:root{--bg:#0b0d12;--panel:#11151c;--text:#e8efff;--muted:#9aa7bd;--primary:#5ac8fa;--accent:#ff8a00}
/* Match app typography */
body,button,input{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 600px at 80% -10%,rgba(90,200,250,.15),transparent),radial-gradient(1000px 500px at -10% 0,rgba(255,138,0,.12),transparent),var(--bg);background-repeat:no-repeat,no-repeat;background-size:1200px 600px,1000px 500px,color;color:var(--text)}
/* splash removed */
.nav{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:rgba(11,13,18,.65);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06);z-index:10}
.nav .brand{display:flex;align-items:center;gap:8px}
.nav .brand img{height:18px;filter:drop-shadow(0 0 4px rgba(90,200,250,.25))}
.nav .links a{color:var(--muted);text-decoration:none;margin-left:18px}
.nav .links a:hover{color:var(--text)}
.nav .links .cta{padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:8px}
.nav .nav-toggle{display:none;background:none;border:0;padding:6px;cursor:pointer}
.nav .nav-toggle .bar{display:block;width:20px;height:2px;background:var(--muted);margin:4px 0;border-radius:2px}
.hero{position:relative;display:grid;grid-template-columns:1fr;place-items:center;min-height:88vh;padding:72px 18px;overflow:hidden}
.hero-inner{max-width:900px;text-align:center}
.brand-title{margin:0 0 8px}
.brand-title img{height:64px;filter:drop-shadow(0 0 10px rgba(90,200,250,.25))}
.hero h1{margin:0}
.hero .tagline{font-size:clamp(26px,4.5vw,40px);font-weight:800;margin:6px 0 10px}
.hero p{color:var(--muted);max-width:680px;margin:0 auto 24px}
.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none}
.btn.primary{background:linear-gradient(90deg,var(--primary),#7bd5ff);color:#001018}
.btn.ghost{border:1px solid rgba(255,255,255,.2);color:var(--text)}
.hero-orb{position:absolute;filter:blur(50px);opacity:.5;pointer-events:none}
.orb1{width:260px;height:260px;left:5%;top:15%;background:radial-gradient(circle at 30% 30%,var(--primary),transparent)}
.orb2{width:320px;height:320px;right:10%;bottom:8%;background:radial-gradient(circle at 70% 70%,var(--accent),transparent)}
.orb3{width:180px;height:180px;left:20%;bottom:10%;background:radial-gradient(circle,var(--primary),transparent)}
.hero-logo{display:none}
.features{padding:120px 18px 90px}
.features h2{text-align:center;margin:0 0 28px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1100px;margin:0 auto}
.card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;min-height:160px;transform:translateY(8px);opacity:0}
.card .icon{width:20px;height:20px;border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.12);margin-bottom:8px}
.card h3{margin:4px 0 8px}
.card p{color:var(--muted);margin:0}
.download{padding:48px 24px;text-align:center}
.waitlist{display:flex;gap:8px;justify-content:center;margin-top:12px}
.waitlist input{background:var(--panel);border:1px solid rgba(255,255,255,.1);color:var(--text);padding:12px 14px;border-radius:10px;min-width:260px}
.waitlist button{padding:12px 18px;border-radius:10px;border:0;background:linear-gradient(90deg,var(--primary),#7bd5ff);color:#001018}
.footer{padding:40px 18px;border-top:1px solid rgba(255,255,255,.06);background:rgba(11,13,18,.6)}
.footer .cols{display:flex;justify-content:space-between;gap:16px;max-width:1100px;margin:0 auto;align-items:center}
.footer .brand{font-weight:800;letter-spacing:.12em;margin-bottom:6px}
.footer a{color:var(--muted);text-decoration:none;margin-left:14px}
.footer a:hover{color:var(--text)}
@media (max-width:860px){
  .nav{padding:12px 14px}
  .nav .links{position:absolute;top:56px;right:12px;background:rgba(11,13,18,.9);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;display:none;flex-direction:column;gap:8px}
  .nav .links a{margin:0}
  .nav .nav-toggle{display:block}
  .nav.open .links{display:flex}
}

@media (max-width:640px){
  .actions{flex-direction:column}
  .waitlist{flex-direction:column}
  .hero{min-height:76vh;padding:64px 14px}
  .brand-title img{height:52px}
  .orb1{width:180px;height:180px;left:2%;top:12%}
  .orb2{width:220px;height:220px;right:6%;bottom:6%}
  .orb3{width:120px;height:120px;left:14%;bottom:8%}
  /* Force solid background for Features on mobile to avoid gradient banding */
  .features{background:#000}
}

.reveal{transition:all .6s ease}
.reveal.visible{transform:translateY(0);opacity:1}

.brand-carousel {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  height: 60px;
  overflow: hidden;
  z-index: 2;
}

.carousel-track {
  display: flex;
  animation: scroll 30s linear infinite;
  width: fit-content;
}

.carousel-item {
  flex: 0 0 60px;
  height: 60px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.carousel-item img {
  max-width: 40px;
  max-height: 40px;
  object-fit: contain;
  filter: brightness(0.8);
  transition: filter 0.3s ease;
}

.carousel-item:hover img {
  filter: brightness(1);
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1200px);
  }
}

@media (max-width: 640px) {
  .brand-carousel {
    bottom: 10px;
    height: 50px;
  }
  
  .carousel-item {
    flex: 0 0 50px;
    height: 50px;
    margin-right: 15px;
  }
  
  .carousel-item img {
    max-width: 32px;
    max-height: 32px;
  }
  
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-975px);
    }
  }
}