:root{--why4-blue: #12c6ea;--why4-cyan: #12c6ea;--why4-ink: #0d1b2a;--why4-sub: #6b7a90;--why4-border: rgba(13, 27, 42, .1);--why4-soft: rgba(18, 198, 234, .1)}.why4{background:#fff;padding:84px 0}.why4__container{width:min(1220px,92%);margin:0 auto}.why4__header{text-align:center;margin-bottom:44px;padding:0 10px}.why4__pill{display:block;margin:0 auto;align-items:center;justify-content:center;gap:8px;padding:4px 6px;border-radius:999px;background:#12c6ea;color:#fff;font-weight:700;font-size:13px;width:fit-content;min-width:190px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;letter-spacing:.8px;text-transform:uppercase}.why4__title{margin:14px 0 10px;font-size:clamp(28px,3.2vw,46px);line-height:1.12;color:var(--why4-ink);font-weight:900}.why4__subtitle{margin:0 auto;max-width:760px;color:var(--why4-sub);font-size:16px;line-height:1.75}.why4__rail{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;align-items:stretch}.why4__card{position:relative;border-radius:28px;overflow:hidden;background:#f2f8ff;border:1px solid var(--why4-border);box-shadow:0 18px 40px #0d1b2a14,0 1px #ffffffd9 inset;min-height:260px;isolation:isolate;transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.why4__card:hover{transform:translateY(-4px);border-color:#12c6ea38;box-shadow:0 26px 55px #0d1b2a1f,0 1px #ffffffd9 inset}.why4__img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .25s ease}.why4__card:hover .why4__img{transform:scale(1.06)}.why4__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#0000002e 75%,#00000042);z-index:1;pointer-events:none}.why4__badge{position:absolute;left:18px;bottom:18px;z-index:2;padding:10px 14px;border-radius:999px;color:#fff;font-weight:900;font-size:14px;letter-spacing:.2px;background:linear-gradient(135deg,var(--why4-blue),var(--why4-cyan));box-shadow:0 12px 24px #12c6ea40;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (max-width: 1100px){.why4{padding:70px 0}.why4__rail{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.why4{padding:56px 0}.why4__rail{display:grid;grid-auto-flow:column;grid-auto-columns:84%;grid-template-columns:none;overflow-x:auto;gap:16px;padding:6px 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.why4__card{scroll-snap-align:start;min-height:230px}.why4__rail::-webkit-scrollbar{display:none}}