:root{--bg:#07090c;--bg2:#0b0f16;--panel: rgba(8,10,14,.72);--panel2: rgba(8,10,14,.58);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.66);--stroke: rgba(255,255,255,.12);--stroke2: rgba(255,255,255,.18)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(1200px 800px at 25% 15%,#131826,var(--bg)),radial-gradient(900px 700px at 70% 35%,#0b1322,transparent 55%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);overflow-x:hidden}.siteRoot{width:100%;min-height:100vh}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;height:70px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#07090cdb,#07090c73);border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar__left{display:flex;align-items:center;gap:14px}.brandMark{letter-spacing:.18em;text-transform:uppercase;font-weight:650;font-size:13px;color:#ffffffe0}.brandDivider{width:1px;height:18px;background:#ffffff38}.modelMark{font-size:13px;color:#ffffffb8;letter-spacing:.22em;text-transform:uppercase}.topbar__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.topPill{font-size:12px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0a0c1059;color:#ffffffb8}.stage{height:100vh;width:100%;position:relative;overflow:hidden;padding-top:70px}.canvasLayer{position:absolute;inset:0;z-index:1}.overlayGrid{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:minmax(320px,380px) 1fr minmax(320px,380px);gap:18px;padding:94px 26px 22px;align-items:start;pointer-events:none}.panel{pointer-events:auto;border:1px solid var(--stroke);background:var(--panel);border-radius:18px;padding:18px 18px 16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 60px #00000061;animation:panelIn .26s ease-out}@keyframes panelIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.panelEyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff9e;margin-bottom:8px}.panelTitle{margin:0 0 8px;font-size:22px;line-height:1.15}.panelTitleSm{margin:0 0 10px;font-size:16px;color:#ffffffe6}.panelCopy{margin:0 0 12px;line-height:1.55;color:#ffffffb8;font-size:13px}.panelList{margin:0;padding-left:18px;color:#ffffffad;font-size:13px;line-height:1.55}.panelFooter{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.miniHint{font-size:12px;color:#ffffff94}.centerColumn{pointer-events:none;display:flex;align-items:center;justify-content:center;height:calc(100% - 70px)}.centerBadge{margin-top:22vh;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#ffffffb8;border:1px solid rgba(255,255,255,.12);background:#0a0c1040;padding:10px 14px;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.specGrid{display:flex;flex-direction:column;gap:10px}.specRow{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;padding:10px;border-radius:12px;background:#080a0e59;border:1px solid rgba(255,255,255,.1)}.specK{font-size:12px;color:#fff9;min-width:92px}.specV{font-size:12px;color:#ffffffdb;text-align:right}.panelNote{margin-top:12px;color:#fff9;font-size:12px;line-height:1.45}.panelActions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.btn{cursor:pointer;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0a0c1059;color:#ffffffd9;padding:10px 12px;font-size:12px;letter-spacing:.02em}.btn--primary{border-color:#ffffff38;background:#ffffff14}.btn:hover{border-color:#ffffff42}.bottomFade{position:absolute;left:0;right:0;bottom:0;height:160px;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(7,9,12,.75))}.hotspotLabel{pointer-events:none;padding:8px 10px;border-radius:12px;background:#0a0c10d6;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;color:#ffffffe6;white-space:nowrap}.hotspotDot{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.9);background:#ffffff14;box-shadow:0 0 24px #ffffff40;animation:pulse 1.4s ease-in-out infinite;margin-right:8px;display:inline-block;vertical-align:middle}@keyframes pulse{0%{transform:scale(1);opacity:.9}60%{transform:scale(1.35);opacity:.55}to{transform:scale(1);opacity:.9}}.scrollSpace{width:100%}@media(max-width:1100px){.overlayGrid{grid-template-columns:1fr;padding:92px 18px 18px;align-items:end}.centerColumn{display:none}.panel--left{order:2}.panel--right{order:3}.panel{background:var(--panel2)}}@media(max-width:520px){.topbar{padding:0 14px;height:64px}.stage{padding-top:64px}.overlayGrid{padding-top:86px}.panelTitle{font-size:18px}}