:root{
  --bg:#0b0f12; --bg2:#0f1419; --panel:#0f181f; --muted:#a8b3c1;
  --text:#e6edf3; --brand:#3dd9b6; --brand-2:#2aa6ff; --line:#1f2730;
}
*{box-sizing:border-box} html,body{height:100%}
body.theme{margin:0;background:radial-gradient(1200px 600px at 20% -10%, #123,#0b0f12),var(--bg);
  color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Inter,Arial,sans-serif}
a{color:var(--brand-2);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1080px;margin-inline:auto;padding:24px}
.nav{position:sticky;top:0;z-index:20;backdrop-filter:saturate(1.2) blur(6px);
  background:linear-gradient(180deg, rgba(8,10,12,.8), rgba(8,10,12,.4));border-bottom:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;padding:12px 24px}
.nav .brand{display:flex;align-items:center;gap:.5rem;color:var(--text);font-weight:700}
.nav nav{display:flex;gap:.9rem;align-items:center}
.nav .cta{padding:.45rem .8rem;background:var(--brand);color:#001014;border-radius:.6rem;font-weight:700}
.logo{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:.4rem;
  background:linear-gradient(135deg,var(--brand),#6ff);color:#012;box-shadow:0 0 0 .15rem #0a1816 inset}
.hero{padding:40px 0 10px}
.badge{display:inline-block;background:#0e1a1a;border:1px solid #133;
  color:#9fe;padding:.25rem .6rem;border-radius:.5rem;margin-bottom:10px;font-size:.85rem}
h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:0 0 10px}
h2{font-size:clamp(1.4rem,2.8vw,2rem);margin:28px 0 10px}
h3{margin:0 0 6px} h4{margin:0 0 6px}
.lead{color:#cfe;max-width:60ch}
.row{display:flex;align-items:center} .gap{gap:.8rem}
.btn{display:inline-block;background:var(--brand);color:#001014;padding:.7rem 1rem;border-radius:.7rem;font-weight:700}
.btn.ghost{background:#0c141a;color:#cde;border:1px solid #234}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:22px 0}
.stats > div{background:#0e141a;border:1px solid var(--line);padding:.9rem;border-radius:.8rem}
.stats strong{font-size:1.35rem;display:block}
.cards{padding:8px 0 6px} .grid3{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.grid2{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:linear-gradient(180deg,#0e151b,#0b1217);border:1px solid var(--line);padding:1rem;border-radius:.9rem}
.ul{margin:.4rem 0 .2rem 1rem}
.ul li{margin:.15rem 0} .ul.big li{margin:.3rem 0}
.page{padding:20px 0} .form{display:grid;gap:12px}
.form label{display:grid;gap:.35rem;font-weight:600}
input,textarea{background:#071018;color:var(--text);border:1px solid #1a2530;border-radius:.6rem;
  padding:.7rem .8rem;outline:none} input:focus,textarea:focus{border-color:#2a9bd9;box-shadow:0 0 0 .12rem #173a52}
.turnstile{padding:.5rem;border:1px dashed #223;border-radius:.7rem;background:#08141a}
.cta-slab{margin:18px 0;background:linear-gradient(90deg,#0e1b24,#0c141c);
  border:1px solid var(--line);padding:18px;border-radius:1rem}
.foot{border-top:1px solid var(--line);background:#0a0f13}
.foot-grid{display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr;padding-top:10px}
.foot a{display:block;color:#9dc} .muted{color:var(--muted)} .b-sm{font-weight:700}
.foot-base{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;color:#9ab}
@media (max-width:900px){
  .grid3{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .nav{position:static;flex-wrap:wrap}
  .nav nav{flex-wrap:wrap;gap:.6rem}
}

/* --- polish --- */
.nav a { margin: 0 .6rem; }
.nav .brand { margin-right: .8rem; }
@media (min-width: 1024px){ .nav a { margin: 0 1rem; } }

.kpi { display: grid; grid-template-columns: repeat(3,1fr); gap: .75rem; }
.kpi > div { background: color-mix(in oklab, var(--bg) 85%, #0a2b22); padding: .9rem; border-radius: .9rem; text-align:center; min-height: 84px; display:flex; flex-direction:column; justify-content:center; }
.kpi strong { font-size: 1.25rem; }

.card .icon { width: 22px; height: 22px; opacity: .9; margin-right: .5rem; vertical-align: -4px; }

.usp { display:grid; gap:.6rem; margin-top: .6rem; }
.usp li { display:flex; align-items:flex-start; gap:.5rem; }
.usp li svg { width: 18px; height:18px; opacity:.9; flex:0 0 auto; }

/* toast (contact) */
.toast { position: fixed; z-index: 60; right: 1rem; bottom: 1rem; background: #0f2d24; color:#d7fff0; padding:.8rem 1rem; border-radius:.75rem; box-shadow: 0 6px 24px rgba(0,0,0,.25); transform: translateY(20px); opacity:0; transition: .25s; }
.toast.show { transform: translateY(0); opacity:1; }