.czone{position:relative;padding:72px 0 64px;background:radial-gradient(680px 320px at 85% 30%,rgba(0,255,134,.08),transparent 60%),linear-gradient(200deg,#080D13 0%,#0A1218 100%);overflow:hidden}
.cgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.czone h1{margin:10px 0 18px}
.czone .lead{max-width:52ch;color:#C9D6D0}
.cbtns{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.cbtn{display:inline-block;padding:14px 30px;border-radius:10px;font-weight:700;font-size:16px;text-align:center}
.cbtn:hover{text-decoration:none}
.cbtn-fill{background:#00FF86;color:#062015}
.cbtn-fill:hover{background:#2DFFA0}
.cbtn-ghost{border:1px solid #00FF86;color:#00FF86;background:transparent}
.cbtn-ghost:hover{background:rgba(0,255,134,.08)}
.hmicro{margin-top:22px;color:#9FB3AC;font-size:13px}
.cfan{position:relative;min-height:340px}
.ctile{position:absolute;width:min(78%,300px);border-radius:14px;overflow:hidden;border:1px solid #1B2837;box-shadow:0 24px 60px rgba(0,0,0,.5);background:#0D1420}
.ctile img{width:100%;height:auto}
.ctile-1{top:0;right:8%;transform:rotate(-7deg);z-index:1}
.ctile-2{top:26%;right:26%;transform:rotate(4deg);z-index:2}
.ctile-3{top:52%;right:4%;transform:rotate(-3deg);z-index:3;box-shadow:0 24px 70px rgba(0,255,134,.10)}
.gfilter{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.gfil{background:#0D1420;border:1px solid #1B2837;color:#C9D6D0;font-size:14px;font-weight:700;padding:10px 20px;border-radius:999px;cursor:pointer;font-family:inherit}
.gfil[aria-pressed="true"]{background:#00FF86;color:#062015;border-color:#00FF86}
.gcard.hide{display:none}
@media(max-width:968px){.cgrid{grid-template-columns:1fr;gap:36px}.czone{padding:52px 0 48px}.cfan{min-height:300px;max-width:420px}}
@media(max-width:480px){.cbtns{flex-direction:column}.cbtn{width:100%}.cfan{min-height:260px}}