:root{--bg:#0e0f12;--surface:#17181d;--surface-2:#1f2026;--border:#26282f;--fg:#e7e8ec;--muted:#8a8f9c;--accent:#3561b8;--accent-hi:#5b86d9;--accent-soft:#171f33;--running:#34d399;--waiting:#f59e0b;--failed:#f87171;--claude:#d97757;--sans:"Inter", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--radius:10px;--max:1120px}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.mono{font-family:var(--mono)}.muted{color:var(--muted)}nav{z-index:10;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0e0f12cc;position:sticky;top:0}nav .wrap{align-items:center;gap:32px;height:60px;display:flex}.logo{letter-spacing:.02em;align-items:center;gap:10px;font-weight:700;display:flex}.logo img{height:24px;display:block}.logo-name{letter-spacing:0;color:var(--muted);white-space:nowrap;font-size:14px;font-weight:500}@media (width<=600px){.logo-name{display:none}}nav ul{color:var(--muted);gap:24px;padding:0;font-size:14px;list-style:none;display:flex}nav ul a:hover{color:var(--fg)}nav .right{align-items:center;gap:12px;margin-left:auto;display:flex}.btn{border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:15px;font-weight:500;transition:all .12s;display:inline-flex}.btn.sm{height:32px;padding:0 12px;font-size:14px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#eef2fb}.btn.primary:hover{background:var(--accent-hi)}.btn.ghost:hover{background:var(--surface)}.hero{text-align:center;padding:96px 0 56px;position:relative;overflow:hidden}.hero .grid-dots{pointer-events:none;background-image:radial-gradient(circle,#3561b82e 1.5px,#0000 1.6px);background-size:28px 28px;position:absolute;inset:0;mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 65%)}.eyebrow{color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:99px;align-items:center;gap:8px;margin-bottom:28px;padding:4px 12px 4px 6px;font-size:13px;display:inline-flex}.eyebrow b{background:var(--accent-soft);color:var(--accent-hi);border-radius:99px;padding:1px 8px;font-weight:500}h1{letter-spacing:-.03em;max-width:900px;margin:0 auto;font-size:clamp(40px,6vw,68px);font-weight:700;line-height:1.05}h1 em{color:var(--accent-hi);font-style:normal}.hero p.sub{color:var(--muted);max-width:640px;margin:22px auto 34px;font-size:19px}.cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.platforms{color:var(--muted);margin-top:14px;font-size:13px}.shot{border:1px solid var(--border);background:var(--surface);border-radius:14px;display:block;overflow:hidden;box-shadow:0 40px 120px #3561b826,0 0 0 1px #ffffff05}.shot img{width:100%;height:auto;display:block}.dot{border-radius:50%;flex:none;width:8px;height:8px}@keyframes pulse{50%{box-shadow:0 0 0 6px #34d39900}}.carousel{max-width:1040px;margin:64px auto 0}.carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:14px;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-track:focus-visible,.carousel-btn:focus-visible,.carousel-dot:focus-visible{outline:2px solid var(--accent-hi);outline-offset:4px}.carousel:not(.ready) .carousel-track{scrollbar-width:thin}.carousel-slide{scroll-snap-align:start;flex:0 0 100%;margin:0;padding:0 0 4px}.carousel-frame{aspect-ratio:2;background:var(--bg);box-shadow:0 24px 80px #3561b81f}.carousel-frame img{object-fit:cover;object-position:top center;height:100%}.carousel-slide figcaption{max-width:640px;color:var(--muted);margin:18px auto 0;font-size:15px}.carousel-slide figcaption b{color:var(--fg);margin-bottom:4px;font-size:17px;font-weight:600;display:block}.carousel-nav{justify-content:center;align-items:center;gap:16px;margin-top:18px;display:flex}.carousel-nav[hidden]{display:none}.carousel-btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--fg);font:20px/1 var(--sans);cursor:pointer;border-radius:50%}.carousel-btn:hover:not(:disabled){background:var(--surface-2)}.carousel-btn:disabled{opacity:.4;cursor:default}.carousel-dots{gap:10px;display:flex}.carousel-dot{background:var(--border);cursor:pointer;border:0;border-radius:50%;width:10px;height:10px;padding:0}.carousel-dot[aria-current]{background:var(--accent-hi)}@media (prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}}section{border-top:1px solid var(--border);padding:96px 0}.kicker{font-family:var(--mono);color:var(--accent-hi);margin-bottom:12px;font-size:13px}h2{letter-spacing:-.02em;max-width:720px;font-size:clamp(30px,4vw,42px);font-weight:700;line-height:1.15}.lead{color:var(--muted);max-width:640px;margin-top:16px;font-size:18px}.loop{grid-template-columns:repeat(6,1fr);gap:0;margin-top:56px;display:grid;position:relative}.step{text-align:center;padding:0 8px;position:relative}.step .node{background:var(--accent-soft);border:1px solid var(--accent);z-index:1;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 16px;display:grid;position:relative}.step .node .d{background:var(--accent-hi);border-radius:50%;width:14px;height:14px}.step.you .node{border-color:var(--fg);background:#e7e8ec14}.step.you .node .d{background:var(--fg)}.step:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--accent), var(--border));height:1px;position:absolute;top:28px;left:calc(50% + 28px);right:calc(28px - 50%)}.step b{margin-bottom:4px;font-size:15px;display:block}.step span{color:var(--muted);font-size:13px;line-height:1.45;display:block}.loop-note{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:40px;font-size:14px;display:flex}.features{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;display:grid;overflow:hidden}.f{background:var(--bg);padding:28px}.f .ic{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;font-family:var(--mono);color:var(--accent-hi);border-radius:8px;place-items:center;margin-bottom:18px;font-size:14px;display:grid}.f h3{margin-bottom:6px;font-size:17px;font-weight:600}.f p{color:var(--muted);font-size:14.5px}.agents{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:48px;display:grid}.agents .agent{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:22px}.agents .agent .name{align-items:center;gap:10px;font-weight:600;display:flex}.agents .agent .badge{border-radius:7px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.agents .agent code{font:13px var(--mono);color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:6px;margin-top:14px;padding:8px 10px;display:block}.split{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.stats{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:22px}.stat b{letter-spacing:-.02em;font-size:34px;display:block}.stat span{color:var(--muted);font-size:13px}.term{border:1px solid var(--border);border-radius:var(--radius);font:13px/1.8 var(--mono);color:var(--muted);background:#0a0b0d;padding:18px 20px}.term div{white-space:pre}.term .p{color:var(--accent-hi)}.term .g{color:var(--running)}.term .y{color:var(--waiting)}.term .w{color:var(--fg)}ul.checks{gap:12px;margin-top:28px;padding:0;list-style:none;display:grid}ul.checks li{color:var(--muted);gap:12px;display:flex}ul.checks li:before{content:"";background:var(--accent-hi);border-radius:50%;flex:none;width:8px;height:8px;margin-top:9px}ul.checks b{color:var(--fg);font-weight:500}.install{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:max-content;max-width:100%;margin:28px auto 0;display:grid;position:relative;overflow:hidden}.install-tabs{border-bottom:1px solid var(--border);display:flex}.install-tab{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:14px}.install-tab:hover{color:var(--fg)}.install-tab[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent-hi)}.install:not(.install-ready) .install-tab[aria-selected=true]{color:var(--muted);border-bottom-color:#0000}.install-tab:focus-visible,.install-copy:focus-visible{outline:2px solid var(--accent-hi);outline-offset:-2px}.install-panel{visibility:hidden;grid-area:2/1;padding:14px 16px}.install-panel.install-default,.install-panel:target,.install.install-ready .install-panel{visibility:visible}.install:has(.install-panel:target):not(.install-ready) .install-panel.install-default:not(:target){visibility:hidden}.install.install-ready .install-panel[hidden]{visibility:hidden;display:block}.install-command{border:1px solid var(--border);background:#0a0b0d;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;display:flex}.install-command code{font:14px var(--mono);color:var(--fg);overflow-wrap:anywhere;flex:1}.install-pipe{white-space:nowrap}.install-copy{border:1px solid var(--border);background:var(--surface);min-width:66px;height:28px;color:var(--fg);font:13px var(--sans);cursor:pointer;border-radius:6px;flex:none;padding:0 10px}.install-copy:hover{background:var(--surface-2)}.install-note{width:0;min-width:100%;color:var(--muted);margin-top:10px;font-size:13px}.install-note a{color:var(--accent-hi)}.install-note a:hover{text-decoration:underline}@media (width<=600px){.install-tabs{padding-right:76px}.install-tab{padding:8px 12px}.install-panel{padding:12px}.install-command{padding:10px}.install-command code{font-size:12px}.install-copy{position:absolute;top:6px;right:8px}}.final{text-align:center;padding:120px 0}.final h2{margin:0 auto}.final .cta{margin-top:32px}.dots7{grid-template-columns:repeat(3,14px);justify-content:center;gap:10px;margin-bottom:32px;display:grid}.dots7 i{background:var(--accent);opacity:.3;border-radius:50%;width:14px;height:14px;animation:3.5s infinite work}.dots7 i:nth-child(2){animation-delay:.3s}.dots7 i:nth-child(3){animation-delay:.6s}.dots7 i:nth-child(4){animation-delay:.9s}.dots7 i:nth-child(5){animation-delay:1.2s}.dots7 i:nth-child(6){animation-delay:1.5s}.dots7 i.me{background:var(--fg);opacity:1;grid-column:3;animation:none}.dots7 i.gap{visibility:hidden;animation:none}@keyframes work{0%,to{opacity:.3}40%{opacity:1}}footer{border-top:1px solid var(--border);color:var(--muted);padding:40px 0;font-size:14px}footer .wrap{flex-wrap:wrap;align-items:center;gap:24px;display:flex}footer .links{gap:20px;margin-left:auto;display:flex}footer a:hover{color:var(--fg)}.dot.me{background:var(--fg)}.cursor{animation:1s infinite pulse}.agent .badge.claude{color:var(--claude);background:#d9775726}.agent .badge.codex{background:#e7e8ec14}.agent .badge.devin{color:var(--accent-hi);background:#3561b826}.agent .badge.grok,.agent .badge.cursor{background:#e7e8ec14}.agent .badge.omp{color:var(--running);background:#34d3991f}.agent .badge.antigravity{color:var(--waiting);background:#f59e0b1f}.split .stats{margin-top:32px}.final .icon{margin:0 auto 32px;display:block}.final .lead{margin:16px auto 0}@media (width<=860px){nav ul{display:none}.loop{grid-template-columns:repeat(2,1fr);row-gap:40px}.step:after{display:none}.features{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:40px}}.pm-split{grid-template-columns:1fr 600px;align-items:start;gap:56px;display:grid}.pm-text{position:sticky;top:108px}ul.pm-points{color:var(--muted);gap:12px;margin-top:28px;padding:0;font-size:15px;list-style:none;display:grid}ul.pm-points b{color:var(--fg);font-weight:600}.pm-shot{border-radius:var(--radius)}@media (width<=1040px){.pm-split{grid-template-columns:1fr 1fr;gap:48px}}@media (width<=860px){.pm-split{grid-template-columns:1fr;gap:40px}.pm-text{position:static}.pm-shot{max-width:600px}}a.f{transition:background .12s;display:block}a.f:hover{background:var(--surface)}.more{margin-top:20px;font-size:15px}.more a{color:var(--accent-hi)}.more a:hover{text-decoration:underline}.features-hero{padding-bottom:72px}.features-hero .kicker{margin-bottom:20px}.toc{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;padding:0;list-style:none;display:flex}.toc a{font:13px var(--mono);color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:99px;padding:4px 12px;display:block}.toc a:hover{color:var(--fg);border-color:var(--accent)}section.area{scroll-margin-top:60px}.area-head{grid-template-columns:1.1fr 1fr;align-items:start;gap:56px;display:grid}.area-head ul.checks{margin-top:36px}.docs-links{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:24px;font-size:14px;display:flex}.docs-links a:not(.btn){color:var(--muted)}.docs-links a:not(.btn):hover{color:var(--fg)}.area-shots{align-items:start;gap:24px;margin-top:48px;display:grid}.area-shots.with-narrow{grid-template-columns:1fr 300px;align-items:center}.area-shots .shot{border-radius:var(--radius);box-shadow:0 24px 80px #3561b81a}.area-shots .shot.narrow{border-radius:18px}#local .checks{margin-top:24px}@media (width<=860px){.area-head{grid-template-columns:1fr;gap:8px}.area-shots.with-narrow{grid-template-columns:1fr}.area-shots .shot.narrow{max-width:280px;margin:0 auto}}