:root{
--navy:#2c4152;--deep:#244659;--sage:#9db2b5;
--mist:#e9efec;--paper:#f6f8f6;--ink:#253a49;
--sub:#647780;--line:#dce5e3;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
font:16px/1.7 Archivo,Arial,sans-serif}
a{color:var(--deep);text-underline-offset:3px}
a:hover{color:#087d83}
header{background:#fff;border-bottom:1px solid var(--line)}
.top{max-width:1180px;margin:auto;padding:19px 24px;
display:flex;justify-content:space-between;gap:18px;
align-items:center;flex-wrap:wrap}
.brand{font-weight:800;letter-spacing:-.035em;font-size:23px;
text-decoration:none;color:var(--navy)}
.brand small{font-weight:500;font-size:11px;display:block;
letter-spacing:.15em;color:var(--sub)}
.toplinks{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}
nav{background:#eef3f1;border-bottom:1px solid var(--line)}
.navinner{max-width:1180px;margin:auto;display:flex;gap:24px;
padding:13px 24px;flex-wrap:wrap}
.navinner a{text-decoration:none;font-size:13px;font-weight:700}
.hero{background:linear-gradient(120deg,#244659,#2c4152);
color:white;padding:76px 24px}
.hero-inner{max-width:1120px;margin:auto}
.eyebrow{text-transform:uppercase;letter-spacing:.17em;
font-size:12px;font-weight:800;color:#b9d1d0}
h1{font-size:clamp(34px,5.3vw,66px);line-height:1.07;
letter-spacing:-.05em;max-width:940px;margin:20px 0}
.hero p{max-width:780px;font-size:18px;color:#e5eeed}
main{max-width:1168px;margin:auto;padding:44px 24px 84px}
.sectionhead{font-size:12px;letter-spacing:.17em;
font-weight:800;color:var(--sub);text-transform:uppercase;
margin:40px 0 17px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{background:white;border:1px solid var(--line);
border-radius:5px;padding:29px;min-width:0}
.card h2,.card h3{margin:0 0 12px;line-height:1.25;
letter-spacing:-.025em}
.card p{margin:0 0 13px;color:#4d6069}
.meta{font-size:12px;letter-spacing:.07em;color:#607780;
text-transform:uppercase;font-weight:700}
.tag{font-size:11px;font-weight:800;text-transform:uppercase;
letter-spacing:.1em;color:#416770}
.wide{grid-column:1/-1}
.quote{border-left:4px solid #9db2b5;padding:20px 25px;
background:#e9efec;font-size:clamp(20px,3vw,28px);font-weight:700;
line-height:1.4}
footer{background:#244659;color:#dce8e6;padding:36px 24px}
.footinner{max-width:1120px;margin:auto}
footer a{color:#e9efec}
.preview{background:#fff2d1;color:#594b29;font-size:12px;
padding:8px 24px;text-align:center}
@media(max-width:720px){
.grid{grid-template-columns:1fr}
.wide{grid-column:auto}
.hero{padding:53px 22px}
.card{padding:23px}
.toplinks{gap:12px}
}