:root{--bg:#060606;--panel:#0f0f0f;--panel2:#141414;--line:#4a4a4a;--soft:#a9a9a9;--white:#f4f4f4;--display:'Archivo Black',system-ui;--body:'Inter',system-ui;--mono:'DM Mono',ui-monospace,monospace;--mx:50vw;--my:30vh}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 10%,#111 0,#060606 35%,#040404 100%);color:var(--white);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}img{display:block;max-width:100%}.grain,.scanlines,.pointer-light,.bg-orb{pointer-events:none;position:fixed;inset:0;z-index:0}.grain{opacity:.14;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.7" numOctaves="3" stitchTiles="stitch"/></filter><rect width="180" height="180" filter="url(%23n)" opacity="0.20"/></svg>');mix-blend-mode:screen}.scanlines{background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.02) 4px);opacity:.33}.pointer-light{width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,.03) 36%,transparent 72%);transform:translate(-9999px,-9999px);filter:blur(4px);z-index:2}.bg-orb{background:radial-gradient(circle at center,rgba(255,255,255,.12),transparent 65%);filter:blur(25px);width:28vw;height:28vw;inset:auto;opacity:.28}.orb-a{left:-8vw;top:18vh;animation:floatOrb 14s ease-in-out infinite alternate}.orb-b{right:-10vw;top:90vh;width:22vw;height:22vw;animation:floatOrb 18s ease-in-out infinite alternate-reverse}.header,.section,footer,.player,.drawer,.license-dialog{position:relative;z-index:3}.header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;height:74px;padding:0 4%;backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(5,5,5,.86),rgba(5,5,5,.55));border-bottom:1px solid rgba(255,255,255,.08);z-index:50}.logo,.footer-logo{font:clamp(40px,4vw,60px)/.85 var(--display);letter-spacing:-.09em}.logo span,.footer-logo span{font-size:.22em;vertical-align:top}.header nav{display:flex;gap:36px}.header nav a,.header-right button,.micro,.track-count,.license-tile>span,.license-tile small,.pack-line,.track-price,.footer-links a,.footer-links button,.footer-copy,.offer-tag,.cart-note,.upsell-head,.entry-details small,.entry-details select{font:10px var(--mono);letter-spacing:.10em;text-transform:uppercase}.header nav a{color:#c9c9c9}.header nav a:hover,.footer-links a:hover,.footer-links button:hover{color:#fff}.header-right{display:flex;align-items:center;gap:10px}.fx-toggle,.pick-open,.menu-toggle{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.03);height:38px;padding:0 14px;border-radius:999px}.pick-open span{display:inline-flex;min-width:18px;justify-content:center}.menu-toggle{display:none;width:44px;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{display:block;height:1px;background:#fff}.hero{position:relative;min-height:760px;height:92svh;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.88),rgba(5,5,5,.24) 55%,rgba(5,5,5,.68)),linear-gradient(0deg,rgba(5,5,5,.95),transparent 28%,rgba(5,5,5,.4) 72%,rgba(5,5,5,.9));z-index:1}.hero-art{position:absolute;inset:0;background:url('assets/hero.webp') center/cover no-repeat;opacity:.82;filter:grayscale(1) contrast(1.15);animation:heroDrift 16s ease-in-out infinite alternate}.hero-light{position:absolute;border-radius:50%;filter:blur(28px);mix-blend-mode:screen;opacity:.55;z-index:1}.hero-light-a{width:34vw;height:34vw;right:-7vw;top:10%;background:radial-gradient(circle,rgba(255,255,255,.45),transparent 70%);animation:lightFloat 10s ease-in-out infinite alternate}.hero-light-b{width:18vw;height:18vw;left:12%;bottom:10%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);animation:lightFloat 7s ease-in-out infinite alternate-reverse}.hero-floating{position:absolute;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.01));backdrop-filter:blur(6px);box-shadow:0 0 50px rgba(255,255,255,.03) inset;z-index:2}.hero-floating-a{width:120px;height:120px;right:13%;top:18%;transform:rotate(20deg);animation:floatingCard 8s ease-in-out infinite}.hero-floating-b{width:180px;height:44px;left:8%;bottom:20%;animation:floatingCard 11s ease-in-out infinite reverse}.hero-content{position:relative;z-index:2;width:min(1180px,100%);padding:0 4%}.micro{display:inline-block;color:#b4b4b4;margin-bottom:20px}.hero h1{font:clamp(110px,19vw,248px)/.85 var(--display);letter-spacing:-.12em;margin:0;text-shadow:0 0 40px rgba(255,255,255,.1)}.hero h1 span{font-size:.08em;vertical-align:top;position:relative;right:-6px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.28);min-height:50px;padding:0 20px;border-radius:999px;font:11px var(--mono);letter-spacing:.10em;text-transform:uppercase;background:rgba(255,255,255,.04)}.button-white{background:#f2f2f2;color:#080808;border-color:#f2f2f2}.button-line:hover,.button:hover{box-shadow:0 0 25px rgba(255,255,255,.12)}.hero-index,.hero-down{position:absolute;z-index:2;font:11px var(--mono);letter-spacing:.12em}.hero-index{right:4%;bottom:34px;color:#ddd}.hero-down{left:4%;bottom:30px;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.04)}.motion-band{position:relative;z-index:3;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#090909}.motion-band-track{white-space:nowrap;font:10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#bbb;padding:12px 0;animation:marquee 26s linear infinite}.section{padding:82px 4%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid rgba(255,255,255,.08)}.section-head h2{margin:0;font:clamp(45px,7vw,90px)/.9 var(--display);letter-spacing:-.09em}.section-dot{font-size:.55em}.packs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pack-card{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.pack-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.24);box-shadow:0 18px 45px rgba(0,0,0,.28)}.pack-image{aspect-ratio:1.2/1;overflow:hidden;position:relative}.pack-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}.pack-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.4))}.pack-body{padding:14px 14px 16px}.pack-top{display:flex;justify-content:space-between;gap:10px;align-items:end}.pack-top h3{margin:0;font:26px/1 var(--display);letter-spacing:-.06em}.pack-price{font:20px var(--display)}.pack-line{margin:12px 0 14px;display:flex;justify-content:space-between;gap:10px;color:#bbb}.pack-line del{color:#7a7a7a}.pack-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pack-cta-row button,.track-actions button,.more,.upsell button,.continue,.player .player-license,.entry-details select,.license-dialog .button,.tier-buttons button{transition:all .2s ease}.pack-cta-row button,.track-actions button,.upsell button,.player .player-license{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.02);min-height:40px;font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase}.pack-cta-row button:hover,.track-actions button:hover,.upsell button:hover,.player .player-license:hover{background:#f0f0f0;color:#050505}.tools{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.pack-filters{display:flex;gap:8px;flex-wrap:wrap}.pack-filters button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02);padding:11px 12px;border-radius:999px;font:10px var(--mono);letter-spacing:.09em}.pack-filters button.active{background:#fff;color:#060606;border-color:#fff}.search{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);padding:0 14px;height:44px;width:min(420px,100%);background:rgba(255,255,255,.02);border-radius:999px}.search input{background:transparent;border:0;outline:0;flex:1;min-width:0}.pack-sections{display:grid;gap:28px}.pack-group{padding:16px 0 2px;border-top:1px solid rgba(255,255,255,.08)}.pack-group-head{display:flex;align-items:end;gap:12px;margin-bottom:16px}.pack-group-num,.pack-group-count{font:10px var(--mono);letter-spacing:.12em;color:#aeaeae}.pack-group h3{margin:0;font:34px/1 var(--display);letter-spacing:-.06em}.tracks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.track-card{display:flex;flex-direction:column;gap:10px}.track-image{aspect-ratio:1/1;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0b0b0b;position:relative}.track-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:transform .4s ease}.track-card:hover .track-image img{transform:scale(1.04)}.track-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px}.track-name{margin:0;font:16px/1.02 var(--display);letter-spacing:-.04em}.track-price{margin-top:8px;color:#bdbdbd}.track-actions{display:flex;gap:6px}.track-actions button{width:36px;height:36px;border-radius:50%}.empty{padding:90px;text-align:center;color:#aaa;font:15px var(--mono)}.licensing{border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#090909,#050505)}.license-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.license-tile{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);padding:28px 24px;min-height:220px;background:rgba(255,255,255,.02)}.license-tile strong{font:clamp(44px,5vw,74px)/1 var(--display);letter-spacing:-.055em;margin:auto 0 14px}.featured-license{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.06)}.license-disclaimer{margin-top:18px;font:9px/1.6 var(--mono);color:#888}footer{padding:62px 4% 38px;display:flex;align-items:end;justify-content:space-between;gap:25px}.footer-links{display:flex;gap:25px}.player{height:84px;position:fixed;z-index:75;bottom:0;left:0;right:0;background:rgba(10,10,10,.95);border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:16px;padding:10px 4%;box-shadow:0 -6px 30px rgba(0,0,0,.45);backdrop-filter:blur(12px)}.player img{height:59px;width:59px;object-fit:cover}.player-track{min-width:120px;max-width:210px;flex:1}.player-track strong{display:block;font:15px var(--display);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-track span{display:block;color:#999;font:9px var(--mono);margin-top:7px}.player button{background:transparent;border:0;font-size:19px}.player #toggle{border:1px solid rgba(255,255,255,.25);border-radius:50%;width:42px;height:42px;font-size:13px}.seekbox{display:flex;align-items:center;gap:13px;flex:2;min-width:150px}.seekbox span{font:10px var(--mono);color:#aaa}.seekbox input{width:100%;accent-color:#fff}.player .stop{font-size:28px;color:#aaa}.scrim{position:fixed;inset:0;z-index:85;background:#000c;backdrop-filter:blur(5px)}.drawer{position:fixed;z-index:90;top:0;bottom:0;right:0;width:min(500px,100%);background:rgba(8,8,8,.98);border-left:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;transform:translateX(103%);transition:transform .28s ease;box-shadow:0 0 70px rgba(0,0,0,.7);backdrop-filter:blur(14px)}.drawer.open{transform:translateX(0)}.drawer header{display:flex;justify-content:space-between;align-items:start;padding:28px 24px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.drawer header h2{font:31px var(--display);letter-spacing:-.07em;margin:10px 0 0}.x{border:0;background:transparent;font-size:32px;line-height:1}.drawer-body{overflow:auto;flex:1;padding:16px 22px}.cart-entry{display:flex;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);padding:12px 0}.cart-entry img{width:65px;height:65px;object-fit:cover}.entry-details{flex:1;min-width:0}.entry-details strong{font:13px var(--display);display:block;word-break:break-word}.entry-details small{display:block;margin:8px 0;color:#999}.entry-details select{border:1px solid rgba(255,255,255,.14);background:#141414;padding:8px 5px;max-width:130px}.entry-price{font:12px var(--mono);white-space:nowrap}.entry-price s{display:block;color:#777;font-size:10px;margin-bottom:3px}.entry-remove{font-size:23px;border:0;background:transparent;color:#aaa}.cart-empty{font:13px var(--mono);padding:40px 0;color:#aaa}.upsell-stack{display:grid;gap:14px;margin:24px 0 8px}.upsell{border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));padding:16px;box-shadow:0 0 0 1px rgba(255,255,255,.02) inset}.upsell-head{display:flex;justify-content:space-between;gap:5px;align-items:center}.offer-tag{border:1px solid rgba(255,255,255,.18);color:#bbb;padding:5px}.upsell-row{display:flex;align-items:center;gap:12px;margin:14px 0}.upsell-row img{width:67px;height:67px;object-fit:cover}.upsell-copy{display:grid;gap:8px}.upsell-row strong{font:15px var(--display)}.upsell-sub{font:9px var(--mono);letter-spacing:.08em;color:#b6b6b6}.upsell-price{font:17px var(--mono)}.upsell-price s{font-size:12px;color:#777}.upsell-preview{display:flex;align-items:center;gap:12px;padding:10px 0 14px}.upsell-preview button{width:38px;height:38px;border-radius:50%;padding:0}.upsell-preview-meta{display:grid;gap:4px;min-width:0}.upsell-preview-meta span{font:13px var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upsell-preview-meta small{font:9px var(--mono);letter-spacing:.08em;color:#9b9b9b}.drawer-bottom{padding:19px 24px 22px;border-top:1px solid rgba(255,255,255,.12);background:#101010}.total-row{display:flex;justify-content:space-between;align-items:center;font:11px var(--mono);margin-bottom:12px}.total-row strong{font:25px var(--display)}.savings-row{color:#d0d0d0}.savings-row strong{font-size:14px}.full{width:100%;display:flex;text-align:center;justify-content:center;margin-top:10px}.continue{border:0;background:transparent;display:block;margin:14px auto 0;font:10px var(--mono);color:#ccc}.license-dialog{border:1px solid rgba(255,255,255,.18);background:#090909;color:#fff;padding:0;width:min(780px,calc(100% - 24px));max-height:90vh;box-shadow:0 0 100px rgba(0,0,0,.7);overflow:auto}.license-dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}.license-dialog[open]{display:grid;grid-template-columns:.75fr 1fr}.license-dialog>.x{position:absolute;right:15px;top:11px;z-index:2}.dialog-art img{width:100%;height:100%;object-fit:cover}.dialog-content{padding:35px 33px}.dialog-content h2{font:clamp(32px,5vw,58px)/1 var(--display);letter-spacing:-.07em;word-break:break-word;margin:20px 30px 24px 0}.tier-buttons{display:grid;gap:9px;margin-bottom:18px}.tier-buttons button{display:flex;justify-content:space-between;align-items:center;background:#111;border:1px solid rgba(255,255,255,.16);padding:17px;font:11px var(--mono)}.tier-buttons button.selected{background:#292929;border-color:#fff}.tier-buttons strong{font:16px var(--display)}.fineprint{display:block;margin-top:12px;color:#999;font:9px/1.5 var(--mono)}.toast{position:fixed;z-index:120;left:50%;bottom:112px;transform:translate(-50%,16px);pointer-events:none;opacity:0;padding:14px 20px;background:#fff;color:#090909;font:10px var(--mono);letter-spacing:.07em;text-align:center;max-width:calc(100% - 20px);transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes heroDrift{from{transform:scale(1.02) translateX(-1%)}to{transform:scale(1.08) translateX(1.5%)}}@keyframes lightFloat{to{transform:rotate(-8deg) translateY(24px);opacity:.38}}@keyframes floatOrb{from{transform:translateY(0) translateX(0)}to{transform:translateY(4vh) translateX(3vw)}}@keyframes floatingCard{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(10px) rotate(6deg)}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}body.fx-on .pack-card:hover,body.fx-on .track-card:hover{transform:translateY(-2px)}body:not(.fx-on) .grain{opacity:.07}body:not(.fx-on) .hero-art,body:not(.fx-on) .hero-light,body:not(.fx-on) .bg-orb,body:not(.fx-on) .motion-band-track,body:not(.fx-on) .hero-floating{animation:none}.player,.header,.drawer{box-shadow:0 0 0 1px rgba(255,255,255,.02) inset}.section-head,.pack-card,.track-image,.search,.pack-filters button,.license-tile,.upsell,.drawer,.player{box-shadow:0 0 25px rgba(255,255,255,.02)}
@media(max-width:1250px){.packs-grid{grid-template-columns:repeat(2,1fr)}.tracks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header nav{gap:26px}}@media(max-width:800px){.header{height:68px}.header nav{display:none;position:absolute;top:67px;left:0;right:0;background:#080808;border-bottom:1px solid rgba(255,255,255,.12);flex-direction:column;gap:25px;padding:25px 5%}.header nav.open{display:flex}.menu-toggle{display:flex}.fx-toggle{display:none}.logo{font-size:41px}.hero{min-height:560px;height:76svh}.hero h1{font-size:25vw}.hero-art{background-position:60% center}.hero:before{background:linear-gradient(90deg,#050505dd,#05050566 60%,#0006),linear-gradient(0deg,#050505,transparent 30%)}.section{padding:75px 4%}.tracks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools{flex-direction:column}.search{width:100%}.section-head h2{font-size:8vw}.license-tiles{gap:8px}.license-tile{padding:24px 17px;min-height:190px}.license-tile strong{font-size:5vw}.player{gap:10px}.seekbox{flex:1}.player-track{min-width:90px}.player img{height:48px;width:48px}footer{flex-wrap:wrap}}@media(max-width:520px){.header{height:62px;padding:0 4%}.header nav{top:61px}.logo{font-size:36px}.pick-open{height:35px;gap:9px;padding:0 12px}.hero{height:610px;min-height:570px}.hero-art{background-position:58% center;opacity:.7}.hero-content{padding:0 5%}.hero h1{font-size:30vw;margin:22px 0 40px}.hero h1 span{right:-11px;font-size:12px}.hero-buttons{gap:7px}.button{min-height:44px;padding:13px 14px;font-size:9px;gap:11px}.hero-light-a{right:-120%;top:27%}.hero-light-b{right:-25%}.hero-floating{display:none}.section{padding:64px 4% 73px}.section-head{padding-bottom:19px;margin-bottom:22px}.section-head h2{font-size:11.5vw}.track-count{font-size:9px}.packs-grid{gap:10px;grid-template-columns:1fr}.pack-body{padding:13px 9px}.pack-top{gap:4px;display:block}.pack-top h3{font-size:17px}.pack-price{font-size:17px;display:block;margin-top:9px}.pack-line{font-size:8px;gap:3px;margin:9px 0;flex-direction:column;align-items:flex-start}.pack-cta-row{grid-template-columns:1fr}.pack-cta-row button{min-height:35px;font-size:9px}.tools{gap:16px;margin-bottom:20px}.pack-filters{gap:6px}.pack-filters button{font-size:8px;padding:9px}.search{height:40px}.tracks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 9px}.pack-group-head{flex-wrap:wrap;gap:8px}.pack-group h3{font-size:24px}.track-name{font-size:12px}.track-actions button{width:27px;height:28px;font-size:11px}.track-price{font-size:9px}.license-tiles{grid-template-columns:1fr}.license-tile{min-height:126px;padding:18px;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto}.license-tile strong{font-size:38px;grid-column:2;grid-row:1 / 3;align-self:center;margin:0}.license-tile small{font-size:9px}.footer-logo{font-size:61px}.footer-links{gap:18px}.footer-copy{width:100%}.player{height:69px;padding:7px 3%;gap:9px}.player img{width:43px;height:43px}.player-track{min-width:60px;max-width:85px}.player-track strong{font-size:11px}.player-track span{font-size:8px}.player button{font-size:17px;padding:2px}.player #toggle{width:30px;height:30px;font-size:10px}.seekbox{display:none}.player .player-license{font-size:8px;padding:9px 6px}.player .stop{font-size:22px}.license-dialog[open]{display:block}.dialog-art{display:none}.dialog-content{padding:38px 21px 20px}.dialog-content h2{font-size:41px}.drawer{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* V5: calibrated composition, zero floating placeholder rectangles. */
html {scroll-padding-top:94px}
.hero {height:clamp(635px,82svh,840px);min-height:635px;isolation:isolate;justify-content:flex-start;}
.hero-art{background-size:cover;background-position:59% 49%;opacity:1;filter:grayscale(1) contrast(1.1) brightness(1.45);animation:heroDriftV5 20s ease-in-out infinite alternate;}
.hero::before{background:linear-gradient(90deg,rgba(3,3,3,.96) 0%,rgba(3,3,3,.79) 31%,rgba(3,3,3,.13) 62%,rgba(3,3,3,.20) 100%),linear-gradient(0deg,rgba(2,2,2,.85) 0%,transparent 24%,transparent 75%,rgba(2,2,2,.48) 100%);z-index:1;}
.hero::after {content:'';position:absolute;z-index:2;pointer-events:none;inset:0;background:linear-gradient(118deg,transparent 0 51%,rgba(255,255,255,.02) 51.1%,transparent 51.2%);}
.hero-content{max-width:1600px;margin:auto;position:relative;z-index:3;padding:0 6%;}
.hero-wordmark-frame{width:max-content;max-width:100%;}
.hero h1{font:clamp(106px,13vw,198px)/.83 var(--display);letter-spacing:-.125em;margin:14px 0 0;text-shadow:0 8px 45px #000c;}
.hero h1 span{right:0;top:.18em;font-size:.075em;}
.hero .micro{font:10px var(--mono);letter-spacing:.29em;color:#dedede;margin:0 0 14px 5px;}
.hero-buttons{margin:42px 0 0 7px;}
.hero-edge-mark{position:absolute;right:4.1%;top:30%;height:165px;width:28px;z-index:3;display:flex;align-items:center;flex-direction:column;gap:12px;opacity:.78;}
.hero-edge-mark i{display:block;width:1px;height:120px;background:linear-gradient(180deg,transparent,#f7f7f7,transparent);box-shadow:0 0 16px #fff9;}
.hero-edge-mark span{writing-mode:vertical-rl;font:9px var(--mono);letter-spacing:.20em;white-space:nowrap;}
.hero-light-a{height:3px;width:35vw;right:3%;top:41%;border-radius:0;filter:blur(2px);opacity:.44;background:linear-gradient(90deg,transparent,#fff8 42%,#fffd 55%,transparent);animation:flarePulse 7s ease-in-out infinite;}
.hero-light-b{width:140px;height:140px;left:74%;bottom:40%;filter:blur(26px);opacity:.26;animation:lightFloat 9s ease-in-out infinite alternate;}
.motion-band{height:7px;border:0;background:#101010;overflow:hidden;}
.motion-band-track{position:relative;height:100%;width:33%;background:linear-gradient(90deg,transparent,#fff8,#fff,transparent);animation:lightSweep 7.5s ease-in-out infinite;filter:blur(2px);padding:0;}
.hero-floating{display:none!important;}
.header{height:72px;padding:0 5%;} .header nav{gap:32px;} .header nav a{font-size:11px;letter-spacing:.12em;}
.logo {font-size:51px;} .header-right{gap:12px;} .hero-down {left:6%;}
.section{padding:90px 5%;} .section-head h2{font-size:clamp(46px,5.8vw,76px);letter-spacing:-.075em;}
.packs-grid{gap:17px;}.pack-card{border-color:#373737}.pack-image{aspect-ratio:1.13/1}
.pack-card:hover{box-shadow:0 0 1px #fff,0 22px 46px #0009,0 0 45px #fff1;}
.pack-top h3{font-size:clamp(19px,1.5vw,27px)} .pack-price{font-size:19px}
.pack-cta-row button:first-child{background:#eaeaea;color:#090909;border-color:#eaeaea;font-weight:500;}
.pack-cta-row button:first-child:hover{background:#fff;box-shadow:0 0 22px #fff4;}
.pack-cta-row button:last-child{background:#151515;color:#eee;}
.pack-cta-row button:last-child:hover{background:#323232;color:#fff;}
.pack-group{scroll-margin-top:100px;padding-top:32px;}
.pack-group-head{border-bottom:1px solid #303030;padding-bottom:15px;gap:15px;}
.pack-group h3{font-size:clamp(29px,4vw,48px);}
.pack-group-num{width:34px;height:34px;display:grid;place-items:center;border:1px solid #4c4c4c;border-radius:50%;font-size:10px;}
.pack-group-count{margin-left:auto;}
.track-card{transition:transform .2s ease;}.track-image{border-color:#252525}.track-card:hover{transform:translateY(-3px)}
.track-image img {transition:filter .4s,transform .4s;}
.track-card:hover .track-image img{filter:grayscale(1) contrast(1.18) brightness(1.12);}
.track-actions button{border-radius:2px;}
.upsell{position:relative;padding:18px;border:1px solid #555;background:linear-gradient(130deg,#1b1b1b 0%,#0b0b0b 67%);overflow:hidden;}
.upsell:before{content:'';position:absolute;pointer-events:none;left:0;top:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:.55;}
.upsell-row img{width:73px;height:73px;filter:grayscale(1);}
.upsell-price b{font-weight:600;font-size:20px;}.upsell-head{letter-spacing:.13em;font-size:11px;}
.offer-track-list{display:grid;gap:5px;padding:4px 0 14px;}
.offer-track{display:flex;gap:10px;align-items:center;min-height:43px;padding:7px 9px;border:1px solid #323232;background:#111;}
.offer-track.is-playing{border-color:#bcbcbc;background:#222;}
.offer-track-play{width:31px;height:31px;min-height:31px!important;padding:0!important;flex:0 0 31px;display:grid;place-items:center;border:1px solid #777!important;border-radius:50%;font-size:11px!important;color:#fff!important;background:#151515!important;}
.offer-track-play:hover{box-shadow:0 0 11px #fff6;}
.offer-track-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;}
.offer-track-top{display:flex;justify-content:space-between;gap:8px;align-items:center;}
.offer-track-name{font:10px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.05em;}
.offer-track-time{font:9px var(--mono);color:#aaa;white-space:nowrap;}
.offer-track-progress{height:2px;width:100%;background:#393939;position:relative;overflow:hidden;}
.offer-track-progress i{display:block;height:100%;width:0;background:#fff;transition:width .15s linear;box-shadow:0 0 8px #fff;}
.upsell>button[id$='button']{min-height:46px;background:#f0f0f0;color:#070707;font-weight:600;letter-spacing:.05em;border-radius:1px;}
.upsell>button[id$='button']:hover{background:#fff;box-shadow:0 0 25px #fff3;}
.upsell-stack:has(.upsell:not([hidden])){margin-top:25px;}
body:not(.fx-on) .hero-light,body:not(.fx-on) .pointer-light,body:not(.fx-on) .bg-orb{display:none;}
body:not(.fx-on) .motion-band-track{animation:none;opacity:.15;}
[hidden]{display:none!important;}
@keyframes flarePulse{0%,100%{opacity:.1;transform:scaleX(.5)}44%{opacity:.53;transform:scaleX(1.05)}62%{opacity:.29;transform:scaleX(.82)}}
@keyframes lightSweep{from{transform:translateX(-150%)}to{transform:translateX(450%)}}
@keyframes heroDriftV5{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.052) translateX(-.8%)}}
@media(max-width:800px){.hero{min-height:610px;height:74svh}.hero-content{padding:0 6%}.hero h1{font-size:clamp(99px,19vw,170px)}.hero-art{background-position:69% 50%;opacity:.91}.hero::before{background:linear-gradient(90deg,#030303eb 0%,#030303a5 39%,#03030348 100%),linear-gradient(0deg,#000c,transparent 30%,#0008);}.section{padding:70px 4%}.hero-edge-mark{right:4%;top:23%}.hero-down{left:6%;}.header{padding:0 4%}.packs-grid{gap:13px}.pack-group-head{flex-wrap:wrap}.pack-group-count{margin-left:auto}}
@media(max-width:520px){.hero{height:68svh;min-height:530px;max-height:660px;}.hero-art{background-position:70% 50%;filter:grayscale(1) contrast(1.1) brightness(1.28);}.hero::before{background:linear-gradient(90deg,#040404ec 0%,#040404a3 45%,#0404043e 100%),linear-gradient(0deg,#000c,transparent 28%);}.hero-content{padding:0 5%;}.hero h1{font-size:clamp(98px,26vw,137px);margin:14px 0 0;letter-spacing:-.12em}.hero .micro{font-size:9px;margin-left:2px}.hero-buttons{margin:30px 0 0 2px}.hero-edge-mark{display:none}.hero-index{font-size:9px;bottom:27px}.hero-down{bottom:22px;}.section-head h2{font-size:clamp(43px,10.8vw,58px)}.packs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pack-image{aspect-ratio:1/1}.pack-top h3{font-size:clamp(15px,4.3vw,22px)}.pack-price{font-size:16px}.pack-body{padding:12px 10px}.pack-cta-row button{font-size:9px;min-height:36px}.track-card:hover{transform:none}.drawer header{padding:22px 20px}.drawer-body{padding:10px 17px}.drawer-bottom{padding:14px 18px 18px}.offer-track{padding:8px}.upsell{padding:14px}.player .stop{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-light,.motion-band-track,.bg-orb{animation:none!important;transition:none!important}}
/* V5 final small-screen and font-fallback safeguards */
html,body{max-width:100%;overflow-x:clip}
.track-card,.track-bottom{min-width:0}
.track-bottom>div:first-child{min-width:0;flex:1}
.track-name{overflow-wrap:anywhere}
.track-actions{flex:0 0 auto}
.logo,.footer-logo,.hero h1,.section-head h2,.pack-top h3,.pack-price,.track-name,.pack-group h3,.license-tile strong,.drawer header h2,.upsell-row strong{font-weight:900}
@media(max-width:520px){.track-bottom{gap:4px}.track-name{max-width:100%}.track-actions{gap:4px}.track-actions button{width:26px;height:28px}}

/* V6 - compact Vault, luminous licensing and media transport. Original self-hosted CSS/JS. */
/* Moving light: animate left across the *whole viewport*, not just the bar width. */
.header{isolation:isolate;}
.header::after{content:"";position:absolute;bottom:-2px;left:-40%;width:32%;height:2px;background:linear-gradient(90deg,transparent 0%,#fff3 17%,#fff 52%,#fff8 70%,transparent 100%);filter:drop-shadow(0 0 7px #fffa);pointer-events:none;animation:headerBeamTraverse 6.8s linear infinite;}
.motion-band{height:4px;background:#0d0d0d;position:relative;overflow:hidden;}
.motion-band-track{position:absolute;top:0;bottom:0;left:-44%;width:42%;height:100%;transform:none;background:linear-gradient(90deg,transparent,#fff4 24%,white 58%,#fff8 67%,transparent 100%);animation:headerBeamTraverse 6.8s linear infinite;filter:drop-shadow(0 0 10px #fff9);opacity:1;}
@keyframes headerBeamTraverse{0%{left:-44%;opacity:.25}12%{opacity:.95}80%{opacity:.9}100%{left:102%;opacity:.15}}
/* Responsive, compact Vault columns, art is still entirely clear of overlays. */
.catalog-section{padding-top:68px;}
.pack-sections{gap:34px;}
.pack-group{padding-top:20px;scroll-margin-top:86px;}
.pack-group-head{margin-bottom:15px;padding-bottom:12px;}
.pack-group h3{font-size:clamp(25px,2.5vw,37px);}
.tracks-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 12px;}
.track-card{gap:7px;}
.track-image{aspect-ratio:1;border-radius:2px;}
.track-bottom{align-items:center;gap:4px;min-height:35px;}
.track-name{font-size:clamp(11px,.94vw,14px);line-height:1.15;letter-spacing:-.025em;}
.track-price{font-size:8px;margin-top:4px;}
.track-actions{gap:5px;}
.track-actions button{width:30px;height:30px;min-width:30px;display:grid;place-items:center;border:1px solid #555;background:#131313;border-radius:3px;}
.track-actions button[data-license]{color:#060606;background:#e9e9e9;border-color:#e9e9e9;}
.track-actions button[data-license]:hover{background:#fff;box-shadow:0 0 16px #fff6;}
.cart-glyph{width:15px;height:15px;display:block;flex-shrink:0;}
/* Licensing becomes a tactile selectable rate card above the Vault. */
.licensing{padding:72px 5% 66px;background:radial-gradient(ellipse at 84% 3%,#212121 0%,#101010 27%,#070707 75%);border-top:1px solid #4b4b4b;border-bottom:1px solid #444;position:relative;overflow:hidden;}
.licensing::before{content:"";position:absolute;top:-40%;right:-17%;width:560px;height:560px;background:radial-gradient(circle,#fff3,transparent 61%);filter:blur(36px);pointer-events:none;opacity:.35;animation:lightFloat 11s ease-in-out infinite alternate;}
.licensing .section-head{position:relative;border-bottom:1px solid #555;}
.license-counter{display:flex;align-items:center;gap:14px;color:#999;font:10px var(--mono);letter-spacing:.15em;white-space:nowrap;}
.license-beam{display:block;width:86px;height:1px;background:linear-gradient(90deg,#fff,transparent);box-shadow:0 0 12px #fff8;}
.license-stage{position:relative;}
.license-overline{font:9px var(--mono);letter-spacing:.24em;color:#aaa;margin-bottom:13px;}
.license-tiles{gap:11px;}
.license-tile{appearance:none;text-align:left;cursor:pointer;border:1px solid #393939;min-height:210px;padding:19px 20px 0;overflow:hidden;position:relative;background:linear-gradient(145deg,#191919,#090909);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;}
.license-tile::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 0%,#fff2,transparent 57%);opacity:0;transition:opacity .2s;}
.license-tile:hover::before,.license-tile.is-selected::before{opacity:1;}
.license-tile:hover{transform:translateY(-3px);border-color:#8a8a8a;}
.license-tile.is-selected{border-color:#dedede;box-shadow:0 0 0 1px #8885,0 0 28px #fff2 inset,0 0 28px #fff1;}
.license-top{display:flex;justify-content:space-between;gap:5px;align-items:center;font:11px var(--mono);letter-spacing:.17em;}
.license-top i{font:10px var(--mono);color:#999;}
.license-tile strong{font-size:clamp(49px,5.1vw,72px);margin:24px 0 15px;}
.license-tile small{font:10px var(--mono);color:#b7b7b7;}
.tile-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid #4b4b4b;width:100%;font:9px var(--mono);letter-spacing:.15em;}
.tile-footer span{font-size:16px;}
.license-action{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px;padding:20px 21px;border:1px solid #4b4b4b;background:linear-gradient(110deg,#202020,#090909 70%);}
.license-selection{display:grid;gap:8px;}
.license-selection span{font:9px var(--mono);color:#a0a0a0;letter-spacing:.15em;}
.license-selection strong{font:20px var(--display);letter-spacing:-.04em;}
.license-action .button{border-radius:4px;}
.license-disclaimer{max-width:800px;}
/* Audio transport: sample waveform is derived from actual preview metadata and supports scrubbing. */
.player{height:98px;display:grid;grid-template-columns:minmax(145px,225px) 136px minmax(150px,1fr) auto;gap:17px;padding:13px 4%;align-items:center;background:linear-gradient(105deg,#161616,#070707 68%,#191919);border-top:1px solid #797979;box-shadow:0 -18px 65px #000b,0 -2px 22px #fff1;}
.player::after{content:"";pointer-events:none;position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#fff6,transparent);}
.player-led{position:absolute;left:0;top:0;height:100%;width:2px;background:#bdbdbd;box-shadow:0 0 16px #fff;opacity:.45;}
.player.is-playing .player-led{opacity:1;}
.player-info{display:flex;min-width:0;gap:11px;align-items:center;}
.player-art{width:62px;height:62px;position:relative;flex-shrink:0;}
.player-art img{width:62px;height:62px;filter:grayscale(1);object-fit:cover;border:1px solid #9996;}
.player-art-ring{position:absolute;inset:-4px;border:1px solid #fff2;border-radius:50%;opacity:0;}
.player.is-playing .player-art-ring{opacity:.75;animation:playerRing 2.5s linear infinite;}
@keyframes playerRing{0%{transform:rotate(0)}50%{border-style:dashed}100%{transform:rotate(360deg)}}
.player-track{flex:1;min-width:0;max-width:none;}
.player-track strong{font-size:16px;line-height:1.15;}
.player-track span{display:flex;gap:5px;align-items:center;}
.player-live-dot{width:5px;height:5px;border-radius:50%;background:#bbb;display:inline-block;}
.player.is-playing .player-live-dot{background:#fff;box-shadow:0 0 6px #fff;animation:blink .95s infinite alternate;}
@keyframes blink{to{opacity:.25}}
.player-controls{display:flex;align-items:center;justify-content:center;gap:6px;}
.player-controls button{width:30px;height:38px;font:15px var(--mono);padding:0;color:#ddd;}
.player-controls #toggle{height:48px;width:48px;display:grid;place-items:center;font:17px var(--mono);background:#f2f2f2;color:#111;border-radius:50%;box-shadow:0 0 15px #fff4;border:0;}
.player-controls #toggle:hover{box-shadow:0 0 26px #fff8;}
.player-scrub{display:flex;align-items:center;gap:11px;min-width:0;}
.player-scrub>span{font:10px var(--mono);color:#acacac;flex:0 0 auto;font-variant-numeric:tabular-nums;}
.waveform-wrapper{position:relative;flex:1;min-width:0;height:46px;display:flex;align-items:center;}
.player-waveform{position:relative;width:100%;height:40px;--wave-progress:0%;}
.wave-bars{display:flex;align-items:center;justify-content:space-between;gap:2px;height:100%;width:100%;overflow:hidden;}
.wave-bars span{flex:1 1 0;min-width:1px;background:#595959;opacity:.85;border-radius:1px;}
.wave-progress{position:absolute;inset:0;width:var(--wave-progress);overflow:hidden;pointer-events:none;}
.wave-front{position:absolute;top:0;left:0;width:100%;min-width:100%;}
.wave-front span{background:#f9f9f9;opacity:1;box-shadow:0 0 4px #fff7;}
.waveform-wrapper #seek{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:4;}
.waveform-wrapper:focus-within{outline:1px solid #d5d5d5;outline-offset:2px;}
.waveform-wrapper:after{content:"";position:absolute;left:var(--seek-pos,0%);height:41px;width:1px;background:#f2f2f2;opacity:.9;pointer-events:none;box-shadow:0 0 9px #fff;}
.player-tools{display:flex;align-items:center;gap:10px;min-width:0;}
.player-tools button{font-size:18px;white-space:nowrap;}
.player-tools #mute{padding:6px 0;font-size:15px;min-width:30px;}
#volume{width:70px;accent-color:#fff;cursor:pointer;}
.player .player-license{min-height:43px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #8886;border-radius:4px;font:10px var(--mono);color:#eee;}
.player .player-license .cart-glyph{width:16px;height:16px;}
.player .stop{font-size:26px;padding:0 2px;}
body:not(.fx-on) .header::after,body:not(.fx-on) .motion-band-track{animation:none;left:45%;opacity:.18;}
@media(min-width:1600px){.tracks-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:18px 14px;}}
@media(max-width:1150px){.tracks-grid{grid-template-columns:repeat(5,minmax(0,1fr));}.player{grid-template-columns:160px 128px minmax(150px,1fr) auto;gap:10px}.player-tools #volume{display:none}}
@media(max-width:850px){.tracks-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 10px}.player{grid-template-columns:minmax(130px,1fr) auto;grid-template-rows:auto auto;height:128px;gap:7px 12px;padding:9px 3%;}.player-info{grid-column:1;grid-row:1}.player-controls{grid-column:2;grid-row:1}.player-scrub{grid-column:1 / -1;grid-row:2}.player-tools{grid-column:2;grid-row:1;justify-self:end;transform:translateX(0)}.player-tools #mute,.player-tools #volume{display:none}.player-controls{margin-right:112px}.player .stop{font-size:24px}.player-art,.player-art img{width:48px;height:48px}.player-scrub{padding:0 6px}.waveform-wrapper{height:37px}.player-waveform{height:30px}.waveform-wrapper:after{height:31px}}
@media(max-width:620px){.tracks-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 9px}.track-name{font-size:11px}.track-actions button{width:28px;min-width:28px;height:29px}.track-bottom{align-items:start}.track-actions{gap:3px}.licensing{padding:53px 4%}.license-tiles{grid-template-columns:1fr 1fr;gap:7px}.license-tile{min-height:175px;padding:15px 14px 0}.license-tile:last-child{grid-column:1 / -1;min-height:140px}.license-tile strong{font-size:clamp(35px,8vw,52px);margin:19px 0 10px}.license-tile small{font-size:8px}.license-tile:last-child strong{font-size:43px;margin:7px 0}.license-top{font-size:10px}.tile-footer{padding:10px 0}.license-action{padding:14px 12px}.license-selection strong{font-size:15px}.license-selection span{font-size:8px}.license-action .button{min-height:42px;font-size:9px;padding:0 12px}.player{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:47px 36px;height:106px;padding:6px 3%;}.player-info{grid-column:1;grid-row:1}.player-controls{grid-column:2;grid-row:1;margin-right:78px;gap:2px}.player-tools{grid-column:2;grid-row:1;gap:6px}.player .player-license{padding:0 8px;height:35px;min-height:35px}.player .player-license span{display:none}.player-controls #prev,.player-controls #next{display:none}.player-controls #toggle{width:37px;height:37px;font-size:13px}.player-art,.player-art img{width:42px;height:42px}.player-track strong{font-size:12px}.player-track span{font-size:7px}.player-tools .stop{font-size:21px}.player-scrub{grid-row:2;gap:8px}.player-scrub>span{font-size:9px}.waveform-wrapper{height:33px}.player-waveform{height:27px}.waveform-wrapper:after{height:27px}.license-counter{display:none}}
@media(max-width:360px){.tracks-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.player-controls{margin-right:77px}.player .player-license{padding:0 6px}}
@media(prefers-reduced-motion:reduce){.header::after,.motion-band-track,.player-art-ring,.player-live-dot,.licensing::before{animation:none!important}}

/* Keep the lit waveform in sync without compressing bar spacing. */
.wave-progress{width:100%;clip-path:inset(0 calc(100% - var(--wave-progress)) 0 0);}
.waveform-wrapper:has(.player-waveform) {--seek-pos:0%}

/* Metadata and controls occupy their own rows; long names remain legible. */
.track-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:5px 6px;align-items:center;}
.track-bottom>div:first-child{display:contents;}
.track-name{grid-column:1 / -1;grid-row:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal;}
.track-price{grid-column:1;grid-row:2;margin:0;}
.track-actions{grid-column:2;grid-row:2;}
@media(max-width:620px){.tracks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 10px}.track-name{font-size:13px}.track-actions button{width:30px;min-width:30px;height:31px}.track-price{font-size:9px}}

/* Override inherited pack heading typography; beat titles stay compact. */
.pack-group .track-name{font:900 13px/1.15 var(--display);letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:620px){.pack-group .track-name{font-size:13px;}}


/* V7: composited, clearly legible motion. New FX preference key prevents V4/V5
   settings from silently disabling every newer design. */
.header{overflow:visible}
.header::after{display:none!important}
.header-light-rail{position:absolute;inset:auto 0 -3px 0;height:4px;overflow:hidden;pointer-events:none;z-index:10;background:linear-gradient(90deg,#191919,#515151 50%,#191919);border-top:1px solid #85858533}
.header-runner{position:absolute;top:0;left:0;width:300px;height:4px;will-change:transform;transform:translate3d(-320px,0,0);background:linear-gradient(90deg,transparent 0%,#fff2 16%,#fff9 40%,white 58%,#fff9 70%,transparent 100%);filter:drop-shadow(0 0 6px #fff);animation:shugRail 4.1s linear infinite}
.header-runner::after{content:"";position:absolute;left:56%;width:8px;height:4px;background:white;box-shadow:0 0 8px 2px #fff,0 0 22px 5px #fff9}
@keyframes shugRail{0%{transform:translate3d(-320px,0,0)}100%{transform:translate3d(calc(100vw + 320px),0,0)}}
.motion-band{height:7px;background:linear-gradient(180deg,#171717,#020202)}
.motion-band-track{position:absolute;top:0;left:0;width:240px;height:7px;transform:translate3d(-260px,0,0);background:linear-gradient(90deg,transparent,#fff7,white,#fff9,transparent);filter:drop-shadow(0 0 13px #fff);animation:shugRail 6.1s linear infinite}
.hero-scan{position:absolute;z-index:2;inset:0 auto 0 0;width:min(260px,34vw);pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.015) 34%,rgba(255,255,255,.10) 49%,rgba(255,255,255,.03) 60%,transparent 100%);transform:translate3d(-340px,0,0) skewX(-13deg);animation:heroScanAcross 10s ease-in-out infinite}
@keyframes heroScanAcross{0%,9%{transform:translate3d(-340px,0,0) skewX(-13deg);opacity:0}24%{opacity:.8}66%{opacity:.65}83%,100%{transform:translate3d(calc(100vw + 380px),0,0) skewX(-13deg);opacity:0}}
.hero-light-a{animation:flarePulse 5s ease-in-out infinite}
.fx-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.fx-toggle:before{content:"";width:5px;height:5px;flex:none;background:#fff;border-radius:50%;box-shadow:0 0 8px white;animation:fxStatus 1.4s ease-in-out infinite alternate}
@keyframes fxStatus{to{opacity:.25;box-shadow:0 0 1px white}}
body:not(.fx-on) .header-runner,body:not(.fx-on) .motion-band-track,body:not(.fx-on) .hero-scan{animation:none!important;opacity:0}
body:not(.fx-on) .fx-toggle:before{animation:none;opacity:.25}
.pack-card{position:relative;isolation:isolate}
.pack-card.on-sale{border-color:#aaa6}
.pack-card.on-sale:hover{border-color:#dedede;box-shadow:0 0 20px #fff1,0 20px 50px #0008}
.pack-card.on-sale::before{content:"";position:absolute;z-index:3;pointer-events:none;top:0;left:0;width:100%;height:2px;opacity:.8;background:linear-gradient(90deg,transparent 0,#fff8 40%,#fff 52%,transparent 75%);background-size:230% 100%;animation:saleEdge 5.4s linear infinite}
@keyframes saleEdge{to{background-position:-230% 0}}
.sale-stamp{position:absolute;z-index:4;bottom:12px;left:12px;border:1px solid #fff9;background:rgba(0,0,0,.83);color:#f3f3f3;padding:8px 10px;letter-spacing:.11em;font:9px var(--mono);cursor:pointer;backdrop-filter:blur(9px)}
.sale-stamp:hover,.sale-stamp:focus-visible{background:#fff;color:#111}
/* Nonmodal promotional preview; never covers the navigation or disables browsing. */
.sale-popup{position:fixed;z-index:82;bottom:24px;right:24px;width:min(344px,calc(100vw - 28px));color:#f7f7f7;padding:17px;border:1px solid #a4a4a4;background:linear-gradient(148deg,rgba(36,36,36,.97),rgba(7,7,7,.98) 60%);box-shadow:0 18px 70px #000b,0 0 32px #fff2;backdrop-filter:blur(18px);animation:promoEnter .3s ease-out both;overflow:hidden}
.sale-popup::before{content:"";pointer-events:none;position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(113deg,transparent 38%,#fff2 50%,transparent 62%);transform:translateX(-130%);animation:promoGlance 7s ease-in-out infinite}
@keyframes promoEnter{from{opacity:0;transform:translate3d(20px,16px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes promoGlance{0%,36%{transform:translateX(-130%)}76%,100%{transform:translateX(130%)}}
.sale-popup>*,.sale-popup-main>*,.sale-popup-actions>*{position:relative;z-index:1}
.sale-popup-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #ffffff27}
.sale-popup-caption,.sale-popup-kicker{font:10px var(--mono);letter-spacing:.12em;color:#d3d3d3}
.sale-popup-top button{height:27px;width:27px;background:#121212;border:1px solid #9995;color:#fff;font-size:21px;line-height:1;cursor:pointer}
.sale-popup-main{display:flex;gap:13px;align-items:center;padding:13px 0}
.sale-popup-main img{width:92px;height:92px;object-fit:cover;border:1px solid #fff3;flex:none;filter:grayscale(1)}
.sale-popup-info{display:flex;flex-direction:column;gap:6px;min-width:0}
.sale-popup-info strong{font:24px/1 var(--display);letter-spacing:-.06em;overflow-wrap:anywhere}
.sale-popup-prices{display:flex;align-items:baseline;gap:10px;font-family:var(--mono)}
.sale-popup-prices s{font-size:13px;color:#929292}.sale-popup-prices b{font:24px var(--display)}
.sale-popup-preview{display:grid;gap:5px;padding-bottom:12px}
.sale-popup-preview .offer-track{min-height:35px;padding:4px 7px}
.sale-popup-preview .offer-track-play{min-height:27px!important;width:27px;height:27px;flex-basis:27px}
.sale-popup-actions{display:grid;grid-template-columns:1fr auto;gap:8px}
.sale-popup-actions button{font:10px var(--mono);letter-spacing:.06em;padding:12px 13px;border:1px solid #777;background:#151515;color:#fff;cursor:pointer}
.sale-popup-actions #sale-popup-shop{background:#fff;color:#080808;border-color:#fff;font-weight:700}
.sale-popup-actions button:hover{box-shadow:0 0 15px #fff5}
.sale-popup>small{display:block;margin-top:12px;color:#888;font:9px/1.4 var(--mono)}
@media(max-width:800px){.fx-toggle{display:inline-flex;min-width:48px;padding:0 8px;font-size:9px}.fx-toggle:before{height:4px;width:4px}.header-right{gap:7px}}
@media(max-width:520px){.sale-popup{right:10px;bottom:10px;width:min(338px,calc(100vw - 20px));padding:14px}.sale-popup-main img{width:75px;height:75px}.sale-popup-info strong{font-size:21px}.fx-toggle{padding:0 7px}.header-right{gap:5px}.pick-open{padding:0 9px}.logo{font-size:34px}}
@media(max-width:370px){.fx-toggle{font-size:0;min-width:34px;width:34px;padding:0}.fx-toggle:before{height:7px;width:7px}.logo{font-size:30px}.menu-toggle{width:39px}}
@media(prefers-reduced-motion:reduce){.header-runner,.motion-band-track,.hero-scan,.pack-card.on-sale::before,.sale-popup,.sale-popup::before,.fx-toggle:before{animation:none!important}.header-runner,.hero-scan{opacity:0}.sale-popup{transform:none!important;opacity:1!important}}

/* V8 conversion UX: original UI effects; no external JS libraries. */
.button-sampler{border-color:#d0d0d0;background:linear-gradient(112deg,#181818,#333,#0b0b0b);box-shadow:inset 0 0 24px #ffffff11;position:relative;overflow:hidden}.button-sampler:after{content:'';position:absolute;inset:-40% -120%;background:linear-gradient(105deg,transparent 40%,#ffffff33 50%,transparent 60%);transform:translateX(-60%);animation:samplerGleam 7s linear infinite;pointer-events:none}@keyframes samplerGleam{50%,100%{transform:translateX(80%)}}
.conversion-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #333;border-bottom:1px solid #333;gap:1px;background:#393939;position:relative;z-index:3}.conversion-strip>div{background:#0d0d0d;min-height:98px;padding:21px 26px;display:grid;gap:8px;align-content:center}.conversion-strip span{color:#888;font:10px var(--mono);letter-spacing:.12em}.conversion-strip strong{font:clamp(13px,1.4vw,20px)/1 var(--display);letter-spacing:-.035em}.purchase-info{border-top:1px solid #242424}.answers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answers-grid details{border:1px solid #333;background:#111;padding:20px 22px;transition:border-color .2s}.answers-grid details[open]{border-color:#868686}.answers-grid summary{font:clamp(12px,1.1vw,17px) var(--display);letter-spacing:-.03em;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.answers-grid summary:after{content:'+';font:24px var(--mono)}.answers-grid details[open] summary:after{content:'−'}.answers-grid p{font:12px/1.8 var(--body);color:#bbb;max-width:60ch;margin:15px 0 0}.bottom-cta{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}.bottom-cta a{font:11px var(--mono);border:1px solid #444;padding:16px 20px;display:flex;align-items:center;gap:14px;justify-content:space-between;min-width:200px;transition:background .2s}.bottom-cta a:hover{background:#eee;color:#080808}.info-small{font:10px/1.5 var(--mono);color:#888;margin-top:16px}.checkout-status{display:block;font:10px/1.4 var(--mono);color:#c9c9c9;margin-top:8px}.live-checkout{border:1px solid #eee!important}.analytics-choice{position:fixed;bottom:12px;left:12px;z-index:125;background:#111;border:1px solid #777;box-shadow:0 0 45px #000b;display:flex;align-items:center;gap:12px;padding:12px 15px;max-width:calc(100% - 24px);flex-wrap:wrap}.analytics-choice span{font:10px var(--mono)}.analytics-choice button{background:#292929;border:1px solid #888;padding:8px 10px;font:10px var(--mono);cursor:pointer}.analytics-choice button:first-of-type{background:#ddd;color:#111}.analytics-choice[hidden]{display:none!important}
[hidden]{display:none!important}
@media(max-width:720px){.conversion-strip{grid-template-columns:1fr}.conversion-strip>div{min-height:65px;padding:14px 5%}.answers-grid{grid-template-columns:1fr}.bottom-cta a{flex:1;min-width:170px}}
@media(prefers-reduced-motion:reduce){.button-sampler:after{animation:none!important}}

.checkout-terms-link{display:block;margin-top:10px;font:10px var(--mono);text-decoration:underline;text-underline-offset:3px;color:#c4c4c4}.checkout-terms-link[hidden]{display:none!important}


/* === V9 LAYOUT AND VISIBILITY REBUILD === */
/* Pack footer is a stable grid; icons are always centered beside their labels. */
.packs-grid{align-items:stretch;gap:16px}
.pack-card{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}
.pack-image{flex-shrink:0}
.pack-body{display:flex;flex:1;flex-direction:column;padding:18px 16px 17px;min-width:0;gap:0}
.pack-top{align-items:baseline;gap:8px;min-height:27px}
.pack-top h3{font-size:clamp(17px,1.6vw,26px);min-width:0;line-height:1.07;overflow-wrap:anywhere}
.pack-price{font-size:clamp(17px,1.25vw,22px);flex-shrink:0;white-space:nowrap}
.pack-line{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;justify-content:space-between;color:#ccc;margin:13px 0 16px;min-height:20px;font-size:10px;line-height:1.5}
.pack-savings{display:inline-flex;gap:8px;align-items:baseline;white-space:nowrap;margin-left:auto}
.pack-savings del{color:#757575}
.pack-savings strong{font:500 10px/1.5 var(--mono);color:#eee;letter-spacing:.04em}
.pack-count{flex-shrink:0;white-space:nowrap}
.pack-cta-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:auto;min-width:0}
.pack-cta-row button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:44px!important;width:100%;min-width:0;white-space:nowrap;padding:10px 6px!important;text-align:center;letter-spacing:.06em!important;font:600 10px/1.1 var(--mono)!important;cursor:pointer}
.pack-cta-row button .cart-label{display:inline-block;position:static;flex:0 1 auto;min-width:0}
.pack-cta-row .cart-glyph{width:15px!important;height:15px!important;flex:0 0 15px;position:static!important;transform:none!important;margin:0!important;float:none!important;display:block!important}
.pack-cta-row button span{pointer-events:none}
@media(min-width:1600px){.packs-grid{gap:18px}.pack-body{padding:20px}.pack-cta-row button{min-height:46px!important}}
@media(max-width:520px){.pack-body{padding:14px 12px}.pack-top{display:flex;align-items:baseline}.pack-line{flex-direction:row;font-size:9px;margin:11px 0 14px}.pack-cta-row{grid-template-columns:1fr 1fr}.pack-cta-row button{font-size:9px!important;padding:10px 5px!important}}
@media(max-width:350px){.pack-cta-row button{gap:4px!important;font-size:8px!important}}

/* V9 MOTION ENGINE: high-contrast, purposeful effects, independent animations. */
.header-light-rail{height:7px!important;bottom:-4px!important;background:#0a0a0a!important;border-top:1px solid #ffffff55!important;z-index:51;overflow:hidden}
.header-runner{width:min(43vw,570px)!important;height:7px!important;top:0!important;left:0!important;opacity:1!important;filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 15px #ffffff9c)!important;background:linear-gradient(90deg,transparent 0%,#fff5 25%,#fff 49%,#fff 53%,#fff6 69%,transparent 100%)!important;animation:v9RailRun 3.3s linear infinite!important;will-change:transform;pointer-events:none}
.header-runner:after{width:16px!important;height:7px!important;box-shadow:0 0 13px 4px #fff,0 0 35px 9px #ffffffa0!important}
@keyframes v9RailRun{0%{transform:translate3d(-570px,0,0)}100%{transform:translate3d(calc(100vw + 40px),0,0)}}
.motion-band{height:12px!important;position:relative;overflow:hidden;border-top:1px solid #ffffff50;border-bottom:1px solid #ffffff36;background:linear-gradient(180deg,#1a1a1a,#030303)!important;z-index:4}
.motion-band-track{height:100%!important;width:min(46vw,600px)!important;top:0!important;left:0!important;opacity:.96!important;background:linear-gradient(90deg,transparent,#fff5 20%,#fff 44%,#fff 51%,#fff4 77%,transparent)!important;filter:drop-shadow(0 0 13px #fff8)!important;animation:v9RailRun 4.6s linear infinite!important}
.signal-dots{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;opacity:.6}
.signal-dots span{width:2px;height:3px;background:#d0d0d0;border-radius:2px;box-shadow:0 0 6px #fff8}
.hero-glint-v9{position:absolute;z-index:2;top:0;bottom:0;left:0;width:min(360px,38vw);opacity:.80;pointer-events:none;mix-blend-mode:screen;will-change:transform;background:linear-gradient(100deg,transparent 18%,rgba(255,255,255,.01) 35%,rgba(255,255,255,.15) 48%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.06) 53%,transparent 68%);filter:blur(3px);animation:v9HeroGlint 7s linear infinite}
@keyframes v9HeroGlint{0%{transform:translate3d(-460px,0,0);opacity:0}11%{opacity:1}75%{opacity:.9}93%,100%{transform:translate3d(calc(100vw + 360px),0,0);opacity:0}}
.hero-edge-v9{position:absolute;z-index:3;left:3%;right:3%;bottom:18px;height:2px;pointer-events:none;overflow:hidden;background:#ffffff0f;border-top:1px solid #ffffff28}
.hero-edge-v9 span{position:absolute;top:0;left:0;height:2px;width:13%;background:linear-gradient(90deg,transparent,#fff,#fff8,transparent);box-shadow:0 0 17px #ffffffaa;animation:v9EdgeRun 4.2s linear infinite}
.hero-edge-v9 span:nth-child(2){animation-delay:-1.5s;opacity:.7}
.hero-edge-v9 span:nth-child(3){animation-delay:-3s;opacity:.5}
@keyframes v9EdgeRun{from{transform:translate3d(-230px,0,0)}to{transform:translate3d(calc(100vw + 110px),0,0)}}
.fx-toggle{border-color:#b2b2b2!important;background:#242424!important;color:#fff!important;box-shadow:0 0 13px #ffffff28!important}
body:not(.fx-on) .header-runner,body:not(.fx-on) .motion-band-track,body:not(.fx-on) .hero-glint-v9,body:not(.fx-on) .hero-edge-v9 span{animation:none!important;opacity:0!important}
/* Accessibility: system reduced motion suppresses auto-play; a deliberate FX click opts in. */
@media(prefers-reduced-motion:reduce){.header-runner,.motion-band-track,.hero-glint-v9,.hero-edge-v9 span{animation:none!important;opacity:0!important}}
@media(prefers-reduced-motion:reduce){body.fx-explicit.fx-on .header-runner{animation:v9RailRun 3.3s linear infinite!important;opacity:1!important}body.fx-explicit.fx-on .motion-band-track{animation:v9RailRun 4.6s linear infinite!important;opacity:1!important}body.fx-explicit.fx-on .hero-glint-v9{animation:v9HeroGlint 7s linear infinite!important;opacity:.8!important}body.fx-explicit.fx-on .hero-edge-v9 span{animation:v9EdgeRun 4.2s linear infinite!important;opacity:1!important}}
/* Never prevent taps or clicks on real controls. */
.hero-edge-v9,.hero-glint-v9,.header-runner,.motion-band-track{pointer-events:none!important}