/* Minimal, modern styles */
:root{
  --bg:#0b0f14; --card:#121821; --ink:#e7edf6; --muted:#a7b1c2; --accent:#50b3ff; --accent-2:#6cf0c2;
  --radius:1.25rem;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;line-height:1.6}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.site-header{position:sticky;top:0;background:rgba(11,15,20,.85);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid #1b2533;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:700;letter-spacing:.3px;color:var(--ink)}
.logo .mic{margin-right:.4rem}
.nav{display:flex;gap:1rem;align-items:center}
.nav a{padding:.5rem .75rem;border-radius:999px;color:var(--ink)}
.nav .btn{background:#182130;border:1px solid #233146}
.menu-btn{display:none;background:transparent;border:0;color:var(--ink);font-size:1.5rem}
.hero{padding:72px 0 48px;background:radial-gradient(1000px 400px at 10% -20%, #1a2230 0%, transparent 60%),radial-gradient(700px 300px at 90% 0%, #162030 0%, transparent 60%)}
.hero-inner h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 .25rem}
.tagline{color:var(--muted);margin-top:.25rem}
.cta{margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap}
.btn{display:inline-block;background:#1a2433;border:1px solid #24344b;color:var(--ink);padding:.6rem 1rem;border-radius:999px;cursor:pointer}
.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#00111c;border:0;font-weight:700}
section{padding:48px 0}
h2{font-size:1.75rem;margin:0 0 .75rem}
.card{background:var(--card);border:1px solid #1b2533;border-radius:var(--radius);padding:1rem}
.grid{display:grid;gap:1rem}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.demos-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.service-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));list-style:none;padding:0;margin:0}
.service-list .card{display:flex;align-items:center;min-height:64px}
.muted{color:var(--muted)}
.site-footer{border-top:1px solid #1b2533;padding:24px 0;color:var(--muted)}

label{display:grid;gap:.35rem}
input,textarea{background:#0f1520;color:var(--ink);border:1px solid #1c2534;border-radius:.75rem;padding:.7rem .9rem;outline:none}
input:focus,textarea:focus{border-color:#345e99;box-shadow:0 0 0 3px rgba(80,179,255,.1)}
audio{width:100%}

@media (max-width:780px){
  .nav{display:none}
  .menu-btn{display:block}
  .grid.two{grid-template-columns:1fr}
}