:root{
  --bg:#0b1020; --card:#121833; --text:#e6e9f5; --muted:#a7b0d9; --accent:#38b6ff; --accent2:#22c55e;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background: linear-gradient(180deg, var(--bg), #0e1430 40%, #0c1228 100%);
  color: var(--text);
  line-height:1.6;
}
.container{max-width:980px;margin:0 auto;padding:20px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:8px 0}
.brand{display:flex;gap:10px;align-items:center}
.brand .logo{width:36px;height:36px}
.brand .name{font-weight:800;letter-spacing:.3px}
.card{
  background: radial-gradient(1200px 400px at 50% -10%, rgba(56,182,255,.15), transparent 60%),
              linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:28px;
  box-shadow: 0 10px 40px rgba(0,0,0,.4), inset 0 0 0 1px rgba(255,255,255,.03);
}
.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
@media(max-width:860px){.grid{grid-template-columns:1fr}}
h1{font-size:clamp(26px,4vw,40px);margin:.1em 0 .4em}
.lead{color:var(--muted);margin:.2em 0 1em}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin:.6em 0 1.2em}
.badge{font-size:12px;background:rgba(255,255,255,.06);color:#c9d3ff;padding:6px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px}
.cta{
  display:inline-block;padding:14px 20px;border-radius:12px;
  background: linear-gradient(180deg, var(--accent2), #16a34a);
  color:#06120a;text-decoration:none;font-weight:800;letter-spacing:.2px;
  box-shadow: 0 6px 20px rgba(34,197,94,.35);
}
.cta:hover{filter:brightness(.98);transform:translateY(-1px)}
.secondary{display:inline-block;margin-left:10px;color:#b5c4ff;text-decoration:none;font-weight:600}
.phone{
  aspect-ratio:9/16;border-radius:22px;background:#0d122b;border:1px solid rgba(255,255,255,.1);
  overflow:hidden;position:relative;box-shadow: 0 20px 50px rgba(0,0,0,.5);
}
.phone img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}
.note{font-size:12px;color:#93a3d9;margin-top:16px}
.footer{opacity:.8;font-size:12px;margin:26px 0 0;text-align:center;color:#8fa0d9}
.hero-list{margin:0;padding:0;list-style:none}
.hero-list li{display:flex;gap:10px;margin:.3em 0;color:#cdd6ff}
.hero-list svg{flex:0 0 18px;margin-top:4px}