.cshero{background:#121A33;position:relative;overflow:hidden}
.cshero::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 85% 20%,rgba(143,184,255,.07) 0 2px,transparent 2px 34px);pointer-events:none}
.cshero-in{max-width:1200px;margin:0 auto;padding:54px 24px;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;position:relative}
.cshero h1{color:#E8ECF4;font-size:clamp(25px,3.8vw,38px);line-height:1.18;margin-bottom:14px}
.cshero-txt p{color:#C9D3E8;margin-bottom:20px}
.cshero svg{width:40%;max-width:320px;min-width:180px;margin:0 auto;display:block}
.gcta{display:block;text-align:center;background:#0066FF;color:#fff;text-decoration:none;font-weight:bold;font-size:14px;border-radius:8px;padding:10px 12px;margin-top:auto}
.gcta:hover,.gcta:focus{background:#1A75FF}
.morebtn{display:block;margin:14px auto 0;background:#111A30;color:#8FB8FF;border:2px solid #232F52;border-radius:999px;padding:9px 22px;font-size:14px}
.morebtn:hover,.morebtn:focus{color:#fff;border-color:#5C8CFF}
.catgrid .gcard[hidden]{display:none}
@media(max-width:1080px){
.cshero-in{grid-template-columns:1fr;padding:40px 18px;gap:26px}
.hcta-row{justify-content:center}
.cshero svg{width:100%;max-width:260px;margin:0 auto}
}