:root{
  --bg:#0a0b10;--bg-soft:#0f1118;--card:#121423;--muted:#778;--txt:#e7eaf3;--acc:#32e6a1;--acc-2:#7aa4ff;--danger:#ff5c7a;--ok:#3ddc84;--ring:0 0 0 3px rgb(50 230 161 / .25);
  --shadow:0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03);
  --radius:18px;--radius-sm:12px;--radius-lg:26px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:#190127;color:var(--txt);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial}
a{color:inherit}
.container{width:min(1200px,92vw);margin-inline:auto}
/* Header */
header{position:sticky;top:0;z-index:50;background:rgb(51 51 51 / 0%);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{display:flex;align-items:center;gap:18px;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.3px}
.logo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;box-shadow:var(--shadow)}
.logo span{font-weight:900}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:12px}
.nav a.link{padding:10px 14px;border-radius:999px;color:#cfd6ea;text-decoration:none;border:1px solid transparent}
.nav a.link:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.03)}
.spacer{flex:1}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 16px;text-decoration:none;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:var(--shadow)}
.btn:hover{transform:translateY(-1px);transition:.2s}
.btn.primary{background:#35ec90;color:#0a0b10;border:none}
.btn.ghost{background:transparent}
.menu-toggle{display:none}
/* hero */
.hero{position:relative;padding:72px 0 36px}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.eyebrow{font-size:12px;letter-spacing:.3em;color:var(--acc);text-transform:uppercase}
h1{margin:.2em 0 .3em;font-size:clamp(28px,5vw,48px);line-height:1.15}
.lead{color:#c7cede;max-width:60ch}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.badges{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}
.badge{font-size:12px;color:#cfe;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 10px}
.mock{border-radius:var(--radius-lg);display:grid;place-items:center;position:relative;overflow:hidden}
.mock:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,255,255,.03) 8px 9px);mix-blend-mode:overlay}
.statbar{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
.stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:10px 12px;border-radius:12px;font-size:13px}
/* section */
section{padding:56px 0;border-top:1px solid rgba(255,255,255,.06)}
.sec-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.sec-title h2{margin:0;font-size:clamp(22px,3.6vw,30px)}
.sub{color:#aab2c5}
/* features grid */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));text-align:center;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.card h3{margin:6px 0 8px;font-size:18px}
.icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--acc-2),var(--acc));font-weight:900;margin:0 auto}
/* table */
.table{width:100%;border-collapse:separate;border-spacing:0 10px}
.table thead th{font-size:13px;color:#aab2c5;text-align:left;padding:0 12px}
.table tbody tr{background:rgba(255,255,255,.04)}
.table tbody td{padding:14px 12px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.table tbody tr td:first-child{border-radius:12px 0 0 12px}
.table tbody tr td:last-child{border-radius:0 12px 12px 0}
.pill{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}
.pill.ok{background:rgba(61,220,132,.18);border-color:rgba(61,220,132,.35)}
.pill.warn{background:rgba(255,92,122,.14);border-color:rgba(255,255,255,.35)}
/* marquee / providers */
.marquee{display:flex;gap:18px;overflow:auto;padding-bottom:4px;scroll-snap-type:x mandatory}
.prov{min-width:160px;scroll-snap-align:start;padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-align:center}
/* testimonials */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.t{padding:16px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09)}
.t strong{display:block;margin-bottom:6px}
/* faq */
.faq{display:grid;gap:12px}
details{padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09)}
details[open]{outline:var(--ring)}
summary{cursor:pointer;font-weight:600}
/* cta band */
.cta-band{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.09)}
/* footer */
footer{padding:40px 0 60px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.0))}
.fcols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px}
.muted{color:#96a0b6}
.foot-mini{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px dashed rgba(255,255,255,.12)}
.age{font-size:12px;color:#cbd2e6;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px}
/* helpers */
.hide{display:none}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);font-size:12px}
.note{font-size:13px;color:#aab2c5}
/* responsive */
@media (max-width: 960px){
  .hero .wrap{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr 1fr}
  .tgrid{grid-template-columns:1fr}
  .fcols{grid-template-columns:1fr}
  .nav ul{display:none}
  .menu-toggle{display:inline-flex}
}
@media (max-width: 560px){
  .grid{grid-template-columns:1fr}
  .cta-band{flex-direction:column;align-items:flex-start}
}
/* mobile menu */
.mobile{position:fixed;inset:60px 0 auto 0;background:var(--bg-soft);border-bottom:1px solid rgba(255,255,255,.08);transform:translateY(-120%);transition:.25s;padding:14px}
.mobile.open{transform:translateY(0)}
.mobile a{display:block;padding:12px 10px;border-radius:10px}
/* back-to-top */
#backTop{position:fixed;right:18px;bottom:18px;opacity:0;pointer-events:none;transition:.25s}
#backTop.show{opacity:1;pointer-events:auto}