:root{
  --bg:#050707;
  --panel:#0a0d0d;
  --panel-2:#0d1111;
  --text:#f2f6f5;
  --muted:#879392;
  --line:rgba(214,255,251,.14);
  --line-strong:rgba(214,255,251,.28);
  --cyan:#47f5e6;
  --cyan-soft:rgba(71,245,230,.12);
  --white:#f5f8f7;
  --radius:2px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
::selection{background:var(--cyan);color:#00100f}
.mono{font-family:"Courier New",monospace;letter-spacing:.08em}
.ambient-grid{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(80,180,170,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(80,180,170,.026) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.scanlines{position:fixed;inset:0;z-index:15;pointer-events:none;opacity:.05;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.7) 0,rgba(255,255,255,.7) 1px,transparent 1px,transparent 4px)}
.site-header,.section-shell,.site-footer{position:relative;z-index:2;width:min(1440px,calc(100% - 56px));margin:0 auto}
.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:43px;height:43px;border:1px solid var(--cyan);display:grid;place-items:center;font-weight:800;font-size:12px;color:var(--cyan);box-shadow:inset 0 0 18px rgba(71,245,230,.07)}
.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:14px;letter-spacing:-.02em}.brand-copy strong span{color:var(--cyan)}.brand-copy small{font-family:"Courier New",monospace;color:var(--muted);font-size:9px;letter-spacing:.14em}
.desktop-nav{display:flex;gap:22px;font-family:"Courier New",monospace;font-size:9px;letter-spacing:.1em;color:#b8c1bf}.desktop-nav a{transition:.2s}.desktop-nav a:hover{color:var(--cyan)}
.cart-button{border:1px solid var(--line-strong);background:transparent;padding:12px 15px;font-family:"Courier New",monospace;font-size:10px;letter-spacing:.12em;cursor:pointer;transition:.2s}.cart-button span{display:inline-grid;place-items:center;margin-left:8px;width:20px;height:20px;background:var(--cyan);color:#00100f}.cart-button:hover{border-color:var(--cyan);background:var(--cyan-soft)}
.hero{min-height:700px;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto 1fr auto;gap:20px;border-bottom:1px solid var(--line);padding:26px 0 40px}
.hero-meta{grid-column:1/-1;display:flex;justify-content:space-between;color:#74817f;font-size:9px}.hero-copy{align-self:center;padding:55px 0 35px;max-width:760px}.eyebrow{margin:0 0 22px;color:var(--cyan);font-size:10px}.hero h1{font-size:clamp(58px,7.6vw,122px);line-height:.84;letter-spacing:-.065em;margin:0;font-weight:700;text-transform:uppercase}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(240,255,252,.72)}
.hero-lead{max-width:650px;color:#9ca8a6;line-height:1.7;font-size:14px;margin:32px 0 0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.primary-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:16px 18px;background:var(--cyan);color:#00100f;font-family:"Courier New",monospace;font-size:10px;font-weight:700;letter-spacing:.08em;min-width:210px;transition:.2s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(71,245,230,.12)}.text-link{font-family:"Courier New",monospace;color:#aab6b4;font-size:10px;letter-spacing:.1em;border-bottom:1px solid transparent;padding-bottom:5px}.text-link:hover{color:var(--cyan);border-color:var(--cyan)}
.hero-terminal{align-self:center;justify-self:end;width:min(100%,440px);aspect-ratio:1/1.03;border:1px solid var(--line-strong);background:linear-gradient(145deg,rgba(71,245,230,.045),rgba(255,255,255,.008));display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:inset 0 0 70px rgba(71,245,230,.025)}
.terminal-head,.terminal-foot{display:flex;justify-content:space-between;padding:12px 14px;color:#64716f;font-size:8px;border-bottom:1px solid var(--line)}.terminal-foot{border-top:1px solid var(--line);border-bottom:0;margin-top:auto}.terminal-core{position:relative;flex:1;display:grid;place-items:center;overflow:hidden;background-image:radial-gradient(circle at center,rgba(71,245,230,.08),transparent 36%)}.aa-symbol{font-size:42px;font-weight:800;letter-spacing:-.08em;color:var(--cyan);text-shadow:0 0 28px rgba(71,245,230,.24);z-index:2}.orbital-ring{position:absolute;border:1px solid rgba(71,245,230,.25);border-radius:50%}.ring-one{width:56%;height:56%;animation:spin 18s linear infinite}.ring-two{width:78%;height:40%;transform:rotate(-20deg);opacity:.45;animation:spin2 14s linear infinite}.signal-bars{position:absolute;bottom:18px;left:18px;right:18px;height:44px;display:flex;gap:5px;align-items:end;opacity:.52}.signal-bars i{display:block;flex:1;height:var(--h);background:var(--cyan);box-shadow:0 0 8px rgba(71,245,230,.25)}
.hero-index{grid-column:1/-1;text-align:right;color:#62706e;font-size:9px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin2{to{transform:rotate(340deg)}}
.ticker{position:relative;z-index:2;border-bottom:1px solid var(--line);overflow:hidden;background:#07100f}.ticker-track{width:max-content;display:flex;gap:27px;align-items:center;padding:13px 0;font-size:9px;color:#92a09e;animation:ticker 28s linear infinite}.ticker-track b{color:var(--cyan);font-weight:400}.ticker-track span{white-space:nowrap}@keyframes ticker{to{transform:translateX(-50%)}}
.content-section{padding:105px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}.section-heading h2,.free-section h2,.about-section h2,.cart-head h2{margin:0;font-size:clamp(36px,4.2vw,66px);letter-spacing:-.045em;line-height:.95;text-transform:uppercase}.section-note{max-width:450px;color:#889492;line-height:1.65;font-size:13px;margin:0 0 2px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filter{background:transparent;border:1px solid var(--line);color:#75817f;padding:9px 12px;font-size:9px;letter-spacing:.08em;cursor:pointer}.filter:hover,.filter.active{color:#00100f;background:var(--cyan);border-color:var(--cyan)}
.beat-list{border-top:1px solid var(--line)}.beat-row{display:grid;grid-template-columns:46px 45px 2.2fr 1.6fr 1fr 72px;align-items:center;gap:14px;min-height:94px;border-bottom:1px solid var(--line);transition:.2s}.beat-row:hover{background:linear-gradient(90deg,rgba(71,245,230,.045),transparent)}.beat-row.is-hidden{display:none}.play-btn{width:36px;height:36px;border:1px solid var(--line-strong);background:transparent;font-size:10px;cursor:pointer}.play-btn:hover,.play-btn.is-playing{border-color:var(--cyan);color:var(--cyan);box-shadow:inset 0 0 18px rgba(71,245,230,.09)}.track-index{font-size:9px;color:#667370}.track-main{display:flex;flex-direction:column;gap:7px}.track-main strong{font-size:15px;letter-spacing:.08em}.track-main small{font-size:8px;color:#717d7b}.track-wave{display:flex;align-items:center;height:30px;gap:3px;overflow:hidden}.track-wave span{display:block;width:2px;background:#52615e}.track-wave span:nth-child(1){height:20%}.track-wave span:nth-child(2){height:45%}.track-wave span:nth-child(3){height:80%}.track-wave span:nth-child(4){height:34%}.track-wave span:nth-child(5){height:68%}.track-wave span:nth-child(6){height:95%}.track-wave span:nth-child(7){height:50%}.track-wave span:nth-child(8){height:72%}.track-wave span:nth-child(9){height:30%}.track-wave span:nth-child(10){height:88%}.track-wave span:nth-child(11){height:58%}.track-wave span:nth-child(12){height:40%}.track-wave span:nth-child(13){height:74%}.track-wave span:nth-child(14){height:26%}.track-wave span:nth-child(15){height:64%}.track-wave span:nth-child(16){height:92%}.track-wave span:nth-child(17){height:46%}.track-wave span:nth-child(18){height:35%}.beat-row:hover .track-wave span,.play-btn.is-playing~.track-index~.track-main~.track-wave span{background:var(--cyan)}.track-spec{display:flex;gap:15px;color:#7f8b89;font-size:8px}.price-btn,.product-info button{justify-self:end;background:transparent;border:1px solid var(--line-strong);padding:11px 13px;font-family:"Courier New",monospace;font-size:10px;cursor:pointer;transition:.2s}.price-btn:hover,.product-info button:hover{background:var(--cyan);color:#00100f;border-color:var(--cyan)}.demo-note{font-size:8px;color:#596663;margin:18px 0 0}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border:1px solid var(--line);background:rgba(10,13,13,.5);transition:.25s}.product-card:hover{border-color:rgba(71,245,230,.42);transform:translateY(-3px)}.product-art{position:relative;aspect-ratio:1/1;overflow:hidden;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line);background:#080c0c}.product-art strong{font-size:clamp(39px,4.3vw,72px);line-height:.84;letter-spacing:-.07em;z-index:2}.product-art small,.product-type{font-size:8px;color:#8f9b99;z-index:2}.art-one{background:radial-gradient(circle at 70% 30%,rgba(71,245,230,.14),transparent 30%),#080b0b}.art-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(71,245,230,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(71,245,230,.07) 1px,transparent 1px);background-size:30px 30px;transform:perspective(500px) rotateX(58deg) scale(1.6) translateY(18%);transform-origin:bottom;opacity:.6}.art-two{background:linear-gradient(145deg,#080b0b,#0c1413)}.noise-dots{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(var(--cyan) .65px,transparent .65px);background-size:9px 9px;mask-image:linear-gradient(135deg,transparent 5%,black 80%)}.art-three{background:radial-gradient(circle at center,rgba(71,245,230,.08),transparent 55%),#080b0b}.preset-lines{position:absolute;inset:15%;border:1px solid rgba(71,245,230,.25);box-shadow:0 0 0 20px rgba(71,245,230,.02),0 0 0 40px rgba(71,245,230,.015);transform:rotate(18deg)}.product-info{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px}.product-info h3{margin:0 0 7px;font-size:13px;letter-spacing:.05em}.product-info p{margin:0;color:#74817f;font-size:11px;line-height:1.45;max-width:270px}
.free-section{position:relative;z-index:2;padding:105px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.free-copy>p:last-child{max-width:540px;color:#8a9795;line-height:1.7}.free-form label{font-size:8px;color:#788582}.email-line{display:flex;border-bottom:1px solid var(--line-strong);margin:12px 0 13px}.email-line input{flex:1;background:transparent;border:0;color:var(--text);outline:0;padding:16px 0;font-size:18px}.email-line input::placeholder{color:#4f5b59}.email-line button{border:0;background:transparent;color:var(--cyan);font-family:"Courier New",monospace;font-size:9px;letter-spacing:.08em;cursor:pointer}.free-form small{color:#53605e;font-size:8px}
.about-section{position:relative;z-index:2;padding:105px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;border-bottom:1px solid var(--line)}.about-copy>p{font-size:clamp(20px,2.2vw,33px);line-height:1.35;letter-spacing:-.025em;margin:0 0 38px;max-width:850px;color:#c6cfcd}.display-brand{text-transform:none!important;letter-spacing:-.06em!important}.display-brand span{color:var(--cyan)}.social-row{display:flex;gap:28px;font-size:9px;color:#7c8987}.social-row a:hover{color:var(--cyan)}
.site-footer{z-index:2;display:flex;justify-content:space-between;padding:28px 0 48px;color:#596663;font-size:8px}
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:30;backdrop-filter:blur(4px)}.cart-drawer{position:fixed;z-index:31;top:0;right:0;width:min(520px,100%);height:100vh;background:#080b0b;border-left:1px solid var(--line-strong);display:flex;flex-direction:column;padding:30px;transform:translateX(102%);transition:.32s ease}.cart-drawer.open{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:25px;border-bottom:1px solid var(--line)}.cart-head h2{font-size:35px}.close-cart{border:1px solid var(--line);width:40px;height:40px;background:transparent;font-size:25px;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:8px 0}.empty-cart{color:#576360;font-size:9px;margin-top:25px}.cart-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cart-item-name{font-size:11px;letter-spacing:.04em}.cart-item-price{font-family:"Courier New",monospace;font-size:10px;color:var(--cyan)}.remove-item{border:0;background:transparent;color:#71807d;cursor:pointer}.cart-footer{border-top:1px solid var(--line);padding-top:20px}.cart-total{display:flex;justify-content:space-between;font-size:10px;margin-bottom:18px}.cart-total strong{font-size:16px;color:var(--cyan)}.checkout-btn{width:100%;border:0;background:var(--cyan);color:#00100f;padding:17px 18px;display:flex;justify-content:space-between;font-family:"Courier New",monospace;font-size:10px;font-weight:700;cursor:pointer}.cart-footer small{display:block;color:#4e5b58;font-size:7px;line-height:1.5;margin-top:11px}
@media(max-width:980px){.site-header,.section-shell,.site-footer{width:min(100% - 34px,1440px)}.desktop-nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-bottom:8px}.hero-terminal{justify-self:start;width:100%;max-width:540px}.hero-index{margin-top:20px}.product-grid{grid-template-columns:1fr 1fr}.product-card:last-child{grid-column:1/-1;max-width:calc(50% - 9px)}.free-section,.about-section{grid-template-columns:1fr;gap:45px}.beat-row{grid-template-columns:42px 36px 1.8fr 1fr 68px}.track-wave{display:none}}
@media(max-width:680px){.site-header{height:75px}.brand-copy{display:none}.hero{padding-top:18px}.hero-meta span:nth-child(2){display:none}.hero-copy{padding:45px 0 10px}.hero h1{font-size:16vw}.hero-lead{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-terminal{margin-top:20px}.content-section,.free-section,.about-section{padding:78px 0}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:34px}.desktop-only{display:none}.beat-row{grid-template-columns:40px 36px 1fr 60px;gap:8px;min-height:84px}.track-spec{display:none}.track-main small{max-width:150px}.product-grid{grid-template-columns:1fr}.product-card:last-child{grid-column:auto;max-width:none}.product-art strong{font-size:15vw}.free-section{gap:35px}.email-line{display:block}.email-line input{width:100%}.email-line button{padding:14px 0}.about-section{gap:30px}.site-footer{gap:15px;flex-wrap:wrap}.cart-drawer{padding:23px}.ticker-track{animation-duration:19s}}

.product-card[id]{scroll-margin-top:110px}

/* V3 — CRT / VHS layer */
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:16;
  box-shadow:inset 0 0 110px rgba(0,0,0,.48);
}
.scanlines{
  opacity:.075;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.72) 0,rgba(255,255,255,.72) 1px,transparent 1px,transparent 4px);
  animation:scanlinePulse 7s steps(2,end) infinite;
}
.vhs-noise{
  position:fixed;
  inset:-20%;
  z-index:14;
  pointer-events:none;
  opacity:.035;
  background-image:
    repeating-radial-gradient(circle at 17% 32%,rgba(255,255,255,.9) 0 1px,transparent 1px 4px),
    repeating-linear-gradient(90deg,transparent 0 17px,rgba(71,245,230,.45) 18px,transparent 19px 39px);
  background-size:7px 7px,53px 100%;
  mix-blend-mode:screen;
  animation:vhsNoise .24s steps(2,end) infinite;
}
.tracking-line{
  position:fixed;
  left:0;
  right:0;
  top:-14vh;
  height:11vh;
  z-index:14;
  pointer-events:none;
  opacity:.035;
  background:linear-gradient(to bottom,transparent,rgba(71,245,230,.7),transparent);
  filter:blur(7px);
  animation:trackingPass 11s linear infinite;
}
.site-header{backdrop-filter:blur(2px)}
.brand-name,.desktop-nav a,.cart-button{position:relative}
.desktop-nav a:hover{text-shadow:-1px 0 rgba(255,80,80,.35),1px 0 rgba(71,245,230,.55)}
.hero{position:relative;isolation:isolate}
.hero::before{
  content:"";
  position:absolute;
  inset:1.5% 0 3%;
  pointer-events:none;
  z-index:-1;
  opacity:.22;
  background:
    linear-gradient(90deg,rgba(71,245,230,.12) 0 1px,transparent 1px) 0 0/25% 100%,
    linear-gradient(rgba(71,245,230,.08) 0 1px,transparent 1px) 0 0/100% 25%;
  mask-image:linear-gradient(90deg,black,transparent 72%);
}
.hero-title{font-size:clamp(49px,6.7vw,108px)!important;line-height:.88!important;letter-spacing:-.062em!important}
.hero-title-line{display:block;position:relative;color:var(--white)!important;-webkit-text-stroke:0!important;text-shadow:0 0 18px rgba(255,255,255,.04)}
.hero-title-cyan{color:var(--cyan)!important;text-shadow:0 0 22px rgba(71,245,230,.18)}
.glitch-line::before,.glitch-line::after{
  content:attr(data-text);
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  white-space:nowrap;
}
.glitch-line::before{color:#ff7777;transform:translateX(-2px);clip-path:inset(15% 0 64% 0)}
.glitch-line::after{color:var(--cyan);transform:translateX(2px);clip-path:inset(67% 0 12% 0)}
.hero-title:hover .glitch-line::before,.hero-title:hover .glitch-line::after{animation:heroGlitch .36s steps(2,end) 1}
.hero-subtitle{
  max-width:none;
  margin-top:27px;
  color:#bac5c3;
  text-transform:uppercase;
  font-size:10px;
  letter-spacing:.13em;
}
.hero-terminal{box-shadow:inset 0 0 78px rgba(71,245,230,.035),0 0 0 1px rgba(0,0,0,.45);animation:terminalFlicker 8s steps(1,end) infinite}
.hero-terminal::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.12;
  background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(71,245,230,.16) 4px,transparent 5px);
}
.terminal-diagnostics{position:absolute;top:14px;left:16px;z-index:3;display:flex;flex-direction:column;gap:4px;font-size:7px;color:rgba(71,245,230,.66)}
.ring-three{width:42%;height:82%;opacity:.25;transform:rotate(76deg);animation:spin3 22s linear infinite}
.signal-sweep{position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 12px rgba(71,245,230,.45);opacity:.58;animation:signalSweep 3.8s ease-in-out infinite}
.aa-symbol{animation:symbolGhost 9s steps(1,end) infinite}
.product-card:hover .product-art,.beat-row:hover{box-shadow:inset 0 0 35px rgba(71,245,230,.025)}
.product-card:hover h3,.beat-row:hover .track-main strong{text-shadow:-1px 0 rgba(255,80,80,.18),1px 0 rgba(71,245,230,.3)}

@keyframes scanlinePulse{0%,96%,100%{opacity:.075}97%{opacity:.11}98%{opacity:.045}}
@keyframes vhsNoise{0%{transform:translate(0,0)}25%{transform:translate(-1.2%,.7%)}50%{transform:translate(.9%,-.6%)}75%{transform:translate(.4%,1.1%)}100%{transform:translate(0,0)}}
@keyframes trackingPass{0%,7%{transform:translateY(0);opacity:0}9%{opacity:.035}22%{transform:translateY(128vh);opacity:.025}23%,100%{transform:translateY(128vh);opacity:0}}
@keyframes heroGlitch{0%{opacity:0}15%{opacity:.45}32%{opacity:0}55%{opacity:.32;transform:translateX(3px)}72%{opacity:0}86%{opacity:.2}100%{opacity:0}}
@keyframes terminalFlicker{0%,94%,96%,100%{opacity:1}95%{opacity:.92}97%{opacity:.98}}
@keyframes spin3{to{transform:rotate(436deg)}}
@keyframes signalSweep{0%,100%{transform:translateY(-82px);opacity:.08}50%{transform:translateY(84px);opacity:.72}}
@keyframes symbolGhost{0%,92%,94%,100%{transform:translate(0);text-shadow:0 0 28px rgba(71,245,230,.24)}93%{transform:translateX(2px);text-shadow:-3px 0 rgba(255,80,80,.28),3px 0 rgba(71,245,230,.38)}}
@media (prefers-reduced-motion:reduce){.vhs-noise,.tracking-line,.scanlines,.hero-terminal,.ring-one,.ring-two,.ring-three,.signal-sweep,.aa-symbol,.ticker-track{animation:none!important}.glitch-line::before,.glitch-line::after{display:none}}
@media(max-width:680px){.vhs-noise{opacity:.025}.scanlines{opacity:.055}.hero-title{font-size:13.3vw!important;line-height:.93!important}.hero-subtitle{font-size:8px;line-height:1.7}.glitch-line::before,.glitch-line::after{display:none}.terminal-diagnostics{font-size:6px}}

/* V3.1 — restore live signal motion */
.orbital-ring{will-change:transform}
.ring-one{animation:aaOrbitOne 9s linear infinite!important}
.ring-two{animation:aaOrbitTwo 12s linear infinite!important}
.ring-three{animation:aaOrbitThree 15s linear infinite!important}
.signal-sweep{animation:aaSignalSweep 2.9s ease-in-out infinite!important}

.signal-bars i{
  transform-origin:bottom;
  animation:aaEqPulse 1.05s ease-in-out infinite alternate!important;
  will-change:transform,opacity;
}
.signal-bars i:nth-child(2n){animation-duration:.78s!important}
.signal-bars i:nth-child(3n){animation-duration:1.22s!important}
.signal-bars i:nth-child(4n){animation-duration:.91s!important}
.signal-bars i:nth-child(5n){animation-duration:1.38s!important}
.signal-bars i:nth-child(1){animation-delay:-.18s!important}
.signal-bars i:nth-child(2){animation-delay:-.62s!important}
.signal-bars i:nth-child(3){animation-delay:-.34s!important}
.signal-bars i:nth-child(4){animation-delay:-.81s!important}
.signal-bars i:nth-child(5){animation-delay:-.47s!important}
.signal-bars i:nth-child(6){animation-delay:-.12s!important}
.signal-bars i:nth-child(7){animation-delay:-.71s!important}
.signal-bars i:nth-child(8){animation-delay:-.29s!important}
.signal-bars i:nth-child(9){animation-delay:-.93s!important}
.signal-bars i:nth-child(10){animation-delay:-.41s!important}
.signal-bars i:nth-child(11){animation-delay:-.68s!important}
.signal-bars i:nth-child(12){animation-delay:-.22s!important}

.ticker-track{
  animation:aaTicker 18s linear infinite!important;
  will-change:transform;
}
.ticker:hover .ticker-track{animation-play-state:running!important}

/* Keep the main UI alive even when the OS has reduced-motion enabled.
   Only the decorative VHS layers remain reduced. */
@media (prefers-reduced-motion:reduce){
  .ring-one{animation:aaOrbitOne 9s linear infinite!important}
  .ring-two{animation:aaOrbitTwo 12s linear infinite!important}
  .ring-three{animation:aaOrbitThree 15s linear infinite!important}
  .signal-sweep{animation:aaSignalSweep 2.9s ease-in-out infinite!important}
  .signal-bars i{animation-name:aaEqPulse!important}
  .ticker-track{animation:aaTicker 18s linear infinite!important}
}

@keyframes aaOrbitOne{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes aaOrbitTwo{
  from{transform:rotate(-20deg)}
  to{transform:rotate(340deg)}
}
@keyframes aaOrbitThree{
  from{transform:rotate(76deg)}
  to{transform:rotate(436deg)}
}
@keyframes aaSignalSweep{
  0%,100%{transform:translateY(-82px);opacity:.08}
  50%{transform:translateY(84px);opacity:.72}
}
@keyframes aaEqPulse{
  0%{transform:scaleY(.34);opacity:.42}
  28%{transform:scaleY(.82);opacity:.72}
  55%{transform:scaleY(.48);opacity:.52}
  100%{transform:scaleY(1.08);opacity:.82}
}
@keyframes aaTicker{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* V4 — beat player + license selector */
.beat-row{grid-template-columns:46px 45px 2.2fr 1.6fr 1fr 98px}
.track-time{display:none;color:var(--cyan);font-size:7px;letter-spacing:.08em}
.play-btn.is-playing~.track-index~.track-main .track-time{display:inline}
.track-wave span{transition:background .15s,box-shadow .15s,transform .2s}
.track-wave span.played{background:var(--cyan)!important;box-shadow:0 0 7px rgba(71,245,230,.25)}
.play-btn.is-playing~.track-index~.track-main~.track-wave span{animation:trackPulse .7s ease-in-out infinite alternate}
.track-wave span:nth-child(3n){animation-delay:-.25s!important}.track-wave span:nth-child(4n){animation-delay:-.48s!important}
.license-btn{justify-self:end;display:flex;align-items:center;gap:9px;background:transparent;border:1px solid var(--line-strong);padding:11px 12px;font-family:"Courier New",monospace;font-size:9px;letter-spacing:.07em;cursor:pointer;transition:.2s}
.license-btn:hover{background:var(--cyan);color:#00100f;border-color:var(--cyan);box-shadow:0 0 25px rgba(71,245,230,.11)}
.hero-terminal.audio-active .signal-bars i{animation-duration:.48s!important;opacity:.95}
.hero-terminal.audio-active .aa-symbol{text-shadow:0 0 34px rgba(71,245,230,.52)}
.hero-terminal.audio-active{box-shadow:inset 0 0 95px rgba(71,245,230,.055),0 0 0 1px rgba(0,0,0,.45),0 0 32px rgba(71,245,230,.025)}

.license-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:40;backdrop-filter:blur(6px)}
.license-modal{position:fixed;z-index:41;left:50%;top:50%;width:min(920px,calc(100% - 36px));max-height:calc(100vh - 38px);overflow:auto;background:rgba(7,11,11,.985);border:1px solid var(--line-strong);box-shadow:0 22px 80px rgba(0,0,0,.6),inset 0 0 80px rgba(71,245,230,.018);padding:28px;transform:translate(-50%,-46%) scale(.985);opacity:0;pointer-events:none;transition:.24s ease}
.license-modal.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.license-modal::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 4px,rgba(71,245,230,.028) 5px,transparent 6px);opacity:.5}
.license-modal-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.license-modal-head h2{font-size:clamp(34px,5vw,66px);line-height:.95;letter-spacing:-.045em;margin-top:8px}
.license-meta{font-size:8px;letter-spacing:.1em;color:#74817e;margin-top:12px}
.close-license{width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line);background:transparent;font-size:25px;cursor:pointer}
.close-license:hover{border-color:var(--cyan);color:var(--cyan)}
.license-player{position:relative;display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.modal-play{width:52px;height:52px;background:transparent;border:1px solid var(--cyan);color:var(--cyan);font-size:13px;cursor:pointer;box-shadow:inset 0 0 20px rgba(71,245,230,.035)}
.modal-progress-wrap{display:flex;flex-direction:column;gap:8px}.modal-progress-wrap small{font-size:7px;color:#596663;letter-spacing:.1em}
.modal-progress{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;font-size:8px;color:#71807d}
.modal-progress button{position:relative;height:12px;border:0;background:transparent;cursor:pointer;padding:0}
.modal-progress button::before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:#2d3937}
.modal-progress button i{position:absolute;left:0;top:5px;height:1px;width:0;background:var(--cyan);box-shadow:0 0 7px rgba(71,245,230,.5)}
.modal-progress button i::after{content:"";position:absolute;right:-3px;top:-3px;width:7px;height:7px;background:var(--cyan);box-shadow:0 0 9px rgba(71,245,230,.5)}
.license-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:22px 0}
.license-option{min-height:158px;text-align:left;background:#080c0c;border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:.2s}
.license-option:hover,.license-option.selected{border-color:var(--cyan);background:linear-gradient(180deg,rgba(71,245,230,.075),rgba(71,245,230,.015));box-shadow:inset 0 0 24px rgba(71,245,230,.025)}
.license-option.selected::after{content:"SELECTED";font-family:"Courier New",monospace;font-size:6px;letter-spacing:.12em;color:var(--cyan);margin-top:8px}
.license-code{font-size:7px;color:#596663;margin-bottom:16px}.license-option strong{font-size:11px;letter-spacing:.07em;margin-bottom:9px}.license-desc{font-size:9px;line-height:1.45;color:#788481;min-height:42px}.license-option b{font-family:"Courier New",monospace;font-size:16px;color:var(--cyan);margin-top:auto}.license-exclusive strong{color:#e9eeee}
.license-summary{position:relative;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border-top:1px solid var(--line);padding-top:20px}.license-summary-copy p{font-size:9px;color:var(--cyan);margin-bottom:8px}.license-summary-copy small{display:block;max-width:560px;font-size:9px;line-height:1.5;color:#74817e}
.add-license-cart{min-width:235px;border:0;background:var(--cyan);color:#00100f;padding:16px 18px;font-family:"Courier New",monospace;font-weight:700;font-size:9px;display:flex;justify-content:space-between;gap:15px;cursor:pointer}
.license-legal{position:relative;margin-top:15px;font-size:6px;color:#495552;letter-spacing:.08em}
.cart-item-copy{min-width:0}.cart-item-copy small{display:block;margin-top:5px;color:#61706d;font-size:7px;line-height:1.4}.cart-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@keyframes trackPulse{from{transform:scaleY(.68)}to{transform:scaleY(1.08)}}
@media(max-width:980px){.beat-row{grid-template-columns:42px 36px 1.8fr 1fr 88px}.license-grid{grid-template-columns:repeat(2,1fr)}.license-option:last-child{grid-column:1/-1}.license-summary{grid-template-columns:1fr}.add-license-cart{width:100%}}
@media(max-width:680px){.beat-row{grid-template-columns:40px 36px 1fr 84px}.license-btn{padding:10px 8px;font-size:7px}.license-modal{width:calc(100% - 18px);max-height:calc(100vh - 18px);padding:19px}.license-modal-head h2{font-size:12vw}.license-player{grid-template-columns:44px 1fr}.modal-play{width:42px;height:42px}.license-grid{grid-template-columns:1fr 1fr;gap:7px}.license-option{min-height:145px;padding:13px}.license-option:last-child{grid-column:1/-1;min-height:115px}.license-summary-copy small{font-size:8px}.add-license-cart{min-width:0}.track-time{font-size:6px}}

/* V4.1 — live preview audio */
.live-badge{display:inline-block;vertical-align:middle;margin-left:8px;padding:2px 5px;border:1px solid rgba(71,245,230,.45);font-size:6px!important;line-height:1;color:var(--cyan);letter-spacing:.09em;transform:translateY(-1px)}
.beat-row[data-audio] .play-btn{border-color:rgba(71,245,230,.62);color:var(--cyan)}
.beat-row[data-audio] .track-main strong{color:#f0f6f5}
.beat-row[data-audio] .track-wave{cursor:crosshair}
.hero-terminal.audio-reactive .signal-bars i{animation:none!important;opacity:.95;transition:height .055s linear,opacity .08s linear}
.hero-terminal.audio-reactive .aa-symbol{animation:audioLogoPulse .55s ease-in-out infinite alternate!important}
@keyframes audioLogoPulse{from{transform:scale(1);filter:brightness(1)}to{transform:scale(1.025);filter:brightness(1.2)}}


/* V4.2 — non-destructive audio playback + master volume */
#previewAudio{display:none}
.archive-head-actions{display:flex;align-items:center;gap:24px}
.master-volume,.modal-volume{display:flex;align-items:center;gap:9px;color:#6f7f7c;font-size:8px;letter-spacing:.08em;white-space:nowrap}
.master-volume span,.modal-volume span{color:var(--cyan)}
.master-volume output,.modal-volume output{min-width:30px;text-align:right;color:#8d9997}
.master-volume input[type="range"],.modal-volume input[type="range"]{-webkit-appearance:none;appearance:none;width:112px;height:12px;background:transparent;cursor:pointer;--vol:80%}
.master-volume input[type="range"]::-webkit-slider-runnable-track,.modal-volume input[type="range"]::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,var(--cyan) 0 var(--vol),#2d3937 var(--vol) 100%);box-shadow:0 0 5px rgba(71,245,230,.12)}
.master-volume input[type="range"]::-webkit-slider-thumb,.modal-volume input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:7px;height:13px;margin-top:-6px;border:1px solid var(--cyan);border-radius:0;background:#06110f;box-shadow:0 0 8px rgba(71,245,230,.32)}
.master-volume input[type="range"]::-moz-range-track,.modal-volume input[type="range"]::-moz-range-track{height:1px;background:#2d3937}
.master-volume input[type="range"]::-moz-range-progress,.modal-volume input[type="range"]::-moz-range-progress{height:1px;background:var(--cyan)}
.master-volume input[type="range"]::-moz-range-thumb,.modal-volume input[type="range"]::-moz-range-thumb{width:7px;height:13px;border:1px solid var(--cyan);border-radius:0;background:#06110f;box-shadow:0 0 8px rgba(71,245,230,.32)}
.modal-volume{margin-top:2px;width:min(260px,100%)}
.modal-volume input[type="range"]{flex:1;width:auto}
@media(max-width:980px){.archive-head-actions{align-items:flex-end}.master-volume input[type="range"]{width:92px}}
@media(max-width:680px){.section-heading{align-items:flex-end}.archive-head-actions{gap:10px}.master-volume{font-size:7px}.master-volume input[type="range"]{width:82px}.master-volume output{min-width:26px}.modal-volume{width:100%}}

/* V4.3 / fixed-preview policy */
.preview-policy{font-size:7px;color:#60716e;letter-spacing:.1em;white-space:nowrap}
.live-badge{padding-left:6px;padding-right:6px}
@media(max-width:760px){.preview-policy{display:none}}

/* V5 — structured license rights + comparison */
.license-mini{display:block;margin-top:8px;font-size:6.5px;line-height:1.4;letter-spacing:.08em;color:#5f716e}
.license-option.selected .license-mini,.license-option:hover .license-mini{color:#91aaa6}
.selected-rights{position:relative;border-top:1px solid var(--line);padding:19px 0 4px}
.selected-rights-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px}
.selected-rights-head p{font-size:9px;color:var(--cyan);letter-spacing:.08em;margin-bottom:7px}
.selected-rights-head small{display:block;font-size:9px;line-height:1.5;color:#74817e}
.compare-toggle{border:1px solid var(--line);background:transparent;color:#81908d;padding:10px 12px;font-size:7px;letter-spacing:.08em;cursor:pointer;white-space:nowrap}
.compare-toggle:hover{border-color:var(--cyan);color:var(--cyan)}
.rights-chip-grid{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:16px}
.right-chip{border:1px solid #1c2927;background:#080d0d;color:#778582;padding:8px 9px;font-size:6.5px;letter-spacing:.075em}
.right-chip.primary{border-color:rgba(71,245,230,.55);color:var(--cyan);background:rgba(71,245,230,.035)}
.license-comparison{position:relative;border-top:1px solid var(--line);padding:18px 0 2px}
.license-comparison[hidden]{display:none}
.comparison-scroll{overflow-x:auto;border:1px solid var(--line);background:#070b0b}
.comparison-table{width:100%;min-width:780px;border-collapse:collapse;font-family:"Courier New",monospace;font-size:7px;letter-spacing:.045em;text-align:left}
.comparison-table th,.comparison-table td{padding:12px 11px;border-right:1px solid #17211f;border-bottom:1px solid #17211f;white-space:nowrap}
.comparison-table thead th{font-size:6px;color:#5f706d;font-weight:400;background:#090e0e}
.comparison-table tbody th{font-size:7px;color:#dbe4e2;font-weight:700}
.comparison-table tbody th small{display:block;color:var(--cyan);font-size:7px;margin-top:5px}
.comparison-table tbody td{color:#82908e}
.comparison-table tbody tr.is-selected{background:rgba(71,245,230,.035)}
.comparison-table tbody tr.is-selected th{color:var(--cyan)}
.comparison-note{font-size:6px;line-height:1.55;letter-spacing:.07em;color:#4b5956;margin-top:10px}
.license-summary-v5{margin-top:17px}
@media(max-width:680px){
  .selected-rights-head{align-items:flex-start;flex-direction:column;gap:10px}
  .compare-toggle{width:100%;text-align:center}
  .right-chip{font-size:6px;padding:7px 8px}
}

/* V5.1 — full license agreement + explicit acceptance */
.license-action-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.full-license-toggle{border:1px solid rgba(71,245,230,.42);background:rgba(71,245,230,.025);color:var(--cyan);padding:10px 12px;font-size:7px;letter-spacing:.08em;cursor:pointer;white-space:nowrap}
.full-license-toggle:hover{background:rgba(71,245,230,.08);box-shadow:0 0 22px rgba(71,245,230,.06)}
.full-license-panel{position:relative;margin-top:17px;border:1px solid rgba(71,245,230,.24);background:linear-gradient(180deg,rgba(71,245,230,.024),rgba(4,8,8,.85));padding:20px}
.full-license-panel[hidden]{display:none}
.full-license-panel::before{content:"LEGAL / AA";position:absolute;right:14px;top:11px;font:6px "Courier New",monospace;letter-spacing:.12em;color:#33413e}
.full-license-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.full-license-head h3{font-size:clamp(22px,3.2vw,38px);letter-spacing:-.035em;margin-top:7px}
.full-license-sub{font-size:7px;color:#61716e;letter-spacing:.09em;margin-top:9px}
.full-license-close{border:1px solid var(--line);background:transparent;color:#788683;padding:9px 10px;font-size:7px;cursor:pointer}
.full-license-close:hover{border-color:var(--cyan);color:var(--cyan)}
.legal-alert-grid{display:flex;flex-wrap:wrap;gap:7px;padding:16px 0}
.legal-alert{border:1px solid #1c2927;background:#070c0c;color:#71817e;padding:8px 9px;font-size:6px;letter-spacing:.075em}
.legal-alert.primary{border-color:rgba(71,245,230,.48);color:var(--cyan);background:rgba(71,245,230,.035)}
.legal-document{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.legal-clause{padding:15px 0;border-bottom:1px solid #16201e}
.legal-clause:nth-child(odd){padding-right:12px;border-right:1px solid #16201e}
.legal-clause h4{font-size:7px;letter-spacing:.09em;color:#b7c4c1;margin-bottom:8px}
.legal-clause p{font-size:10px;line-height:1.65;color:#74827f}
.legal-review-note{font-size:6px;line-height:1.55;letter-spacing:.065em;color:#4f5d5a;margin-top:14px}
.terms-acceptance{position:relative;margin-top:17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}
.terms-accept-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.terms-check-row{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:10px;cursor:pointer;color:#84928f;font-size:9px;line-height:1.45}
.terms-check-row input{position:absolute;opacity:0;pointer-events:none}
.fake-check{width:14px;height:14px;border:1px solid #34423f;display:grid;place-items:center;background:#050909}
.terms-check-row input:checked + .fake-check{border-color:var(--cyan);background:rgba(71,245,230,.08);box-shadow:0 0 14px rgba(71,245,230,.08)}
.terms-check-row input:checked + .fake-check::after{content:"✓";font:10px "Courier New",monospace;color:var(--cyan)}
.inline-license-link{flex:0 0 auto;border:0;border-bottom:1px solid rgba(71,245,230,.4);background:transparent;color:var(--cyan);font-size:7px;letter-spacing:.08em;padding:5px 0;cursor:pointer}
.inline-license-link:hover{border-color:var(--cyan)}
.acceptance-status{font-size:6px;color:#586562;letter-spacing:.085em;margin-top:9px;padding-left:26px}
.acceptance-status.accepted{color:var(--cyan)}
.add-license-cart:disabled{cursor:not-allowed;background:#17211f;color:#596763;box-shadow:none;opacity:.72}
.add-license-cart:not(:disabled):hover{box-shadow:0 0 25px rgba(71,245,230,.11)}

@media(max-width:680px){
  .license-action-row{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .full-license-toggle,.compare-toggle{width:100%;text-align:center}
  .full-license-panel{padding:15px}
  .full-license-head{flex-direction:column}
  .full-license-close{width:100%}
  .legal-document{grid-template-columns:1fr}
  .legal-clause:nth-child(odd){padding-right:0;border-right:0}
  .legal-clause p{font-size:9px}
  .terms-accept-row{align-items:flex-start;flex-direction:column}
  .terms-check-row{grid-template-columns:16px 1fr;font-size:8px}
  .inline-license-link{margin-left:26px}
}

/* V6 — Stripe sandbox checkout preflight */
.checkout-mode{display:flex;align-items:center;gap:8px;margin-top:11px;color:#61716e;font-size:6.5px;letter-spacing:.08em}
.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#66716f;box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.status-dot.ready{background:var(--cyan);box-shadow:0 0 10px rgba(71,245,230,.55)}
.status-dot.error{background:#aa6e6e;box-shadow:0 0 9px rgba(170,110,110,.3)}
.checkout-overlay{position:fixed;inset:0;background:rgba(0,0,0,.76);z-index:48;backdrop-filter:blur(7px)}
.checkout-modal{position:fixed;z-index:49;left:50%;top:50%;width:min(720px,calc(100% - 28px));max-height:calc(100vh - 30px);overflow:auto;background:rgba(6,10,10,.99);border:1px solid var(--line-strong);box-shadow:0 28px 95px rgba(0,0,0,.7),inset 0 0 85px rgba(71,245,230,.02);padding:26px;transform:translate(-50%,-46%) scale(.985);opacity:0;pointer-events:none;transition:.22s ease}
.checkout-modal.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.checkout-modal::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 4px,rgba(71,245,230,.024) 5px,transparent 6px);opacity:.55}
.checkout-modal-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.checkout-modal-head h2{font-size:clamp(30px,5vw,56px);letter-spacing:-.04em;margin-top:7px}.checkout-sub{font-size:7px;color:#60706d;margin-top:9px;letter-spacing:.09em}
.close-checkout{width:40px;height:40px;flex:0 0 auto;background:transparent;border:1px solid var(--line);font-size:23px;cursor:pointer}.close-checkout:hover{border-color:var(--cyan);color:var(--cyan)}
.checkout-health{position:relative;display:flex;align-items:center;gap:9px;padding:14px 0;border-bottom:1px solid var(--line);font-size:7px;color:#758481;letter-spacing:.08em}
.checkout-review-list{position:relative;padding:6px 0}.checkout-review-item{display:grid;grid-template-columns:1fr auto;gap:15px;padding:14px 0;border-bottom:1px solid #15201e}.checkout-review-item strong{font-size:10px;letter-spacing:.03em}.checkout-review-item small{display:block;margin-top:5px;color:#61706d;font:7px "Courier New",monospace;line-height:1.45}.checkout-review-item b{font:12px "Courier New",monospace;color:var(--cyan)}
.checkout-review-total{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:8px;color:#778582}.checkout-review-total strong{font-size:19px;color:var(--cyan)}
.checkout-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:16px 0}.checkout-security-grid span{border:1px solid #182421;padding:9px;color:#60706d;font-size:6px;letter-spacing:.07em}.checkout-security-grid span:first-child{border-color:rgba(71,245,230,.38);color:var(--cyan)}
.checkout-copy{font-size:10px;line-height:1.65;color:#778582}.checkout-test-card{margin-top:16px;border:1px solid rgba(71,245,230,.28);background:rgba(71,245,230,.025);padding:14px;display:grid;grid-template-columns:auto 1fr;gap:5px 15px;align-items:center}.checkout-test-card span{font-size:6px;color:#64736f}.checkout-test-card strong{font-size:12px;color:var(--cyan)}.checkout-test-card small{grid-column:2;font-size:6px;color:#5e6c69}
.checkout-message{min-height:19px;margin-top:13px;font-size:7px;color:#7f8d8a;line-height:1.5}.checkout-message.error{color:#c58e8e}.checkout-message.ready{color:var(--cyan)}
.checkout-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:9px;margin-top:4px}.checkout-back,.checkout-launch{padding:14px;border:1px solid var(--line);font-size:8px;letter-spacing:.07em;cursor:pointer}.checkout-back{background:transparent;color:#758481}.checkout-launch{border-color:var(--cyan);background:var(--cyan);color:#00100f;font-weight:700}.checkout-launch:disabled{background:#17211f;border-color:#263330;color:#5b6966;cursor:not-allowed}
.checkout-result{position:fixed;left:50%;top:84px;z-index:70;transform:translateX(-50%);width:min(760px,calc(100% - 24px));padding:14px 16px;border:1px solid rgba(71,245,230,.45);background:rgba(5,12,11,.97);box-shadow:0 15px 50px rgba(0,0,0,.55);color:var(--cyan);font-size:8px;letter-spacing:.07em;text-align:center}
.checkout-btn.is-loading{opacity:.72;pointer-events:none}
@media(max-width:680px){.checkout-modal{padding:18px}.checkout-security-grid{grid-template-columns:1fr}.checkout-actions{grid-template-columns:1fr}.checkout-test-card{grid-template-columns:1fr}.checkout-test-card small{grid-column:1}.checkout-result{top:70px}}

/* V8 / secure fulfillment */
.order-overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:78;backdrop-filter:blur(8px)}
.order-modal{position:fixed;z-index:79;left:50%;top:50%;width:min(880px,calc(100% - 28px));max-height:calc(100vh - 28px);overflow:auto;background:rgba(5,10,10,.99);border:1px solid rgba(71,245,230,.36);box-shadow:0 28px 110px rgba(0,0,0,.78),inset 0 0 100px rgba(71,245,230,.022);padding:28px;transform:translate(-50%,-46%) scale(.985);opacity:0;pointer-events:none;transition:.22s ease}
.order-modal.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.order-modal::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 4px,rgba(71,245,230,.021) 5px,transparent 6px);opacity:.55}
.order-modal-head{position:relative;display:flex;justify-content:space-between;gap:18px;padding-bottom:19px;border-bottom:1px solid var(--line)}
.order-modal-head h2{font-size:clamp(31px,5vw,58px);letter-spacing:-.045em;margin:7px 0 0;text-transform:uppercase}.order-sub{margin-top:9px;color:#687875;font-size:7px;letter-spacing:.08em}.close-order{width:40px;height:40px;flex:0 0 auto;border:1px solid var(--line);background:transparent;font-size:23px;cursor:pointer}.close-order:hover{border-color:var(--cyan);color:var(--cyan)}
.order-status-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:17px 0;border-bottom:1px solid var(--line)}.order-status-grid span{min-height:53px;border:1px solid #182421;padding:10px;color:#8a9996;font-size:7px;line-height:1.5}.order-status-grid span:first-child{border-color:rgba(71,245,230,.48);color:var(--cyan)}.order-status-grid b{display:block;color:#54625f;font-size:6px;margin-bottom:5px;font-weight:400}
.order-delivery-head{position:relative;display:flex;align-items:end;justify-content:space-between;gap:15px;padding:24px 0 13px}.order-delivery-head h3{font-size:27px;margin:4px 0 0;text-transform:uppercase}.order-delivery-head>p{font-size:6px;color:#64726f}
.order-delivery-item{position:relative;border-top:1px solid var(--line);padding:16px 0}.order-delivery-label{display:flex;align-items:baseline;gap:12px;margin-bottom:9px}.order-delivery-label span{font-size:6px;color:var(--cyan)}.order-delivery-label h4{font-size:14px;margin:0;letter-spacing:.02em}
.secure-download{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;border:1px solid #1b2926;background:#070d0c;padding:12px 13px;margin:7px 0;transition:.18s}.secure-download:hover{border-color:var(--cyan);background:rgba(71,245,230,.035);transform:translateX(2px)}.secure-download b{display:block;font-size:9px;color:#d9e2e0}.secure-download small{display:block;margin-top:4px;font:6px "Courier New",monospace;color:#657370}.secure-download>strong{font:7px "Courier New",monospace;color:var(--cyan);white-space:nowrap}.delivery-missing{border:1px solid #322728;color:#b38c8c;padding:11px;font-size:7px}
.order-warning-box{position:relative;margin-top:14px;border:1px solid #3b3030;background:rgba(120,55,55,.055);padding:12px;color:#aa8787;font-size:7px;line-height:1.55}.order-warning-box strong{display:block;color:#c69898;margin-bottom:5px}.order-warning-box span{display:block}.order-footnote{position:relative;color:#70807d;font-size:9px;line-height:1.6;margin:17px 0}.order-done{position:relative;width:100%;border:1px solid var(--cyan);background:var(--cyan);color:#00100f;padding:14px;font-size:8px;font-weight:700;letter-spacing:.08em;cursor:pointer}
@media(max-width:680px){.order-modal{padding:18px}.order-status-grid{grid-template-columns:1fr 1fr}.secure-download{grid-template-columns:1fr}.secure-download>strong{justify-self:start}.order-delivery-head{align-items:flex-start;flex-direction:column}}


/* V8 — resilient post-Stripe receipt (in normal document flow) */
.order-receipt[hidden]{display:none!important}
.order-receipt{position:relative;z-index:20;padding:34px 0 70px;scroll-margin-top:22px}
.order-receipt-panel{position:relative;background:rgba(5,10,10,.985);border:1px solid rgba(71,245,230,.42);box-shadow:0 22px 85px rgba(0,0,0,.58),inset 0 0 100px rgba(71,245,230,.022);padding:28px;overflow:hidden}
.order-receipt-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 4px,rgba(71,245,230,.021) 5px,transparent 6px);opacity:.55}
.order-receipt .order-modal-head,.order-receipt .order-status-grid,.order-receipt .order-delivery-head,.order-receipt .order-download-list,.order-receipt .order-warning-box,.order-receipt .order-footnote,.order-receipt .order-done{position:relative;z-index:1}
.order-receipt .order-modal-head h2{font-size:clamp(31px,5vw,58px)}
.order-receipt .order-done{max-width:360px}
@media(max-width:680px){.order-receipt{padding:18px 0 46px}.order-receipt-panel{padding:18px}.order-receipt .order-done{max-width:none}}

/* V8 webhook + email delivery controls */
.order-email-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:15px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:7px;letter-spacing:.07em;color:#71817e}
.order-email-actions a,.order-email-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:10px 12px;border:1px solid #24423d;background:transparent;color:var(--cyan);font:7px "Courier New",monospace;letter-spacing:.07em;cursor:pointer;text-decoration:none}
.order-email-actions a:hover,.order-email-actions button:hover{border-color:var(--cyan);background:rgba(71,245,230,.04)}
.order-email-actions .email-state{padding:10px 12px;border:1px solid #182421;color:#778783}
.order-email-actions .email-state.sent{border-color:rgba(71,245,230,.38);color:var(--cyan)}
.order-email-actions .email-state.failed{border-color:#4a3434;color:#c89b9b}
@media(max-width:680px){.order-email-actions{align-items:stretch;flex-direction:column}.order-email-actions a,.order-email-actions button,.order-email-actions .email-state{width:100%}}
/* V9 dynamic catalog states */
.sold-badge{display:inline-block;margin-left:8px;padding:2px 5px;border:1px solid rgba(232,195,92,.55);color:#e8c35c;font-size:8px;vertical-align:middle}.beat-row.beat-sold{opacity:.68}.beat-row.beat-sold .license-btn{color:#e8c35c;border-color:rgba(232,195,92,.35);cursor:not-allowed}.beat-row .play-btn:disabled{opacity:.35;cursor:not-allowed}

.ticker-track{font-size:10px!important;gap:22px!important}