:root { --ink:#17212b; --muted:#64717d; --paper:#f7f8f5; --card:#fff; --accent:#1d6b5b; --line:#dce4df; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.site-header, main, footer { max-width:1120px; margin:auto; padding-left:24px; padding-right:24px; }
.site-header { display:flex; justify-content:space-between; align-items:center; padding-top:24px; padding-bottom:24px; }
.brand { color:var(--ink); font-size:1.35rem; font-weight:800; letter-spacing:-.04em; text-decoration:none; }
.brand span { color:var(--accent); } nav { display:flex; gap:24px; } nav a { color:var(--muted); text-decoration:none; }
.hero { display:grid; grid-template-columns:1.25fr .75fr; gap:72px; align-items:center; padding-top:92px; padding-bottom:110px; }
.eyebrow { color:var(--accent); font-size:.76rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
h1,h2,h3 { line-height:1.1; letter-spacing:-.04em; margin:0 0 18px; } h1 { font-size:clamp(2.8rem,7vw,5.6rem); max-width:760px; } h2 { font-size:clamp(2rem,4vw,3.4rem); } h3 { font-size:1.35rem; }
.lead { color:var(--muted); font-size:1.18rem; max-width:620px; margin:0 0 30px; }.button { display:inline-block; border:0; border-radius:5px; padding:12px 20px; color:#fff; background:var(--accent); font:inherit; font-weight:700; text-decoration:none; cursor:pointer; }
.hero-card { padding:38px; border:1px solid var(--line); border-radius:18px; background:var(--card); box-shadow:0 20px 60px #16372b12; }.shield { display:grid; place-items:center; width:58px; height:58px; margin-bottom:28px; border-radius:50%; color:#fff; background:var(--accent); font-size:1.8rem; }.hero-card p,.cards p,.contact p { color:var(--muted); }
.section { padding-top:70px; padding-bottom:90px; }.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.cards article { padding:28px; border-top:2px solid var(--accent); background:var(--card); }.cards span { color:var(--accent); font-weight:800; }
.contact { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; border-top:1px solid var(--line); }.contact form { display:grid; gap:16px; } label { display:grid; gap:6px; color:var(--muted); font-size:.9rem; font-weight:650; } input,textarea { width:100%; border:1px solid var(--line); border-radius:5px; padding:12px; color:var(--ink); background:#fff; font:inherit; } textarea { resize:vertical; }.trap { position:absolute; left:-10000px; }
footer { display:flex; justify-content:space-between; padding-top:28px; padding-bottom:32px; color:var(--muted); font-size:.9rem; border-top:1px solid var(--line); }
@media (max-width:760px) { nav { display:none; } .hero,.contact { grid-template-columns:1fr; gap:32px; } .hero { padding-top:50px; padding-bottom:60px; } .cards { grid-template-columns:1fr; } }