*{margin:0;padding:0;box-sizing:border-box}
:root{--g:#00e676;--c:#22d3ee}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:#070b16;color:#eef3fa;line-height:1.55;
  background:radial-gradient(1100px 700px at 18% -5%,#00e6761f,transparent 55%),radial-gradient(900px 600px at 95% 10%,#22d3ee18,transparent 55%),linear-gradient(160deg,#070b16,#0b1620 55%,#05080f)}
.wrap{max-width:980px;margin:0 auto;padding:28px 22px 60px}
.nav{display:flex;align-items:center;gap:12px;margin-bottom:48px}
.bars{display:flex;align-items:flex-end;gap:5px;height:30px}
.bars span{width:8px;border-radius:3px 3px 1px 1px;display:block}
.logo{font-size:24px;font-weight:900;letter-spacing:.5px}
.logo b{background:linear-gradient(90deg,var(--c),var(--g));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero{text-align:center;padding:18px 0 8px}
h1{font-size:clamp(34px,6vw,62px);font-weight:900;letter-spacing:-1.5px;line-height:1.05}
h1 .hl{background:linear-gradient(90deg,var(--c),var(--g));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sub{font-size:clamp(17px,2.5vw,22px);color:#aebccd;max-width:640px;margin:22px auto 0}
.cta{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--g),#00b85c);color:#04140a;
  font-size:21px;font-weight:800;padding:19px 38px;border-radius:16px;text-decoration:none;margin-top:34px;
  box-shadow:0 12px 40px -8px #00e67688;transition:transform .15s}
.cta:hover{transform:translateY(-2px)}
.cta2{display:inline-block;margin-top:16px;color:#aebccd;font-size:15px;text-decoration:none;border-bottom:1px solid #aebccd55}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:54px 0}
.stat{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;padding:22px 14px;text-align:center}
.stat .n{font-size:clamp(26px,4vw,40px);font-weight:900;background:linear-gradient(90deg,var(--c),var(--g));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.stat .l{font-size:13px;color:#90a0b3;margin-top:4px}
.feats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0 40px}
.feat{background:#ffffff06;border:1px solid #ffffff10;border-radius:16px;padding:24px}
.feat h3{font-size:19px;margin-bottom:6px}
.feat p{color:#9fb0c2;font-size:15px}
.feat .ic{font-size:30px;margin-bottom:10px}
.final{text-align:center;background:linear-gradient(135deg,#00e67614,#22d3ee0e);border:1px solid #00e67633;border-radius:24px;padding:46px 24px;margin-top:30px}
.final h2{font-size:clamp(24px,4vw,38px);font-weight:900}
footer{text-align:center;color:#6b7a8d;font-size:13px;margin-top:48px;line-height:1.8}
footer a{color:#90a0b3}
.badge{display:inline-block;background:#ffffff10;border:1px solid #ffffff18;border-radius:999px;padding:6px 16px;font-size:13px;color:#aebccd;margin-bottom:18px}
@media(max-width:640px){.stats{grid-template-columns:repeat(2,1fr)}.feats{grid-template-columns:1fr}}
