body{margin:0;background:#000;color:#fff;font-family:Inter;text-align:center}
.nav{position:fixed;top:0;width:100%;padding:1rem 0;background:rgba(0,0,0,.65);backdrop-filter:blur(18px);z-index:10}
.nav-inner{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.brand{font-size:1.4rem;font-weight:800;margin-bottom:.4rem}
.nav-links{display:flex;gap:1.4rem}
.nav-btn{padding:.55rem 1.4rem;border-radius:999px;font-weight:700;text-decoration:none;font-size:.9rem;background:linear-gradient(135deg,#2EC4B6,#7B2CBF);color:#000;box-shadow:0 0 10px rgba(46,196,182,.35);transition:.25s;border:none;cursor:pointer}
.nav-btn:hover{transform:translateY(-2px);box-shadow:0 0 18px rgba(46,196,182,.55)}

.logo{width:700px;max-width:90vw;margin-top:6rem;margin-bottom:1rem}
.hero{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-sub{max-width:640px;color:#d1d5db;font-size:.95rem;margin:0 auto}

.divider{width:120px;height:3px;margin:3rem auto;background:linear-gradient(135deg,#2EC4B6,#7B2CBF);border-radius:999px}

.service-cards{max-width:1100px;margin:2.5rem auto;display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}
.card{background:#0d0d0d;padding:2rem;width:300px;border-radius:16px;box-shadow:0 0 14px rgba(0,0,0,.4);transition:.3s}
.card:hover{transform:translateY(-6px);box-shadow:0 0 28px rgba(46,196,182,.25)}
.icon{font-size:2rem;margin-bottom:.5rem}
.card ul{list-style:none;padding:0;margin:0;font-size:.9rem;line-height:1.6;color:#d1d5db}

.dark{background:#080808;padding:4rem 2rem}
.why{list-style:none;padding:0;font-size:1rem;opacity:.9}

form{max-width:450px;margin:2rem auto;display:grid;gap:1rem}
.form-step{display:none}
.form-step.active{display:grid;gap:1rem}
input,textarea{padding:.7rem;background:#000;border:1px solid #333;color:#fff;border-radius:8px}

.popup{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:.3s}
.popup.show{opacity:1;pointer-events:auto}
.popup-box{background:#111;padding:2rem;border-radius:14px}

.reveal{opacity:0;transform:translateY(20px);transition:.6s}
.reveal.show{opacity:1;transform:none}

@media(max-width:768px){
  .logo{width:90vw}
  .card{width:90%}
  .nav-links{flex-wrap:wrap;justify-content:center}
}