:root{font-family:Inter,system-ui,sans-serif;color:#102019;background:#f4f7f5}*{box-sizing:border-box}body{margin:0}a{color:inherit}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px clamp(20px,5vw,72px);background:#0b1d15;color:white}header a{text-decoration:none;font-weight:800}.hero{min-height:64vh;display:grid;grid-template-columns:1.5fr .8fr;gap:32px;align-items:center;padding:clamp(48px,8vw,110px) clamp(20px,7vw,100px);background:linear-gradient(135deg,#0b1d15,#214f3c);color:white}.hero h1{font-size:clamp(44px,8vw,88px);line-height:.94;margin:.15em 0}.hero p{font-size:clamp(19px,2.5vw,28px);max-width:650px;color:#dce9e2}.hero aside{padding:28px;border:1px solid #ffffff33;border-radius:24px;background:#ffffff12;display:grid;gap:8px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.actions a,.banner a{padding:13px 18px;border-radius:999px;background:#f0c96f;color:#102019;text-decoration:none;font-weight:800}.actions .ghost{background:transparent;color:white;border:1px solid #ffffff55}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:70px clamp(20px,7vw,100px)}article{background:white;border:1px solid #dce5df;border-radius:22px;padding:28px;box-shadow:0 12px 30px #0b1d150c}article h2{margin:.3em 0}.banner{margin:0 clamp(20px,7vw,100px) 70px;padding:28px;border-radius:24px;background:#102019;color:white;display:flex;justify-content:space-between;gap:20px;align-items:center}.banner h2{margin:.2em 0}@media(max-width:760px){.hero,.grid{grid-template-columns:1fr}.hero{min-height:auto}.banner{align-items:flex-start;flex-direction:column}}