:root{
    --ink:#0f172a; --ink-2:#334155; --ink-3:#64748b; --ink-4:#94a3b8;
    --line:#e5e7eb; --line-2:#eef0f3;
    --paper:#fff; --paper-2:#fbfaf7; --paper-3:#f6f5f0;
    --teal:#3d8fa1; --teal-deep:#29434e; --teal-ink:#1e6470;
    --teal-50:#f0fafa; --teal-100:#d9f1f3; --teal-300:#7cb9c8;
  }
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}

  .btn-glow{position:relative;background:var(--teal);color:#fff;box-shadow:0 6px 18px -8px rgba(61,143,161,.55), inset 0 -2px 0 rgba(0,0,0,.12)}
  .btn-glow:hover{background:#357588}
  .btn-glow .btn-arrow{display:inline-block;transition:transform .15s ease}
  .btn-glow:hover .btn-arrow{transform:translateX(3px)}

  /* HERO */
  .hero{padding:80px 0 56px;background:radial-gradient(700px 320px at 90% -10%,var(--teal-50),transparent 60%),linear-gradient(180deg,#fff,#fbfaf7);border-bottom:1px solid var(--line)}
  .hero h1{font-size:60px;line-height:1.02;letter-spacing:-.035em;margin:14px 0 18px;font-weight:700;max-width:920px}
  .hero h1 .tk{color:var(--teal)}
  .hero p.lede{font-size:18px;line-height:1.55;color:var(--ink-2);max-width:720px;margin:0 0 28px}
  .hero-meta{display:flex;gap:16px;color:var(--ink-3);font-size:13px;font-family:'JetBrains Mono',monospace;align-items:center;flex-wrap:wrap;margin-top:18px}
  .hero-meta .dot{width:4px;height:4px;border-radius:99px;background:var(--ink-4)}
  .hero-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px}

  /* JUMP NAV */
  .jump{padding:16px 0;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:102px;z-index:40;backdrop-filter:blur(10px);background:rgba(255,255,255,.94)}
  .jump-scroll{position:relative;mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 36px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 36px),transparent 100%)}
  .jump .row{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 8px}
  .jump .row::-webkit-scrollbar{display:none}
  .jump .lbl{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);margin-right:8px;white-space:nowrap;flex-shrink:0}
  .jump a{padding:7px 14px;border-radius:99px;font-size:13px;color:var(--ink-2);white-space:nowrap;border:1px solid var(--line);background:#fff;transition:all .12s;flex-shrink:0}
  .jump a:hover{border-color:var(--teal-300);color:var(--teal-ink);background:var(--teal-50)}

  /* anchor offset */
  section[id]{scroll-margin-top:184px}

  section{padding:88px 0;border-top:1px solid var(--line)}
  section.bg-warm{background:var(--paper-2)}
  section.bg-ink{background:#0b1220;color:#e6edf3;border-top:none}
  section.bg-ink h2,section.bg-ink h3,section.bg-ink h4{color:#fff}
  section.bg-ink p,section.bg-ink li{color:#a8b3c2}
  section.bg-ink .eyebrow{color:#7cb9c8}
  .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px}
  .sec-head h2{font-size:38px;line-height:1.08;letter-spacing:-.025em;margin:10px 0 0;font-weight:700;max-width:720px}
  .sec-head p{color:var(--ink-2);max-width:420px;font-size:15px;line-height:1.6;margin:0}
  section.bg-ink .sec-head p{color:#a8b3c2}

  /* AI HERO BLOCK */
  .ai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .ai-card{background:rgba(255,255,255,.04);border:1px solid rgba(124,185,200,.22);border-radius:14px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:all .2s}
  .ai-card:hover{border-color:rgba(124,185,200,.5);background:rgba(255,255,255,.06)}
  .ai-card::before{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(124,185,200,.18),transparent 70%);pointer-events:none}
  .ai-pill{align-self:flex-start;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-300);background:rgba(124,185,200,.12);padding:4px 9px;border-radius:99px;border:1px solid rgba(124,185,200,.25);font-weight:600}
  .ai-card h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.015em;line-height:1.2;color:#fff}
  .ai-card p{margin:0;font-size:13.5px;color:#a8b3c2;line-height:1.55;flex:1}
  .ai-card .ai-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--teal),var(--teal-deep));display:grid;place-items:center;color:#fff;box-shadow:0 6px 16px -6px rgba(61,143,161,.6), inset 0 -2px 0 rgba(0,0,0,.18)}

  /* FEATURE BLOCKS */
  .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .feat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:all .15s;position:relative;overflow:hidden}
  .feat-card:hover{border-color:#d4dde6;box-shadow:0 16px 36px -22px rgba(15,23,42,.2);transform:translateY(-2px)}
  .feat-card.span-2{grid-column:span 2}
  .feat-card.dark{background:#0b1220;color:#e6edf3;border-color:#1f2a3b}
  .feat-card.dark .feat-num{color:var(--teal-300)}
  .feat-card.dark h3{color:#fff}
  .feat-card.dark p,.feat-card.dark li{color:#a8b3c2}
  .feat-card.dark li::before{background:var(--teal-300)}
  .feat-card.dark .feat-pill{background:rgba(124,185,200,.12);color:var(--teal-300);border-color:rgba(124,185,200,.25)}

  .feat-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:6px;border-bottom:1px solid var(--line-2)}
  .feat-card.dark .feat-head{border-bottom-color:#1f2a3b}
  .feat-num{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;color:var(--teal);text-transform:uppercase;font-weight:600}
  .feat-pill{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;color:var(--teal-ink);background:var(--teal-50);border:1px solid var(--teal-100);padding:3px 8px;border-radius:99px;text-transform:uppercase;font-weight:600;white-space:nowrap}

  .feat-card h3{margin:0;font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
  .feat-card p.lede{margin:0;font-size:14px;color:var(--ink-2);line-height:1.55}
  .feat-card.dark p.lede{color:#cbd5e1}
  .feat-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
  .feat-list li{display:flex;gap:10px;font-size:13.5px;color:var(--ink-2);align-items:flex-start;line-height:1.5;padding-left:0}
  .feat-list li::before{content:"";flex:0 0 5px;height:5px;border-radius:99px;background:var(--teal);margin-top:9px}

  /* TRADE CHIPS */
  .trade-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
  .trade{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;background:var(--teal-50);color:var(--teal-ink);font-size:12.5px;font-weight:500;border:1px solid var(--teal-100)}
  .trade .dot{width:5px;height:5px;border-radius:99px;background:var(--teal)}

  /* HERO STATS STRIP */
  .stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;margin-top:48px}
  .stat-cell{padding:24px;border-left:1px solid var(--line-2);display:flex;flex-direction:column;gap:6px}
  .stat-cell:first-child{border-left:none}
  .stat-cell .n{font-size:32px;font-weight:700;letter-spacing:-.025em;color:var(--ink);line-height:1}
  .stat-cell .n small{color:var(--teal);font-size:20px;margin-left:2px}
  .stat-cell .lbl{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase}

  /* FINAL CTA */
  .final{padding:80px 0;background:linear-gradient(180deg,#fff,var(--teal-50));border-top:1px solid var(--line)}
  .final-card{background:#0b1220;color:#fff;border-radius:18px;padding:56px;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;overflow:hidden;position:relative}
  .final-card::before{content:"";position:absolute;right:-100px;top:-100px;width:340px;height:340px;background:radial-gradient(circle,var(--teal-300),transparent 65%);opacity:.4;pointer-events:none}
  .final-card h2{font-size:38px;line-height:1.1;letter-spacing:-.025em;margin:0 0 14px;color:#fff;font-weight:700}
  .final-card p{font-size:15.5px;line-height:1.55;color:#a8b3c2;margin:0 0 24px}
  .final-card .btn-primary{background:#7cb9c8;color:#0b1220}
  .final-card .btn-primary:hover{background:#a3d0db}
  .final-card .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.18)}
  .final-card .btn-outline:hover{background:rgba(255,255,255,.05)}
  .final-card .mini{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px;background:rgba(255,255,255,.03);font-family:'JetBrains Mono',monospace;font-size:12px;color:#a8b3c2;line-height:1.7}
  .final-card .mini .k{color:#7cb9c8}

  /* ===== TABLET (≤ 980px) ===== */
  @media (max-width: 980px){
    .hero{padding:56px 0 40px}
    .hero h1{font-size:40px;letter-spacing:-.028em}
    .hero p.lede{font-size:16.5px}

    .sec-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:32px}
    .sec-head h2{font-size:28px}

    section{padding:64px 0}

    .ai-grid{grid-template-columns:1fr 1fr;gap:14px}
    .feat-grid{grid-template-columns:1fr;gap:14px}
    .feat-card.span-2{grid-column:auto}

    .stat-strip{grid-template-columns:1fr 1fr;margin-top:36px}
    .stat-cell{padding:20px}
    .stat-cell{border-left:1px solid var(--line-2);border-top:1px solid var(--line-2)}
    .stat-cell:nth-child(1),
    .stat-cell:nth-child(2){border-top:none}
    .stat-cell:nth-child(2n+1){border-left:none}

    .final{padding:56px 0}
    .final-card{grid-template-columns:1fr;padding:36px 28px;gap:28px;border-radius:14px}
    .final-card h2{font-size:30px}

    .jump{top:92px;padding:12px 0}
    .jump .row{gap:6px}
    section[id]{scroll-margin-top:152px}
  }

  /* ===== PHONE (≤ 640px) ===== */
  @media (max-width: 640px){
    /* hero */
    .hero{padding:36px 0 28px}
    .hero h1{font-size:30px;line-height:1.05;letter-spacing:-.025em;margin:10px 0 14px}
    .hero p.lede{font-size:15.5px;line-height:1.55;margin-bottom:22px}
    .hero-cta{gap:10px;width:100%}
    .hero-cta .btn-lg{height:46px;padding:0 18px;font-size:14.5px;flex:1;justify-content:center;min-width:0}
    .hero-meta{font-size:11.5px;gap:8px 12px;margin-top:22px;line-height:1.5}
    .hero-meta .dot{display:none}
    .hero-meta span{display:block;width:100%}
    .hero-meta span:not(.dot){padding-left:14px;position:relative}
    .hero-meta span:not(.dot)::before{content:"·";position:absolute;left:4px;color:var(--ink-4)}

    /* stat strip */
    .stat-strip{margin-top:28px;border-radius:12px}
    .stat-cell{padding:16px 14px;gap:4px}
    .stat-cell .n,.stat-n{font-size:24px}
    .stat-cell .n small{font-size:16px}
    .stat-cell .lbl{font-size:10px}

    /* jump nav */
    .jump{top:94px;padding:10px 0;border-bottom-color:var(--line-2)}
    .jump .lbl{display:none}
    .jump .row{padding:0 4px;gap:6px}
    .jump a{padding:6px 12px;font-size:12.5px}
    .jump-scroll{mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 24px),transparent 100%)}
    section[id]{scroll-margin-top:140px}

    /* sections */
    section{padding:48px 0}
    .sec-head{margin-bottom:24px;gap:10px}
    .sec-head h2{font-size:24px;line-height:1.12;letter-spacing:-.02em}
    .sec-head p{font-size:14px}

    /* AI section — 1 col on phones */
    .ai-grid{grid-template-columns:1fr;gap:12px}
    .ai-card{padding:22px 20px;gap:12px}
    .ai-card h3{font-size:17px}
    .ai-card p{font-size:13px}
    .ai-card::before{width:110px;height:110px;right:-30px;top:-30px}

    /* feature cards */
    .feat-card{padding:20px;border-radius:12px;gap:12px}
    .feat-card h3{font-size:18px;letter-spacing:-.015em}
    .feat-card p.lede{font-size:13.5px}
    .feat-list{gap:7px}
    .feat-list li{font-size:13px;line-height:1.5}
    .feat-list li::before{margin-top:8px}
    .feat-head{flex-wrap:wrap;gap:8px}
    .feat-num{font-size:10.5px}
    .feat-pill{font-size:9.5px;padding:3px 7px}

    /* trade chips */
    .trade{font-size:12px;padding:4px 10px}

    /* final CTA */
    .final{padding:40px 0}
    .final-card{padding:32px 22px;border-radius:14px;gap:24px}
    .final-card h2{font-size:26px;line-height:1.12;letter-spacing:-.02em}
    .final-card p{font-size:14.5px;margin-bottom:20px}
    .final-card .btn-lg{height:44px;font-size:14px;padding:0 16px}
    .final-card .mini{padding:18px 16px;font-size:11px;line-height:1.7;overflow-x:auto;white-space:nowrap;border-radius:10px}
  }

  /* ===== EXTRA-SMALL (≤ 380px) ===== */
  @media (max-width: 380px){
    .hero h1{font-size:27px}
    .stat-cell .n,.stat-n{font-size:21px}
    .hero-cta .btn-lg{font-size:13.5px;padding:0 14px}
  }