:root{--ink:#152235;--muted:#526176;--brand:#12634f;--brand-dark:#0a4939;--accent:#e6f3ee;--surface:#f5f7f8;--line:#d9e0e4;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6;background:var(--white)}a{color:inherit}.container{width:min(calc(100% - 32px),var(--max));margin:auto}.narrow{max-width:820px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:#fff;padding:10px;z-index:20}.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--brand);color:#fff;font-weight:800}.brand small{display:block;color:var(--muted);font-size:.74rem}.nav nav{display:flex;gap:22px}.nav nav a{text-decoration:none;font-weight:650}.menu-button{display:none}.hero{padding:90px 0;background:linear-gradient(130deg,#eff8f4,#fff 60%)}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:56px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--brand);font-weight:800;font-size:.78rem}.hero h1{font-size:clamp(2.6rem,6vw,5.2rem);line-height:1.02;margin:.25em 0}.lead{font-size:1.22rem;color:var(--muted);max-width:740px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:10px;padding:13px 20px;border:1px solid var(--brand);font-weight:750;text-decoration:none;cursor:pointer}.primary{background:var(--brand);color:#fff}.primary:hover{background:var(--brand-dark)}.secondary{background:#fff;color:var(--brand)}.hero-card{background:var(--ink);color:#fff;padding:32px;border-radius:20px;box-shadow:0 22px 50px rgba(21,34,53,.16)}.hero-card span{color:#a7dccd;font-weight:700}.hero-card blockquote{font-size:1.16rem;margin:16px 0 0}.section{padding:82px 0}.section.muted{background:var(--surface)}h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.12;margin:.2em 0 .6em}.section-intro{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.cards article,.document-list a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.cards h3{margin-top:0}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare>div{padding:30px;border:1px solid var(--line);border-radius:16px}.compare .highlight{background:var(--accent);border-color:#b9dccc}.document-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.document-list a{text-decoration:none;display:flex;flex-direction:column}.document-list a:hover{border-color:var(--brand);transform:translateY(-2px)}.document-list span{color:var(--muted)}.form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.privacy-note{font-size:.9rem;color:var(--muted)}form{display:grid;gap:15px;background:#fff;border:1px solid var(--line);padding:30px;border-radius:16px}label{display:grid;gap:6px;font-weight:700}label span{font-weight:400;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #b8c4cc;border-radius:8px;padding:12px;font:inherit}textarea{min-height:170px;resize:vertical}.row{display:grid;grid-template-columns:1fr 100px;gap:12px}.checkbox{display:flex;align-items:flex-start;gap:10px;font-weight:500}.checkbox input{width:auto;margin-top:6px}#form-status{min-height:24px;margin:0}footer{background:var(--ink);color:#fff;padding:45px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid div:last-child{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:800px){.hero-grid,.form-layout,.compare{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.document-list{grid-template-columns:1fr}.menu-button{display:block}.nav nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:20px 16px;border-bottom:1px solid var(--line);flex-direction:column}.nav nav.open{display:flex}.hero{padding:64px 0}.footer-grid{flex-direction:column}}
