:root{
  --bg: #0b1020;
  --card: #12172a;
  --text: #e6ecff;
  --muted: #9fb0d8;
  --brand: #5ac8fa;
  --accent: #7ef29a;
  --border: #22273d;
  --shadow: 0 10px 30px rgba(0,0,0,.25);
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;line-height:1.6;}
img{max-width:100%;display:block;}

.container{width:min(1100px,90%);margin:0 auto;}
.site-header{position:sticky;top:0;background:rgba(11,16,32,.8);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:20;}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text);}
.logo{width:34px;height:34px;}
.brand-text{font-weight:700;letter-spacing:.3px;}
.menu-toggle{display:none;background:none;border:1px solid var(--border);padding:.4rem .6rem;border-radius:.6rem;color:var(--text);}
.nav-links{display:flex;gap:1rem;align-items:center;}
.nav-link{padding:.4rem .8rem;border-radius:.6rem;color:var(--muted);text-decoration:none;border:1px solid transparent;}
.nav-link:hover{color:var(--text);border-color:var(--border);}
.nav-link.active{color:var(--bg);background:var(--accent);}

.hero{padding:4rem 0;background:radial-gradient(1200px 600px at 20% -10%, rgba(122,192,255,.15), transparent), radial-gradient(1200px 600px at 100% 10%, rgba(126,242,154,.12), transparent);}
.hero-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:2rem;align-items:center;}
.hero-text h1{font-size:clamp(1.8rem,3.5vw,3rem);margin:.2rem 0 1rem;}
.hero-card{background:var(--card);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow);padding:1.25rem;}
.cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin:1rem 0;}
.btn{display:inline-block;padding:.7rem 1rem;border-radius:.8rem;text-decoration:none;border:1px solid var(--border);}
.btn.primary{background:var(--brand);color:#001222;border-color:transparent;font-weight:700;}
.btn.outline{color:var(--text);}
.btn.block{display:block;width:100%;text-align:center;margin-top:.5rem;}

.trust-bullets{list-style: none; padding:0; margin:1rem 0 0;}
.trust-bullets li{padding-left:1.4rem;position:relative;color:var(--muted);}
.trust-bullets li::before{content:"✓";position:absolute;left:0;color:var(--accent);}

.features{padding:2rem 0;}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1rem;box-shadow:var(--shadow);}
.card h3{margin-top:0;}

.social-proof{padding:2rem 0;}
.checklist{list-style:none;padding:0;margin:0;}
.checklist li{padding-left:1.4rem;position:relative;color:var(--muted);}
.checklist li::before{content:"•";position:absolute;left:0;color:var(--accent);}

.page-hero{padding:2rem 0 1rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem;}
.service-block{margin:1.5rem 0;padding:1rem;border:1px dashed var(--border);border-radius:1rem;background:linear-gradient(180deg, rgba(255,255,255,.02), transparent);}

.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:start;}
.contact-form{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1rem;box-shadow:var(--shadow);display:grid;gap:.8rem;}
.contact-form input,.contact-form textarea{width:100%;padding:.7rem;border-radius:.6rem;border:1px solid var(--border);background:#0c1226;color:var(--text);}
.contact-card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1rem;}

.site-footer{margin-top:3rem;border-top:1px solid var(--border);background:#0a0f1e;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;padding:1.5rem 0;}
.footer-bottom{border-top:1px solid var(--border);padding:.75rem 0;color:var(--muted);font-size:.9rem;}

.text-link{color:var(--brand);text-decoration:none;}
.text-link:hover{text-decoration:underline;}

@media (max-width: 900px){
  .hero-grid{grid-template-columns:1fr;}
  .cards{grid-template-columns:1fr;}
  .grid-2{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .nav-links{display:none;position:absolute;right:5%;top:60px;background:var(--card);padding:.5rem;border-radius:.8rem;border:1px solid var(--border);box-shadow:var(--shadow);}
  .menu-toggle{display:block;}
  .nav-links.open{display:flex;flex-direction:column;gap:.5rem;min-width:200px;}
}