:root { color-scheme: light; --ink:#15202b; --muted:#607080; --line:#d9e1e8; --green:#16865a; --paper:#f7f9fb; --white:#fff; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:var(--paper); color:var(--ink); font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif; }
header,main,footer { width:min(920px,calc(100% - 40px)); margin:0 auto; }
header { min-height:72px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); font-size:18px; font-weight:700; text-decoration:none; }
nav { display:flex; gap:24px; } nav a, main a { color:#315b7d; }
main { padding:72px 0 96px; }
.summary { max-width:650px; }
.label { margin:0 0 12px; color:var(--green); font-size:13px; font-weight:700; text-transform:uppercase; }
h1 { margin:0 0 18px; font-size:clamp(34px,7vw,56px); line-height:1.08; letter-spacing:0; }
.summary > p:last-child { color:var(--muted); font-size:18px; }
.services { margin-top:56px; border-top:1px solid var(--line); }
article { min-height:86px; display:flex; align-items:center; gap:16px; border-bottom:1px solid var(--line); }
.dot { width:10px; height:10px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px #dff3ea; }
h2 { margin:0; font-size:16px; } article p { margin:2px 0 0; color:var(--green); font-size:14px; }
.timeline { margin-top:56px; padding-top:24px; border-top:1px solid var(--line); color:var(--muted); }
footer { min-height:72px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
@media (max-width:560px) { header { align-items:flex-start; padding:20px 0; gap:16px; } nav { gap:14px; } main { padding:48px 0 72px; } footer { align-items:flex-start; flex-direction:column; justify-content:center; gap:4px; } }