*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;background:#07111f;color:white;overflow-x:hidden}.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 20%,rgba(0,255,150,.18),transparent 32%),radial-gradient(circle at 80% 10%,rgba(255,125,0,.16),transparent 30%),linear-gradient(180deg,#07111f,#0b1627 55%,#08111e)}header{max-width:1180px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px}.logo{width:46px;height:46px;border-radius:18px;display:grid;place-items:center;background:rgba(52,211,153,.14);border:1px solid rgba(110,231,183,.28);color:#6ee7b7;box-shadow:0 0 28px rgba(16,185,129,.12)}h1{font-size:22px;margin:0}.brand p{margin:4px 0 0;color:#94a3b8;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:18px;padding:15px 22px;font-weight:700;transition:.2s}.green{background:#34d399;color:#07111f;box-shadow:0 12px 35px rgba(52,211,153,.18)}.orange{background:#f97316;color:#fff;box-shadow:0 12px 35px rgba(249,115,22,.2)}.ghost{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#fff}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.hero{max-width:1180px;margin:auto;padding:70px 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.tag{display:inline-block;border:1px solid rgba(110,231,183,.22);background:rgba(52,211,153,.1);color:#bbf7d0;border-radius:999px;padding:9px 15px;font-size:14px;margin-bottom:24px}.hero h2{font-size:clamp(38px,5vw,66px);line-height:1.04;margin:0;font-weight:900;letter-spacing:-1.5px}.hero p{color:#cbd5e1;font-size:18px;line-height:1.7;margin:24px 0}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.hero small{display:block;color:#64748b;max-width:620px}.panel{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);backdrop-filter:blur(18px);border-radius:34px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.panel-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:18px}.panel-top p{margin:0;color:#94a3b8;font-size:14px}.panel-top h3{margin:4px 0 0;font-size:28px}.panel-top span{font-size:12px;color:#6ee7b7;border:1px solid rgba(110,231,183,.25);background:rgba(52,211,153,.12);border-radius:999px;padding:7px 11px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mini{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:20px;padding:16px}.mini p{margin:0 0 6px;color:#94a3b8;font-size:12px}.mini i{display:block;height:8px;border-radius:999px;background:#152235;margin-top:16px;overflow:hidden}.mini em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#34d399,#f97316)}.note{margin-top:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,rgba(52,211,153,.14),rgba(249,115,22,.13));border-radius:20px;padding:17px;color:#cbd5e1}.features{max-width:1180px;margin:auto;padding:45px 24px;text-align:center}.features h2,.cta h2{font-size:clamp(30px,4vw,44px);margin:0}.features>p,.cta p{color:#94a3b8;margin:14px auto 34px;max-width:720px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}.feature-grid article{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:26px;padding:24px;box-shadow:0 12px 35px rgba(0,0,0,.12)}.feature-grid h3{margin:0 0 10px;color:#fff}.feature-grid p{margin:0;color:#94a3b8;line-height:1.6}.cta{max-width:1180px;margin:45px auto 70px;padding:52px 24px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:34px;background:linear-gradient(90deg,rgba(52,211,153,.12),rgba(255,255,255,.05),rgba(249,115,22,.12));box-shadow:0 30px 90px rgba(0,0,0,.2)}footer{max-width:1180px;margin:auto;border-top:1px solid rgba(255,255,255,.1);padding:28px 24px;text-align:center;color:#64748b;font-size:14px}.signature{font-family:Georgia,Cambria,serif;color:#cbd5e1;letter-spacing:.5px;margin:0 0 6px}@media(max-width:900px){header{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:35px}.feature-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.hero h2{font-size:42px}}