/* Split hero layout: text left, video right */
:root{
  --bg:#0b0c0f;
  --ink:#e8eaed;
  --ink2:#b7bdc6;
  --line:#1a1c22;
  --btn:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0; padding:0; background:var(--bg); color:var(--ink); font-family: ui-sans-serif,-apple-system,Inter,Helvetica,Arial; line-height:1.55}
a{color:inherit; text-decoration:none}
.wrap{max-width:1240px; margin:0 auto; padding:0 20px}
.wrap.narrow{max-width:840px}

.bg{position:fixed; inset:0; z-index:-2; background:linear-gradient(to bottom, rgba(255,255,255,.02), transparent 40%)}
.nav{position:sticky; top:0; z-index:50; backdrop-filter: blur(10px) saturate(140%); background:rgba(13,14,18,.6); border-bottom:1px solid var(--line)}
.nav .wrap{display:flex; align-items:center; justify-content:space-between; height:64px}
.brand{font-weight:700}
.brand .dot{color:#fff}
.links{display:flex; align-items:center; gap:20px}
.btn{display:inline-block; padding:10px 16px; border-radius:999px; background:var(--btn); color:#0b0c0f; font-weight:600}
.link{text-decoration:underline}

.hero{padding:80px 0; border-bottom:1px solid var(--line)}
.grid{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center}
.copy h1{font-size:clamp(2.8rem,6vw,4.2rem); line-height:1.07; margin:0 0 16px}
.accent{background:linear-gradient(90deg,#a5b4fc,#60a5fa,#34d399); -webkit-background-clip:text; background-clip:text; color:transparent}
.lead{color:var(--ink2); font-size:1.15rem; margin-bottom:20px}
.cta{display:flex; gap:14px}

.video{width:100%; max-height:80vh; overflow:hidden}
.video video{display:block; width:100%; height:100%; object-fit:cover}

.panel{padding:84px 0; border-bottom:1px solid var(--line)}
.muted{color:var(--ink2)}
.bullets{display:grid; gap:10px; padding-left:18px}
.bullets li{margin-left:6px}

.waitlist{padding:92px 0; border-bottom:1px solid var(--line)}
.form{display:grid; gap:12px; margin-top:12px}
.form input{width:100%; padding:12px 14px; border-radius:12px; border:1px solid var(--line); background:#0e1116; color:var(--ink)}

.foot{padding:32px 0}
.foot-flex{display:flex; align-items:center; justify-content:space-between; color:var(--ink2)}
.foot-nav{display:flex; gap:18px}
.foot-nav a{opacity:.9}

@media (max-width: 960px){
  .grid{grid-template-columns:1fr; gap:28px}
  .video{max-height:60vh}
  .cta{flex-direction:column; align-items:flex-start}
}