/* =============================================================
   CINEMATIC STAGES + HERO
   ============================================================= */
#cinematic { position: relative; z-index: 10; }
.stage { position: relative; min-height: 100vh; display: flex; align-items: center; padding: 120px 0 60px; }
.stage-inner { display: flex; width: min(var(--max), calc(100% - 56px)); }
.stage-hero .stage-inner {
  width: min(1380px, calc(100% - 32px));
  margin-left: clamp(16px, 3vw, 48px);
  margin-right: auto;
}
.align-left { justify-content: flex-start; }

.hero-panel { width: min(720px, 100%); padding: 44px 48px; }
.reviews-panel { width: min(1000px, 100%); }

.mega {
  font-family: var(--font-head); font-weight: 900; text-transform: uppercase;
  font-size: 5.7rem; line-height: .9; letter-spacing: 0; margin: 0;
  text-shadow: 0 8px 30px rgba(0,0,0,.7);
  max-width: 100%;
}
.mega .stroke { color: transparent; -webkit-text-stroke: 2px var(--yellow); }
.lead { max-width: 460px; margin: 22px 0 8px; font-size: clamp(1.1rem, 1.7vw, 1.4rem); color: #f0f0f0; }
.accent-line { display: block; width: 120px; height: 5px; margin: 20px 0; background: var(--yellow); box-shadow: 0 0 26px rgba(255,212,0,.4); animation: glow 2.8s ease-in-out infinite; }
@keyframes glow { 0%,100% { opacity: .85; box-shadow: 0 0 16px rgba(255,212,0,.3); } 50% { opacity: 1; box-shadow: 0 0 30px rgba(255,212,0,.55); } }
.hero-note { max-width: 380px; margin: 0 0 26px; color: #eaeaea; }
.hero-note strong { color: #fff; }
.cta-row { display: flex; flex-wrap: wrap; gap: 14px; }

.spec-strip { list-style: none; margin: 30px 0 0; padding: 20px 0 0; border-top: 1px solid rgba(255,255,255,.12); display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.spec-strip li { display: grid; gap: 3px; }
.spec-strip b { font-family: var(--font-head); font-size: 1.5rem; color: var(--yellow); line-height: 1; }
.spec-strip i { font-style: normal; font-size: .72rem; letter-spacing: .04em; color: var(--dim); }