:root{
  color-scheme:light dark;
  --bg:#f3f4f6;--surface:rgba(255,255,255,.66);--surface-solid:#fff;--ink:#08090c;--muted:#6f7480;
  --line:rgba(8,9,12,.12);--line-strong:rgba(8,9,12,.24);--glass:rgba(247,248,250,.72);--shadow:0 30px 90px rgba(9,12,20,.14);
  --accent:#755cff;--cyan:#42dfff;--hot:#ff3c78;--ok:#73ffad;
}
@media(prefers-color-scheme:dark){:root{--bg:#050608;--surface:rgba(12,14,18,.72);--surface-solid:#0d0f13;--ink:#f7f8fb;--muted:#8a909d;--line:rgba(255,255,255,.10);--line-strong:rgba(255,255,255,.22);--glass:rgba(7,9,12,.72);--shadow:0 36px 110px rgba(0,0,0,.48)}}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}body{overflow:hidden}button,input{font:inherit;color:inherit}.page-grid{position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at 50% 40%,black,transparent 76%)}
.topbar{height:72px;position:fixed;left:0;right:0;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 76%,transparent);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit;font-size:.78rem;letter-spacing:.16em}.brand b{font-weight:900}.brand-dot{width:11px;height:11px;border-radius:50%;background:conic-gradient(from 120deg,var(--cyan),var(--accent),var(--hot),var(--cyan));box-shadow:0 0 20px color-mix(in srgb,var(--accent) 45%,transparent)}.status{justify-self:center;font-size:.67rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;gap:8px;align-items:center}.status span{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px var(--ok)}.ghost{justify-self:end;border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 12px;font-size:.68rem;color:var(--muted)}
.experience{height:100vh;padding:72px 0 88px;display:grid;grid-template-columns:minmax(290px,.78fr) minmax(480px,1.45fr) minmax(320px,.82fr);position:relative}.copy-panel{padding:54px 18px 24px 34px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:4}.eyebrow{font-size:.62rem;letter-spacing:.22em;color:var(--muted);margin-bottom:25px}.copy-panel h1{font-size:clamp(3.4rem,5.2vw,6.8rem);line-height:.79;letter-spacing:-.075em;margin:0 0 26px;font-weight:900}.copy-panel h1 span{color:transparent;-webkit-text-stroke:1px var(--ink);opacity:.62}.lede{max-width:460px;color:var(--muted);line-height:1.65;font-size:.94rem}.mode-card{margin-top:28px;max-width:420px;padding:14px;border:1px solid var(--line);border-radius:20px;background:var(--surface);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.mode-label{font-size:.56rem;letter-spacing:.18em;color:var(--muted);margin:2px 4px 10px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px}.segmented button{height:42px;border-radius:13px;border:1px solid transparent;background:transparent;font-weight:750;font-size:.78rem}.segmented button.active{background:var(--ink);color:var(--bg);box-shadow:0 10px 28px color-mix(in srgb,var(--ink) 18%,transparent)}.target-mini{display:inline-block;width:8px;height:8px;border-radius:50%;border:2px solid currentColor;vertical-align:middle;margin-right:5px}.hint{font-size:.67rem;color:var(--muted);padding:10px 4px 0;line-height:1.45}.selection{max-width:420px;margin-top:10px;grid-template-columns:42px 1fr 32px;gap:12px;align-items:center;border:1px solid color-mix(in srgb,var(--hot) 45%,var(--line));border-radius:18px;padding:12px;background:color-mix(in srgb,var(--hot) 7%,var(--surface));box-shadow:0 10px 40px color-mix(in srgb,var(--hot) 10%,transparent)}.selection:not([hidden]){display:grid}.selection-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--hot) 14%,transparent)}.selection-icon span{width:15px;height:15px;border:2px solid var(--hot);border-radius:50%;position:relative}.selection-icon span:after,.selection-icon span:before{content:"";position:absolute;background:var(--hot)}.selection-icon span:before{width:21px;height:2px;left:-5px;top:5px}.selection-icon span:after{height:21px;width:2px;top:-5px;left:5px}.selection small{display:block;font-size:.53rem;letter-spacing:.17em;color:var(--hot)}.selection strong{display:block;font-size:.9rem;margin-top:2px}.selection p{font-size:.65rem;color:var(--muted);margin:2px 0 0}.selection>button{border:0;background:transparent;font-size:1.3rem;color:var(--muted)}
.stage{position:relative;min-width:0;overflow:hidden}.stage:before{content:"";position:absolute;inset:10% 0 4%;background:radial-gradient(circle at 52% 45%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 52%),radial-gradient(circle at 48% 55%,color-mix(in srgb,var(--cyan) 10%,transparent),transparent 48%);filter:blur(15px)}#scene{width:100%;height:100%;display:block;position:relative;z-index:2;touch-action:none}.stage-ui{position:absolute;inset:0;z-index:3;pointer-events:none}.axis-pill{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.54rem;letter-spacing:.14em}.axis-pill i{display:block;width:54px;height:1px;background:var(--line-strong);position:relative}.axis-pill i:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--ink);top:-2px;left:50%}.device-name{position:absolute;bottom:22px;left:24px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline}.device-name small{grid-row:1/3;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.62rem}.device-name strong{font-size:.82rem;letter-spacing:.12em}.device-name span{font-size:.58rem;color:var(--muted)}.drag-orbit{position:absolute;right:24px;bottom:22px;font-size:.57rem;letter-spacing:.13em;color:var(--muted)}.drag-orbit span{font-size:1rem;margin-right:7px}.stage.damage-mode{cursor:crosshair}.stage.damage-mode #scene{cursor:crosshair}
.assistant-panel{margin:28px 28px 28px 6px;border:1px solid var(--line);border-radius:28px;background:var(--surface);backdrop-filter:blur(26px);box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;min-height:0;position:relative;z-index:5}.assistant-head{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.agent-avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#11141b,#292f42);display:grid;place-items:center}.agent-avatar div{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 5%,var(--cyan) 18%,var(--accent) 50%,transparent 72%);box-shadow:0 0 22px var(--accent)}.assistant-head small{display:block;font-size:.52rem;letter-spacing:.15em;color:var(--muted)}.assistant-head strong{font-size:.83rem}.live{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 14px var(--ok)}.conversation{flex:1;overflow:auto;padding:18px 2px;min-height:120px}.message{font-size:.79rem;line-height:1.55;padding:12px 13px;border-radius:15px;margin-bottom:9px;max-width:92%}.message.bot{background:var(--surface-solid);border:1px solid var(--line);border-bottom-left-radius:5px}.message.user{margin-left:auto;background:var(--ink);color:var(--bg);border-bottom-right-radius:5px}.context-strip{border:1px solid var(--line);border-radius:14px;padding:10px 11px;margin-bottom:9px;display:flex;justify-content:space-between;gap:12px;align-items:center}.context-strip span{font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.context-strip strong{font-size:.68rem;text-align:right}.issue-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.issue-grid button{border:1px solid var(--line);border-radius:12px;background:transparent;padding:9px 8px;font-size:.66rem;text-align:left;transition:.2s}.issue-grid button:hover{border-color:var(--line-strong);transform:translateY(-1px);background:color-mix(in srgb,var(--ink) 4%,transparent)}.composer{display:grid;grid-template-columns:1fr 42px;gap:6px;border:1px solid var(--line);border-radius:15px;background:var(--surface-solid);padding:5px}.composer input{border:0;background:transparent;outline:0;padding:0 8px;min-width:0;font-size:.72rem}.composer button{width:42px;height:42px;border:0;border-radius:11px;background:var(--ink);color:var(--bg);font-size:1rem}.assistant-footer{display:flex;gap:7px;justify-content:center;color:var(--muted);font-size:.52rem;padding-top:10px}
.device-dock{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:30;display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:20px;background:var(--glass);backdrop-filter:blur(24px);box-shadow:0 20px 55px rgba(0,0,0,.16)}.device-dock button{width:90px;height:60px;border:1px solid transparent;border-radius:15px;background:transparent;display:grid;place-items:center;align-content:center;gap:4px;color:var(--muted)}.device-dock button.active{background:var(--ink);color:var(--bg)}.device-dock em{font-style:normal;font-size:.56rem;letter-spacing:.07em}.icon{display:block;position:relative}.phone-icon{width:12px;height:21px;border:1.5px solid currentColor;border-radius:4px}.tablet-icon{width:19px;height:15px;border:1.5px solid currentColor;border-radius:3px}.watch-icon{width:13px;height:17px;border:1.5px solid currentColor;border-radius:5px}.watch-icon:before,.watch-icon:after{content:"";position:absolute;left:3px;width:5px;height:5px;border-left:1px solid currentColor;border-right:1px solid currentColor}.watch-icon:before{top:-6px}.watch-icon:after{bottom:-6px}.laptop-icon{width:21px;height:14px;border:1.5px solid currentColor;border-radius:2px}.laptop-icon:after{content:"";position:absolute;left:-3px;right:-3px;bottom:-4px;height:2px;border-radius:2px;background:currentColor}.boot{position:fixed;inset:0;z-index:100;background:var(--bg);display:grid;place-items:center;align-content:center;gap:16px;transition:opacity .5s,visibility .5s}.boot.done{opacity:0;visibility:hidden}.boot-ring{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);border-top-color:var(--ink);animation:spin 1s linear infinite}.boot span{font-size:.57rem;letter-spacing:.15em;color:var(--muted);text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){.experience{grid-template-columns:310px 1fr}.assistant-panel{position:fixed;right:18px;bottom:92px;width:min(380px,calc(100vw - 36px));height:62vh;transform:translateX(calc(100% + 40px));transition:.35s}.assistant-panel.open{transform:none}.copy-panel{padding-left:24px}.stage{grid-column:2}.assistant-toggle{display:block}}
@media(max-width:760px){body{overflow:auto}.topbar{grid-template-columns:1fr auto;height:62px;padding:0 14px}.status{display:none}.ghost{font-size:.58rem}.experience{height:auto;min-height:100svh;padding:62px 0 84px;display:flex;flex-direction:column}.copy-panel{padding:28px 18px 10px;order:1}.copy-panel h1{font-size:3.7rem}.lede{font-size:.82rem}.mode-card{margin-top:16px}.stage{height:54svh;min-height:430px;order:2}.assistant-panel{order:3;position:relative;right:auto;bottom:auto;width:auto;height:auto;transform:none;margin:6px 14px 20px;max-height:none}.device-dock{bottom:8px}.device-dock button{width:72px;height:54px}.drag-orbit{display:none}.device-name{bottom:8px}.axis-pill{top:10px}}