@charset "UTF-8";

/* Star Mark Records — Distribución musical
   Esta hoja amplía los estilos compartidos de /inicio sin modificar esa página. */

.distribution-page {
  --distribution-blue: 77, 126, 225;
  --distribution-cyan: 71, 205, 224;
  --distribution-green: 115, 221, 176;
}

.distribution-page main {
  overflow: clip;
}

.distribution-grid-lines {
  position: fixed;
  z-index: -3;
  inset: 0;
  pointer-events: none;
  opacity: .07;
  background-image:
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(var(--accent-rgb), .22) 50%, transparent calc(50% + .5px)),
    linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px);
  background-size: 100% 100%, 100% 14vh;
  mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);
}

.cursor-light {
  position: fixed;
  z-index: -2;
  top: 0;
  left: 0;
  width: 430px;
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(circle, rgba(var(--accent-rgb), .085), transparent 68%);
  filter: blur(2px);
  transition: opacity 240ms ease;
  will-change: transform;
}

.cursor-light.is-visible { opacity: 1; }

.toast {
  position: fixed;
  z-index: 300;
  right: calc(22px + var(--safe-right));
  bottom: calc(92px + var(--safe-bottom));
  max-width: min(360px, calc(100vw - 36px));
  padding: 12px 15px;
  border: 1px solid rgba(var(--accent-rgb), .35);
  border-radius: 14px;
  color: #fff;
  background: rgba(5, 10, 24, .94);
  box-shadow: var(--shadow);
  font-size: .72rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 220ms ease, transform 220ms ease, visibility 220ms;
}

.toast.is-visible {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.text-action,
.plans-detail-link {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  color: var(--accent-bright);
  font-size: .76rem;
  font-weight: 820;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.text-action svg,
.plans-detail-link svg {
  width: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 220ms var(--ease-out);
}

.text-action:hover svg,
.plans-detail-link:hover svg { transform: translateX(5px); }

/* Hero */
.distribution-hero {
  min-height: 100svh;
  display: grid;
  align-items: center;
  padding-top: calc(var(--header-height) + 84px + var(--safe-top));
  padding-bottom: 88px;
  isolation: isolate;
}

.distribution-hero::before,
.distribution-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  pointer-events: none;
}

.distribution-hero::before {
  width: min(820px, 70vw);
  aspect-ratio: 1;
  top: 4%;
  right: -18%;
  border: 1px solid rgba(var(--accent-rgb), .08);
  box-shadow: 0 0 180px rgba(var(--accent-rgb), .045) inset;
}

.distribution-hero::after {
  width: 520px;
  aspect-ratio: 1;
  left: -260px;
  bottom: -240px;
  background: radial-gradient(circle, rgba(var(--secondary-rgb), .09), transparent 66%);
  filter: blur(20px);
}

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: clamp(34px, 5vw, 62px);
  color: var(--muted-2);
  font-size: .66rem;
  font-weight: 720;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.breadcrumbs a { transition: color 180ms ease; }
.breadcrumbs a:hover { color: var(--accent-bright); }
.breadcrumbs span[aria-current="page"] { color: rgba(255,255,255,.82); }

.distribution-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(480px, .98fr);
  align-items: center;
  gap: clamp(54px, 7vw, 108px);
}

.distribution-hero-copy { position: relative; z-index: 5; }

.distribution-hero h1 {
  max-width: 790px;
  margin: 0;
  font-size: clamp(3.25rem, 6.7vw, 7.15rem);
  font-weight: 770;
  letter-spacing: -.068em;
  line-height: .91;
}

.distribution-hero h1 span {
  display: block;
  margin-top: .07em;
  color: transparent;
  background: linear-gradient(110deg, #fff 6%, var(--accent-bright) 52%, var(--accent) 95%);
  -webkit-background-clip: text;
  background-clip: text;
}

.distribution-hero-lead {
  max-width: 710px;
  margin: 30px 0 0;
  color: var(--muted);
  font-size: clamp(1.05rem, 1.65vw, 1.26rem);
  line-height: 1.75;
}

.distribution-assurances {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 760px;
  margin: 42px 0 0;
  padding: 21px 0 0;
  border-top: 1px solid var(--line);
  list-style: none;
}

.distribution-assurances li {
  display: grid;
  align-content: start;
  gap: 4px;
  padding: 0 21px;
  border-right: 1px solid var(--line);
}

.distribution-assurances li:first-child { padding-left: 0; }
.distribution-assurances li:last-child { padding-right: 0; border-right: 0; }
.distribution-assurances strong { color: var(--accent-bright); font-size: .79rem; }
.distribution-assurances span { color: var(--muted-2); font-size: .69rem; line-height: 1.4; }

.distribution-hero-visual {
  position: relative;
  min-height: 660px;
  perspective: 1200px;
}

.global-network {
  position: absolute;
  width: min(610px, 48vw);
  aspect-ratio: 1;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-style: preserve-3d;
  transition: transform 280ms ease-out;
  will-change: transform;
}

.network-halo {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid rgba(var(--accent-rgb), var(--halo-alpha));
  border-radius: 50%;
  transform: translate(-50%, -50%) rotateX(66deg) rotateZ(var(--halo-angle));
  animation: distribution-orbit var(--halo-speed) linear infinite;
}

.network-halo::before,
.network-halo::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 7px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--accent-bright);
  box-shadow: 0 0 17px rgba(var(--accent-rgb), .8);
}
.network-halo::before { left: -4px; }
.network-halo::after { right: -4px; background: #fff; }

.network-halo--outer { width: 100%; height: 80%; --halo-alpha: .18; --halo-angle: -17deg; --halo-speed: 28s; }
.network-halo--middle { width: 77%; height: 61%; --halo-alpha: .22; --halo-angle: 24deg; --halo-speed: 20s; animation-direction: reverse; }
.network-halo--inner { width: 56%; height: 45%; --halo-alpha: .15; --halo-angle: -43deg; --halo-speed: 15s; }

.network-globe {
  position: absolute;
  width: 42%;
  aspect-ratio: 1;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(var(--accent-rgb), .42);
  border-radius: 50%;
  background:
    radial-gradient(circle at 33% 24%, rgba(255,255,255,.15), transparent 17%),
    radial-gradient(circle at 52% 52%, rgba(var(--secondary-rgb), .16), rgba(3,7,18,.96) 68%);
  box-shadow:
    0 0 0 14px rgba(var(--accent-rgb), .025),
    0 0 100px rgba(var(--accent-rgb), .2),
    inset -30px -35px 65px rgba(0,0,0,.58),
    inset 18px 18px 36px rgba(255,255,255,.045);
  transform: translate(-50%, -50%);
  animation: distribution-float 6.5s ease-in-out infinite;
}

.network-globe::before {
  content: "";
  position: absolute;
  inset: -25%;
  border: 1px solid rgba(var(--accent-rgb), .18);
  border-radius: 50%;
  animation: halo-breathe 4.5s ease-in-out infinite alternate;
}

.network-globe img {
  position: relative;
  z-index: 3;
  width: 66%;
  filter: drop-shadow(0 14px 28px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(var(--accent-rgb), .22));
}

.globe-longitude,
.globe-latitude {
  position: absolute;
  border: 1px solid rgba(var(--accent-rgb), .13);
  border-radius: 50%;
}

.globe-longitude { inset: 2% 27%; }
.globe-longitude--two { inset: 2% 39%; }
.globe-latitude { inset: 27% 2%; }
.globe-latitude--two { inset: 40% 2%; }

.network-routes {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.network-routes path {
  fill: none;
  stroke: rgba(var(--accent-rgb), .23);
  stroke-width: 1.15;
  stroke-dasharray: 4 9;
  animation: route-flow 8s linear infinite;
}

.network-routes path:nth-child(2n) { stroke: rgba(var(--distribution-blue), .24); animation-duration: 10s; }

.network-node {
  position: absolute;
  z-index: 4;
  min-width: 88px;
  padding: 8px 11px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  color: rgba(255,255,255,.78);
  background: rgba(7, 12, 26, .72);
  box-shadow: 0 12px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.055);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  font-size: .58rem;
  font-weight: 760;
  letter-spacing: .04em;
  text-align: center;
  animation: node-breathe 4.8s ease-in-out infinite;
}

.node--spotify { top: 13%; left: 2%; }
.node--apple { top: 7%; right: 4%; animation-delay: -.8s; }
.node--youtube { right: -2%; bottom: 19%; animation-delay: -1.6s; }
.node--tencent { right: 22%; bottom: 3%; animation-delay: -2.4s; }
.node--netease { left: 4%; bottom: 15%; animation-delay: -3.2s; }
.node--tiktok { top: 44%; left: -5%; animation-delay: -4s; }

.distribution-status-card {
  position: absolute;
  z-index: 7;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(13,20,40,.9), rgba(4,8,20,.76));
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.07);
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
  backdrop-filter: blur(20px) saturate(1.2);
}

