body{background:var(--dark)}

.mth-hero{padding:clamp(48px,7vw,90px) clamp(14px,6vw,82px) clamp(32px,4vw,56px);color:#fff}
.mth-hero p.lead{color:rgba(255,255,255,.65);font-size:clamp(1rem,1.5vw,1.18rem);max-width:600px;margin-top:12px}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 clamp(14px,6vw,82px) clamp(48px,7vw,80px)}
.step{padding:28px 22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,background .3s,border-color .3s}
.step:hover{transform:translateY(-8px) scale(1.03);background:rgba(255,255,255,.1);border-color:rgba(74,222,128,.35);box-shadow:0 24px 54px rgba(0,0,0,.3)}
.step-n{display:inline-grid;place-items:center;width:40px;height:40px;margin-bottom:16px;background:rgba(74,222,128,.15);border:1px solid rgba(74,222,128,.3);border-radius:10px;color:#4ade80;font-weight:900;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.step:hover .step-n{transform:scale(1.3) rotate(-8deg)}
.step h3{color:#fff;font-size:1.12rem;margin-bottom:8px}
.step p{color:rgba(255,255,255,.6);margin:0;font-size:.9rem}
.mth-extras{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:0 clamp(14px,6vw,82px) clamp(48px,7vw,80px)}
.mth-card{padding:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color .3s}
.mth-card:hover{transform:translateY(-5px);border-color:rgba(74,222,128,.3)}
.mth-card h4{font-size:1rem;font-weight:800;margin-bottom:8px;color:#fff}
.mth-card p{font-size:.88rem;color:rgba(255,255,255,.6);margin:0}

@media(max-width:1024px){
.pg-hero,.mth-hero,.sp-hero,.pain-hero,.fit-layout,.contact-layout{padding-top:40px}
.mth-hero{padding:36px 16px 0}
.steps-grid{grid-template-columns:repeat(2,1fr)}
.mth-extras{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
.steps-grid{grid-template-columns:1fr}
.mth-extras{grid-template-columns:1fr}
.cta-strip{flex-direction:column;gap:12px;padding:20px 16px;text-align:center}
}
