:root{--ink:#122033;--muted:#627084;--bg:#f6f8fb;--card:#fff;--line:#dde5ee;--brand:#1769e0;--brand2:#0f4daa;--accent:#18a57b;--warm:#fff8e8;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.72}
a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:3px}img{max-width:100%}
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:22px;padding:14px 22px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--ink);text-decoration:none;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--brand),var(--accent));display:grid;place-items:center;color:white;font-size:18px}.nav{display:flex;gap:16px;margin-left:auto;align-items:center}.nav a{color:#334155;text-decoration:none;font-weight:650;font-size:.94rem}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:white!important;text-decoration:none!important;font-weight:800;border-radius:10px;padding:12px 17px;box-shadow:0 5px 14px rgba(23,105,224,.17)}.button:hover{background:var(--brand2)}
.header-cta{white-space:nowrap}.menu-btn{display:none;background:none;border:0;font-size:1.5rem}
.hero{background:linear-gradient(135deg,#0c2344,#123e74 58%,#116e71);color:white;padding:74px 22px}.hero-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.3fr .7fr;gap:52px;align-items:center}.hero h1{font-size:clamp(2.4rem,5vw,4.9rem);line-height:1.02;margin:0 0 18px}.hero p{font-size:1.18rem;color:#dbeafe;max-width:760px}.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:26px}.hero-card .button{width:100%;background:white;color:#0c3d78!important}
.page-shell{max-width:var(--max);margin:34px auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;padding:0 22px}.article{background:white;border:1px solid var(--line);border-radius:18px;padding:clamp(24px,5vw,54px);box-shadow:0 10px 26px rgba(15,35,55,.05)}.breadcrumb{font-size:.88rem;color:var(--muted);margin-bottom:22px}.breadcrumb a{color:var(--muted)}
.article h1{font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.1;margin:.2em 0 .35em}.article h2{font-size:1.7rem;line-height:1.25;margin-top:2.15em}.article h3{font-size:1.25rem;margin-top:1.7em}.lede{font-size:1.18rem;color:#3b4b60}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.75rem;font-weight:900;color:var(--accent)}
.key-points,.note,.verified{border-radius:14px;padding:22px 24px;margin:26px 0}.key-points{background:#f1f7ff;border:1px solid #cfe1fa}.note{background:var(--warm);border:1px solid #f2deb0}.verified{background:#effaf6;border:1px solid #c8ecdf}.verified h2{margin-top:0}
.cta-box{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:linear-gradient(135deg,#102a52,#0b5c73);color:white;border-radius:18px;padding:26px;margin:32px 0}.cta-box h3{margin:.2em 0}.cta-box p{color:#dbeafe;margin:.2em 0}.cta-box small{grid-column:1/-1;color:#cbd5e1}.cta-box .button{background:#fff;color:#0b4a79!important}
.sidebar{position:relative}.sticky-card{position:sticky;top:92px;background:white;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 26px rgba(15,35,55,.06)}.sticky-card h3{margin:.25em 0}.sticky-card .button{width:100%;margin:10px 0}.sticky-card small{display:block;color:var(--muted);line-height:1.45}
.related ul,.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;list-style:none}.related li,.hub-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfdff}.related a,.hub-card a{font-weight:750;text-decoration:none}
details{border-top:1px solid var(--line);padding:15px 0}summary{font-weight:800;cursor:pointer}
.footer{background:#0b1727;color:#cbd5e1;margin-top:60px}.footer-inner{max-width:var(--max);margin:auto;padding:42px 22px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}.footer a{color:#dbeafe}.footer-bottom{max-width:var(--max);margin:auto;border-top:1px solid #22344b;padding:18px 22px;font-size:.88rem;color:#94a3b8}
.popup-backdrop{position:fixed;inset:0;background:rgba(3,10,21,.74);z-index:100;display:none;place-items:center;padding:20px}.popup-backdrop.open{display:grid}.popup{width:min(920px,96vw);background:white;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 30px 80px rgba(0,0,0,.3)}.popup-visual{background:linear-gradient(150deg,#0c2344,#126fa1);color:white;padding:46px;display:flex;flex-direction:column;justify-content:center}.popup-content{padding:42px;position:relative}.popup-close{position:absolute;right:18px;top:14px;border:0;background:#eef2f6;border-radius:50%;width:36px;height:36px;font-size:1.15rem;cursor:pointer}.popup .button{width:100%;margin:8px 0}.popup small{color:var(--muted)}
.cluster-strip{max-width:var(--max);margin:28px auto;padding:0 22px}.cluster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cluster-grid a{background:white;border:1px solid var(--line);padding:18px;border-radius:14px;text-decoration:none;font-weight:800;color:var(--ink)}
.disclosure-banner{background:#e9f5ff;border-bottom:1px solid #cfe5fa;text-align:center;padding:7px 18px;font-size:.82rem;color:#36536b}
@media(max-width:900px){.nav{display:none;position:absolute;top:64px;left:0;right:0;background:white;padding:18px 22px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-btn{display:block;margin-left:auto}.header-cta{display:none}.hero-inner,.page-shell,.popup{grid-template-columns:1fr}.hero-card{display:none}.sidebar{order:2}.sticky-card{position:static}.popup-visual{display:none}.footer-inner{grid-template-columns:1fr}.cluster-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.article{border-radius:0;border-left:0;border-right:0}.page-shell{padding:0;margin-top:18px}.related ul,.hub-grid,.cluster-grid{grid-template-columns:1fr}.cta-box{grid-template-columns:1fr}.hero{padding-top:52px;padding-bottom:52px}}

/* Header CTA visibility fix */
.site-header .header-inner{flex-wrap:nowrap}
.site-header .header-cta{
  display:inline-flex;
  flex:0 0 auto;
  visibility:visible;
  opacity:1;
  min-height:44px;
  padding:11px 16px;
}
@media(max-width:900px){
  .site-header .header-inner{gap:10px}
  .site-header .brand{font-size:.92rem}
  .site-header .header-cta{
    display:inline-flex;
    order:2;
    margin-left:auto;
    padding:10px 12px;
    font-size:.82rem;
    min-height:40px;
  }
  .site-header .menu-btn{
    order:3;
    margin-left:0;
  }
}
@media(max-width:480px){
  .site-header .brand span:last-child{display:none}
  .site-header .header-cta{font-size:.78rem;padding:9px 10px}
}

/* Prominent popup affiliate CTA */
.popup-cta-wrap{margin-top:22px}
.popup .popup-affiliate-cta{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:2px;
  align-items:center;
  justify-content:center;
  min-height:74px;
  padding:14px 18px;
  border-radius:14px;
  font-size:.96rem;
  text-align:center;
  box-shadow:0 10px 24px rgba(23,105,224,.25);
}
.popup .popup-affiliate-cta strong{
  display:block;
  font-size:1.18rem;
  line-height:1.25;
}
.popup-cta-note{
  margin:7px 0 0!important;
  text-align:center;
  font-size:.78rem!important;
  color:#627084!important;
}
@media(max-width:580px){
  .popup-content{padding:34px 24px 26px}
  .popup .popup-affiliate-cta{min-height:68px}
}