:root{
  --navy:#1B2A4A;
  --navy-deep:#101A30;
  --red:#C41E3A;
  --cream:#FAF5EC;
  --cream-dim:#F1EADC;
  --ink:#20273A;
  --ink-soft:#4A5268;
  --line: rgba(27,42,74,0.14);
}
html{scroll-behavior:smooth} body{margin:0; background:var(--cream); font-family:'Work Sans', system-ui, sans-serif; color:var(--ink);}
a{color:var(--navy); text-decoration:none;}
a:hover{color:var(--red);}
h1,h2,h3{font-family:'Bricolage Grotesque', system-ui, sans-serif; margin:0;}
p{margin:0;}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:3px; font-family:'Work Sans',sans-serif; font-weight:600; font-size:16px; padding:15px 28px; cursor:pointer; border:1.5px solid transparent; transition:opacity .15s ease; text-align:center; min-height:44px;}
.btn:hover{opacity:0.88;}
.btn-primary{background:var(--red); color:#fff;}
.btn-primary:hover{color:#fff;}
.btn-ghost{background:transparent; color:#fff; border-color:rgba(255,255,255,0.55);}
.btn-ghost:hover{color:#fff;}
.btn-navy{background:var(--navy); color:#fff;}
.btn-navy:hover{color:#fff;}
.btn-outline{background:transparent; color:var(--navy); border-color:var(--navy);}
.accent-bar{display:flex; width:64px; height:5px;}
.accent-bar span:nth-child(1){flex:1; background:var(--red);}
.accent-bar span:nth-child(2){flex:1; background:var(--navy);}
.card{background:#fff; border:1px solid var(--line); border-radius:4px;}
.eyebrow{font-family:'Work Sans',sans-serif; font-weight:700; font-size:13px; letter-spacing:0.06em; text-transform:uppercase; color:var(--red);}
.eyebrow-light{color:#FF6B82;}
.wrap{max-width:1200px; margin:0 auto;}
.nav{position:sticky; top:0; z-index:40; background:var(--navy); border-bottom:3px solid var(--red);}
.nav-inner{max-width:1200px; margin:0 auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
.nav-links{display:flex; align-items:center; gap:22px; flex-wrap:wrap;}
.nav-links a{color:#E7E9F2; font-size:15px; font-weight:500;}
.nav-links a:hover{color:#fff;}
.logo{display:flex; align-items:center; gap:10px; color:#fff;}
.logo:hover{color:#fff;}
.logo-mark{width:38px; height:38px; border-radius:3px; background:var(--red); color:#fff; font-family:'Bricolage Grotesque',sans-serif; font-weight:800; font-size:17px; display:flex; align-items:center; justify-content:center;}
.logo-text{font-family:'Bricolage Grotesque',sans-serif; font-weight:700; font-size:18px; color:#fff;}
.page-hero{background:var(--navy); padding:72px 24px 80px;}
.page-hero h1{color:#fff; font-size:46px; line-height:1.1; font-weight:800; max-width:760px;}
.page-hero .lede{color:#C9CFE0; font-size:18px; line-height:1.6; max-width:620px;}
.section{padding:72px 24px;}
.section-white{background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.h2{font-size:30px; color:var(--navy); line-height:1.25;}
.body{font-size:16px; line-height:1.7; color:var(--ink-soft);}
.small{font-size:14px; line-height:1.6; color:var(--ink-soft);}
.price{font-family:'Bricolage Grotesque',sans-serif; font-weight:800; font-size:30px; color:var(--red);}
.price-sm{font-family:'Bricolage Grotesque',sans-serif; font-weight:800; font-size:20px; color:var(--red);}
.list{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:12px;}
.list li{display:flex; gap:10px; font-size:15px; color:var(--ink-soft); line-height:1.55;}
.list li span.dash{color:var(--red); font-weight:700; flex-shrink:0;}
.grid2{display:grid; grid-template-columns:repeat(auto-fit, minmax(min(420px,100%),1fr)); gap:40px; align-items:start;}
.grid3{display:grid; grid-template-columns:repeat(auto-fit, minmax(min(300px,100%),1fr)); gap:20px;}
.footer{background:var(--navy); padding:48px 24px 36px;}
.footer-inner{max-width:1200px; margin:0 auto; display:flex; flex-direction:column; gap:20px;}
.footer-row{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px;}
.footer-links{display:flex; gap:20px; flex-wrap:wrap;}
.footer-links a{color:#C9CFE0; font-size:14px;}
.footer-links a:hover{color:#fff;}
.footer-rule{height:1px; background:rgba(255,255,255,0.12);}
.footer-note{color:#8E96AC; font-size:12.5px; line-height:1.6; max-width:760px;}
.placeholder{background:#FFF3C4; color:#7A5A00; padding:2px 6px; border-radius:2px; font-weight:600;}
.quiz-option{display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; text-align:left; background:#fff; border:1.5px solid var(--line); border-radius:4px; padding:18px 20px; font-family:'Work Sans',sans-serif; font-size:16px; font-weight:500; color:var(--ink); cursor:pointer; min-height:56px;}
.quiz-option:hover{border-color:var(--navy);}
.quiz-option .arrow{color:var(--red); font-weight:700;}
.quiz-back{background:none; border:none; color:var(--ink-soft); font-family:'Work Sans',sans-serif; font-size:14px; cursor:pointer; padding:8px 0; min-height:44px;}
.quiz-back:hover{color:var(--red);}
.quiz-step{font-size:13px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--ink-soft);}
@media (max-width:640px){
  h1{font-size:36px !important; line-height:1.12 !important;}
  .page-hero h1{font-size:34px !important;}
  h2{font-size:26px !important;}
  .price{font-size:26px !important;}
  .nav-inner{padding:12px 16px;}
  .section{padding:52px 16px;}
  .page-hero{padding:52px 16px 60px;}
}