:root{
      --bg: #0d0f12;           /* deep charcoal */
      --bg-2:#121419;          /* slightly lighter */
      --fg: #e8eaee;           /* near-white text */
      --muted:#a6adbb;         /* muted text */
      --accent:#7ee787;        /* green accent */
      --accent-2:#7aa2f7;      /* blue accent */
      --card:#141821;          /* card bg */
      --border:#222735;        /* borders */
      --shadow: 0 10px 30px rgba(0,0,0,.45);
    }
    html,body{background:var(--bg); color:var(--fg); font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";}
    .brand {font-family: "Space Grotesk", Inter, sans-serif; letter-spacing:.5px; font-weight:700}
    .navbar{background:rgba(13,15,18,.7); backdrop-filter:saturate(140%) blur(10px); border-bottom:1px solid var(--border)}
    .nav-link{color:var(--muted)}
    .nav-link:hover{color:var(--fg)}
    .btn-accent{--bs-btn-bg:var(--accent); --bs-btn-color:#0b0f13; --bs-btn-border-color:var(--accent); --bs-btn-hover-bg:#66d973; --bs-btn-hover-border-color:#66d973; font-weight:700}
    .btn-outline-accent{--bs-btn-color:var(--fg); --bs-btn-border-color:var(--border); --bs-btn-hover-color:var(--bg); --bs-btn-hover-bg:var(--fg);}
    .hero{position:relative; background: radial-gradient(60% 60% at 20% 30%, rgba(126,231,135,.08), transparent 60%), radial-gradient(60% 60% at 80% 20%, rgba(122,162,247,.08), transparent 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);}
    .hero h1{font-family:"Space Grotesk", Inter, sans-serif; font-weight:800; letter-spacing:-.02em}
    .eyebrow{color:var(--accent); font-weight:700; text-transform:uppercase; font-size:.8rem; letter-spacing:.08em}
    .logo-cloud img{opacity:.65; filter:grayscale(100%); max-height:36px}
    .section{padding: 4rem 0}
    .card{background:var(--card); border:1px solid var(--border); box-shadow:var(--shadow)}
    .card .badge{background:rgba(126,231,135,.1); color:var(--accent); border:1px solid rgba(126,231,135,.4)}
    .kpi{border:1px solid var(--border); border-radius:1rem; padding:1.25rem; background:linear-gradient(180deg, #12151b, #0f1217)}
    .kpi h3{font-family:"Space Grotesk", Inter, sans-serif; font-weight:700}
    .faq .accordion-item{background:var(--card); border:1px solid var(--border)}
    .faq .accordion-button{background:transparent; color:var(--fg)}
    .faq .accordion-button:not(.collapsed){color:var(--fg); background:rgba(126,162,247,.06)}
    .footer{border-top:1px solid var(--border); background:#0b0e12}
    .icon-pill{display:inline-flex; align-items:center; gap:.5rem; padding:.35rem .6rem; border:1px solid var(--border); border-radius:999px; background:rgba(255,255,255,.02); color:var(--muted); text-decoration:none}
    .shadow-soft{box-shadow:0 6px 24px rgba(0,0,0,.25)}
    .sticky-blur{box-shadow:0 10px 30px rgba(0,0,0,.35)}
    .cta-row .btn{min-width:220px}
    .mini{font-size:.9rem; color:var(--muted)}
    .avatar{width:52px; height:52px; border-radius:50%; object-fit:cover; border:1px solid var(--border)}
    .gradient-text{background:linear-gradient(90deg, var(--accent), var(--accent-2)); -webkit-background-clip:text; background-clip:text; color:transparent}
    /* Simple utility */
    .maxw-2xl{max-width:44rem}