:root{--bg:#0B1220;--panel:#0E1729;--card:#101B33;--ink:#0F172A;--text:#E6EAF2;--muted:#9AA4B2;--accent-from:#14A3FF;--accent-to:#22D3EE}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(32,94,255,.25), transparent 60%),
    radial-gradient(1000px 500px at 90% 10%, rgba(34,211,238,.18), transparent 60%),
    var(--bg);
  line-height:1.6;
}
.container{max-width:1120px;margin:0 auto;padding:24px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.nav__brand{display:flex;align-items:center;gap:14px}
/* Requested: logo-only header, smaller size */
.nav__brand img{height:140px;width:auto;display:block}
@media (max-width:980px){.nav__brand img{height:96px}}

.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(20,163,255,.12);color:#8BD2FF;font-weight:700;border:1px solid rgba(20,163,255,.35)}
.hero{padding:72px 0 32px;display:grid;grid-template-columns:1fr;gap:24px}
.hero h1{font-size:clamp(32px,6vw,56px);margin:12px 0 8px;line-height:1.1}
.lead{font-size:clamp(18px,2.2vw,22px);color:#D6DBE4;margin:0 0 16px}
.gradient-text{background:linear-gradient(90deg,var(--accent-from),var(--accent-to));-webkit-background-clip:text;background-clip:text;color:transparent}
.card{
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;padding:20px;
  box-shadow:0 8px 30px rgba(0,0,0,.25);
}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:980px){.grid{grid-template-columns:1fr}}
.small{font-size:13px;color:var(--muted)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 18px;font-weight:800;border:1px solid transparent}
.btn--primary{background:linear-gradient(90deg,var(--accent-from),var(--accent-to));color:#001022}
.btn--ghost{border-color:rgba(255,255,255,.22);color:var(--text);background:rgba(255,255,255,.02)}
.btn--ghost:hover{background:rgba(255,255,255,.06)}
.footer{padding:28px 0;font-size:13px;color:var(--muted);border-top:1px solid rgba(255,255,255,.08);margin-top:24px}
.input,.button{padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.02);color:var(--text)}
label{display:block;margin-bottom:8px}
hr.div{border:none;border-top:1px solid rgba(255,255,255,.08);margin:24px 0}
.logo-lockup{display:flex;align-items:center;gap:12px}