.azone{position:relative;padding:72px 0 64px;background:radial-gradient(620px 320px at 12% 20%,rgba(0,255,134,.09),transparent 62%),linear-gradient(160deg,#080D13 0%,#0A1610 100%);overflow:hidden}
.agrid2{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.azone h1{margin:10px 0 18px}
.azone .lead{max-width:52ch;color:#C9D6D0}
.abtns{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.abtn{display:inline-block;padding:14px 30px;border-radius:10px;font-weight:700;font-size:16px;text-align:center}
.abtn:hover{text-decoration:none}
.abtn-fill{background:#00FF86;color:#062015}
.abtn-fill:hover{background:#2DFFA0}
.abtn-ghost{border:1px solid #00FF86;color:#00FF86;background:transparent}
.abtn-ghost:hover{background:rgba(0,255,134,.08)}
.hmicro{margin-top:22px;color:#9FB3AC;font-size:13px}
.aphone{background:#0D1420;border:1px solid #1B2837;border-radius:28px;padding:26px 22px;max-width:340px;margin-left:auto;box-shadow:0 24px 70px rgba(0,255,134,.07)}
.apscreen{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.aptile{aspect-ratio:1/1;background:#080D13;border:1px solid #1B2837;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#9FB3AC;font-size:13px;font-weight:700;text-align:center;padding:8px;min-width:0}
.aptile-g{background:#00FF86;color:#062015;font-size:34px;font-weight:800}
.ostabs{display:flex;gap:10px;margin-top:24px}
.ostab{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}
.ostab[aria-pressed="true"]{background:#00FF86;color:#062015;border-color:#00FF86}
.ospane{display:none;margin-top:8px}
.ospane.on{display:block}
@media(max-width:968px){.agrid2{grid-template-columns:1fr;gap:36px}.azone{padding:52px 0 48px}.aphone{margin-left:0}}
@media(max-width:480px){.abtns{flex-direction:column}.abtn{width:100%}}
