:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;color:#172033;background:#f6f8fb}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;background:#fff;border-bottom:1px solid #e6eaf0;position:sticky;top:0}
.brand{font-size:1.25rem;font-weight:800}
nav{display:flex;gap:20px;color:#526072}
main{width:min(1100px,90vw);margin:auto}
.hero{padding:80px 0 50px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:#69768a}
h1{font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.02;max-width:850px;margin:.2em 0}
.lead{font-size:1.2rem;max-width:680px;color:#526072}
.button,button{display:inline-block;border:0;border-radius:10px;padding:11px 16px;background:#172033;color:#fff;font-weight:700;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid #e4e8ef;border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(23,32,51,.05)}
.card h2{margin-top:0}
label{display:block;margin:12px 0;color:#475467}
input,select{width:100%;margin-top:5px;padding:10px;border:1px solid #ccd4df;border-radius:9px;background:#fff}
.result{font-weight:700;margin-bottom:0}
.checks label{display:flex;gap:10px;align-items:center}
.checks input{width:auto;margin:0}
.about{padding:60px 0 80px;max-width:760px}
.fine{font-size:.9rem;color:#69768a}
footer{display:flex;justify-content:space-between;gap:20px;padding:24px 5vw;border-top:1px solid #e6eaf0;color:#69768a;background:#fff}
@media(max-width:850px){.grid{grid-template-columns:1fr}.site-header{position:static}footer{flex-direction:column}}