:root{
  --bg:#0b0d10;
  --panel:#0e1116;
  --ink:#e8f6ef;
  --muted:#9fb2a7;
  --line:#1a1f26;
  --neon:#00E58F;
  --neon2:#00C976;
  --radius:14px;
  --space-1:8px; --space-2:12px; --space-3:16px; --space-4:20px; --space-5:28px; --space-6:40px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
.mono{font-family:'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace}
.container{max-width:1120px;margin-inline:auto;padding-inline:20px}
.container-narrow{max-width:780px;margin:0 auto}
.center{text-align:center}
.center-block{margin-left:auto;margin-right:auto}
.center-col{display:flex;flex-direction:column;align-items:center}
.link{color:var(--ink);text-decoration:none;border-bottom:1px dotted rgba(0,229,143,.35)}
.link:hover{color:#fff;border-bottom-color:transparent}
/* header */
.site-header{position:sticky;top:0;background:rgba(11,13,16,.75);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none}
.wordmark{font-weight:700;letter-spacing:.4px}
nav a{color:#cfeee0;margin-left:18px;text-decoration:none;font-weight:600}
nav a.active, nav a:hover{color:#fff}
.logo{width:34px;height:34px}
.logo.small{width:24px;height:24px}
/* glow effects */
.glow{filter: drop-shadow(0 0 8px rgba(0,229,143,.45));}
.glow-logo{filter: drop-shadow(0 0 6px rgba(0,229,143,.45));}
.glow-title{position:relative}
.glow-title::after{content:"";position:absolute;inset:auto 0 -6px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,143,.6),transparent);opacity:.7}
/* hero */
.hero{padding:var(--space-6) 0;border-bottom:1px solid var(--line);background:
  radial-gradient(900px 500px at 100% -40%, rgba(0,233,149,.14), transparent 60%),
  radial-gradient(900px 500px at -20% 120%, rgba(0,201,118,.12), transparent 60%);}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-5);align-items:center}
.hero-copy{max-width:720px}
h1{font-size:44px;line-height:1.15;margin:0 0 var(--space-2)}
h2{font-size:28px;margin:0 0 var(--space-2)}
.lede{color:#cfeee0}
.neon{color:var(--neon)}
.cta{display:flex;gap:var(--space-2);margin:var(--space-3) 0}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;border:1px solid var(--line);text-decoration:none;color:#eafff4;background:transparent}
.btn.primary{background:linear-gradient(90deg,var(--neon),var(--neon2));color:#02150c;font-weight:800;border:none;box-shadow:0 8px 24px rgba(0,229,143,.25)}
.kpis{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:0;margin:var(--space-3) 0;list-style:none}
.kpis li{border:1px solid var(--line);background:#0d1311;padding:10px 12px;border-radius:999px;color:#cfeee0}
.kpis span{color:#9bffd1}
.hero-viz{position:relative;min-height:280px;border:1px solid var(--line);border-radius:var(--radius);background:#0c1210;overflow:hidden}
.hero-viz.glow-panel{box-shadow:0 0 0 1px rgba(0,229,143,.18), 0 0 24px rgba(0,229,143,.08) inset}
.matrix{position:absolute;inset:0;border-radius:var(--radius);background-image:
  linear-gradient(to right, rgba(0,229,143,.08) 1px, transparent 1px),
  linear-gradient(to bottom, rgba(0,229,143,.08) 1px, transparent 1px);
background-size:28px 28px;opacity:.35}
/* defrag / data stacking animation */
.defrag{position:absolute;inset:0;padding:14px}
.defrag .cell{position:absolute;width:18px;height:12px;border-radius:3px;background:rgba(0,229,143,.65);box-shadow:0 0 8px rgba(0,229,143,.25);opacity:0;transform:translate(var(--x0), var(--y0))}
.defrag .cell.arrive{opacity:1;transition:transform 800ms cubic-bezier(.2,.6,.2,1), opacity 500ms ease-out}
/* sections */
.section{padding:var(--space-6) 0;border-bottom:1px solid var(--line)}
.section-head p{margin-top:6px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-top:var(--space-4)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3);min-height:130px;display:flex;flex-direction:column;gap:6px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.stack h2, .principes h2{margin-bottom:var(--space-2);text-align:center}
.specs{background:#0c1210;border:1px dashed rgba(0,229,143,.35);border-radius:12px;padding:14px;color:#dfffee;max-width:520px}
.ticks{padding-left:18px;max-width:520px}
.ticks li{margin-bottom:6px}
.strip{display:flex;justify-content:center}
.small{font-size:14px}
/* footer */
.site-footer{border-top:1px solid var(--line);padding:22px 0}
.fgrid{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:var(--space-3);align-items:center}
.foot-brand{display:flex;gap:10px;align-items:center}
.muted{color:var(--muted)}
.tiny{font-size:12px;color:var(--muted);margin-top:8px}
/* content / forms */
.content{padding:var(--space-6) 0}
.contact-form{display:grid;gap:var(--space-3);max-width:660px;margin:0 auto}
.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
input, textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0c1116;color:#eafff4}
input:focus, textarea:focus{outline:2px solid rgba(0,229,143,.35);border-color:transparent}
.checkbox{display:flex;align-items:center;gap:10px}
.honeypot{display:none}
@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .contact-form .row{grid-template-columns:1fr}
}