*{box-sizing:border-box}
body{margin:0;background:#f5f7fa;color:#18232c;font:17px/1.7 system-ui,-apple-system,sans-serif}
header,main,footer{max-width:1120px;margin:auto;padding:28px}
header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #dce3e9}
nav{display:flex;flex-wrap:wrap;gap:20px}
a{color:#176351;text-underline-offset:4px}
.brand{font-weight:800;font-size:25px;text-decoration:none;color:#18232c}
h1{font-size:clamp(34px,6vw,62px);line-height:1.08;letter-spacing:-.05em;margin:30px 0}
h2{font-size:25px;line-height:1.3;margin:0 0 12px}
h3{font-size:20px;line-height:1.3;margin:0 0 8px}
p{max-width:760px}
section{background:white;border:1px solid #dce3e9;border-radius:18px;padding:26px;margin:24px 0}
.eyebrow{color:#176351;font-size:13px;font-weight:700;letter-spacing:.12em}
.lead{font-size:21px;color:#465563}
.button{display:inline-block;border-radius:9px;background:#176351;color:white;padding:12px 20px;text-decoration:none;font-weight:600}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.shot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
figure{margin:0;min-width:0}figure img{display:block;width:100%;height:auto;border:1px solid #dce3e9;border-radius:12px}figcaption{text-align:center;color:#465563;font-size:14px;padding:8px 0}
footer{font-size:14px;color:#64717e;border-top:1px solid #dce3e9}li{margin:8px 0}
@media(max-width:780px){.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){header{align-items:flex-start;flex-direction:column}header,main,footer{padding:20px}section{padding:20px}.feature-grid{grid-template-columns:1fr}.shot-grid{gap:12px}}