:root{
  --bg:#0b0b0f;
  --card:#13131a;
  --muted:#999;
  --text:#e8e8ef;
  --accent:#ff6a00;
  --accent2:#ffcc66;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  background: radial-gradient(1200px 600px at 70% -10%, #1b1b28 0%, #0b0b0f 60%) , #0b0b0f;
}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:24px}
.nav{
  display:flex;align-items:center;justify-content:space-between;padding:14px 0;
}
.logo{display:flex;align-items:center;gap:12px}
.logo img{width:40px;height:40px;border-radius:10px}
.badge{font-size:12px;background:#1e1e2a;padding:6px 10px;border-radius:999px;border:1px solid #2a2a3a;color:#c9c9df}
.cta a{display:inline-block;background:linear-gradient(135deg,var(--accent),var(--accent2));padding:14px 18px;border-radius:14px;color:#111;font-weight:700;box-shadow:0 10px 30px rgba(255,120,0,.25)}
.cta a.secondary{background:#1b1b27;color:#eaeaf3;border:1px solid #2b2b3a;box-shadow:none}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:50px 0}
.hero h1{font-size:56px;line-height:1.05;margin:0 0 16px}
.hero p{color:#c9c9d8;font-size:18px;margin:0 0 28px;max-width:720px}
.card{
  background:linear-gradient(180deg,#151521, #101018);
  border:1px solid #2a2a3a;border-radius:18px;padding:22px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 10px 40px rgba(0,0,0,.45);
}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.tile{padding:16px;border-radius:16px;background:#12121a;border:1px solid #212134}
.tile h3{margin:10px 0 6px;font-size:18px}
.tile p{margin:0;color:#bdbdd1;font-size:14px}
.shimmer{position:relative;overflow:hidden}
.shimmer:after{
  content:"";position:absolute;inset:-1px;
  background: radial-gradient(600px 200px at -10% -20%, rgba(255,255,255,.08), transparent 60%);
  pointer-events:none;border-radius:inherit;
}
.faq{margin:48px 0}
.faq details{background:#11111a;border:1px solid #222235;border-radius:14px;padding:16px;margin:12px 0}
.faq summary{cursor:pointer;font-weight:600}
footer{border-top:1px solid #202030;margin-top:60px;color:#9b9bb3}
.footer-inner{display:flex;justify-content:space-between;gap:24px;padding:24px 0;flex-wrap:wrap}
.cards{display:grid;grid-template-columns:1fr;gap:16px}
.preview{
  min-height:320px;border-radius:18px;background:linear-gradient(135deg, #141420, #0c0c12);
  border:1px solid #24243a;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 50px rgba(0,0,0,.6)
}
.preview img{width:220px;height:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6))}
@media (max-width:980px){
 .hero{grid-template-columns:1fr;gap:22px}
 .hero h1{font-size:40px}
 .grid{grid-template-columns:1fr}
}