:root{
  color-scheme:dark;
  --bg:#050509;--bg2:#0a0911;--ink:#f7f5fb;--muted:#aaa5b5;--line:rgba(255,255,255,.12);
  --glass:rgba(11,10,18,.68);--glass2:rgba(255,255,255,.055);--pink:#ff3c8f;--violet:#956dff;--cyan:#64e6ff;--gold:#ffd477;--red:#ff4857;
  --shadow:0 32px 90px rgba(0,0,0,.42);--radius:30px;--max:1260px;--text-scale:1;--motion:1;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:calc(16px * var(--text-scale));background:var(--bg)}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% -8%,rgba(149,109,255,.15),transparent 28%),radial-gradient(circle at 2% 42%,rgba(255,60,143,.08),transparent 28%),linear-gradient(180deg,#050509,#080710 50%,#050509);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}
body.high-contrast{--muted:#e4e0ea;--line:rgba(255,255,255,.32);--glass:rgba(0,0,0,.88);--glass2:rgba(255,255,255,.12)}body.no-motion *,body.no-motion *::before,body.no-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}img,svg{max-width:100%;display:block}::selection{background:var(--pink);color:white}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px;border-radius:8px}
.skip{position:fixed;left:16px;top:-80px;z-index:9999;background:#fff;color:#111;padding:12px 16px;border-radius:12px;font-weight:800}.skip:focus{top:16px}.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto;position:relative;z-index:3}
.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.026;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan));z-index:999;box-shadow:0 0 18px rgba(100,230,255,.62)}
#signalCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.74}.cursorGlow{position:fixed;width:460px;height:460px;border-radius:50%;left:var(--x,50vw);top:var(--y,50vh);translate:-50% -50%;background:radial-gradient(circle,rgba(100,230,255,.065),rgba(149,109,255,.025) 36%,transparent 68%);pointer-events:none;z-index:1}
.nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(calc(100% - 28px),1210px);z-index:120;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 10px 9px 15px;border:1px solid var(--line);border-radius:999px;background:rgba(5,5,9,.7);backdrop-filter:blur(22px) saturate(135%);box-shadow:0 12px 48px rgba(0,0,0,.24)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brandMark{width:38px;height:38px;flex:0 0 auto;filter:drop-shadow(0 0 18px rgba(255,60,143,.28))}.brandText{line-height:1.05}.brandText strong{display:block;font-size:.94rem;letter-spacing:.075em;text-transform:uppercase}.brandText small{display:block;color:var(--muted);font-size:.63rem;letter-spacing:.19em;text-transform:uppercase;margin-top:4px}.navlinks{display:flex;align-items:center;gap:3px}.navlinks a,.navButton{border:0;background:transparent;padding:10px 12px;border-radius:999px;color:#d9d5e1;font-size:.83rem;cursor:pointer;white-space:nowrap}.navlinks a:hover,.navButton:hover{background:rgba(255,255,255,.07);color:white}.navButton{border:1px solid var(--line);display:flex;align-items:center;gap:8px}.navButton i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.menuBtn{display:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--glass2);cursor:pointer}.mobilePanel{display:none}
.hero{min-height:100svh;display:grid;align-items:center;padding:140px 0 78px;position:relative;overflow:hidden}.heroGrid{display:grid;grid-template-columns:1.06fr .94fr;gap:64px;align-items:center}.eyebrow,.kicker{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.21em;font-size:.69rem;color:#c0bbc9;font-weight:760}.eyebrow::before{content:"";width:46px;height:1px;background:linear-gradient(90deg,var(--pink),var(--cyan))}.hero h1{font-size:clamp(4rem,8.7vw,9.6rem);line-height:.79;letter-spacing:-.075em;margin:24px 0 30px;max-width:840px;font-weight:900}.hero h1 span{display:block}.hero h1 .gradient{background:linear-gradient(105deg,#fff 4%,#ffafd2 32%,#aa93ff 62%,#7cecff 91%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:180% 100%;animation:gradientFlow 7s ease-in-out infinite alternate}@keyframes gradientFlow{to{background-position:100% 0}}.lead{font-size:clamp(1.08rem,1.7vw,1.42rem);line-height:1.67;color:#c9c5d1;max-width:710px}.lead strong{color:white}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.055);font-weight:720;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s}.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--pink),var(--violet));box-shadow:0 14px 44px rgba(149,109,255,.24)}.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.34)}.btn.primary:hover{box-shadow:0 18px 58px rgba(255,60,143,.26)}.micro{display:flex;gap:18px;flex-wrap:wrap;color:#85808e;font-size:.76rem;margin-top:20px}.micro span{display:flex;align-items:center;gap:7px}.micro i{width:5px;height:5px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink)}
.coreWrap{position:relative;min-height:560px;display:grid;place-items:center;perspective:1000px}.ring{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;animation:spin 27s linear infinite}.ring.r1{width:520px;height:520px}.ring.r2{width:410px;height:410px;border-style:dashed;animation-direction:reverse;animation-duration:19s}.ring.r3{width:610px;height:230px;transform:rotate(-19deg);animation-duration:31s}@keyframes spin{to{rotate:360deg}}.signalCore{width:min(350px,72vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;isolation:isolate;transform-style:preserve-3d;transition:transform .25s,filter .3s;background:radial-gradient(circle at 34% 29%,rgba(255,255,255,.92) 0 1%,rgba(255,255,255,.13) 3%,transparent 17%),radial-gradient(circle at 64% 73%,rgba(100,230,255,.54),transparent 28%),radial-gradient(circle at 36% 57%,rgba(255,60,143,.68),transparent 36%),radial-gradient(circle at 62% 34%,rgba(149,109,255,.74),transparent 41%),#151221;box-shadow:inset -30px -40px 80px rgba(0,0,0,.33),inset 18px 18px 65px rgba(255,255,255,.07),0 0 90px rgba(149,109,255,.25),0 0 170px rgba(255,60,143,.13);animation:breathe 5.7s ease-in-out infinite}.signalCore::before,.signalCore::after{content:"";position:absolute;border-radius:inherit;inset:-18px;border:1px solid rgba(255,255,255,.13)}.signalCore::after{inset:-42px;border-color:rgba(100,230,255,.085)}@keyframes breathe{50%{box-shadow:inset -24px -34px 90px rgba(0,0,0,.28),inset 15px 15px 76px rgba(255,255,255,.1),0 0 125px rgba(149,109,255,.33),0 0 190px rgba(255,60,143,.18)}}.heartline{width:72%;height:auto;filter:drop-shadow(0 0 16px rgba(255,255,255,.2))}.heartline path{stroke-dasharray:700;stroke-dashoffset:700;animation:draw 4.4s ease-in-out infinite}@keyframes draw{0%{stroke-dashoffset:700;opacity:.18}42%,72%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-700;opacity:.12}}.coreLabel{position:absolute;bottom:19%;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:rgba(255,255,255,.72)}.coreModes{position:absolute;bottom:0;left:50%;translate:-50% 0;display:flex;gap:7px;padding:7px;border:1px solid var(--line);background:rgba(6,5,10,.65);backdrop-filter:blur(16px);border-radius:999px}.coreModes button{border:0;background:transparent;color:var(--muted);padding:8px 11px;border-radius:999px;cursor:pointer;font-size:.75rem}.coreModes button.active{background:#fff;color:#111}.floatWord{position:absolute;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:#8c8796;white-space:nowrap}.floatWord strong{color:white}.fw1{left:0;top:9%}.fw2{right:-3%;top:29%}.fw3{left:5%;bottom:9%}.fw4{right:0;bottom:24%}.scrollCue{position:absolute;bottom:23px;left:50%;translate:-50% 0;color:#777280;text-transform:uppercase;letter-spacing:.2em;font-size:.64rem;display:flex;align-items:center;gap:9px}.scrollCue::after{content:"";width:32px;height:1px;background:#76717d;animation:cue 1.8s ease-in-out infinite}@keyframes cue{50%{width:58px;background:var(--cyan)}}
.marquee{border-block:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.022);position:relative;z-index:3}.marqueeTrack{display:flex;width:max-content;animation:marquee 28s linear infinite}.marqueeItem{display:flex;align-items:center;gap:28px;padding:17px 28px;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:#9b96a4;white-space:nowrap}.marqueeItem b{color:#f4f1f7;font-weight:700}.marqueeItem i{width:5px;height:5px;background:var(--pink);border-radius:50%;box-shadow:0 0 9px var(--pink)}@keyframes marquee{to{transform:translateX(-50%)}}
section{padding:112px 0;position:relative}.sectionHead{display:grid;grid-template-columns:.73fr 1.27fr;gap:70px;align-items:end;margin-bottom:52px}.sectionHead h2{font-size:clamp(2.7rem,5.2vw,6rem);line-height:.92;letter-spacing:-.052em;margin:10px 0 0}.sectionHead p{color:#bab5c3;line-height:1.78;font-size:1.05rem;max-width:670px;margin:0}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.72,.2,1)}.reveal.in{opacity:1;transform:none}
.manifestGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:var(--shadow);overflow:hidden;position:relative}.manifestMain{padding:48px;min-height:440px;display:flex;flex-direction:column;justify-content:space-between}.manifestMain::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;bottom:-135px;background:radial-gradient(circle,rgba(255,60,143,.28),transparent 65%)}.bigQuote{font-size:clamp(2rem,4vw,4.4rem);letter-spacing:-.044em;line-height:1.01;max-width:790px}.bigQuote em{font-style:normal;color:#ff91bd}.manifestFoot{color:#a7a2b0;max-width:600px;line-height:1.65}.manifestSide{padding:42px;display:grid;align-content:space-between;gap:38px}.manifestSide p{color:#c1bdc9;line-height:1.82;margin:0}.equalizer{display:grid;grid-template-columns:repeat(20,1fr);gap:4px;align-items:center;height:90px}.equalizer i{height:var(--h);border-radius:999px;background:linear-gradient(180deg,var(--cyan),var(--violet),var(--pink));opacity:.76;animation:eq 1.6s ease-in-out infinite alternate;animation-delay:var(--d)}@keyframes eq{to{height:calc(var(--h)*.35);opacity:.34}}
.servicesGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{padding:28px;min-height:310px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.032);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,border-color .25s,background .25s}.service:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.055)}.serviceNum{font-size:.7rem;letter-spacing:.17em;color:#7f7a88}.serviceIcon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,60,143,.12),rgba(100,230,255,.09));border:1px solid var(--line);font-size:1.5rem}.service h3{font-size:1.4rem;margin:24px 0 9px}.service p{color:#a9a4b1;line-height:1.7;margin:0;font-size:.94rem}
.releaseHero{border:1px solid var(--line);border-radius:38px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;min-height:610px;background:linear-gradient(135deg,rgba(22,7,13,.9),rgba(8,8,15,.94));box-shadow:var(--shadow);position:relative}.releaseHero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(255,72,87,.18),transparent 25%),radial-gradient(circle at 76% 70%,rgba(255,255,255,.06),transparent 22%);pointer-events:none}.releaseInfo{padding:58px;display:flex;justify-content:center;flex-direction:column;position:relative;z-index:2}.badge{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#ddd8e5;background:rgba(255,255,255,.04);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.badge i{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red)}.releaseInfo h3{font-size:clamp(3rem,6.3vw,7.2rem);line-height:.84;letter-spacing:-.065em;margin:22px 0}.releaseInfo p{color:#c1bdc9;line-height:1.74;font-size:1.03rem;max-width:600px}.platforms{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.platforms a{padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);font-size:.79rem;transition:.2s}.platforms a:hover{background:#fff;color:#111;transform:translateY(-2px)}.releaseVisual{min-height:560px;position:relative;display:grid;place-items:center;overflow:hidden}.flagOrbit{position:absolute;width:500px;height:500px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 7%,rgba(255,255,255,.12) 7% 8%,transparent 8% 17%,rgba(255,72,87,.25) 17% 18%,transparent 18% 100%);animation:spin 24s linear infinite}.releaseArt{width:min(360px,72%);aspect-ratio:1;border-radius:28px;position:relative;background:linear-gradient(#e91e36 0 31%,#f4f1ed 31% 68%,#e91e36 68% 100%);box-shadow:0 36px 80px rgba(0,0,0,.42),0 0 100px rgba(235,30,54,.16);transform:rotate(-4deg);display:flex;align-items:center;justify-content:center;overflow:hidden}.releaseArt::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 17%,rgba(255,255,255,.35),transparent 22%),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.17) 48%,transparent 58%);mix-blend-mode:screen}.releaseArtInner{position:relative;z-index:2;color:#111;text-align:center;mix-blend-mode:multiply}.releaseArtInner small{display:block;letter-spacing:.22em;text-transform:uppercase;font-size:.65rem;font-weight:900}.releaseArtInner strong{display:block;font-size:clamp(2.4rem,4.5vw,4.4rem);letter-spacing:-.06em;line-height:.78;margin:13px 0}.releaseArtInner span{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900}.now{position:absolute;bottom:33px;color:#898491;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}.releaseDate{margin-top:16px;color:#8e8996;font-size:.78rem}
.artistGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.artistCard{min-height:520px;padding:44px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 40% 28%,rgba(255,60,143,.22),transparent 32%),radial-gradient(circle at 74% 54%,rgba(100,230,255,.15),transparent 29%),linear-gradient(145deg,#14101d,#09080e)}.artistMark{position:absolute;left:50%;top:44%;translate:-50% -50%;width:min(270px,60%);filter:drop-shadow(0 0 55px rgba(149,109,255,.28))}.artistCard h3{font-size:clamp(2.5rem,4vw,4.8rem);line-height:.9;letter-spacing:-.05em;margin:0 0 12px;position:relative}.artistCard p{color:#b0abba;max-width:520px;position:relative}.artistStory{padding:44px}.artistStory h3{font-size:clamp(2rem,3.2vw,3.6rem);line-height:1;letter-spacing:-.04em;margin:0 0 20px}.artistStory p{color:#b8b3c0;line-height:1.82}.statRow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px}.stat{padding:17px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}.stat strong{display:block;font-size:1.35rem}.stat span{font-size:.72rem;color:#8d8895}
.process{position:relative}.processLine{position:absolute;left:43px;top:47px;bottom:47px;width:1px;background:linear-gradient(var(--pink),var(--violet),var(--cyan))}.step{position:relative;display:grid;grid-template-columns:86px 1fr;gap:30px;padding:24px 0}.stepNum{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#08070d;border:1px solid var(--line);position:relative;z-index:2;font-size:1.2rem;font-weight:800}.step h3{font-size:1.55rem;margin:6px 0 8px}.step p{margin:0;color:#aaa5b2;line-height:1.72;max-width:750px}
.demoPortal{padding:56px;border:1px solid var(--line);border-radius:38px;background:radial-gradient(circle at 12% 10%,rgba(255,60,143,.18),transparent 28%),radial-gradient(circle at 86% 72%,rgba(100,230,255,.11),transparent 28%),rgba(255,255,255,.028);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.demoPortal h2{font-size:clamp(2.9rem,5vw,5.8rem);line-height:.92;letter-spacing:-.055em;margin:8px 0 18px}.demoPortal p{color:#b8b3c0;max-width:710px;line-height:1.75}.pulseButton{width:132px;height:132px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle at 34% 30%,#fff 0 2%,#ff80b4 8%,#9a70ff 42%,#21162f 72%);box-shadow:0 0 0 0 rgba(255,60,143,.35),0 0 60px rgba(149,109,255,.3);animation:pulseButton 2.7s ease-out infinite;cursor:pointer;font-weight:850;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}@keyframes pulseButton{70%{box-shadow:0 0 0 32px rgba(255,60,143,0),0 0 80px rgba(149,109,255,.34)}}
footer{padding:50px 0 30px;border-top:1px solid var(--line);position:relative;z-index:3}.footGrid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:34px}.footBrand{font-size:1.4rem;font-weight:850;letter-spacing:-.02em}.footTag{color:#8f8a97;margin-top:7px;max-width:390px}.footCol strong{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#7f7a87;margin-bottom:13px}.footCol a{display:block;color:#bbb6c3;margin:8px 0;font-size:.9rem}.footCol a:hover{color:white}.footBottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:36px;padding-top:22px;color:#706b78;font-size:.72rem;flex-wrap:wrap}.footBottom a{color:#aaa5b2}
.accessPanel{position:fixed;right:18px;bottom:18px;z-index:130}.accessBtn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:rgba(8,7,13,.82);backdrop-filter:blur(15px);display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 35px rgba(0,0,0,.3)}.accessMenu{position:absolute;right:0;bottom:58px;width:260px;padding:14px;border:1px solid var(--line);border-radius:20px;background:rgba(7,6,11,.94);backdrop-filter:blur(20px);box-shadow:var(--shadow);display:none}.accessMenu.open{display:block}.accessMenu h2{font-size:.95rem;margin:2px 4px 10px}.accessOption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 8px;border-top:1px solid var(--line);font-size:.8rem}.switch{border:1px solid var(--line);background:rgba(255,255,255,.05);padding:7px 9px;border-radius:10px;cursor:pointer}.switch[aria-pressed="true"]{background:#fff;color:#111}
.dialog{width:min(680px,calc(100% - 28px));border:1px solid var(--line);border-radius:28px;background:#0b0911;color:var(--ink);padding:0;box-shadow:0 30px 120px rgba(0,0,0,.7)}.dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(7px)}.dialogInner{padding:34px}.dialogTop{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dialog h2{font-size:2.2rem;line-height:1;margin:4px 0 12px;letter-spacing:-.04em}.dialog p{color:#aaa5b2;line-height:1.65}.closeBtn{border:1px solid var(--line);background:rgba(255,255,255,.05);width:40px;height:40px;border-radius:50%;cursor:pointer}.demoList{display:grid;gap:10px;margin:22px 0}.demoList div{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03)}.demoList b{color:var(--cyan)}
/* legal */
.legalBody{background:radial-gradient(circle at 80% 0,rgba(149,109,255,.12),transparent 28%),#06050a}.legalHero{padding:150px 0 50px}.legalHero h1{font-size:clamp(3.5rem,7vw,7rem);letter-spacing:-.065em;line-height:.9;margin:16px 0 18px}.legalHero p{max-width:720px;color:#b2adba;font-size:1.05rem}.legalMain{padding:30px 0 100px}.legalLayout{display:grid;grid-template-columns:260px 1fr;gap:50px}.legalToc{position:sticky;top:108px;align-self:start;border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(255,255,255,.025)}.legalToc strong{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.69rem;color:#85808d;margin-bottom:10px}.legalToc a{display:block;padding:7px 0;color:#aaa5b2;font-size:.86rem}.legalContent{max-width:860px}.legalContent section{padding:0 0 42px}.legalContent h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.035em;margin:0 0 14px}.legalContent h3{font-size:1.2rem;margin:25px 0 9px}.legalContent p,.legalContent li{color:#bbb6c2;line-height:1.78}.legalContent ul{padding-left:1.2rem}.legalCard{padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.028);margin:18px 0}.legalCard strong{color:white}.legalNote{font-size:.86rem;color:#8d8895!important;border-left:2px solid var(--violet);padding-left:15px}.legalContent a{text-decoration:underline;text-decoration-color:rgba(100,230,255,.4);text-underline-offset:3px}
@supports (animation-timeline:view()){.scrollGlow{animation:scrollGlow linear both;animation-timeline:view();animation-range:entry 10% cover 70%}@keyframes scrollGlow{0%{filter:saturate(.7);opacity:.65}55%{filter:saturate(1.25);opacity:1}100%{filter:saturate(1);opacity:1}}}
@view-transition{navigation:auto}::view-transition-old(root){animation:.25s ease both fadeOld}::view-transition-new(root){animation:.36s ease both fadeNew}@keyframes fadeOld{to{opacity:0;transform:scale(.99)}}@keyframes fadeNew{from{opacity:0;transform:scale(1.01)}}
@media(max-width:1040px){.navlinks{display:none}.menuBtn{display:block}.mobilePanel{position:fixed;top:76px;left:14px;right:14px;z-index:119;border:1px solid var(--line);border-radius:25px;background:rgba(6,5,10,.96);backdrop-filter:blur(22px);padding:16px;box-shadow:var(--shadow)}.mobilePanel.open{display:grid}.mobilePanel a,.mobilePanel button{padding:12px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:#ddd8e4}.heroGrid,.releaseHero,.artistGrid{grid-template-columns:1fr}.coreWrap{min-height:520px}.servicesGrid{grid-template-columns:repeat(2,1fr)}.releaseVisual{min-height:500px;order:-1}.sectionHead{grid-template-columns:1fr;gap:22px}.manifestGrid{grid-template-columns:1fr}.footGrid{grid-template-columns:1fr 1fr}.legalLayout{grid-template-columns:1fr}.legalToc{position:static}}
@media(max-width:720px){.shell{width:min(calc(100% - 28px),var(--max))}.nav{top:10px}.brandText small{display:none}.hero{padding-top:118px}.hero h1{font-size:clamp(3.7rem,17vw,6.3rem)}.heroGrid{gap:22px}.lead{font-size:1rem}.coreWrap{min-height:430px}.ring.r1{width:390px;height:390px}.ring.r2{width:310px;height:310px}.ring.r3{width:440px;height:175px}.floatWord{display:none}.coreModes{bottom:-5px}.scrollCue{display:none}section{padding:78px 0}.sectionHead{margin-bottom:35px}.manifestMain,.manifestSide,.artistCard,.artistStory,.releaseInfo{padding:28px}.servicesGrid{grid-template-columns:1fr}.service{min-height:230px}.releaseHero{min-height:0;border-radius:28px}.releaseVisual{min-height:430px}.releaseArt{width:min(300px,72%)}.demoPortal{grid-template-columns:1fr;padding:32px}.pulseButton{width:110px;height:110px}.statRow{grid-template-columns:1fr}.step{grid-template-columns:66px 1fr;gap:18px}.stepNum{width:66px;height:66px}.processLine{left:33px}.footGrid{grid-template-columns:1fr}.footBottom{display:block}.legalHero{padding-top:122px}.legalMain{padding-top:0}.cursorGlow{display:none}}
@media(max-width:420px){.brandText strong{font-size:.79rem}.brandMark{width:34px;height:34px}.nav{padding-left:10px}.actions .btn{width:100%}.releaseInfo h3{font-size:3.2rem}.manifestMain{min-height:370px}.coreModes button{padding:7px 8px;font-size:.68rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.ring,.signalCore,.heartline path,.marqueeTrack,.equalizer i,.flagOrbit,.pulseButton,.gradient{animation:none!important}.cursorGlow{display:none}}


/* =========================================================
   HEARTVIBE EXPERIENCE ENGINE / V2
   Progressive enhancement: all advanced modules have CSS/JS fallbacks.
   ========================================================= */
:root{--spot-x:50%;--spot-y:50%;--engine-green:#77ffb6;--cover-rx:0deg;--cover-ry:0deg}
.sectionRail{position:fixed;left:18px;top:50%;translate:0 -50%;z-index:90;display:grid;gap:5px}.sectionRail a{width:38px;height:34px;display:flex;align-items:center;gap:9px;overflow:hidden;border-radius:999px;color:#6f6977;transition:width .25s,background .25s,color .25s,padding .25s}.sectionRail a span{width:38px;flex:0 0 38px;text-align:center;font:700 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.sectionRail a b{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.sectionRail a:hover,.sectionRail a.active{width:112px;padding-right:11px;background:rgba(255,255,255,.075);color:#fff}.sectionRail a.active span{color:var(--cyan)}
.engineDock{position:fixed;right:18px;top:88px;z-index:125}.engineMain{height:40px;border:1px solid var(--line);border-radius:999px;background:rgba(6,5,10,.76);backdrop-filter:blur(18px);display:flex;align-items:center;gap:8px;padding:0 11px;color:#d8d3df;cursor:pointer;box-shadow:0 12px 36px rgba(0,0,0,.28);font:700 .61rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.engineMain small{font-size:.55rem;color:#77717f}.enginePulse{width:7px;height:7px;border-radius:50%;background:var(--engine-green);box-shadow:0 0 0 0 rgba(119,255,182,.45);animation:enginePulse 2s ease-out infinite}@keyframes enginePulse{70%{box-shadow:0 0 0 9px rgba(119,255,182,0)}}.enginePanel{position:absolute;right:0;top:49px;width:290px;padding:15px;border:1px solid var(--line);border-radius:22px;background:rgba(6,5,10,.94);backdrop-filter:blur(22px);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-7px) scale(.98);transform-origin:top right;transition:.2s}.enginePanel.open{opacity:1;visibility:visible;transform:none}.engineHead{display:flex;justify-content:space-between;align-items:center;padding:2px 3px 12px;text-transform:uppercase;letter-spacing:.12em;font:700 .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.engineHead span{color:var(--engine-green)}.engineCaps{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:10px}.engineCaps span{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:11px;padding:8px 9px;color:#918b99;font:700 .59rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.engineCaps i{width:6px;height:6px;border-radius:50%;background:#514b58}.engineCaps span.ok{color:#d8d3df}.engineCaps span.ok i{background:var(--engine-green);box-shadow:0 0 9px rgba(119,255,182,.55)}.engineAction{width:100%;display:flex;justify-content:space-between;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:12px;padding:10px 11px;cursor:pointer;font-size:.72rem}.engineAction span{font:700 .56rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#817a87}.engineStatus{font-size:.67rem;color:#77717e;line-height:1.45;margin:9px 3px 2px}
.magnetic{will-change:transform}.spotlightCard{--px:50%;--py:50%}.spotlightCard::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--px) var(--py),rgba(255,255,255,.09),transparent 45%);opacity:0;transition:opacity .25s;pointer-events:none;z-index:0}.spotlightCard:hover::after{opacity:1}.spotlightCard>*{position:relative;z-index:1}

/* Official release artwork stage */
.releaseVisualOfficial{background:radial-gradient(circle at 50% 50%,rgba(214,25,52,.16),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.01),rgba(0,0,0,.08))}.stadiumGrid{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle,#000 20%,transparent 72%);transform:perspective(700px) rotateX(62deg) translateY(36%);transform-origin:bottom}.releaseBeams{position:absolute;inset:-10%;pointer-events:none}.releaseBeams i{position:absolute;left:50%;top:50%;width:1px;height:72%;transform-origin:0 0;background:linear-gradient(transparent,rgba(255,255,255,.16),transparent);filter:blur(.2px);opacity:.45;animation:beamBreathe 3.6s ease-in-out infinite alternate}.releaseBeams i:nth-child(1){transform:rotate(18deg);animation-delay:-.2s}.releaseBeams i:nth-child(2){transform:rotate(72deg);animation-delay:-1s}.releaseBeams i:nth-child(3){transform:rotate(137deg);animation-delay:-1.7s}.releaseBeams i:nth-child(4){transform:rotate(205deg);animation-delay:-.5s}.releaseBeams i:nth-child(5){transform:rotate(258deg);animation-delay:-2s}.releaseBeams i:nth-child(6){transform:rotate(318deg);animation-delay:-1.2s}@keyframes beamBreathe{to{opacity:.12;filter:blur(2px)}}.coverHalo{position:absolute;width:min(480px,86%);aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,rgba(215,25,52,.75),rgba(255,255,255,.5),rgba(215,25,52,.85),rgba(255,255,255,.4),rgba(215,25,52,.75));filter:blur(28px);opacity:.16;animation:spin 13s linear infinite}.officialCoverFrame{width:min(390px,69%);aspect-ratio:1;position:relative;border-radius:25px;transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--cover-rx)) rotateY(var(--cover-ry)) rotateZ(-2deg);transition:transform .16s ease-out;box-shadow:0 38px 90px rgba(0,0,0,.55),0 0 110px rgba(215,25,52,.18);background:#16121c;isolation:isolate}.officialCoverFrame::before{content:"";position:absolute;inset:-10px;border:1px solid rgba(255,255,255,.16);border-radius:31px;transform:translateZ(-22px);pointer-events:none}.officialCoverFrame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:0;transition:opacity .45s}.officialCoverFrame.is-loaded img{opacity:1}.coverFallback{position:absolute;inset:0;border-radius:inherit;display:grid;place-content:center;text-align:center;color:#111;background:linear-gradient(#d71934 0 31%,#f5f3ef 31% 69%,#d71934 69% 100%);overflow:hidden}.coverFallback::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 18%,rgba(255,255,255,.45),transparent 20%),linear-gradient(120deg,transparent 36%,rgba(255,255,255,.3) 49%,transparent 62%);mix-blend-mode:screen}.coverFallback small,.coverFallback strong,.coverFallback span{position:relative;z-index:1}.coverFallback small{font-size:.64rem;text-transform:uppercase;letter-spacing:.22em;font-weight:900}.coverFallback strong{font-size:clamp(2.1rem,4.2vw,4.3rem);line-height:.78;letter-spacing:-.065em;margin:15px 0}.coverFallback span{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;font-weight:900}.coverGlass{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,transparent 20%,rgba(255,255,255,.18) 42%,transparent 57%);transform:translateX(-130%);transition:transform .65s}.officialCoverFrame:hover .coverGlass{transform:translateX(130%)}.coverCorner{position:absolute;width:28px;height:28px;z-index:4;pointer-events:none}.coverCorner::before,.coverCorner::after{content:"";position:absolute;background:rgba(255,255,255,.82)}.coverCorner::before{width:100%;height:1px}.coverCorner::after{height:100%;width:1px}.cc1{left:-18px;top:-18px}.cc2{right:-18px;top:-18px;rotate:90deg}.cc3{right:-18px;bottom:-18px;rotate:180deg}.cc4{left:-18px;bottom:-18px;rotate:270deg}.releaseTelemetry{position:absolute;top:32px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;color:#726d79;font:700 .55rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.releaseTelemetry b{color:#bbb5c1}.releaseVisualOfficial .now{bottom:26px}

/* Experience section */
.experienceSection{background:linear-gradient(180deg,transparent,rgba(149,109,255,.025) 28%,rgba(100,230,255,.018) 68%,transparent)}.labGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.labCard{min-height:620px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:var(--shadow);padding:28px;overflow:hidden;position:relative}.labTop{display:flex;justify-content:space-between;gap:12px;color:#77717f;font:700 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.labTop b{color:#9992a0;font-weight:700}.labCard h3{font-size:clamp(2.1rem,3.6vw,4rem);line-height:.94;letter-spacing:-.05em;margin:23px 0 12px}.labCard>p{color:#aaa5b2;line-height:1.68;max-width:580px;margin:0 0 22px}.morphStage,.shaderStage,.audioStage,.tiltStage{height:300px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#07070b;overflow:hidden;position:relative}.morphStage canvas,.shaderStage canvas,.audioStage canvas{width:100%;height:100%;display:block}.morphFallback{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(3.5rem,7vw,7rem);font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.11);pointer-events:none}.morphStage.ready .morphFallback{opacity:0}.labControls{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.labControls button,.labButton{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#aaa5b2;border-radius:999px;padding:9px 11px;cursor:pointer;font-size:.67rem;letter-spacing:.08em}.labControls button.active,.labControls button:hover,.labButton:hover{background:#fff;color:#111}.shaderStage{background:radial-gradient(circle at 40% 45%,rgba(149,109,255,.15),transparent 30%),#050508}.shaderFallback{position:absolute;inset:0;background:conic-gradient(from 90deg at 50% 50%,#ff3c8f,#956dff,#12111b,#64e6ff,#ff3c8f);filter:blur(28px) saturate(1.2);opacity:.23;animation:spin 12s linear infinite}.shaderStage.webgl .shaderFallback{display:none}.shaderCross{position:absolute;pointer-events:none;background:rgba(255,255,255,.12)}.shaderCross.sx{left:50%;top:12px;bottom:12px;width:1px}.shaderCross.sy{top:50%;left:12px;right:12px;height:1px}.rangeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}.rangeGrid label{display:grid;gap:6px;color:#898391;font:650 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.rangeGrid input{width:100%;accent-color:var(--violet)}.rangeGrid output{color:#c9c4d0;font-size:.58rem}.audioStage{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(149,109,255,.16),transparent 35%),#050508}.audioStage canvas{position:absolute;inset:0}.audioOrb{position:relative;z-index:2;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 33% 28%,#fff 0 1%,#ff86b8 7%,#966eff 38%,#191323 72%);box-shadow:0 0 70px rgba(149,109,255,.25);display:grid;place-content:center;gap:4px;cursor:pointer;color:white}.audioOrb span{font-size:1rem;font-weight:900;letter-spacing:.08em}.audioOrb small{font-size:.48rem;letter-spacing:.12em;color:#d5cfe0}.audioOrb.live{box-shadow:0 0 0 12px rgba(149,109,255,.06),0 0 100px rgba(100,230,255,.27);animation:audioBreath 1.4s ease-in-out infinite alternate}@keyframes audioBreath{to{transform:scale(1.055)}}.labAudio .rangeGrid{grid-template-columns:repeat(2,1fr)}.tiltStage{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(215,25,52,.15),transparent 35%),#050508;perspective:900px}.tiltRings{position:absolute;width:270px;height:270px;border:1px dashed rgba(255,255,255,.11);border-radius:50%;animation:spin 22s linear infinite}.tiltRings::after{content:"";position:absolute;inset:35px;border:1px solid rgba(215,25,52,.2);border-radius:50%}.tiltCover{width:190px;aspect-ratio:1;position:relative;border-radius:16px;transform-style:preserve-3d;transform:rotateX(0deg) rotateY(0deg);transition:transform .12s ease-out;box-shadow:0 28px 65px rgba(0,0,0,.5)}.tiltCover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:0;transition:.35s}.tiltCover.is-loaded img{opacity:1}.miniFallback strong{font-size:2rem}.miniFallback small{font-size:.48rem}.tiltReflection{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--rx,35%) var(--ry,25%),rgba(255,255,255,.34),transparent 28%);mix-blend-mode:screen;pointer-events:none}.tiltReadout{position:absolute;left:13px;bottom:11px;font:700 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#736d7a}.labButton{margin-top:15px;border-radius:12px;display:flex;justify-content:space-between;width:100%}.labButton span{font-size:.55rem;color:#77717f}.labButton:hover span{color:#444}

/* Infinite label canvas */
.universeCard{margin-top:18px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.018));overflow:hidden;box-shadow:var(--shadow)}.universeIntro{padding:36px 38px 25px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.universeIntro h3{font-size:clamp(2.5rem,4.8vw,5.4rem);line-height:.9;letter-spacing:-.055em;margin:10px 0 0}.universeIntro p{color:#aaa5b2;line-height:1.74;max-width:630px;margin:0}.universeToolbar{height:48px;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 38px;color:#736d79;font:700 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.universeToolbar div{display:flex;gap:6px}.universeToolbar button{width:32px;height:30px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.035);color:#c3bdc8;cursor:pointer}.universeToolbar #zoomReset{width:58px;font-size:.58rem}.universeViewport{height:520px;overflow:hidden;cursor:grab;position:relative;background:radial-gradient(circle at 50% 50%,rgba(149,109,255,.08),transparent 42%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),#050508;background-size:auto,44px 44px,44px 44px}.universeViewport.dragging{cursor:grabbing}.universeViewport:focus-visible{outline-offset:-4px}.universeWorld{position:absolute;width:1600px;height:900px;left:50%;top:50%;transform-origin:0 0;will-change:transform}.universeLines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.universeLines path{fill:none;stroke:rgba(149,109,255,.22);stroke-width:2;stroke-dasharray:8 10;vector-effect:non-scaling-stroke;animation:dash 25s linear infinite}@keyframes dash{to{stroke-dashoffset:-360}}.universeNode{position:absolute;left:var(--nx);top:var(--ny);translate:-50% -50%;width:190px;min-height:120px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(10,9,16,.88);backdrop-filter:blur(15px);box-shadow:0 20px 50px rgba(0,0,0,.32);display:flex;flex-direction:column;justify-content:center;transition:transform .2s,border-color .2s,box-shadow .2s}.universeNode:hover{transform:translateY(-5px) scale(1.02);border-color:rgba(100,230,255,.38);box-shadow:0 25px 65px rgba(0,0,0,.4),0 0 50px rgba(100,230,255,.08)}.universeNode small{font:700 .53rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#756f7c}.universeNode strong{font-size:1.35rem;line-height:1.02;letter-spacing:-.035em;margin:8px 0}.universeNode span{font-size:.66rem;color:#88828e}.universeNode.origin{width:230px;min-height:150px;border-color:rgba(255,60,143,.28);background:radial-gradient(circle at 30% 20%,rgba(255,60,143,.12),transparent 45%),rgba(10,9,16,.94)}.universeNode.origin strong{font-size:1.9rem}.universeNode.artistNode{border-color:rgba(149,109,255,.28)}.universeNode.releaseNode{border-color:rgba(215,25,52,.33)}.universeNode.smallNode{width:145px;min-height:92px}.universeNode.tinyNode{width:130px;min-height:78px;padding:13px}.universeNode.tinyNode strong{font-size:1rem}

@media(max-width:1180px){.sectionRail{display:none}.engineDock{top:auto;bottom:78px;right:18px}.enginePanel{top:auto;bottom:49px;transform-origin:bottom right}.labGrid{grid-template-columns:1fr}.labCard{min-height:auto}.morphStage,.shaderStage,.audioStage,.tiltStage{height:330px}}
@media(max-width:760px){.engineDock{right:12px;bottom:72px}.engineMain{width:40px;padding:0;justify-content:center}.engineMain>span:nth-child(2),.engineMain small{display:none}.enginePanel{width:min(290px,calc(100vw - 24px))}.releaseTelemetry{top:18px;left:18px;right:18px}.releaseTelemetry span:first-child{display:none}.officialCoverFrame{width:min(320px,72%)}.labCard{padding:20px;border-radius:24px}.labTop{font-size:.53rem}.morphStage,.shaderStage,.audioStage,.tiltStage{height:270px}.rangeGrid{grid-template-columns:1fr}.labAudio .rangeGrid{grid-template-columns:1fr}.universeIntro{grid-template-columns:1fr;padding:26px 22px 20px;gap:15px}.universeToolbar{padding-left:20px}.universeToolbar>span{font-size:.5rem}.universeViewport{height:430px}.universeWorld{width:1450px;height:820px}}
@media(max-width:430px){.officialCoverFrame{width:min(280px,74%)}.coverCorner{display:none}.labControls button{font-size:.58rem;padding:8px}.universeToolbar>span{display:none}.universeToolbar{justify-content:flex-end}.releaseTelemetry span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.enginePulse,.releaseBeams i,.coverHalo,.shaderFallback,.audioOrb.live,.tiltRings,.universeLines path{animation:none!important}.officialCoverFrame,.tiltCover{transform:none!important}.spotlightCard::after{display:none}}

/* Reduced-motion: keep Particle Morph readable even when canvas animation is disabled */
body.no-motion .morphStage .morphFallback{opacity:1!important}
body.no-motion .morphStage #morphCanvas{opacity:0!important}
@media (prefers-reduced-motion: reduce){
  .morphStage .morphFallback{opacity:1!important}
  .morphStage #morphCanvas{opacity:0!important}
}

/* ===== V2.1 precision refinements ===== */
/* Release artwork: only the official cover is shown, never generated title text. */
.officialCoverFrame{background:#0b0a0f;overflow:hidden}
.officialCoverFrame .officialArtwork{opacity:1}

/* Morph stage: hard visual boundary + extra inner breathing room for long words. */
.morphStage{overflow:hidden;contain:paint}
.morphStage canvas{position:absolute;inset:0;max-width:100%;max-height:100%}

/* LIVE 05: canvas + dedicated information column. */
.universeExperience{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:520px}
.universeViewport{height:520px;border-right:1px solid var(--line);touch-action:none;overscroll-behavior:contain}
.universeWorld{left:0;top:0;transform-origin:0 0}
.universeLines path{stroke:rgba(149,109,255,.14);stroke-width:1.35;stroke-dasharray:7 12}
.universeNode{appearance:none;-webkit-appearance:none;text-align:left;color:inherit;font:inherit;cursor:pointer;outline:none}
.universeNode:hover,.universeNode.active,.universeNode:focus-visible{transform:translateY(-3px) scale(1.012);border-color:rgba(100,230,255,.42);box-shadow:0 22px 55px rgba(0,0,0,.42),0 0 38px rgba(100,230,255,.08)}
.universeNode.active::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;right:14px;top:14px;background:var(--cyan);box-shadow:0 0 0 6px rgba(100,230,255,.08),0 0 22px rgba(100,230,255,.55)}
.universeInfo{position:relative;padding:28px 26px 24px;background:radial-gradient(circle at 70% 18%,rgba(100,230,255,.075),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));display:flex;flex-direction:column;overflow:hidden}
.universeInfo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.018),transparent);pointer-events:none}
.universeInfoHead{display:flex;align-items:center;justify-content:space-between;color:#77717f;font:700 .56rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.universeInfoHead b{font-size:1rem;color:#d0cad6}
.universeInfoPulse{height:82px;display:flex;align-items:center;gap:8px;margin:19px 0 5px}
.universeInfoPulse i{display:block;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--cyan),var(--violet),var(--pink));box-shadow:0 0 18px rgba(149,109,255,.25);animation:infoPulse 2.4s ease-in-out infinite alternate}
.universeInfoPulse i:nth-child(1){height:34px}.universeInfoPulse i:nth-child(2){height:65px;animation-delay:-.7s}.universeInfoPulse i:nth-child(3){height:46px;animation-delay:-1.2s}
@keyframes infoPulse{to{transform:scaleY(.55);opacity:.52}}
.universeInfoMeta{margin:10px 0 8px;color:#8d8794;font:700 .58rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;text-transform:uppercase}
.universeInfo h4{font-size:clamp(1.75rem,2.4vw,2.65rem);line-height:.95;letter-spacing:-.045em;margin:0 0 16px;color:#f4f1f6}
.universeInfoCopy{color:#aaa5b2;line-height:1.72;margin:0;font-size:.92rem}
.universeHint{margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}
.universeHint span{display:block;color:#77717f;font:700 .54rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;margin-bottom:8px}
.universeHint p{margin:0;color:#77717f;font-size:.72rem;line-height:1.55}

@media(max-width:980px){
  .universeExperience{grid-template-columns:1fr}
  .universeViewport{height:470px;border-right:0;border-bottom:1px solid var(--line)}
  .universeInfo{min-height:260px}
  .universeInfoPulse{height:52px;margin-top:12px}
  .universeHint{margin-top:22px}
}
@media(max-width:760px){
  .universeViewport{height:420px}
  .universeInfo{padding:23px 21px}
}
@media(prefers-reduced-motion:reduce){.universeInfoPulse i{animation:none}}
body.no-motion .universeInfoPulse i{animation:none}

/* =========================================================
   HEARTVIBE RECORDS / V2.2 — LABEL EXPERIENCE
   The advanced rendering stays behind the interface; the visible design
   remains a music-label experience rather than a technology demo.
   ========================================================= */
:root{
  --hero-rx:0deg;--hero-ry:0deg;
  --vibe-hue:316deg;--vibe-flow:.38;--vibe-energy:.58;--vibe-glow:.42;
  --ambient-opacity:.235;
}
.ambientShaderCanvas,.ambientShaderFallback{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:var(--ambient-opacity);mix-blend-mode:screen}
.ambientShaderCanvas{filter:saturate(1.06) contrast(1.03)}
.ambientShaderFallback{display:none;background:radial-gradient(circle at 78% 18%,rgba(255,60,143,.28),transparent 32%),radial-gradient(circle at 18% 72%,rgba(100,230,255,.18),transparent 34%),radial-gradient(circle at 56% 50%,rgba(149,109,255,.2),transparent 42%);filter:hue-rotate(var(--vibe-hue)) blur(45px) saturate(1.15);transform:scale(1.14)}
.ambientShaderFallback.active{display:block}
#signalCanvas{z-index:1;opacity:.57}.cursorGlow{z-index:2}

/* Compact atmosphere control: no diagnostics, no lab terminology. */
.vibeDock{position:fixed;right:18px;top:88px;z-index:125}
.vibeMain{height:40px;border:1px solid var(--line);border-radius:999px;background:rgba(6,5,10,.77);backdrop-filter:blur(18px);display:flex;align-items:center;gap:8px;padding:0 13px;color:#e7e2eb;cursor:pointer;box-shadow:0 12px 36px rgba(0,0,0,.28);font:800 .61rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}
.vibeDot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--cyan));box-shadow:0 0 16px rgba(149,109,255,.7);animation:vibeDot 2.8s ease-in-out infinite}
@keyframes vibeDot{50%{transform:scale(1.35);box-shadow:0 0 24px rgba(100,230,255,.7)}}
.vibePanel{position:absolute;right:0;top:49px;width:280px;padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(6,5,10,.94);backdrop-filter:blur(24px);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-7px) scale(.985);transform-origin:top right;transition:.2s}
.vibePanel.open{opacity:1;visibility:visible;transform:none}
.vibeHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;text-transform:uppercase;letter-spacing:.12em;font:800 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.vibeHead button{border:0;background:transparent;color:#7f7987;cursor:pointer;padding:4px;font:700 .56rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.vibeHead button:hover{color:#fff}
.vibePanel label{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:11px;border-top:1px solid var(--line);padding:11px 2px;color:#a19aa9;font:700 .59rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}
.vibePanel input{width:100%;accent-color:var(--violet);cursor:pointer}

/* New hero: record, radial sound wave, orbiting signal points. */
.sonicStage{position:relative;min-height:570px;display:grid;place-items:center;isolation:isolate;perspective:1100px;overflow:visible}
#heroPulseCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.sonicAura{position:absolute;border-radius:50%;filter:blur(34px);opacity:.34;pointer-events:none;z-index:0;animation:sonicAura 8s ease-in-out infinite alternate}
.sonicAura.sa1{width:390px;height:390px;background:radial-gradient(circle,rgba(255,60,143,.36),rgba(149,109,255,.12) 48%,transparent 72%);translate:-15% -8%}
.sonicAura.sa2{width:360px;height:360px;background:radial-gradient(circle,rgba(100,230,255,.26),rgba(149,109,255,.10) 45%,transparent 72%);translate:21% 14%;animation-delay:-3.7s}
@keyframes sonicAura{to{transform:scale(1.17) translate3d(10px,-8px,0);opacity:.48}}
.sonicOrbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09);pointer-events:none;z-index:2}
.sonicOrbit::before,.sonicOrbit::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;top:50%;left:-4px;background:var(--cyan);box-shadow:0 0 18px rgba(100,230,255,.85)}
.sonicOrbit::after{left:auto;right:-4px;background:var(--pink);box-shadow:0 0 18px rgba(255,60,143,.8)}
.sonicOrbit.so1{width:405px;height:405px;animation:orbitSpin 23s linear infinite}
.sonicOrbit.so2{width:500px;height:255px;transform:rotate(-21deg);border-style:dashed;opacity:.62;animation:orbitSpin2 29s linear infinite reverse}
@keyframes orbitSpin{to{rotate:360deg}}@keyframes orbitSpin2{to{transform:rotate(339deg)}}
.vinylDisc{position:relative;z-index:4;width:min(300px,62vw);aspect-ratio:1;border-radius:50%;transform:perspective(900px) rotateX(var(--hero-rx)) rotateY(var(--hero-ry));transition:transform .25s cubic-bezier(.2,.8,.2,1);background:radial-gradient(circle at 50% 50%,#111018 0 8%,#050509 8.5% 61%,#111018 61.5% 62.3%,#050509 63% 100%);box-shadow:0 35px 90px rgba(0,0,0,.55),0 0 85px rgba(149,109,255,.22),inset 0 0 0 1px rgba(255,255,255,.09)}
.vinylDisc::before{content:"";position:absolute;inset:3.5%;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 6%,rgba(255,255,255,.08) 8%,transparent 11% 31%,rgba(255,60,143,.08) 35%,transparent 39% 68%,rgba(100,230,255,.07) 72%,transparent 77%);mix-blend-mode:screen;animation:vinylLight 13s linear infinite}
.vinylGrooves{position:absolute;inset:5.5%;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.09) 0 1px,transparent 1.4px 4px),radial-gradient(circle at 35% 28%,rgba(255,255,255,.075),transparent 28%);opacity:.42;animation:grooveSpin 19s linear infinite}
@keyframes grooveSpin{to{transform:rotate(360deg)}}@keyframes vinylLight{to{rotate:360deg}}
.vinylLabel{position:absolute;inset:34%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.2),transparent 15%),linear-gradient(135deg,rgba(255,60,143,.88),rgba(149,109,255,.92) 54%,rgba(100,230,255,.76));box-shadow:0 0 28px rgba(149,109,255,.28),inset 0 0 0 1px rgba(255,255,255,.18)}
.vinylLabel::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#050509;box-shadow:0 0 0 2px rgba(255,255,255,.22)}
.vinylLabel img{width:64%;height:64%;object-fit:contain;filter:brightness(4) saturate(0) drop-shadow(0 0 10px rgba(255,255,255,.24));opacity:.88}
.vinylGlint{position:absolute;inset:0;border-radius:50%;background:linear-gradient(118deg,transparent 20%,rgba(255,255,255,.13) 36%,transparent 49%);mix-blend-mode:screen;animation:glintSweep 6.2s ease-in-out infinite}
@keyframes glintSweep{0%,30%{transform:rotate(-35deg);opacity:.18}65%{transform:rotate(25deg);opacity:.62}100%{transform:rotate(50deg);opacity:.15}}
.sonicTag{position:absolute;z-index:5;color:#857f8e;font:800 .57rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;text-transform:uppercase}.st1{left:8%;top:18%}.st2{right:7%;top:30%}.st3{left:6%;bottom:24%}.st4{right:10%;bottom:16%}
.sonicCode{position:absolute;z-index:5;bottom:5%;left:50%;translate:-50% 0;display:flex;align-items:center;gap:10px;white-space:nowrap;color:#77717e;font:800 .52rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.sonicCode span:first-child{color:#ddd7e4}.sonicCode i{width:22px;height:1px;background:linear-gradient(90deg,var(--pink),var(--cyan));opacity:.6}

/* Music-like micro movement on the service cards. */
.service{overflow:hidden;isolation:isolate}
.service::after{content:"";position:absolute;left:22px;right:22px;bottom:16px;height:20px;opacity:.18;background:repeating-linear-gradient(90deg,rgba(255,60,143,.8) 0 2px,transparent 2px 7px);clip-path:polygon(0 65%,3% 55%,6% 72%,9% 30%,12% 64%,15% 43%,18% 75%,21% 23%,24% 65%,27% 50%,30% 80%,33% 38%,36% 65%,39% 27%,42% 70%,45% 45%,48% 77%,51% 20%,54% 66%,57% 35%,60% 73%,63% 28%,66% 63%,69% 44%,72% 78%,75% 33%,78% 66%,81% 48%,84% 72%,87% 29%,90% 63%,93% 52%,96% 68%,100% 55%,100% 100%,0 100%);animation:serviceWave 5.5s ease-in-out infinite alternate}
.service:nth-child(even)::after{filter:hue-rotate(80deg);animation-delay:-2.1s}.service:nth-child(3)::after{filter:hue-rotate(150deg);animation-delay:-3.4s}
@keyframes serviceWave{to{transform:translateY(-4px) scaleY(1.35);opacity:.3}}

/* Particle signal: one full double-width statement, no lab-card chrome. */
.experienceSection{background:linear-gradient(180deg,transparent,rgba(149,109,255,.02) 30%,rgba(100,230,255,.012) 72%,transparent)}
.experienceHead{grid-template-columns:1fr;margin-bottom:34px}.experienceHead>div{max-width:900px}
.signalMorphCard{position:relative;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:var(--shadow);padding:18px;overflow:hidden;isolation:isolate}
.signalMorphCard::before{content:"";position:absolute;inset:0;background:radial-gradient(700px circle at var(--px,50%) var(--py,50%),rgba(100,230,255,.075),transparent 52%);pointer-events:none}
.signalMorphCard .morphStage{height:470px;border-radius:24px;background:radial-gradient(circle at 50% 48%,rgba(149,109,255,.07),transparent 34%),linear-gradient(180deg,#050509,#07060b);border-color:rgba(255,255,255,.07)}
.signalMorphCard .morphStage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,60,143,.04),transparent 18%,transparent 82%,rgba(100,230,255,.04)),linear-gradient(180deg,transparent 0 49.8%,rgba(255,255,255,.035) 50%,transparent 50.2%)}
.signalMorphCard .morphFallback{font-size:clamp(4rem,11vw,10rem);color:rgba(255,255,255,.07)}
.morphControls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0 1px}
.morphControls button{border:1px solid var(--line);background:rgba(255,255,255,.028);color:#8f8997;border-radius:999px;padding:9px 13px;cursor:pointer;font:800 .61rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;transition:.2s}
.morphControls button:hover,.morphControls button.active{background:#fff;color:#111;border-color:#fff;box-shadow:0 8px 28px rgba(255,255,255,.08)}
.universeCard{margin-top:46px}.universeIntro{grid-template-columns:1fr;padding-bottom:28px}.universeIntro>div{max-width:820px}.universeIntro p{display:none}
.universeToolbar>span{letter-spacing:.16em}

/* Keep the label universe calm and precise. */
.universeWorld{will-change:transform}.universeNode{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.universeNode:hover,.universeNode.active,.universeNode:focus-visible{transform:translateY(-2px) scale(1.008)}

@media(max-width:1040px){
  .sonicStage{min-height:510px}.sonicOrbit.so1{width:390px;height:390px}.sonicOrbit.so2{width:470px;height:235px}
  .signalMorphCard .morphStage{height:410px}
}
@media(max-width:760px){
  .vibeDock{right:12px;top:auto;bottom:76px}.vibePanel{top:auto;bottom:49px;transform-origin:bottom right;width:min(280px,calc(100vw - 24px))}
  .sonicStage{min-height:420px}.vinylDisc{width:min(250px,66vw)}.sonicOrbit.so1{width:320px;height:320px}.sonicOrbit.so2{width:365px;height:190px}.sonicAura.sa1,.sonicAura.sa2{width:280px;height:280px}.sonicTag{font-size:.49rem}.st1{left:3%;top:16%}.st2{right:2%;top:28%}.st3{left:3%;bottom:22%}.st4{right:3%;bottom:15%}.sonicCode{font-size:.44rem;gap:6px}.sonicCode i{width:12px}
  .signalMorphCard{padding:11px;border-radius:25px}.signalMorphCard .morphStage{height:320px;border-radius:19px}.morphControls{gap:5px;margin-top:10px}.morphControls button{padding:8px 9px;font-size:.54rem}
  .universeCard{margin-top:32px}
}
@media(max-width:430px){
  .vibeMain{width:42px;padding:0;justify-content:center}.vibeMain>span:last-child{display:none}
  .sonicStage{min-height:370px}.vinylDisc{width:min(220px,66vw)}.sonicOrbit.so1{width:280px;height:280px}.sonicOrbit.so2{width:320px;height:165px}.sonicTag{display:none}.sonicCode span:nth-of-type(2){display:none}.sonicCode i:nth-of-type(2){display:none}
  .signalMorphCard .morphStage{height:270px}.morphControls button{font-size:.49rem;padding:7px 8px}
}
@media(prefers-reduced-motion:reduce){
  .vibeDot,.sonicAura,.sonicOrbit,.vinylDisc::before,.vinylGrooves,.vinylGlint,.service::after{animation:none!important}
  .vinylDisc{transform:none!important}.ambientShaderCanvas{opacity:.12}.ambientShaderFallback{animation:none!important}
}
body.no-motion .vibeDot,body.no-motion .sonicAura,body.no-motion .sonicOrbit,body.no-motion .vinylDisc::before,body.no-motion .vinylGrooves,body.no-motion .vinylGlint,body.no-motion .service::after{animation:none!important}
body.no-motion .vinylDisc{transform:none!important}
html{overflow-x:hidden}.marquee,.universeViewport{max-width:100%;contain:paint}

/* =========================================================
   HEARTVIBE RECORDS / V2.3 POLISH
   Voice navigation, precise Universe controls, deeper label motion.
   ========================================================= */

/* Floating navigation: stronger Gaussian-style separation without a hard halo. */
.nav{
  box-shadow:0 18px 58px rgba(0,0,0,.58),0 5px 22px rgba(0,0,0,.42),0 0 48px rgba(149,109,255,.075),0 0 105px rgba(100,230,255,.028);
  isolation:isolate;
}
.nav::before{
  content:"";position:absolute;inset:7px 34px -13px;border-radius:999px;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,60,143,.14),rgba(149,109,255,.13) 52%,rgba(100,230,255,.12));
  filter:blur(24px);opacity:.36;
}
.mobilePanel{box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 60px rgba(149,109,255,.08)}

/* VIBE + optional voice navigation. */
.voiceControl{margin-top:5px;padding-top:10px;border-top:1px solid var(--line)}
.voiceControlTop{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;color:#aaa4b0;font:800 .59rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}
.voiceControlTop>span{display:flex;align-items:center;gap:8px}.voiceControlTop>div{display:flex;align-items:center;gap:6px}
.voiceLed{width:7px;height:7px;border-radius:50%;background:#56505e;box-shadow:0 0 0 4px rgba(255,255,255,.025);transition:.25s}
.voice-listening .voiceLed{background:var(--cyan);box-shadow:0 0 0 5px rgba(100,230,255,.08),0 0 17px rgba(100,230,255,.75);animation:voiceLed 1.55s ease-out infinite}
@keyframes voiceLed{70%{box-shadow:0 0 0 11px rgba(100,230,255,0),0 0 20px rgba(100,230,255,.75)}}
.voiceInfoBtn,.voiceToggle{border:1px solid var(--line);background:rgba(255,255,255,.045);color:#c3bdc9;cursor:pointer}
.voiceInfoBtn{width:27px;height:27px;border-radius:50%;font:800 .67rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.voiceToggle{min-width:47px;height:27px;border-radius:999px;padding:0 8px;font:800 .54rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}
.voiceToggle[aria-pressed="true"]{background:linear-gradient(135deg,rgba(149,109,255,.28),rgba(100,230,255,.18));border-color:rgba(100,230,255,.38);color:#fff;box-shadow:0 0 24px rgba(100,230,255,.08)}
.voiceToggle:disabled{opacity:.48;cursor:not-allowed}.voiceStatus{min-height:16px;margin:4px 2px 0;color:#716b78;font-size:.62rem;line-height:1.35}
.voiceDialog{width:min(720px,calc(100% - 28px))}.voiceCommandGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:23px 0}
.voiceCommandGrid div{padding:15px 16px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.018))}
.voiceCommandGrid b{display:block;color:var(--cyan);font:850 .63rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.voiceCommandGrid span{display:block;color:#b3adba;font-size:.82rem;line-height:1.5}.voicePrivacy{font-size:.76rem!important;color:#77717f!important;border-left:2px solid rgba(149,109,255,.55);padding-left:13px}
.voiceDialogActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.voiceDialogActions .btn{cursor:pointer}

/* Universe: interaction surface, never browser text selection. */
.universeCard,.universeCard *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.universeToolbar>div{align-items:center}.universeToolbar .zoomReadout{min-width:44px;text-align:center;color:#938d9b;font:800 .56rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}
.universeToolbar #zoomReset.universeReset{width:auto;min-width:57px;padding:0 10px;text-transform:uppercase;letter-spacing:.08em;font-size:.52rem;border-color:rgba(149,109,255,.22)}
.universeToolbar #zoomReset.universeReset:hover{background:rgba(149,109,255,.13);border-color:rgba(149,109,255,.42);color:#fff;box-shadow:0 0 26px rgba(149,109,255,.1)}

/* 05 Artist: the first VIBE carries a living identity field. */
.artistSection{position:relative;isolation:isolate;overflow:hidden}
.artistAmbient{position:absolute;inset:8% 0 0;pointer-events:none;overflow:hidden;z-index:0}
.artistAmbient i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.13;animation:artistDrift 13s ease-in-out infinite alternate}
.artistAmbient i:nth-child(1){width:420px;height:420px;left:-120px;top:12%;background:var(--pink)}
.artistAmbient i:nth-child(2){width:520px;height:520px;right:-180px;top:24%;background:var(--cyan);animation-delay:-5s}
.artistAmbient i:nth-child(3){width:330px;height:330px;left:45%;bottom:-130px;background:var(--violet);animation-delay:-8s}
@keyframes artistDrift{to{transform:translate3d(55px,-24px,0) scale(1.15);opacity:.19}}
.artistSection .shell{z-index:3}.artistCardEnhanced{overflow:hidden;isolation:isolate}
.artistCardEnhanced::after{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 75%,rgba(100,230,255,.08) 82%,rgba(255,60,143,.08) 88%,transparent 94%);animation:artistSweep 14s linear infinite;pointer-events:none;z-index:0}
@keyframes artistSweep{to{transform:rotate(360deg)}}
.artistMarkWrap{position:absolute;left:50%;top:43%;translate:-50% -50%;width:min(290px,63%);aspect-ratio:1;display:grid;place-items:center;z-index:2}
.artistMarkWrap .artistMark{position:relative;left:auto;top:auto;translate:none;width:72%;filter:drop-shadow(0 0 26px rgba(255,60,143,.24)) drop-shadow(0 0 58px rgba(149,109,255,.22));z-index:3}
.artistOrbit{position:absolute;inset:2%;border:1px solid rgba(255,255,255,.09);border-radius:50%;animation:artistOrbit 17s linear infinite}
.artistOrbit::before{content:"";position:absolute;left:12%;top:6%;width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 17px rgba(255,60,143,.8)}
.artistOrbit.ao2{inset:14%;border-style:dashed;transform:rotate(34deg);animation-duration:11s;animation-direction:reverse;border-color:rgba(100,230,255,.13)}
.artistOrbit.ao2::before{left:auto;right:6%;top:54%;background:var(--cyan);box-shadow:0 0 17px rgba(100,230,255,.8)}
@keyframes artistOrbit{to{rotate:360deg}}
.artistMiniWave{position:absolute;left:44px;right:44px;bottom:177px;height:35px;display:flex;align-items:center;gap:5px;opacity:.3;z-index:2}
.artistMiniWave i{flex:1;max-width:6px;border-radius:4px;background:linear-gradient(180deg,var(--cyan),var(--violet),var(--pink));height:var(--aw,30%);animation:artistWave 2.1s ease-in-out infinite alternate;transform-origin:bottom}
.artistMiniWave i:nth-child(1){--aw:28%;animation-delay:-.2s}.artistMiniWave i:nth-child(2){--aw:66%;animation-delay:-.8s}.artistMiniWave i:nth-child(3){--aw:42%;animation-delay:-1.4s}.artistMiniWave i:nth-child(4){--aw:88%;animation-delay:-.5s}.artistMiniWave i:nth-child(5){--aw:53%;animation-delay:-1.1s}.artistMiniWave i:nth-child(6){--aw:34%;animation-delay:-1.7s}.artistMiniWave i:nth-child(7){--aw:74%;animation-delay:-.35s}.artistMiniWave i:nth-child(8){--aw:45%;animation-delay:-1.25s}.artistMiniWave i:nth-child(9){--aw:92%;animation-delay:-.65s}.artistMiniWave i:nth-child(10){--aw:58%;animation-delay:-1.55s}.artistMiniWave i:nth-child(11){--aw:38%;animation-delay:-.95s}.artistMiniWave i:nth-child(12){--aw:70%;animation-delay:-1.9s}
@keyframes artistWave{to{transform:scaleY(.42);opacity:.5}}
.artistStory{position:relative;overflow:hidden}.artistStory::after{content:"";position:absolute;width:280px;height:280px;right:-100px;top:-130px;border-radius:50%;border:1px solid rgba(149,109,255,.16);box-shadow:0 0 70px rgba(149,109,255,.06);pointer-events:none;animation:storyRing 8s ease-in-out infinite alternate}
@keyframes storyRing{to{transform:scale(1.22);border-color:rgba(100,230,255,.18)}}

/* 06 Process: a moving release signal passes through all four nodes. */
.processSection{position:relative;overflow:hidden;isolation:isolate}.processSection .shell{z-index:3}.processAmbient{position:absolute;inset:0;pointer-events:none;z-index:0}
.processAmbient span{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(75px);opacity:.08;background:var(--violet);left:-170px;top:28%}
.processAmbient span:last-child{left:auto;right:-170px;top:52%;background:var(--cyan)}
.processLine{overflow:visible}.processLine i{position:absolute;left:50%;top:0;width:7px;height:7px;border-radius:50%;translate:-50% -50%;background:#fff;box-shadow:0 0 0 6px rgba(149,109,255,.1),0 0 22px rgba(100,230,255,.7),0 0 42px rgba(255,60,143,.35);animation:processSignal 5.8s cubic-bezier(.4,0,.2,1) infinite}
@keyframes processSignal{0%{top:0;opacity:0}8%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}
.step{border-radius:24px;transition:transform .3s ease,background .3s ease,padding .3s ease;isolation:isolate}
.step::after{content:"";position:absolute;inset:7px 0;border-radius:22px;background:radial-gradient(360px circle at 90px 50%,rgba(149,109,255,.075),transparent 58%);opacity:0;transition:opacity .3s;z-index:-1;pointer-events:none}
.step:hover{transform:translateX(7px)}.step:hover::after{opacity:1}
.stepNum{transition:border-color .28s,box-shadow .28s,transform .28s;box-shadow:0 0 0 0 rgba(149,109,255,0)}
.step:hover .stepNum{transform:scale(1.06);border-color:rgba(100,230,255,.35);box-shadow:0 0 0 8px rgba(149,109,255,.055),0 0 32px rgba(100,230,255,.08)}
.stepNum::after{content:"";position:absolute;inset:9px;border-radius:50%;border:1px dashed rgba(255,255,255,.08);animation:stepOrbit 10s linear infinite}
@keyframes stepOrbit{to{rotate:360deg}}

/* 07 Demo: elegant signal transmitter rather than a generic pulse ball. */
.demoSection{position:relative;overflow:hidden}.demoPortal{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 8% 5%,rgba(255,60,143,.15),transparent 30%),radial-gradient(circle at 88% 76%,rgba(100,230,255,.09),transparent 31%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));box-shadow:0 35px 95px rgba(0,0,0,.4),0 0 75px rgba(149,109,255,.055)}
.demoPortal::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--demo-angle,0deg),transparent 0 40%,rgba(255,60,143,.45) 48%,rgba(149,109,255,.52) 53%,rgba(100,230,255,.4) 58%,transparent 66%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:demoBorder 11s linear infinite}
@property --demo-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes demoBorder{to{--demo-angle:360deg}}
.demoPortal::after{content:"";position:absolute;right:-110px;top:50%;translate:0 -50%;width:370px;height:370px;border-radius:50%;background:repeating-radial-gradient(circle,rgba(255,255,255,.055) 0 1px,transparent 1px 26px);opacity:.36;pointer-events:none;mask-image:radial-gradient(circle,#000 0 48%,transparent 78%)}
.signalLaunch{position:relative;width:190px;height:190px;border:0;background:transparent;padding:0;cursor:pointer;display:grid;place-items:center;isolation:isolate;flex:0 0 auto}
.signalLaunch::before,.signalLaunch::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.11);inset:6px;transition:transform .35s,border-color .35s,box-shadow .35s}
.signalLaunch::after{inset:27px;border-style:dashed;border-color:rgba(100,230,255,.18);animation:signalRing 13s linear infinite reverse}
.signalLaunch:hover::before{transform:scale(1.06);border-color:rgba(255,60,143,.28);box-shadow:0 0 55px rgba(149,109,255,.12)}
.signalLaunch:hover::after{transform:scale(.94)}
.signalLaunchOrbit{position:absolute;inset:2px;border-radius:50%;animation:signalRing 9s linear infinite}
.signalLaunchOrbit i{position:absolute;width:7px;height:7px;border-radius:50%;left:11%;top:17%;background:var(--pink);box-shadow:0 0 16px rgba(255,60,143,.8)}
.signalLaunchOrbit i:last-child{left:auto;right:7%;top:64%;width:5px;height:5px;background:var(--cyan);box-shadow:0 0 15px rgba(100,230,255,.8)}
@keyframes signalRing{to{rotate:360deg}}
.signalLaunchCore{position:relative;width:116px;height:116px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.18),transparent 16%),linear-gradient(145deg,rgba(255,60,143,.2),rgba(149,109,255,.15) 55%,rgba(100,230,255,.11)),rgba(9,8,14,.88);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 35px rgba(255,255,255,.025),0 18px 42px rgba(0,0,0,.35),0 0 38px rgba(149,109,255,.11);backdrop-filter:blur(16px);transition:transform .3s,box-shadow .3s}
.signalLaunch:hover .signalLaunchCore{transform:scale(1.055);box-shadow:inset 0 0 38px rgba(255,255,255,.04),0 20px 50px rgba(0,0,0,.38),0 0 50px rgba(149,109,255,.18)}
.signalLaunchCore small{font:800 .47rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em;color:#85808c;margin-bottom:7px}.signalLaunchCore strong{text-transform:uppercase;font-size:.72rem;line-height:1.08;letter-spacing:.13em}.signalLaunchCore>span{position:absolute;right:17px;bottom:13px;color:var(--cyan);font-size:.72rem}

@media(max-width:720px){
  .voiceCommandGrid{grid-template-columns:1fr}.voiceDialogActions .btn{width:100%}
  .artistMarkWrap{width:min(245px,66%)}.artistMiniWave{left:28px;right:28px;bottom:160px}
  .signalLaunch{width:160px;height:160px;justify-self:start}.signalLaunchCore{width:102px;height:102px}
  .demoPortal::after{right:-175px;opacity:.24}
  .universeToolbar .zoomReadout{min-width:38px}.universeToolbar #zoomReset.universeReset{min-width:52px;padding:0 7px}
}
@media(max-width:430px){
  .voiceControlTop{font-size:.55rem}.voiceInfoBtn{width:25px;height:25px}.voiceToggle{height:25px}
  .artistMiniWave{bottom:154px}.signalLaunch{width:145px;height:145px}.signalLaunchCore{width:94px;height:94px}
}
@media(prefers-reduced-motion:reduce){
  .voiceLed,.artistAmbient i,.artistCardEnhanced::after,.artistOrbit,.artistMiniWave i,.artistStory::after,.processLine i,.stepNum::after,.demoPortal::before,.signalLaunch::after,.signalLaunchOrbit{animation:none!important}
  .step:hover{transform:none}.signalLaunch:hover .signalLaunchCore{transform:none}
}
body.no-motion .voiceLed,body.no-motion .artistAmbient i,body.no-motion .artistCardEnhanced::after,body.no-motion .artistOrbit,body.no-motion .artistMiniWave i,body.no-motion .artistStory::after,body.no-motion .processLine i,body.no-motion .stepNum::after,body.no-motion .demoPortal::before,body.no-motion .signalLaunch::after,body.no-motion .signalLaunchOrbit{animation:none!important}
.voiceInfoBtn{width:auto;min-width:38px;padding:0 8px;border-radius:999px;font-size:.48rem;letter-spacing:.08em;text-transform:uppercase}