.why-cards{--ink:#0f172a;--muted:#4b5563;background:transparent;margin:0;padding:0}
.why-cards .wrap{max-width:1150px;margin:0 auto;padding:0 16px}

.why-cards h2{
  text-align:center;margin:0 0 12px;
  font:800 26px/1.12 system-ui,-apple-system,Segoe UI,Roboto,Arial;
  letter-spacing:-.02em;color:var(--ink)
}
.why-cards h2::after{
  content:"";display:block;width:64px;height:3px;margin:10px auto 0;border-radius:999px;
  background:linear-gradient(90deg,#e11d48,#f43f5e);opacity:.35
}

.why-cards .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;align-items:stretch}
@media (max-width:960px){.why-cards .grid{grid-template-columns:1fr}}

.why-cards .card{
  background:#fff;border:1px solid rgba(2,6,23,.07);
  border-radius:22px;padding:22px;text-align:center;
  box-shadow:0 8px 22px rgba(2,6,23,.08);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.why-cards .card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(2,6,23,.12)}

.why-cards .emoji{position:relative;margin-bottom:12px;font-size:30px;line-height:1}
.why-cards .emoji::before{
  content:"";position:absolute;inset:-9px;border-radius:999px;
  background:radial-gradient(closest-side,rgba(244,63,94,.16),transparent 68%);
  filter:blur(6px);z-index:-1
}

.why-cards .ttl{margin:0 0 8px;font:800 20px/1.3 system-ui,-apple-system,Segoe UI,Roboto,Arial;letter-spacing:-.01em;color:var(--ink)}
.why-cards .txt{margin:0 auto;max-width:42ch;font:500 14px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--muted)}

.why-cards.uo-unboxed,.why-cards.uo-unboxed .wrap{background:transparent;border:0;box-shadow:none}

.why-cards .card:nth-child(2) .ttl{font-weight:700;font-size:clamp(18px,2.2vw,22px);line-height:1.22;letter-spacing:-.02em;text-wrap:balance}
.why-cards .card:nth-child(2) .txt{font-size:15px;line-height:1.55;letter-spacing:-.005em;text-wrap:pretty}