.czone{position:relative;overflow:hidden;background-color:#2A2A2A;background-image:radial-gradient(rgba(51,153,255,0.08) 1.5px,transparent 1.6px);background-size:26px 26px;padding:56px 0}
.czbg{position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:440px;opacity:0.07;z-index:0}
.czgrid{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.cztext{text-align:center;min-width:0}
.cztext h1{font-size:clamp(26px,4vw,38px);line-height:1.15;margin-bottom:16px}
.czlead{font-size:17px;color:#E0E0E0;margin-bottom:26px}
.czbtns{display:flex;justify-content:center;flex-wrap:wrap}
.czbtns .hbtn{margin:6px 10px}
.czsvg{width:100%;max-width:260px;min-width:0;margin:34px auto 0}
.czsvg svg{display:block;width:100%;height:auto}
.gcard{display:flex;flex-direction:column}
.ginfo{display:flex;flex-direction:column;flex:1}
.gplay{display:block;background:#3399FF;color:#000000;font-weight:700;text-align:center;text-decoration:none;padding:10px 12px;border-radius:6px;margin-top:auto;font-size:14px}
.gplay:hover{background:#5CADFF;color:#000000}
.gsubhead{color:#C4E2FF;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:0.06em;margin:26px 0 0}
.gsubhead+.ggrid{margin-top:12px}
@media(min-width:769px){
.czone{padding:76px 0}
}
@media(min-width:1081px){
.czgrid{flex-direction:row;justify-content:space-between;align-items:center;gap:48px}
.cztext{flex:1}
.czsvg{width:40%;max-width:320px;min-width:180px;margin:0}
}