:root{--ink:#101B2D;--slate:#4F5D6E;--mist:#E7ECF0;--paper:#F6F8F9;--glacier:#2E7D8C;--summit:#D9A441;--line:#CFD8DF}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font:400 1.0625rem/1.65 "Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
h1,h2,h3{font-family:"Archivo","Public Sans",system-ui,sans-serif;line-height:1.1;letter-spacing:-.02em;margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--glacier);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}

.top{display:flex;justify-content:space-between;align-items:center;padding:22px 0}
.brand{display:flex;align-items:center;gap:10px;font:700 1.15rem "Archivo",sans-serif;text-decoration:none;letter-spacing:-.01em}
.top nav a{margin-left:26px;color:var(--slate);text-decoration:none;padding-bottom:4px}
.top nav a:hover{color:var(--ink)}
.top nav a[aria-current="page"]{color:var(--ink);border-bottom:2px solid var(--summit)}

.btn{display:inline-block;padding:13px 24px;background:var(--ink);color:#fff;font:600 1rem "Public Sans",sans-serif;border:0;border-radius:4px;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--glacier)}
.btn.light{background:#fff;color:var(--ink)}
.btn.light:hover{background:var(--summit)}

.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:56px 0 88px}
.hero h1{font-size:clamp(2.4rem,5.6vw,4.2rem);font-weight:800}
.lede{max-width:33em;color:var(--slate);font-size:1.2rem;margin:22px 0 32px}
.contours svg{width:100%;height:auto;display:block}

.block{padding:72px 0;border-top:1px solid var(--line)}
.block h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800;margin-bottom:36px;max-width:18em}
.rows .row{display:grid;grid-template-columns:1fr 2fr;gap:24px;padding:26px 0;border-top:1px solid var(--line)}
.rows .row:last-child{border-bottom:1px solid var(--line)}
.rows h3{font-size:1.25rem;font-weight:700}
.rows p{margin:0;color:var(--slate);max-width:36em}

.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:s}
.steps li{counter-increment:s;border-top:3px solid var(--glacier);padding-top:16px}
.steps li::before{content:counter(s);display:block;font:800 1.6rem "Archivo",sans-serif;color:var(--glacier);margin-bottom:6px}
.steps h3{font-size:1.15rem;margin-bottom:6px}
.steps p{margin:0;color:var(--slate);font-size:1rem}

.cta{background:var(--ink);color:#fff;padding:72px 0}
.cta h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800;max-width:16em}
.cta p{color:#C9D3DD;margin:16px 0 28px;max-width:32em}

.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;padding:48px 0 96px}
.contact h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800}
.contact .lede{margin-bottom:24px}
.contact .mail{font-weight:600}
.field{margin-bottom:20px}
label{display:block;font-weight:600;margin-bottom:6px}
.opt{font-weight:400;color:var(--slate)}
input,textarea{width:100%;padding:12px 14px;font:inherit;color:var(--ink);background:#fff;border:1px solid #B9C5CF;border-radius:4px}
textarea{min-height:160px;resize:vertical}
.hp{position:absolute;left:-9999px}
.status{margin-top:16px;min-height:1.6em;font-weight:600}
.status.ok{color:#1F6B3A}
.status.err{color:#A12B2B}

.foot{border-top:1px solid var(--line);padding:28px 0;color:var(--slate);font-size:.95rem}
.foot .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

@media (max-width:760px){
.hero,.contact,.rows .row{grid-template-columns:1fr}
.hero{padding:32px 0 56px}
.contours{max-width:360px}
.steps{grid-template-columns:1fr 1fr}
.contact{gap:32px}
}
@media (max-width:480px){.steps{grid-template-columns:1fr}.top nav a{margin-left:16px}}