:root{
  --bg:#0f1724;
  --card:#0b1220;
  --accent:#6ee7b7;
  --muted:#94a3b8;
  --glass: rgba(255,255,255,0.03);
  font-family: Inter, Helvetica, Arial, sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#071024 0%, #07162a 100%);color:#e6eef8;line-height:1.5}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 32px}
.logo{height:42px}
.hero{padding:40px 20px 80px}
.hero-inner{max-width:1100px;margin:20px auto;text-align:left}
h1{font-size:48px;margin:8px 0}
.lead{color:var(--muted);font-size:18px;max-width:700px}
.cta{margin-top:18px}
.btn{display:inline-block;padding:10px 18px;border-radius:8px;text-decoration:none;color:inherit;border:1px solid transparent;margin-right:10px}
.btn.primary{background:linear-gradient(90deg,var(--accent),#34d399);color:#052018;font-weight:700}
.btn.outline{background:transparent;border:1px solid rgba(255,255,255,0.06);padding:9px 16px}
.section{max-width:1000px;margin:48px auto;padding:24px;background:var(--glass);border-radius:12px}
.features{display:flex;gap:18px}
.feature{flex:1;padding:14px;background:rgba(255,255,255,0.02);border-radius:8px}
.screenshot img{max-width:420px;border-radius:10px;box-shadow:0 10px 30px rgba(2,6,23,0.7)}
.form-section input{width:100%;padding:12px;margin:8px 0;border-radius:8px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:inherit}
.pricing-cards{display:flex;gap:12px}
.card{flex:1;padding:18px;background:rgba(255,255,255,0.02);border-radius:8px;text-align:center}
.card.popular{border:1px solid rgba(110,231,183,0.2)}
.footer{text-align:center;padding:18px;color:var(--muted);font-size:14px}
input::placeholder{color:rgba(255,255,255,0.3)}
.note{color:var(--muted);font-size:13px}
@media (max-width:900px){
  .features{flex-direction:column}
  h1{font-size:34px}
  .screenshot img{max-width:100%}
  .pricing-cards{flex-direction:column}
}