:root{--bg:#09090b;--fg:#fafafa;--fg-muted:#a1a1aa;--fg-dim:#71717a;--border:#ffffff14;--surface:#111318;--accent:#7dd3fc;--ok:#34d399;--font:"DM Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--ease:cubic-bezier(.22, .61, .36, 1);--max:42rem;--wide:68rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font);background-image:radial-gradient(900px 480px at 50% -10%,#7dd3fc17,#0000 55%),radial-gradient(700px 400px at 90% 40%,#34d3990d,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg,video{max-width:100%;display:block}code{font-family:var(--font-mono);font-size:.9em}.mono{font-family:var(--font-mono)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes screenshot-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes caret-blink{50%{opacity:0}}.page{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.nav{z-index:2;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;display:flex;position:relative}.nav-brand{color:var(--fg);align-items:center;gap:.55rem;display:flex}.nav-wordmark{letter-spacing:-.03em;font-size:1rem;font-weight:600}.nav-right{align-items:center;gap:1.15rem;display:flex}.nav-link{color:var(--fg-muted);transition:color .25s var(--ease);align-items:center;gap:.35rem;font-size:.875rem;display:flex}.nav-link:hover{color:var(--fg)}.nav-link-arrow{transition:transform .25s var(--ease);display:inline-block}.nav-link:hover .nav-link-arrow{transform:translate(2px)translateY(-1px)}.nav-cta{background:var(--fg);color:var(--bg);transition:transform .2s var(--ease);border-radius:999px;align-items:center;padding:.45rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.nav-cta:hover{transform:scale(1.03)}.nav-cta:active{transform:scale(.96)}.hero{text-align:center;flex-direction:column;align-items:center;padding:8vh 1.5rem 2.5rem;display:flex;position:relative}.brand-mark{letter-spacing:-.06em;color:var(--fg);text-wrap:balance;opacity:0;animation:fade-in .85s var(--ease) forwards;margin-bottom:1.25rem;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700;line-height:.95}.tagline{letter-spacing:-.04em;text-wrap:balance;opacity:0;max-width:22ch;animation:fade-in .9s var(--ease) 60ms forwards;margin-bottom:1rem;font-size:clamp(1.65rem,3.6vw,2.55rem);font-weight:550;line-height:1.15}.lede{color:var(--fg-muted);text-wrap:pretty;opacity:0;max-width:32rem;animation:fade-in .9s var(--ease) .12s forwards;margin-bottom:1.75rem;font-size:1.05rem;line-height:1.55}.hero-actions{opacity:0;animation:fade-in .9s var(--ease) .18s forwards;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.25rem;display:flex}.hero-button{color:#09090b;transition:transform .2s var(--ease), box-shadow .25s var(--ease);background:#fafafa;border-radius:999px;align-items:center;padding:.75rem 1.6rem;font-size:.9rem;font-weight:600;display:inline-flex}.hero-button:hover{transform:scale(1.03);box-shadow:0 0 28px #ffffff1a}.hero-button:active{transform:scale(.96)}.hero-button--ghost{color:var(--fg);box-shadow:none;background:0 0;border:1px solid #ffffff2e}.hero-button--ghost:hover{box-shadow:none;background:#ffffff0f}.secondary-link{color:var(--fg-dim);text-underline-offset:3px;transition:color .25s var(--ease);font-size:.9rem;text-decoration:underline #71717a73}.secondary-link:hover{color:var(--fg-muted);text-decoration-color:var(--fg-muted)}.demo-bleed{opacity:0;width:100%;animation:screenshot-in 1s var(--ease) .22s forwards;margin-top:3rem;padding:0}.demo-frame{border-block:1px solid var(--border);background:#050507;width:100%}.demo-video{aspect-ratio:16/9;object-fit:cover;background:#050507;width:100%;max-height:min(72vh,820px);margin:0 auto}.demo-caption{text-align:center;color:var(--fg-dim);max-width:36rem;margin:1.1rem auto 0;padding:0 1.5rem;font-size:.9rem}.band{width:min(92vw, var(--wide));margin:0 auto;padding:6rem 0 0}.band-head{max-width:var(--max);margin-bottom:2.25rem}.band-head h2{letter-spacing:-.035em;text-wrap:balance;margin-bottom:.75rem;font-size:clamp(1.55rem,2.8vw,2.1rem);font-weight:550}.band-head p{color:var(--fg-muted);text-wrap:pretty;max-width:38rem;font-size:1.02rem}.mode-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.85rem;font-size:.72rem;font-weight:500}.inline-link{color:var(--fg);text-underline-offset:3px;text-decoration:underline #fafafa59}.inline-link:hover{text-decoration-color:var(--fg)}.moat-list{border-top:1px solid var(--border);gap:0;display:grid}.moat-item{border-bottom:1px solid var(--border);grid-template-columns:3rem 1fr;gap:.4rem 1.25rem;padding:1.65rem 0;display:grid}.moat-n{font-family:var(--font-mono);color:var(--fg-dim);grid-row:1/span 2;padding-top:.35rem;font-size:.78rem}.moat-item h3{letter-spacing:-.025em;font-size:1.15rem;font-weight:600}.moat-item p{color:var(--fg-muted);max-width:40rem;font-size:.98rem;line-height:1.55}@media (width>=900px){.moat-list{border-top:0;grid-template-columns:1fr 1fr;gap:0 2.5rem}.moat-item,.moat-item:first-child,.moat-item:nth-child(2){border-top:1px solid var(--border)}}.prompt-band .band-head{margin-bottom:1.75rem}.prompt-stage{border:1px solid var(--border);background:#111318d9;border-radius:18px;outline:1px solid #ffffff0a;width:min(100%,44rem);padding:1.5rem 1.4rem;box-shadow:0 28px 80px #00000059}.prompt-row{grid-template-columns:2.75rem 1fr;align-items:start;gap:.85rem;display:grid}.prompt-row+.prompt-row{margin-top:1.15rem}.prompt-row--agent{opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);transform:translateY(6px)}.prompt-row--agent.on{opacity:1;transform:none}.prompt-who{font-family:var(--font-mono);letter-spacing:.08em;color:var(--fg-dim);padding-top:.55rem;font-size:.65rem;font-weight:500}.prompt-who--agent{color:var(--accent)}.prompt-bubble{border:1px solid var(--border);color:var(--fg);background:#0c0e13;border-radius:14px;min-height:2.8rem;padding:.9rem 1rem;font-size:.95rem;line-height:1.45}.prompt-bubble.mono{color:#e4e4e7;font-size:.9rem}.caret{background:var(--accent);vertical-align:text-bottom;width:.55ch;height:1.05em;margin-left:1px;animation:1s step-end infinite caret-blink;display:inline-block}.caret.off{display:none}.prompt-steps{gap:.35rem;margin-top:.85rem;list-style:none;display:grid}.prompt-steps li{font-family:var(--font-mono);color:var(--fg-dim);opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease), color .3s var(--ease);font-size:.8rem;transform:translate(-4px)}.prompt-steps li.on{opacity:1;color:var(--fg-muted);transform:none}.prompt-steps li.on:before{content:"→ ";color:var(--fg-dim)}.prompt-steps li.ok.on{color:var(--ok)}.prompt-steps li.ok.on:before{content:"✓ ";color:var(--ok)}.steps{border-top:1px solid var(--border);gap:0;list-style:none;display:grid}.steps li{border-bottom:1px solid var(--border);grid-template-columns:3.25rem 1fr;gap:1rem;padding:1.35rem 0;display:grid}.step-n{font-family:var(--font-mono);color:var(--fg-dim);padding-top:.2rem;font-size:.8rem}.steps h3{letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.05rem;font-weight:600}.steps p{color:var(--fg-muted);font-size:.95rem}.shot{text-align:left;width:min(90vw,1080px);margin:0 auto}.shot .browser-chrome{background:#16181e;border:1px solid #ffffff1a;border-bottom:0;border-radius:14px 14px 0 0;align-items:center;gap:.4rem;padding:.7rem .9rem;display:flex}.shot .dot{background:#3f4450;border-radius:50%;width:9px;height:9px}.shot .dot:first-child{background:#5b6270}.shot .url{color:#8b93a7;min-width:0;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border-radius:6px;flex:1;margin-left:.65rem;padding:.28rem .7rem;font-size:.7rem;overflow:hidden}.shot-frame{background:#eef1f6;border:1px solid #ffffff1a;border-top:0;border-radius:0 0 14px 14px;outline:1px solid #ffffff14;width:100%;height:auto;overflow:hidden}.shot-frame svg{width:100%;height:auto;display:block}.shot figcaption{color:var(--fg-dim);max-width:36rem;margin-top:1rem;font-size:.9rem;line-height:1.5}.band--shot .shot-frame{box-shadow:0 24px 80px #0006}.compare{border:1px solid var(--border);border-radius:16px;max-width:48rem;overflow:hidden}.compare-head,.compare-row{grid-template-columns:1fr 1fr;display:grid}.compare-head{background:var(--surface);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);border-bottom:1px solid var(--border);padding:.85rem 1.15rem;font-size:.72rem}.compare-head span:last-child{color:var(--accent)}.compare-row{border-bottom:1px solid var(--border)}.compare-row:last-child{border-bottom:0}.compare-them,.compare-us{padding:1rem 1.15rem;font-size:.95rem;line-height:1.4}.compare-them{color:var(--fg-dim);border-right:1px solid var(--border)}.compare-us{color:var(--fg);font-weight:500}.out-list{border-top:1px solid var(--border);gap:0;max-width:36rem;list-style:none;display:grid}.out-list li{border-bottom:1px solid var(--border);color:var(--fg-muted);padding:.95rem 0;font-size:.98rem}.out-list li:before{content:"— ";color:var(--fg-dim)}.faq{border-top:1px solid var(--border);max-width:40rem}.faq details{border-bottom:1px solid var(--border);padding:1rem 0}.faq summary{cursor:pointer;letter-spacing:-.015em;font-weight:550;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--fg-dim);font-weight:400}.faq details[open] summary:after{content:"–"}.faq p{color:var(--fg-muted);text-wrap:pretty;margin-top:.75rem;padding-right:1.5rem;font-size:.95rem}.cta{width:min(92vw, var(--wide));border-top:1px solid var(--border);text-align:center;margin:6rem auto 0;padding:4rem 0 1rem}.cta-mark{opacity:1;margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.75rem);animation:none}.cta h2{letter-spacing:-.04em;text-wrap:balance;margin-bottom:.75rem;font-size:clamp(1.6rem,3vw,2.25rem);font-weight:550}.cta p{color:var(--fg-muted);margin-bottom:1.5rem}.cta .hero-actions{opacity:1;margin-bottom:0;animation:none}.footer{color:var(--fg-dim);justify-content:space-between;align-items:center;margin-top:3rem;padding:2.5rem 2.5rem 2rem;font-size:.8rem;display:flex}.footer-links{gap:1.25rem;display:flex}.footer-links a{color:var(--fg-dim);transition:color .25s var(--ease)}.footer-links a:hover{color:var(--fg)}@media (prefers-reduced-motion:reduce){.brand-mark,.tagline,.lede,.hero-actions,.demo-bleed{opacity:1;animation:none;transform:none}.caret{animation:none}}@media (width<=720px){.nav{padding:1.15rem 1.25rem}.nav-right .nav-link:first-child,.nav-right .nav-link:nth-child(2){display:none}.hero{padding-top:5vh}.brand-mark{font-size:clamp(2.25rem,12vw,3.5rem)}.compare-head,.compare-row{grid-template-columns:1fr}.compare-them{border-right:0;border-bottom:1px solid var(--border);padding-bottom:.65rem}.compare-us{padding-top:.65rem}.moat-item{grid-template-columns:2.5rem 1fr}.footer{flex-wrap:wrap;gap:.75rem;padding:1.5rem 1.25rem}.band{padding-top:4.25rem}}