.distribution-status-card--release {
  width: min(400px, 78%);
  right: -2%;
  bottom: 6%;
  padding: 16px;
  transform: rotateY(-6deg) rotateX(3deg);
  animation: status-card-float 6.2s ease-in-out infinite;
}

.status-card-top {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
  color: rgba(255,255,255,.58);
  font-size: .56rem;
  letter-spacing: .13em;
}

.status-card-top small { margin-left: auto; color: var(--success); font-size: .5rem; }
.status-release-row { display: grid; grid-template-columns: 58px minmax(0,1fr); align-items: center; gap: 13px; padding: 15px 0 13px; }
.status-cover { position: relative; width: 58px; aspect-ratio: 1; overflow: hidden; border-radius: 11px; background: radial-gradient(circle at 34% 30%, rgba(var(--accent-rgb),.58), rgba(var(--secondary-rgb),.23) 42%, #07101f 75%); }
.status-cover::before { content:""; position:absolute; width:70%; aspect-ratio:1; top:23%; left:15%; border:1px solid rgba(255,255,255,.24); border-radius:50%; }
.status-cover i { position:absolute; width:15%; aspect-ratio:1; top:43%; left:43%; border-radius:50%; background:#050914; box-shadow:0 0 0 3px rgba(255,255,255,.12); }
.status-release-row small { display:block; color:var(--muted-2); font-size:.47rem; letter-spacing:.11em; }
.status-release-row strong { display:block; margin:2px 0 1px; font-size:.76rem; }
.status-release-row span { color:var(--success); font-size:.54rem; }
.status-progress { height:4px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.07); }
.status-progress span { display:block; width:72%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--accent),var(--accent-bright)); box-shadow:0 0 11px rgba(var(--accent-rgb),.55); animation: status-progress 5s ease-in-out infinite alternate; }
.status-stages { display:flex; justify-content:space-between; margin-top:7px; color:var(--muted-2); font-size:.46rem; letter-spacing:.07em; }

.distribution-status-card--rights,
.distribution-status-card--royalties {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 13px;
}

.distribution-status-card--rights { top: 14%; right: -1%; animation: mini-card-float 5.8s ease-in-out infinite; }
.distribution-status-card--royalties { top: 30%; left: -3%; animation: mini-card-float 6.5s -2s ease-in-out infinite; }
.status-card-icon { width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(var(--accent-rgb),.32); border-radius:50%; color:var(--accent-bright); background:rgba(var(--accent-rgb),.08); font-size:.72rem; font-weight:850; }
.distribution-status-card--rights small,
.distribution-status-card--royalties small { display:block; color:var(--muted-2); font-size:.43rem; letter-spacing:.11em; }
.distribution-status-card--rights strong,
.distribution-status-card--royalties strong { display:block; margin-top:1px; font-size:.62rem; }

/* System */
.distribution-system {
  border-top: 1px solid rgba(255,255,255,.045);
  background: linear-gradient(180deg, rgba(3,7,18,.3), rgba(2,5,14,.72));
}

.system-grid {
  display: grid;
  grid-template-columns: minmax(0, .76fr) minmax(560px, 1.24fr);
  align-items: center;
  gap: clamp(60px, 8vw, 118px);
}

.system-note {
  display: grid;
  grid-template-columns: 32px minmax(0,1fr);
  gap: 13px;
  max-width: 660px;
  margin-top: 34px;
  padding: 18px 20px;
  border: 1px solid rgba(var(--accent-rgb), .19);
  border-radius: 17px;
  background: rgba(var(--accent-rgb), .045);
}

