:root{--navy:#071b3a;--blue:#168df2;--cyan:#35c6f4;--ink:#14233b;--muted:#617087;--bg:#f5f9fd;--line:#dce7f2;--white:#fff;--green:#087a55}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--white)}a{color:#087bd3}img{max-width:100%}.wrap{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(7,27,58,.97);box-shadow:0 2px 14px #00152d22}.bar{display:flex;align-items:center;justify-content:space-between;min-height:68px}.logo{font-weight:850;font-size:1.35rem;color:white;text-decoration:none}.logo span{color:var(--cyan)}nav{display:flex;gap:20px}nav a{color:#dfefff;text-decoration:none;font-weight:650;font-size:.94rem}.menu{display:none;background:none;border:0;color:white;font-size:1.5rem}
.hero{background:linear-gradient(135deg,var(--navy),#0a3970);color:white;padding:72px 0}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}.eyebrow{color:#7fddff;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.03;margin:.2em 0}.hero p{font-size:1.18rem;color:#d8e8fa;max-width:720px}.panel{background:#fff;color:var(--ink);padding:28px;border-radius:22px;box-shadow:0 20px 50px #00142f55}.panel h2{margin-top:0}
.btn{display:inline-block;background:linear-gradient(90deg,var(--blue),var(--cyan));color:#fff!important;text-decoration:none;font-weight:800;padding:13px 20px;border-radius:10px;border:0;cursor:pointer}.btn.secondary{background:#fff;color:var(--navy)!important;border:1px solid var(--line)}
main{padding:48px 0}.content{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:48px}.article h2{font-size:1.75rem;margin-top:2.1em}.article h3{font-size:1.22rem;margin-top:1.6em}.article p,.article li{color:#33445c}.callout{border:1px solid var(--line);border-left:4px solid var(--blue);background:var(--bg);padding:20px;border-radius:12px;margin:26px 0}.cta{background:var(--navy);color:white;padding:28px;border-radius:18px;margin:34px 0}.cta p{color:#d9e9f8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;box-shadow:0 8px 24px #0b31520b}.card h3{margin-top:0}.card a{text-decoration:none;font-weight:800}
table{width:100%;border-collapse:collapse;margin:22px 0}th,td{border:1px solid var(--line);padding:12px;text-align:left}th{background:var(--bg)}
aside .box{position:sticky;top:92px;border:1px solid var(--line);border-radius:16px;padding:20px}.small{font-size:.88rem;color:var(--muted)}.crumbs{font-size:.88rem;color:var(--muted);margin-bottom:18px}.crumbs a{text-decoration:none}
footer{background:#06162f;color:#cfe0f2;padding:44px 0;margin-top:40px}footer a{color:#dceeff}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.popup{display:none;position:fixed;inset:0;background:#00152daa;z-index:50;align-items:center;justify-content:center;padding:18px}.popup.open{display:flex}.popbox{background:#fff;width:min(520px,100%);padding:28px;border-radius:20px;position:relative}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:1.5rem;cursor:pointer}
.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#e7f7ff;color:#075e93;font-weight:800;font-size:.8rem}
@media(max-width:820px){nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--navy);padding:18px 4%;flex-direction:column}nav.open{display:flex}.menu{display:block}.hero-grid,.content,.grid,.foot{grid-template-columns:1fr}.hero{padding:52px 0}aside{order:-1}aside .box{position:static}h1{font-size:2.55rem}}

/* Contrast fix: hero cards sit on a light surface and must not inherit .hero p */
.hero .panel p{color:#33445c}