@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#071421;--text:#eef4fa;--muted:#9cabbc;--line:#294056;--gold:#f3bb61}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--text)}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
button{font:inherit}
.home{min-height:100svh;background:radial-gradient(ellipse 68% 58% at 100% 18%,#173954 0%,transparent 70%),linear-gradient(132deg,#071421,#0b1c2d 62%,#081621)}
.page-shell{min-height:100svh;max-width:1320px;margin:auto;padding:clamp(16px,2.3vh,30px) clamp(20px,4vw,68px);display:flex;flex-direction:column}
.masthead{display:flex;align-items:center;justify-content:center;gap:20px;padding-bottom:clamp(12px,3vh,30px)}
.masthead-centered{text-align:center}
.ad-notice-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}
.ad-link{font-size:11px;letter-spacing:.23em;font-weight:800;text-decoration:none;color:var(--gold)}
.ad-pill{font-size:19px;letter-spacing:.28em;padding:12px 28px;border-radius:999px;background:linear-gradient(180deg,#f7cb7e,#e2a947);color:#081725;box-shadow:0 14px 40px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.18)}
.disclaimer-top{color:#d8e4ee;font-size:14px;text-underline-offset:4px;font-weight:700}
.feature{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center}
.feature-top{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:clamp(15px,2.5vh,30px)}
.eyebrow{background:#f3bb61;color:#081725;font-weight:800;font-size:12px;letter-spacing:.11em;padding:10px 15px;text-transform:uppercase;border-radius:3px}
.meta{display:flex;flex-wrap:wrap;gap:9px 18px;color:#aab8c7;font-size:11px}
.feature-grid{display:grid;grid-template-columns:1.14fr 1fr;align-items:center;gap:clamp(20px,4.8vw,85px)}
h1{font:800 clamp(30px,3.9vw,62px)/1.07 'Manrope',Arial,sans-serif;letter-spacing:-.055em;margin:0 0 clamp(15px,3vh,30px)}
h1 u{text-decoration-thickness:1px;text-underline-offset:7px}
.summary-label{font-size:13px;color:var(--gold);font-weight:700;margin-bottom:12px}
.lead{max-width:580px;border-left:2px solid var(--gold);padding-left:16px;color:#d8e2ec;font-size:clamp(14px,1.35vw,18px);line-height:1.55;margin:0 0 clamp(18px,3.8vh,40px)}
.inline-link{color:var(--gold);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.button-link{appearance:none;border:0;background:none;padding:0;cursor:pointer}
.cta-center{display:flex;justify-content:center}
.main-button{display:inline-flex;align-items:center;justify-content:center;gap:42px;background:var(--gold);color:#092031;min-height:54px;padding:12px 34px;border-radius:6px;text-decoration:none;font-weight:800;box-shadow:0 10px 40px #0005;border:0;cursor:pointer}
.main-button:hover{background:#ffd28a}
.video-panel{min-height:clamp(260px,41vh,520px);position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#152a3b 2%,#050c15 62%);border:1px solid #395469;box-shadow:0 22px 70px #0007;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-decoration:none;letter-spacing:.17em;font-size:12px}
.video-button{width:100%;cursor:pointer;color:inherit;padding:0;appearance:none}
.video-texture{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 52% 42%,#294657a6,transparent 43%),repeating-linear-gradient(90deg,transparent 0 58px,#ffffff06 59px 60px);opacity:.9}
.video-panel:after{content:' ';position:absolute;inset:11px;border:1px solid #ffffff0c;border-radius:9px;pointer-events:none}
.play-round{width:100px;height:100px;border-radius:50%;border:1px solid #f3bb6177;background:#f3bb6115;display:grid;place-items:center;transition:transform .2s,background .2s;color:#f4c67b}
.video-panel:hover .play-round{transform:scale(1.07);background:#f3bb6133}
.site-footer{text-align:center;padding-top:clamp(18px,3vh,32px);max-width:1120px;margin:0 auto}
.alert-line{margin:0 0 12px;color:#fff;font-size:clamp(13px,1.2vw,20px);line-height:1.35;font-weight:800;letter-spacing:.02em;text-transform:uppercase;background:rgba(9,30,47,.65);padding:16px 18px;border-radius:14px;border:1px solid rgba(243,187,97,.28);box-shadow:0 12px 34px rgba(0,0,0,.2)}
.footer-copy{color:#d7e1eb;font-size:clamp(12px,1vw,15px);line-height:1.6;margin:0 0 12px;background:rgba(255,255,255,.04);padding:18px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.08)}
.legal-links{display:flex;justify-content:center;gap:9px;color:#edf4fb;font-size:13px}
.legal-links a{text-underline-offset:3px}
.loading{position:fixed;inset:0;background:#05101deF;backdrop-filter:blur(12px);z-index:50;display:none;align-items:center;justify-content:center;flex-direction:column;gap:22px;font-weight:700;letter-spacing:.12em}
.loading.visible{display:flex}
.spinner{width:62px;height:62px;border:4px solid #f3bb6133;border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.is-loading{overflow:hidden}
.legal-page,.thank-page{min-height:100svh;background:#f4f6fa;color:#162b3c;line-height:1.65;color-scheme:light}
.legal-header{background:#091b2c;color:#fff;padding:19px max(22px,calc((100vw - 960px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px}
.legal-header a{text-decoration:none}
.legal-content{max-width:960px;margin:35px auto 55px;padding:32px 40px;background:white;border-radius:14px;box-shadow:0 12px 35px #1b33410b}
.legal-content h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.04em}
.legal-content h2{font:800 21px 'Manrope',Arial,sans-serif;margin-top:33px}
.legal-content p{font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.legal-bottom{display:flex;gap:24px;justify-content:center;padding:20px;font-size:13px}
.thank-page{display:grid;place-items:center;padding:20px}
.thank-box{text-align:center;background:white;border-radius:18px;padding:50px;max-width:450px;box-shadow:0 16px 35px #0002}
.thank-box h1{font-size:30px}
.thank-continue{display:inline-block;margin-top:18px;background:#0d4161;color:white;padding:11px 35px;border-radius:5px;border:0;cursor:pointer}
.check-mark{background:#d8f5e7;color:#167545;width:60px;height:60px;line-height:60px;margin:0 auto 25px;border-radius:50%;font-size:35px}
@media(max-width:750px){
  .page-shell{padding:15px 20px 18px}
  .masthead{padding-bottom:12px}
  .ad-pill{font-size:15px;padding:10px 20px;letter-spacing:.22em}
  .disclaimer-top{font-size:13px}
  .feature{justify-content:flex-start}
  .feature-top{gap:9px;margin-bottom:14px}
  .eyebrow{padding:7px 10px;font-size:10px}
  .meta{font-size:10px;gap:5px 10px}
  .feature-grid{display:flex;flex-direction:column-reverse;gap:14px;align-items:stretch}
  .video-panel{min-height:0;height:clamp(135px,24svh,260px);border-radius:10px;gap:8px;font-size:10px}
  .play-round{height:62px;width:62px}
  .play-round svg{width:25px}
  .feature-copy{display:flex;flex-direction:column;align-items:stretch}
  h1{font-size:clamp(24px,5.7vw,34px);line-height:1.13;margin-bottom:9px}
  h1 u{text-underline-offset:3px}
  .summary-label{margin-bottom:7px;font-size:11px}
  .lead{font-size:clamp(12px,3.2vw,14px);line-height:1.4;margin-bottom:14px;padding-left:12px}
  .main-button{min-height:46px;padding:10px 20px;width:100%;justify-content:center;font-size:13px;gap:18px}
  .site-footer{padding-top:16px}
  .alert-line{font-size:12px;line-height:1.35;padding:14px 12px}
  .footer-copy{font-size:11px;line-height:1.5;padding:14px 12px}
  .legal-links{font-size:10px}
  .legal-content{margin:12px 10px 20px;padding:22px}
  .legal-header{padding:12px 18px}
}
@media(max-width:750px) and (max-height:730px){
  .page-shell{padding-top:10px;padding-bottom:10px}
  .masthead{padding-bottom:9px}
  .feature-top{margin-bottom:9px}
  .feature-grid{gap:8px}
  .video-panel{height:17svh}
  .play-round{height:48px;width:48px}
  .video-panel strong{font-size:9px}
  h1{font-size:clamp(20px,5.2vw,27px)}
  .lead{font-size:11px;line-height:1.3;margin-bottom:8px}
  .summary-label{margin-bottom:4px}
  .site-footer{padding-top:10px}
  .footer-copy{font-size:10px;line-height:1.35}
  .alert-line{font-size:11px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
