@font-face{font-family:Manrope;src:url('/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
:root{--navy:#142d40;--petrol:#178a91;--ink:#203643;--muted:#62727b;--line:#e4e9eb;--wash:#f6f8f9;--max:1100px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;color:var(--ink);font:15px/1.7 Manrope,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
.header{height:72px;border-bottom:1px solid var(--line);background:#fff}
.header .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{font-size:18px;font-weight:800;letter-spacing:.04em;color:var(--navy)}
.header a:last-child{font-size:12px;font-weight:800;color:#fff;background:var(--petrol);padding:12px 17px;border-radius:5px}
.hero{background:var(--wash);padding:74px 0 68px}
.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--petrol);font-weight:800}
.hero h1{color:var(--navy);font-size:clamp(39px,6vw,64px);line-height:1.08;letter-spacing:-.055em;max-width:800px;margin:14px 0}
.hero p{font-size:16px;max-width:730px;color:var(--muted);line-height:1.85}
.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--petrol);color:#fff;padding:14px 19px;border-radius:5px;font-size:12px;font-weight:800}
.btn.secondary{background:#fff;border:1px solid #cbd5d9;color:var(--navy)}
.section{padding:66px 0}
.section h2{color:var(--navy);font-size:clamp(27px,4vw,38px);line-height:1.17;letter-spacing:-.04em;margin:0 0 14px}
.section p{max-width:760px;color:var(--muted);font-size:14px}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}
.items{display:grid;gap:10px;margin:22px 0;padding:0;list-style:none}
.items li{border:1px solid var(--line);background:#fff;border-radius:5px;padding:14px 16px;font-size:13px}
.items li:before{content:"✓";color:var(--petrol);font-weight:800;margin-right:10px}
.box{background:var(--wash);padding:24px;border-radius:6px}
.box h3{color:var(--navy);font-size:17px;margin:0 0 8px}
.box p{font-size:12px}
.related{display:flex;gap:10px 17px;flex-wrap:wrap;margin-top:20px}
.related a{font-size:12px;color:var(--petrol);text-decoration:underline;text-underline-offset:3px}
footer{background:#102738;color:#b8c8ce;padding:24px 0;font-size:11px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{color:#fff;text-decoration:underline}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.hero{padding:55px 0 48px}.content-grid{grid-template-columns:1fr;gap:22px}.section{padding:50px 0}.header a:last-child{padding:10px 12px;font-size:11px}}