/* Art direction pass: premium depth, stronger hierarchy, crawl-safe content. */
:root {
  --ad-panel: rgba(8, 12, 20, .78);
  --ad-panel-2: rgba(13, 18, 30, .72);
  --ad-line: rgba(242, 212, 154, .2);
  --ad-line-soft: rgba(255, 255, 255, .095);
  --ad-shadow: 0 34px 110px rgba(0, 0, 0, .52);
  --ad-gold-glow: 0 0 54px rgba(232, 192, 121, .14);
}
body {
  background:
    linear-gradient(180deg, #05070c 0%, #070b13 28%, #05070c 62%, #070910 100%);
}
body::before {
  background:
    linear-gradient(115deg, rgba(13, 38, 46, .24) 0%, transparent 33%),
    linear-gradient(245deg, rgba(30, 25, 45, .22) 0%, transparent 38%),
    linear-gradient(180deg, #05070c, #080b13 42%, #05070c);
}
.reveal { opacity: 1; transform: none; }
.reveal.in { opacity: 1; transform: none; }
.section { padding: 118px 0; }
.section::before {
  content: "";
  position: absolute;
  left: max(28px, calc((100vw - var(--maxw)) / 2 + 28px));
  right: max(28px, calc((100vw - var(--maxw)) / 2 + 28px));
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(242,212,154,.18), rgba(45,212,191,.12), transparent);
  opacity: .72;
}
.nav { background: rgba(5, 8, 14, .82); box-shadow: 0 12px 36px rgba(0,0,0,.22); }
.brand-mark { box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 34px rgba(0,0,0,.34); }
.hero-cine { padding: 112px 0 54px; }
.hero-badge {
  border-color: rgba(232,192,121,.24);
  background: linear-gradient(120deg, rgba(232,192,121,.09), rgba(255,255,255,.035));
  box-shadow: 0 18px 54px rgba(0,0,0,.26);
}
.hc-frame {
  border-radius: 28px;
  border-color: rgba(242,212,154,.34);
  box-shadow: 0 44px 120px rgba(0,0,0,.62), var(--ad-gold-glow), inset 0 1px 0 rgba(255,255,255,.08);
}
.hc-frame::before {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: 3;
  pointer-events: none;
  border: 1px solid rgba(242,212,154,.18);
  border-radius: 20px;
}
.hero-trust, .hero-stats {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.hero-trust {
  padding: 16px 22px;
  border: 1px solid var(--ad-line-soft);
  border-radius: 999px;
  background: rgba(255,255,255,.028);
}
.hero-stats {
  border: 1px solid rgba(242,212,154,.16);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow: 0 28px 85px rgba(0,0,0,.34);
}
.hero-stat .num { text-shadow: 0 0 34px rgba(45,212,191,.18); }
.marquee-wrap { border-block: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.018); }
.dist-wrap, .ttk, .channel-wow, .contact {
  background:
    linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018)),
    var(--ad-panel);
  border: 1px solid var(--ad-line);
  box-shadow: var(--ad-shadow);
}
.dist-wrap, .ttk { border-radius: 30px; padding: clamp(28px, 4vw, 58px); }
.dist-hub {
  background: radial-gradient(circle at 50% 50%, rgba(232,192,121,.11), transparent 45%);
  border-radius: 999px;
}
.dist-core {
  background: linear-gradient(155deg, rgba(20,27,45,.96), rgba(8,12,20,.98));
  border-color: rgba(242,212,154,.28);
  box-shadow: 0 26px 78px rgba(0,0,0,.55), 0 0 48px rgba(232,192,121,.13);
}
.dist-node, .platform-row, .channel-card, .faq, .ben, .ind, .scale-card {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 18px 54px rgba(0,0,0,.26);
}
.dist-chip, .btn-ghost {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.13);
}
.platform-row { background: linear-gradient(120deg, rgba(255,255,255,.065), rgba(255,255,255,.025)); }
.platform-status { color: #7ffdf1; border-color: rgba(45,212,191,.35); }
.engine {
  border-color: rgba(242,212,154,.17);
  background: linear-gradient(145deg, rgba(255,255,255,.048), rgba(255,255,255,.018));
  box-shadow: var(--ad-shadow);
}
.mock, .inbox-mock, .contact-form .cf-fields {
  border-color: rgba(242,212,154,.16);
  box-shadow: 0 24px 72px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);
}
.showpiece, .band-cine, .scale-media {
  border-color: rgba(242,212,154,.28);
  box-shadow: 0 38px 110px rgba(0,0,0,.55), 0 0 42px rgba(232,192,121,.08);
}
.faq-list { max-width: 900px; }
.faq { background: rgba(255,255,255,.035); }
.faq[open] { background: linear-gradient(145deg, rgba(232,192,121,.075), rgba(255,255,255,.03)); }
.contact { align-items: stretch; }
.footer {
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(5,7,12,.72));
}
@media (max-width: 720px) {
  .section { padding: 78px 0; }
  .section::before { left: 20px; right: 20px; }
  .hero-cine { padding: 92px 0 34px; }
  .hc-frame { border-radius: 22px; }
  .hc-frame::before { inset: 8px; border-radius: 16px; }
  .hero-trust { border-radius: 20px; padding: 14px 16px; }
  .hero-stats { border-radius: 20px; }
  .dist-wrap, .ttk, .channel-wow, .contact { border-radius: 24px; }
  .marquee-wrap { padding: 18px 0; overflow: hidden; }
  .marquee-label { text-align: center; line-height: 1.5; }
  .marquee-track { margin-top: 14px; overflow: visible; }
  .marquee {
    animation: none;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 14px;
    padding: 0 12px;
  }
  .marquee[aria-hidden="true"] { display: none; }
  .mq-item {
    font-size: 14px;
    gap: 8px;
    opacity: .82;
  }
}