.container{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.985);
  border-bottom:1px solid var(--c-line);
  box-shadow:0 2px 18px rgba(17,43,37,.04);
  backdrop-filter:blur(10px)
}
.nav-shell{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.7rem;color:var(--c-ink);text-decoration:none;font-weight:850}
.brand-mark{
  width:34px;height:34px;display:grid;place-items:center;
  background:linear-gradient(180deg,var(--c-brand),#0b4339);color:#fff;border-radius:3px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)
}
.site-nav{display:flex;align-items:center;gap:1.25rem}
.site-nav a{color:var(--c-text);text-decoration:none;font-size:.92rem;font-weight:700}
.nav-cta{padding:.58rem .88rem;border:1px solid var(--c-brand)!important;color:var(--c-brand)!important;border-radius:2px}
.nav-toggle{display:none;background:#fff;border:1px solid var(--c-line);padding:.5rem .65rem;border-radius:2px}
.hero{
  background:linear-gradient(135deg,#143d34 0%, #0e4b3f 52%, #155847 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);
}
.hero .container{
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
  gap:3rem;align-items:center;padding-block:3.8rem
}
.hero h1{color:#fff;max-width:780px}
.hero p{color:rgba(255,255,255,.82);font-size:1.05rem;max-width:730px}
.hero-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.73rem;font-weight:800;color:#b8e6da}
.hero-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.35rem}
.hero-meta span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);padding:.42rem .6rem;font-size:.76rem;font-weight:700}
.hero-side{
  border-top:1px solid rgba(255,255,255,.3);
  border-bottom:1px solid rgba(255,255,255,.3);
  padding:1rem 0 1.1rem
}
.hero-side dl{margin:0;display:grid;gap:.8rem}
.hero-side div{display:flex;justify-content:space-between;gap:1rem}
.hero-side dt{color:rgba(255,255,255,.7);font-size:.82rem}
.hero-side dd{margin:0;color:#fff;font-weight:800}
.section{padding-block:var(--space-7)}
.section-tight{padding-block:var(--space-6)}
.section-rule{border-top:1px solid var(--c-line)}
.two-col{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:2rem;align-items:start}
.article{max-width:var(--measure)}
.site-footer{margin-top:var(--space-7);background:#102923;color:#d8e7e2}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;padding-block:2.5rem}
.site-footer h2,.site-footer h3{color:#fff}
.site-footer a{color:#d8e7e2}
.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding:1rem 0 1.1rem;font-size:.82rem;color:#a9c3ba}
@media(max-width:820px){
  .site-nav{display:none;position:absolute;left:0;right:0;top:68px;padding:1rem;background:#fff;border-bottom:1px solid var(--c-line);flex-direction:column;align-items:stretch}
  .site-nav.is-open{display:flex}
  .nav-toggle{display:inline-flex}
  .hero .container,.two-col,.footer-grid{grid-template-columns:1fr}
  .hero .container{gap:1.6rem;padding-block:2.2rem}
}