:root{
  --bg:#0b1220;
  --muted:#9fb0d0;
  --text:#eaf0ff;
  --brand:#35a3ff;
  --brand2:#22c55e;
  --stroke:rgba(255,255,255,.10);
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;
  background: var(--bg);
  color:var(--text);
}
.wrap{max-width:1100px;margin:0 auto;padding:0 18px;}
header{background:#111a2e;border-bottom:1px solid var(--stroke);}
nav{display:flex;justify-content:space-between;align-items:center;padding:15px 0;}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;}
.logo-badge{width:30px;height:30px;background:var(--brand);border-radius:8px;}
.menu a{margin:0 10px;color:var(--muted);}
.menu a:hover{color:white;}
.btn{display:inline-block;padding:10px 15px;border-radius:8px;font-weight:700;text-decoration:none;margin-right:10px;}
.btn.primary{background:var(--brand);color:white;}
.btn.green{background:var(--brand2);color:white;}
.hero{padding:60px 0;}
.sub{color:var(--muted);}
footer{border-top:1px solid var(--stroke);padding:25px 0;margin-top:50px;color:var(--muted);}
.sticky-call{
  position:fixed;bottom:15px;left:15px;right:15px;
  display:none;
}
.sticky-call a{
  display:block;text-align:center;
  background:var(--brand2);color:white;
  padding:14px;border-radius:10px;font-weight:900;
}
@media(max-width:768px){
  .menu{display:none;}
  .sticky-call{display:block;}
}