#vdr-page{--green1:#91E5AC;--green2:#70C98F;--green-hi:#91E5AC;min-height:100dvh}
#vdr-page .hero{padding-top:24px}
#vdr-page .brand{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 22px;color:var(--gold-lite);font-size:15px;font-weight:900;letter-spacing:.1em;line-height:1.1}
#vdr-page .brand svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
#vdr-page .brand small{display:block;font-size:9px;letter-spacing:.24em;margin-top:5px;font-weight:700}
#vdr-page .approved{color:#173926;box-shadow:0 8px 22px #0003,inset 0 1px 0 #fff7}
#vdr-page .approved svg{stroke:#173926}
#vdr-page .hero h1{font-size:44px;font-weight:400}
#vdr-page .hero h1 .hi{text-shadow:0 0 24px #91e5ac40}
#vdr-page .vsl-cue{margin-top:9px}
#vdr-video-slot{aspect-ratio:9/16;isolation:isolate}
#vsl{display:block;width:100%;height:100%;object-fit:contain;background:#000;aspect-ratio:9/16}
.play-cover{position:absolute;inset:0;border:0;padding:20px;background:linear-gradient(transparent 15%,#0003 50%,#0008);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;cursor:pointer;font-family:Nunito,system-ui,sans-serif}
.play-cover[hidden]{display:none}
.play-circle{width:86px;height:86px;border:1px solid #ffffffb0;border-radius:50%;display:grid;place-items:center;background:#91e5aceb;color:#173926;box-shadow:0 12px 45px #0005;transition:transform .18s}
.play-cover:hover .play-circle{transform:scale(1.05)}
.play-circle svg{width:38px;height:38px;fill:currentColor}
.play-copy{font-weight:900;font-size:15px;letter-spacing:.03em;text-shadow:0 2px 10px #000}
.play-copy small{display:block;font-size:13px;font-weight:700;letter-spacing:0;margin-top:4px}
#vdr-page .watch-note{font-size:12px;color:#dbc3ad;text-align:center;margin-top:5px}
.video-status:empty{display:none}
#vdr-page .video-status{margin:12px 0 0;text-align:center;font-size:13px;color:#f3d585}
#vdr-page .cta{color:#173926;animation:none;box-shadow:0 10px 30px #0004,inset 0 1px 0 #fffa}
#vdr-page .cta::after{animation:none;display:none}
#vdr-page .cta:hover{filter:brightness(1.06);transform:translateY(-1px)}
#vdr-page .cta:focus-visible,.play-cover:focus-visible{outline:3px solid #fff;outline-offset:5px}
#vdr-page .cta-sec[hidden]{display:none}
#vdr-page .footer{position:relative;z-index:2;text-align:center;color:#c3a48d;font-size:11px;padding:24px 20px 28px}
dialog{max-width:360px;width:calc(100% - 40px);padding:28px;border:0;border-radius:18px;background:#fafaf7;color:#173926;font-family:Nunito,system-ui,sans-serif;box-shadow:0 20px 100px #0007}
dialog::backdrop{background:#0008}
dialog h2{margin-top:0}dialog button{background:#173926;color:#fff;border:0;border-radius:9px;padding:12px 22px;font:800 15px Nunito,system-ui,sans-serif;cursor:pointer}
.noscript{padding:20px;text-align:center;background:#1b0a03;color:#fff;font-family:system-ui,sans-serif}
@media(max-width:360px){#vdr-page .hero h1{font-size:40px}#vdr-page .wrap{padding-inline:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.play-circle{transition:none}}

/* Desktop: large editorial copy on the left, portrait player on the right.
   The original document order keeps mobile as headline → video → enrollment. */
@media(min-width:960px){
  #vdr-page{
    display:grid;
    grid-template-columns:minmax(0,620px) minmax(300px,420px);
    grid-template-areas:"hero video" "offer video" "footer footer";
    grid-template-rows:auto auto auto;
    column-gap:clamp(48px,6vw,100px);
    row-gap:0;
    align-content:center;
    justify-content:center;
    padding:clamp(32px,5vh,64px) clamp(36px,6vw,110px) 22px;
  }
  #vdr-page .hero{grid-area:hero;text-align:left;align-self:center;padding:0}
  #vdr-page .hero .wrap{max-width:none;padding:0;margin:0}
  #vdr-page .brand{justify-content:flex-start;margin:0 0 30px}
  #vdr-page .approved{margin:0 0 24px;font-size:12px}
  #vdr-page .hero h1{font-size:clamp(66px,6.4vw,96px);line-height:1.02;letter-spacing:.002em;text-wrap:balance;max-width:650px}
  #vdr-page .vsl-cue{display:flex;flex-direction:row;gap:15px;align-items:center;margin:25px 0 0 2px}
  #vdr-page .vsl-cue .vc-txt{font-size:27px}
  #vdr-page .vsl-cue .arrow{transform:rotate(-65deg);animation:none;width:56px;height:46px}
  #vdr-page .vid{grid-area:video;align-self:center;padding:0}
  #vdr-page .vid .wrap{max-width:clamp(290px,calc(56.25svh - 67.5px),420px);width:100%;padding:0;margin:0 auto}
  #vdr-page .micro-cue{font-size:12px;margin-top:14px}
  #vdr-page .cta-sec{grid-area:offer;padding:26px 0 0;align-self:start}
  #vdr-page .cta-sec .wrap{padding:0;margin:0;max-width:440px}
  #vdr-page .footer{grid-area:footer;padding:28px 0 0}
}