@font-face{font-family:Geist;src:url(./Geist-Variable-Bj2R_7yk.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(./GeistMono-Variable-Dispecij.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--navy:#002450;--teal:#0097a4;--bg:#f7f9fb;--surface:#fff;--tint:#eef4f7;--ink:#0b1b2e;--muted:#4f5d72;--border:#dbe3ec;--accent:#00727c;--accent-soft:#e3f3f4;--node-fill:#e6f5f6;--node-stroke:#5aaeb6;--edge:#5e6b7d;--added:#2e8a4a;--added-fill:#e8f6ec;--removed:#c2412d;--button-bg:#002450;--button-ink:#fff;--dot:#cdd7e1;--shadow:0 1px 2px #0b1b2e0f, 0 12px 32px -8px #0b1b2e24;--radius:12px;--font:"Geist", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#07111d;--surface:#0d1a2a;--tint:#0a1625;--ink:#e8eef6;--muted:#9aaac0;--border:#1d2e44;--accent:#3cc3ce;--accent-soft:#0e2a33;--node-fill:#0f2a33;--node-stroke:#2f8f99;--edge:#8a99ad;--added:#52c27a;--added-fill:#10291b;--removed:#f07560;--button-bg:#e8eef6;--button-ink:#002450;--dot:#1a2a3e;--shadow:0 1px 2px #0000004d, 0 16px 40px -12px #0009}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.6}figure{margin:0}img,svg{max-width:100%;height:auto;display:block}a{color:var(--accent);text-underline-offset:3px}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;margin:0;line-height:1.15}p{text-wrap:pretty;margin:0}code,kbd{font-family:var(--mono);font-size:.88em}kbd{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-bottom-width:2px;border-radius:5px;padding:0 .4em;line-height:1.5;display:inline-block}:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}.container{width:min(1160px,100% - 32px);margin-inline:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--button-bg);color:var(--button-ink);border-radius:8px;padding:8px 14px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}.button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:550;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.button:active{transform:translateY(1px)}.button-primary{background:var(--button-bg);color:var(--button-ink)}.button-primary:hover{background:color-mix(in srgb, var(--button-bg) 86%, var(--teal))}.button-ghost{border-color:var(--border);background:var(--surface);color:var(--ink)}.button-ghost:hover{border-color:color-mix(in srgb, var(--border) 50%, var(--muted))}.button-small{border-radius:8px;padding:7px 12px;font-size:14px}.button kbd{color:inherit;opacity:.7;background:0 0;border-color:currentColor;font-size:11px}.icon{width:16px;height:16px}.site-header{z-index:5;border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.nav{align-items:center;gap:32px;height:64px;display:flex}.brand img{width:132px}.nav-links{gap:28px;margin:0 auto 0 0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--muted);font-size:15px;text-decoration:none}.nav-links a:hover{color:var(--ink)}.hero{isolation:isolate;padding:88px 0 0;position:relative;overflow:hidden}.hero:before{z-index:-1;background-image:radial-gradient(var(--dot) 1.2px, transparent 1.2px);content:"";background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000 85%);mask-image:linear-gradient(#000 30%,#0000 85%)}.hero-copy{text-align:center;max-width:980px}.eyebrow{border:1px solid var(--border);background:var(--surface);color:var(--muted);font-family:var(--mono);border-radius:999px;gap:10px;margin-bottom:24px;padding:5px 14px;font-size:13px;display:inline-flex}h1{letter-spacing:-.04em;font-size:clamp(40px,6.4vw,72px);font-weight:650}.lede{max-width:640px;color:var(--muted);margin:24px auto 0;font-size:clamp(18px,2vw,20px)}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.hero-shot{border-bottom-right-radius:0;border-bottom-left-radius:0;margin-top:64px;margin-bottom:-2px}.install-pill{color:#d7e3f0;box-shadow:var(--shadow);background:#071423;border-radius:10px;align-items:center;gap:14px;padding:6px 6px 6px 18px;display:inline-flex}.install-pill code{font-size:15px}.install-pill code span{color:#8193aa}.window{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.window-bar{border-bottom:1px solid var(--border);align-items:center;gap:7px;height:36px;padding:0 14px;display:flex}.window-bar span{background:var(--border);border-radius:50%;width:11px;height:11px}.window-bar p{color:var(--muted);font-family:var(--mono);margin-inline:auto;padding-right:50px;font-size:12px}.section{padding:112px 0}.section-tint{border-block:1px solid var(--border);background:var(--tint)}.section-head{max-width:720px;margin-bottom:48px}.section-head>p:last-child{color:var(--muted);margin-top:16px;font-size:18px}.kicker{color:var(--accent);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:500}h2{font-size:clamp(30px,4vw,44px);font-weight:650}h3{letter-spacing:-.01em;font-size:18px;font-weight:600}.split{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:56px;display:grid}.split-copy>p:not(.kicker){color:var(--muted);margin-top:16px;font-size:18px}.checks{gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.checks li{padding-left:30px;position:relative}.checks li:before{background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%230097a4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;content:"";border-radius:50%;width:18px;height:18px;position:absolute;top:.32em;left:0}.demo{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:180px minmax(0,1fr);display:grid;overflow:hidden}.demo-chat{border-right:1px solid var(--border);flex-direction:column;gap:10px;padding:18px 16px;font-size:13.5px;line-height:1.5;display:flex}.bubble-user{background:var(--tint);border-radius:12px;align-self:flex-end;padding:8px 12px}.bubble-meta{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:12.5px;display:flex}.claude-badge{background:var(--ink);width:18px;height:18px;color:var(--bg);border-radius:5px;place-items:center;font-size:11px;font-weight:600;display:grid}.demo-canvas{background-color:var(--tint);background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-size:18px 18px;padding:16px;position:relative;container-type:inline-size}.review-bar{border:1px solid var(--border);background:var(--surface);min-height:52px;box-shadow:var(--shadow);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:14px;display:flex}.review-status{flex-wrap:wrap;gap:4px 14px;display:flex}.review-actions{gap:6px;display:flex}.legend{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.legend:before{content:"";border-radius:3px;width:12px;height:12px}.legend-added:before{border:1.5px dashed var(--added)}.legend-removed:before{background:var(--removed);border-radius:2px;height:3px}@container (width<500px){.legend{display:none}}.demo[data-state=proposal] .when-accepted,.demo[data-state=proposal] .when-rejected,.demo[data-state=proposal] .when-done,.demo[data-state=accepted] .when-proposal,.demo[data-state=accepted] .when-rejected,.demo[data-state=rejected] .when-proposal,.demo[data-state=rejected] .when-accepted{display:none}.flow{width:100%;font-family:var(--font);margin-top:12px}.flow .node{fill:var(--node-fill);stroke:var(--node-stroke);stroke-width:1.2px}.flow .edge{fill:none;stroke:var(--edge);stroke-width:1.3px}.flow .node-label{fill:var(--ink);text-anchor:middle;font-size:14px}.flow .edge-label{fill:var(--muted);font-size:12.5px}.flow .added,.flow .removed{transition:opacity .4s}.flow .added .edge,.flow .added .node,.flow .removed .edge{transition:stroke .4s,fill .4s,stroke-dasharray .4s}.demo[data-state=proposal] .added .edge,.demo[data-state=proposal] .added .node{stroke:var(--added);stroke-dasharray:5 4}.demo[data-state=proposal] .added .node{fill:var(--added-fill)}.demo[data-state=proposal] .removed .edge{stroke:var(--removed);stroke-dasharray:5 4}.demo[data-state=proposal] .removed .edge-label{fill:var(--removed);text-decoration:line-through}.demo[data-state=proposal] .added{animation:.7s both arrive}.demo[data-state=accepted] .removed,.demo[data-state=rejected] .added{opacity:0}@keyframes arrive{0%{opacity:0}}.tab-list{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:4px;margin-bottom:24px;padding:4px;display:inline-flex}.tab-list [role=tab]{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 18px;font-size:15px;font-weight:500}.tab-list [role=tab][aria-selected=true]{background:var(--accent-soft);color:var(--ink)}.tab-panel>p{max-width:680px;color:var(--muted);margin-bottom:24px}.tab-panel strong{color:var(--ink)}.feature-grid{border:1px solid var(--border);border-radius:var(--radius);background:var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.feature-grid li{background:var(--surface);padding:28px}.feature-grid h3{margin-bottom:8px}.feature-grid p{color:var(--muted);font-size:15.5px}.pipeline{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;margin:0;padding:0;list-style:none;display:grid}.stage{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:24px}.stage-where{color:var(--accent);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;font-size:12px}.stage h3{margin-bottom:8px}.stage p:last-child{color:var(--muted);font-size:15.5px}.hop{width:92px;color:var(--muted);font-family:var(--mono);text-align:center;flex-direction:column;justify-content:center;gap:6px;font-size:12px;display:flex}.hop span{padding-bottom:6px;position:relative}.hop span:after{background:var(--edge);content:"";height:1px;position:absolute;bottom:0;left:10px;right:10px}.hop span:first-child:before,.hop span:last-child:before{content:"";border-block:3.5px solid #0000;width:0;height:0;position:absolute;bottom:-3px}.hop span:first-child:before{border-left:6px solid var(--edge);right:8px}.hop span:last-child:before{border-right:6px solid var(--edge);left:8px}.privacy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.privacy>div>p:last-child{color:var(--muted);margin-top:16px;font-size:18px}.privacy-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--border);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.privacy-list li{background:var(--surface);color:var(--muted);padding:18px 22px}.privacy-list strong{color:var(--ink);font-weight:600}.section-start{border-top:1px solid var(--border);background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--teal) 14%, transparent), transparent 60%), var(--tint)}.start{text-align:center;max-width:680px}.start>p{color:var(--muted);margin-top:14px}.terminal{border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;background:#071423;margin-top:32px;overflow:hidden}.terminal pre{color:#d7e3f0;margin:0;padding:22px 24px;font-size:15px;line-height:1.8;overflow-x:auto}.terminal-bar{color:#8193aa;font-family:var(--mono);border-bottom:1px solid #1a2b40;justify-content:space-between;align-items:center;padding:8px 8px 8px 20px;font-size:12px;display:flex}.copy-button{color:#d7e3f0;background:#0f2034;border-color:#23354b;padding:5px 10px}.copy-button:hover{border-color:#3b5370}.start .start-note{margin-top:18px;font-size:15px}.start .start-note+.start-note{margin-top:8px}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:32px 0;font-size:14px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-links{gap:20px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--muted)}@media (width<=960px){.split,.privacy{grid-template-columns:1fr;gap:40px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline{grid-template-columns:1fr}.hop{flex-direction:row;justify-content:center;width:auto;padding:12px 0}.hop span{padding-bottom:0}.hop span:after,.hop span:before{display:none}.hop span:first-child:after{content:" ↓";background:0 0;display:inline;position:static}.hop span:last-child:before{content:"↑ ";border:0;display:inline;position:static}}@media (width<=720px){body{font-size:16px}.nav-links{display:none}.nav{justify-content:space-between}.hero{padding-top:56px}.hero-shot{margin-top:44px}.section{padding:80px 0}.demo{grid-template-columns:1fr}.demo-chat{border-right:0;border-bottom:1px solid var(--border)}.feature-grid{grid-template-columns:1fr}.tab-list{display:flex;overflow-x:auto}.terminal pre{padding:18px 20px;font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
