:root{--bg:#0b0f1c;--ink:#e9edf8;--muted:#9aa5c0;--accent:#7fb3ff;--accent2:#9d7bff;--card:#141b2e;--line:#242d45}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,sans-serif;color:var(--ink);
  background:radial-gradient(1000px 640px at 50% -15%,#182241,var(--bg));min-height:100vh;
  display:flex;flex-direction:column;align-items:center;padding:48px 20px 32px}

.hero{width:100%;max-width:460px;text-align:center}
.logo{width:56px;height:56px;filter:drop-shadow(0 0 20px rgba(127,179,255,.4))}
.wordmark{font-weight:800;letter-spacing:.26em;text-transform:uppercase;font-size:15px;color:var(--muted);margin:12px 0 26px}
.wordmark .eyes{color:var(--accent)}

h1{font-size:clamp(23px,5.2vw,32px);line-height:1.2;margin:0 0 14px;font-weight:800}
.wave{display:inline-block}
.sub{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 14px}
.from-line{color:var(--ink);font-size:14.5px;background:rgba(127,179,255,.08);border:1px solid var(--line);
  border-radius:12px;padding:10px 14px;margin:0 0 26px;display:inline-block}
.from-line b{color:var(--accent)}

.cta{display:block;max-width:400px;margin:6px auto 12px;padding:16px 20px;border-radius:12px;
  background:linear-gradient(90deg,var(--accent),var(--accent2));color:#08111f;font-weight:800;
  font-size:16px;text-decoration:none;box-shadow:0 10px 30px rgba(127,179,255,.22);
  transition:transform .12s,box-shadow .2s}
.cta:hover{transform:translateY(-1px);box-shadow:0 14px 38px rgba(127,179,255,.32)}
.secondary{display:inline-block;color:var(--muted);font-size:13.5px;text-decoration:underline;margin:2px 0 0}
.secondary:hover{color:var(--accent)}

.why{width:100%;max-width:460px;margin-top:40px;padding-top:30px;border-top:1px solid var(--line);text-align:center}
.why-title{font-size:19px;font-weight:800;margin:0 0 16px;color:var(--ink)}
.why-list{list-style:none;margin:0;padding:0;text-align:left;display:flex;flex-direction:column;gap:12px}
.why-list li{display:flex;gap:12px;align-items:flex-start;color:var(--muted);font-size:13px;line-height:1.6;
  padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.why-ico{flex:0 0 auto;font-size:19px;line-height:1.3}
.why-copy{flex:1 1 auto}
.why-pt{display:block;color:var(--ink);font-weight:700;font-size:14px;margin-bottom:4px}

.foot{margin-top:36px;color:var(--muted);font-size:12.5px;text-align:center}
.foot a{color:var(--muted);text-decoration:underline}.foot a:hover{color:var(--accent)}
.foot-brand{margin-top:8px;letter-spacing:.14em;text-transform:uppercase;font-size:10.5px;opacity:.7}

@media(max-width:480px){
  body{padding:36px 16px 24px}
  .foot{font-size:12px;line-height:1.9}
}