:root {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #17352a;
  background: #f6f1e7;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: linear-gradient(180deg,#f8f3e9,#efe5d2); }
.shell { width: min(100%, 760px); margin: 0 auto; padding: 28px 20px 34px; }
.hero {
  background: rgba(255,255,255,.84);
  border-radius: 30px;
  padding: 34px 24px 28px;
  text-align: center;
  box-shadow: 0 16px 45px rgba(38,55,43,.10);
}
.logo { width: 92px; height: 92px; border-radius: 24px; }
.eyebrow { letter-spacing: .18em; font-size: 12px; font-weight: 800; margin: 18px 0 10px; }
h1 { margin: 0; font-size: clamp(32px,8vw,52px); line-height: 1.04; }
.lead { font-size: 17px; line-height: 1.55; color: #587064; max-width: 560px; margin: 18px auto; }
.badge { display:inline-block; padding: 10px 14px; border-radius: 999px; background:#edf5ef; font-weight:700; }
.cta {
  display:block; margin: 22px auto 0; max-width: 360px; text-decoration:none;
  background:#1f4d36; color:white; padding:16px 20px; border-radius:16px; font-weight:800;
}
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:16px; }
.cards article {
  background:rgba(255,255,255,.78); border-radius:20px; padding:18px 12px; text-align:center;
  box-shadow:0 8px 24px rgba(38,55,43,.07);
}
.cards span { display:block; font-size:30px; margin-bottom:8px; }
.cards strong,.cards small { display:block; }
.cards small { margin-top:4px; color:#6d7e74; }
footer { text-align:center; font-size:13px; color:#748278; padding:24px 0 0; }
@media (max-width:560px) {
  .cards { grid-template-columns:1fr; }
  .cards article { display:grid; grid-template-columns:44px 1fr; text-align:left; align-items:center; }
  .cards span { grid-row:1/3; margin:0; }
}