.system-note > span { color:var(--accent-bright); font-size:1.15rem; }
.system-note p { margin:0; color:var(--muted); font-size:.78rem; }
.system-note strong { color:#fff; }

.capability-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.capability-card {
  position: relative;
  min-height: 285px;
  padding: 27px 25px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 25px;
  background: linear-gradient(145deg, rgba(12,19,38,.72), rgba(4,8,19,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
  transition: transform 250ms var(--ease-out), border-color 250ms ease, background 250ms ease;
}
.capability-card::after { content:""; position:absolute; width:170px; aspect-ratio:1; right:-88px; bottom:-92px; border:1px solid rgba(var(--accent-rgb),.12); border-radius:50%; box-shadow:0 0 65px rgba(var(--accent-rgb),.05) inset; }
.capability-card:hover { transform:translateY(-7px); border-color:rgba(var(--accent-rgb),.29); background:linear-gradient(145deg, rgba(14,22,43,.88), rgba(5,9,21,.82)); }
.capability-number { position:absolute; top:20px; right:22px; color:rgba(255,255,255,.18); font-size:.58rem; font-weight:850; letter-spacing:.15em; }
.capability-icon { width:54px; height:54px; display:grid; place-items:center; margin-bottom:27px; border:1px solid rgba(var(--accent-rgb),.26); border-radius:17px; color:var(--accent-bright); background:rgba(var(--accent-rgb),.065); }
.capability-icon svg { width:29px; fill:none; stroke:currentColor; stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; }
.capability-card h3 { margin:0; font-size:1.04rem; letter-spacing:-.025em; }
.capability-card p { margin:13px 0 0; color:var(--muted); font-size:.78rem; line-height:1.7; }

/* Reach */
.reach-section { background:radial-gradient(circle at 50% 46%, rgba(var(--secondary-rgb),.08), transparent 46%); }
.region-explorer { max-width:1120px; margin:58px auto 0; }
.region-tabs { width:fit-content; display:flex; flex-wrap:wrap; gap:5px; margin:0 auto 22px; padding:5px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.025); }
.region-tab { min-height:44px; padding:0 19px; border:0; border-radius:999px; color:var(--muted-2); background:transparent; font-size:.69rem; font-weight:780; cursor:pointer; transition:color 180ms ease, background 180ms ease, box-shadow 180ms ease; }
.region-tab:hover { color:#fff; }
.region-tab.is-active { color:#090c13; background:linear-gradient(135deg,var(--accent-bright),var(--accent)); box-shadow:0 12px 27px rgba(var(--accent-rgb),.18); }
.region-stage { position:relative; min-height:460px; overflow:hidden; border:1px solid var(--line); border-radius:34px; background:linear-gradient(145deg,rgba(9,15,32,.82),rgba(3,7,17,.86)); box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.045); }
.region-stage::before { content:""; position:absolute; width:620px; aspect-ratio:1; right:-270px; top:-240px; border:1px solid rgba(var(--accent-rgb),.13); border-radius:50%; box-shadow:0 0 120px rgba(var(--accent-rgb),.05) inset; }
.region-panel { position:absolute; inset:0; display:grid; grid-template-columns:minmax(0,.77fr) minmax(420px,1.23fr); align-items:center; gap:50px; padding:clamp(35px,5vw,70px); opacity:0; visibility:hidden; transform:translateY(18px); transition:opacity 380ms ease,transform 500ms var(--ease-out),visibility 380ms; }
.region-panel.is-active { position:relative; opacity:1; visibility:visible; transform:none; }
.region-index { color:var(--accent-bright); font-size:.59rem; font-weight:850; letter-spacing:.18em; }
.region-copy h3 { max-width:460px; margin:15px 0 0; font-size:clamp(2rem,3.7vw,3.7rem); line-height:1; letter-spacing:-.05em; }
.region-copy p { max-width:520px; margin:20px 0 0; color:var(--muted); font-size:.87rem; }
.platform-cloud { position:relative; min-height:310px; margin:0; padding:0; list-style:none; }
.platform-cloud::before,.platform-cloud::after { content:""; position:absolute; top:50%; left:50%; border:1px solid rgba(var(--accent-rgb),.13); border-radius:50%; transform:translate(-50%,-50%) rotate(-14deg); }
.platform-cloud::before { width:92%; height:72%; }
.platform-cloud::after { width:62%; height:47%; transform:translate(-50%,-50%) rotate(28deg); }
.platform-chip { position:absolute; z-index:2; min-width:120px; padding:12px 15px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:rgba(255,255,255,.8); background:rgba(7,12,27,.78); box-shadow:0 15px 38px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.055); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); font-size:.69rem; font-weight:760; text-align:center; animation:platform-drift 6s ease-in-out infinite; }
.platform-chip--large { min-width:156px; padding:15px 20px; color:#0a0d14; background:linear-gradient(135deg,var(--accent-bright),var(--accent)); border-color:rgba(var(--accent-rgb),.68); font-size:.79rem; }
.platform-chip:nth-child(1){top:39%;left:34%;}
.platform-chip:nth-child(2){top:7%;left:8%;animation-delay:-.7s;}
.platform-chip:nth-child(3){top:10%;right:4%;animation-delay:-1.4s;}
.platform-chip:nth-child(4){top:42%;right:0;animation-delay:-2.1s;}
.platform-chip:nth-child(5){bottom:4%;right:12%;animation-delay:-2.8s;}
.platform-chip:nth-child(6){bottom:1%;left:7%;animation-delay:-3.5s;}
.platform-chip:nth-child(7){top:48%;left:0;animation-delay:-4.2s;}
.platform-chip:nth-child(8){top:3%;left:42%;animation-delay:-4.9s;}
.platform-disclaimer { max-width:880px; margin:18px auto 0; color:rgba(167,176,199,.59); font-size:.63rem; text-align:center; }

/* Process */
.distribution-process { background:linear-gradient(180deg,rgba(2,5,14,.68),rgba(5,9,20,.55)); }
.process-layout { display:grid; grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr); gap:clamp(55px,8vw,125px); align-items:start; }
.process-copy { position:sticky; top:145px; }
.process-copy h2 { margin:0; font-size:clamp(2.55rem,4.8vw,4.9rem); line-height:.98; letter-spacing:-.055em; }
.process-copy h2 span { color:transparent; background:linear-gradient(110deg,#fff 5%,var(--accent-bright) 56%,var(--accent)); -webkit-background-clip:text; background-clip:text; }
.process-copy > p:not(.section-kicker) { max-width:570px; margin:24px 0 0; color:var(--muted); }
.process-track { position:relative; display:grid; gap:0; margin:0; padding:0 0 0 40px; list-style:none; }
.process-track::before { content:""; position:absolute; top:0; bottom:0; left:15px; width:1px; background:linear-gradient(180deg,transparent,rgba(var(--accent-rgb),.25) 8%,rgba(var(--accent-rgb),.25) 92%,transparent); }
.process-step { position:relative; display:grid; grid-template-columns:65px minmax(0,1fr); gap:22px; padding:0 0 54px; opacity:.6; transition:opacity 260ms ease,transform 260ms ease; }
.process-step:last-child { padding-bottom:0; }
.process-step::before { content:""; position:absolute; width:13px; height:13px; top:20px; left:-31px; border:2px solid rgba(var(--accent-rgb),.42); border-radius:50%; background:#050916; box-shadow:0 0 0 7px rgba(var(--accent-rgb),.035); transition:background 220ms ease,box-shadow 220ms ease,border-color 220ms ease; }
.process-step.is-current { opacity:1; transform:translateX(5px); }
.process-step.is-current::before { border-color:var(--accent-bright); background:var(--accent-bright); box-shadow:0 0 0 8px rgba(var(--accent-rgb),.08),0 0 22px rgba(var(--accent-rgb),.55); }
.process-number { width:58px; height:58px; display:grid; place-items:center; border:1px solid var(--line); border-radius:18px; color:var(--accent-bright); background:rgba(var(--accent-rgb),.045); font-size:.65rem; font-weight:850; letter-spacing:.1em; }
.process-step > div { padding-top:5px; }
.process-step p { margin:0 0 5px; color:var(--accent-bright); font-size:.55rem; font-weight:820; letter-spacing:.16em; }
.process-step h3 { margin:0; font-size:1.18rem; letter-spacing:-.025em; }
.process-step div > span { display:block; max-width:610px; margin-top:10px; color:var(--muted); font-size:.79rem; line-height:1.65; }

/* Dashboard */
.distribution-dashboard { background:radial-gradient(circle at 18% 50%,rgba(var(--secondary-rgb),.09),transparent 36%); }
.dashboard-layout { display:grid; grid-template-columns:minmax(540px,1.08fr) minmax(350px,.92fr); align-items:center; gap:clamp(55px,7vw,105px); }
.dashboard-demo { position:relative; min-height:650px; perspective:1300px; }
.dashboard-demo::before { content:""; position:absolute; width:560px; aspect-ratio:1; top:50%; left:45%; border:1px solid rgba(var(--accent-rgb),.13); border-radius:50%; box-shadow:0 0 120px rgba(var(--accent-rgb),.06) inset; transform:translate(-50%,-50%) rotateX(68deg); animation:orbit-flat 24s linear infinite; }
.dashboard-browser { position:absolute; width:min(720px,100%); top:50%; left:50%; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:25px; background:rgba(5,9,21,.94); box-shadow:0 45px 110px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07); transform:translate(-50%,-50%) rotateY(7deg) rotateX(2deg); transform-origin:center; }
.dashboard-browser-bar { height:47px; display:flex; align-items:center; gap:7px; padding:0 15px; border-bottom:1px solid var(--line); color:var(--muted-2); background:rgba(255,255,255,.025); font-size:.58rem; letter-spacing:.1em; }
.dashboard-browser-bar i { width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.16); }
.dashboard-browser-bar span { margin-left:8px; }
.dashboard-browser-bar small { margin-left:auto; color:var(--accent-bright); font-size:.5rem; }
.dashboard-body { min-height:465px; display:grid; grid-template-columns:68px minmax(0,1fr); }
.dashboard-sidebar { display:grid; grid-template-rows:auto repeat(5,31px); align-content:start; justify-items:center; gap:14px; padding:16px 0; border-right:1px solid var(--line); background:rgba(0,0,0,.12); }
.dashboard-sidebar img { width:35px; margin-bottom:9px; }
.dashboard-sidebar span { width:30px; height:30px; border-radius:9px; background:rgba(255,255,255,.035); }
.dashboard-sidebar span.is-active { border:1px solid rgba(var(--accent-rgb),.28); background:rgba(var(--accent-rgb),.1); box-shadow:0 0 16px rgba(var(--accent-rgb),.08); }
.dashboard-workspace { min-width:0; padding:22px; }
.dashboard-welcome { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.dashboard-welcome small { display:block; color:var(--muted-2); font-size:.49rem; letter-spacing:.13em; }
.dashboard-welcome strong { display:block; margin-top:3px; font-size:1rem; }
.dashboard-avatar { width:35px; height:35px; display:grid; place-items:center; border:1px solid rgba(var(--accent-rgb),.35); border-radius:50%; color:var(--accent-bright); background:rgba(var(--accent-rgb),.08); font-size:.55rem; font-weight:850; }
.dashboard-demo-tabs { display:flex; gap:5px; margin:20px 0 17px; padding:4px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.02); }
.dashboard-demo-tab { flex:1; min-height:34px; border:0; border-radius:8px; color:var(--muted-2); background:transparent; font-size:.54rem; font-weight:780; cursor:pointer; }
.dashboard-demo-tab.is-active { color:#fff; background:rgba(var(--accent-rgb),.11); box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.19); }
.dashboard-demo-panel { animation:panel-in 360ms var(--ease-out) both; }
.dashboard-summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.dashboard-summary-grid article { min-width:0; padding:13px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.024); }
.dashboard-summary-grid small { display:block; color:var(--muted-2); font-size:.43rem; letter-spacing:.08em; white-space:nowrap; }
.dashboard-summary-grid strong { display:block; margin:7px 0 2px; color:var(--accent-bright); font-size:1.15rem; }
.dashboard-summary-grid span { display:block; overflow:hidden; color:var(--muted-2); font-size:.44rem; text-overflow:ellipsis; white-space:nowrap; }
.release-table { margin-top:12px; overflow:hidden; border:1px solid var(--line); border-radius:13px; }
.release-table-head,.release-table-row { display:grid; grid-template-columns:minmax(0,1.45fr) .7fr .7fr; align-items:center; gap:12px; padding:10px 12px; }
.release-table-head { color:var(--muted-2); background:rgba(255,255,255,.023); font-size:.43rem; letter-spacing:.08em; }
.release-table-row { border-top:1px solid var(--line); font-size:.55rem; }
.release-table-row > span:first-child { display:flex; align-items:center; gap:8px; min-width:0; }
.release-thumb { flex:0 0 28px; width:28px; aspect-ratio:1; border-radius:6px; background:radial-gradient(circle at 35% 30%,var(--accent),rgba(var(--secondary-rgb),.45) 45%,#07101d 75%); }
.release-table-row b { overflow:hidden; font-size:.57rem; text-overflow:ellipsis; white-space:nowrap; }
.status-badge { width:fit-content; padding:4px 7px; border-radius:999px; color:var(--success); background:rgba(var(--distribution-green),.08); }
.store-status-grid { display:grid; gap:9px; }
.store-status-grid article { display:grid; grid-template-columns:12px minmax(0,1fr) auto; align-items:center; gap:10px; padding:13px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.023); }
.store-pulse { width:8px; height:8px; border-radius:50%; background:var(--success); box-shadow:0 0 10px rgba(var(--distribution-green),.68); animation:star-pulse 2.2s ease-in-out infinite; }
.store-status-grid strong { display:block; font-size:.58rem; }
.store-status-grid small { display:block; margin-top:2px; color:var(--muted-2); font-size:.46rem; }
.store-status-grid b { color:var(--accent-bright); font-size:.47rem; }
.royalty-placeholder { display:grid; grid-template-columns:1fr .95fr; align-items:center; gap:17px; min-height:220px; padding:16px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.022); }
.royalty-chart { height:150px; display:flex; align-items:end; gap:7px; padding:12px; border-left:1px solid var(--line); border-bottom:1px solid var(--line); }
.royalty-chart span { flex:1; min-height:18px; height:var(--h,40%); border-radius:4px 4px 0 0; background:linear-gradient(180deg,var(--accent-bright),rgba(var(--accent-rgb),.25)); animation:chart-breathe 4s ease-in-out infinite alternate; }
.royalty-chart span:nth-child(1){--h:28%;}.royalty-chart span:nth-child(2){--h:47%;}.royalty-chart span:nth-child(3){--h:38%;}.royalty-chart span:nth-child(4){--h:70%;}.royalty-chart span:nth-child(5){--h:59%;}.royalty-chart span:nth-child(6){--h:84%;}
.royalty-placeholder small { color:var(--accent-bright); font-size:.46rem; letter-spacing:.1em; }
.royalty-placeholder strong { display:block; margin:6px 0; font-size:.8rem; }
.royalty-placeholder p { margin:0; color:var(--muted-2); font-size:.51rem; line-height:1.55; }
.dashboard-copy h2 { margin:0; font-size:clamp(2.55rem,4.8vw,4.9rem); line-height:.98; letter-spacing:-.055em; }
.dashboard-copy h2 span { color:transparent; background:linear-gradient(110deg,#fff 6%,var(--accent-bright),var(--accent)); -webkit-background-clip:text; background-clip:text; }
.dashboard-copy > p:not(.section-kicker):not(.transparency-note) { margin:24px 0 0; color:var(--muted); }
.dashboard-benefits { display:grid; gap:0; margin:31px 0 0; padding:0; border-top:1px solid var(--line); list-style:none; }
.dashboard-benefits li { display:grid; grid-template-columns:36px minmax(0,1fr); gap:15px; padding:17px 0; border-bottom:1px solid var(--line); }
.dashboard-benefits > li > span { color:var(--accent-bright); font-size:.55rem; font-weight:850; letter-spacing:.1em; }
.dashboard-benefits strong { display:block; font-size:.85rem; }
.dashboard-benefits p { margin:5px 0 0; color:var(--muted-2); font-size:.73rem; }
.transparency-note { margin:24px 0 0; padding:15px 17px; border:1px solid rgba(var(--accent-rgb),.18); border-radius:15px; color:var(--muted); background:rgba(var(--accent-rgb),.035); font-size:.69rem; }
.transparency-note strong { color:#fff; }

/* Metadata */
.metadata-section { background:linear-gradient(180deg,rgba(2,5,14,.3),rgba(5,9,20,.62)); }
.metadata-layout { display:grid; grid-template-columns:minmax(480px,1fr) minmax(430px,1fr); align-items:center; gap:clamp(60px,8vw,120px); margin-top:65px; }
.metadata-orbit { position:relative; width:min(540px,100%); aspect-ratio:1; margin:auto; }
.metadata-orbit::before,.metadata-orbit::after { content:""; position:absolute; top:50%; left:50%; border:1px solid rgba(var(--accent-rgb),.16); border-radius:50%; transform:translate(-50%,-50%) rotate(-18deg); }
.metadata-orbit::before { width:88%; height:67%; animation:metadata-spin 24s linear infinite; }
.metadata-orbit::after { width:65%; height:48%; transform:translate(-50%,-50%) rotate(31deg); animation:metadata-spin-reverse 18s linear infinite; }
.metadata-core { position:absolute; z-index:3; width:42%; aspect-ratio:1; top:50%; left:50%; display:grid; place-content:center; gap:4px; border:1px solid rgba(var(--accent-rgb),.38); border-radius:50%; background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.11),rgba(var(--accent-rgb),.08) 34%,rgba(3,7,18,.96) 72%); box-shadow:0 0 75px rgba(var(--accent-rgb),.13),inset -22px -26px 50px rgba(0,0,0,.5); text-align:center; transform:translate(-50%,-50%); }
.metadata-core span { color:var(--accent-bright); font-size:.48rem; font-weight:850; letter-spacing:.17em; }
.metadata-core strong { font-size:1rem; }
.metadata-core small { color:var(--muted-2); font-size:.52rem; }
.metadata-satellite { position:absolute; z-index:4; min-width:112px; display:grid; gap:1px; padding:10px 12px; border:1px solid var(--line); border-radius:14px; background:rgba(7,12,27,.8); box-shadow:0 14px 34px rgba(0,0,0,.27); -webkit-backdrop-filter:blur(13px); backdrop-filter:blur(13px); text-align:center; animation:metadata-float 5.8s ease-in-out infinite; }
.metadata-satellite b { color:var(--accent-bright); font-size:.62rem; letter-spacing:.08em; }
.metadata-satellite small { color:var(--muted-2); font-size:.48rem; }
.satellite--isrc { top:3%; left:35%; }
.satellite--upc { top:25%; right:-2%; animation-delay:-1.1s; }
.satellite--credits { bottom:10%; right:6%; animation-delay:-2.2s; }
.satellite--rights { bottom:7%; left:2%; animation-delay:-3.3s; }
.satellite--territory { top:25%; left:-4%; animation-delay:-4.4s; }
.metadata-checks { display:grid; gap:12px; }
.metadata-check-card { display:grid; grid-template-columns:48px minmax(0,1fr); gap:17px; padding:20px 21px; border:1px solid var(--line); border-radius:19px; background:rgba(255,255,255,.025); transition:transform 220ms ease,border-color 220ms ease,background 220ms ease; }
.metadata-check-card:hover { transform:translateX(5px); border-color:rgba(var(--accent-rgb),.26); background:rgba(var(--accent-rgb),.035); }
.metadata-check-card > span { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(var(--accent-rgb),.22); border-radius:13px; color:var(--accent-bright); background:rgba(var(--accent-rgb),.055); font-size:.57rem; font-weight:850; }
.metadata-check-card h3 { margin:0; font-size:.91rem; }
.metadata-check-card p { margin:6px 0 0; color:var(--muted-2); font-size:.72rem; line-height:1.6; }
.metadata-warning { display:grid; grid-template-columns:56px minmax(0,1fr); align-items:center; gap:20px; max-width:980px; margin:65px auto 0; padding:22px 25px; border:1px solid rgba(var(--accent-rgb),.2); border-radius:20px; background:linear-gradient(135deg,rgba(var(--accent-rgb),.055),rgba(var(--secondary-rgb),.035)); }
.metadata-warning svg { width:44px; fill:none; stroke:var(--accent-bright); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.metadata-warning strong { font-size:.86rem; }
.metadata-warning p { margin:5px 0 0; color:var(--muted); font-size:.72rem; }

/* Rights */
.rights-section { background:radial-gradient(circle at 12% 45%,rgba(var(--accent-rgb),.085),transparent 32%); }
.rights-layout { display:grid; grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr); align-items:center; gap:clamp(60px,8vw,118px); }
.rights-copy h2 { margin:0; font-size:clamp(2.65rem,5vw,5.2rem); line-height:.97; letter-spacing:-.058em; }
.rights-copy h2 span { color:transparent; background:linear-gradient(110deg,#fff 6%,var(--accent-bright),var(--accent)); -webkit-background-clip:text; background-clip:text; }
.rights-copy > p:not(.section-kicker) { margin:24px 0 0; color:var(--muted); }
.rights-statement { display:grid; grid-template-columns:105px minmax(0,1fr); align-items:center; gap:20px; margin-top:34px; padding:21px; border:1px solid rgba(var(--accent-rgb),.2); border-radius:21px; background:rgba(var(--accent-rgb),.04); }
.rights-statement > span { color:transparent; background:linear-gradient(135deg,var(--accent-bright),var(--accent)); -webkit-background-clip:text; background-clip:text; font-size:2.25rem; font-weight:800; letter-spacing:-.06em; }
.rights-statement strong { display:block; font-size:.82rem; }
.rights-statement p { margin:5px 0 0; color:var(--muted-2); font-size:.66rem; }
.rights-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.rights-card { position:relative; min-height:250px; padding:25px 23px; overflow:hidden; border:1px solid var(--line); border-radius:23px; background:linear-gradient(145deg,rgba(12,18,37,.72),rgba(4,8,19,.7)); }
.rights-card::after { content:""; position:absolute; width:150px; aspect-ratio:1; right:-78px; bottom:-80px; border:1px solid rgba(var(--accent-rgb),.11); border-radius:50%; }
.rights-card > span { color:rgba(255,255,255,.22); font-size:.55rem; font-weight:850; letter-spacing:.14em; }
.rights-card h3 { margin:65px 0 0; font-size:1rem; }
.rights-card p { margin:11px 0 0; color:var(--muted); font-size:.73rem; }
.rights-boundary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin-top:68px; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:var(--line); }
.rights-boundary > div { padding:25px; background:rgba(5,9,21,.94); }
.rights-boundary span { color:var(--accent-bright); font-size:.55rem; font-weight:850; letter-spacing:.15em; }
.rights-boundary p { margin:8px 0 0; color:var(--muted); font-size:.73rem; }

/* Royalties */
.royalties-section { background:linear-gradient(180deg,rgba(3,7,18,.55),rgba(2,5,14,.82)); }
.royalty-flow { display:grid; grid-template-columns:1fr 48px 1fr 48px 1fr 48px 1fr; align-items:center; gap:10px; margin-top:65px; }
.royalty-node { position:relative; min-height:275px; padding:25px 22px; border:1px solid var(--line); border-radius:23px; background:linear-gradient(145deg,rgba(12,18,37,.74),rgba(4,8,19,.74)); text-align:center; }
.royalty-node > span { position:absolute; top:18px; right:20px; color:rgba(255,255,255,.2); font-size:.53rem; font-weight:850; }
.royalty-node-icon { width:68px; height:68px; display:grid; place-items:center; margin:28px auto 24px; border:1px solid rgba(var(--accent-rgb),.25); border-radius:21px; color:var(--accent-bright); background:rgba(var(--accent-rgb),.055); }
.royalty-node-icon svg { width:36px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.royalty-node h3 { margin:0; font-size:.91rem; }
.royalty-node p { margin:10px 0 0; color:var(--muted-2); font-size:.69rem; }
.royalty-node--accent { border-color:rgba(var(--accent-rgb),.34); background:linear-gradient(145deg,rgba(var(--accent-rgb),.105),rgba(4,8,19,.82)); box-shadow:0 25px 70px rgba(var(--accent-rgb),.08); }
.royalty-connector { position:relative; display:block; height:1px; background:linear-gradient(90deg,rgba(var(--accent-rgb),.1),var(--accent),rgba(var(--accent-rgb),.1)); }
.royalty-connector::after { content:""; position:absolute; width:6px; height:6px; top:50%; left:0; border-radius:50%; background:var(--accent-bright); box-shadow:0 0 12px rgba(var(--accent-rgb),.75); transform:translateY(-50%); animation:connector-travel 2.8s linear infinite; }
.royalty-explainer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:35px; }
.royalty-definition { padding:28px; border:1px solid var(--line); border-radius:23px; background:rgba(255,255,255,.025); }
.royalty-definition--transparent { border-color:rgba(var(--accent-rgb),.2); background:rgba(var(--accent-rgb),.035); }
.royalty-definition h3 { margin:0; font-size:1.3rem; letter-spacing:-.03em; }
.royalty-definition > p:last-child { margin:13px 0 0; color:var(--muted); font-size:.76rem; }

/* Prepare */
.prepare-section { background:radial-gradient(circle at 80% 38%,rgba(var(--secondary-rgb),.08),transparent 37%); }
.prepare-layout { display:grid; grid-template-columns:minmax(340px,.72fr) minmax(570px,1.28fr); align-items:center; gap:clamp(55px,8vw,120px); }
.prepare-copy h2 { margin:0; font-size:clamp(2.65rem,5vw,5.15rem); line-height:.97; letter-spacing:-.058em; }
.prepare-copy h2 span { color:transparent; background:linear-gradient(110deg,#fff 6%,var(--accent-bright),var(--accent)); -webkit-background-clip:text; background-clip:text; }
.prepare-copy > p:not(.section-kicker) { margin:24px 0 0; color:var(--muted); }
.release-readiness { overflow:hidden; border:1px solid var(--line); border-radius:27px; background:linear-gradient(145deg,rgba(12,18,37,.8),rgba(4,8,19,.83)); box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.045); }
.readiness-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:19px 22px; border-bottom:1px solid var(--line); color:var(--accent-bright); font-size:.59rem; font-weight:850; letter-spacing:.14em; }
.readiness-header small { color:var(--muted-2); font-size:.52rem; letter-spacing:.05em; }
.release-readiness ul { margin:0; padding:0; list-style:none; }
.release-readiness li { display:grid; grid-template-columns:35px minmax(0,1fr) 29px; align-items:center; gap:14px; padding:17px 22px; border-bottom:1px solid var(--line); }
.release-readiness li:last-child { border-bottom:0; }
.release-readiness li > span { color:var(--accent-bright); font-size:.53rem; font-weight:850; }
.release-readiness strong { display:block; font-size:.81rem; }
.release-readiness p { margin:4px 0 0; color:var(--muted-2); font-size:.65rem; }
.release-readiness i { width:28px; height:28px; display:grid; place-items:center; border:1px solid rgba(var(--distribution-green),.25); border-radius:50%; color:var(--success); background:rgba(var(--distribution-green),.055); font-size:.61rem; font-style:normal; }
.timing-note { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:center; gap:28px; max-width:940px; margin-top:70px; padding:25px 28px; border:1px solid rgba(var(--accent-rgb),.2); border-radius:22px; background:rgba(var(--accent-rgb),.035); }
.timing-orbit { position:relative; width:90px; aspect-ratio:1; border:1px solid rgba(var(--accent-rgb),.22); border-radius:50%; animation:orbit-flat 12s linear infinite; }
.timing-orbit::before { content:""; position:absolute; inset:21%; border:1px solid rgba(var(--accent-rgb),.28); border-radius:50%; }
.timing-orbit span { position:absolute; width:19px; aspect-ratio:1; top:50%; left:50%; border-radius:50%; background:var(--accent-bright); box-shadow:0 0 22px rgba(var(--accent-rgb),.58); transform:translate(-50%,-50%); }
.timing-orbit i { position:absolute; width:8px; aspect-ratio:1; top:7px; left:12px; border-radius:50%; background:#fff; box-shadow:0 0 10px #fff; }
.timing-note h3 { margin:0; font-size:1.18rem; }
.timing-note > div:last-child > p:last-child { margin:7px 0 0; color:var(--muted); font-size:.72rem; }

/* Integrity */
.integrity-section { background:linear-gradient(180deg,rgba(2,5,14,.42),rgba(5,9,20,.68)); }
.integrity-layout { display:grid; grid-template-columns:minmax(430px,.9fr) minmax(470px,1.1fr); align-items:center; gap:clamp(60px,8vw,120px); }
.integrity-visual { position:relative; min-height:580px; }
.integrity-shield { position:absolute; width:min(390px,78%); aspect-ratio:1; top:50%; left:50%; display:grid; place-items:center; clip-path:polygon(50% 0,91% 16%,85% 72%,50% 100%,15% 72%,9% 16%); background:linear-gradient(145deg,rgba(var(--accent-rgb),.24),rgba(5,9,22,.86) 42%,rgba(var(--secondary-rgb),.15)); box-shadow:0 0 100px rgba(var(--accent-rgb),.13); transform:translate(-50%,-50%); }
.integrity-shield::before { content:""; position:absolute; inset:3px; clip-path:inherit; background:radial-gradient(circle at 50% 35%,rgba(var(--accent-rgb),.13),rgba(3,7,18,.96) 70%); }
.integrity-shield img { position:relative; z-index:3; width:50%; filter:drop-shadow(0 16px 28px rgba(0,0,0,.45)) drop-shadow(0 0 18px rgba(var(--accent-rgb),.2)); }
.shield-scan { position:absolute; z-index:4; width:110%; height:3px; top:15%; left:-5%; background:linear-gradient(90deg,transparent,var(--accent-bright),transparent); box-shadow:0 0 18px rgba(var(--accent-rgb),.7); animation:shield-scan 4.8s ease-in-out infinite; }
.integrity-signal { position:absolute; min-width:96px; padding:9px 12px; border:1px solid var(--line); border-radius:999px; color:var(--accent-bright); background:rgba(6,11,25,.78); box-shadow:0 15px 35px rgba(0,0,0,.27); -webkit-backdrop-filter:blur(13px); backdrop-filter:blur(13px); font-size:.55rem; font-weight:820; letter-spacing:.12em; text-align:center; animation:metadata-float 5.5s ease-in-out infinite; }
.signal--one{top:12%;left:6%;}.signal--two{top:18%;right:4%;animation-delay:-1.3s;}.signal--three{bottom:15%;left:2%;animation-delay:-2.6s;}.signal--four{bottom:10%;right:7%;animation-delay:-3.9s;}
.integrity-copy h2 { margin:0; font-size:clamp(2.6rem,4.8vw,4.9rem); line-height:.98; letter-spacing:-.056em; }
.integrity-copy h2 span { color:transparent; background:linear-gradient(110deg,#fff 6%,var(--accent-bright),var(--accent)); -webkit-background-clip:text; background-clip:text; }
.integrity-copy > p:not(.section-kicker) { margin:24px 0 0; color:var(--muted); }
.integrity-list { display:grid; gap:0; margin:31px 0 0; padding:0; border-top:1px solid var(--line); list-style:none; }
.integrity-list li { display:grid; grid-template-columns:36px minmax(0,1fr); gap:15px; padding:17px 0; border-bottom:1px solid var(--line); }
.integrity-list > li > span { width:27px; height:27px; display:grid; place-items:center; border:1px solid rgba(255,130,130,.26); border-radius:50%; color:#ff9b9b; background:rgba(255,130,130,.055); font-size:.7rem; }
.integrity-list strong { display:block; font-size:.82rem; }
.integrity-list p { margin:5px 0 0; color:var(--muted-2); font-size:.69rem; }

/* Plans bridge */
.plans-bridge { background:radial-gradient(circle at 50% 45%,rgba(var(--accent-rgb),.08),transparent 42%); }
.distribution-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; max-width:980px; margin:58px auto 0; }
.distribution-plan-card { position:relative; min-height:560px; display:flex; flex-direction:column; padding:34px; overflow:hidden; border:1px solid var(--line); border-radius:29px; background:linear-gradient(145deg,rgba(11,18,37,.84),rgba(3,7,18,.86)); box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
.distribution-plan-card--featured { border-color:rgba(var(--accent-rgb),.38); box-shadow:0 32px 90px rgba(var(--accent-rgb),.09),inset 0 1px 0 rgba(255,255,255,.07); }
.distribution-plan-card > p { margin:26px 0 0; color:var(--accent-bright); font-size:.6rem; font-weight:850; letter-spacing:.17em; }
.distribution-plan-card h3 { margin:9px 0 0; font-size:3.2rem; letter-spacing:-.065em; }
.distribution-plan-card h3 span { color:var(--muted-2); font-size:.69rem; letter-spacing:.08em; }
.distribution-plan-card h3 small { color:var(--muted-2); font-size:.7rem; font-weight:620; letter-spacing:0; }
.distribution-plan-card ul { display:grid; gap:12px; margin:27px 0 31px; padding:23px 0 0; border-top:1px solid var(--line); list-style:none; }
.distribution-plan-card li { position:relative; padding-left:22px; color:var(--muted); font-size:.76rem; }
.distribution-plan-card li::before { content:"✓"; position:absolute; left:0; color:var(--success); font-size:.67rem; }
.distribution-plan-card .button { margin-top:auto; }
.plan-orbit-mini { position:relative; width:83px; aspect-ratio:1; border:1px solid rgba(var(--accent-rgb),.27); border-radius:50%; animation:orbit-flat 13s linear infinite; }
.plan-orbit-mini::before { content:""; position:absolute; inset:24%; border:1px solid rgba(var(--accent-rgb),.35); border-radius:50%; }
.plan-orbit-mini span { position:absolute; width:19px; aspect-ratio:1; top:50%; left:50%; border-radius:50%; background:var(--accent-bright); box-shadow:0 0 20px rgba(var(--accent-rgb),.6); transform:translate(-50%,-50%); }
.plan-orbit-mini i,.plan-orbit-mini b { position:absolute; width:7px; aspect-ratio:1; border-radius:50%; background:#fff; box-shadow:0 0 10px #fff; }
.plan-orbit-mini i { top:6px; left:13px; }
.plan-orbit-mini b { right:3px; bottom:19px; background:var(--secondary); box-shadow:0 0 12px rgba(var(--secondary-rgb),.7); }
.plan-recommended { position:absolute; top:25px; right:-53px; width:190px; padding:7px 0; color:#090c13; background:linear-gradient(135deg,var(--accent-bright),var(--accent)); font-size:.48rem; font-weight:900; letter-spacing:.11em; text-align:center; transform:rotate(42deg); }
.plans-detail-link { display:flex; margin:32px auto 0; }

/* Final CTA */
.distribution-final-cta { min-height:780px; display:grid; align-items:center; overflow:hidden; }
.distribution-final-cta::before { content:""; position:absolute; width:900px; aspect-ratio:1; top:50%; left:50%; border:1px solid rgba(var(--accent-rgb),.11); border-radius:50%; box-shadow:0 0 170px rgba(var(--accent-rgb),.06) inset; transform:translate(-50%,-50%) rotateX(68deg); }
.distribution-cta-shell { position:relative; display:grid; grid-template-columns:330px minmax(0,1fr); align-items:center; gap:clamp(50px,8vw,110px); padding:clamp(40px,6vw,75px); overflow:hidden; border:1px solid rgba(var(--accent-rgb),.22); border-radius:36px; background:linear-gradient(145deg,rgba(12,19,39,.8),rgba(3,7,18,.87)); box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.06); }
.distribution-cta-shell::after { content:""; position:absolute; width:420px; aspect-ratio:1; right:-210px; top:-220px; border-radius:50%; background:radial-gradient(circle,rgba(var(--accent-rgb),.16),transparent 68%); }
.distribution-portal { position:relative; width:300px; aspect-ratio:1; display:grid; place-items:center; }
.distribution-portal span { position:absolute; inset:var(--portal-inset); border:1px solid rgba(var(--accent-rgb),var(--portal-alpha)); border-radius:50%; animation:orbit-flat var(--portal-speed) linear infinite; }
.distribution-portal span::before { content:""; position:absolute; width:8px; aspect-ratio:1; top:50%; left:-4px; border-radius:50%; background:var(--accent-bright); box-shadow:0 0 17px rgba(var(--accent-rgb),.7); }
.distribution-portal span:nth-child(1){--portal-inset:0;--portal-alpha:.28;--portal-speed:17s;}.distribution-portal span:nth-child(2){--portal-inset:15%;--portal-alpha:.2;--portal-speed:12s;animation-direction:reverse;}.distribution-portal span:nth-child(3){--portal-inset:30%;--portal-alpha:.32;--portal-speed:8s;}
.distribution-portal img { width:46%; filter:drop-shadow(0 14px 25px rgba(0,0,0,.42)) drop-shadow(0 0 20px rgba(var(--accent-rgb),.23)); animation:distribution-float 6s ease-in-out infinite; }
.distribution-cta-copy { position:relative; z-index:2; }
.distribution-cta-copy h2 { margin:0; font-size:clamp(2.6rem,5vw,5.25rem); line-height:.97; letter-spacing:-.06em; }
.distribution-cta-copy h2 span { color:transparent; background:linear-gradient(110deg,#fff 5%,var(--accent-bright),var(--accent)); -webkit-background-clip:text; background-clip:text; }
.distribution-cta-copy > p:not(.section-kicker):not(.cta-microcopy) { max-width:680px; margin:23px 0 0; color:var(--muted); }
.distribution-cta-copy .cta-actions { justify-content:flex-start; }
.cta-microcopy { margin:17px 0 0; color:var(--muted-2); font-size:.64rem; }

/* Shared FAQ adjustments */
.distribution-page .faq-section { background:rgba(2,5,14,.48); }
.distribution-page .faq-item button { font-size:.94rem; }

/* Motion */
@keyframes distribution-orbit { to { transform:translate(-50%,-50%) rotateX(66deg) rotateZ(calc(var(--halo-angle) + 360deg)); } }
@keyframes distribution-float { 50% { transform:translate(-50%,-53%); } }
@keyframes route-flow { to { stroke-dashoffset:-130; } }
@keyframes node-breathe { 50% { transform:translateY(-5px); border-color:rgba(var(--accent-rgb),.28); } }
@keyframes status-card-float { 50% { transform:rotateY(-4deg) rotateX(2deg) translateY(-7px); } }
@keyframes mini-card-float { 50% { transform:translateY(-7px); } }
@keyframes status-progress { to { width:93%; } }
@keyframes platform-drift { 50% { transform:translateY(-7px); } }
@keyframes panel-in { from { opacity:0; transform:translateY(8px); } }
@keyframes chart-breathe { to { filter:brightness(1.2); transform:scaleY(.9); transform-origin:bottom; } }
@keyframes metadata-spin { to { transform:translate(-50%,-50%) rotate(342deg); } }
@keyframes metadata-spin-reverse { to { transform:translate(-50%,-50%) rotate(-329deg); } }
@keyframes metadata-float { 50% { transform:translateY(-7px); } }
@keyframes connector-travel { to { left:100%; } }
@keyframes shield-scan { 0%,100% { top:15%; opacity:.25; } 50% { top:79%; opacity:1; } }

html[data-motion="reduced"] .global-network,
html[data-motion="reduced"] .dashboard-browser,
html[data-motion="reduced"] .metadata-orbit,
html[data-motion="reduced"] .integrity-visual {
  transform-style:flat;
}

html[data-motion="reduced"] .network-halo,
html[data-motion="reduced"] .network-globe,
html[data-motion="reduced"] .network-node,
html[data-motion="reduced"] .distribution-status-card,
html[data-motion="reduced"] .platform-chip,
html[data-motion="reduced"] .dashboard-demo::before,
html[data-motion="reduced"] .royalty-chart span,
html[data-motion="reduced"] .metadata-orbit::before,
html[data-motion="reduced"] .metadata-orbit::after,
html[data-motion="reduced"] .metadata-satellite,
html[data-motion="reduced"] .timing-orbit,
html[data-motion="reduced"] .integrity-signal,
html[data-motion="reduced"] .shield-scan,
html[data-motion="reduced"] .plan-orbit-mini,
html[data-motion="reduced"] .distribution-final-cta::before,
html[data-motion="reduced"] .distribution-portal span,
html[data-motion="reduced"] .distribution-portal img {
  animation-duration:18s;
}

html[data-motion="off"] .cursor-light,
html[data-motion="off"] .network-routes,
html[data-motion="off"] .shield-scan { display:none; }

html[data-motion="off"] .network-halo,
html[data-motion="off"] .network-globe,
html[data-motion="off"] .network-node,
html[data-motion="off"] .distribution-status-card,
html[data-motion="off"] .platform-chip,
html[data-motion="off"] .dashboard-demo::before,
html[data-motion="off"] .royalty-chart span,
html[data-motion="off"] .metadata-orbit::before,
html[data-motion="off"] .metadata-orbit::after,
html[data-motion="off"] .metadata-satellite,
html[data-motion="off"] .timing-orbit,
html[data-motion="off"] .integrity-signal,
html[data-motion="off"] .plan-orbit-mini,
html[data-motion="off"] .distribution-final-cta::before,
html[data-motion="off"] .distribution-portal span,
html[data-motion="off"] .distribution-portal img {
  animation:none !important;
}

/* Responsive */
@media (max-width: 1180px) {
  .distribution-hero-grid { grid-template-columns:minmax(0,1fr) minmax(410px,.82fr); gap:45px; }
  .distribution-hero-visual { min-height:600px; }
  .global-network { width:540px; max-width:47vw; }
  .system-grid { grid-template-columns:minmax(0,.7fr) minmax(520px,1.3fr); gap:55px; }
  .dashboard-layout { grid-template-columns:minmax(480px,1fr) minmax(330px,.8fr); gap:50px; }
  .dashboard-demo { min-height:590px; }
  .metadata-layout { grid-template-columns:minmax(430px,.9fr) minmax(410px,1.1fr); gap:55px; }
  .rights-layout { grid-template-columns:minmax(330px,.78fr) minmax(500px,1.22fr); gap:55px; }
  .royalty-flow { grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr; gap:7px; }
  .prepare-layout { grid-template-columns:minmax(320px,.68fr) minmax(520px,1.32fr); gap:55px; }
}

@media (max-width: 980px) {
  .distribution-hero { min-height:auto; padding-top:calc(var(--header-height) + 95px); }
  .distribution-hero-grid,
  .system-grid,
  .process-layout,
  .dashboard-layout,
  .metadata-layout,
  .rights-layout,
  .prepare-layout,
  .integrity-layout,
  .distribution-cta-shell { grid-template-columns:1fr; }
  .distribution-hero-copy { text-align:center; }
  .breadcrumbs { justify-content:center; }
  .distribution-hero .eyebrow,.distribution-hero .exclusive-pill { margin-inline:auto; }
  .distribution-hero-lead { margin-inline:auto; }
  .distribution-hero .hero-actions { justify-content:center; }
  .distribution-assurances { margin-inline:auto; }
  .distribution-hero-visual { width:min(680px,100%); min-height:650px; margin:12px auto 0; }
  .global-network { width:600px; max-width:90vw; }
  .system-grid > .section-heading { max-width:800px; }
  .capability-grid { max-width:780px; margin-inline:auto; }
  .region-panel { grid-template-columns:1fr; gap:30px; text-align:center; }
  .region-copy h3,.region-copy p { margin-inline:auto; }
  .platform-cloud { width:min(620px,100%); margin-inline:auto; }
  .process-copy { position:relative; top:auto; max-width:780px; }
  .process-track { padding-left:44px; }
  .dashboard-demo { order:2; width:min(760px,100%); min-height:620px; margin-inline:auto; }
  .dashboard-copy { max-width:780px; }
  .metadata-orbit { width:min(540px,92vw); }
  .metadata-checks { max-width:760px; margin-inline:auto; }
  .rights-copy { max-width:790px; }
  .rights-card-grid { max-width:780px; margin-inline:auto; }
  .royalty-flow { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .royalty-connector { display:none; }
  .prepare-copy { max-width:790px; }
  .release-readiness { max-width:780px; margin-inline:auto; }
  .integrity-visual { order:2; width:min(650px,100%); margin-inline:auto; }
  .integrity-copy { max-width:790px; }
  .distribution-cta-shell { text-align:center; }
  .distribution-portal { margin-inline:auto; }
  .distribution-cta-copy .cta-actions { justify-content:center; }
}

@media (max-width: 720px) {
  .distribution-hero { padding-top:128px; padding-bottom:82px; }
  .breadcrumbs { margin-bottom:32px; font-size:.58rem; }
  .distribution-hero h1 { font-size:clamp(2.8rem,14.8vw,4.8rem); }
  .distribution-hero-lead { font-size:1rem; }
  .distribution-assurances { grid-template-columns:1fr; gap:13px; max-width:460px; }
  .distribution-assurances li { padding:0 0 13px; border-right:0; border-bottom:1px solid var(--line); }
  .distribution-assurances li:last-child { border-bottom:0; }
  .distribution-hero-visual { min-height:560px; }
  .global-network { width:500px; max-width:106vw; }
  .network-node { min-width:75px; padding:7px 8px; font-size:.49rem; }
  .distribution-status-card--release { width:90%; right:5%; bottom:1%; }
  .distribution-status-card--rights { top:10%; right:0; }
  .distribution-status-card--royalties { top:28%; left:0; }
  .capability-grid,.rights-card-grid,.royalty-explainer-grid,.distribution-plan-grid { grid-template-columns:1fr; }
  .capability-card { min-height:0; }
  .region-tabs { width:100%; display:grid; grid-template-columns:1fr; border-radius:18px; }
  .region-tab { border-radius:13px; }
  .region-stage { min-height:650px; border-radius:27px; }
  .region-panel { padding:33px 20px; }
  .region-copy h3 { font-size:clamp(2rem,11vw,3.2rem); }
  .platform-cloud { min-height:330px; }
  .platform-chip { min-width:105px; padding:10px 11px; font-size:.58rem; }
  .platform-chip--large { min-width:135px; padding:13px 16px; }
  .process-track { padding-left:35px; }
  .process-track::before { left:11px; }
  .process-step { grid-template-columns:52px minmax(0,1fr); gap:15px; padding-bottom:40px; }
  .process-step::before { left:-30px; top:17px; }
  .process-number { width:50px; height:50px; border-radius:15px; }
  .dashboard-demo { min-height:520px; }
  .dashboard-browser { width:720px; max-width:114vw; transform:translate(-50%,-50%) scale(.82); }
  .dashboard-demo::before { width:500px; }
  .metadata-layout { margin-top:48px; }
  .metadata-orbit { width:470px; max-width:113vw; }
  .metadata-satellite { min-width:95px; padding:8px 9px; }
  .metadata-warning { grid-template-columns:1fr; text-align:center; }
  .metadata-warning svg { margin:auto; }
  .rights-statement { grid-template-columns:1fr; text-align:center; }
  .rights-statement > span { font-size:2.7rem; }
  .rights-boundary { grid-template-columns:1fr; }
  .royalty-flow { grid-template-columns:1fr; }
  .royalty-node { min-height:0; }
  .prepare-layout { gap:45px; }
  .release-readiness li { grid-template-columns:28px minmax(0,1fr) 27px; gap:10px; padding:15px 16px; }
  .timing-note { grid-template-columns:1fr; text-align:center; }
  .timing-orbit { margin:auto; }
  .integrity-visual { min-height:470px; }
  .integrity-shield { width:min(350px,82vw); }
  .integrity-signal { min-width:82px; padding:8px 9px; font-size:.47rem; }
  .distribution-plan-card { min-height:0; padding:29px 23px; }
  .distribution-final-cta { min-height:700px; }
  .distribution-cta-shell { padding:35px 22px; border-radius:28px; }
  .distribution-portal { width:240px; }
  .distribution-cta-copy h2 { font-size:clamp(2.45rem,12vw,4rem); }
  .toast { right:18px; bottom:90px; }
}

@media (max-width: 480px) {
  .breadcrumbs { flex-wrap:wrap; }
  .distribution-hero h1 { font-size:clamp(2.55rem,14vw,3.85rem); }
  .distribution-hero .eyebrow { justify-content:center; font-size:.59rem; letter-spacing:.16em; }
  .distribution-hero-visual { min-height:500px; }
  .global-network { width:435px; }
  .network-node { min-width:68px; font-size:.44rem; }
  .distribution-status-card--release { padding:13px; }
  .distribution-status-card--rights,.distribution-status-card--royalties { padding:8px 9px; }
  .distribution-status-card--rights strong,.distribution-status-card--royalties strong { font-size:.53rem; }
  .status-card-icon { width:26px; height:26px; }
  .capability-grid { grid-template-columns:1fr; }
  .region-stage { min-height:690px; }
  .platform-cloud { transform:scale(.92); }
  .process-step h3 { font-size:1.02rem; }
  .dashboard-demo { min-height:430px; }
  .dashboard-browser { transform:translate(-50%,-50%) scale(.67); }
  .metadata-orbit { width:400px; }
  .metadata-satellite { min-width:83px; }
  .metadata-satellite b { font-size:.52rem; }
  .metadata-satellite small { font-size:.42rem; }
  .metadata-check-card { grid-template-columns:42px minmax(0,1fr); padding:17px; }
  .rights-card { min-height:220px; }
  .royalty-definition { padding:23px 20px; }
  .release-readiness p { font-size:.6rem; }
  .integrity-visual { min-height:400px; }
  .integrity-signal { min-width:72px; font-size:.42rem; }
  .distribution-portal { width:205px; }
  .distribution-cta-shell { padding:32px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .network-routes path,
  .network-halo,
  .network-globe,
  .network-node,
  .distribution-status-card,
  .platform-chip,
  .dashboard-demo::before,
  .royalty-chart span,
  .metadata-orbit::before,
  .metadata-orbit::after,
  .metadata-satellite,
  .timing-orbit,
  .integrity-signal,
  .shield-scan,
  .plan-orbit-mini,
  .distribution-portal span,
  .distribution-portal img {
    animation-duration: 20s;
  }
}