
:root{
 --navy:#0b2b49;--navy2:#123f69;--blue:#1f6199;--gold:#d3a32d;
 --ink:#182431;--muted:#5d6b79;--bg:#f5f8fb;--paper:#fff;
 --line:#d9e2ea;--soft:#edf4f8;--green:#e9f4ee;
 --shadow:0 12px 35px rgba(9,39,66,.10);
}
*{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;background:var(--bg);color:var(--ink);line-height:1.65}
a{color:var(--blue)}
img{max-width:100%;height:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:.7rem;z-index:999}
header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px)}
.navbar{max-width:1180px;margin:auto;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--navy);font-weight:900}
.brand img{width:58px;height:58px;border-radius:50%;object-fit:cover}
.brand small{display:block;color:var(--muted);font-weight:600}
nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end}
nav a{text-decoration:none;font-weight:750;color:var(--navy);font-size:.95rem}
nav a:hover,nav a:focus{text-decoration:underline}
.nav-cta{background:var(--navy);color:white!important;padding:.7rem .9rem;border-radius:.45rem}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,var(--navy) 0%,var(--navy2) 70%,#1b527e 100%);color:white}
.hero:after{
 content:"";position:absolute;right:-7rem;top:-6rem;width:620px;height:620px;opacity:.09;
 background-repeat:no-repeat;background-size:contain;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Cpath d='M82 63 L344 63 L352 79 L365 91 L360 107 L380 119 L375 137 L392 153 L386 172 L403 188 L395 210 L409 225 L396 242 L401 261 L384 271 L382 291 L362 302 L354 323 L331 332 L320 351 L299 357 L284 377 L263 381 L246 402 L221 398 L204 419 L181 411 L164 425 L144 412 L121 416 L108 397 L91 392 L89 364 L72 351 L79 325 L64 307 L78 286 L68 265 L82 244 L69 222 L86 204 L75 181 L94 166 L83 143 L102 131 L91 108 L112 96 L103 75 Z' fill='none' stroke='white' stroke-width='8' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.hero-inner{max-width:1180px;margin:auto;padding:5.8rem 1.25rem 5.2rem;position:relative;z-index:1}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:900;color:#f3cd72}
.hero h1{font-size:clamp(2.6rem,6vw,5.2rem);line-height:1.02;max-width:900px;margin:.6rem 0 1.2rem}
.hero p{font-size:clamp(1.08rem,2vw,1.35rem);max-width:790px}
.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
.btn{display:inline-block;text-decoration:none;border-radius:.55rem;padding:.9rem 1.15rem;font-weight:850;border:2px solid transparent}
.btn.gold{background:var(--gold);color:#17222c}.btn.white{background:white;color:var(--navy)}.btn.outline{border-color:white;color:white}.btn.navy{background:var(--navy);color:white}
main{max-width:1180px;margin:auto;padding:2rem 1.25rem 4rem}
.featured{margin-top:-2.8rem;position:relative;z-index:5;background:white;border-radius:.85rem;box-shadow:var(--shadow);border-top:6px solid var(--gold);padding:1.6rem}
.featured-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:1.5rem}
.badge{display:inline-block;background:var(--green);border-radius:999px;padding:.28rem .65rem;font-size:.8rem;font-weight:900;color:var(--navy)}
.status-card{background:var(--navy);color:white;border-radius:.75rem;padding:1.2rem}
.status-card h3{margin-top:0}.status-line{padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.18)}.status-line:last-child{border:0}
.section{padding:3.8rem 0;border-bottom:1px solid var(--line)}.section:last-child{border:0}
.section h2{font-size:clamp(1.9rem,3.5vw,2.8rem);color:var(--navy);margin-top:0}
.lead{font-size:1.15rem;max-width:850px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.card{background:white;border:1px solid var(--line);border-radius:.75rem;padding:1.3rem;box-shadow:0 5px 18px rgba(9,39,66,.05)}
.card h3{color:var(--navy);margin-top:0}
.principle{border-top:4px solid var(--gold)}
.meeting{background:var(--soft);border-left:5px solid var(--blue);padding:1rem 1.15rem;border-radius:.35rem}
.small{font-size:.9rem}.muted{color:var(--muted)}
footer{background:var(--navy);color:#dfe9f2;padding:2.4rem 1.25rem}
.footer-wrap{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1.5rem}
footer a{color:white}
.subfooter{max-width:1180px;margin:1.5rem auto 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);font-size:.86rem}
.page-hero{background:var(--navy);color:white;padding:3rem 1.25rem}.page-hero div{max-width:1180px;margin:auto}
.content{max-width:900px;margin:auto;padding:3rem 1.25rem}
details{background:white;border:1px solid var(--line);border-radius:.5rem;padding:.9rem 1rem;margin:.7rem 0}summary{font-weight:850;color:var(--navy);cursor:pointer}
@media(max-width:900px){nav{display:none}.featured-grid,.grid3,.grid4,.footer-wrap{grid-template-columns:1fr}.hero-inner{padding-top:4.5rem}.hero:after{right:-15rem}}
@media print{header,.actions,footer{display:none}.hero{background:white;color:black}.featured{margin:0;box-shadow:none}}
