*{margin:0;padding:0;box-sizing:border-box}
body{background:#050505;color:#fff;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}
.top-bar{background:#fff;color:#000;text-align:center;font-size:11px;font-weight:900;letter-spacing:1.5px;padding:8px 10px}
nav{display:flex;justify-content:space-between;align-items:center;padding:20px 6%;max-width:1400px;margin:0 auto}
.logo{font-family:Syne,sans-serif;font-weight:800;font-size:24px;letter-spacing:-1px}
.logo sup{font-size:10px}
.nav-call{border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:999px;font-size:12px;font-weight:700;text-decoration:none;color:#fff}

.hero-grid{max-width:1400px;margin:0 auto;padding:40px 6% 60px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:999px;padding:6px 12px;font-size:11px;letter-spacing:1px}
.dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}
h1{font-family:Syne,sans-serif;font-size:72px;line-height:.85;margin-top:20px;font-weight:800;letter-spacing:-3px}
h1 span{color:rgba(255,255,255,.3)}
.hero-left p{margin-top:20px;max-width:48ch;color:rgba(255,255,255,.6);line-height:1.6;font-size:15px}
.hero-left p strong{color:#fff}
.cta-row{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}
.btn{padding:14px 28px;border-radius:999px;font-weight:900;font-size:13px;letter-spacing:.5px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;min-height:48px;border:none;cursor:pointer}
.btn-white{background:#fff;color:#000}
.btn-outline{border:1px solid rgba(255,255,255,.2);color:#fff}
.btn-green{background:#25D366;color:#000;margin-top:16px}
.w-full{width:100%}

.trust{margin-top:28px;display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;font-size:12px;color:rgba(255,255,255,.4)}

.price-card{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);backdrop-filter:blur(20px);border-radius:32px;padding:24px}
.price-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;color:rgba(255,255,255,.4)}
.big-logo{font-family:Syne,sans-serif;font-size:44px;font-weight:800;margin-top:20px;letter-spacing:-2px}
.sub{font-size:10px;letter-spacing:3px;color:rgba(255,255,255,.4);margin-top:4px}
.price-grid{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.p-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;font-size:13px}
.p-box.white{background:#fff;color:#000}

.strip{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);padding:14px;text-align:center;font-size:11px;letter-spacing:2px;color:rgba(255,255,255,.3)}

.products{max-width:1400px;margin:0 auto;padding:60px 6%}
.products h2{text-align:center;font-family:Syne,sans-serif;letter-spacing:4px;font-size:14px;color:rgba(255,255,255,.3)}
.product-grid{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.product-card{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);border-radius:20px;padding:24px}
.product-card h3{font-size:12px;letter-spacing:2px}

.quote{max-width:600px;margin:40px auto;padding:0 6% 60px}
.quote h2{font-family:Syne,sans-serif;font-size:32px;letter-spacing:-1px}
.quote-sub{color:rgba(255,255,255,.5);margin:10px 0 20px;font-size:14px}
.form{display:grid;gap:12px}
.form input,.form select,.form textarea{background:#111;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;color:#fff;font-size:14px;width:100%}
.form textarea{min-height:80px;resize:vertical}
.contact-box{margin-top:20px;border:1px dashed rgba(255,255,255,.2);border-radius:12px;padding:16px;font-size:13px;line-height:1.8;color:rgba(255,255,255,.6);text-align:center}

footer{border-top:1px solid rgba(255,255,255,.1);padding:30px;text-align:center;font-size:11px;color:rgba(255,255,255,.3);letter-spacing:1px}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  h1{font-size:48px}
  .product-grid{grid-template-columns:1fr}
}