.so{position:relative;min-height:100svh;display:grid;align-content:center;padding-block:clamp(28px,5vh,64px)}
.so-h{display:grid;gap:12px;max-width:760px;margin-bottom:clamp(20px,4vh,40px)}
.so-h h2{font-size:clamp(30px,3.6vw,48px)}.so-h .lead{font-size:clamp(15px,1.25vw,17px)}
.so svg{width:20px;height:20px;fill:none;stroke:var(--sky);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.so h3{font-size:17px}.so p{margin:0;font-size:14px;line-height:1.5}
.so .ic{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(59,108,255,.14)}
.card{display:grid;gap:8px;align-content:start;padding:clamp(16px,2.2vh,22px);border:1px solid var(--line-2);border-radius:16px;background:linear-gradient(180deg,rgba(18,43,94,.28),rgba(6,12,28,.6))}
@media (max-width:900px){.so{min-height:0}}
.ce{text-align:center;justify-items:center;margin-inline:auto}.ce .lead{margin-inline:auto}.g{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.g .card{padding:20px 16px;min-height:230px}@media (max-width:1100px){.g{grid-template-columns:repeat(3,1fr)}.g .card{min-height:0}}@media (max-width:560px){.g{grid-template-columns:1fr}}