/* Nightload minimal doodstream-style landing */
:root{
  --bg:#0b0f1a;
  --card:#101726;
  --muted:#8793a5;
  --accent:#6b46c1;
  --accent-2:#4c51bf;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,system-ui;
  background:var(--bg);
  color:#fff;
}

.container{max-width:1100px;margin:0 auto;padding:24px;}
.header-inner{display:flex;justify-content:space-between;align-items:center;}
.brand{font-size:1.5rem;color:#fff;text-decoration:none;font-weight:700;}
.nav .btn{padding:8px 14px;border-radius:6px;border:1px solid rgba(255,255,255,0.12);color:#fff;text-decoration:none;}

.hero{padding:60px 0;}
.hero-inner{display:flex;align-items:center;gap:40px;}
.hero-text{flex:1;}
.hero-text h1{font-size:2.4rem;margin-bottom:12px;}
.hero-text p{color:var(--muted);margin-bottom:20px;}

.btn{cursor:pointer;border:none;text-decoration:none;}
.btn-primary{padding:10px 18px;border-radius:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;}

.hero-img .card{
  background:var(--card);
  padding:20px;
  border-radius:10px;
  width:300px;
}

.features{padding:50px 0;text-align:center;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:20px;}
.card{background:var(--card);padding:18px;border-radius:12px;}

.site-footer{
  border-top:1px solid rgba(255,255,255,0.08);
  padding:20px 0;
  text-align:center;
  color:var(--muted);
}

@media(max-width:900px){
  .hero-inner{flex-direction:column;}
  .hero-img .card{width:100%;}
}