.shero{background:#22202E;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 2px,transparent 2px 14px);color:#fff;padding:56px 0}
.ssecin{width:100%;max-width:1200px;margin:0 auto;padding:0 22px;display:flex;align-items:center;gap:48px}
.sherotxt{flex:1;min-width:0}
.sherotxt h1{color:#fff;margin-bottom:16px}
.sherotxt p{color:#C9C6D2;font-size:1.06rem;margin-bottom:22px}
.sheroart{flex:0 0 auto;width:40%;max-width:320px;min-width:180px}
.sheroart svg{width:100%;height:auto;display:block}
.scover{background:#EDECEF}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:18px 0}
.scard{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(34,32,46,.10);display:flex;flex-direction:column}
.scard img{width:100%;height:auto}
.scard h3{padding:12px 14px 2px}
.scard p{padding:0 14px 14px;font-size:.88rem;color:#45414F;margin:6px 0 0}
.showto{background:#F5F4F7}
.slive{background:#EDECEF}
.sodds{background:#F5F4F7}
@media(max-width:1080px){
.ssecin{flex-direction:column;gap:26px}
.sheroart{width:100%;max-width:260px;margin:0 auto}
.hcta{justify-content:center}
}
@media(max-width:968px){
.sgrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
.sgrid{grid-template-columns:1fr}
.hcta a{width:100%;text-align:center}
}