:root{
  --bg:#e9e9ea;
  --panel:#f3f3f4;
  --white:#ffffff;
  --text:#161616;
  --muted:#4b4f56;
  --line:#d7d7da;
  --brand:#0f3b66;
  --brand2:#174f86;
  --nav:#ffffff;
  --shadow:0 10px 30px rgba(0,0,0,.08);
  --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Segoe UI,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{width:min(var(--max),calc(100% - 2rem));margin:0 auto}
.hero{position:relative;min-height:330px;background:linear-gradient(rgba(66,79,96,.55),rgba(66,79,96,.55)),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 600"><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="%230b365f"/><stop offset="1" stop-color="%23345b7b"/></linearGradient></defs><rect width="1600" height="600" fill="url(%23g)"/><path d="M0,580 C150,420 320,340 520,300 C700,265 900,170 1600,40 L1600,600 L0,600 Z" fill="rgba(255,255,255,0.08)"/><path d="M0,600 C180,470 420,365 700,330 C980,295 1240,185 1600,80 L1600,600 Z" fill="rgba(255,255,255,0.14)"/><path d="M300,90 C560,-20 960,-40 1300,90" stroke="rgba(255,255,255,0.25)" stroke-width="5" fill="none"/><path d="M370,135 C610,45 955,30 1220,135" stroke="rgba(255,255,255,0.18)" stroke-width="4" fill="none"/><g stroke="rgba(255,255,255,0.14)" stroke-width="2"><path d="M840,120 L920,600"/><path d="M980,90 L1040,600"/><path d="M1120,70 L1170,600"/><path d="M1260,60 L1300,600"/></g></svg>') center/cover no-repeat;color:#fff}
.navbar{position:absolute;inset:0 0 auto 0;z-index:20}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:18px 0}
.brand{font-size:42px;line-height:1;font-weight:700;letter-spacing:-.02em;color:#fff}
.nav-links{display:flex;align-items:center;gap:26px;color:var(--nav);font-size:16px}
.nav-links a,.nav-links summary{cursor:pointer;list-style:none}
.nav-links details{position:relative}
.nav-links summary::-webkit-details-marker{display:none}
.dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:290px;background:#fff;color:#222;border:1px solid var(--line);box-shadow:var(--shadow);padding:14px;border-radius:8px;display:grid;gap:6px}
.dropdown h4{margin:6px 0 4px;font-size:15px;color:#1d3351}
.dropdown a{padding:5px 0;color:#333;font-size:14px}
.hero-title{display:grid;place-items:center;text-align:center;min-height:330px;padding-top:42px}
.hero-title h1{margin:0;font-weight:300;font-size:64px;letter-spacing:-.02em}
.main{padding:54px 0 70px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.panel{background:var(--panel);padding:28px;border-radius:0;box-shadow:none}
.card{background:#fff;border:1px solid var(--line);padding:22px;box-shadow:var(--shadow)}
.soft-card{background:var(--panel);border:1px solid #ddd;padding:26px}
.center{text-align:center}
.lead{font-size:20px;line-height:1.7;color:#2a2d33}
.muted{color:var(--muted)}
h2{font-size:24px;margin:0 0 14px}
h3{font-size:18px;margin:0 0 10px}
p{margin:0 0 14px}
ul{margin:0 0 14px 20px}
li{margin:4px 0}
.btn{display:inline-block;background:var(--brand2);color:#fff;padding:12px 20px;border-radius:4px;font-weight:600}
.btn.ghost{background:#fff;color:var(--brand);border:1px solid var(--brand)}
.two-col-media{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.photo{min-height:300px;background:linear-gradient(135deg,#c3ccd6,#eef2f7);border:1px solid #c8d2dd;display:grid;place-items:center;color:#607287;font-size:18px;font-weight:600}
.kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#5a6c81;font-weight:700;margin-bottom:8px}
.callout{background:#fff;border-left:4px solid var(--brand2);padding:18px 18px 18px 20px;box-shadow:var(--shadow)}
.band{background:#f8f8f8;border:1px solid var(--line);padding:22px}
.footer{background:#ececed;border-top:1px solid var(--line);padding:34px 0 48px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:start}
.footer-links{display:flex;gap:16px 18px;flex-wrap:wrap;font-size:14px;color:#333}
.copyright{font-size:13px;color:#666;margin-top:16px}
.search-lite{opacity:.8}
.mobile-note{display:none}
@media (max-width: 980px){
  .grid-4,.grid-3,.grid-2,.two-col-media,.footer-grid{grid-template-columns:1fr}
  .hero-title h1{font-size:46px}
}
@media (max-width: 760px){
  .brand{font-size:34px}
  .nav-inner{display:block}
  .nav-links{gap:14px;flex-wrap:wrap;margin-top:12px}
  .hero{min-height:260px}
  .hero-title{min-height:260px}
  .hero-title h1{font-size:38px}
}