:root{
  --bg:#0a121a; --panel:#0d1b27; --navy:#0B1E2D; --glass:rgba(255,255,255,.06);
  --ice:#7fd3ff; --ice2:#58C4F6; --text:#eaf4fb; --muted:#b7c7d2; --line:#15334a;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto}
a{color:var(--ice2);text-decoration:none}
img{max-width:100%;height:auto}
.container{max-width:1120px;margin:0 auto;padding:1rem 1.2rem}
.page-header h1{margin:.6rem 0 1rem}

.nav{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#07131c,#0d2232);padding:.5rem 1rem;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}
.nav .brand img{height:56px}
.nav ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0;align-items:center}
.nav a{color:#e9f7ff}
.nav .btn.small{padding:.4rem .75rem;border-radius:999px;background:var(--ice2);color:#042330;font-weight:800}

.nav-toggle{display:none;background:none;border:none;color:#e9f7ff;font-size:1.6rem}
@media (max-width:860px){
  .nav-toggle{display:block}
  .nav ul{display:none;flex-direction:column;gap:.6rem;background:#0a1f2e;position:absolute;right:1rem;top:70px;padding:1rem;border:1px solid var(--line); border-radius:.6rem}
  .nav ul.open{display:flex}
}

.hero-home{
  background:
    radial-gradient(60% 120% at 10% 10%, rgba(127,211,255,.15), transparent 60%),
    radial-gradient(60% 120% at 90% 0%, rgba(88,196,246,.18), transparent 60%),
    linear-gradient(180deg,#07131c,#0e2130 60%);
  border:1px solid var(--line);
  border-radius:1rem; overflow:hidden; margin:1rem 0 1.6rem;
}
.hero-inner{padding:2.8rem 1.4rem 2.2rem}
.hero-inner h1{font-size:2.2rem;margin:0 0 .5rem}
.hero-inner p{max-width:880px;color:var(--muted);margin:.2rem 0 1.2rem}
.cta .btn{margin-right:.6rem}

.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{padding:1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--panel)}
.card.glass{background:var(--glass);backdrop-filter: blur(8px)}
.card h3{margin:.2rem 0 .5rem}
.arrow{display:inline-block;margin-top:.4rem}

.table{width:100%;border-collapse:collapse;margin:1rem 0;border:1px solid var(--line)}
.table th,.table td{border-bottom:1px solid var(--line);padding:.65rem .8rem}
.table th{text-align:left;background:#0f2231}

.bullets{line-height:1.6}
.btn{display:inline-block;background:var(--ice2);color:#07131c;padding:.75rem 1rem;border-radius:.65rem;font-weight:800}
.btn.ghost{background:transparent;border:2px solid var(--ice2);color:var(--ice2)}
.btn.primary{background:var(--ice2)}

.form label{display:block;margin:.6rem 0}
.form input,.form textarea{width:100%;padding:.6rem;border:1px solid var(--line);background:#0a1924;color:#e7edf2;border-radius:.45rem}
.form textarea{min-height:120px}

.hint{color:var(--muted);font-size:.95rem}

.footer{border-top:1px solid var(--line);margin-top:2.2rem;padding:1rem 0;text-align:center;color:var(--muted)}