*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,system-ui;}
body{background:#0b0f1a;color:#eaeaf0;line-height:1.6}

.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;position:sticky;top:0;background:rgba(11,15,26,.8);backdrop-filter:blur(10px)}
.nav a{color:#cfd3ff;text-decoration:none;margin-left:18px}
.logo{font-weight:700;letter-spacing:1px}

.hero{padding:110px 24px;background:radial-gradient(80% 80% at 50% 0%, #2a2f8f 0%, #0b0f1a 60%);}
.hero-text{max-width:900px;margin:auto;text-align:center}
.hero h1{font-size:3rem;margin-bottom:12px}
.hero p{opacity:.9;margin-bottom:24px}

.btn{background:#6c7cff;color:#0b0f1a;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:600;display:inline-block}
.btn.ghost{background:transparent;color:#cfd3ff;border:1px solid #3a3f9a}
.btn.small{padding:8px 14px;font-size:.9rem}

.use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:1100px;margin:40px auto;padding:0 20px}
.use-card{background:#121733;border:1px solid #20286a;border-radius:16px;padding:22px;text-align:center}

.logos{max-width:1100px;margin:40px auto;padding:0 20px;text-align:center}
.logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:16px;opacity:.85}
.logo-grid img{max-width:90px;filter:grayscale(1);opacity:.8}

.features, .steps, .app, .faq{max-width:1100px;margin:80px auto;padding:0 20px}
h2{text-align:center;margin-bottom:28px}

.grid, .step-grid, .app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.feature, .step, .app-grid div{background:#121733;border:1px solid #20286a;border-radius:16px;padding:22px}

.step span{display:inline-flex;width:28px;height:28px;border-radius:50%;background:#6c7cff;color:#0b0f1a;align-items:center;justify-content:center;margin-right:8px;font-weight:700}

.app{text-align:center}
.app .btn{margin-top:18px}

.faq details{background:#121733;border:1px solid #20286a;border-radius:14px;padding:16px;margin-bottom:12px}
.faq summary{cursor:pointer;font-weight:600}

.footer{border-top:1px solid #20286a;padding:40px 20px;margin-top:80px}
.footer .cols{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px}
.footer a{color:#cfd3ff;text-decoration:none;display:block;margin:6px 0}
.copy{text-align:center;opacity:.7;margin-top:24px}