/* AuraLauncher v8: splash + dynamic background + audio + neon visualizer */
:root{--bg:#060608;--text:#eaeaf0;--muted:#b2b3ba;--accent:#8b5cf6;--accent2:#22d3ee;--card:#12131a;--border:#282a35;--radius:18px;--shadow:0 18px 60px rgba(0,0,0,.45);--maxw:1120px}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;line-height:1.65;overflow-x:hidden}
.bg-anim{position:fixed;inset:-30vmax;z-index:-1;filter:blur(60px);opacity:.85;pointer-events:none}.blob{position:absolute;width:70vmax;height:70vmax;border-radius:50%;mix-blend:screen}
.blob.one{background:radial-gradient(circle at 40% 40%,rgba(139,92,246,.8),transparent 60%);left:-15vmax;top:-10vmax;animation:float1 14s ease-in-out infinite alternate}
.blob.two{background:radial-gradient(circle at 60% 60%,rgba(34,211,238,.9),transparent 60%);right:-18vmax;top:-12vmax;animation:float2 16s ease-in-out infinite alternate-reverse}
.blob.three{background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.8),transparent 60%);left:10vmax;bottom:-16vmax;animation:float3 18s ease-in-out infinite alternate}
@keyframes float1{from{transform:translate(0,0) scale(1)}to{transform:translate(14vmax,9vmax) scale(1.18)}}
@keyframes float2{from{transform:translate(0,0) scale(1)}to{transform:translate(-12vmax,8vmax) scale(1.14)}}
@keyframes float3{from{transform:translate(0,0) scale(1)}to{transform:translate(9vmax,-12vmax) scale(1.2)}}
@media (prefers-reduced-motion:reduce){.blob{animation:none}.bg-anim{opacity:.45;filter:blur(50px)}}
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.header{position:sticky;top:0;z-index:40;backdrop-filter:saturate(140%) blur(10px);background:linear-gradient(180deg,rgba(6,6,8,.8),rgba(6,6,8,.35));border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.nav .brand{display:flex;align-items:center;gap:12px}.nav img{height:34px;width:auto;border-radius:8px}.nav a{color:var(--text);text-decoration:none;opacity:.92}
.nav .links{display:flex;gap:12px}.nav .cta{padding:10px 14px;border:1px solid var(--border);border-radius:12px}.nav .cta:hover{border-color:var(--accent)}
.hero{padding:84px 0 20px;text-align:center}.hero h1{font-size:clamp(36px,5.2vw,64px);margin:6px 0 10px;letter-spacing:-0.02em}.hero p.lead{font-size:clamp(16px,2.2vw,22px);color:var(--muted);margin:0 0 20px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;border:1px solid var(--accent);text-decoration:none;color:var(--text);background:rgba(139,92,246,.08)}
.btn:hover{box-shadow:0 0 0 3px rgba(139,92,246,.18) inset}
.viz-wrap{position:relative;margin:28px auto 0;max-width:980px;height:180px;border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}
canvas#viz{position:absolute;inset:0;width:100%;height:100%}.viz-overlay{position:absolute;inset:0;pointer-events:none;mix-blend:screen;opacity:.85}
.viz-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 100% at 50% 100%,rgba(139,92,246,.25),transparent 60%),radial-gradient(40% 100% at 0% 0%,rgba(34,211,238,.18),transparent 60%)}
@media (max-width:820px){.viz-wrap{height:140px}}@media (prefers-reduced-motion:reduce){.viz-wrap{display:none}}
.surface{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin-top:24px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(12,1fr);margin:10px 0 18px}.card{grid-column:span 6;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.card h3{margin:6px 0 6px;font-size:1.1rem}.card p{margin:0;color:var(--muted)}@media (max-width:820px){.card{grid-column:span 12}}
.section-title{margin:28px 0 10px;font-size:1.15rem;color:var(--muted)}.gallery{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:10px}
.gallery img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:#0d0e12}@media (max-width:820px){.gallery{grid-template-columns:repeat(2,1fr)}}
footer{border-top:1px solid var(--border);margin-top:24px}.footer-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 0;color:var(--muted);font-size:.95rem}
.sound-toggle{position:fixed;right:18px;bottom:18px;z-index:60}.sound-toggle button{border:1px solid var(--border);background:rgba(0,0,0,.35);color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer}.sound-toggle button:hover{border-color:var(--accent)}
.splash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(60% 50% at 50% 35%,rgba(139,92,246,.22),transparent 60%),var(--bg);transition:opacity .6s ease}
.splash-inner{text-align:center;animation:pop .9s ease forwards}.splash img{height:96px;width:auto;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.35)}.splash h2{margin:14px 0 0;font-size:1.2rem;color:var(--muted)}@keyframes pop{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}.splash.hidden{opacity:0;pointer-events:none}
.privacy-wrap{max-width:900px;margin:48px auto;padding:0 20px}.privacy-card{background:#ffffff;color:#0c0c12;border-radius:16px;border:1px solid #e6e6ee;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.privacy-card .inner{padding:26px}.privacy-card h1{margin:0 0 8px;font-size:1.8rem;color:#0c0c12}.privacy-card h2{margin-top:22px;font-size:1.2rem;color:#13131a}.privacy-card p{color:#1d1e25}
.privacy-brand{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #f0f0f6}.privacy-brand img{height:40px;width:auto;border-radius:8px}.privacy-updated{color:#4b4d57;font-size:.95rem}