:root{
--primary-50:#f5f7f8;
--primary-100:#e8edee;
--primary-200:#d1dcde;
--primary-300:#aabcc0;
--primary-400:#7d969b;
--primary-500:#5b7a80;
--primary-600:#42666c;
--primary-700:#345155;
--primary-800:#263b3f;
--primary-900:#1a2a2d;

--secondary-50:#f6f8f9;
--secondary-100:#e9eef0;
--secondary-200:#d2dde0;
--secondary-300:#adbec4;
--secondary-400:#819aa1;
--secondary-500:#627c83;
--secondary-600:#4d636a;
--secondary-700:#3b4d53;
--secondary-800:#2a373c;
--secondary-900:#1c2529;

--accent:#3d6e7e;
--accent-light:#528798;
--accent-dark:#2d5663;

--success:#2d7a4a;
--warning:#b58a1e;
--error:#b53d3d;

--neutral-50:#fafafa;
--neutral-100:#f4f4f3;
--neutral-200:#e8e8e6;
--neutral-300:#d4d4d1;
--neutral-400:#a8a8a4;
--neutral-500:#7c7c77;
--neutral-600:#5a5a56;
--neutral-700:#3e3e3b;
--neutral-800:#2a2a28;
--neutral-900:#1a1a18;

--white:#ffffff;
--off-white:#fbfbf9;

--bg:var(--neutral-50);
--surface:var(--white);
--text:var(--neutral-800);
--text-muted:var(--neutral-500);
--border:var(--neutral-200);
--header-h:72px;
--max-w:1200px;
--radius:10px;
--radius-sm:6px;
--radius-lg:16px;
--transition:0.3s cubic-bezier(0.4,0,0.2,1);
--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);
--shadow-md:0 4px 12px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04);
--shadow-lg:0 12px 40px rgba(0,0,0,0.12),0 4px 12px rgba(0,0,0,0.06);
}

body{
font-family:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
background:var(--bg);
color:var(--text);
font-size:17px;
line-height:1.6;
}
h1,h2,h3,h4,h5,h6{
font-weight:600;
line-height:1.2;
color:var(--primary-800);
letter-spacing:-0.02em;
}
h1{font-size:clamp(2rem,5vw,3rem)}
h2{font-size:clamp(1.6rem,4vw,2.25rem)}
h3{font-size:clamp(1.2rem,3vw,1.5rem)}
h4{font-size:1.125rem}
p{max-width:70ch}
.lead{font-size:1.15rem;color:var(--text-muted);line-height:1.7}
.eyebrow{
font-size:0.8rem;
font-weight:600;
text-transform:uppercase;
letter-spacing:0.12em;
color:var(--accent);
margin-bottom:0.75rem;
display:inline-block;
}
.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}
.section{padding:80px 0}
.section--tight{padding:56px 0}
.section--alt{background:var(--off-white)}
.section--dark{background:var(--primary-900);color:var(--neutral-200)}
.section--dark h2,.section--dark h3{color:var(--white)}
.section--dark .lead{color:var(--primary-200)}