.fidget{min-width:0;position:relative}.hero-stage{isolation:isolate;align-items:center;min-height:min(720px,92vh);display:flex;position:relative;overflow:hidden}@media (prefers-color-scheme:light){.hero-stage{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#101a2e;--card:#16223a;--muted:#1c2b46;--nav-hover:#233554;--nav-active:#2b4268;--popover:#1e2d49;--fg:#e4eaf5;--fg-muted:#a7b5cd;--fg-dim:#a0afc8;--nav-active-fg:#fbfcff;--accent:#8baeff;--accent-strong:#b3c9ff;--accent-soft:#8baeff1f;--accent-fg:#0a1224;--edge:#344666;--focus:#a1beff;--glow:#8baeff14;background:linear-gradient(to bottom, var(--background) calc(100% - 200px), #f1f4fa);color:var(--fg)}}.hero-fidget{z-index:-1;position:absolute;inset:0;container-type:size}.hero-canvas{position:absolute;inset:0}.divergence-hero{isolation:isolate;position:absolute;inset:0}.divergence-poster{pointer-events:none;transition:opacity .9s;position:absolute;inset:0}.divergence-poster svg{--r:min(23.5cqh, 13.5cqw);left:calc(64cqw - var(--r));top:calc(60cqh - var(--r));width:calc(var(--r) * 2);height:calc(var(--r) * 2);position:absolute}.divergence-hero[data-ready] .divergence-poster{opacity:0}@container (width<=860px){.divergence-poster svg{--r:min(30cqh, 26cqw);left:calc(42cqw - var(--r));top:calc(50cqh - var(--r))}}.hero-copy{pointer-events:none;flex-direction:column;align-items:flex-start;gap:18px;padding-block:80px;display:flex;position:relative}.hero-copy>*{pointer-events:auto;max-width:560px}.hero-copy h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.4rem,5vw,4rem);font-weight:740;line-height:1.02}.hero-copy .lede{color:var(--fg-muted);max-width:50ch;font-size:1.15rem}.hero-copy .actions{flex-wrap:wrap;gap:10px;display:flex}.hero-copy .btn.primary{background:#66a8ff}.hero-copy .btn.primary:hover{background:#8cbeff}.agent-icon{flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.agent-icon svg{width:100%;height:100%}.agent-initial{font-family:var(--font-mono);font-weight:650}.hero-replay{position:absolute;bottom:22px;right:24px}@media (width<=860px){.hero-stage{flex-direction:column;align-items:stretch;min-height:0}.hero-fidget{order:-1;height:340px;position:relative;inset:auto}.hero-copy{padding-block:8px 48px}}.fidget canvas{touch-action:pan-y;display:block}.fidget-chip{font:inherit;color:var(--fg-muted);background:var(--muted);cursor:pointer;border:0;border-radius:999px;padding:5px 12px;font-size:.8rem}.fidget-chip:hover{background:var(--nav-hover);color:var(--fg)}.fidget-chip:focus-visible,.deck-canvas:focus-visible,.dial-face:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px;display:grid}.split.reverse>:first-child{order:2}.split .section-header{text-align:left;align-items:flex-start;margin-bottom:0}.section-header.compact{text-align:left;align-items:flex-start;margin-bottom:16px}@media (width<=860px){.split{grid-template-columns:1fr;gap:24px}.split.reverse>:first-child{order:0}}.panel-fidget{border-radius:var(--radius-xl);background:var(--card);height:420px;overflow:hidden}.wide-fidget{height:clamp(340px,46vw,520px)}.grant{cursor:pointer;color:var(--fg-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.86rem;display:inline-flex}.grant input{opacity:0;width:1px;height:1px;position:absolute}.grant .switch{background:var(--nav-active);border-radius:999px;width:30px;height:18px;transition:background .15s;position:relative}.grant .switch:after{content:"";background:var(--fg-muted);border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.grant input:checked+.switch{background:var(--accent-soft)}.grant input:checked+.switch:after{background:var(--accent);transform:translate(12px)}.grant input:focus-visible+.switch{outline:2px solid var(--focus);outline-offset:2px}.danger-text{color:var(--risk-danger)}.success-text{color:var(--risk-low)}.swarm-canvas{cursor:crosshair;position:absolute;inset:0}.poster-orbit,.broker-poster{position:absolute;inset:0}.poster-orbit:before{content:"";background:radial-gradient(circle at 58% 42%, var(--brand-plate-shade) 0 42%, var(--accent) 43%);width:46px;height:46px;box-shadow:0 0 40px var(--accent-soft);border-radius:50%;margin:-23px;position:absolute;top:50%;left:50%}.poster-orbit:after{content:"";aspect-ratio:2.2;border:1px solid var(--edge);border-radius:50%;width:62%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.broker-poster:before{content:"";border:1.5px solid var(--edge);border-radius:50%;width:180px;height:180px;margin:-90px;position:absolute;top:50%;left:50%}.broker-poster:after{content:"";background:radial-gradient(circle at 35% 30%, var(--brand-plate-light), var(--brand-plate-shade));border-radius:50%;width:56px;height:56px;margin:-28px;position:absolute;top:50%;left:50%}.exploded{cursor:grab;position:absolute;inset:0}.exploded:active{cursor:grabbing}.exploded-label{border-radius:var(--radius-md);background:var(--popover);max-width:calc(100% - 32px);box-shadow:var(--shadow-float);pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:7px 14px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.exploded-label code{color:var(--fg);font-size:.82rem}.perms{flex-wrap:wrap;gap:4px;display:inline-flex}.perm{font-family:var(--font-mono);background:var(--accent-soft);color:var(--accent-strong);border-radius:6px;padding:2px 7px;font-size:.74rem}.exploded-poster{border-radius:var(--radius-xl);background:var(--card);grid-template-columns:1fr 2.6fr 1.1fr;gap:10px;padding:26px 16px 16px;display:grid;position:absolute;inset:10% 14%;transform:perspective(1200px)rotateY(-22deg)rotateX(10deg)}.exploded-poster span{border-radius:var(--radius-md);background:var(--muted)}.sandbox{flex-direction:column;display:flex;position:absolute;inset:0}.sandbox-canvas{flex:1;min-height:0}.sandbox-grants{background:var(--muted);flex-wrap:wrap;gap:8px 18px;padding:12px 18px 16px;display:flex}.market-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:24px;display:grid}@media (width<=860px){.market-grid{grid-template-columns:1fr}}.deck-fidget{height:470px}.deck{flex-direction:column;display:flex;position:absolute;inset:0}.deck-canvas{cursor:grab;border-radius:var(--radius-lg);flex:1;min-height:0}.deck-controls{justify-content:center;align-items:center;gap:14px;padding-top:8px;display:flex}.deck-name{text-align:center;min-width:14ch}.deck-poster{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.deck-poster span{border-radius:var(--radius-xl);background:var(--card);flex-direction:column;grid-area:1/1;gap:14px;width:236px;height:320px;padding:96px 16px 16px;font-size:18px;font-weight:600;display:flex}.deck-poster i{background:#365392;border-radius:14px;width:52px;height:52px}.signed{padding:22px}.keychain .chain{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width<=860px){.keychain .chain{grid-template-columns:1fr}}.keychain .link{border-radius:var(--radius-md);background:var(--muted);gap:10px;padding:12px;transition:background .25s,transform .25s;display:flex;position:relative}.keychain .link.checking{background:var(--nav-active);transform:translateY(-2px)}.keychain .link.ok{background:var(--success-surface)}.keychain .link.failed{background:var(--danger-surface);box-shadow:inset 0 0 0 1px var(--danger-edge)}.keychain .seal{background:var(--card);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:grid}.keychain .ok .seal{color:var(--risk-low)}.keychain .failed .seal{color:var(--risk-danger)}.keychain .checking .seal{box-shadow:0 0 0 2px var(--accent);border-top:2px solid #0000;animation:.6s linear infinite seal-spin}@keyframes seal-spin{to{transform:rotate(360deg)}}.keychain .what{flex-direction:column;gap:2px;min-width:0;display:flex}.keychain code{overflow-wrap:anywhere;font-size:.78rem}.keychain .by{color:var(--accent);font-size:.74rem}.keychain .detail{color:var(--fg-dim);font-size:.76rem}.keychain-actions{gap:12px 18px;margin-top:14px}.meter{flex-direction:column;gap:10px;display:flex}.meter-stream{font-family:var(--font-mono);color:var(--fg-muted);height:5.6em;margin:0;font-size:.82rem;line-height:1.55;overflow:hidden}.meter-graph{border-radius:var(--radius-sm);background:var(--muted);width:100%;height:150px}.meter-controls{justify-content:space-between}.feature-fidgets .feature{gap:10px}.dial{align-items:center;gap:18px;margin-top:8px;display:flex}.dial-face{background:var(--muted);touch-action:none;cursor:grab;border-radius:50%;flex:none;width:132px;height:132px;position:relative}.dial .knob{background:radial-gradient(circle at 40% 35%, var(--nav-active), var(--card));box-shadow:var(--shadow-float);border-radius:50%;position:absolute;inset:26px}.dial .needle{background:var(--accent);border-radius:2px;width:4px;height:22px;margin-left:-2px;position:absolute;top:7px;left:50%}.dial .detent{font:inherit;background:var(--card);color:var(--fg-dim);cursor:pointer;border:0;border-radius:999px;padding:1px 6px;font-size:.68rem;position:absolute;transform:translate(-50%,-50%)}.dial .detent.on{background:var(--accent-soft);color:var(--accent-strong)}.thinking{flex-wrap:wrap;align-content:flex-start;gap:5px;display:flex}.thinking span{background:var(--accent);opacity:.25;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite think}@keyframes think{50%{opacity:1;transform:scale(1.2)}}.scrubber{flex-direction:column;gap:10px;display:flex}.scrub-panes{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;display:grid}.scrub-chat{border-radius:var(--radius-sm);background:var(--muted);flex-direction:column;gap:5px;margin:0;padding:8px;font-size:.72rem;list-style:none;display:flex}.scrub-chat li{background:var(--nav-active);border-radius:7px;padding:4px 7px;transition:opacity .2s,transform .2s}.scrub-chat li.gone{opacity:.18;transform:translate(6px)}.scrub-code{border-radius:var(--radius-sm);background:var(--muted);margin:0;padding:8px;font-size:.66rem;line-height:1.6;overflow-x:auto}.scrub-code .added{background:var(--success-surface);color:var(--risk-low)}.scrub-track{align-items:center;gap:10px;display:flex}.scrub-track input{accent-color:var(--accent);flex:1}.terminal-card{border-radius:var(--radius-sm);background:var(--background);min-height:8.2em;color:var(--fg);white-space:pre-wrap;margin:4px 0 0;padding:12px 14px;font-size:.78rem;line-height:1.6}.terminal-card:after{content:"▍";color:var(--accent);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.thinking span,.terminal-card:after,.keychain .checking .seal{animation:none}.thinking span{opacity:.7}}
