:root{
  --bg:#0f0f13;
  --panel:#14141b;
  --muted:#a8a8b3;
  --text:#f5f6fa;
  --brand:#00FF91;
  --brand-2:#00FF91;
  --ring:#00FF9155;
  --radius:14px;
  --space:clamp(12px,1.8vw,20px);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.55}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 var(--space)}
.site-header{position:sticky;top:0;background:rgba(15,15,19,.7);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid #1f1f2b;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px}
.logo{width:32px;height:32px;filter:drop-shadow(0 0 6px var(--ring))}
.brand-name{font-weight:800;letter-spacing:.2px}
.menu{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.menu a{padding:8px 10px;border-radius:8px;color:var(--text)}
.menu .btn--sm{background:var(--brand);color:#000;font-weight:700}
.hero{padding:60px 0;border-bottom:1px solid #1f1f2b;background:radial-gradient(1200px 520px at 20% -10%, #00FF9122, transparent 60%)}
.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}
@media(max-width:900px){.grid-2{grid-template-columns:1fr}}
.section{padding:60px 0;border-bottom:1px solid #1f1f2b}
.section--alt{background:linear-gradient(180deg, #0f0f13, #12121b)}
.section--cta{background:linear-gradient(180deg,#12121b,#0f0f13)}
.lead{color:var(--muted);font-size:1.05rem;margin-top:10px}
.cta{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 16px;border-radius:12px;background:var(--brand);color:#000;border:1px solid transparent;box-shadow:0 6px 24px var(--ring)}
.btn:hover{filter:brightness(1.05)}
.btn--ghost{background:transparent;border-color:#2a2a38;color:#fff;border:1px solid #2a2a38}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none;color:#cfd0d6}
.card{background:linear-gradient(180deg, #171727, #11111a);border:1px solid #2a2a38;border-radius:16px;padding:14px;margin-bottom:12px}
.card--alt{background:linear-gradient(180deg, #19192c, #12121b)}
h1{font-size:clamp(28px,3.2vw,42px);margin:0}
h2{font-size:clamp(22px,2.4vw,30px);margin:0 0 18px}
h3{margin:8px 0 6px}
.pill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.pill-grid{grid-template-columns:1fr}}
.pill{background:#141422;border:1px solid #2a2a38;border-radius:14px;padding:14px}
.usecases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.usecases{grid-template-columns:1fr}}
.usecase{background:#12121b;border:1px solid #2a2a38;border-radius:14px;padding:14px}
.form{background:#141422;border:1px solid #2a2a38;border-radius:14px;padding:14px;max-width:680px}
.form label{display:block;margin-bottom:8px}
.form input,.form textarea,.form select{width:100%;padding:10px;border-radius:10px;border:1px solid #2a2a38;background:#0f0f13;color:var(--text);margin-top:6px}
.form button{margin-top:10px}
.site-footer{padding:28px 0}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;align-items:start}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr}}
.footer-nav{display:grid;gap:8px}
.legal{color:#9a9ab0}
.table{width:100%;border-collapse:collapse;border:1px solid #2a2a38;border-radius:12px;overflow:hidden}
.table th,.table td{border-bottom:1px solid #2a2a38;padding:12px;text-align:left}
.table thead th{background:#141422}