:root {
  --ink: #090b0c;
  --ink-2: #0f1214;
  --ink-3: #171b1e;
  --paper: #f2f0e9;
  --muted: #9ca3a7;
  --line: rgba(255,255,255,.12);
  --signal: #d9ff72;
  --cyan: #76e7e0;
  --violet: #9781ff;
  --display: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --body: Inter, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --shell: min(1440px, calc(100vw - 64px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; overflow-x: hidden; background: var(--ink); color: var(--paper); font-family: var(--body); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
body.has-player { padding-bottom: 92px; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; }
::selection { background: var(--signal); color: var(--ink); }
:focus-visible { outline: 2px solid var(--signal); outline-offset: 4px; }
.shell { width: var(--shell); margin-inline: auto; }
.skip-link { position: fixed; top: -80px; left: 20px; z-index: 3000; padding: 12px 18px; background: var(--signal); color: var(--ink); font-weight: 800; transition: top .2s; }
.skip-link:focus { top: 16px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 22px; color: var(--signal); font-size: .7rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.live-pip { width: 7px; height: 7px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 0 rgba(217,255,114,.4); animation: pulse 2s infinite; }
.button { display: inline-flex; min-height: 56px; align-items: center; justify-content: center; gap: 24px; padding: 0 24px; border: 1px solid transparent; border-radius: 2px; font-size: .76rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; transition: transform .25s, background .25s, color .25s, border-color .25s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--signal); color: var(--ink); }
.button-primary:hover { background: #e7ff9f; color: var(--ink); }
.button-outline { border-color: rgba(255,255,255,.28); color: var(--paper); }
.button-outline:hover { border-color: var(--signal); color: var(--signal); }
.button-dark { background: var(--ink); color: white; }
.button-mini { min-height: 42px; padding: 0 17px; background: var(--paper); color: var(--ink); }
.text-action { font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.arrow-link { display: inline-flex; align-items: center; gap: 28px; padding-bottom: 6px; border-bottom: 1px solid rgba(255,255,255,.28); font-size: .76rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; transition: color .2s, border-color .2s; }
.arrow-link:hover { border-color: var(--signal); color: var(--signal); }

/* Header */
.site-header { position: fixed; inset: 0 0 auto; z-index: 1000; height: 76px; border-bottom: 1px solid transparent; transition: background .3s, border-color .3s, backdrop-filter .3s; }
.site-header.is-scrolled { background: rgba(9,11,12,.84); border-color: var(--line); backdrop-filter: blur(18px); }
.header-inner { height: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.brand { display: inline-flex; align-items: center; gap: 12px; width: max-content; font-family: var(--display); font-size: .92rem; font-weight: 900; letter-spacing: .13em; }
.brand img { width: 36px; height: 36px; }
.brand-dot { color: var(--signal); }
.site-nav { display: flex; align-items: center; gap: 34px; }
.site-nav a { position: relative; color: rgba(255,255,255,.72); font-size: .73rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.site-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 1px; background: var(--signal); transition: right .25s; }
.site-nav a:hover { color: white; }
.site-nav a:hover::after { right: 0; }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 25px; }
.nav-toggle { display: none; width: 44px; height: 44px; border: 0; background: transparent; }
.nav-toggle span { display: block; width: 24px; height: 1px; margin: 7px auto; background: white; transition: transform .25s; }

/* Hero */
.hero { position: relative; min-height: 870px; height: 100svh; max-height: 1040px; overflow: hidden; background: #030405; }
.hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,4,5,.98) 0%, rgba(3,4,5,.88) 28%, rgba(3,4,5,.25) 62%, rgba(3,4,5,.12)), linear-gradient(0deg, rgba(3,4,5,.78), transparent 34%); }
.hero-visual { position: absolute; inset: 0; }
.hero-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; animation: heroDrift 16s ease-in-out infinite alternate; }
.hero-grid { position: absolute; inset: 0; z-index: 1; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 8vw 8vw; mask-image: linear-gradient(to right, black, transparent 60%); }
.pointer-glow { position: absolute; z-index: 1; width: 460px; height: 460px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(217,255,114,.10), transparent 68%); transform: translate(-50%,-50%); opacity: 0; transition: opacity .3s; }
.hero:hover .pointer-glow { opacity: 1; }
.hero-inner { position: relative; z-index: 3; height: 100%; display: flex; align-items: center; }
.hero-copy { width: min(770px, 61vw); margin-top: -20px; }
.hero h1 { margin: 0; max-width: 770px; font-family: var(--display); font-size: clamp(4rem, 7.4vw, 7.65rem); font-weight: 900; letter-spacing: -.07em; line-height: .85; text-transform: uppercase; }
.hero h1 em { display: block; color: var(--signal); font-style: normal; font-weight: 400; }
.hero-deck { max-width: 650px; margin: 32px 0; color: rgba(255,255,255,.7); font-size: clamp(1rem, 1.35vw, 1.2rem); line-height: 1.7; }
.hero-search { position: relative; display: flex; max-width: 680px; height: 72px; align-items: center; padding-left: 58px; border: 1px solid rgba(255,255,255,.28); background: rgba(8,10,11,.74); backdrop-filter: blur(18px); }
.search-glyph { position: absolute; left: 24px; width: 16px; height: 16px; border: 2px solid var(--signal); border-radius: 50%; }
.search-glyph::after { content: ""; position: absolute; right: -6px; bottom: -4px; width: 7px; height: 2px; background: var(--signal); transform: rotate(45deg); }
.hero-search input { min-width: 0; flex: 1; height: 100%; border: 0; outline: 0; background: transparent; color: white; font-size: 1rem; }
.hero-search input::placeholder { color: rgba(255,255,255,.46); }
.hero-search button { height: 100%; padding: 0 24px; border: 0; background: var(--signal); color: var(--ink); font-size: .75rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.search-suggestions { display: flex; gap: 13px; margin-top: 14px; color: rgba(255,255,255,.4); font-size: .7rem; }
.search-suggestions a { color: rgba(255,255,255,.72); border-bottom: 1px solid rgba(255,255,255,.25); }
.hero-proof { position: absolute; right: 0; bottom: 112px; display: grid; grid-template-columns: auto 1fr auto; width: min(440px, 38vw); gap: 19px; align-items: center; padding: 20px 22px; border: 1px solid rgba(255,255,255,.15); background: rgba(12,15,16,.64); backdrop-filter: blur(20px); transition: border-color .25s, transform .25s; }
.hero-proof:hover { border-color: var(--signal); transform: translateY(-3px); }
.proof-number { color: var(--signal); font-family: monospace; font-size: .7rem; }
.hero-proof b, .hero-proof small { display: block; }
.hero-proof b { font-size: .82rem; letter-spacing: .04em; }
.hero-proof small { margin-top: 3px; color: var(--muted); font-size: .68rem; }
.hero-proof i { font-style: normal; }
.hero-marquee { position: absolute; z-index: 4; left: 0; right: 0; bottom: 0; height: 64px; overflow: hidden; border-top: 1px solid var(--line); background: rgba(5,7,8,.7); }
.hero-marquee div { display: flex; width: max-content; height: 100%; align-items: center; gap: 40px; animation: marquee 28s linear infinite; }
.hero-marquee span { font-family: var(--display); font-size: .72rem; font-weight: 850; letter-spacing: .2em; }
.hero-marquee i { width: 23px; height: 1px; background: var(--signal); }

/* Shared sections */
.section { padding: 130px 0; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 50px; }
.section h2, .final-cta h2 { margin: 0; font-family: var(--display); font-size: clamp(3rem, 5.8vw, 6.4rem); font-weight: 900; letter-spacing: -.065em; line-height: .9; text-transform: uppercase; }
.heading-copy { max-width: 310px; margin: 0 0 4px; color: var(--muted); }
.signal-section { background: var(--ink); }
.featured-tracks { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 16px; }
.track-card { min-width: 0; }
.track-art { position: relative; aspect-ratio: 1; overflow: hidden; padding: 16px; background: #24292d; isolation: isolate; }
.track-art::before, .result-art::before, .player-art::before { content: ""; position: absolute; inset: -25%; z-index: -1; background: radial-gradient(circle at 24% 28%, var(--art-a), transparent 35%), radial-gradient(circle at 75% 75%, var(--art-b), transparent 39%), linear-gradient(135deg, #151719, #050607); filter: blur(3px); transform: rotate(-8deg) scale(1.1); }
.track-art::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .55; background: repeating-linear-gradient(112deg, transparent 0 18px, rgba(255,255,255,.08) 19px, transparent 20px 36px); mix-blend-mode: overlay; }
.art-lime { --art-a: #caff4a; --art-b: #39705d; }
.art-cyan { --art-a: #61e6f1; --art-b: #3347a0; }
.art-violet { --art-a: #b596ff; --art-b: #553cb5; }
.art-amber { --art-a: #ffc861; --art-b: #9a3c28; }
.art-rose { --art-a: #ff668f; --art-b: #642245; }
.art-blue { --art-a: #69a7ff; --art-b: #1d456e; }
.art-aqua { --art-a: #66ffc1; --art-b: #18546c; }
.art-orange { --art-a: #ff8a4d; --art-b: #713d18; }
.art-sand { --art-a: #e9c99b; --art-b: #5c4833; }
.art-purple { --art-a: #cb62ff; --art-b: #34358d; }
.art-red { --art-a: #ff554c; --art-b: #641d2a; }
.art-mint { --art-a: #b4ffdf; --art-b: #24584f; }
.art-code { position: absolute; left: 16px; bottom: 12px; font-family: var(--display); font-size: clamp(2.3rem, 3.6vw, 4.4rem); font-weight: 900; letter-spacing: -.08em; line-height: 1; }
.art-index { color: rgba(255,255,255,.68); font: 600 .58rem/1 monospace; letter-spacing: .12em; }
.mini-wave { position: absolute; top: 16px; right: 16px; display: flex; height: 28px; align-items: center; gap: 2px; }
.mini-wave i { width: 2px; height: 20%; background: white; animation: wave 1.4s ease-in-out infinite; }
.mini-wave i:nth-child(2n) { height: 70%; animation-delay: -.5s; }.mini-wave i:nth-child(3n) { height: 100%; animation-delay: -.9s; }
.art-play { position: absolute; right: 14px; bottom: 14px; display: grid; width: 48px; height: 48px; place-items: center; border: 0; border-radius: 50%; background: var(--signal); color: var(--ink); box-shadow: 0 10px 30px rgba(0,0,0,.35); transition: transform .25s; }
.art-play:hover { transform: scale(1.08); }
.art-play.is-locked { background: rgba(255,255,255,.15); color: white; backdrop-filter: blur(8px); }
.track-card-body { display: flex; justify-content: space-between; gap: 10px; padding: 16px 2px 9px; }
.track-card h3 { margin: 0; overflow: hidden; font-size: .91rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.track-card h3 a:hover { color: var(--signal); }
.track-card p { margin: 3px 0 0; color: var(--muted); font-size: .72rem; }
.favorite-button { border: 0; background: none; color: rgba(255,255,255,.72); font-size: 1.35rem; }
.favorite-button.is-favorite { color: var(--signal); }
.track-meta { display: flex; gap: 7px; flex-wrap: wrap; color: rgba(255,255,255,.4); font: 600 .56rem/1.2 monospace; text-transform: uppercase; }
.track-meta span:not(:last-child)::after { content: "·"; margin-left: 7px; }
.demo-note { margin: 30px 0 0; color: rgba(255,255,255,.38); font-size: .68rem; }

/* Discovery */
.discovery-section { overflow: hidden; background: var(--paper); color: var(--ink); }
.discovery-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 9vw; align-items: center; }
.discovery-intro .eyebrow { color: #52611f; }
.discovery-intro p:not(.eyebrow) { max-width: 520px; margin: 32px 0; color: #656967; font-size: 1.05rem; }
.prompt-stage { position: relative; min-height: 530px; display: grid; place-items: center; }
.prompt-window { position: relative; z-index: 2; width: min(680px,100%); padding: 24px; border: 1px solid rgba(0,0,0,.12); background: rgba(255,255,255,.76); box-shadow: 0 42px 100px rgba(18,27,22,.17); backdrop-filter: blur(18px); transform: rotate(-1.5deg); }
.prompt-top { display: flex; align-items: center; gap: 7px; padding-bottom: 22px; border-bottom: 1px solid rgba(0,0,0,.1); }
.prompt-top span { width: 8px; height: 8px; border: 1px solid #8e9390; border-radius: 50%; }
.prompt-top small { margin-left: auto; font: 700 .57rem monospace; letter-spacing: .15em; }
.prompt-quote { margin: 35px 0 24px; font-family: var(--display); font-size: clamp(1.7rem,3vw,2.8rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.08; }
.prompt-quote mark { padding: 0 .08em; background: var(--signal); color: var(--ink); }
.prompt-tags { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 32px; }
.prompt-tags span { padding: 7px 11px; border: 1px solid rgba(0,0,0,.12); border-radius: 99px; font-size: .64rem; font-weight: 700; }
.prompt-result { display: grid; grid-template-columns: 52px 1fr 42px; gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid rgba(0,0,0,.1); }
.result-art { position: relative; display: grid; aspect-ratio: 1; place-items: center; overflow: hidden; color: white; font-weight: 900; }
.prompt-result strong, .prompt-result span { display: block; }
.prompt-result strong { font-size: .82rem; }.prompt-result span { color: #777; font-size: .66rem; }
.prompt-result button { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid #222; border-radius: 50%; background: transparent; }
.orbit { position: absolute; border: 1px solid rgba(35,46,39,.16); border-radius: 50%; }
.orbit-one { width: 520px; height: 520px; animation: orbit 16s linear infinite; }.orbit-two { width: 370px; height: 370px; border-color: rgba(140,111,255,.2); animation: orbit 12s linear infinite reverse; }
.orbit::after { content: ""; position: absolute; top: 50%; left: -4px; width: 8px; height: 8px; border-radius: 50%; background: #759b18; }

/* Moods */
.mood-section { background: #111416; }
.mood-grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr; grid-template-rows: repeat(2, 240px); gap: 12px; }
.mood-tile { position: relative; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 30px; border: 1px solid var(--line); background: #161a1d; transition: background .3s, transform .3s; }
.mood-tile::after { content: ""; position: absolute; width: 260px; height: 260px; right: -100px; top: -130px; border: 1px solid rgba(217,255,114,.15); border-radius: 50%; box-shadow: 0 0 0 32px rgba(217,255,114,.03), 0 0 0 64px rgba(217,255,114,.02); transition: transform .4s; }
.mood-tile:hover { z-index: 2; background: #202528; transform: scale(1.012); }
.mood-tile:hover::after { transform: scale(1.4); }
.mood-large { grid-row: 1 / span 2; background: var(--signal); color: var(--ink); }
.mood-large::after { border-color: rgba(0,0,0,.18); box-shadow: 0 0 0 42px rgba(0,0,0,.04), 0 0 0 84px rgba(0,0,0,.025); }
.mood-tile span { position: absolute; top: 28px; left: 30px; font: 600 .65rem monospace; }
.mood-tile h3 { position: relative; z-index: 1; margin: 0; font-family: var(--display); font-size: clamp(1.8rem,3vw,3.3rem); font-weight: 900; letter-spacing: -.05em; text-transform: uppercase; }
.mood-tile p { position: relative; z-index: 1; margin: 2px 0 0; color: var(--muted); font-size: .78rem; }.mood-large p { color: rgba(0,0,0,.6); }
.mood-tile i { position: absolute; right: 30px; bottom: 30px; font-style: normal; }

/* Creator list */
.creator-section { background: var(--paper); color: var(--ink); }
.creator-heading { display: grid; grid-template-columns: 1fr 2fr; align-items: start; margin-bottom: 70px; }
.creator-heading .eyebrow { color: #52611f; }
.creator-list { border-top: 1px solid rgba(0,0,0,.18); }
.creator-row { display: grid; grid-template-columns: 70px 1fr 1.2fr 30px; gap: 30px; align-items: center; min-height: 116px; border-bottom: 1px solid rgba(0,0,0,.18); transition: padding .3s, background .3s; }
.creator-row:hover { padding-inline: 18px; background: rgba(217,255,114,.45); }
.creator-row span { font: 600 .65rem monospace; }.creator-row strong { font-family: var(--display); font-size: clamp(1.45rem,2.4vw,2.4rem); letter-spacing: -.04em; text-transform: uppercase; }.creator-row p { margin: 0; color: #666b68; }.creator-row i { font-style: normal; }

/* Licensing */
.license-section { background: #080a0b; }
.license-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10vw; align-items: center; }
.license-copy > p:not(.eyebrow) { max-width: 570px; margin: 32px 0; color: var(--muted); font-size: 1.05rem; }
.license-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.license-steps li { display: grid; grid-template-columns: 58px 1fr; gap: 22px; padding: 31px 0; border-bottom: 1px solid var(--line); }
.license-steps li > span { color: var(--signal); font: 700 .68rem monospace; }
.license-steps strong { font-family: var(--display); font-size: 1.45rem; text-transform: uppercase; }
.license-steps p { margin: 5px 0 0; color: var(--muted); font-size: .85rem; }

/* Pricing */
.pricing-preview { background: #121619; }
.pricing-intro { display: grid; grid-template-columns: 1fr 1.5fr .8fr; gap: 30px; align-items: end; margin-bottom: 56px; }
.pricing-intro > p:last-child { color: var(--muted); }
.plan-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; align-items: stretch; }
.plan-card { position: relative; display: flex; min-height: 520px; flex-direction: column; padding: 42px; border: 1px solid var(--line); background: #161a1d; }
.plan-featured { border-color: var(--signal); background: #1b201d; transform: translateY(-15px); }
.popular-label { position: absolute; top: 0; right: 0; padding: 8px 12px; background: var(--signal); color: var(--ink); font-size: .58rem; font-weight: 900; letter-spacing: .12em; }
.plan-name { margin: 0; color: var(--signal); font-size: .72rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.plan-price { margin: 20px 0 12px; font-family: var(--display); font-size: 5rem; font-weight: 900; letter-spacing: -.07em; line-height: 1; }.plan-price sup { font-size: 1.5rem; vertical-align: top; }.plan-price span { margin-left: 8px; color: var(--muted); font: 500 .75rem var(--body); letter-spacing: 0; }
.plan-card > p:nth-of-type(3) { min-height: 54px; color: var(--muted); font-size: .84rem; }
.plan-card ul { display: grid; gap: 12px; margin: 28px 0 34px; padding: 26px 0 0; border-top: 1px solid var(--line); list-style: none; color: rgba(255,255,255,.73); font-size: .8rem; }
.plan-card li::before { content: "＋"; margin-right: 10px; color: var(--signal); }
.plan-card .button { margin-top: auto; }
.pricing-link { display: flex; justify-content: center; margin-top: 46px; }

/* Final CTA + footer */
.final-cta { position: relative; overflow: hidden; padding: 140px 0; background: var(--signal); color: var(--ink); }
.final-cta .eyebrow { color: #465415; }.final-cta h2 { font-size: clamp(5rem,13vw,13rem); line-height: .7; }
.final-cta-inner { position: relative; z-index: 2; }.final-cta-inner > div { display: flex; align-items: center; gap: 30px; margin-top: 65px; }.dark-text { color: var(--ink); }
.cta-signal { position: absolute; top: 0; right: 4%; bottom: 0; display: flex; align-items: center; gap: 10px; opacity: .15; transform: skewX(-10deg); }
.cta-signal i { width: 16px; height: 20%; background: var(--ink); animation: tallWave 2.5s ease-in-out infinite; }.cta-signal i:nth-child(2n) { height: 54%; animation-delay: -.7s; }.cta-signal i:nth-child(3n) { height: 90%; animation-delay: -1.3s; }
.site-footer { padding: 80px 0 25px; background: #050607; }
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3,1fr); gap: 60px; padding-bottom: 70px; }
.footer-lead p { max-width: 340px; margin: 24px 0 0; color: var(--muted); font-size: 1.3rem; }.footer-grid h2 { margin: 0 0 21px; color: rgba(255,255,255,.4); font-size: .65rem; letter-spacing: .15em; text-transform: uppercase; }.footer-grid > div:not(.footer-lead) a { display: block; width: max-content; margin: 11px 0; color: rgba(255,255,255,.76); font-size: .8rem; }.footer-grid a:hover { color: var(--signal); }
.footer-bottom { display: flex; justify-content: space-between; gap: 25px; padding-top: 24px; border-top: 1px solid var(--line); color: rgba(255,255,255,.36); font-size: .62rem; letter-spacing: .05em; text-transform: uppercase; }.footer-bottom div { display: flex; gap: 20px; }

/* Persistent player */
.global-player { position: fixed; z-index: 1800; right: 16px; bottom: 16px; left: 16px; display: grid; grid-template-columns: 60px minmax(140px,1fr) auto minmax(260px,1.35fr) auto; gap: 18px; align-items: center; height: 76px; padding: 8px 18px 8px 8px; border: 1px solid rgba(255,255,255,.18); background: rgba(12,15,16,.94); box-shadow: 0 18px 70px rgba(0,0,0,.5); backdrop-filter: blur(22px); }
.global-player[hidden] { display:none; }
.player-art { position: relative; display: grid; width: 60px; height: 60px; overflow: hidden; place-items: center; isolation: isolate; font-family: var(--display); font-weight: 900; }
.player-track { min-width: 0; }.player-track strong, .player-track span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.player-track strong { font-size: .81rem; }.player-track span { color: var(--muted); font-size: .67rem; }
.player-transport { display: flex; align-items: center; gap: 7px; }.icon-button { display: grid; width: 36px; height: 36px; place-items: center; border: 0; background: transparent; color: white; }.player-play { display: grid; width: 44px; height: 44px; place-items: center; border: 0; border-radius: 50%; background: var(--signal); color: var(--ink); }
.player-timeline { display: grid; grid-template-columns: 34px 1fr 34px; gap: 10px; align-items: center; color: var(--muted); font: 600 .58rem monospace; }
input[type="range"] { height: 3px; accent-color: var(--signal); cursor: pointer; }
.player-tools { display: flex; align-items: center; gap: 8px; }.volume-control { display: flex; align-items: center; gap: 8px; }.volume-control input { width: 70px; }

/* Interior page system */
.page-hero { padding: 170px 0 75px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 80% 10%, rgba(117,231,224,.1), transparent 30%), var(--ink); }
.page-hero h1 { max-width: 1100px; margin: 0; font-family: var(--display); font-size: clamp(3.8rem,8vw,8.5rem); font-weight: 900; letter-spacing: -.07em; line-height: .84; text-transform: uppercase; }.page-hero p:not(.eyebrow) { max-width: 660px; margin: 30px 0 0; color: var(--muted); font-size: 1.1rem; }
.catalog-shell { padding: 40px 0 120px; }.catalog-toolbar { position: sticky; top: 76px; z-index: 30; display: grid; grid-template-columns: 1fr repeat(3,180px); gap: 10px; padding: 14px 0; background: rgba(9,11,12,.92); backdrop-filter: blur(18px); }.catalog-toolbar input,.catalog-toolbar select { height: 52px; padding: 0 16px; border: 1px solid var(--line); border-radius: 0; background: #121619; color: white; }.catalog-toolbar input::placeholder { color: #737a7e; }.catalog-toolbar select { appearance: none; background-image: linear-gradient(45deg,transparent 50%,var(--signal) 50%),linear-gradient(135deg,var(--signal) 50%,transparent 50%); background-position: calc(100% - 18px) 22px,calc(100% - 13px) 22px;background-size:5px 5px;background-repeat:no-repeat; }
.catalog-summary { display: flex; justify-content: space-between; margin: 24px 0; color: var(--muted); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }.catalog-list { border-top: 1px solid var(--line); }.catalog-row { display: grid; grid-template-columns: 44px 70px minmax(200px,1.4fr) minmax(120px,.7fr) minmax(140px,1fr) 70px 74px 90px; gap: 18px; align-items: center; min-height: 96px; border-bottom: 1px solid var(--line); transition: background .2s, padding .2s; }.catalog-row:hover { padding-inline: 12px; background: rgba(255,255,255,.025); }.catalog-play { display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;color:white; }.catalog-play:hover:not(:disabled) { border-color: var(--signal); color: var(--signal); }.catalog-play:disabled { opacity:.3; }.catalog-art { position:relative;display:grid;width:58px;height:58px;place-items:center;overflow:hidden;isolation:isolate;font-weight:900; }.catalog-title strong,.catalog-title span { display:block; }.catalog-title strong { font-size:.9rem; }.catalog-title span,.catalog-cell { color:var(--muted);font-size:.7rem; }.catalog-tags { display:flex;gap:6px;flex-wrap:wrap; }.catalog-tags span { padding:5px 7px;border:1px solid var(--line);font-size:.56rem;text-transform:uppercase; }.token-pill { color:var(--signal);font:700 .67rem monospace; }.catalog-download { font-size:.65rem;font-weight:800;text-transform:uppercase; }.empty-state { display:none;padding:80px 20px;text-align:center;color:var(--muted); }
.content-section { padding:100px 0; }.content-narrow { max-width:850px; }.content-narrow h2 { margin:60px 0 18px;font-family:var(--display);font-size:2.5rem;text-transform:uppercase; }.content-narrow p,.content-narrow li { color:#b0b5b7; }.prose-lead { font-size:1.25rem!important;color:white!important; }
.auth-page { min-height:100svh;display:grid;grid-template-columns:1fr 1fr;background:var(--paper);color:var(--ink); }.auth-art { position:relative;overflow:hidden;background:#0a0c0d url('/assets/images/tracks-audio-hero.webp') center/cover; }.auth-art::after { content:"";position:absolute;inset:0;background:linear-gradient(20deg,rgba(5,7,8,.85),rgba(5,7,8,.1)); }.auth-art-copy { position:absolute;z-index:2;left:7vw;right:7vw;bottom:8vh;color:white; }.auth-art-copy h1 { margin:0;font-family:var(--display);font-size:clamp(3rem,6vw,7rem);font-weight:900;letter-spacing:-.06em;line-height:.85;text-transform:uppercase; }.auth-panel { display:grid;place-items:center;padding:80px 40px; }.auth-box { width:min(520px,100%); }.auth-box .brand { margin-bottom:60px; }.auth-box h2 { margin:0;font-family:var(--display);font-size:3rem;font-weight:900;letter-spacing:-.05em;text-transform:uppercase; }.auth-box > p { color:#6a6f6d; }.field { margin:22px 0; }.field label { display:block;margin-bottom:7px;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase; }.field input,.field select { width:100%;height:54px;padding:0 15px;border:1px solid #c9cecb;background:white;color:var(--ink); }.auth-box .button { width:100%; }.auth-links { display:flex;justify-content:space-between;margin-top:22px;font-size:.72rem; }.auth-links a { border-bottom:1px solid #aaa; }

/* Supporting interface patterns */
.signal-text { color: var(--signal); }
.pricing-details { display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:55px;color:var(--muted);font-size:.82rem; }
.pricing-details p { max-width:650px;margin:0; }
.faq-band { background:var(--paper);color:var(--ink); }
.faq-band .eyebrow { color:#52611f; }
.faq-list { border-top:1px solid rgba(0,0,0,.16); }
.faq-list details { border-bottom:1px solid rgba(0,0,0,.16); }
.faq-list summary { display:flex;align-items:center;justify-content:space-between;padding:28px 0;cursor:pointer;font-family:var(--display);font-size:1.35rem;font-weight:850;text-transform:uppercase;list-style:none; }
.faq-list summary::after { content:'＋';color:#60721d; }
.faq-list details[open] summary::after { content:'−'; }
.faq-list details p { max-width:760px;margin:-7px 0 30px;color:#606562; }
.faq-list.wide { max-width:1000px; }
.toast-stack { position:fixed;z-index:2500;right:22px;bottom:110px;display:grid;gap:10px;pointer-events:none; }
.site-toast { max-width:360px;padding:15px 18px;border:1px solid rgba(255,255,255,.18);background:#f2f0e9;color:#090b0c;box-shadow:0 18px 50px rgba(0,0,0,.35);font-size:.78rem;font-weight:700;opacity:0;transform:translateY(12px);transition:.3s; }
.site-toast.is-visible { opacity:1;transform:none; }
.taxonomy-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }
.taxonomy-card { --art-a:#d9ff72;--art-b:#194844;position:relative;display:flex;min-height:330px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:30px;border:1px solid var(--line);background:radial-gradient(circle at 78% 20%,var(--art-a),transparent 24%),radial-gradient(circle at 25% 85%,var(--art-b),transparent 38%),#14181a;transition:transform .3s,border-color .3s; }
.taxonomy-card:hover { transform:translateY(-6px);border-color:rgba(217,255,114,.7); }
.taxonomy-card::after { content:"";position:absolute;top:-110px;right:-100px;width:280px;height:280px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.015); }
.taxonomy-card>span { position:absolute;top:24px;left:28px;font:600 .65rem monospace; }
.taxonomy-card h2 { position:relative;z-index:1;font-size:clamp(2rem,4vw,4rem); }
.taxonomy-card p { position:relative;z-index:1;margin:8px 0 0;color:rgba(255,255,255,.6); }
.taxonomy-card i { position:absolute;right:30px;bottom:30px;font-style:normal; }
.taxonomy-empty { padding:90px 0;text-align:center; }
.taxonomy-empty h2 { font-family:var(--display);font-size:3rem;text-transform:uppercase; }
.taxonomy-empty p { color:var(--muted); }
.track-detail-hero { padding:155px 0 100px;background:radial-gradient(circle at 80% 20%,rgba(217,255,114,.08),transparent 32%),#090b0c; }
.track-detail-grid { display:grid;grid-template-columns:minmax(320px,560px) 1fr;gap:8vw;align-items:center; }
.detail-art { position:relative;display:flex;aspect-ratio:1;align-items:flex-end;overflow:hidden;padding:35px;isolation:isolate;background:#191d20; }
.detail-art::before { content:"";position:absolute;inset:-20%;z-index:-1;background:radial-gradient(circle at 25% 25%,var(--art-a),transparent 30%),radial-gradient(circle at 72% 73%,var(--art-b),transparent 40%),linear-gradient(130deg,#17191b,#060708); }
.detail-art>span { font-family:var(--display);font-size:clamp(5rem,11vw,11rem);font-weight:900;letter-spacing:-.1em;line-height:.7; }
.detail-art small { position:absolute;top:30px;left:35px;font:600 .7rem monospace; }
.detail-orbit { position:absolute;top:10%;right:-26%;width:76%;height:76%;border:1px solid rgba(255,255,255,.24);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018); }
.detail-copy h1 { margin:0;font-family:var(--display);font-size:clamp(3.5rem,7vw,7rem);font-weight:900;letter-spacing:-.07em;line-height:.85;text-transform:uppercase; }
.detail-artist { margin:20px 0 35px;color:var(--muted);font-size:1.25rem; }
.detail-actions { display:flex;gap:10px;flex-wrap:wrap; }
.track-facts { display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:45px 0 0;border:1px solid var(--line);background:var(--line); }
.track-facts div { padding:16px;background:#0d1011; }
.track-facts dt { color:var(--muted);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase; }
.track-facts dd { margin:5px 0 0;font-size:.77rem;font-weight:700; }
.use-case-copy { display:grid;grid-template-columns:1fr 1fr;gap:10vw; }
.use-case-copy .eyebrow { color:#52611f; }
.use-case-copy p { color:#5f6461;font-size:1.05rem; }
.contact-grid { display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw; }
.contact-grid h2 { font-family:var(--display);font-size:4rem;text-transform:uppercase; }
.contact-grid p { color:var(--muted); }
.contact-grid textarea { width:100%;padding:15px;border:1px solid #343a3d;background:#111416;color:white; }
.field-row { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.password-field { position:relative; }
.password-field button { position:absolute;right:12px;bottom:14px;border:0;background:transparent;color:#555;font-size:.66rem;font-weight:800;text-transform:uppercase; }
.check-row { display:flex;gap:10px;align-items:flex-start;margin:20px 0;color:#666;font-size:.7rem; }
.check-row input { margin-top:3px; }
.check-row a { text-decoration:underline; }
.flash-message { margin:18px 0;padding:13px 15px;border-left:3px solid #65706a;background:#e8ebe9;font-size:.75rem; }
.flash-error { border-color:#bb3d48;background:#fae8e9; }
.flash-success { border-color:#4e7520;background:#edf7dc; }
.dashboard-main { padding:120px 0;background:#0b0e0f; }
.dashboard-layout { display:grid;grid-template-columns:230px 1fr;gap:60px; }
.account-sidebar { position:sticky;top:110px;align-self:start; }
.sidebar-label { color:var(--signal);font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase; }
.account-sidebar nav { display:grid;border-top:1px solid var(--line); }
.account-sidebar a { padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.78rem; }
.account-sidebar a:hover,.account-sidebar a.is-active { color:white; }
.dashboard-welcome { position:relative;margin-bottom:38px; }
.dashboard-welcome h1 { margin:0;font-family:var(--display);font-size:clamp(3rem,6vw,6rem);font-weight:900;letter-spacing:-.06em;line-height:.85;text-transform:uppercase; }
.status-chip { position:absolute;right:0;bottom:0;padding:8px 11px;border:1px solid var(--line);font:700 .6rem monospace; }
.dashboard-kpis { display:grid;grid-template-columns:1.4fr 1fr;gap:12px; }
.dashboard-kpis article { display:flex;min-height:230px;flex-direction:column;padding:30px;border:1px solid var(--line);background:#14181a; }
.dashboard-kpis .token-card { background:var(--signal);color:var(--ink); }
.dashboard-kpis small { font-size:.63rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
.dashboard-kpis strong { margin:auto 0 0;font-family:var(--display);font-size:5rem;line-height:.8; }
.dashboard-kpis span { color:var(--muted);font-size:.7rem; }
.token-card span { color:rgba(0,0,0,.6); }
.dashboard-kpis a { margin-top:25px;font-size:.68rem;font-weight:800;text-transform:uppercase; }
.stat-row { display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0 80px;border:1px solid var(--line); }
.stat-row article { padding:25px;border-right:1px solid var(--line); }
.stat-row article:last-child { border:0; }
.stat-row strong,.stat-row span { display:block; }
.stat-row strong { font-family:var(--display);font-size:2rem; }
.stat-row span { color:var(--muted);font-size:.68rem; }
.section-heading.compact h2 { font-size:3rem; }
.admin-shell { min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#0c0f10; }
.admin-sidebar { position:fixed;inset:0 auto 0 0;width:250px;display:flex;min-height:100vh;flex-direction:column;padding:24px 20px;border-right:1px solid var(--line);background:#090b0c; }
.admin-sidebar>small { margin:35px 0 13px;color:#596064;font-size:.56rem;letter-spacing:.16em; }
.admin-sidebar nav { display:grid; }
.admin-sidebar nav a { padding:8px 12px;border-radius:2px;color:#899095;font-size:.7rem; }
.admin-sidebar nav a:hover,.admin-sidebar nav a.is-active { background:#171b1e;color:white; }
.admin-sidebar nav a.is-active::before { content:'•';margin-right:8px;color:var(--signal); }
.admin-sidebar-bottom { display:grid;gap:8px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line); }
.admin-sidebar-bottom a { font-size:.68rem; }
.admin-content { grid-column:2; }
.admin-topbar { position:sticky;top:0;z-index:10;display:flex;height:84px;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(12,15,16,.92);backdrop-filter:blur(18px); }
.admin-topbar span,.admin-topbar strong { display:block; }
.admin-topbar span { color:var(--muted);font-size:.6rem;text-transform:uppercase; }
.admin-topbar strong { font-size:.76rem; }
.admin-body { padding:55px 35px 90px; }
.admin-title h1 { margin:0;font-family:var(--display);font-size:4rem;font-weight:900;letter-spacing:-.05em;text-transform:uppercase; }
.admin-kpis { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:38px 0; }
.admin-kpis article { padding:22px;border:1px solid var(--line);background:#14181a; }
.admin-kpis small,.admin-kpis strong,.admin-kpis span { display:block; }
.admin-kpis small { color:var(--muted);font-size:.56rem;text-transform:uppercase; }
.admin-kpis strong { margin:19px 0 2px;font-family:var(--display);font-size:2.5rem; }
.admin-kpis span { color:#62696d;font-size:.58rem; }
.admin-grid { display:grid;grid-template-columns:1.3fr .7fr;gap:10px; }
.admin-panel { padding:28px;border:1px solid var(--line);background:#111416; }
.panel-heading { display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:30px; }
.panel-heading small { color:var(--signal);font-size:.57rem;text-transform:uppercase; }
.panel-heading h2 { margin:5px 0 0;font-family:var(--display);font-size:1.9rem;text-transform:uppercase; }
.panel-heading a { font-size:.6rem; }
.search-demand { display:grid;gap:15px; }
.search-demand>div { display:grid;grid-template-columns:140px 1fr 28px;gap:12px;align-items:center;font-size:.66rem; }
.search-demand b { height:4px;background:linear-gradient(90deg,var(--signal) var(--d),#252b2e var(--d)); }
.search-demand em { font:normal .6rem monospace; }
.panel-note { margin-top:28px;color:#5f6669;font-size:.6rem; }
.launch-list { display:grid;gap:13px;margin:0;padding:0;list-style:none;color:#7f878b;font-size:.7rem; }
.launch-list li span { display:inline-grid;width:22px;color:#667075; }
.launch-list li.is-done { color:white; }
.launch-list li.is-done span { color:var(--signal); }
.admin-filter { display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin:35px 0 18px; }
.admin-filter input,.admin-filter select { height:52px;padding:0 15px;border:1px solid var(--line);background:#111416;color:white; }
.admin-table { border:1px solid var(--line); }
.admin-table-head,.admin-table-row { display:grid;grid-template-columns:minmax(260px,1.6fr) 120px 70px 70px 120px 60px;gap:18px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line); }
.admin-table-head { color:#626a6e;font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.admin-table-row:last-child { border-bottom:0; }
.admin-table-row:hover { background:#14181a; }
.admin-table-row span { color:#9ca3a7;font-size:.67rem; }
.admin-table-row span:first-child strong,.admin-table-row span:first-child small { display:block; }
.admin-table-row span:first-child strong { color:white;font-size:.78rem; }
.admin-table-row span:first-child small { color:#626a6e; }
.admin-table-row a { color:var(--signal);font-size:.62rem;font-weight:800;text-transform:uppercase; }
.status-dot { display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#687074; }
.status-published { background:var(--signal); }.status-draft { background:#f8bf5c; }.status-inactive,.status-archived { background:#e16270; }
.admin-form { display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:35px; }
.form-panel { padding:28px;border:1px solid var(--line);background:#111416; }
.form-panel h2 { margin:0 0 15px;font-family:var(--display);font-size:1.6rem;text-transform:uppercase; }
.form-panel textarea { width:100%;padding:14px;border:1px solid #31383b;background:#0b0e0f;color:white; }
.form-panel input,.form-panel select { border-color:#31383b;background:#0b0e0f;color:white; }
.form-grid-4 { display:grid;grid-template-columns:repeat(2,1fr);gap:0 12px; }
.form-actions { grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:8px; }
.dashboard-page-title { margin-bottom:38px; }
.dashboard-page-title h1 { margin:0;font-family:var(--display);font-size:clamp(3.3rem,6vw,6rem);font-weight:900;letter-spacing:-.06em;line-height:.86;text-transform:uppercase; }
.dashboard-page-title>p:not(.eyebrow) { max-width:650px;margin:20px 0 0;color:var(--muted); }
.dashboard-empty { display:flex;min-height:410px;flex-direction:column;align-items:flex-start;justify-content:center;padding:55px;border:1px solid var(--line);background:radial-gradient(circle at 85% 15%,rgba(217,255,114,.1),transparent 28%),#111416; }
.dashboard-empty>span { color:var(--signal);font-family:var(--display);font-size:4rem;line-height:1; }
.dashboard-empty h2 { margin:20px 0 5px;font-family:var(--display);font-size:2.4rem;text-transform:uppercase; }
.dashboard-empty p { max-width:500px;margin:0 0 28px;color:var(--muted); }
.data-list { border-top:1px solid var(--line); }
.data-list article { display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:120px;padding:22px 0;border-bottom:1px solid var(--line); }
.data-list article>div:last-child { display:flex;align-items:center;gap:24px;color:var(--muted);font-size:.7rem; }
.data-list small { color:var(--signal);font:700 .6rem monospace; }
.data-list h2 { margin:5px 0 2px;font-family:var(--display);font-size:1.5rem;text-transform:uppercase; }
.data-list p { margin:0;color:var(--muted);font-size:.72rem; }
.collection-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:12px; }
.collection-grid article { position:relative;display:flex;min-height:270px;flex-direction:column;padding:30px;border:1px solid var(--line);background:radial-gradient(circle at 82% 16%,rgba(117,231,224,.13),transparent 24%),#121618; }
.collection-grid small { color:var(--signal);font-size:.58rem;letter-spacing:.1em; }
.collection-grid h2 { margin:auto 0 5px;font-family:var(--display);font-size:2rem;text-transform:uppercase; }
.collection-grid p,.collection-grid>article>span { color:var(--muted);font-size:.7rem; }
.data-table { border:1px solid var(--line); }
.data-table-head,.data-table-row { display:grid;grid-template-columns:minmax(240px,1fr) 100px 100px 150px;gap:20px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line); }
.data-table-head { color:#656c70;font-size:.58rem;font-weight:800;text-transform:uppercase; }
.data-table-row:last-child { border:0; }
.data-table-row span { color:var(--muted);font-size:.7rem; }
.data-table-row strong,.data-table-row small { display:block; }
.data-table-row strong { color:white;font-size:.78rem; }.data-table-row small { color:#656c70; }
.billing-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.billing-plan,.billing-action { min-height:430px;padding:36px;border:1px solid var(--line);background:#121618; }
.billing-plan { display:flex;flex-direction:column; }.billing-plan>small { color:var(--signal);font-weight:800;letter-spacing:.1em; }.billing-plan h2 { margin:40px 0 0;font-family:var(--display);font-size:3rem;text-transform:uppercase; }.billing-plan>strong { font-family:var(--display);font-size:4rem; }.billing-plan>strong span { color:var(--muted);font-family:var(--body);font-size:.75rem; }.billing-plan ul { margin:auto 0 20px;padding-left:18px;color:var(--muted);font-size:.75rem; }.billing-plan .status-chip { position:static;align-self:flex-start; }
.billing-action { display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 75% 18%,rgba(217,255,114,.18),transparent 25%),#101315; }.billing-action h2 { max-width:390px;margin:24px 0 8px;font-family:var(--display);font-size:2.5rem;text-transform:uppercase; }.billing-action p { color:var(--muted); }.billing-action .button { align-self:flex-start;margin-top:20px; }
.signal-orb { display:block;width:74px;height:74px;border:1px solid var(--signal);border-radius:50%;box-shadow:0 0 0 14px rgba(217,255,114,.05),0 0 0 28px rgba(217,255,114,.025); }
.status-active,.status-trialing { border-color:rgba(217,255,114,.5);color:var(--signal); }.status-incomplete,.status-none { border-color:rgba(248,191,92,.5);color:#f8bf5c; }
.admin-filter-simple { grid-template-columns:minmax(260px,520px); }
.subscriber-table .admin-table-head,.subscriber-table .admin-table-row { grid-template-columns:minmax(260px,1.5fr) 110px 130px 80px 110px 50px; }
.resource-table .admin-table-head,.resource-table .admin-table-row { grid-template-columns:minmax(260px,1fr) 120px 120px 120px; }
.subscription-table .admin-table-head,.subscription-table .admin-table-row { grid-template-columns:minmax(260px,1.5fr) 100px 80px 130px 120px; }
.download-table .admin-table-head,.download-table .admin-table-row { grid-template-columns:minmax(230px,1.2fr) minmax(180px,1fr) 80px 80px 120px; }
.license-table .admin-table-head,.license-table .admin-table-row { grid-template-columns:minmax(180px,.7fr) minmax(230px,1.2fr) minmax(180px,1fr) 140px 110px; }
.admin-empty-row { padding:45px 20px;color:var(--muted);font-size:.72rem;text-align:center; }
.mini-list { display:grid; }
.mini-list>div { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line); }
.mini-list strong,.mini-list small { display:block; }.mini-list strong { font-size:.72rem; }.mini-list small { color:#626a6e;font-size:.58rem; }.mini-list em { color:var(--muted);font:normal .62rem monospace; }
.report-list>div { display:grid;grid-template-columns:1fr 100px 130px;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:.7rem; }.report-list span,.report-list em { color:var(--muted);font-style:normal; }
.readiness-score { color:var(--signal);font-family:var(--display);font-size:2.2rem; }
.admin-callout { display:flex;gap:22px;margin-top:12px;padding:30px;border:1px solid rgba(217,255,114,.25);background:rgba(217,255,114,.05); }.admin-callout>span { color:var(--signal);font-size:2rem; }.admin-callout h2 { margin:0;font-family:var(--display);text-transform:uppercase; }.admin-callout p { margin:7px 0 0;color:var(--muted);font-size:.72rem; }
.settings-grid { display:grid;grid-template-columns:1.2fr .8fr;gap:12px; }.settings-list>div { display:grid;grid-template-columns:12px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line); }.readiness-dot { width:7px;height:7px;border-radius:50%;background:#e16270; }.readiness-dot.is-ready { background:var(--signal);box-shadow:0 0 12px rgba(217,255,114,.4); }.settings-list strong,.settings-list small { display:block; }.settings-list strong { font-size:.72rem; }.settings-list small { color:#60686b;font:500 .56rem monospace; }.settings-list em { color:var(--muted);font:normal .57rem monospace; }.panel-copy { color:var(--muted);font-size:.76rem;line-height:1.8; }.security-seal { margin-top:40px;padding:22px;border:1px solid var(--line); }.security-seal>span { color:var(--signal);font-size:1.5rem; }.security-seal strong,.security-seal small { display:block; }.security-seal small { color:var(--muted); }
.phase-badge { padding:6px 8px;border:1px solid rgba(217,255,114,.4);color:var(--signal);font:700 .55rem monospace; }.ingest-steps { margin:0;padding:0;list-style:none; }.ingest-steps li { display:grid;grid-template-columns:40px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line); }.ingest-steps li>span { color:var(--signal);font:.62rem monospace; }.ingest-steps strong { font-size:.76rem; }.ingest-steps p { margin:5px 0 0;color:var(--muted);font-size:.67rem; }.import-drop { display:grid;min-height:190px;margin-top:25px;padding:25px;place-items:center;border:1px dashed #3d4548;text-align:center; }.import-drop>span { color:var(--signal);font:800 2.2rem var(--display); }.import-drop p { max-width:410px;margin:0;color:var(--muted);font-size:.67rem; }.tag-cloud { display:flex;gap:8px;flex-wrap:wrap; }.tag-cloud span { padding:8px 10px;border:1px solid var(--line);color:#abb1b4;font-size:.62rem;text-transform:uppercase; }
.error-page { display:flex;min-height:100vh;flex-direction:column;align-items:flex-start;justify-content:center;width:min(900px,calc(100vw - 40px));margin:auto; }
.error-page>img { width:54px; }
.error-page h1 { margin:10px 0;font-family:var(--display);font-size:clamp(4rem,10vw,9rem);font-weight:900;letter-spacing:-.07em;line-height:.8;text-transform:uppercase; }
.error-page>p:not(.eyebrow) { color:var(--muted); }
.development-error { display:grid;gap:7px;width:100%;margin:20px 0 30px;padding:18px;border:1px solid #63323b;background:#1b1012;color:#f3c4ca;font:600 .7rem/1.55 monospace;word-break:break-word; }.development-error span,.development-error small { color:#ba9499; }

/* Motion */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .75s cubic-bezier(.2,.7,.2,1), transform .75s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible { opacity: 1; transform: none; }
@keyframes pulse { 70% { box-shadow:0 0 0 8px rgba(217,255,114,0); } 100% { box-shadow:0 0 0 0 rgba(217,255,114,0); } }
@keyframes heroDrift { to { transform: scale(1.035) translateX(-.5%); } }
@keyframes marquee { to { transform: translateX(-50%); } }
@keyframes wave { 0%,100% { transform:scaleY(.4); } 50% { transform:scaleY(1); } }
@keyframes tallWave { 0%,100% { transform:scaleY(.5); } 50% { transform:scaleY(1); } }
@keyframes orbit { to { transform:rotate(360deg); } }

@media (max-width: 1180px) {
  :root { --shell:min(1440px,calc(100vw - 40px)); }
  .featured-tracks { grid-template-columns:repeat(3,1fr);row-gap:35px; }
  .creator-heading { grid-template-columns:1fr;gap:20px; }.pricing-intro { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1.4fr repeat(3,1fr);gap:30px; }
  .taxonomy-grid { grid-template-columns:repeat(2,1fr); }
  .admin-kpis { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 860px) {
  :root { --shell:calc(100vw - 32px); }
  .site-header { height:68px; }.header-inner { grid-template-columns:1fr auto; }.nav-toggle { display:block;grid-column:2; }.site-nav { position:fixed;inset:68px 0 auto;display:none;flex-direction:column;align-items:flex-start;padding:25px 16px 34px;background:#090b0c;border-bottom:1px solid var(--line); }.site-nav.is-open { display:flex; }.site-nav a { font-size:1.3rem; }.header-actions { display:none; }
  .hero { min-height:820px; }.hero::after { background:linear-gradient(90deg,rgba(3,4,5,.97),rgba(3,4,5,.48)),linear-gradient(0deg,rgba(3,4,5,.86),transparent 50%); }.hero-copy { width:100%; }.hero h1 { font-size:clamp(3.6rem,13vw,6.5rem); }.hero-proof { display:none; }
  .section { padding:90px 0; }.section-heading { align-items:flex-start;flex-direction:column; }.featured-tracks { grid-template-columns:repeat(2,1fr); }.discovery-grid,.license-grid { grid-template-columns:1fr;gap:70px; }.mood-grid { grid-template-columns:1fr 1fr;grid-template-rows:300px repeat(2,210px); }.mood-large { grid-row:auto;grid-column:1/-1; }.creator-row { grid-template-columns:45px 1fr 30px;gap:12px; }.creator-row p { display:none; }.plan-grid { grid-template-columns:1fr; }.plan-featured { transform:none; }.footer-grid { grid-template-columns:1fr 1fr; }.footer-lead { grid-column:1/-1; }.global-player { grid-template-columns:50px 1fr auto;height:72px; }.player-art { width:54px;height:54px; }.player-timeline,.player-tools { display:none; }.catalog-toolbar { grid-template-columns:1fr 1fr;top:68px; }.catalog-row { grid-template-columns:40px 58px 1fr 60px;gap:12px; }.catalog-row > :nth-child(4),.catalog-row > :nth-child(5),.catalog-row > :nth-child(6),.catalog-row > :nth-child(8) { display:none; }.auth-page { grid-template-columns:1fr; }.auth-art { display:none; }
  .track-detail-grid,.use-case-copy,.contact-grid { grid-template-columns:1fr; }
  .track-facts { grid-template-columns:repeat(2,1fr); }
  .dashboard-layout { grid-template-columns:1fr; }
  .account-sidebar { position:static; }
  .account-sidebar nav { grid-template-columns:repeat(2,1fr); }
  .admin-shell { display:block; }
  .admin-sidebar { position:static;width:100%;min-height:auto; }
  .admin-sidebar nav { grid-template-columns:repeat(3,1fr); }
  .admin-sidebar-bottom { margin-top:20px; }
  .admin-content { grid-column:auto; }
  .admin-grid { grid-template-columns:1fr; }
  .admin-filter { grid-template-columns:1fr 1fr; }.admin-filter .button { grid-column:1/-1; }.admin-table-head,.admin-table-row { grid-template-columns:1fr 90px 60px 60px; }.admin-table-head>:nth-child(5),.admin-table-row>:nth-child(5),.admin-table-head>:nth-child(6),.admin-table-row>:nth-child(6) { display:none; }.admin-form { grid-template-columns:1fr; }
}
@media (max-width: 560px) {
  .hero { min-height:760px; }.hero-copy { margin-top:25px; }.hero h1 { font-size:3.75rem; }.hero-deck { font-size:.92rem; }.hero-search { height:auto;min-height:62px;padding-left:48px; }.hero-search button { align-self:stretch;padding:0 15px;font-size:0; }.hero-search button span { font-size:1rem; }.search-suggestions { display:none; }
  .section h2 { font-size:3.2rem; }.featured-tracks { grid-template-columns:1fr 1fr;gap:24px 10px; }.track-card h3 { font-size:.78rem; }.track-meta { display:none; }.prompt-stage { min-height:440px; }.prompt-window { padding:17px;transform:none; }.prompt-quote { font-size:1.55rem; }.orbit-one { width:390px;height:390px; }.orbit-two { width:270px;height:270px; }.mood-grid { grid-template-columns:1fr;grid-template-rows:repeat(5,190px); }.mood-large { grid-column:auto; }.creator-row { min-height:94px; }.creator-row strong { font-size:1.3rem; }.plan-card { min-height:480px;padding:32px 25px; }.final-cta h2 { font-size:6rem; }.final-cta-inner > div { align-items:flex-start;flex-direction:column; }.footer-grid { grid-template-columns:1fr; }.footer-lead { grid-column:auto; }.footer-bottom { flex-direction:column; }.demo-credit { line-height:1.5; }.catalog-toolbar { grid-template-columns:1fr; }.catalog-toolbar select:not(:first-of-type) { display:none; }.catalog-row { grid-template-columns:38px 50px 1fr; }.catalog-row > :nth-child(7) { display:none; }.auth-panel { padding:70px 20px; }.page-hero { padding-top:130px; }.page-hero h1 { font-size:3.8rem; }
  .taxonomy-grid { grid-template-columns:1fr; }
  .pricing-details { align-items:flex-start;flex-direction:column; }
  .field-row { grid-template-columns:1fr; }
  .dashboard-kpis { grid-template-columns:1fr; }
  .collection-grid,.billing-grid,.settings-grid { grid-template-columns:1fr; }
  .data-table { overflow:auto; }.data-table-head,.data-table-row { min-width:620px; }
  .stat-row { grid-template-columns:1fr; }
  .stat-row article { border-right:0;border-bottom:1px solid var(--line); }
  .admin-kpis { grid-template-columns:1fr; }
  .admin-sidebar nav { grid-template-columns:repeat(2,1fr); }
  .admin-topbar { padding-inline:16px; }
  .admin-body { padding:40px 16px; }
  .admin-title h1 { font-size:3rem; }
  .search-demand>div { grid-template-columns:100px 1fr 24px; }
  .toast-stack { left:16px;right:16px;bottom:92px; }
  .site-toast { max-width:none; }
  .admin-filter { grid-template-columns:1fr; }.admin-table-head,.admin-table-row { grid-template-columns:1fr 76px 50px; }.admin-table-head>:nth-child(4),.admin-table-row>:nth-child(4) { display:none; }.form-grid-4 { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important; }
  .reveal { opacity:1;transform:none; }
}