.skwp .skwp-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px}
.skwp .skwp-w{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;position:relative;overflow:hidden;transition:.3s}
.skwp .skwp-w:hover{transform:translateY(-5px);box-shadow:0 24px 48px -28px rgba(40,60,160,.5);border-color:#cfd6fb}
.skwp .skwp-w::before{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(106,76,240,.12),transparent 70%)}
.skwp .skwp-w h3{font-size:17.5px;font-weight:800;line-height:1.3;margin:4px 0 6px;color:var(--ink)}
.skwp .skwp-w p{font-size:14.5px;color:#39415c;line-height:1.55}
.skwp .skwp-par{margin-top:0;border-radius:24px;padding:48px 36px;background:radial-gradient(600px 300px at 90% 0%,rgba(106,76,240,.45),transparent 70%),linear-gradient(135deg,#132057,#0f1733);color:#fff}
.skwp .skwp-par h2{color:#fff}
.skwp .skwp-par .lead{color:#c3c9e3}
.skwp .skwp-par .skhp-eyebrow{color:#b9a9ff}
.skwp .skwp-ps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.skwp .skwp-p{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:24px;display:flex;flex-direction:column;transition:.3s}
.skwp .skwp-p:hover{background:rgba(255,255,255,.1);transform:translateY(-4px)}
.skwp .skwp-p .skhp-pi{background:#fff}
.skwp .skwp-p h3{font-size:19px;font-weight:800;color:#fff;margin-bottom:6px}
.skwp .skwp-p p{color:#c3c9e3;font-size:14.5px;margin-bottom:12px}
.skwp .skwp-tag{align-self:flex-start;font-size:12px;font-weight:700;color:#bbf7d0;background:rgba(22,163,74,.2);border:1px solid rgba(74,222,128,.35);border-radius:7px;padding:3px 9px;margin-bottom:18px}
.skwp a.skwp-go{margin-top:auto;align-self:flex-start;font-weight:700;font-size:14.5px;color:#fff!important;background:linear-gradient(135deg,#2f5bea,#6a4cf0);padding:11px 18px;border-radius:11px}
.skwp a.skwp-go:after{content:" →"}
@media(max-width:1024px){.skwp .skwp-why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.skwp .skwp-ps{grid-template-columns:1fr}.skwp .skwp-par{padding:36px 20px}}
@media(max-width:560px){.skwp .skwp-why{grid-template-columns:1fr}}