:root{
--ink:#0B0C0F;
--ink-soft:#3D4148;
--muted:#6B7280;
--paper:#FFFFFF;
--paper-alt:#F5F2EC;
--line:#DDD8CC;
--line-dark:rgba(255,255,255,0.16);
--navy:#003B31;
--navy-hover:#005245;
--navy-deep:#002821;
--blue-accent:#00B388;
--blue-glow:#00D8A1;
--green:#1E9E5A;
--green-bright:#22C55E;
--teal:#00B388;
--teal-soft:rgba(0,179,136,0.09);
--teal-line:rgba(0,179,136,0.25);
--amber:#D98A1F;
--amber-soft:rgba(217,138,31,0.1);
--amber-line:rgba(217,138,31,0.28);
--coral:#D6362E;
--coral-soft:rgba(214,54,46,0.08);
--maxw:1200px;
}
*{box-sizing:border-box;}
.article-content ul {
list-style: disc;
}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6;font-size:16px;}
h1,h2,h3,h4{font-family:'Manrope',sans-serif;margin:0;letter-spacing:-0.02em;color:var(--ink);font-weight:700;line-height:1.15;}
.mono{font-family:'IBM Plex Mono',monospace;}
p{margin:0;}
a{color:inherit;text-decoration:none;}
img,svg{display:block;max-width:100%;}
ul{margin:0;padding:0;list-style:none;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}
@media(max-width:640px){.wrap{padding:0 20px;}}
section{padding:100px 0;}
@media(max-width:720px){section{padding:60px 0;}}
/* Rough grain texture overlay (Aircall-style) */
.grain{position:relative;}
.grain::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.55;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,");background-size:240px 240px;}
.grain-light::after{opacity:.35;mix-blend-mode:multiply;}
.grain > *{position:relative;z-index:2;}
/* Aircall-style soft pastel aurora wash (blue → lavender → pink → cream) */
.shade-aurora{position:relative;overflow:hidden;background:linear-gradient(120deg,#CFE3F2 0%,#D8DAF0 28%,#DCC9E6 52%,#EBD1D8 74%,#F5EFE3 100%);}
.shade-aurora-alt{position:relative;overflow:hidden;background:linear-gradient(135deg,#E7EFD9 0%,#D4E4E0 32%,#D0D9EC 60%,#E4D7E8 82%,#F5F0E6 100%);}
.shade-aurora-warm{position:relative;overflow:hidden;background:linear-gradient(150deg,#F5EFE3 0%,#EED6C6 30%,#E5C6D2 58%,#D6C9E4 82%,#CBD8EC 100%);}
.shade-aurora::before,.shade-aurora-alt::before,.shade-aurora-warm::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 300px at 15% 10%,rgba(255,255,255,.55),transparent 60%),radial-gradient(500px 260px at 90% 90%,rgba(255,255,255,.35),transparent 60%);}
.shade-aurora > *,.shade-aurora-alt > *,.shade-aurora-warm > *{position:relative;z-index:2;}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);font-weight:600;}
.eyebrow.light{color:#7FCBB4;}
/* ===== BUTTONS — sharp edges ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:4px;font-weight:600;font-size:14.5px;border:1.5px solid transparent;cursor:pointer;transition:all .18s ease;font-family:'Inter',sans-serif;white-space:nowrap;}
.btn-primary{background:var(--navy);color:#fff;}
.btn-primary:hover{background:var(--navy-hover);transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(0,59,49,0.5);}
.btn-primary:active{transform:translateY(0);box-shadow:none;}
.btn-call{background:linear-gradient(135deg,#22C55E,#0FA968);color:#fff;box-shadow:none;}
.btn-call:hover{background:linear-gradient(135deg,#28D866,#12BC73);box-shadow:none;transform:translateY(-1px);}
.btn-call:active{transform:translateY(0);box-shadow:none;}
.btn-light{background:#fff;color:var(--navy);border-color:#fff;}
.btn-light:hover{background:var(--paper-alt);transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(0,0,0,0.25);}
.btn-light:active{transform:translateY(0);box-shadow:none;}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink);}
.btn-ghost:hover{border-color:var(--ink);background:var(--paper-alt);}
.btn-ghost:active{background:var(--line);}
.btn-outline-light{background:transparent;border-color:var(--line-dark);color:#fff;}
.btn-outline-light:hover{border-color:#fff;background:rgba(255,255,255,0.08);}
.btn-outline-light:active{background:rgba(255,255,255,0.16);}
.btn-sm{padding:10px 20px;font-size:13.5px;}
.btn-block{width:100%;}
/* ===== ANNOUNCEMENT BAR ===== */
.announce{background:linear-gradient(90deg,var(--teal),#007A5E);color:#fff;text-align:center;padding:9px 16px;font-size:13px;font-weight:500;}
.announce a{color:#CFF5E7;font-weight:600;text-decoration:underline;text-underline-offset:2px;}
/* ===== HEADER =====
NOTE: these rules are scoped to #site-header / .nav-* on purpose. A bare
`header{}` selector also hits nested landmarks such as