:root {
      --bg: #071016;
      --bg-deep: #050b10;
      --surface: #101b29;
      --border: rgba(184, 222, 234, 0.13);
      --text: #f4fbfd;
      --muted: #9cabb9;
      --dim: #6f818c;
      --cyan: #52e8ff;
      --green: #50f5a8;
      --purple: #a68cff;
      --radius: 20px;
      --container: 1180px;
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }

    html {
      scroll-behavior: smooth;
      scroll-padding-top: 92px;
      background: var(--bg);
      max-width: 100%;
    }

    body {
      min-width: 320px;
      max-width: 100%;
      overflow-x: hidden;
      color: var(--text);
      background:
        radial-gradient(700px 500px at 85% 0%, rgba(82, 232, 255, 0.08), transparent 70%),
        radial-gradient(700px 600px at 5% 70%, rgba(166, 140, 255, 0.07), transparent 70%),
        var(--bg);
      font-family: "Manrope", Arial, sans-serif;
      line-height: 1.6;
    }

    a { color: inherit; text-decoration: none; }
    button { font: inherit; cursor: pointer; }
    img { display: block; max-width: 100%; }
    h1, h2, h3, p, a, span { overflow-wrap: break-word; }

    .container { width: min(var(--container), calc(100% - 32px)); margin-inline: auto; }
    .section { padding: 78px 0; }

    .eyebrow {
      color: var(--cyan);
      font-family: "DM Mono", monospace;
      font-size: 0.72rem;
      letter-spacing: 0.13em;
      text-transform: uppercase;
    }
    .eyebrow.good { color: var(--green); }

    .section-title {
      max-width: 800px;
      margin-top: 12px;
      font-size: clamp(2rem, 6vw, 3.4rem);
      line-height: 1.06;
      letter-spacing: -0.055em;
    }
    .section-copy { max-width: 700px; margin-top: 18px; color: var(--muted); font-size: 1rem; line-height: 1.8; }
    .gradient-text { color: var(--cyan); }

    /* ---------- buttons ---------- */
    .buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
    .button {
      min-height: 52px;
      padding: 13px 20px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      border: 1px solid transparent;
      border-radius: 12px;
      font-size: 0.86rem;
      font-weight: 800;
      transition: transform 0.2s ease, border-color 0.2s ease;
    }
    .button:hover { transform: translateY(-2px); }
    .button-primary { color: #031014; background: linear-gradient(105deg, var(--green), var(--cyan)); box-shadow: 0 12px 35px rgba(82, 232, 255, 0.14); }
    .button-secondary { color: var(--text); background: rgba(255,255,255,0.025); border-color: var(--border); }
    .button-secondary:hover { border-color: rgba(82,232,255,0.35); }
    .demo-btn { border-color: rgba(80, 245, 168, 0.4); color: var(--green); }

    /* ---------- brand tile ---------- */
    .tile {
      --ts: 44px;
      --g: rgba(82,232,255,.35);
      width: var(--ts);
      height: var(--ts);
      flex: 0 0 auto;
      display: grid;
      place-items: center;
      background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.14), transparent 55%), linear-gradient(150deg, #16293a, #0a141d);
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 28%;
      box-shadow: 0 0 calc(var(--ts)*.5) var(--g), 0 6px 14px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.2);
      color: var(--cyan);
      font-family: "DM Mono", monospace;
      font-size: calc(var(--ts)*.34);
      font-weight: 700;
    }
    .tile svg { width: 58%; height: 58%; display: block; }
    .t-wa { --g: rgba(37,211,102,.45); }
    .t-ig { --g: rgba(225,48,108,.42); }
    .t-ai { --g: rgba(166,140,255,.45); color: var(--purple); }
    .t-gr { --g: rgba(80,245,168,.45); color: var(--green); }
    .t-fu { --g: rgba(82,232,255,.45); }
    .t-sh { --g: rgba(149,191,71,.42); }
    .t-rp { --g: rgba(51,149,255,.5); }

    /* specialist portraits (glime-library) */
    .avatar {
      --ts: 56px;
      width: var(--ts);
      height: var(--ts);
      flex: 0 0 auto;
      object-fit: cover;
      object-position: center top;
      background: #0a141d;
      border: 2px solid rgba(82,232,255,.5);
      border-radius: 50%;
      box-shadow: 0 0 22px rgba(82,232,255,.3), 0 6px 14px rgba(0,0,0,.45);
    }

    /* =========================
       HERO
    ========================= */
    .hero { position: relative; overflow: hidden; padding: 34px 0 54px; }
    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        radial-gradient(620px 440px at 78% 38%, rgba(82,232,255,.12), transparent 70%),
        radial-gradient(520px 380px at 12% 80%, rgba(80,245,168,.07), transparent 70%);
    }
    .hero-banner { position: relative; z-index: 1; margin-bottom: 34px; text-align: center; }
    .hb-title { font-size: clamp(1.9rem, 7.4vw, 3.7rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.05em; }
    .hb-x, .hb-ig {
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
    }
    .hb-x { background-image: linear-gradient(100deg, var(--green), var(--cyan)); }
    .hb-wa { color: #25d366; }
    .hb-ig { background-image: linear-gradient(100deg, #feda75, #fa7e1e 30%, #d62976 62%, #962fbf); }
    .hb-sub { max-width: 620px; margin: 14px auto 0; color: var(--muted); font-size: 0.95rem; line-height: 1.7; }

    .hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr); gap: 38px; align-items: center; }
    .hero-grid > * { min-width: 0; }

    .demo-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      max-width: 100%;
      margin-bottom: 16px;
      padding: 7px 14px;
      color: var(--green);
      background: rgba(80, 245, 168, 0.08);
      border: 1px solid rgba(80, 245, 168, 0.28);
      border-radius: 999px;
      font-size: 0.74rem;
      font-weight: 800;
      line-height: 1.35;
      transition: transform 0.2s ease, border-color 0.2s ease;
    }
    .demo-pill:hover { transform: translateY(-2px); border-color: rgba(80, 245, 168, 0.6); }
    .demo-pill-dot { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--green); animation: pulse 1.8s infinite; }
    @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(80,245,168,.7); } 70% { box-shadow: 0 0 0 8px rgba(80,245,168,0); } 100% { box-shadow: 0 0 0 0 rgba(80,245,168,0); } }

    .tag-pill {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 7px 13px;
      background: rgba(82,232,255,.06);
      border: 1px solid rgba(82,232,255,.2);
      border-radius: 999px;
    }
    .tag-pill::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }

    .gx-title { margin-top: 20px; font-size: clamp(2.2rem, 9.4vw, 4.2rem); line-height: 1.04; letter-spacing: -0.05em; }
    .gx-title span { display: block; color: var(--cyan); }
    .gx-tagline {
      margin-top: 20px;
      font-size: clamp(1.15rem, 2.4vw, 1.5rem);
      font-weight: 800;
      letter-spacing: -0.03em;
      background: linear-gradient(100deg, var(--green), var(--cyan));
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
    }
    .hero-sub { max-width: 660px; margin-top: 18px; color: var(--muted); font-size: 0.98rem; line-height: 1.75; }
    .hero-note { margin-top: 14px; color: var(--dim); font-size: 0.74rem; }
    .hero-note b { color: var(--green); font-weight: 700; }

    /* ---------- hero visual: one engine, five agents ---------- */
    .gx-visual { container-type: inline-size; width: 100%; max-width: 520px; margin-inline: auto; }
    .stage { position: relative; width: 100%; aspect-ratio: 1/1; }
    .stage::before {
      content: "";
      position: absolute;
      inset: 6%;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(82,232,255,.20), rgba(80,245,168,.06) 45%, transparent 70%);
      filter: blur(8px);
    }
    .ring { position: absolute; left: 50%; top: 50%; border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none; }
    .ring-1 { width: 76%; height: 76%; border: 1px solid rgba(82,232,255,.3); box-shadow: 0 0 34px rgba(82,232,255,.1), inset 0 0 34px rgba(82,232,255,.06); }
    .ring-2 { width: 94%; height: 94%; border: 1px dashed rgba(80,245,168,.22); animation: spin 90s linear infinite; }
    .ring-3 { width: 50%; height: 50%; border: 1px solid rgba(82,232,255,.16); }
    @keyframes spin { to { transform: translate(-50%, -50%) rotate(360deg); } }

    .core {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 30%;
      aspect-ratio: 1/1;
      transform: translate(-50%, -50%);
      z-index: 3;
    }
    .core-in {
      width: 100%;
      height: 100%;
      display: grid;
      place-items: center;
      background: radial-gradient(circle at 28% 18%, rgba(255,255,255,.22), transparent 45%), linear-gradient(145deg, rgba(82,232,255,.26), rgba(10,24,34,.82) 55%, rgba(80,245,168,.16));
      border: 1px solid rgba(82,232,255,.5);
      border-radius: 22%;
      box-shadow: 0 0 70px rgba(82,232,255,.34), 0 28px 50px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 30px rgba(82,232,255,.12);
      animation: bob 6s ease-in-out infinite;
    }
    .core-in img { width: 70%; height: 70%; object-fit: contain; max-width: none; filter: drop-shadow(0 0 14px rgba(82,232,255,.6)); }
    .core-label {
      position: absolute;
      left: 50%;
      bottom: -26px;
      transform: translateX(-50%);
      white-space: nowrap;
      color: var(--cyan);
      font-family: "DM Mono", monospace;
      font-size: .56rem;
      letter-spacing: .14em;
    }

    .node { position: absolute; left: 50%; top: 50%; width: 0; height: 0; transform: rotate(var(--a)); z-index: 4; }
    .node::before {
      content: "";
      position: absolute;
      left: 0;
      top: -31cqw;
      width: 2px;
      height: 15cqw;
      margin-left: -1px;
      background: linear-gradient(180deg, rgba(82,232,255,.05), var(--cyan), rgba(80,245,168,.05));
      background-size: 100% 300%;
      animation: flow 2.4s linear infinite;
      opacity: .75;
    }
    @keyframes flow { from { background-position: 0 100%; } to { background-position: 0 -100%; } }
    .node-card {
      position: absolute;
      left: 0;
      top: -38cqw;
      width: 26cqw;
      transform: translate(-50%, -50%) rotate(calc(var(--a) * -1));
    }
    .node-in {
      --ts: 9.5cqw;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1.2cqw;
      padding: 1.6cqw 1cqw 1.5cqw;
      text-align: center;
      background: linear-gradient(150deg, rgba(24,46,60,.88), rgba(9,19,27,.94));
      border: 1px solid rgba(82,232,255,.28);
      border-radius: 3.4cqw;
      box-shadow: 0 16px 32px rgba(0,0,0,.5), 0 0 24px rgba(82,232,255,.12), inset 0 1px 0 rgba(255,255,255,.14);
      animation: bob 5s ease-in-out infinite;
      animation-delay: var(--d, 0s);
    }
    .node-in .avatar { --ts: 12.5cqw; border-width: 1.5px; }
    .node-in b { font-size: clamp(.54rem, 2.5cqw, .74rem); font-weight: 800; line-height: 1.2; }
    .node-in small { margin-top: -.6cqw; color: var(--cyan); font-family: "DM Mono", monospace; font-size: clamp(.4rem, 1.9cqw, .56rem); letter-spacing: .06em; text-transform: uppercase; }
    @keyframes bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -5px; } }

    /* =========================
       META TECH PROVIDER
    ========================= */
    .meta-box {
      position: relative;
      overflow: hidden;
      display: grid;
      gap: 28px;
      padding: 28px;
      background: radial-gradient(500px 280px at 100% 0%, rgba(82,232,255,.12), transparent 70%), linear-gradient(150deg, rgba(24,46,60,.7), rgba(9,19,27,.9));
      border: 1px solid rgba(82,232,255,.3);
      border-radius: 26px;
      box-shadow: 0 0 60px rgba(82,232,255,.08);
    }
    .meta-badge {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 8px 16px 8px 10px;
      color: var(--green);
      background: rgba(80,245,168,.08);
      border: 1px solid rgba(80,245,168,.32);
      border-radius: 999px;
      font-family: "DM Mono", monospace;
      font-size: .7rem;
      letter-spacing: .1em;
      text-transform: uppercase;
    }
    .meta-badge i {
      width: 24px;
      height: 24px;
      display: grid;
      place-items: center;
      color: #031014;
      background: linear-gradient(135deg, var(--green), var(--cyan));
      border-radius: 50%;
      font-style: normal;
      font-weight: 800;
      font-size: .8rem;
    }
    .meta-box h2 { margin-top: 16px; font-size: clamp(1.8rem, 5vw, 3rem); line-height: 1.06; letter-spacing: -0.05em; }
    .meta-box > div > p { margin-top: 14px; max-width: 560px; color: var(--muted); line-height: 1.8; }
    .meta-points { display: grid; gap: 12px; margin-top: 20px; list-style: none; }
    .meta-points li { display: flex; gap: 10px; color: var(--muted); font-size: .86rem; line-height: 1.6; }
    .meta-points li::before { content: "✓"; color: var(--green); font-weight: 900; }
    .meta-points b { color: var(--text); }

    .link-viz {
      align-self: center;
      display: grid;
      gap: 14px;
      padding: 22px;
      background: rgba(5,11,16,.6);
      border: 1px solid var(--border);
      border-radius: 18px;
    }
    .lv-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
    .lv-node { display: flex; align-items: center; gap: 10px; font-size: .82rem; font-weight: 800; }
    .lv-node .tile { --ts: 38px; }
    .lv-line { flex: 1; height: 2px; position: relative; background: repeating-linear-gradient(90deg, rgba(82,232,255,.5) 0 6px, transparent 6px 12px); }
    .lv-line::after { content: ""; position: absolute; top: -3px; left: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); animation: travel 2.6s ease-in-out infinite; }
    @keyframes travel { 0%, 100% { left: 0; } 50% { left: calc(100% - 8px); } }
    .lv-meta { color: var(--cyan); font-family: "DM Mono", monospace; font-size: .8rem; font-weight: 700; }
    .lv-chans { display: flex; flex-wrap: wrap; gap: 8px; }
    .lv-chans span { padding: 5px 11px; color: var(--green); background: rgba(80,245,168,.08); border: 1px solid rgba(80,245,168,.28); border-radius: 999px; font-family: "DM Mono", monospace; font-size: .64rem; }
    .lv-note { color: var(--dim); font-size: .7rem; line-height: 1.6; }

    /* =========================
       AGENTS
    ========================= */
    .agent-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 36px; }
    .agent {
      position: relative;
      overflow: hidden;
      padding: 24px;
      background: linear-gradient(150deg, rgba(24,46,60,.62), rgba(9,19,27,.78));
      border: 1px solid var(--border);
      border-radius: 18px;
      transition: border-color .2s ease, transform .2s ease;
    }
    .agent::before { content: ""; position: absolute; right: -30px; top: -30px; width: 100px; height: 100px; border-radius: 50%; background: radial-gradient(circle, rgba(82,232,255,.16), transparent 70%); }
    .agent:hover { border-color: rgba(82,232,255,.36); transform: translateY(-3px); }
    .agent-id { margin-bottom: 14px; color: var(--cyan); font-family: "DM Mono", monospace; font-size: .6rem; letter-spacing: .14em; }
    .agent-top { display: flex; align-items: center; gap: 12px; }
    .agent .avatar { --ts: 72px; }
    .agent-role { margin-top: 3px; color: var(--green); font-family: "DM Mono", monospace; font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; }
    .agent h3 { font-size: 1.02rem; line-height: 1.25; letter-spacing: -.02em; }
    .agent > p { margin-top: 12px; color: var(--muted); font-size: .82rem; line-height: 1.6; }
    .agent ul { display: grid; gap: 9px; margin-top: 14px; list-style: none; }
    .agent li { display: flex; gap: 9px; color: var(--muted); font-size: .78rem; line-height: 1.55; }
    .agent li::before { content: "✓"; flex: none; color: var(--green); font-weight: 900; }

    /* =========================
       ENGINE
    ========================= */
    .engine { display: grid; gap: 22px; margin-top: 36px; }
    .steps { display: grid; gap: 12px; list-style: none; counter-reset: s; }
    .step {
      position: relative;
      padding: 18px 18px 18px 66px;
      background: rgba(16, 27, 41, 0.9);
      border: 1px solid var(--border);
      border-radius: 16px;
    }
    .step::before {
      counter-increment: s;
      content: "0" counter(s);
      position: absolute;
      left: 16px;
      top: 16px;
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      color: #021014;
      background: linear-gradient(135deg, var(--green), var(--cyan));
      border-radius: 11px;
      font-family: "DM Mono", monospace;
      font-size: .72rem;
    }

    /* glowing automation line through the 5 steps */
    .steps { position: relative; gap: 22px; }
    .steps::before { content: ""; position: absolute; left: 34px; top: var(--top, 0); height: var(--len, 0); width: 2px; background: rgba(82,232,255,.14); }
    .steps-fill { position: absolute; left: 33px; top: var(--top, 0); width: 4px; height: var(--fh, 0); background: linear-gradient(var(--green), var(--cyan)); border-radius: 4px; box-shadow: 0 0 14px 2px rgba(82,232,255,.6); pointer-events: none; }
    .steps-fill::after { content: ""; position: absolute; left: 50%; bottom: -7px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: #fff; box-shadow: 0 0 18px 6px rgba(80,245,168,.85); }
    .step { z-index: 1; transition: border-color .4s ease, box-shadow .4s ease; }
    .step.is-lit { border-color: rgba(80,245,168,.45); box-shadow: 0 0 28px rgba(80,245,168,.10); }
    .step.is-lit::before { box-shadow: 0 0 18px rgba(80,245,168,.8); }
    .step h3 { font-size: 1rem; letter-spacing: -.03em; }
    .step p { margin-top: 4px; color: var(--muted); font-size: .8rem; line-height: 1.65; }

    .term { align-self: start; overflow: hidden; background: #050b10; border: 1px solid rgba(82,232,255,.22); border-radius: 18px; box-shadow: 0 0 44px rgba(82,232,255,.08); }
    .term-bar { display: flex; align-items: center; gap: 7px; padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,.08); }
    .term-bar i { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,.18); }
    .term-bar span { margin-left: 6px; color: var(--dim); font-family: "DM Mono", monospace; font-size: .64rem; }
    .term pre { padding: 18px 16px; overflow-x: auto; color: var(--muted); font-family: "DM Mono", monospace; font-size: .7rem; line-height: 2; }
    .term pre b { color: var(--cyan); font-weight: 500; }
    .term pre em { color: var(--green); font-style: normal; }
    .term pre u { color: var(--dim); text-decoration: none; }
    .term-note { padding: 0 16px 14px; color: var(--dim); font-size: .66rem; }

    /* =========================
       PACKAGES
    ========================= */
    #packages { scroll-margin-top: 90px; }
    .pkg-grid { display: grid; gap: 14px; margin-top: 38px; }
    .pkg-card { display: flex; flex-direction: column; padding: 26px; background: rgba(255,255,255,0.025); border: 1px solid var(--border); border-radius: var(--radius); }
    .pkg-card.pkg-featured { background: linear-gradient(145deg, rgba(80,245,168,0.06), rgba(82,232,255,0.05)); border-color: rgba(82,232,255,0.28); }
    .pkg-tag { color: var(--cyan); font-family: "DM Mono", monospace; font-size: 0.66rem; letter-spacing: 0.12em; text-transform: uppercase; }
    .pkg-card h3 { margin-top: 8px; font-size: 1.35rem; letter-spacing: -0.03em; }
    .pkg-sub { margin-top: 6px; color: var(--muted); font-size: 0.8rem; line-height: 1.6; }
    .pkg-price { margin-top: 16px; font-size: 2.3rem; font-weight: 800; line-height: 1; letter-spacing: -0.05em; }
    .pkg-price small { margin-left: 4px; color: var(--muted); font-size: 0.82rem; font-weight: 700; letter-spacing: 0; }
    .pkg-price-alt { margin-top: 8px; color: var(--muted); font-size: 0.85rem; font-weight: 700; }
    .pkg-price-alt strong { color: var(--text); }
    .pkg-price-alt em { color: var(--green); font-style: normal; font-size: 0.74rem; }
    .pkg-spec { display: grid; margin-top: 20px; list-style: none; }
    .pkg-spec li { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--border); font-size: 0.8rem; }
    .pkg-spec li:last-child { border-bottom: 0; }
    .pkg-spec span { flex: none; color: var(--muted); }
    .pkg-spec strong { text-align: right; font-weight: 800; }
    .pkg-list { display: grid; gap: 10px; margin-top: 16px; list-style: none; color: var(--muted); font-size: 0.79rem; }
    .pkg-list li { display: flex; gap: 9px; }
    .pkg-list li::before { content: "✓"; color: var(--green); font-weight: 900; }
    .pkg-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
    .pkg-chips span { padding: 5px 11px; color: var(--green); background: rgba(80,245,168,0.08); border: 1px solid rgba(80,245,168,0.28); border-radius: 999px; font-family: "DM Mono", monospace; font-size: 0.68rem; }
    .pkg-badge { display: inline-block; padding: 3px 9px; color: #031014; background: linear-gradient(105deg, var(--green), var(--cyan)); border-radius: 999px; font-size: 0.6rem; letter-spacing: 0.08em; }
    .pkg-cta { margin-top: auto; padding-top: 24px; }
    .pkg-cta .button { width: 100%; }
    .pkg-more { margin-top: 22px; color: var(--dim); font-size: 0.74rem; text-align: center; }
    .pkg-more a { color: var(--cyan); font-weight: 800; }
    .pkg-fine { margin-top: 14px; color: var(--dim); font-size: 0.68rem; line-height: 1.7; text-align: center; }

    .pay-box { margin-top: 18px; padding: 26px; background: rgba(255,255,255,0.025); border: 1px solid var(--border); border-radius: var(--radius); }
    .pay-box h3 { margin-top: 8px; font-size: 1.25rem; letter-spacing: -0.03em; }
    .pay-box p:not(.pkg-tag) { margin-top: 10px; max-width: 720px; color: var(--muted); font-size: 0.82rem; line-height: 1.7; }
    .rate-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 18px; max-width: 720px; }
    .rate { display: flex; align-items: center; gap: 14px; padding: 14px 16px; background: rgba(255,255,255,0.03); border: 1px solid var(--border); border-radius: 14px; }
    .rate .tile { --ts: 40px; }
    .rate strong { display: block; font-size: 1.5rem; line-height: 1.1; letter-spacing: -0.04em; }
    .rate small { display: block; margin-top: 2px; color: var(--muted); font-size: 0.74rem; font-weight: 700; }
    .pay-box .rate-note { margin-top: 14px; color: var(--dim); font-size: 0.74rem; }

    /* =========================
       FOUNDER / FAQ
    ========================= */
    .founder { display: grid; gap: 22px; align-items: center; margin-top: 30px; padding: 30px; background: linear-gradient(145deg, rgba(255,255,255,0.035), rgba(255,255,255,0.015)); border: 1px solid var(--border); border-radius: var(--radius); }
    .founder-name { margin-top: 8px; font-size: 1.35rem; font-weight: 800; }
    .founder-role { margin-top: 2px; color: var(--cyan); font-family: "DM Mono", monospace; font-size: 0.66rem; }
    .founder-quote { color: var(--muted); font-size: 0.88rem; line-height: 1.75; }

    .faq { display: grid; gap: 8px; margin-top: 32px; }
    .faq details { padding: 18px; background: rgba(255,255,255,0.025); border: 1px solid var(--border); border-radius: 13px; }
    .faq summary { cursor: pointer; font-size: 0.86rem; font-weight: 800; }
    .faq p { margin-top: 12px; color: var(--muted); font-size: 0.8rem; line-height: 1.7; }

    /* =========================
       PARTNER PROGRAMS
    ========================= */
    .prog-grid { display: grid; gap: 14px; margin-top: 34px; }
    .prog { padding: 26px; background: linear-gradient(150deg, rgba(24,46,60,.62), rgba(9,19,27,.78)); border: 1px solid var(--border); border-radius: var(--radius); }
    .prog h3 { margin-top: 8px; font-size: 1.3rem; letter-spacing: -.03em; }
    .prog > p { margin-top: 10px; color: var(--muted); font-size: .84rem; line-height: 1.7; }
    .prog-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
    .prog-stats b { display: block; color: var(--green); font-size: 1.2rem; letter-spacing: -0.03em; }
    .prog-stats span { display: block; margin-top: 2px; color: var(--muted); font-size: .74rem; line-height: 1.5; }
    .prog .buttons { margin-top: 22px; }
    .prog-note { margin-top: 14px; color: var(--dim); font-size: .68rem; line-height: 1.6; }

    /* =========================
       FINAL CTA
    ========================= */
    .final-cta { padding: 60px 0 70px; }
    .final-card { padding: 40px 22px; background: radial-gradient(circle at 50% 0%, rgba(82,232,255,0.13), transparent 55%), rgba(255,255,255,0.025); border: 1px solid rgba(82,232,255,0.17); border-radius: 25px; text-align: center; }
    .final-card h2 { max-width: 850px; margin: 12px auto 0; font-size: clamp(2rem, 7.5vw, 4rem); line-height: 1.04; letter-spacing: -0.06em; }
    .final-card p.lead { max-width: 650px; margin: 20px auto 0; color: var(--muted); font-size: 0.92rem; }
    .final-card .buttons { justify-content: center; }
    .final-card .hero-note { text-align: center; }

    /* =========================
       PARTNERSHIPS (small, near footer)
    ========================= */
    .partners { padding: 26px 0 34px; border-top: 1px solid rgba(184,222,234,0.08); }
    .partners-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 22px; }
    .partners-label { color: var(--dim); font-family: "DM Mono", monospace; font-size: .6rem; letter-spacing: .12em; text-transform: uppercase; }
    .p-item { display: inline-flex; align-items: center; gap: 9px; color: var(--muted); font-size: .76rem; font-weight: 700; }
    .p-item .tile { --ts: 28px; }
    .p-item small { color: var(--green); font-family: "DM Mono", monospace; font-size: .56rem; letter-spacing: .08em; text-transform: uppercase; }
    .partners-note { margin-top: 12px; color: var(--dim); font-size: .64rem; line-height: 1.6; text-align: center; }

    /* =========================
       FOOTER
    ========================= */
    .footer { padding: 55px 0 30px; background: var(--bg-deep); border-top: 1px solid rgba(184,222,234,0.08); }
    .footer-grid { display: grid; gap: 35px; }
    .footer-brand img { width: 140px; }
    .footer-tagline { margin-top: 13px; color: var(--muted); font-size: 0.78rem; }
    .footer-title { margin-bottom: 14px; color: var(--cyan); font-family: "DM Mono", monospace; font-size: 0.64rem; letter-spacing: 0.12em; text-transform: uppercase; }
    .footer-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
    .footer-links { display: grid; gap: 10px; align-content: start; }
    .footer-links a { color: var(--muted); font-size: 0.76rem; font-weight: 700; }
    .footer-links a:hover, .footer-contact a:hover { color: var(--cyan); }
    .footer-contact { display: grid; gap: 9px; color: var(--muted); font-size: 0.76rem; }
    .socials { display: flex; gap: 9px; margin-top: 17px; }
    .socials a { width: 43px; height: 43px; display: grid; place-items: center; color: var(--cyan); background: rgba(255,255,255,0.025); border: 1px solid rgba(82,232,255,0.16); border-radius: 11px; transition: border-color 0.2s ease, transform 0.2s ease; }
    .socials a:hover { border-color: rgba(82,232,255,0.5); transform: translateY(-2px); }
    .socials a svg { width: 20px; height: 20px; display: block; }
    .registration { margin-top: 25px; color: var(--dim); font-size: 0.68rem; }
    .registration strong { color: var(--cyan); }
    .copyright { margin-top: 12px; color: var(--dim); font-size: 0.66rem; }

    
    /* ===== WhatsApp x GLIME floating connect ===== */
    .wa-widget { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 900; display: flex; align-items: center; gap: 10px; flex-direction: row-reverse; text-decoration: none; }
    .wa-btn { position: relative; flex: none; width: 60px; height: 60px; display: grid; place-items: center; background: linear-gradient(145deg, #2be07a, #12a94f); border: 3px solid rgba(7,16,22,.9); border-radius: 50%; box-shadow: 0 10px 30px rgba(32,212,102,.35); transition: transform .2s ease; }
    .wa-widget:hover .wa-btn { transform: translateY(-3px) scale(1.04); }
    .wa-btn > svg { width: 30px; height: 30px; fill: #fff; }
    .wa-btn::before, .wa-btn::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; border: 2px solid rgba(43,224,122,.6); animation: wa-ring 2.8s ease-out infinite; }
    .wa-btn::after { animation-delay: 1.4s; }
    .wa-link { position: absolute; top: -9px; right: -11px; width: 27px; height: 27px; display: grid; place-items: center; background: #071016; border: 1.5px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 12px rgba(82,232,255,.7); animation: wa-pop 12s ease-in-out infinite; }
    .wa-link img { width: 16px; height: 16px; }
    .wa-bubble { display: grid; width: 214px; min-height: 52px; padding: 10px 14px; color: #0b1a14; background: #fff; border-radius: 16px 16px 4px 16px; box-shadow: 0 12px 32px rgba(0,0,0,.4); font-size: .76rem; font-weight: 700; line-height: 1.35; animation: wa-bub 12s ease-in-out infinite; transform-origin: bottom right; }
    .wa-bubble > span { grid-area: 1/1; align-self: center; opacity: 0; }
    .wa-typing { display: flex; gap: 5px; } .wa-typing i { width: 7px; height: 7px; border-radius: 50%; background: #8a9aa3; animation: wa-dot 1s infinite; } .wa-typing i:nth-child(2) { animation-delay: .15s; } .wa-typing i:nth-child(3) { animation-delay: .3s; }
    .wa-m1 { animation: wa-s1 12s infinite; } .wa-m2 { animation: wa-s2 12s infinite; } .wa-m3 { animation: wa-s3 12s infinite; color: #0a7a3a; }
    .wa-m3 b { color: #0a7a3a; }
    @keyframes wa-ring { 0% { transform: scale(1); opacity: .9; } 100% { transform: scale(1.7); opacity: 0; } }
    @keyframes wa-dot { 0%, 60%, 100% { transform: translateY(0); } 30% { transform: translateY(-4px); } }
    @keyframes wa-bub { 0%, 4% { opacity: 0; transform: scale(.7); } 8%, 90% { opacity: 1; transform: scale(1); } 96%, 100% { opacity: 0; transform: scale(.9); } }
    @keyframes wa-s1 { 0%, 8% { opacity: 0; } 10%, 27% { opacity: 1; } 30%, 100% { opacity: 0; } }
    @keyframes wa-s2 { 0%, 30% { opacity: 0; } 33%, 56% { opacity: 1; } 59%, 100% { opacity: 0; } }
    @keyframes wa-s3 { 0%, 59% { opacity: 0; } 62%, 88% { opacity: 1; } 92%, 100% { opacity: 0; } }
    @keyframes wa-pop { 0%, 58% { transform: scale(.85); box-shadow: 0 0 6px rgba(82,232,255,.4); } 66% { transform: scale(1.25); box-shadow: 0 0 20px rgba(80,245,168,.95); } 74%, 100% { transform: scale(1); box-shadow: 0 0 12px rgba(82,232,255,.7); } }
    @media (max-width: 480px) { .wa-bubble { width: 176px; font-size: .7rem; } .wa-btn { width: 56px; height: 56px; } }
    @media (prefers-reduced-motion: reduce) { .wa-btn::before, .wa-btn::after, .wa-link, .wa-typing i { animation: none !important; } .wa-bubble { animation: none; opacity: 1; } .wa-m1, .wa-m2 { display: none; } .wa-m3 { animation: none; opacity: 1; } }

    /* ===== Launch badges marquee (bottom) ===== */
    .launch-strip { padding: 26px 0 96px; background: var(--bg-deep); border-top: 1px solid rgba(184,222,234,.08); text-align: center; }
    .ls-label { margin-bottom: 16px; color: var(--dim); font-family: "DM Mono", monospace; font-size: .64rem; letter-spacing: .12em; text-transform: uppercase; }
    .ls-view { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
    .ls-track { display: flex; width: max-content; animation: ls-move 38s linear infinite; }
    .ls-view:hover .ls-track { animation-play-state: paused; }
    .ls-group { display: flex; flex: none; align-items: center; gap: 22px; padding-right: 22px; }
    .ls-badge { flex: none; display: block; width: 256px; height: 80px; border-radius: 16px; }
    .ls-badge img { width: 256px; height: 80px; max-width: none; }
    .ls-ph { display: flex; align-items: center; gap: 14px; padding: 0 20px 0 14px; color: #f4f4fb; background: #1c191b; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; text-align: left; transition: transform .2s ease; }
    .ls-ph:hover { transform: translateY(-2px); }
    .ls-ph svg { flex: none; width: 44px; height: 44px; }
    .ls-ph small { display: block; font-size: 11px; font-weight: 700; letter-spacing: .03em; line-height: 1.1; }
    .ls-ph b { display: block; margin-top: 2px; font-size: 23px; font-weight: 700; line-height: 1.1; }
    @keyframes ls-move { to { transform: translateX(-50%); } }
    @media (prefers-reduced-motion: reduce) { .ls-track { animation: none; width: auto; flex-wrap: wrap; justify-content: center; } .ls-group[aria-hidden="true"] { display: none; } }

    /* ===== Industries ===== */
    .ind-card { position: relative; padding: 18px 16px; overflow: hidden; background: linear-gradient(150deg, rgba(24,46,60,.62), rgba(9,19,27,.78)); border: 1px solid var(--border); border-radius: 18px; transition: border-color .2s ease, transform .2s ease; }
    .ind-card:hover { border-color: rgba(82,232,255,.36); transform: translateY(-3px); }
    .ind-ic { width: 44px; height: 44px; display: grid; place-items: center; background: rgba(82,232,255,.08); border: 1px solid rgba(82,232,255,.22); border-radius: 13px; font-size: 1.35rem; }
    .ind-card h3 { margin-top: 12px; font-size: .92rem; letter-spacing: -.02em; line-height: 1.25; }
    .ind-card p { margin-top: 6px; color: var(--muted); font-size: .74rem; line-height: 1.6; }

    /* Meta logo + industries marquee */
    .meta-badge i svg { width: 16px; height: 16px; }
    .meta-badge i { background: #fff; }
    .mlogo { width: 22px; height: 22px; vertical-align: -6px; }
    .t-sr { --g: rgba(166,140,255,.45); color: var(--purple); } .t-gc { --g: rgba(66,133,244,.5); }
    .t-meta { --g: rgba(8,102,255,.5); }
    .ind-marq { display: grid; gap: 14px; margin-top: 34px; }
    .ind-view { margin-inline: -16px; }
    .ind-track { animation-duration: 55s; }
    .ind-track.rev { animation-direction: reverse; }
    .ind-group { display: flex; flex: none; gap: 14px; padding-right: 14px; }
    .ind-card { flex: none; width: 250px; }
    @media (prefers-reduced-motion: reduce) { .ind-view { overflow-x: auto; } .ind-track { width: max-content; flex-wrap: nowrap; } .ind-group[aria-hidden="true"] { display: none; } }

    /* Why GLIME teaser */
    .wg-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 30px; }
    .wg-stat { padding: 16px; background: rgba(255,255,255,0.025); border: 1px solid var(--border); border-radius: 14px; }
    .wg-stat strong { display: block; color: var(--green); font-size: 1.45rem; letter-spacing: -0.04em; }
    .wg-stat span { display: block; margin-top: 2px; font-size: 0.76rem; font-weight: 700; }
    .wg-stat small { display: block; margin-top: 4px; color: var(--dim); font-size: 0.64rem; }
    .wg-points { display: grid; gap: 14px; margin-top: 18px; }
    .wg-point { padding: 22px; background: linear-gradient(150deg, rgba(24,46,60,.62), rgba(9,19,27,.78)); border: 1px solid var(--border); border-radius: var(--radius); }
    .wg-point h3 { font-size: 1.02rem; letter-spacing: -0.03em; }
    .wg-point p { margin-top: 8px; color: var(--muted); font-size: 0.8rem; line-height: 1.65; }
    .wg-source { margin-top: 16px; color: var(--dim); font-size: 0.68rem; line-height: 1.7; }
    .wg-source a { color: var(--cyan); }
    @media (min-width: 650px) { .wg-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
    @media (min-width: 800px) { .wg-points { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } }
    .ind-note { margin-top: 18px; color: var(--dim); font-size: .7rem; }


    /* =========================
       RESPONSIVE
    ========================= */
    @media (max-width: 799px) {
      .buttons { flex-direction: column; align-items: stretch; }
      .button { width: 100%; }
      .gx-visual { max-width: 430px; }
      .ring-2 { display: none; }
    }
    @media (min-width: 650px) {
      .agent-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .rate-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (min-width: 800px) {
      .container { width: min(var(--container), calc(100% - 56px)); }
      .hero { padding: 50px 0 64px; }
      .hero-grid { grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr); gap: 40px; }
      .gx-title { font-size: clamp(2.4rem, 4.6vw, 3.6rem); }
      .meta-box { grid-template-columns: 1.15fr .85fr; padding: 44px; gap: 40px; }
      .engine { grid-template-columns: 1fr 1fr; gap: 28px; }
      .pkg-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
      .pkg-card { padding: 32px; }
      .founder { grid-template-columns: 0.7fr 1.3fr; }
      .prog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
      .footer-grid { grid-template-columns: 1fr 1fr; align-items: start; gap: 36px 40px; }
      .footer-cols { grid-column: 1 / -1; order: 3; grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .footer-contact-col { order: 2; }
    }
    @media (min-width: 960px) {
      .agent-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .footer-cols { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    }
    @media (min-width: 1100px) {
      .section { padding: 100px 0; }
      .gx-title { font-size: 4rem; }
      .final-card { padding: 70px; }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { transition: none !important; animation: none !important; }
    }
  

/* industry pages */
.ip-hero{padding:46px 0 30px}.ip-crumb{color:var(--dim);font-size:.72rem;margin-bottom:14px}.ip-crumb a{color:var(--cyan)}
.ip-h1{margin-top:14px;font-size:clamp(2rem,7vw,3.6rem);line-height:1.05;letter-spacing:-.05em;max-width:860px}
.ip-lead{max-width:720px;margin-top:18px;color:var(--muted);font-size:1rem;line-height:1.8}
.ip-grid{display:grid;gap:14px;margin-top:30px}.ip-grid .ind-card{width:auto;padding:22px}
.ip-split{display:grid;gap:26px;align-items:center;margin-top:30px}
.ip-chat{max-width:340px;margin-inline:auto;width:100%;padding:16px;background:#0b1520;border:1px solid rgba(255,255,255,.16);border-radius:26px;box-shadow:0 22px 44px rgba(0,0,0,.5)}
.ip-chat .hd{display:flex;gap:8px;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.78rem;font-weight:800}
.ip-chat .hd small{margin-left:auto;color:var(--green);font-size:.62rem}
.ip-chat .bd{display:grid;gap:9px;padding-top:12px}
.ip-b{max-width:86%;padding:9px 12px;border-radius:13px;font-size:.78rem;line-height:1.45}
.ip-b.in{justify-self:start;background:rgba(255,255,255,.08);border-bottom-left-radius:4px}
.ip-b.out{justify-self:end;background:rgba(80,245,168,.16);border:1px solid rgba(80,245,168,.28);border-bottom-right-radius:4px}
.ip-list{display:grid;gap:11px;margin-top:20px;list-style:none;color:var(--muted);font-size:.9rem;line-height:1.65}.ip-list li{display:flex;gap:10px}.ip-list li::before{content:"✓";color:var(--green);font-weight:900}
.ip-rel{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.ip-rel a{padding:9px 15px;color:var(--text);background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:999px;font-size:.8rem;font-weight:700}.ip-rel a:hover{border-color:rgba(82,232,255,.5);color:var(--cyan)}
.ip-note{margin-top:14px;color:var(--dim);font-size:.72rem}
@media(min-width:800px){.ip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ip-split{grid-template-columns:1.1fr .9fr;gap:48px}}
@media(prefers-reduced-motion:reduce){.wa-btn::before,.wa-btn::after,.wa-link{animation:none!important}}


  .glime-global-header{
  position:fixed !important;
  top:0;
  left:0;
  right:0;
  z-index:9999;
}

body{
  padding-top:82px;
}
/* Final GLIME navigation guard: keeps the shared menu stable even if page CSS changes. */
.glime-global-header{width:100%;overflow:visible!important;}
.glime-nav-inner{width:min(1180px,calc(100% - 32px));min-height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:22px;}
.glime-brand{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;width:78px!important;height:78px!important;}
.glime-brand img{display:block!important;width:78px!important;height:78px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}
.glime-desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:2px;min-width:0;}
.glime-desktop-nav a.glime-nav-trial{margin-left:8px;color:#031014!important;background:linear-gradient(105deg,#50f5a8,#52e8ff)!important;border-radius:9px;font-weight:800;}
.glime-menu-button{display:none;width:46px;height:46px;flex:0 0 46px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;}
.glime-mobile-nav{display:none;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:8px 0 16px;}
.glime-mobile-nav.open{display:block!important;}
@media (max-width:860px){
  .glime-nav-inner{width:calc(100% - 24px);min-height:76px;}
  .glime-desktop-nav{display:none!important;}
  .glime-menu-button{display:flex!important;}
  .glime-mobile-nav{width:calc(100% - 24px);display:none!important;}
  .glime-mobile-nav.open{display:block!important;}
  .glime-brand,.glime-brand img{width:62px!important;height:62px!important;}
}
@media (max-width:480px){
  .glime-nav-inner{width:calc(100% - 20px);min-height:72px;}
  .glime-mobile-nav{width:calc(100% - 20px);}
  .glime-brand,.glime-brand img{width:58px!important;height:58px!important;}
}