:root{
    --bg:#070b14; --panel:#0e1322; --text:#e8eef5; --muted:#98a3b3;
    --card:#0f1529; --line:#1b2544; --accent:#22e6ac; --accent-2:#3bd2ff;
  }
  *{box-sizing:border-box} html,body{margin:0}
  body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;
       color:var(--text); background: radial-gradient(1000px 600px at 70% 0%, #0b1220 0%, #070b14 60%, #050911 100%);}
  .container{max-width:1100px;margin:0 auto;padding:0 1rem}
  a{color:inherit;text-decoration:none}
  .site-header{display:flex;justify-content:space-between;align-items:center;height:64px}
  .brand{font-weight:800;letter-spacing:.2px}
  .brand span{color:var(--accent)}
  .site-nav{display:flex;gap:1rem;align-items:center}
  .site-nav a{opacity:.9}
  .site-nav .pill{padding:.45rem .8rem;border:1px solid #ffffff22;border-radius:999px}
  .hero{display:grid;grid-template-columns:1.3fr .7fr;gap:2rem;padding:4.5rem 0 3rem;position:relative}
  .hero-copy .eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;font-size:.75rem}
  .hero h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.1;margin:.5rem 0 1rem}
  .hero .lead{color:#cbd5e1;max-width:46ch}
  .hero-actions{display:flex;gap:.8rem;margin-top:1.25rem}
  .btn{display:inline-block;padding:.75rem 1rem;border-radius:12px;border:1px solid #ffffff22;background:#0b1120}
  .btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#001216;border-color:transparent}
  .trust{display:flex;align-items:center;gap:.5rem;color:var(--muted);margin-top:1rem}
  .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}
  .hero-card{display:flex;align-items:center;justify-content:center}
  .card-glass{background:linear-gradient(180deg,#0e1322cc,#0a0f1acc);backdrop-filter: blur(10px);
    border:1px solid #ffffff1a;border-radius:16px;padding:1rem 1.25rem;display:grid;gap:.6rem;min-width:260px}
  .kpi{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed #ffffff1a;padding:.35rem 0}
  .kpi:last-child{border:none}
  .marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#08101e}
  .marquee-track{display:flex;gap:.75rem;overflow:auto;scrollbar-width:none;padding:.75rem 0}
  .chip{border:1px solid #ffffff20;border-radius:999px;padding:.35rem .7rem;color:var(--muted);white-space:nowrap}
  .about{padding:2.5rem 0}
  .panel{background:var(--panel);border:1px solid #ffffff14;border-radius:16px;padding:1.25rem}
  .features{padding:2.2rem 0}
  .features h2{margin:.25rem 0 1rem}
  .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}
  .card{grid-column:span 6;background:var(--card);border:1px solid #ffffff14;border-radius:16px;padding:1rem}
  @media (min-width:900px){.card{grid-column:span 3}}
  .process{padding:2.2rem 0}
  .steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0;margin:1rem 0}
  .steps li{background:var(--panel);border:1px solid #ffffff14;border-radius:16px;padding:1rem;display:flex;align-items:center;gap:.75rem}
  .steps li span{display:inline-grid;place-items:center;min-width:36px;height:36px;border-radius:10px;background:#0b1120;border:1px solid #ffffff1a}
  .cta{padding:2.2rem 0}
  .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:linear-gradient(135deg,#0b1120,#0e1424);border:1px solid #ffffff14;border-radius:16px;padding:1rem 1.25rem}
  @media (max-width:700px){.cta-inner{flex-direction:column;align-items:flex-start}}
  .contact{padding:2.2rem 0}
  .contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:720px}
  .contact-form label{display:flex;flex-direction:column;font-size:.95rem;color:var(--muted)}
  .contact-form input,.contact-form textarea{margin-top:.4rem;padding:.7rem .9rem;border-radius:12px;border:1px solid #30405a;background:#0a1222;color:var(--text)}
  .contact-form textarea{grid-column:span 2}
  .contact-form button{justify-self:start}
  .site-footer{padding:2rem 0;color:var(--muted);border-top:1px solid var(--line)}
  #bg{position:fixed;inset:0;z-index:-1;opacity:.35;mix-blend-mode:screen}

  .card .icon {
    width: 40px;
    height: 40px;
    margin-bottom: .75rem;
    color: var(--accent);
  }
  .card .icon svg {
    width: 100%;
    height: 100%;
    stroke-width: 1.8;
  }