:root{
  --navy:#0B1F4D; --blue:#1F55D6; --ink:#0F172A; --text:#334155; --mute:#64748B; --line:#E2E8F0; --soft:#F6F8FB;
}
*{box-sizing:border-box}
body{margin:0; background:#fff; color:var(--text); font-family:"Be Vietnam Pro","Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased}
a{color:var(--blue)}
.wrap{width:min(860px,100%); margin-inline:auto; padding-inline:16px}
header{border-bottom:1px solid var(--line); background:rgba(255,255,255,.95); position:sticky; top:0}
header .wrap{display:flex; justify-content:space-between; align-items:center; gap:12px; padding-block:12px}
header a{color:var(--text); text-decoration:none; font-size:14px; font-weight:600}
.brand{display:flex; align-items:center; gap:10px; color:var(--navy)!important; font-weight:800}
.logo{width:38px; height:38px; display:block}
main{padding-block:40px 56px}
.eyebrow{font-size:12.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--mute); margin:0 0 10px}
h1{color:var(--ink); font-size:clamp(1.7rem,4vw,2.3rem); line-height:1.15; margin:0 0 18px; letter-spacing:-.02em}
h2{color:var(--ink); font-size:1.1rem; margin:30px 0 10px}
b{color:var(--ink)}
ul{padding-left:20px}
li{margin-bottom:6px}
hr{border:none; border-top:1px solid var(--line); margin:48px 0}
footer{border-top:1px solid var(--line); background:var(--soft); padding-block:22px; color:var(--mute); font-size:13.5px}