:root{
    --ink:#ffffff; --muted:rgba(255,255,255,.74); --gold:#F2C318; --accent:#F2C318;
    --bg1:#12356e; --bg2:#1D4E9E; --line:rgba(255,255,255,.2); --card:rgba(255,255,255,.08);
    padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
  }
  *{box-sizing:border-box}
 
  [hidden]{display:none!important}

  .cinema{
    position:relative; overflow:hidden;
    background:radial-gradient(60% 90% at 50% -10%, #2c62b8 0%, transparent 60%), linear-gradient(160deg,var(--bg1),var(--bg2) 55%,var(--bg1));
    padding-block:clamp(3.5rem,8vw,6rem);
    border-bottom: 4px solid #fff;
  }
  .inner{max-width:1180px;margin:0 auto;padding-inline:24px}

  .head{max-width:46ch;margin-bottom:2.6rem}
  .eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.16em;color:var(--gold);text-transform:uppercase}
  .cinema h2{font-family:Fraunces,Georgia,serif;font-weight:560;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.08;margin:.6rem 0 .7rem;text-wrap:balance;color:#fff !important}
  .head p{color:var(--muted);font-size:1rem;line-height:1.6;margin:0}

  .reel{
    display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;
    padding:.3rem .1rem 1.4rem;margin:0 -4px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
            mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
  }
  .reel::-webkit-scrollbar{height:5px}
  .reel::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}

  .plan{
    scroll-snap-align:start;flex:0 0 clamp(230px,68vw,290px);
    background:var(--card);border:1px solid var(--line);border-radius:16px;
    padding:1.4rem 1.3rem;backdrop-filter:blur(6px);
  }
  .plan .tag{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:.22rem .6rem;margin-bottom:.85rem}
  .plan h3{font-family:Fraunces,Georgia,serif;font-weight:560;font-size:1.25rem;margin:0 0 .5rem;color:#fff}
  .plan p{color:var(--muted);font-size:.9rem;line-height:1.55;margin:0}

  .foot-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line)}
  .fine{color:var(--muted);font-size:.78rem;max-width:46ch;line-height:1.5}
  .cta{flex:none;display:inline-flex;align-items:center;gap:.5rem;background:var(--gold);color:#0e2a56;font-weight:700;font-size:.9rem;text-decoration:none;padding:.75rem 1.25rem;border-radius:999px;transition:transform .18s ease}
  .cta:hover{transform:translateY(-2px)}
  .cta:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

  .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;transition-delay:calc(var(--d,0)*70ms)}
  .reveal.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}}

  @media (max-width:480px){.foot-row{flex-direction:column;align-items:flex-start}}