:root{
  --bg:#05080d;
  --panel:#0b1119;
  --panel2:#0e1620;
  --line:#1c2a38;
  --text:#f5f7fb;
  --muted:#9aa8ba;
  --blue:#1498ff;
  --blue2:#0878ff;
  --orange:#f58a25;
  --green:#25d366;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.container{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;z-index:100;background:rgba(5,8,13,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.04em}
.brand img{width:48px;height:48px;object-fit:contain;border-radius:10px}
.brand span{font-size:20px}.brand b{color:var(--blue)}
.navlinks{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:700;color:#d6dfeb}
.navlinks a:hover,.navlinks a.active{color:var(--blue)}
.menu{display:none;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}
.mobile-nav{display:none;padding:8px 0 18px}
.mobile-nav a{display:block;padding:12px 4px;border-bottom:1px solid var(--line);font-weight:700}
.mobile-nav.open{display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;border:1px solid #31506a;font-weight:800;transition:.2s;cursor:pointer}
.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));border-color:transparent;box-shadow:0 12px 30px rgba(20,152,255,.2)}
.btn.secondary{background:#0b1119}
.btn.whatsapp{border-color:#1f8e55;color:#8ff0b7}
.btn:hover{transform:translateY(-2px)}
.hero{padding:100px 0 80px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:520px;height:520px;background:rgba(20,152,255,.11);filter:blur(90px);right:-180px;top:-120px;border-radius:50%}
.eyebrow{color:var(--blue);font-weight:900;letter-spacing:.22em;text-transform:uppercase;font-size:13px}
h1{font-size:clamp(48px,7vw,86px);line-height:.98;margin:18px 0 24px;letter-spacing:-.05em}
h1 span,h2 span{color:var(--blue)}
.lead{font-size:20px;color:var(--muted);max-width:720px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
section{padding:78px 0}
.section-head{margin-bottom:35px}.section-head h2{font-size:clamp(34px,5vw,58px);line-height:1;margin:10px 0}.section-head p{color:var(--muted);max-width:720px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:26px}
.card.featured{border-color:var(--blue);box-shadow:0 0 0 1px rgba(20,152,255,.15),0 20px 50px rgba(0,0,0,.25)}
.card h3{font-size:23px;margin:5px 0 8px}.card p{color:var(--muted)}
.price{font-size:38px;font-weight:900;margin:10px 0}.price small{font-size:14px;color:var(--muted);font-weight:600}
.list{padding:0;margin:18px 0;list-style:none}.list li{margin:9px 0;color:#d9e1eb}.list li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:9px}
.tag{font-size:11px;letter-spacing:.16em;color:var(--blue);font-weight:900;text-transform:uppercase}
.chooser{background:linear-gradient(135deg,#081321,#0b1119);border:1px solid #23415b;border-radius:24px;padding:32px}
.question{display:none}.question.active{display:block}
.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}
.choice{background:#0a1018;border:1px solid var(--line);padding:20px;border-radius:14px;text-align:left;color:#fff;cursor:pointer}
.choice:hover{border-color:var(--blue)}
.result{display:none;margin-top:24px;padding:22px;border-radius:15px;background:#07101a;border:1px solid #21435f}
.result.show{display:block}
.progress{height:5px;background:#152331;border-radius:99px;overflow:hidden;margin:18px 0 25px}.progress span{display:block;height:100%;background:var(--blue);width:25%;transition:.3s}
.project{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center}
.project img{width:100%;border-radius:20px;border:1px solid var(--line);background:#111}
.statbar{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.stat{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.stat strong{font-size:28px;display:block}
.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:18px;font-weight:800}details p{color:var(--muted);max-width:850px}
footer{padding:55px 0 35px;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-title{color:#fff;font-weight:900;margin-bottom:10px}.copyright{margin-top:40px;font-size:13px}
.notice{padding:16px 18px;border-left:3px solid var(--blue);background:#08121d;color:#c9d6e4;border-radius:8px}
@media(max-width:800px){
  .navlinks{display:none}.menu{display:block}
  .hero{padding:70px 0 55px}section{padding:58px 0}
  .grid,.choice-grid,.project,.footer-grid{grid-template-columns:1fr}
  .statbar{grid-template-columns:1fr 1fr}
  h1{font-size:54px}.lead{font-size:17px}
}
@media(max-width:480px){h1{font-size:45px}.brand span{font-size:17px}.statbar{grid-template-columns:1fr}}