.hero{background:linear-gradient(160deg,#0f766e,#115e59);color:#fff;text-align:center;padding:48px 16px 56px}
.hero .in{max-width:760px;margin:auto}
.hero h1{font-size:clamp(28px,7vw,48px);line-height:1.15;margin:0 0 12px}
.hero p{font-size:clamp(16px,3.5vw,19px);opacity:.92;margin:0 0 24px}
.cta{display:inline-block;background:#fff;color:#0f766e;font-weight:700;text-decoration:none;padding:14px 28px;border-radius:12px;min-height:44px}
.hero small{display:block;margin-top:12px;opacity:.8}
.wrap{max-width:960px;margin:auto;padding:40px 16px}
.wrap h2{text-align:center;font-size:clamp(22px,5vw,30px);margin:0 0 24px}
.grid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:640px){.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:1fr 1fr}}
.grid .card h3{margin:0 0 6px}.grid .card p{margin:0;color:var(--m)}
.num{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--c);color:#fff;font-weight:700;margin-bottom:8px}
.price{font-size:32px;font-weight:700;color:var(--c)}.price small{font-size:14px;color:var(--m);font-weight:400}
.card ul{padding-left:18px;margin:8px 0 16px}
.card.hl{border:2px solid var(--c)}
.cta.solid{background:var(--c);color:#fff}
details{background:#fff;border-radius:10px;padding:14px 16px;margin-bottom:10px;box-shadow:0 1px 3px #0001}
summary{cursor:pointer;font-weight:600}details p{margin:8px 0 0;color:var(--m)}
.final{text-align:center;background:#ecfdf5}
.top.nav{max-width:960px}