:root{--ink:#172033;--muted:#5f6b7a;--bg:#f7f9fc;--card:#fff;--accent:#2457ff;--line:#e4e9f2;--dark:#0d1630}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1180px;margin:auto;padding:0 22px}
.brand{font-weight:850;font-size:23px;color:white}.brand span{color:#7aa2ff}
.hero{padding:64px 0 44px;background:linear-gradient(135deg,#0d1630,#172c68);color:white}.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.05;margin:0 0 18px;max-width:850px}.hero p{font-size:20px;max-width:760px;color:#dce5ff}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:38px;padding:38px 22px}.article{background:white;padding:38px;border:1px solid var(--line);border-radius:16px}.article h2{margin-top:42px;font-size:29px}.article h3{margin-top:26px}.article p{font-size:17px}.crumbs{font-size:14px;color:var(--muted);margin-bottom:18px}.cta{background:#edf2ff;border:1px solid #cbd8ff;border-radius:14px;padding:22px;margin:28px 0}.btn{display:inline-block;background:var(--accent);color:white!important;padding:13px 18px;border-radius:9px;font-weight:800;text-decoration:none!important}.side{position:sticky;top:20px;background:var(--dark);color:white;border-radius:16px;padding:24px;height:max-content}.side p{color:#dce5ff}.disclosure{font-size:13px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}footer{background:var(--dark);color:#c9d3ea;padding:38px 0;margin-top:40px}
.popup{display:none;position:fixed;inset:0;background:#0008;z-index:50;align-items:center;justify-content:center;padding:20px}.popup.on{display:flex}.popbox{max-width:520px;background:white;border-radius:18px;padding:30px;position:relative}.close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:28px}
@media(max-width:850px){.grid{grid-template-columns:1fr}.side{position:static}.cards{grid-template-columns:1fr}.article{padding:24px}}


@media(max-width:850px){}

header{
  position:sticky;
  top:0;
  z-index:1000;
  background:var(--dark);
  box-shadow:0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(7,18,45,.08);
}
.nav{
  min-height:72px;
  display:flex;
  align-items:center;
  gap:24px;
}
.nav a{
  color:#dce5ff;
}
.brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.navlinks{
  display:flex;
  align-items:center;
  gap:20px;
  margin-left:auto;
  min-height:72px;
}
.navlinks a{
  display:flex;
  align-items:center;
  min-height:44px;
  line-height:1.2;
}
.header-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:#7aa2ff;
  color:#0d1630!important;
  padding:10px 14px;
  border-radius:9px;
  font-weight:850;
  text-decoration:none!important;
  white-space:nowrap;
  min-height:42px;
}
@media(max-width:850px){
  .nav{
    min-height:64px;
    gap:12px;
  }
  .navlinks{
    display:none;
  }
  .header-cta{
    margin-left:auto;
    padding:9px 12px;
    font-size:14px;
  }
}