/* --- miért --- */
.why .wrap{padding-top:clamp(56px,7vw,96px)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.why-card{position:relative;padding:30px 28px 34px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,rgba(247,236,217,.05),rgba(247,236,217,.015));overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s}
.why-card:hover{transform:translateY(-6px);border-color:rgba(255,106,31,.5)}
.why-card .num{font-family:var(--display);font-size:5rem;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(247,236,217,.25);position:absolute;right:18px;top:10px}
.why-card h3{font-size:1.9rem;text-transform:uppercase;margin:48px 0 10px}
.why-card p{color:var(--cream-dim);font-size:.98rem}
.why-card .flame{position:absolute;left:-30%;bottom:-60%;width:90%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,106,31,.35),transparent 65%);opacity:0;transition:opacity .4s}
.why-card:hover .flame{opacity:1}
@media (max-width:900px){.why-grid{grid-template-columns:1fr}}