@import url("https://fonts.googleapis.com/css2?family=Audiowide&family=Bangers&family=Rajdhani:wght@500;700&display=swap");:root{--bg-1:#070012;--bg-2:#1f0a36;--bg-3:#2b0f49;--neon-cyan:#58f6ff;--neon-pink:#ff3f93;--neon-orange:#ff9736;--neon-purple:#b64dff;--text-main:#fff4ff;--text-soft:#d7bddf;--music-energy:0.08;--music-pulse:0.08}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at 50% 0,rgba(182,77,255,.25),transparent 45%),radial-gradient(circle at 10% 20%,rgba(88,246,255,.12),transparent 30%),linear-gradient(180deg,var(--bg-3) 0,var(--bg-2) 34%,var(--bg-1) 80%);color:var(--text-main);font-family:Rajdhani,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page{position:relative;min-height:100vh;overflow-x:clip}.site-footer{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:7;width:-moz-fit-content;width:fit-content;max-width:calc(100vw - 1.2rem);padding:.36rem .75rem;border-radius:999px;border:1px solid rgba(88,246,255,.16);background:linear-gradient(135deg,rgba(88,246,255,.08),rgba(182,77,255,.08)),rgba(8,2,18,.38);color:rgba(244,233,250,.82);font-size:.72rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.02),0 6px 20px rgba(0,0,0,.25),0 0 18px rgba(88,246,255,.08);pointer-events:none}.site-footer:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.2;background-image:repeating-linear-gradient(180deg,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.25) 1px,transparent 0,transparent 4px)}.sound-unlock-chip{position:fixed;left:50%;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 2.15rem);transform:translateX(-50%);z-index:8;border:1px solid rgba(255,151,54,.35);border-radius:999px;padding:.5rem .8rem;font:inherit;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#fff3ea;background:linear-gradient(135deg,rgba(255,151,54,.2),rgba(255,63,147,.14)),rgba(8,2,18,.55);box-shadow:0 10px 24px rgba(0,0,0,.3),0 0 14px rgba(255,151,54,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scene{z-index:0}.overlay,.scene{position:fixed;inset:0}.overlay{z-index:1;background:linear-gradient(180deg,rgba(7,0,18,.25),rgba(7,0,18,.84));pointer-events:none}.scanline{inset:0;z-index:2;opacity:.16;background-image:repeating-linear-gradient(180deg,hsla(0,0%,100%,.22) 0,hsla(0,0%,100%,.22) 1px,transparent 0,transparent 4px);animation:scan-move 9s linear infinite}.scanline,.sun-halo{position:fixed;pointer-events:none}.sun-halo{z-index:1;width:min(56vw,580px);aspect-ratio:1;left:50%;top:9vh;transform:translateX(-50%);border-radius:999px;background:radial-gradient(circle,rgba(255,151,54,.26),rgba(255,63,147,.09) 45%,transparent 72%),repeating-linear-gradient(180deg,rgba(255,151,54,.2) 0,rgba(255,151,54,.2) 2px,transparent 0,transparent 10px);filter:blur(1px)}.hero{position:relative;z-index:3;width:min(1020px,92vw);margin:0 auto;padding:10vh 0 6vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;text-align:center;animation:fade-up .8s ease-out both}.eyebrow{text-transform:uppercase;letter-spacing:.45rem;color:var(--neon-cyan);margin-bottom:.8rem;font-size:.95rem;text-shadow:0 0 10px rgba(88,246,255,.8)}h1{font-family:Audiowide,Rajdhani,sans-serif;font-size:clamp(3.2rem,12vw,9.2rem);line-height:.93;margin:0;letter-spacing:.08em;color:#ffe9ff;text-shadow:0 0 12px rgba(255,63,147,.8),0 0 42px rgba(182,77,255,.7),0 0 70px rgba(88,246,255,.35)}.hero-art-shell{position:relative;width:min(980px,100%);margin:auto auto 0;padding:.85rem;border-radius:24px;background:linear-gradient(135deg,rgba(88,246,255,.14),rgba(255,63,147,.12) 48%,rgba(255,151,54,.1)),rgba(11,4,22,.44);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 18px 60px rgba(0,0,0,.48),inset 0 0 0 1px rgba(88,246,255,.08),0 0 40px rgba(88,246,255,.18),0 0 60px rgba(255,63,147,.12);animation:hero-shell-float 9s ease-in-out infinite}.hero-art-shell:before{content:"";position:absolute;inset:6px;border-radius:18px;pointer-events:none;border:1px solid hsla(0,0%,100%,.06)}.hero-art-frame{position:relative;margin:0;overflow:hidden;border-radius:18px;aspect-ratio:1408/768;background:radial-gradient(circle at 78% 40%,rgba(88,246,255,.26),transparent 38%),radial-gradient(circle at 28% 30%,rgba(255,63,147,.12),transparent 44%),#05030b;border:1px solid hsla(0,0%,100%,.08);box-shadow:inset 0 0 0 1px rgba(255,63,147,.12),0 10px 40px rgba(0,0,0,.4);transform:perspective(1200px) rotateX(1.3deg) rotateY(-1.8deg);transform-origin:center top;will-change:transform;animation:hero-frame-parallax 8s ease-in-out infinite;transition:transform .35s ease,box-shadow .35s ease}.hero-art-frame:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(120deg,hsla(0,0%,100%,.14),transparent 22%,transparent 68%,rgba(88,246,255,.12)),linear-gradient(0deg,rgba(5,3,11,.26),rgba(5,3,11,.06));mix-blend-mode:screen}.hero-art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.04);transform:scale(1.02);will-change:transform;animation:hero-image-drift 10s ease-in-out infinite}.hero-art-ki{--orb-scale:calc(0.9 + (var(--music-pulse) * 0.26));--orb-glow:calc(28px + (var(--music-energy) * 52px));position:absolute;z-index:6;top:49.4%;left:73.4%;width:clamp(148px,20.2vw,236px);aspect-ratio:1;pointer-events:none;opacity:calc(.5 + (var(--music-energy) * .35));transform:translate(-50%,-50%) rotate(-8deg) scale(var(--orb-scale));transform-origin:center center;will-change:transform,filter;filter:drop-shadow(0 0 calc(var(--orb-glow) * .4) rgba(88,246,255,.82)) drop-shadow(0 0 calc(var(--orb-glow) * .18) rgba(182,77,255,.36));animation:ki-overlay-float 5.5s ease-in-out infinite}.hero-art-ki-beam{right:26%;top:48%;width:115%;height:16%;transform:translateY(-50%) rotate(194deg);transform-origin:right center;opacity:calc(.14 + var(--music-energy) * .22);background:radial-gradient(circle at 100% 50%,rgba(233,251,255,.55),transparent 28%),linear-gradient(90deg,hsla(0,0%,100%,0),rgba(88,246,255,.16) 18%,rgba(88,246,255,.46) 52%,rgba(220,248,255,.78) 76%,rgba(88,246,255,.06));box-shadow:0 0 18px rgba(88,246,255,.4),0 0 30px rgba(88,246,255,.18);-webkit-mask-image:linear-gradient(270deg,rgba(0,0,0,.95),transparent 78%);mask-image:linear-gradient(270deg,rgba(0,0,0,.95),transparent 78%)}.hero-art-ki-aura,.hero-art-ki-beam{position:absolute;border-radius:999px}.hero-art-ki-aura{inset:14% 12% 12% 14%;background:radial-gradient(circle,rgba(227,250,255,.95) 0,rgba(88,246,255,.9) 18%,rgba(19,151,255,.74) 44%,rgba(12,42,142,.3) 72%,transparent 82%),radial-gradient(circle at 62% 38%,hsla(0,0%,100%,.9),transparent 32%);opacity:calc(.42 + var(--music-energy) * .2);filter:blur(calc(.5px + var(--music-energy) * 1.4px));animation:ki-aura-spin 4s linear infinite}.hero-art-ki-core{inset:25% 23% 23% 25%;background:radial-gradient(circle at 38% 34%,#fff 0,#fff 18%,#b6f6ff 36%,#4bd8ff 58%,#0f69ff 78%,rgba(15,105,255,.2) 100%);box-shadow:0 0 calc(12px + var(--music-energy) * 18px) rgba(186,248,255,.75),0 0 calc(22px + var(--music-energy) * 24px) rgba(88,246,255,.48),0 0 calc(28px + var(--music-energy) * 28px) rgba(182,77,255,.2)}.hero-art-ki-core,.hero-art-ki-ring{position:absolute;border-radius:999px}.hero-art-ki-ring{inset:13%;border:2px solid rgba(88,246,255,.35);box-shadow:0 0 14px rgba(88,246,255,.18),inset 0 0 10px rgba(88,246,255,.08);opacity:calc(.16 + var(--music-energy) * .2)}.hero-art-ki-ring-1{transform:rotate(16deg) scale(calc(1.02 + var(--music-pulse) * .05))}.hero-art-ki-ring-2{inset:6%;border-color:rgba(196,231,255,.38);opacity:calc(.1 + var(--music-energy) * .16);transform:rotate(-24deg) scale(calc(1.08 + var(--music-pulse) * .08))}.hero-art-ki-sparks{position:absolute;inset:0;border-radius:999px;opacity:calc(.12 + var(--music-energy) * .2);background:radial-gradient(circle at 24% 37%,hsla(0,0%,100%,.95) 0 1px,transparent 2px),radial-gradient(circle at 34% 74%,rgba(88,246,255,.9) 0 1px,transparent 2px),radial-gradient(circle at 72% 29%,hsla(0,0%,100%,.85) 0 1.2px,transparent 2.2px),radial-gradient(circle at 83% 58%,rgba(88,246,255,.92) 0 1.2px,transparent 2.2px),radial-gradient(circle at 56% 83%,rgba(182,77,255,.75) 0 1px,transparent 2px);animation:ki-sparks-flicker .22s steps(2) infinite}.hero-art-grid{z-index:1;opacity:.17;background-image:linear-gradient(rgba(88,246,255,.22) 1px,transparent 0),linear-gradient(90deg,rgba(88,246,255,.14) 1px,transparent 0);background-size:46px 46px,46px 46px;background-position:0 0,0 0;-webkit-mask-image:linear-gradient(180deg,transparent 4%,#000 28%,#000);mask-image:linear-gradient(180deg,transparent 4%,#000 28%,#000);animation:hero-grid-drift 12s linear infinite}.hero-art-grid,.hero-art-vignette{position:absolute;inset:0;pointer-events:none}.hero-art-vignette{z-index:3;background:radial-gradient(circle at 75% 46%,rgba(88,246,255,.22),transparent 32%),radial-gradient(circle at 38% 44%,transparent 30%,rgba(7,0,18,.14) 66%,rgba(7,0,18,.52) 100%)}.hero-art-edge{position:absolute;left:0;right:0;z-index:4;pointer-events:none;height:2px;background:linear-gradient(90deg,transparent,rgba(88,246,255,.9),rgba(255,63,147,.85),transparent);box-shadow:0 0 14px rgba(88,246,255,.6)}.hero-art-edge-top{top:0}.hero-art-edge-bottom{bottom:0;opacity:.75}.hero-art-glow{position:absolute;z-index:0;pointer-events:none;border-radius:999px;filter:blur(16px);opacity:.55;will-change:transform,opacity}.hero-art-glow-cyan{width:36%;height:32%;right:9%;top:27%;background:radial-gradient(circle,rgba(88,246,255,.6),rgba(88,246,255,0));animation:hero-glow-pulse-cyan 5.2s ease-in-out infinite}.hero-art-glow-pink{width:28%;height:22%;left:16%;top:16%;background:radial-gradient(circle,rgba(255,63,147,.42),rgba(255,63,147,0));animation:hero-glow-pulse-pink 6.4s ease-in-out infinite}.hero-art-voice{position:absolute;z-index:5;margin:0;padding:.5rem .8rem;border-radius:12px;font-family:Bangers,Rajdhani,sans-serif;font-size:clamp(.9rem,1.05vw,1.15rem);font-weight:400;line-height:1.05;letter-spacing:.045em;color:#fff8ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.18);text-shadow:0 0 10px hsla(0,0%,100%,.18);box-shadow:0 8px 20px rgba(0,0,0,.28)}.hero-art-voice-top{top:-.9rem;left:1rem;right:1rem;text-align:left;background:linear-gradient(135deg,rgba(255,63,147,.28),rgba(255,151,54,.2)),rgba(7,0,18,.48);border-color:rgba(255,151,54,.28)}.hero-art-voice-bottom{left:1rem;right:1rem;bottom:.9rem;text-align:center;background:linear-gradient(135deg,rgba(88,246,255,.22),rgba(182,77,255,.24)),rgba(7,0,18,.42);border-color:rgba(88,246,255,.3);box-shadow:0 12px 28px rgba(0,0,0,.36),0 0 18px rgba(88,246,255,.14)}.subtitle{max-width:720px;margin:1.2rem auto 0;font-size:clamp(1.05rem,2.25vw,1.45rem);color:var(--text-soft);letter-spacing:.04em}.cta-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.btn{padding:.88rem 1.5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08rem;font-weight:700;border:1px solid transparent;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.btn:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.06)}.btn-primary{background:linear-gradient(120deg,var(--neon-pink),var(--neon-orange));color:#180025;box-shadow:0 0 22px rgba(255,63,147,.58),0 0 44px rgba(255,151,54,.2)}.btn-ghost{border-color:rgba(88,246,255,.8);color:var(--neon-cyan);background:rgba(88,246,255,.08);box-shadow:inset 0 0 20px rgba(88,246,255,.12)}.music-btn{margin-top:1.3rem;border:1px solid rgba(255,151,54,.92);background:linear-gradient(140deg,rgba(255,151,54,.2),rgba(255,63,147,.14));color:var(--text-main);border-radius:999px;padding:.72rem 1.15rem;letter-spacing:.06em;font-weight:700;cursor:pointer;transition:box-shadow .2s ease}.music-btn:hover{box-shadow:0 0 20px rgba(255,151,54,.45)}.status-row{margin-top:1.1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}.status-row span{padding:.35rem .7rem;border:1px solid rgba(182,77,255,.55);border-radius:999px;color:#f4dbff;font-size:.82rem;letter-spacing:.08em;background:rgba(182,77,255,.16)}.grid-section{position:relative;z-index:3;width:min(1120px,92vw);margin:1rem auto 5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.card{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(140deg,rgba(20,8,38,.82),rgba(10,4,23,.7));border:1px solid rgba(255,63,147,.48);border-radius:16px;padding:1.2rem;box-shadow:0 12px 36px rgba(0,0,0,.35)}.card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(160deg,rgba(88,246,255,.12),transparent 32%)}.card h2{margin:0 0 .65rem;color:var(--neon-cyan);font-size:1.16rem;letter-spacing:.04em}.card p{margin:0;line-height:1.56;color:#e8d6f6;font-size:1.02rem}@keyframes scan-move{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}@keyframes fade-up{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes hero-shell-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes hero-frame-parallax{0%,to{transform:perspective(1200px) rotateX(1.3deg) rotateY(-1.8deg) translateZ(0)}50%{transform:perspective(1200px) rotateX(.9deg) rotateY(1.4deg) translate3d(0,-2px,0)}}@keyframes hero-image-drift{0%,to{transform:scale(1.02) translate3d(-.2%,0,0)}50%{transform:scale(1.04) translate3d(.55%,-.35%,0)}}@keyframes hero-grid-drift{0%{background-position:0 0,0 0}to{background-position:0 46px,46px 0}}@keyframes hero-glow-pulse-cyan{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:.72;transform:scale(1.08)}}@keyframes hero-glow-pulse-pink{0%,to{opacity:.38;transform:scale(.98)}50%{opacity:.58;transform:scale(1.1)}}@keyframes ki-overlay-float{0%,to{transform:translate(-50%,-50%) rotate(-8deg) translateY(0) scale(var(--orb-scale))}50%{transform:translate(-50%,-50%) rotate(-5deg) translateY(-2px) scale(calc(var(--orb-scale) + .02))}}@keyframes ki-aura-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ki-sparks-flicker{0%{transform:scale(1);opacity:calc(.2 + var(--music-energy) * .52)}to{transform:scale(1.015);opacity:calc(.35 + var(--music-energy) * .7)}}@media (max-width:860px){.hero{padding-top:8vh;padding-bottom:14vh;min-height:100svh}.site-footer{bottom:8px;font-size:.62rem;letter-spacing:.045em;padding:.32rem .58rem}.sound-unlock-chip{bottom:calc(8px + 1.95rem);font-size:.66rem;padding:.42rem .65rem;letter-spacing:.06em}.sun-halo{width:84vw;top:13vh}.hero-art-shell{margin-top:clamp(.8rem,2.8vh,1.6rem);margin-bottom:clamp(12vh,20svh,26vh);padding:.5rem;border-radius:18px}.hero-art-frame{border-radius:13px;transform:none}.hero-art-ki{top:49.1%;left:73.3%;width:clamp(112px,26.5vw,162px);transform:translate(-50%,-50%) rotate(-6deg) scale(var(--orb-scale))}.hero-art-voice{padding:.45rem .55rem;font-size:.82rem;line-height:1;border-radius:10px;letter-spacing:.03em}.hero-art-voice-top{top:-.65rem;left:.45rem;right:.45rem}.hero-art-voice-bottom{left:.45rem;right:.45rem;bottom:.45rem}.grid-section{grid-template-columns:1fr;margin-bottom:4rem}.status-row span{font-size:.74rem}}@media (prefers-reduced-motion:reduce){.hero-art-frame,.hero-art-glow-cyan,.hero-art-glow-pink,.hero-art-grid,.hero-art-image,.hero-art-ki,.hero-art-ki-aura,.hero-art-ki-sparks,.hero-art-shell,.scanline{animation:none}.hero-art-frame,.hero-art-image{transform:none}}