:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;--bg: #04060c;--card: rgba(16, 18, 28, .9);--surface: rgba(20, 24, 38, .78);--border: rgba(255, 255, 255, .08);--primary: #ff8f3f;--secondary: #3ed8ff;--tertiary: #7ef29d;--quaternary: #ffd642;--text: #eaf2ff;--muted: #c8d2eb}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#0b1a35,#04060c 45%),radial-gradient(circle at 80% 0%,#12244c,transparent 35%),var(--bg);color:var(--text);padding:clamp(1.5rem,2vw,2.5rem);overflow-x:hidden}.bg-accents{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.blob{position:absolute;width:36rem;height:36rem;filter:blur(120px);opacity:.35}.blob-1{top:-8rem;left:-6rem;background:radial-gradient(circle,#ff8f3f,#ff2d55)}.blob-2{bottom:-10rem;right:-8rem;background:radial-gradient(circle,#3ed8ff,#3a68ff)}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:120px 120px;opacity:.35}.page{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(2rem,3vw,3rem)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(1.5rem,3vw,2.5rem);align-items:center}.hero-copy{display:flex;flex-direction:column;gap:1rem}.hero-title{margin:0;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.1}.lead{margin:0;color:var(--muted);line-height:1.6;font-size:1.05rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#9dc6ff;font-weight:700;font-size:.85rem;margin:0}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;margin:.6rem 0}.menu-btn{border:0;border-radius:18px;padding:1.1rem 1.25rem;font-size:1.05rem;font-weight:700;color:#0b0d12;cursor:pointer;min-height:74px;box-shadow:0 18px 40px #00000059;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.menu-btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 16px 32px #00000059;filter:brightness(1.05)}.menu-btn:active{transform:translateY(0)}.menu-btn.primary{background:linear-gradient(135deg,#ff9f52,#ff4d2d);color:#120900}.menu-btn.secondary{background:linear-gradient(135deg,#36d8ff,#3b5bff);color:#031726}.menu-btn.tertiary{background:linear-gradient(135deg,#7ef29d,#3bd47a);color:#042310}.menu-btn.quaternary{background:linear-gradient(135deg,#ffd642,#ffa63f);color:#201200}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem}.pill{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.4rem .9rem;font-weight:600;color:var(--muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.experience-card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:clamp(1.25rem,2vw,1.75rem);box-shadow:0 24px 60px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header h2{margin:.1rem 0 0;font-size:1.5rem}.badge{padding:.35rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--muted);font-weight:600}#ui{display:flex;flex-direction:column;gap:1rem}#canvas-container{width:100%;aspect-ratio:1;min-height:360px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 30% 20%,#3e58d340,#000000b3),#06070fcc;overflow:hidden;position:relative}#canvas-container canvas{width:100%!important;height:100%!important;display:block}.control-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}#enter-vr{border:0;border-radius:14px;padding:.9rem 1.2rem;background:linear-gradient(135deg,#36d8ff,#3b5bff);color:#031726;font-weight:800;font-size:1.05rem;cursor:pointer;min-width:160px;box-shadow:0 12px 30px #00000059;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}#enter-vr:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}#enter-vr:disabled{background:linear-gradient(135deg,#36d8ff66,#3b5bff66);color:#03172699;cursor:not-allowed}#voice-btn{border:0;border-radius:14px;padding:.9rem 1.2rem;background:linear-gradient(135deg,#ff9f52,#ff4d2d);color:#201200;font-weight:800;font-size:1.05rem;cursor:pointer;min-width:160px;box-shadow:0 12px 30px #00000059;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}#voice-btn.listening{background:linear-gradient(135deg,#ffd642,#ff9f52);color:#2a1a00}#status{margin:0;color:var(--muted);font-size:.95rem}#voice-btn{border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ff8f3f,#ff4d2d);color:#1a0b00;padding:.75rem 1rem;border-radius:12px;font-weight:800;cursor:pointer;min-width:140px;box-shadow:0 10px 24px #00000059;transition:transform .16s ease,filter .16s ease}#voice-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}#voice-btn:disabled{opacity:.55;cursor:not-allowed}#voice-btn.listening{border-color:#ffffff59;box-shadow:0 0 0 2px #ff805059}.info-section{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:clamp(1.5rem,2vw,2rem);box-shadow:0 18px 45px #0006}.section-heading h3{margin:.15rem 0 .3rem;font-size:1.6rem}.section-heading p{margin:.2rem 0 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 28px #00000059}.info-card h4{margin:0 0 .35rem}.info-card p{margin:0;color:var(--muted)}.steps{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.9rem}.steps li{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.8rem}.step-circle{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#ff9f52,#ff4d2d);display:grid;place-items:center;font-weight:800;color:#1a0b00}.steps h4{margin:0 0 .15rem}.steps p{margin:0;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin-top:1rem}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.setting-knob,.setting-toggle{padding:.35rem .75rem;border-radius:999px;font-weight:700;font-size:.95rem}.setting-knob{background:#3ed8ff26;color:#a8e7ff}.setting-toggle.on{background:#7ef29d33;color:#8af0ac}.setting-toggle.off{background:#ffd64226;color:#ffd642}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;justify-content:center;align-items:flex-end;padding:clamp(1.5rem,3vw,3rem);background:linear-gradient(180deg,#06060800,#06060cbf);opacity:0;transition:opacity .3s ease;text-align:center;color:#f7f9ff;z-index:10}#overlay.visible{opacity:1}canvas.presenting{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw!important;height:100vh!important;pointer-events:none;z-index:-1}.debug-panel{max-width:1200px;margin:1rem auto 2rem;padding:0 1rem}.debug-card{background:#ffffff0a;border:1px dashed rgba(255,255,255,.18);border-radius:16px;padding:1rem;color:var(--muted)}.debug-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.debug-grid{display:grid;gap:.75rem}.debug-row{display:flex;gap:.5rem;flex-wrap:wrap}.debug-row input{flex:1;min-width:220px;padding:.65rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--text)}.debug-row button{padding:.65rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#3e58d359;color:#f3f5ff;font-weight:700;cursor:pointer;transition:transform .12s ease,filter .12s ease}.debug-row button:hover{transform:translateY(-1px);filter:brightness(1.05)}.debug-log{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.debug-box{min-height:54px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#00000040;padding:.65rem .75rem;color:var(--text);font-size:.95rem;white-space:pre-wrap}.pill.muted{background:#ffffff14;color:var(--muted);border-color:#ffffff1f}#kws-status{font-weight:700}@media (max-width: 720px){body{padding:1.25rem}.control-row{flex-direction:column;align-items:stretch}.menu-grid{grid-template-columns:1fr}}