
:root{--bg:#0b0f14;--bg2:#0f141b;--text:#e6eef6;--muted:#9bb3c7;--card:#121825;--border:#1f2736;--brand:#0ea5e9;--brand2:#7c3aed}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}
img{max-width:100%;display:block}
.container{width:min(1120px,92%);margin-inline:auto;padding:0 8px}
.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(11,15,20,.95),rgba(11,15,20,.6));border-bottom:1px solid var(--border);backdrop-filter:saturate(1.1) blur(6px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:700}.brand-logo{width:44px;height:44px}
.nav{display:flex;gap:18px;align-items:center}.nav a{color:var(--muted)}.nav a:hover{color:var(--text)}
.nav-toggle{display:none;background:transparent;border:0;color:var(--text);font-size:22px}
.btn{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;padding:10px 16px;border-radius:12px;border:0;font-weight:600}
.btn--ghost{background:transparent;border:1px solid var(--border)}
.hero{padding:64px 0}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.hero h1{font-size:clamp(28px,4vw,44px);margin:0 0 12px}
.hero p{color:var(--muted);font-size:18px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.feature{background:var(--card);border:1px solid var(--border);padding:14px;border-radius:12px}
.section{padding:48px 0}
.section-alt{background:var(--bg2)}
.cards{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.team-card{background:var(--card);padding:12px;border-radius:12px;text-align:center}
.testimonial{background:linear-gradient(180deg, rgba(14,165,233,0.06), rgba(124,58,237,0.04));border:1px solid var(--border);padding:16px;border-radius:12px}
.faq{display:grid;gap:10px}
.form label{display:grid;gap:6px;margin-bottom:12px;color:var(--muted);font-size:14px}
.form input,.form textarea{background:#0d1420;border:1px solid var(--border);border-radius:12px;padding:12px;color:var(--text);outline:0}
.footer{border-top:1px solid var(--border);padding:18px 0;color:var(--muted);margin-top:28px}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.team{grid-template-columns:1fr}.nav{display:none}.nav.show{display:flex;flex-direction:column;position:absolute;right:4%;top:58px;background:var(--bg2);padding:12px;border-radius:12px}.nav-toggle{display:block}}
