:root{--navy:#0f2742;--teal:#14a89a;--ink:#1c2733;--muted:#5b6876;--bg:#ffffff;--soft:#f3f6f9;--line:#dde3ea}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
header.site{background:var(--navy);color:#fff}
header.site .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px}
.brand{font-weight:800;letter-spacing:.08em;color:#fff;text-decoration:none;border-bottom:3px solid var(--teal);padding-bottom:2px}
header.site a.cta-link{color:#fff;text-decoration:none;font-weight:600}
.hero{background:var(--navy);color:#fff;padding:48px 0 56px}
.hero h1{font-size:2rem;line-height:1.2;margin:0 0 16px}
.hero p{font-size:1.1rem;max-width:640px;margin:0 0 24px;color:#dbe6f2}
.btn{display:inline-block;background:var(--teal);color:#fff;text-decoration:none;font-weight:700;padding:14px 24px;border-radius:6px}
.btn:hover{filter:brightness(1.08)}
section{padding:40px 0;border-bottom:1px solid var(--line)}
section.soft{background:var(--soft)}
h2{font-size:1.5rem;margin:0 0 16px;color:var(--navy)}
h3{font-size:1.1rem;margin:24px 0 8px;color:var(--navy)}
ul{padding-left:22px}
li{margin-bottom:6px}
.steps{counter-reset:s;list-style:none;padding:0}
.steps li{counter-increment:s;position:relative;padding-left:48px;margin-bottom:18px}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--teal);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.note{font-size:.92rem;color:var(--muted)}
footer.site{background:var(--navy);color:#cfdbe8;padding:32px 0;font-size:.92rem}
footer.site a{color:#fff}
footer.site p{margin:6px 0}
.legal h1{color:var(--navy);margin-top:32px}
.legal table{border-collapse:collapse;width:100%;font-size:.95rem}
.legal th,.legal td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.legal th{background:var(--soft)}
@media (max-width:600px){body{font-size:16px}.hero h1{font-size:1.65rem}}