:root{
  --navy:#202B27; --navy-deep:#161E1B; --accent:#006B4F; --accent-bright:#00875F; --accent-light:#69CBA8;
  --muted:#85818B; --ink:#1B231F; --ink-soft:#4B534E; --ink-faint:#7C857F;
  --paper:#FFFFFF; --surface:#F8FAFC; --border:#E2E8F0; --border-strong:rgba(27,35,31,0.14);
  --radius-sm:10px; --radius-md:16px; --radius-lg:24px;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{overflow-x:hidden;max-width:100%;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:"Poppins","Public Sans",sans-serif;color:var(--ink);margin:0;text-wrap:balance;letter-spacing:-0.01em;}
a{color:var(--accent);}
img,svg{display:block;max-width:100%;}
button{font-family:inherit;}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
.eyebrow{font-family:"Poppins",sans-serif;font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);}

header.site-nav{position:sticky;top:0;z-index:40;background:rgba(22,30,27,0.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.08);}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 24px;}
.brand-lockup{display:inline-flex;align-items:center;text-decoration:none;}
.brand-lockup svg{height:28px;width:90px;}
.nav-links{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0;}
.nav-links a{text-decoration:none;font-weight:600;font-size:0.94rem;color:rgba(255,255,255,0.72);}
.nav-links a:hover,.nav-links a.active{color:#fff;}
.nav-toggle{display:none;background:none;border:none;padding:8px;margin:-8px 0;cursor:pointer;flex-shrink:0;}
@media (max-width:860px){
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center;order:2;}
  .nav-row{flex-wrap:wrap;}
  .nav-links{display:none;order:5;width:100%;flex-direction:column;gap:0;background:var(--navy-deep);margin-top:14px;border-top:1px solid rgba(255,255,255,0.1);padding-top:4px;}
  .nav-links.mobile-open{display:flex;}
  .nav-links li{width:100%;border-bottom:1px solid rgba(255,255,255,0.08);}
  .nav-links a{display:block;padding:14px 4px;}
}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:"Poppins",sans-serif;font-weight:600;font-size:0.9rem;padding:12px 22px;border-radius:999px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;}
.btn-primary{background:var(--accent);color:#fff;}
.btn-primary:hover{background:var(--accent-bright);}
.btn-outline{border-color:rgba(255,255,255,0.35);color:#fff;}
.btn-outline:hover{border-color:#fff;}

.breadcrumb{font-size:0.86rem;color:var(--ink-faint);padding:24px 0 0;}
.breadcrumb a{color:var(--ink-faint);text-decoration:none;}
.breadcrumb a:hover{color:var(--accent);}

.article-head{padding:20px 0 36px;max-width:780px;}
.article-head h1{font-size:clamp(1.9rem,3.8vw,2.7rem);margin:14px 0 18px;}
.article-head .meta{font-size:0.9rem;color:var(--ink-faint);}

article{max-width:720px;padding-bottom:12px;}
article h2{font-size:1.4rem;margin:40px 0 14px;}
article p{color:var(--ink-soft);font-size:1.08rem;line-height:1.75;margin:0 0 20px;}
article ul,article ol{color:var(--ink-soft);font-size:1.08rem;line-height:1.75;margin:0 0 20px;padding-left:22px;}
article li{margin-bottom:8px;}
article strong{color:var(--ink);}

.callout{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:20px 24px;margin:28px 0;}
.callout p{margin:0;color:var(--ink);font-size:1rem;}
.callout p:first-child{font-family:"Poppins",sans-serif;font-weight:700;font-size:0.78rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;}

.inline-cta{background:var(--navy);color:#fff;border-radius:var(--radius-md);padding:28px 32px;margin:36px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.inline-cta p{color:rgba(255,255,255,0.78);margin:0;font-size:0.98rem;max-width:42ch;}
.inline-cta p:first-child{color:#fff;font-family:"Poppins",sans-serif;font-weight:700;font-size:1.05rem;margin-bottom:4px;}

.cta-band{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);color:#fff;text-align:center;padding:64px 0;margin-top:48px;}
.cta-band h2{color:#fff;font-size:clamp(1.5rem,2.8vw,2rem);margin-bottom:14px;}
.cta-band p{color:rgba(255,255,255,0.7);margin:0 0 26px;max-width:52ch;margin-left:auto;margin-right:auto;}
.cta-band .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

.related{padding:56px 0;background:var(--surface);}
.related h2{font-size:1.3rem;margin-bottom:24px;}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
@media (max-width:700px){.related-grid{grid-template-columns:1fr;}}
.related-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);padding:22px;text-decoration:none;display:block;}
.related-card:hover{border-color:var(--accent);}
.related-card .cat{font-family:"Poppins",sans-serif;font-size:0.7rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;}
.related-card h3{font-size:1.02rem;color:var(--ink);line-height:1.4;}

footer{background:var(--navy-deep);color:rgba(255,255,255,0.7);padding:48px 0 28px;}
.footer-top{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap;padding-bottom:28px;}
.footer-brand svg{height:26px;width:83.6px;margin-bottom:12px;}
.footer-brand p{margin:0;max-width:34ch;font-size:0.92rem;color:rgba(255,255,255,0.5);}
.footer-links{display:flex;gap:48px;flex-wrap:wrap;}
.footer-col h4{font-family:"Poppins",sans-serif;font-size:0.82rem;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,0.45);margin-bottom:14px;}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.footer-col a{text-decoration:none;color:rgba(255,255,255,0.72);font-size:0.92rem;}
.footer-col a:hover{color:#fff;}
.footer-bottom{display:flex;justify-content:space-between;font-size:0.82rem;color:rgba(255,255,255,0.4);border-top:1px solid rgba(255,255,255,0.08);padding-top:20px;margin-top:8px;}
.hero-note{font-size:0.85rem;color:rgba(255,255,255,0.5);margin-top:14px;}
@media (max-width:640px){.footer-top{flex-direction:column;} .footer-bottom{flex-direction:column;gap:8px;} .inline-cta{flex-direction:column;align-items:flex-start;}}