:root{--bg:#0e1014;--bar:#111318;--bar-line:#1f242d;--panel:#161a21;--line:#262b35;--line-strong:#303644;--text:#e6e8ec;--text-2:#c9ced8;--text-body:#d3d7de;--muted:#9aa3b2;--subtle:#8b94a5;--hover:#1d222b;--accent:#7cc4ff;--accent-hover:#b3dcff;--accent-ink:#0e1622;--accent-bg:#263142;--halo:#c4a7ff;--ink:#17181b;--dot:#ffffff1a;--fill-butter:#f3d77a;--fill-mint:#9fe0c0;--fill-sky:#9ccbf5;--fill-coral:#f4a99a;--fill-lilac:#cdb8f5;--float-shadow:0 12px 32px #00000073;--mono:"Geist Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}code,pre{font-family:var(--mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,p{margin:0}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}.dots{background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-size:20px 20px}section{border-bottom:1px solid var(--bar-line)}.section{flex-direction:column;gap:48px;padding-top:96px;padding-bottom:96px;display:flex}.intro{flex-direction:column;gap:14px;max-width:760px;display:flex}.eyebrow{font-family:var(--mono);font-size:13px}.eyebrow.lilac{color:var(--halo)}.eyebrow.butter{color:var(--fill-butter)}.eyebrow.mint{color:var(--fill-mint)}.eyebrow.sky{color:var(--accent)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h2{letter-spacing:-.02em;font-size:clamp(32px,4.5vw,52px);line-height:1.08}.lead{color:var(--text-2);font-size:18px}.button{border:1px solid var(--line-strong);min-height:48px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:0 22px;font-weight:500;display:inline-flex}.button:hover{background:var(--hover);color:var(--text)}.button.primary{background:var(--fill-butter);color:var(--ink);border-color:#0000;font-weight:600}.button.primary:hover{color:var(--ink);background:#f7e19a}.button.small{min-height:40px;padding:0 14px;font-size:14px}.topbar{z-index:20;border-bottom:1px solid var(--bar-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111318eb;position:sticky;top:0}.topbar .wrap{flex-wrap:wrap;align-items:center;gap:12px 24px;padding-top:12px;padding-bottom:12px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.brand:hover{color:var(--text)}.topbar nav{flex-wrap:wrap;flex:auto;gap:4px 20px;font-size:14px;display:flex}.topbar nav a{color:var(--text-2)}.topbar nav a:hover{color:var(--text)}.hero{flex-direction:column;gap:48px;padding-top:88px;padding-bottom:48px;display:flex}.hero-copy{flex-direction:column;align-items:flex-start;gap:20px;max-width:780px;display:flex}.pill{background:var(--accent-bg);color:var(--accent-hover);font-family:var(--mono);border-radius:999px;padding:4px 10px;font-size:13px}h1{letter-spacing:-.03em;font-size:clamp(44px,7vw,84px);line-height:1.02}.hero-copy .lead{max-width:640px;font-size:20px}.actions{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.demo{flex-direction:column;gap:20px;padding-bottom:72px;display:flex;position:relative}.demo-board,.demo-agent{flex-direction:column;gap:10px;min-width:0;display:flex}@media (width>=1900px){.demo-agent{width:320px;position:absolute;top:0;bottom:72px;left:calc(100% + 24px)}}.demo-caption{min-height:36px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.demo-caption kbd{border:1px solid var(--line-strong);font-family:var(--mono);border-radius:4px;padding:0 5px;font-size:12px}.demo-caption .button{min-height:36px;padding:0 12px;font-size:13px}.demo-frame{border:1px solid var(--line);background:var(--bg);height:620px;box-shadow:var(--float-shadow);border-radius:12px;overflow:hidden}.demo-frame iframe{border:0;width:100%;height:100%;display:block}.agent{border:1px solid var(--line);background:var(--bar);border-radius:12px;flex-direction:column;flex:auto;min-height:420px;display:flex;overflow:hidden}.agent-head{border-bottom:1px solid var(--bar-line);align-items:center;gap:10px;padding:14px 16px;display:flex}.agent-mark{background:var(--accent-bg);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.agent-head div{flex-direction:column;line-height:1.25;display:flex}.agent-head strong{font-size:14px}.agent-head small{color:var(--muted);font-size:12px}.agent-ask{border-bottom:1px solid var(--bar-line);color:var(--text-body);padding:14px 16px;font-size:14px}.agent-ask span{color:var(--muted)}.agent-log{font-family:var(--mono);flex-direction:column;flex:auto;gap:10px;margin:0;padding:12px 16px;font-size:12px;list-style:none;display:flex;overflow-y:auto}.agent-log .empty{color:var(--subtle);font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px}.agent-log li{flex-direction:column;gap:2px;animation:.25s ease-out log-in;display:flex}.agent-log .tool{color:var(--halo)}.agent-log .args{color:var(--muted);overflow-wrap:anywhere}.agent-log .result{color:var(--fill-mint)}.agent-log .failed .result{color:var(--fill-coral)}@keyframes log-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.agent-log li{animation:none}}.agent-foot{border-top:1px solid var(--bar-line);padding:14px 16px}.run{background:var(--accent);width:100%;min-height:44px;color:var(--accent-ink);font:inherit;cursor:pointer;border:none;border-radius:8px;font-weight:600}.run:hover{background:var(--accent-hover)}.run:disabled{background:var(--muted);cursor:default}.tiles{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.tile{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;gap:8px;padding:22px;display:flex}.tile h3{font-size:17px}.tile p{color:var(--muted);font-size:15px}.tile code{color:var(--text-body)}.connect{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.connect-copy{flex-direction:column;flex:300px;gap:12px;min-width:0;display:flex}.connect-copy h3{letter-spacing:-.01em;font-size:24px}.connect-copy p{color:var(--muted)}.chips{flex-wrap:wrap;gap:6px;padding-top:6px;display:flex}.chips code{background:var(--hover);color:var(--text-2);border-radius:6px;padding:3px 8px;font-size:12px}.snippet{border:1px solid var(--line);background:var(--bar);border-radius:12px;flex:999 560px;min-width:0;overflow:hidden}.tabs{border-bottom:1px solid var(--bar-line);flex-wrap:wrap;gap:4px;padding:8px;display:flex}.tabs button{min-height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 12px;font-size:13px}.tabs button:hover{color:var(--text)}.tabs button[aria-selected=true]{background:var(--accent-bg);color:var(--text)}.snippet pre{color:var(--text-body);margin:0;padding:20px;font-size:13px;line-height:1.7;overflow-x:auto}.snippet .comment{color:var(--subtle)}.feature-buckets{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.feature-bucket{flex-direction:column;gap:8px;display:flex}.feature-bucket header{color:var(--text-2);justify-content:space-between;padding:0 2px;font-size:13px;display:flex}.feature-bucket header span:last-child{color:var(--muted);font-family:var(--mono);font-size:11px}.feature-bucket ul{border:1px solid var(--line);background:#14171df7;border-radius:8px;flex-direction:column;gap:14px;margin:0;padding:16px;list-style:none;display:flex}.feature{background:var(--fill);color:var(--ink);border-radius:3px;padding:14px 16px;transition:transform .15s;box-shadow:0 2px 6px #00000059}.feature:hover{transform:translateY(-2px)rotate(-.4deg)}@media (prefers-reduced-motion:reduce){.feature{transition:none}}.feature strong{font-weight:600;display:block}.feature p{color:var(--ink-soft);padding-top:4px;font-size:14px}.fill-butter{--fill:var(--fill-butter);--ink-soft:#5a4a14}.fill-mint{--fill:var(--fill-mint);--ink-soft:#24463a}.fill-sky{--fill:var(--fill-sky);--ink-soft:#1f3a57}.fill-coral{--fill:var(--fill-coral);--ink-soft:#5c2a20}.fill-lilac{--fill:var(--fill-lilac);--ink-soft:#3e2a63}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;gap:10px;padding:22px;display:flex}.steps .number{color:var(--muted);font-family:var(--mono);font-size:12px}.steps strong{font-weight:600}.steps p{color:var(--muted);font-size:15px}.steps p code,.note code{color:var(--text-body)}.steps pre{border:1px solid var(--bar-line);background:var(--bar);color:var(--text-body);border-radius:6px;margin:0;padding:10px 12px;font-size:13px;overflow-x:auto}.note{border:1px solid var(--line);background:var(--bar);border-radius:12px;flex-direction:column;gap:4px;padding:22px;display:flex}.note strong{font-weight:600}.note p{color:var(--muted);font-size:15px}.closing{text-align:center;align-items:center;gap:20px}.sticker{background:var(--fill-butter);color:var(--ink);box-shadow:var(--float-shadow);letter-spacing:-.02em;border-radius:3px;padding:22px 32px;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.1;transform:rotate(-2deg)}.closing .lead{max-width:560px;margin-top:8px}.closing .actions{justify-content:center;padding-top:0}footer{background:var(--bar)}footer .wrap{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px 28px;padding-top:28px;padding-bottom:28px;font-size:14px;display:flex}footer strong{color:var(--text)}footer a{color:var(--text-2)}.hint-touch{display:none}@media (width<=760px) and (pointer:coarse){.hint-pointer{display:none}.hint-touch{display:inline}}@media (width<=640px){.wrap{padding:0 16px}.topbar nav{display:none}.topbar .wrap{justify-content:space-between}.hero{padding-top:56px}.demo{padding-bottom:56px}.section{padding-top:64px;padding-bottom:64px}.demo-frame{height:480px}.feature-buckets{grid-template-columns:minmax(0,1fr)}}