:root{--bg:#0b1220;--panel:#121c2f;--panel2:#17243a;--text:#edf4ff;--muted:#a9b9d0;--accent:#67e8f9;--accent2:#22d3ee;--line:#25344d;--white:#fff;--ink:#102033;--soft:#f4f8fb;--green:#98f5c5}
*{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:#fff;line-height:1.65}a{color:#075985;text-decoration:none}a:hover{text-decoration:underline}header{height:72px;background:var(--bg);color:var(--text);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2));gap:28px;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.brand{color:var(--text);font-weight:800;font-size:20px;display:flex;align-items:center;gap:10px}.brand:hover{text-decoration:none}.mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#60a5fa);color:var(--bg);display:grid;place-items:center;font-weight:900}nav{display:flex;gap:18px;align-items:center;overflow:auto}nav a{color:#dce8f7;font-size:14px;white-space:nowrap}.nav-toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);color:#fff;border-radius:8px;padding:8px 10px}main{max-width:1180px;margin:0 auto;padding:0 24px 72px}.hero{margin:0 -24px 54px;padding:88px 24px;background:radial-gradient(circle at 80% 20%,#164e63 0,transparent 35%),var(--bg);color:var(--text);display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:48px;align-items:center}.hero.compact{grid-template-columns:1fr;padding:56px 24px}.hero>div{max-width:820px;margin-left:max(0px,calc((100vw - 1180px)/2))}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.04em;margin:14px 0 20px}.hero.compact h1{font-size:clamp(38px,5vw,58px)}.hero p{font-size:20px;color:#c7d7ea;max-width:760px}.eyebrow,.pill{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.eyebrow{color:#0e7490}.hero .eyebrow{color:var(--accent)}.hero-panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:28px!important;margin:0!important}.metric{font-size:54px;font-weight:900;color:var(--accent);display:block;line-height:1}.hero-actions{display:flex;gap:18px;align-items:center;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#0891b2;color:#fff!important;padding:12px 18px;font-weight:800;box-shadow:0 8px 24px rgba(8,145,178,.2)}.button:hover{text-decoration:none;background:#0e7490}.hero .button{background:var(--accent);color:var(--bg)!important}.text-link{font-weight:700}.hero .text-link{color:#fff}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:#64748b;font-size:13px;padding:28px 0}.article-grid article{max-width:760px}.article-grid h1{font-size:clamp(38px,5vw,58px);line-height:1.05;letter-spacing:-.04em;margin:10px 0 18px}.lede{font-size:21px;color:#475569;margin-bottom:24px}.article-grid h2,.prose-wide h2{font-size:30px;line-height:1.15;letter-spacing:-.02em;margin:48px 0 16px}.article-grid p,.prose-wide p{font-size:17px}.note,.callout{border:1px solid #cbd5e1;background:#f8fafc;border-radius:14px;padding:18px 20px}.cta{border-radius:18px;background:var(--bg);color:#eaf3ff;padding:22px;margin:30px 0;display:grid;grid-template-columns:1fr auto;gap:12px 22px;align-items:center}.cta span{display:block;color:#b9c9dc}.cta small{grid-column:1/-1;color:#9fb0c5}.cta.mid{background:#102a3b}.sticky-card{position:sticky;top:96px;background:var(--bg);color:var(--text);border-radius:18px;padding:24px}.sticky-card h3{font-size:26px;margin:8px 0}.sticky-card p,.sticky-card li,.sticky-card small{color:#b8c8dc}.sticky-card ul{padding-left:20px}.sticky-card .button{width:100%;margin:10px 0}.pill{display:inline-block;color:#0e7490;background:#cffafe;border-radius:999px;padding:4px 9px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hub-cards{grid-template-columns:repeat(3,1fr)}.card{display:flex;flex-direction:column;gap:8px;border:1px solid #dbe4ee;border-radius:14px;padding:18px;background:#fff;min-height:180px}.card:hover{text-decoration:none;border-color:#67e8f9;box-shadow:0 10px 30px rgba(15,23,42,.08)}.card span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#0e7490}.card strong{color:#122033;font-size:18px;line-height:1.25}.card small{color:#64748b}.related{margin-top:68px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section-head h2{margin:0}.prose-wide{max-width:900px;margin:0 auto 52px}.callout{margin:56px 0;background:#ecfeff;border-color:#a5f3fc}.callout h2{margin:8px 0 12px}.callout small{display:block;margin-top:12px;color:#526278}.sources{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:20px;margin-top:48px}.sources h2{margin-top:0}.sources li{margin:10px 0}details{border-top:1px solid #e2e8f0;padding:14px 0}summary{font-weight:800;cursor:pointer}footer{background:var(--bg);color:#dbe7f4;display:flex;justify-content:space-between;gap:30px;padding:42px max(24px,calc((100vw - 1180px)/2))}footer p{color:#9fb0c5}footer div:last-child{display:flex;gap:18px;flex-wrap:wrap}footer a{color:#dbe7f4}.popup{position:fixed;inset:0;background:rgba(4,10,20,.82);z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.popup.show{display:flex}.popup-card{position:relative;max-width:640px;background:#fff;border-radius:22px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.popup-card h2{font-size:34px;line-height:1.08;margin:12px 0}.popup-card>#popup-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:28px;cursor:pointer}.popup-benefits{display:grid;gap:8px;margin:20px 0}.popup-card small{display:block;margin-top:12px;color:#64748b}
@media(max-width:900px){header{height:auto;min-height:64px;flex-wrap:wrap;padding:14px 20px}.nav-toggle{display:block}nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:10px 0}.nav-open nav{display:flex}.hero{grid-template-columns:1fr;padding-top:56px}.hero>div{margin-left:0}.article-grid{grid-template-columns:1fr}.article-grid aside{order:2}.sticky-card{position:static}.cards,.hub-cards{grid-template-columns:1fr 1fr}.cta{grid-template-columns:1fr}.cta small{grid-column:auto}.hero-actions{align-items:flex-start;flex-direction:column}}@media(max-width:620px){main{padding-left:18px;padding-right:18px}.hero{margin-left:-18px;margin-right:-18px}.hero h1{font-size:42px}.cards,.hub-cards{grid-template-columns:1fr}.article-grid h1{font-size:40px}.article-grid h2,.prose-wide h2{font-size:27px}.popup-card{padding:28px 22px}.popup-card h2{font-size:28px}footer{flex-direction:column}.cta .button{width:100%}}

.header-cta{margin-left:auto;background:#67e8f9;color:#0b1220!important;padding:9px 14px;border-radius:9px;font-size:13px;font-weight:900;white-space:nowrap;box-shadow:none}
.header-cta:hover{text-decoration:none;background:#a5f3fc}
@media(max-width:900px){.header-cta{order:2;margin-left:auto}.nav-toggle{order:3}.nav-open nav{order:4}}
@media(max-width:520px){.header-cta{font-size:12px;padding:8px 10px}}

/* Sitewide header conversion CTA */
.header-cta.affiliate-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border-radius:10px;
  background:#67e8f9;
  color:#07111f!important;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
}
.header-cta.affiliate-link:hover,
.header-cta.affiliate-link:focus-visible{
  background:#a5f3fc;
  text-decoration:none;
  outline:2px solid #fff;
  outline-offset:2px;
}
@media(max-width:900px){
  .header-cta.affiliate-link{margin-left:auto;min-height:40px;padding:9px 13px}
}
@media(max-width:480px){
  .header-cta.affiliate-link{font-size:12px;padding:9px 10px}
}