:root{--fg:#f5f6f7;--muted:#f5f6f799;--glass:#0c0f1457;--border:#ffffff29}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{color:var(--fg);background:#05070b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font:inherit}.app-shell{isolation:isolate;background:#05070b;width:100vw;height:100vh;position:relative;overflow:hidden}.camera{object-fit:cover;filter:saturate(.84)contrast(1.06)brightness(.8);z-index:0;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.camera-overlay{z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 42%,#09121e14,#0000009e 85%),linear-gradient(#00000057,#0000002e 45%,#0000009e);position:absolute;inset:0}.stage{z-index:2;pointer-events:none;position:absolute;inset:0}.scene-canvas{width:100%;height:100%;display:block}.topbar{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:22px;left:24px;right:24px}.brand{align-items:center;gap:11px;display:flex}.brand-mark{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000003d;border:1px solid #ffffff52;border-radius:10px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid}.brand-title{letter-spacing:.22em;font-size:12px;font-weight:760}.brand-sub{color:var(--muted);margin-top:2px;font-size:11px}.metrics{letter-spacing:.09em;text-transform:uppercase;color:#ffffffc7;border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080a0e47;border-radius:999px;align-items:center;gap:9px;padding:10px 13px;font-size:11px;display:flex}.live-dot{background:#ffffff47;border-radius:50%;width:7px;height:7px;box-shadow:0 0 #5affc600}.live-dot.live{background:#7effc9;box-shadow:0 0 14px #7effc9cc}.metric-divider{background:#ffffff2e;width:1px;height:13px}.hero-copy{z-index:5;pointer-events:none;max-width:380px;position:absolute;top:50%;left:42px;transform:translateY(-50%)}.eyebrow{letter-spacing:.22em;color:#ffffff94;margin-bottom:18px;font-size:11px}h1{letter-spacing:-.055em;text-shadow:0 8px 50px #00000075;margin:0;font-size:clamp(42px,5.3vw,84px);font-weight:650;line-height:.92}h1 em{background:linear-gradient(90deg,#ffb8f0,#82f3ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy p{color:#ffffffad;max-width:330px;margin-top:22px;font-size:14px;line-height:1.55}.status-pill{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ffffffad;background:#070a0f4d;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex;position:absolute;top:78px;left:50%;transform:translate(-50%)}.status-dot{background:#8df9ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #8df9ffd1}.launch-button{z-index:7;color:#090b10;cursor:pointer;background:#fffffff5;border:0;border-radius:999px;align-items:center;gap:22px;padding:14px 18px 14px 20px;font-weight:760;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #00000059}.launch-button:hover{transform:translate(-50%)translateY(-2px)}.arrow{font-size:18px}.gesture-guide{z-index:6;gap:8px;width:188px;display:grid;position:absolute;bottom:72px;right:30px}.gesture-guide>div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a0e3d;border:1px solid #ffffff1f;border-radius:12px;grid-template-rows:18px 14px;grid-template-columns:34px 1fr;column-gap:9px;padding:9px 10px;display:grid}.gesture-icon{grid-row:1/span 2;place-items:center;font-size:17px;display:grid}.gesture-guide span:not(.gesture-icon){color:#ffffffdb;font-size:12px}.gesture-guide small{color:#ffffff78;letter-spacing:.03em;font-size:10px}.footer{z-index:6;color:#ffffff5c;letter-spacing:.14em;pointer-events:none;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:18px;left:24px;right:24px}@media (max-width:900px){.hero-copy{max-width:310px;top:auto;bottom:185px;left:24px;transform:none}.hero-copy p,.gesture-guide,.metrics{display:none}}