:root {
      --bg: #0d0f13; /* deep slate */
      --card: #11141a; /* card base */
      --ink: #e8eef7; /* text */
      --muted: #a5b0c1; /* secondary text */
      --brand: #69e2ff; /* accent */
      --brand-2: #aaffc9; /* subtle second accent */
      --ring: rgba(105,226,255,.35);
      --divider: rgba(255,255,255,.06);
    }
    html, body { height: 100%; }
    body {
      font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji';
      background: radial-gradient(1200px 800px at 80% -10%, rgba(105,226,255,0.10), transparent 60%),
                  radial-gradient(800px 600px at 10% 20%, rgba(170,255,201,0.10), transparent 60%),
                  var(--bg);
      color: var(--ink);
      letter-spacing: 0.2px;
    }
    .nav-link { color: var(--ink); opacity: .85; }
    .nav-link:hover, .nav-link.active { color: #fff; opacity: 1; }
    .navbar { background: rgba(13,15,19,.7); backdrop-filter: blur(10px); border-bottom: 1px solid var(--divider); }
    .btn-brand { background: var(--brand); color: #0b0f14; border: none; }
    .btn-brand:hover { filter: brightness(.95); }
    .btn-ghost { border: 1px solid var(--divider); color: var(--ink); background: transparent; }
    .btn-ghost:hover { border-color: var(--ink); }

    /* Hero */
    .hero {
      padding: 8rem 0 5rem;
    }
    .tag {
      display:inline-flex; gap:.5rem; align-items:center; padding:.35rem .65rem; border:1px solid var(--divider);
      border-radius: 999px; font-size:.8rem; color: var(--muted); background: rgba(255,255,255,.02);
    }
    .glow {
      position: relative;
      isolation: isolate;
    }
    .glow::after {
      content: ""; position: absolute; inset: -1px; border-radius: 20px; z-index: -1;
      background: radial-gradient(600px 120px at 50% -20px, var(--ring), transparent 70%);
    }

    /* Sections */
    section { padding: 4rem 0; }
    .section-title { font-weight: 700; letter-spacing: .4px; }
    .section-sub { color: var(--muted); }
    .divider { border-top:1px solid var(--divider); margin: 2rem 0 0; }

    /* Cards */
    .card {
      background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
      border: 1px solid var(--divider);
      border-radius: 20px;
      color: var(--ink);
    }
    .card:hover { transform: translateY(-2px); transition: transform .2s ease; }
    .card-img-top { border-top-left-radius: 20px; border-top-right-radius: 20px; }
    .eyebrow { font-size:.8rem; color: var(--muted); text-transform: uppercase; letter-spacing:.12em; }

    /* Timeline */
    .timeline { position: relative; }
    .timeline::before {
      content:""; position:absolute; left: 12px; top: .6rem; bottom: .6rem; width:2px; background: var(--divider);
    }
    .t-item { position:relative; padding-left: 2.5rem; }
    .t-item::before {
      content:""; position:absolute; left: 6px; top: .35rem; width:12px; height:12px; background: var(--brand);
      border-radius: 50%; box-shadow: 0 0 0 6px rgba(105,226,255,.12);
    }

    .feature-icon { width: 44px; height: 44px; display:inline-flex; align-items:center; justify-content:center; border-radius: 12px; border:1px solid var(--divider); background: rgba(255,255,255,.02); }

    /* Forms */
    .form-control { background: rgba(255,255,255,.02); border:1px solid var(--divider); color: var(--ink); }
    .form-control:focus { border-color: var(--brand); box-shadow: 0 0 0 .2rem var(--ring); color: var(--ink); }

    /* Footer */
    footer { border-top: 1px solid var(--divider); }
    .social a { color: var(--muted); }
    .social a:hover { color: var(--ink); }

    /* Utility */
    .max-w-2xl { max-width: 56rem; }
    .max-w-xl { max-width: 44rem; }
    .rounded-20 { border-radius: 20px; }
    .shadow-soft { box-shadow: 0 20px 60px rgba(0,0,0,.35); }