.style-preview{--font-manrope:var(--font-instrument);--background:#f7f8fb;--foreground:#18283e;--charcoal:#18283e;--ink:#18283e;color:#18283e;background:#f7f8fb;font-weight:400}.style-preview ::selection{color:#18283e;background:#ffccb8}.style-preview :is(a,button,summary,[tabindex]):focus-visible{outline-offset:4px;outline:3px solid #a33227}.style-preview .site-header{color:#18283e;background:#f7f8fb;border-color:#cbd3e0}.style-preview .site-header nav{background:#f7f8fb}.style-preview .site-header nav a{color:#3b4a62;font-weight:500}.style-preview .site-header nav a:hover{color:#a33227}.style-preview .site-header button{border-color:#8b99ae}.style-preview .site-header .font-display{font-weight:650}.style-preview .github-soon{color:#f8faff;box-shadow:none;background:#18283e;border-radius:8px;font-weight:600;transition:background .16s ease-out,transform .16s ease-out}.style-preview .github-soon:hover{background:#304967;transform:translateY(-1px)}.style-preview .github-soon:active{transform:translateY(0)}.style-preview .github-soon svg{color:#ffc8b7}.style-preview .cli-landing{--graphite:#18283e;--orange:#c44838;--yellow:#ffc8b7;--reading-ink:#18283e;--reading-muted:#3c4c65;--reading-paper:#fff;--reading-soft:#eef1f7;--reading-on-dark:#f8faff;--reading-muted-on-dark:#e0e8f5;--reading-focus:#a33227;--preview-context:#fff;--preview-output:#18283e;--preview-output-focus:#bee8ff;--preview-tab:#fff;--preview-tab-weight:500;--preview-setup-icon:#a33227;--preview-diagram-input:#e5eaf3;--preview-diagram-ink:#18283e;--preview-diagram-draft:#18283e;--preview-diagram-draft-ink:#f8faff;--preview-diagram-connector:#7186a2;--preview-diagram-accent:#c44838;--preview-diagram-shadow:none;--preview-diagram-check:#a7d8ff;font-weight:400}.style-preview .cli-landing .cli-hero{color:#18283e;background:#f7f8fb}.style-preview .cli-landing .cli-hero .hero-copy h1{letter-spacing:-.035em;font-size:clamp(40px,4.1vw,58px);font-weight:550;line-height:1.1}.style-preview .cli-landing .hero-copy h1>span{color:#c44838;font-weight:550}.style-preview .cli-landing .cli-hero .hero-description{color:#3d506d;font-size:18px;line-height:1.75}.style-preview .cli-landing .hero-actions .text-action{color:#2f496f;text-underline-offset:5px;font-weight:500;text-decoration-thickness:1px}.style-preview .cli-landing .hero-agents{color:#3c4c65}.style-preview .cli-landing .hero-agents a{transition:background .16s ease-out}.style-preview .cli-landing .hero-agents a:hover{background:#e5ebf5}.style-preview .cli-landing .hero-agents .agent-logo-monochrome{filter:brightness(0)}.style-preview .cli-landing .hero-agents .agent-logo-inverted{filter:none}.style-preview .cli-landing .cli-hero .hero-agents ul{grid-template-columns:repeat(5,46px);gap:8px;width:max-content;display:grid}.style-preview .cli-landing .hero-agents a{background:#fff;border:1px solid #b4c0d2;border-radius:10px;width:46px;height:46px}.style-preview .cli-landing .hero-agents img{width:28px;height:28px}.style-preview .cli-landing .hero-agents a[data-agent=Pi] img{filter:brightness(0)}.style-preview .cli-landing .hero-agents a[data-agent=OpenCode] img{filter:invert()}.style-preview .cli-landing .hero-agents a[data-agent=Antigravity] img{filter:invert()hue-rotate(180deg)contrast(1.3);mix-blend-mode:multiply}.style-preview .cli-landing .hero-agents a:hover{background:#e4edfb;border-color:#a33227}.style-preview .cli-landing .hero-agents a:focus-visible{outline-offset:4px;outline:3px solid #a33227}.style-preview .result-highlight{color:#18283e;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:.06em .13em}.style-preview .result-highlight[data-tone=voice]{background:#ffccb8}.style-preview .result-highlight[data-tone=context]{background:#bee8ff}.style-preview .result-notes{flex-wrap:wrap;gap:12px;margin:24px 0 4px;padding:0;list-style:none;display:flex}.style-preview .result-notes li{color:#18283e;border-radius:5px;align-items:center;gap:7px;padding:7px 10px;font-size:14px;font-weight:550;line-height:1.45;display:inline-flex}.style-preview .result-notes li[data-tone=voice]{background:#ffccb8}.style-preview .result-notes li[data-tone=context]{background:#bee8ff}.style-preview .result-notes svg{flex-shrink:0}.style-preview .cli-landing h2{letter-spacing:-.025em;font-weight:550}.style-preview .cli-landing .landing-section-light,.style-preview .cli-landing .examples-section{background:#eef1f7}.style-preview .cli-landing .results-section{background:#f7f8fb}.style-preview .cli-landing .section-heading h2{font-size:38px;font-weight:550}.style-preview .cli-landing .quickstart-section{color:#18283e;background:#e7edf6}.style-preview .cli-landing #pricing{background:#fff;border-radius:12px;gap:18px;width:fit-content;max-width:100%;padding:18px 20px}.style-preview .cli-landing #pricing strong{color:#a33227;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:64px;font-weight:650}.style-preview .cli-landing #pricing span{max-width:20ch;font-weight:500}.style-preview .cli-landing .setup-prompt{color:#18283e;background:#fff;border:0;border-radius:16px;box-shadow:0 12px 30px #18283e0d}.style-preview .cli-landing .setup-prompt h3,.style-preview .cli-landing .setup-prompt strong{font-weight:550}.style-preview .cli-landing .setup-prompt-text{color:#3d506d;scrollbar-color:#8598b4 #e8edf5;font-size:16px;line-height:1.8}.style-preview .cli-landing .setup-prompt-copy{color:#f8faff;background:#18283e;border-radius:8px;font-weight:600}.style-preview .cli-landing .setup-prompt-copy:hover{background:#304967}.style-preview .cli-landing .setup-prompt-feedback{color:#3d506d}.style-preview .cli-landing .result-metrics strong{color:#18283e;letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-weight:550}.style-preview .cli-landing .result-metrics span{color:#3c4c65;font-size:14px;font-weight:450}.style-preview .cli-landing .analytics-original{background:#fff;border:0;border-radius:12px}.style-preview .cli-landing .proof-note{color:#3c4c65;font-size:14px;font-weight:400}.style-preview .cli-landing .conversation-proof{background:#fff;border:0;border-radius:12px}.style-preview .cli-landing .proof-title{color:#18283e}.style-preview .cli-landing .cli-faq{color:#18283e;background:#f7f8fb}.style-preview .cli-landing .cli-faq details{border-color:#c1ccdd}.style-preview .cli-landing .cli-faq summary{font-size:18px;font-weight:500}.style-preview .cli-landing .cli-faq summary>span{color:#a33227;font-weight:400}.style-preview .cli-landing .cli-faq details p{color:#3c4c65}.style-preview .cli-landing .cli-faq .text-action{color:#a33227}.style-preview .site-footer{color:#18283e;background:#e4eaf4;border-color:#cbd3e0}.style-preview .site-footer :is(p,a){color:#3d506d}.style-preview .site-footer a:hover{color:#a33227}.style-preview .site-footer .border-t{border-color:#bbc8dc}@media (max-width:700px){.style-preview .cli-landing #pricing{gap:16px;padding:16px}.style-preview .cli-landing #pricing strong{font-size:52px}.style-preview .cli-landing .cli-hero .hero-agents ul{grid-template-columns:repeat(5,46px)}.style-preview .cli-landing .cli-hero .hero-copy h1{font-size:36px;line-height:1.14}.style-preview .cli-landing .cli-hero .hero-description{font-size:17px;line-height:1.7}.style-preview .cli-landing .section-heading h2{font-size:30px}.style-preview .cli-landing .cli-faq summary{font-size:17px}}@media (prefers-reduced-motion:reduce){.style-preview .github-soon{transition:none;transform:none}}