/* ============ TOKENS ============ */
  :root{
    --ink:#151129;
    --ink-soft:#4a4560;
    --ink-faint:#8a84a0;
    --bg:#FBFAFE;
    --surface:#ffffff;
    --surface-tint:#F4F1FC;
    --border:#E7E2F5;
    --primary:#4F3CC9;
    --primary-deep:#2E1F8F;
    --primary-bright:#7C5CFC;
    --accent-lav:#A78BFA;
    --teal:#0E7C86;
    --teal-deep:#0A5C64;
    --teal-tint:#E7F5F4;
    --warn:#E8896B;
    --shadow-color: 250 40% 30%;
    --nav-bg: 255 255 255;
    --primary-button-text:#fff;
    --kx-bg:#0A0A16;
    --kx-bg-2:#12102A;
    --kx-border:#2A2650;
    --kx-text:#EDEBFA;
    --kx-text-soft:#A9A3C9;
    --card-glow:#EFEAFC;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --ink:#F1EEFB;
      --ink-soft:#C4BEDC;
      --ink-faint:#8f89ac;
      --bg:#100E1E;
      --surface:#181530;
      --surface-tint:#1D1A38;
      --border:#312C55;
      --primary:#8B75F0;
      --primary-deep:#B7A6FF;
      --primary-bright:#9A87FF;
      --accent-lav:#C6B6FF;
      --teal:#5FC7CE;
      --teal-deep:#8CE0E5;
      --teal-tint:#122726;
      --nav-bg: 24 21 48;
      --primary-button-text:#171329;
      --card-glow:#2A2560;
    }
  }
  :root[data-theme="dark"]{
    --ink:#F1EEFB;
    --ink-soft:#C4BEDC;
    --ink-faint:#8f89ac;
    --bg:#100E1E;
    --surface:#181530;
    --surface-tint:#1D1A38;
    --border:#312C55;
    --primary:#8B75F0;
    --primary-deep:#B7A6FF;
    --primary-bright:#9A87FF;
    --accent-lav:#C6B6FF;
    --teal:#5FC7CE;
    --teal-deep:#8CE0E5;
    --teal-tint:#122726;
    --nav-bg: 24 21 48;
    --primary-button-text:#171329;
    --card-glow:#2A2560;
  }

  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent-lav) transparent;scroll-padding-top:110px;}
  section[id]{scroll-margin-top:110px;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  ::-webkit-scrollbar{width:6px;height:6px;}
  ::-webkit-scrollbar-track{background:transparent;}
  ::-webkit-scrollbar-thumb{background-color:var(--accent-lav);border-radius:100px;border:2px solid transparent;background-clip:padding-box;}
  ::-webkit-scrollbar-thumb:hover{background-color:var(--primary);}
  img{max-width:100%;display:block;}
  h1,h2,h3,h4{font-family:'Fraunces',Georgia,'Times New Roman',serif;font-weight:600;margin:0;text-wrap:balance;letter-spacing:-0.01em;}
  p{margin:0;}
  a{color:inherit;text-decoration:none;}
  button{font-family:inherit;cursor:pointer;}
  .mono{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;}
  ::selection{background:var(--primary);color:#fff;}
  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}
  }

  .wrap{max-width:1240px;margin-inline:auto;padding-inline:24px;}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:0.09em;text-transform:uppercase;
    color:var(--primary);font-weight:500;
  }
  .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent);animation:dotPulse 2.6s ease-in-out infinite;}
  @keyframes dotPulse{0%,100%{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent);}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--primary) 12%, transparent);}}
  @media (prefers-reduced-motion: reduce){.eyebrow .dot{animation:none;}}
  .eyebrow.teal{color:var(--teal-deep);}
  .eyebrow.teal .dot{background:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 20%, transparent);}
  .eyebrow.kx{color:var(--accent-lav);}
  .eyebrow.kx .dot{background:var(--accent-lav);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-lav) 25%, transparent);}

  section{position:relative;}
  .section-pad{padding-block:36px;}
  @media (max-width:780px){.section-pad{padding-block:28px;}}
  @media (max-width:520px){.section-pad{padding-block:22px;}}

  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:14px 26px;border-radius:100px;font-weight:600;font-size:15px;
    border:1px solid transparent; transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
    white-space:nowrap;position:relative;overflow:hidden;isolation:isolate;
  }
  .btn:active{transform:scale(0.97);}
  .btn::before{
    content:'';position:absolute;inset:0;z-index:-1;
    background:linear-gradient(115deg, transparent 20%, color-mix(in srgb, #fff 35%, transparent) 48%, transparent 66%);
    transform:translateX(-120%);transition:transform .65s ease;
  }
  .btn:hover::before{transform:translateX(120%);}
  .btn-primary{background:linear-gradient(135deg,var(--primary-bright),var(--primary-deep));color:var(--primary-button-text);box-shadow:0 10px 30px -10px color-mix(in srgb, var(--primary) 70%, transparent);}
  .btn-primary:hover{box-shadow:0 14px 36px -8px color-mix(in srgb, var(--primary) 80%, transparent);transform:translateY(-2px);}
  .btn-ghost{background:transparent;border-color:var(--border);color:var(--ink);}
  .btn-ghost:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);}
  .cta-panel .btn-ghost{background:var(--surface);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));color:var(--ink);box-shadow:0 10px 24px -16px hsl(var(--shadow-color)/0.28);}
  .cta-panel .btn-ghost:hover{background:var(--surface);border-color:var(--primary);color:var(--primary);}
  .btn-ghost::before{background:linear-gradient(115deg, transparent 20%, color-mix(in srgb, var(--primary) 14%, transparent) 48%, transparent 66%);}
  .btn-dark{background:var(--ink);color:var(--bg);}
  .btn-dark:hover{transform:translateY(-2px);}
  .btn-teal{background:linear-gradient(135deg,#087ca9,#075f98);color:#fff;box-shadow:0 10px 30px -10px rgba(8,124,169,.55);}
  .btn-teal:hover{box-shadow:0 14px 36px -8px rgba(8,124,169,.7);transform:translateY(-2px);}
  .btn-teal::before{background:linear-gradient(115deg, transparent 20%, color-mix(in srgb, #fff 35%, transparent) 48%, transparent 66%);}
  .btn-sm{padding:10px 18px;font-size:13.5px;}
  .btn-md{padding:12px 22px;font-size:14px;}
  .btn svg{width:16px;height:16px;flex-shrink:0;transition:transform .25s ease;}
  .btn:hover svg{transform:translateX(3px);}
  @media (prefers-reduced-motion: reduce){.btn::before{transition:none;}}

  /* ============ NAV ============ */
  #nav{
    position:sticky;top:0;z-index:100;
    padding-block:16px;
  }
  /* Keep the header strip and the hero wash the same color at their shared edge. */
  #nav.nav-home{background:var(--surface-tint);}
  #nav .bar{
    width:calc(100% - 40px);max-width:1240px;margin-inline:auto;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:10px 10px 10px 20px;border-radius:100px;
    background:rgb(var(--nav-bg));
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
    border:1px solid var(--border);
    box-shadow:0 8px 30px -14px hsl(var(--shadow-color) / 0.35);
    transition:box-shadow .3s ease;
    position:relative;isolation:isolate;
  }
  #nav.nav-home .bar{
    background:rgb(var(--nav-bg) / .86);
    border-color:color-mix(in srgb, var(--border) 35%, transparent);
    border-bottom-color:transparent;
    box-shadow:none !important;
  }
  #nav .bar::before{
    content:'';position:absolute;inset:-16px;z-index:-1;border-radius:44px;pointer-events:none;
    background:
      radial-gradient(ellipse 46% 140% at 14% 50%, rgba(59,130,246,.16), transparent 70%),
      radial-gradient(ellipse 46% 140% at 50% 50%, rgba(124,92,252,.16), transparent 70%),
      radial-gradient(ellipse 46% 140% at 86% 50%, rgba(236,72,153,.14), transparent 70%);
    filter:blur(20px);opacity:0;transition:opacity .5s ease;
  }
  #nav .bar:hover::before{opacity:1;}
  .logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:19px;color:var(--ink);flex-shrink:0;min-width:0;}
  .logo .mark{width:30px;height:30px;flex-shrink:0;}
  .logo small{display:block;font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:9.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--primary);margin-top:1px;}
  .logo img{height:44px;width:auto;display:block;margin:0;flex-shrink:0;}

  @media (max-width:414px){
    #nav .bar{padding:8px 8px 8px 14px;gap:10px;}
    .navcta{gap:6px;}
    .navcta .btn-sm{display:none;}
    .logo img{height:39px;}
    .navburger{width:38px;height:38px;}
  }
  #mobilemenu .logo img{height:39px;}
  .foot-brand .logo img{height:44px;}

  .plogo{width:100%;height:100%;object-fit:contain;}

  .section-logo{height:62px;width:auto;display:block;margin-bottom:18px;}
  .head.center .section-logo{margin-inline:auto;}
  .kx-dark-chip{display:inline-flex;background:var(--surface-tint);border:1px solid var(--border);border-radius:14px;padding:10px 18px;margin-bottom:18px;}
  .kx-dark-chip img{height:34px;width:auto;display:block;}

  .navlinks{display:flex;align-items:center;gap:2px;min-width:0;}
  .navlinks a, .navlinks .nav-face{
    padding:10px 14px;border-radius:100px;font-size:15.5px;font-weight:500;color:color-mix(in srgb, var(--ink) 80%, var(--ink-soft));
    display:flex;align-items:center;gap:7px;transition:color .25s ease;
    position:relative;isolation:isolate;cursor:pointer;text-decoration:none;
    white-space:nowrap;
  }
  @media (max-width:1780px){
    .navlinks{gap:0;}
    .navlinks a, .navlinks .nav-face{padding:9px 10px;font-size:14.5px;gap:5px;}
  }
  @media (max-width:1480px){
    .navlinks a, .navlinks .nav-face{padding:8px 8px;font-size:13.5px;gap:4px;}
  }
  @media (max-width:1340px){
    #nav .bar{width:calc(100% - 24px);padding:8px 9px 8px 14px;gap:8px;}
    #nav .logo img{height:39px;}
    .foot-brand .logo img{height:39px;}
    .navlinks a, .navlinks .nav-face{padding:8px 5px;font-size:12.5px;gap:3px;}
    .navcta .btn-sm{padding:9px 12px;font-size:11.5px;white-space:nowrap;}
  }
  @media (max-width:1100px){
    .navlinks .nav-ic{display:none;}
    .navlinks a, .navlinks .nav-face{padding-inline:4px;font-size:12.25px;}
  }
  .navlinks a:hover, .navlinks .haspop:hover .nav-face, .navlinks a.active, .navlinks .haspop.active .nav-face{color:var(--ink);}
  /* current-page / current-section underline — low-opacity so it reads as a subtle location cue, not a second active state fighting the glow */
  .navlinks a::after{
    content:'';position:absolute;left:50%;bottom:1px;width:0;height:2px;border-radius:2px;
    background:currentColor;opacity:0;transform:translateX(-50%);
    transition:width .3s cubic-bezier(.4,0,.2,1), opacity .3s ease;
  }
  .navlinks a.active::after{width:22px;opacity:.4;}
  .navlinks a:not(.active):hover::after{width:22px;opacity:.18;}
  .navlinks .nav-ic{width:16px;height:16px;flex-shrink:0;transition:color .3s ease;color:color-mix(in srgb, var(--ink) 55%, var(--ink-soft));}
  .navlinks .nav-chev{width:13px;height:13px;transition:transform .25s ease;color:color-mix(in srgb, var(--ink) 55%, var(--ink-soft));margin-left:-2px;}
  @media (max-width:1480px){.navlinks .nav-ic{width:14px;height:14px;}}
  @media (max-width:1340px){.navlinks .nav-ic{width:13px;height:13px;}}
  .haspop{position:relative;}
  .haspop::after{content:'';position:absolute;left:0;right:0;top:100%;height:20px;}
  .haspop:hover .nav-chev{transform:rotate(180deg);}

  /* per-item glow (ported from the glow-menu React pattern) */
  .navlinks .nav-glow{
    position:absolute;inset:-2px;z-index:-1;border-radius:100px;pointer-events:none;
    opacity:0;transform:scale(.82);
    transition:opacity .35s cubic-bezier(.4,0,.2,1), transform .35s cubic-bezier(.4,0,.2,1);
  }
  .navlinks a:hover .nav-glow, .navlinks .haspop:hover .nav-glow,
  .navlinks a.active .nav-glow, .navlinks .haspop.active .nav-glow{
    opacity:1;transform:scale(1);
  }
  .navlinks a[data-nav="solutions"] .nav-glow{background:radial-gradient(circle, rgba(217,119,6,.24) 0%, rgba(217,119,6,.07) 55%, transparent 78%);}
  .navlinks a[data-nav="solutions"]:hover .nav-ic, .navlinks a[data-nav="solutions"].active .nav-ic{color:#D97706;}
  .navlinks a[data-nav="products"] .nav-glow{background:radial-gradient(circle, rgba(124,92,252,.26) 0%, rgba(124,92,252,.08) 55%, transparent 78%);}
  .navlinks a[data-nav="products"]:hover .nav-ic, .navlinks a[data-nav="products"].active .nav-ic{color:var(--primary);}
  .navlinks a[data-nav="about"] .nav-glow{background:radial-gradient(circle, rgba(14,124,134,.26) 0%, rgba(14,124,134,.08) 55%, transparent 78%);}
  .navlinks a[data-nav="about"]:hover .nav-ic, .navlinks a[data-nav="about"].active .nav-ic{color:var(--teal-deep);}
  .navlinks a[data-nav="blogs"] .nav-glow{background:radial-gradient(circle, rgba(219,39,119,.22) 0%, rgba(219,39,119,.07) 55%, transparent 78%);}
  .navlinks a[data-nav="blogs"]:hover .nav-ic, .navlinks a[data-nav="blogs"].active .nav-ic{color:#DB2777;}
  .navlinks a[data-nav="usecases"] .nav-glow{background:radial-gradient(circle, rgba(37,99,235,.24) 0%, rgba(37,99,235,.07) 55%, transparent 78%);}
  .navlinks a[data-nav="usecases"]:hover .nav-ic, .navlinks a[data-nav="usecases"].active .nav-ic{color:#2563EB;}
  .navlinks a[data-nav="industries"] .nav-glow{background:radial-gradient(circle, rgba(220,38,38,.2) 0%, rgba(220,38,38,.06) 55%, transparent 78%);}
  .navlinks a[data-nav="industries"]:hover .nav-ic, .navlinks a[data-nav="industries"].active .nav-ic{color:#DC2626;}
  .navlinks a[data-nav="careers"] .nav-glow{background:radial-gradient(circle, rgba(168,85,247,.22) 0%, rgba(168,85,247,.07) 55%, transparent 78%);}
  .navlinks a[data-nav="careers"]:hover .nav-ic, .navlinks a[data-nav="careers"].active .nav-ic{color:#A855F7;}
  .navlinks a[data-nav="kortexone"] .nav-glow{background:radial-gradient(circle, rgba(124,92,252,.26) 0%, rgba(124,92,252,.08) 55%, transparent 78%);}
  .navlinks a[data-nav="kortexone"]:hover .nav-ic, .navlinks a[data-nav="kortexone"].active .nav-ic{color:var(--primary);}
  .navlinks a[data-nav="apinova"] .nav-glow{background:radial-gradient(circle, rgba(14,124,134,.26) 0%, rgba(14,124,134,.08) 55%, transparent 78%);}
  .navlinks a[data-nav="apinova"]:hover .nav-ic, .navlinks a[data-nav="apinova"].active .nav-ic{color:var(--teal-deep);}
  .navlinks a[data-nav="ira"] .nav-glow{background:radial-gradient(circle, rgba(168,85,247,.24) 0%, rgba(168,85,247,.07) 55%, transparent 78%);}
  .navlinks .nav-ic-img{border-radius:4px;object-fit:contain;color:transparent;}
  .dropdown{
    position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px);
    width:300px;background:var(--surface);border:1px solid var(--border);border-radius:20px;
    box-shadow:0 24px 48px -16px hsl(var(--shadow-color) / 0.28);
    padding:10px;opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .18s ease .4s, transform .18s ease .4s, visibility 0s linear .58s;
  }
  .haspop:hover .dropdown, .haspop:focus-within .dropdown{
    opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);
    transition:opacity .18s ease, transform .18s ease, visibility 0s linear;
  }
  .dropdown a{display:flex;gap:12px;padding:11px 12px;border-radius:13px;align-items:flex-start;}
  .dropdown a:hover{background:var(--surface-tint);}
  .dropdown .ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .dropdown .ic svg{width:17px;height:17px;}
  .dropdown strong{display:block;font-size:14px;color:var(--ink);font-weight:600;}
  .dropdown span{display:block;font-size:12px;color:var(--ink-faint);margin-top:1px;}
  .navlinks .products-menu{display:flex;align-items:center;}
  .navlinks .products-menu .nav-face{padding-right:2px;}
  .navlinks .products-toggle{
    display:flex;align-items:center;justify-content:center;
    width:25px;height:34px;padding:0;margin-left:-3px;
    border:0;border-radius:10px;background:transparent;color:var(--ink-soft);
    cursor:pointer;
  }
  .navlinks .products-toggle:hover,.navlinks .products-toggle:focus-visible{background:var(--surface-tint);color:var(--ink);}
  .navlinks .products-toggle[aria-expanded="true"] .nav-chev{transform:rotate(180deg);}
  .navlinks .products-menu .dropdown{
    z-index:30;top:calc(100% + 6px);width:170px;padding:4px;
    border-radius:12px;box-shadow:0 12px 28px -12px hsl(var(--shadow-color) / 0.28);
  }
  .navlinks .products-menu:not(.open) .dropdown{opacity:0;visibility:hidden;pointer-events:none;}
  .navlinks .products-menu.open .dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);transition:opacity .18s ease,transform .18s ease,visibility 0s linear;}
  .navlinks .products-menu .dropdown a{align-items:center;gap:8px;padding:6px 8px;border-radius:8px;white-space:nowrap;line-height:1.25;}
  .navlinks .products-menu .dropdown a::after{display:none;}
  .navlinks .products-menu .dropdown strong{font-size:13px;}
  .navlinks .products-menu .dropdown .ic{width:24px;height:24px;border-radius:6px;background:var(--surface-tint);color:var(--primary);}
  .navlinks .products-menu .dropdown .ic svg{width:14px;height:14px;}
  .products-menu .dropdown .ic.api{background:var(--teal-tint);color:var(--teal-deep);}

  .navcta{display:flex;align-items:center;gap:8px;flex-shrink:0;}
  .navburger{display:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);align-items:center;justify-content:center;background:var(--surface);color:var(--ink);}
  .navburger svg{width:20px;height:20px;}

  @media (max-width:900px){
    .navlinks{display:none;}
    .navburger{display:flex;}
    .navcta .btn-ghost{display:none;}
  }

  #mobilemenu{
    position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:200;background:var(--bg);
    display:flex;flex-direction:column;padding:18px 20px;
    transform:translateY(-110%);visibility:hidden;pointer-events:none;
    transition:transform .35s cubic-bezier(.6,0,.3,1), visibility 0s linear .35s;
    overflow-y:auto;
  }
  #mobilemenu.open{transform:translateY(0);visibility:visible;pointer-events:auto;transition:transform .35s cubic-bezier(.6,0,.3,1);}
  body.menu-open #nav{visibility:hidden;}
  #mobilemenu .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border);}
  #mobilemenu > a{font-family:'Fraunces',serif;font-size:clamp(20px,5.5vw,22px);font-weight:600;padding:12px 2px 12px 14px;border-bottom:1px solid var(--border);color:var(--ink);display:block;position:relative;border-left:2px solid transparent;transition:border-color .25s ease,background .25s ease;}
  #mobilemenu > a.active{border-left-color:color-mix(in srgb, var(--primary) 40%, transparent);background:color-mix(in srgb, var(--primary) 6%, transparent);}
  #mobilemenu .mobile-products summary{
    list-style:none;cursor:pointer;font-family:'Fraunces',serif;
    font-size:clamp(20px,5.5vw,22px);font-weight:600;
    padding:12px 2px 12px 14px;border-bottom:1px solid var(--border);
    border-left:2px solid transparent;color:var(--ink);
  }
  #mobilemenu .mobile-products summary::-webkit-details-marker{display:none;}
  #mobilemenu .mobile-products summary::after{
    content:'';display:inline-block;width:8px;height:8px;margin:0 0 3px 13px;
    border-right:2px solid currentColor;border-bottom:2px solid currentColor;
    transform:rotate(45deg);transition:transform .2s ease;
  }
  #mobilemenu .mobile-products[open] summary::after{transform:rotate(225deg);}
  #mobilemenu .mobile-products summary.active{border-left-color:color-mix(in srgb,var(--primary) 40%,transparent);background:color-mix(in srgb,var(--primary) 6%,transparent);}
  #mobilemenu .mobile-products a{
    display:block;padding:12px 14px 12px 32px;
    border-bottom:1px solid var(--border);color:var(--ink-soft);font-size:15px;
  }
  #mobilemenu .mobile-products a:hover,#mobilemenu .mobile-products a.active{color:var(--primary);background:var(--surface-tint);}
  #mobilemenu .cta-row{margin-top:18px;display:flex;flex-direction:column;gap:10px;}
  #mobilemenu .cta-row .btn{border-bottom:none;font-family:inherit;}
  #mobilemenu .cta-row .btn-primary{color:var(--primary-button-text);}
  #mobilemenu .cta-row .btn-ghost{color:var(--ink);}

  /* ============ HERO ============ */
  #hero{padding-top:36px;padding-bottom:60px;overflow:hidden;}
  .hero-stage{position:relative;padding-block:32px 32px;}
  /* decorative wash so the page background reads as one continuous color behind the
     transparent header strip, matching the tint used just below it. Positioned
     (not fixed) so it scrolls away with the hero and never shows through the
     nav's transparent zones once later, differently-colored sections are behind it. */
  .page-bg-wash{
    position:absolute;top:0;left:0;right:0;height:480px;
    background:linear-gradient(180deg, var(--surface-tint) 0%, var(--surface-tint) 45%, transparent 100%);
    z-index:-1;pointer-events:none;
  }
  .hero-blob{position:absolute;border-radius:50%;filter:blur(70px);z-index:0;opacity:.4;animation:blobDrift 16s ease-in-out infinite;}
  .blob-b{width:380px;height:380px;bottom:-180px;left:-160px;background:radial-gradient(circle at 60% 40%, var(--teal), transparent 70%);opacity:.15;animation-duration:14s;animation-delay:-4s;}
  @keyframes blobDrift{
    0%,100%{transform:translate(0,0) scale(1);}
    33%{transform:translate(-22px,18px) scale(1.06);}
    66%{transform:translate(16px,-14px) scale(0.97);}
  }

  .hero-shapes{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
  .hshape{
    position:absolute;border-radius:22px;opacity:.4;
    border:1px solid color-mix(in srgb, var(--primary) 14%, transparent);
    background:linear-gradient(135deg, color-mix(in srgb, var(--primary-bright) 8%, transparent), color-mix(in srgb, var(--teal) 5%, transparent));
    box-shadow:0 16px 40px -20px hsl(var(--shadow-color)/0.16);
  }
  .hshape{animation:hshapeFloat 9s ease-in-out infinite;}
  .hshape-1{width:120px;height:120px;top:8%;right:8%;--rot:22deg;transform:rotate(22deg);animation-duration:11s;}
  .hshape-2{width:80px;height:80px;top:52%;right:20%;--rot:-14deg;transform:rotate(-14deg);animation-duration:9s;animation-delay:-2.5s;
    background:linear-gradient(135deg, color-mix(in srgb, var(--accent-lav) 10%, transparent), color-mix(in srgb, var(--primary-bright) 5%, transparent));}
  .hshape-3{width:60px;height:60px;top:14%;left:6%;--rot:-10deg;transform:rotate(-10deg);animation-duration:8s;animation-delay:-5s;
    border-color:color-mix(in srgb, var(--teal) 16%, transparent);
    background:linear-gradient(135deg, color-mix(in srgb, var(--teal) 8%, transparent), transparent);}
  @keyframes hshapeFloat{
    0%,100%{transform:rotate(var(--rot)) translateY(0);}
    50%{transform:rotate(var(--rot)) translateY(-16px);}
  }
  @media (max-width:760px){.hero-shapes{display:none;}}
  @media (prefers-reduced-motion: reduce){
    .hero-blob,.hshape{animation:none;}
  }
  .hero-grid-lines{
    position:absolute;inset:0;z-index:0;pointer-events:none;
    width:100%;height:100%;display:block;
    mask-image:radial-gradient(ellipse 85% 82% at 50% 38%, black 20%, transparent 90%);
    -webkit-mask-image:radial-gradient(ellipse 85% 82% at 50% 38%, black 20%, transparent 90%);
  }
  .hero-inner{position:relative;z-index:2;text-align:center;max-width:900px;margin-inline:auto;}
  /* Same kinetic canvas, reused as a subtler background on other "panel" sections */
  .panel-kinetic-canvas{
    position:absolute;inset:0;z-index:0;pointer-events:none;
    width:100%;height:100%;display:block;
    mask-image:radial-gradient(ellipse 88% 85% at 50% 40%, black 20%, transparent 90%);
    -webkit-mask-image:radial-gradient(ellipse 88% 85% at 50% 40%, black 20%, transparent 90%);
  }
  .hero-inner .eyebrow{margin-bottom:22px;}
  .hero-inner h1{position:relative;font-size:clamp(26px,4vw,46px);line-height:1.16;color:var(--ink);}
  .hero-title-space{display:block;visibility:hidden;}
  .hero-title-fallback,.hero-title-animated{position:absolute;inset:0 0 auto;}
  .hero-title-fallback{
    background:linear-gradient(100deg,var(--primary-deep) 0%,var(--primary) 45%,var(--primary-bright) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero-title-animated{visibility:hidden;}
  .hero-inner h1.is-typing .hero-title-fallback{visibility:hidden;}
  .hero-inner h1.is-typing .hero-title-animated{visibility:visible;}
  .hero-inner h1 em{font-style:normal;background:linear-gradient(100deg,var(--primary-deep),var(--teal) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;}
  #heroTypeText{
    background:linear-gradient(100deg,var(--primary-deep) 0%, var(--primary) 45%, var(--primary-bright) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .type-cursor{
    display:inline-block;width:0.06em;height:0.85em;margin-left:0.06em;
    background:var(--primary);
    animation:typeblink 0.9s step-end infinite;
    vertical-align:-0.08em;
  }
  @keyframes typeblink{0%,49%{opacity:1;}50%,100%{opacity:0;}}
  .typing-complete .type-cursor{display:none;}
  @media (prefers-reduced-motion: reduce){
    .type-cursor{animation:none;opacity:0;}
  }
  .hero-inner .sub{margin:26px auto 0;max-width:620px;font-size:18.5px;line-height:1.6;color:var(--ink-soft);}
  .hero-ctas{display:flex;gap:14px;justify-content:center;margin-top:38px;flex-wrap:wrap;}
  .hero-note{margin-top:20px;font-size:13px;color:var(--ink-faint);}

  .hero-stats{
    position:relative;z-index:2;
    max-width:1000px;margin:36px auto 0;
    display:grid;grid-template-columns:repeat(4,1fr);
    border-radius:28px;border:1px solid var(--border);
    background:color-mix(in srgb, var(--surface) 80%, transparent);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    box-shadow:0 30px 60px -30px hsl(var(--shadow-color)/0.3);
    overflow:hidden;
  }
  .hero-stats .stat{padding:28px 18px;text-align:center;border-right:1px solid var(--border);}
  .hero-stats .stat:last-child{border-right:none;}
  .hero-stats .num{font-family:'Fraunces',serif;font-size:clamp(24px,3vw,34px);font-weight:600;color:var(--ink);}
  .hero-stats .lbl{margin-top:6px;font-size:12.5px;color:var(--ink-faint);line-height:1.35;}
  @media (max-width:760px){
    .hero-stats{grid-template-columns:repeat(2,1fr);border-radius:22px;}
    .hero-stats .stat{border-bottom:1px solid var(--border);}
    .hero-stats .stat:nth-child(2n){border-right:none;}
  }

  /* ============ REVEAL ============ */
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);}
  .reveal.in{opacity:1;transform:none;}
  .reveal .num{display:inline-block;}
  .reveal.in .num{animation:numPop .6s cubic-bezier(.34,1.56,.64,1) .12s backwards;}
  @keyframes numPop{0%{transform:scale(.55);opacity:0;}100%{transform:scale(1);opacity:1;}}
  @media (prefers-reduced-motion: reduce){.reveal.in .num{animation:none;}}
  .reveal-stagger .reveal:nth-child(1){transition-delay:.02s;}
  .reveal-stagger .reveal:nth-child(2){transition-delay:.08s;}
  .reveal-stagger .reveal:nth-child(3){transition-delay:.14s;}
  .reveal-stagger .reveal:nth-child(4){transition-delay:.2s;}
  .reveal-stagger .reveal:nth-child(5){transition-delay:.26s;}
  .reveal-stagger .reveal:nth-child(6){transition-delay:.32s;}
  .reveal-stagger .reveal:nth-child(7){transition-delay:.38s;}
  .reveal-stagger .reveal:nth-child(8){transition-delay:.44s;}
  .reveal-stagger .reveal:nth-child(9){transition-delay:.5s;}

  /* ============ SECTION HEADS ============ */
  .head{max-width:640px;}
  .head.center{margin-inline:auto;text-align:center;}
  .head h1,.head h2{font-size:clamp(30px,4.2vw,46px);margin-top:16px;color:var(--ink);}
  .head p{margin-top:16px;font-size:16.5px;line-height:1.65;color:var(--ink-soft);}

  /* ============ PRODUCT OVERVIEW CARDS ============ */
  .products-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px;}
  @media (max-width:860px){.products-grid{grid-template-columns:1fr;gap:18px;margin-top:36px;}}
  .pcard{
    border-radius:28px;padding:38px;border:1px solid var(--border);
    background:var(--surface);position:relative;overflow:hidden;
    transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, border-color .35s ease;
  }
  @media (max-width:600px){.pcard{padding:26px;border-radius:22px;}}
  .pcard:hover{transform:translateY(-6px);box-shadow:0 34px 60px -28px hsl(var(--shadow-color)/0.35);}
  .pcard .glow{position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(60px);top:-90px;right:-90px;opacity:.22;z-index:0;transition:opacity .4s ease, transform .5s ease;}
  .pcard:hover .glow{opacity:.38;transform:scale(1.12);}
  .pcard.api .glow{background:var(--teal);}
  .pcard.kx .glow{background:var(--primary);}
  .pcard .top-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;}
  .picon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.2,.8,.3,1.3);}
  .pcard:hover .picon{transform:scale(1.08);}
  .pcard:hover .picon.plogo-box{transform:none;}
  .picon svg{width:26px;height:26px;}
  .pcard.api .picon{background:var(--teal-tint);color:var(--teal-deep);}
  .pcard.kx .picon{background:var(--surface-tint);color:var(--primary);}
  .pcard .picon.plogo-box{width:auto;height:40px;min-width:auto;background:#fff;border:1px solid var(--border);border-radius:12px;padding:7px 12px;}
  .pcard .picon.plogo-box .plogo{width:auto;height:100%;max-width:104px;object-fit:contain;}
  .pcard .picon.plogo-box.kx-dark{background:var(--surface-tint);border-color:var(--border);}
  .ptag{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.07em;text-transform:uppercase;padding:6px 12px;border-radius:100px;border:1px solid var(--border);color:var(--ink-faint);}
  .pcard h3{position:relative;z-index:1;font-size:26px;margin-top:26px;color:var(--ink);}
  .pcard .desc{position:relative;z-index:1;margin-top:22px;font-size:15px;line-height:1.6;color:var(--ink-soft);}
  .pchips{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
  .pchip{font-size:12.5px;padding:7px 13px;border-radius:100px;background:var(--surface-tint);color:var(--ink-soft);border:1px solid var(--border);}
  .pcard-hit{position:absolute;inset:0;z-index:1;}
  .pcard .card-links{position:relative;z-index:2;margin-top:26px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;}
  .pcard .go{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:14.5px;}
  .pcard.api .go{color:var(--teal-deep);}
  .pcard.kx .go{color:var(--primary);}
  .pcard .go svg{width:15px;height:15px;transition:transform .25s ease;}
  .pcard:hover .go svg{transform:translateX(4px);}
  .pcard .visit-link{position:relative;z-index:2;display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:13px;color:var(--ink-faint);}
  .pcard .visit-link:hover{color:var(--ink);}
  .pcard .visit-link svg{width:12px;height:12px;}

  /* ============ AI SOLUTIONS (capabilities + use cases) ============ */
  .sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;}
  @media (max-width:900px){.sol-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.sol-grid{grid-template-columns:1fr;}}
  .sol-card{padding:26px;border-radius:20px;border:1px solid var(--border);background:var(--surface);transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;position:relative;isolation:isolate;overflow:hidden;--spot-x:50%;--spot-y:50%;--spot-o:0;--spot-color:124,92,252;}
  .sol-card:hover{transform:translateY(-4px);box-shadow:0 22px 42px -24px hsl(var(--shadow-color)/0.32);border-color:color-mix(in srgb, var(--primary) 26%, var(--border));}
  .sol-card::before{
    content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:radial-gradient(circle 170px at var(--spot-x) var(--spot-y), rgba(var(--spot-color),.09), transparent 68%);
    opacity:var(--spot-o);transition:opacity .45s ease;
  }
  .sol-card.teal{--spot-color:14,124,134;}
  .sol-card.amber{--spot-color:217,119,6;}
  .sol-card.lav{--spot-color:124,92,252;}
  .sol-card.rose{--spot-color:225,29,72;}
  .sol-ic{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;}
  .sol-ic svg{width:22px;height:22px;}
  .sol-ic.teal{background:color-mix(in srgb, var(--teal) 16%, transparent);color:var(--teal-deep);}
  .sol-ic.amber{background:color-mix(in srgb, #D97706 15%, transparent);color:#D97706;}
  .sol-ic.lav{background:var(--surface-tint);color:var(--primary);}
  .sol-ic.rose{background:color-mix(in srgb, #E11D48 13%, transparent);color:#E11D48;}
  .sol-card h4{margin-top:18px;font-size:15.5px;color:var(--ink);font-family:'Inter',sans-serif;font-weight:600;}
  .sol-card p{margin-top:8px;font-size:13px;line-height:1.55;color:var(--ink-soft);}

  /* ============ USE CASES (tabbed explorer) ============ */
  .uc2-hero{position:relative;overflow:hidden;}
  .uc2-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:40px auto 0;max-width:920px;background:var(--border);border-radius:20px;overflow:hidden;border:1px solid var(--border);}
  @media (max-width:700px){.uc2-stat-strip{grid-template-columns:repeat(2,1fr);}}
  .uc2-stat{background:var(--surface);padding:24px 16px;text-align:center;}
  .uc2-stat-num{font-family:'Fraunces',serif;font-size:32px;background:linear-gradient(100deg,#D97706,var(--primary) 55%,var(--teal-deep));-webkit-background-clip:text;background-clip:text;color:transparent;}
  .uc2-stat-lbl{margin-top:6px;font-size:12.5px;color:var(--ink-soft);line-height:1.35;}

  .uc2-tabs{display:flex;justify-content:center;gap:10px;margin-top:44px;flex-wrap:wrap;}
  .uc2-tab{display:inline-flex;align-items:center;gap:9px;padding:12px 24px;border-radius:100px;border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:'Inter',sans-serif;}
  .uc2-tab:hover{color:var(--ink);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));}
  .uc2-tab-dot{width:9px;height:9px;border-radius:50%;background:var(--ink-faint);transition:background .25s ease;flex-shrink:0;}
  .uc2-tab[data-uc-theme="solutions"] .uc2-tab-dot{background:#D97706;}
  .uc2-tab[data-uc-theme="kortexone"] .uc2-tab-dot{background:var(--primary);}
  .uc2-tab[data-uc-theme="apinova"] .uc2-tab-dot{background:var(--teal-deep);}
  .uc2-tab.active{color:#fff;border-color:transparent;box-shadow:0 10px 24px -12px color-mix(in srgb, var(--primary) 60%, transparent);}
  .uc2-tab.active .uc2-tab-dot{background:#fff;}
  .uc2-tab[data-uc-theme="solutions"].active{background:linear-gradient(135deg,#D97706,#F0A93A);}
  .uc2-tab[data-uc-theme="kortexone"].active{background:linear-gradient(135deg,var(--primary),var(--primary-bright));}
  .uc2-tab[data-uc-theme="apinova"].active{background:linear-gradient(135deg,var(--teal-deep),var(--teal));}

  .uc2-panels{margin-top:20px;border-radius:32px;padding:44px clamp(16px,3vw,44px);transition:background .4s ease;}
  .uc2-panels[data-theme="solutions"]{background:linear-gradient(160deg,color-mix(in srgb, #D97706 7%, transparent),transparent 60%);}
  .uc2-panels[data-theme="kortexone"]{background:linear-gradient(160deg,color-mix(in srgb, var(--primary) 8%, transparent),transparent 60%);}
  .uc2-panels[data-theme="apinova"]{background:linear-gradient(160deg,color-mix(in srgb, var(--teal) 10%, transparent),transparent 60%);}
  .uc2-panel{display:none;}
  .uc2-panel.active{display:block;}
  .uc2-body{display:grid;grid-template-columns:272px 1fr;gap:24px;align-items:center;}

  /* rail (numbered category picker) */
  .uc2-rail{display:flex;flex-direction:column;gap:8px;}
  .uc2-rail-btn{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 14px;border-radius:16px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .25s ease;font-family:'Inter',sans-serif;color:var(--ink-soft);width:100%;}
  .uc2-rail-btn:hover{border-color:color-mix(in srgb, var(--primary) 25%, var(--border));color:var(--ink);}
  .uc2-rail-ic{width:38px;height:38px;border-radius:11px;background:var(--surface-tint);color:var(--ink-faint);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s ease;}
  .uc2-rail-ic svg{width:17px;height:17px;}
  .uc2-rail-btn .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
  .uc2-rail-btn .n{font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:700;color:var(--ink-faint);}
  .uc2-rail-btn .t > span:last-child{font-size:13.5px;font-weight:700;line-height:1.3;color:inherit;}
  .uc2-rail-btn .arrow{width:15px;height:15px;flex-shrink:0;color:var(--ink-faint);opacity:0;transform:translateX(-3px);transition:all .25s ease;}
  .uc2-rail-btn.active{background:var(--surface);border-color:#D97706;box-shadow:0 12px 26px -16px hsl(var(--shadow-color)/0.32);color:var(--ink);}
  .uc2-rail-btn.active .n{color:#D97706;}
  .uc2-rail-btn.active .uc2-rail-ic{background:color-mix(in srgb, #D97706 16%, transparent);color:#D97706;}
  .uc2-rail-btn.active .arrow{opacity:1;transform:translateX(0);color:#D97706;}
  .uc2-panels[data-theme="kortexone"] .uc2-rail-btn.active{border-color:var(--primary);}
  .uc2-panels[data-theme="kortexone"] .uc2-rail-btn.active .n{color:var(--primary);}
  .uc2-panels[data-theme="kortexone"] .uc2-rail-btn.active .uc2-rail-ic{background:color-mix(in srgb, var(--primary) 16%, transparent);color:var(--primary);}
  .uc2-panels[data-theme="kortexone"] .uc2-rail-btn.active .arrow{color:var(--primary);}
  .uc2-panels[data-theme="apinova"] .uc2-rail-btn.active{border-color:var(--teal-deep);}
  .uc2-panels[data-theme="apinova"] .uc2-rail-btn.active .n{color:var(--teal-deep);}
  .uc2-panels[data-theme="apinova"] .uc2-rail-btn.active .uc2-rail-ic{background:color-mix(in srgb, var(--teal) 18%, transparent);color:var(--teal-deep);}
  .uc2-panels[data-theme="apinova"] .uc2-rail-btn.active .arrow{color:var(--teal-deep);}

  /* detail card */
  .uc2-detail{position:relative;}
  .uc2-detail-card{display:none;border-radius:26px;border:1px solid var(--border);background:var(--surface);padding:32px;animation:uc2fade .4s ease;}
  .uc2-detail-card.active{display:block;}
  @keyframes uc2fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
  .uc2-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;background:var(--surface-tint);border:1px solid var(--border);font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);}
  .uc2-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:#D97706;flex-shrink:0;}
  .uc2-panels[data-theme="kortexone"] .uc2-eyebrow .dot{background:var(--primary);}
  .uc2-panels[data-theme="apinova"] .uc2-eyebrow .dot{background:var(--teal-deep);}
  .uc2-detail-card h3{margin-top:14px;font-size:clamp(22px,2.6vw,28px);font-family:'Fraunces',serif;font-weight:600;color:var(--ink);line-height:1.2;}
  .uc2-detail-card h3 .accent{background:linear-gradient(100deg,#D97706,var(--primary) 55%,var(--teal-deep));-webkit-background-clip:text;background-clip:text;color:transparent;}
  .uc2-detail-card > p{margin-top:10px;font-size:14.5px;line-height:1.65;color:var(--ink-soft);max-width:560px;}

  .uc2-visual-row{display:grid;grid-template-columns:1fr;gap:22px;margin-top:26px;}
  @media (min-width:901px){.uc2-visual-row{grid-template-columns:1.02fr 1fr;gap:30px;}}

  .uc2-feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;order:1;}
  @media (max-width:560px){.uc2-feat-grid{grid-template-columns:1fr;}}
  .uc2-feat{display:flex;gap:12px;align-items:flex-start;padding:15px;border-radius:14px;border:1px solid var(--border);background:var(--surface-tint);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;}
  .uc2-feat:hover{transform:translateY(-3px);background:var(--surface);box-shadow:0 16px 32px -20px hsl(var(--shadow-color)/0.32);border-color:color-mix(in srgb, var(--primary) 22%, var(--border));}
  .uc2-feat .ic{width:34px;height:34px;border-radius:10px;background:var(--surface);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 1px var(--border);}
  .uc2-feat .ic svg{width:16px;height:16px;}
  .uc2-feat span{font-size:12.5px;line-height:1.5;color:var(--ink-soft);font-weight:600;}

  .uc2-visual-img{position:relative;order:2;border-radius:22px;overflow:hidden;border:1px solid var(--border);box-shadow:0 26px 54px -28px hsl(var(--shadow-color)/0.4);aspect-ratio:5/4;}
  .uc2-visual-img img{width:100%;height:100%;object-fit:cover;display:block;}
  .uc2-visual-img::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,transparent 55%,rgba(10,8,30,.3));}
  .uc2-badge{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:13px;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:0 14px 30px -14px hsl(var(--shadow-color)/0.45);z-index:2;max-width:78%;}
  .uc2-badge .num{font-family:'Fraunces',serif;font-size:16px;font-weight:700;color:var(--ink);white-space:nowrap;}
  .uc2-badge .lbl{color:var(--ink-faint);font-size:10px;line-height:1.3;}
  .uc2-badge.tag{gap:7px;}
  .uc2-badge.tag .tagic{width:20px;height:20px;border-radius:7px;background:var(--surface-tint);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .uc2-badge.tag .tagic svg{width:11px;height:11px;}
  .uc2-badge.tag .lbl{font-size:11.5px;font-weight:700;color:var(--ink);}
  .uc2-badge.b1{top:14px;left:14px;}
  .uc2-badge.b2{bottom:14px;right:14px;}
  @media (max-width:900px){.uc2-visual-img{aspect-ratio:16/10;}}

  .uc2-panel-footer{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:space-between;margin-top:28px;padding-top:24px;border-top:1px solid var(--border);}
  .uc2-panel-stats{display:flex;gap:26px;flex-wrap:wrap;}
  .uc2-panel-stat .num{font-family:'Fraunces',serif;font-size:21px;background:linear-gradient(100deg,#D97706,var(--primary) 55%,var(--teal-deep));-webkit-background-clip:text;background-clip:text;color:transparent;}
  .uc2-panel-stat .lbl{margin-top:2px;font-size:11px;color:var(--ink-faint);}

  @media (max-width:860px){
    .uc2-body{grid-template-columns:1fr;}
    .uc2-rail{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:2px;}
    .uc2-rail-btn{flex-shrink:0;width:auto;white-space:nowrap;}
    .uc2-rail-btn .arrow{display:none;}
    .uc2-detail-card{padding:22px;}
    .uc2-panels{padding:26px 16px;border-radius:24px;}
    .uc2-panel-footer{justify-content:flex-start;}
  }

  .uc2-product-cta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px;}
  @media (max-width:860px){.uc2-product-cta{grid-template-columns:1fr;}}
  .uc2-pc{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:22px;border:1px solid var(--border);background:var(--surface);transition:all .25s ease;}
  .uc2-pc:hover{transform:translateY(-4px);box-shadow:0 20px 40px -22px hsl(var(--shadow-color)/0.32);}
  .uc2-pc-ic{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;}
  .uc2-pc-ic svg{width:21px;height:21px;}
  .uc2-pc.solutions .uc2-pc-ic{background:color-mix(in srgb, #D97706 14%, transparent);color:#D97706;}
  .uc2-pc.kortexone .uc2-pc-ic{background:color-mix(in srgb, var(--primary) 13%, transparent);color:var(--primary);}
  .uc2-pc.apinova .uc2-pc-ic{background:color-mix(in srgb, var(--teal) 14%, transparent);color:var(--teal-deep);}
  .uc2-pc h4{font-size:16px;font-family:'Inter',sans-serif;font-weight:700;color:var(--ink);}
  .uc2-pc p{font-size:13.5px;line-height:1.55;color:var(--ink-soft);flex-grow:1;}
  .uc2-pc-link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink);}
  .uc2-pc-link svg{width:14px;height:14px;transition:transform .2s ease;}
  .uc2-pc:hover .uc2-pc-link svg{transform:translateX(3px);}

  /* ============ INDUSTRIES / CAREERS (card grid) ============ */
  .ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;}
  @media (max-width:980px){.ind-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:640px){.ind-grid{grid-template-columns:1fr;}}
  .ind-card{position:relative;display:block;border-radius:18px;border:1px solid var(--border);background:var(--surface);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease;cursor:pointer;box-shadow:0 1px 0 hsl(var(--shadow-color)/0.02);}
  .ind-card:hover{transform:translateY(-5px);box-shadow:0 22px 42px -22px hsl(var(--shadow-color)/0.36);border-color:color-mix(in srgb, var(--primary) 28%, var(--border));}
  .ind-img{position:relative;aspect-ratio:16/6.2;overflow:hidden;background:var(--surface-tint);}
  .ind-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1);}
  .ind-card:hover .ind-img img{transform:scale(1.08);}
  .ind-img::after{content:"";position:absolute;inset:0;background:linear-gradient(195deg,transparent 42%,rgba(10,8,30,.55) 100%);}
  .ind-badge{position:absolute;left:10px;bottom:9px;z-index:2;font-size:10px;font-weight:700;letter-spacing:.01em;color:#fff;padding:5px 10px;border-radius:100px;background:rgba(20,16,45,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);}
  /* industry cover art (relevant themed illustration in place of a stock photo) */
  .ind-cover{background:linear-gradient(135deg,var(--cov-1),var(--cov-2) 58%,var(--cov-3));}
  .ind-cover.teal{--cov-1:#0b4a45;--cov-2:#0f766e;--cov-3:#2dd4bf;}
  .ind-cover.rose{--cov-1:#5b0e28;--cov-2:#be123c;--cov-3:#fb7185;}
  .ind-cover.amber{--cov-1:#5a3407;--cov-2:#b45309;--cov-3:#fbbf24;}
  .ind-cover.lav{--cov-1:#2a2166;--cov-2:#5b21b6;--cov-3:#a78bfa;}
  .ind-cover::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.16) 1px,transparent 1.6px);background-size:15px 15px;}
  .ind-cover .cov-blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.5),transparent 70%);}
  .ind-cover .cov-blob-a{width:70px;height:70px;left:-18px;bottom:-22px;}
  .ind-cover .cov-blob-b{width:48px;height:48px;right:-10px;top:-12px;}
  .ind-cover .cov-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.2,.8,.2,1);}
  .ind-card:hover .ind-cover .cov-icon{transform:scale(1.08) rotate(-2deg);}
  .ind-cover .cov-icon svg{width:34px;height:34px;color:rgba(255,255,255,.92);filter:drop-shadow(0 8px 12px rgba(0,0,0,.22));stroke-width:1.6;}
  .ind-cover .cov-icon-ghost{position:absolute;opacity:.16;color:#fff;}
  .ind-cover .cov-icon-ghost svg{width:58px;height:58px;stroke-width:1.3;}
  .ind-cover .cov-icon-ghost.g1{right:-10px;bottom:-10px;transform:rotate(-12deg);}
  .ind-ic{position:relative;width:38px;height:38px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin:-19px 0 0 16px;border:1px solid var(--border);box-shadow:0 10px 20px -10px hsl(var(--shadow-color)/0.4);z-index:3;background:var(--surface);}
  .ind-ic svg{width:17px;height:17px;}
  .ind-ic.teal{color:var(--teal-deep);}
  .ind-ic.amber{color:#D97706;}
  .ind-ic.rose{color:#E11D48;}
  .ind-ic.lav{color:var(--primary);}
  .ind-body{padding:10px 18px 18px;}
  .ind-more{display:inline-flex;align-items:center;gap:5px;margin-top:13px;font-size:12px;font-weight:700;color:var(--primary);}
  .ind-more svg{width:13px;height:13px;transition:transform .2s ease;}
  .ind-card:hover .ind-more svg{transform:translateX(3px);}
  .ind-card h4{margin-top:4px;font-size:13.5px;color:var(--ink);font-family:'Inter',sans-serif;font-weight:700;}
  .ind-card p{margin-top:6px;font-size:12px;line-height:1.5;color:var(--ink-soft);}
  .ind-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}
  .ind-tag{font-size:10px;font-weight:600;padding:4px 9px;border-radius:100px;background:var(--surface-tint);color:var(--ink-soft);border:1px solid var(--border);}

  /* ============ CAREERS — no open roles panel ============ */
  .careers-open-panel{max-width:640px;margin:36px auto 0;text-align:center;padding:52px 40px;border-radius:28px;border:1px solid var(--border);background:var(--surface);}
  .careers-open-panel.plain{padding:0 16px;border:none;background:transparent;margin-top:14px;}
  .careers-open-ic{width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary);}
  .careers-open-ic svg{width:26px;height:26px;}
  .careers-open-panel h3{margin-top:22px;font-size:clamp(20px,2.6vw,26px);font-family:'Fraunces',serif;color:var(--ink);}
  .careers-open-panel > p{margin-top:12px;font-size:14.5px;line-height:1.65;color:var(--ink-soft);}
  .careers-open-panel.plain > p:first-child{margin-top:0;}
  .careers-open-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:26px;}
  .careers-open-note{margin-top:18px;font-size:13px;color:var(--ink-faint);}
  .careers-open-note a{color:var(--primary);font-weight:600;text-decoration:underline;}
  @media (max-width:600px){.careers-open-panel{padding:38px 24px;}}

  /* ============ INDUSTRY DETAIL PAGE ============ */
  .ind-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-faint);margin-top:36px;}
  .ind-breadcrumb a{color:var(--ink-soft);font-weight:600;}
  .ind-breadcrumb a:hover{color:var(--primary);}
  .ind-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;margin-top:22px;}
  @media (max-width:900px){.ind-hero-grid{grid-template-columns:1fr;gap:30px;}}
  .ind-hero-copy h1{margin-top:14px;font-size:clamp(32px,4.4vw,48px);color:var(--ink);line-height:1.12;}
  .ind-hero-copy > p{margin-top:16px;font-size:16px;line-height:1.65;color:var(--ink-soft);max-width:520px;}
  .ind-hero-ctas{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap;}
  .ind-hero-img{border-radius:28px;overflow:hidden;border:1px solid var(--border);box-shadow:0 30px 60px -30px hsl(var(--shadow-color)/0.42);position:relative;aspect-ratio:16/12;}
  .ind-hero-img img{width:100%;height:100%;object-fit:cover;display:block;}
  .ind-hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg, transparent 60%, rgba(10,8,30,.28));}

  .ind-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:20px;background:var(--border);border-radius:20px;overflow:hidden;border:1px solid var(--border);}
  @media (max-width:700px){.ind-detail-stats{grid-template-columns:repeat(2,1fr);}}
  .ind-detail-stats .cell{background:var(--surface);padding:26px 16px;text-align:center;}
  .ind-detail-stats .num{font-family:'Fraunces',serif;font-size:28px;color:var(--primary);}
  .ind-detail-stats .lbl{margin-top:6px;font-size:12.3px;color:var(--ink-soft);line-height:1.4;}

  .ind-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;}
  @media (max-width:860px){.ind-cap-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:600px){.ind-cap-grid{grid-template-columns:1fr;}}
  .ind-cap{padding:22px;border-radius:18px;border:1px solid var(--border);background:var(--surface);}
  .ind-cap-ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--surface-tint);color:var(--primary);}
  .ind-cap-ic svg{width:18px;height:18px;}
  .ind-cap h4{margin-top:14px;font-size:14px;font-weight:700;color:var(--ink);}
  .ind-cap p{margin-top:6px;font-size:12.8px;line-height:1.5;color:var(--ink-soft);}


  /* ============ SPOTLIGHT CURSOR GLOW (cards) ============ */
  .pcard, .testi, .value-card, .doc-card, .bl-card, .feat{
    --spot-x:50%; --spot-y:50%; --spot-o:0; --spot-color:124,92,252;
  }
  .pcard.api{--spot-color:14,124,134;}
  .pcard.kx{--spot-color:124,92,252;}
  .bl-card{--spot-color:124,92,252;}
  .value-card, .doc-card{--spot-color:124,92,252;}
  .feat{--spot-color:14,124,134;}
  .pcard::before, .testi::before, .value-card::before, .doc-card::before, .bl-card::before, .feat::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(circle 150px at var(--spot-x) var(--spot-y), rgba(var(--spot-color),.06), transparent 68%);
    opacity:var(--spot-o);transition:opacity .45s ease;
  }
  .pcard::before{z-index:0;}
  .testi, .value-card, .doc-card, .bl-card, .feat{position:relative;isolation:isolate;overflow:hidden;}
  .testi::before, .value-card::before, .doc-card::before, .bl-card::before, .feat::before{z-index:-1;}

  /* ============ FEATURE GRID ============ */
  .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;}
  @media (max-width:900px){.feat-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:600px){.feat-grid{grid-template-columns:1fr;}}
  .feat{
    padding:26px;border-radius:20px;border:1px solid var(--border);background:var(--surface);
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  }
  .feat:hover{transform:translateY(-4px);box-shadow:0 20px 40px -22px hsl(var(--shadow-color)/0.3);border-color:color-mix(in srgb, var(--teal) 40%, var(--border));}
  .feat .fic{width:42px;height:42px;border-radius:12px;background:var(--teal-tint);color:var(--teal-deep);display:flex;align-items:center;justify-content:center;}
  .feat .fic svg{width:21px;height:21px;}
  .feat h4{margin-top:18px;font-size:16px;font-family:'Inter',sans-serif;font-weight:600;color:var(--ink);}
  .feat p{margin-top:8px;font-size:13.8px;line-height:1.55;color:var(--ink-soft);}

  .stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;}
  @media (max-width:700px){.stat-strip{grid-template-columns:1fr;}}
  .stat-strip .cell{padding:30px 26px;border-radius:22px;text-align:center;}
  .api-section .stat-strip .cell{background:var(--teal-tint);}
  .stat-strip .num{font-family:'Fraunces',serif;font-size:40px;color:var(--teal-deep);}
  .api-section .stat-strip .lbl{margin-top:6px;font-size:14px;color:var(--ink-soft);}

  .benefit-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;}
  .benefit-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:100px;background:var(--surface);border:1px solid var(--border);font-size:13.5px;color:var(--ink-soft);}
  .benefit-chip svg{width:15px;height:15px;color:var(--teal-deep);flex-shrink:0;}

  /* ============ KORTEXONE DARK SECTION ============ */
  .kx-section{
    --kx-bg: var(--surface-tint);
    --kx-bg-2: var(--surface);
    --kx-border: var(--border);
    --kx-text: var(--ink);
    --kx-text-soft: var(--ink-soft);
    --accent-lav: var(--primary);
    background:radial-gradient(ellipse 90% 60% at 20% 0%, var(--card-glow) 0%, var(--kx-bg) 60%);
    color:var(--kx-text); border-radius:40px; margin-inline:16px; overflow:hidden; position:relative;
    border:1px solid var(--border);
  }
  @media (max-width:600px){.kx-section{margin-inline:6px;border-radius:26px;}}
  .kx-section::before{
    content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;
    background-image:linear-gradient(rgba(79,60,201,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(79,60,201,.06) 1px, transparent 1px);
    background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at 50% 0%, black, transparent 75%);
  }
  .kx-inner{position:relative;z-index:1;}
  .kx-hero-pad{padding-top:44px;padding-bottom:64px;}
  @media (max-width:780px){.kx-hero-pad{padding-top:28px;padding-bottom:48px;}}
  @media (max-width:520px){.kx-hero-pad{padding-top:16px;padding-bottom:32px;}}
  .kx-section .head p{color:var(--kx-text-soft);}
  .kx-section .head h1,.kx-section .head h2{color:var(--kx-text);}

  .kx-compare{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px;}
  @media (max-width:800px){.kx-compare{grid-template-columns:1fr;}}
  .kx-panel{
    border-radius:24px;padding:32px;border:1px solid var(--kx-border);background:var(--kx-bg-2);
    box-shadow:0 26px 50px -32px hsl(var(--shadow-color) / 0.4);
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .kx-panel:hover{transform:translateY(-3px);box-shadow:0 32px 58px -28px hsl(var(--shadow-color) / 0.45);}
  .kx-panel.bad{background:linear-gradient(160deg, color-mix(in srgb, var(--warn) 8%, var(--kx-bg-2)) 0%, var(--kx-bg-2) 62%);border-color:color-mix(in srgb, var(--warn) 24%, var(--kx-border));}
  .kx-panel.good{background:linear-gradient(160deg, color-mix(in srgb, var(--accent-lav) 11%, var(--kx-bg-2)) 0%, var(--kx-bg-2) 62%);border-color:color-mix(in srgb, var(--accent-lav) 24%, var(--kx-border));}
  .kx-panel h3{
    font-size:22px;color:var(--kx-text);display:flex;align-items:center;gap:13px;font-family:'Fraunces',serif;font-weight:600;letter-spacing:-0.01em;
    padding-bottom:18px;margin-bottom:6px;border-bottom:1px solid color-mix(in srgb, var(--kx-border) 80%, transparent);position:relative;
  }
  .kx-panel h3::after{content:'';position:absolute;left:0;bottom:-1px;width:46px;height:2px;border-radius:2px;}
  .kx-panel.bad h3::after{background:var(--warn);}
  .kx-panel.good h3::after{background:var(--accent-lav);}
  .kx-h-ic{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .kx-panel h3 svg{width:19px;height:19px;flex-shrink:0;}
  .kx-panel.bad .kx-h-ic{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn);}
  .kx-panel.good .kx-h-ic{background:color-mix(in srgb, var(--accent-lav) 16%, transparent);color:var(--accent-lav);}
  .kx-item{display:flex;gap:13px;padding:15px 0;border-top:1px solid color-mix(in srgb, var(--kx-border) 65%, transparent);}
  .kx-item:first-of-type{border-top:none;padding-top:4px;}
  .kx-item .kx-i-ic{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .kx-item svg{width:17px;height:17px;flex-shrink:0;}
  .kx-panel.bad .kx-i-ic{background:color-mix(in srgb, var(--warn) 15%, transparent);color:var(--warn);}
  .kx-panel.good .kx-i-ic{background:color-mix(in srgb, var(--accent-lav) 15%, transparent);color:var(--accent-lav);}
  .kx-item strong{display:block;font-size:14.5px;color:var(--kx-text);font-weight:600;}
  .kx-item span{display:block;margin-top:3px;font-size:13.3px;line-height:1.55;color:var(--kx-text-soft);}

  .kx-pillars{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:34px;}
  @media (max-width:980px){.kx-pillars{grid-template-columns:repeat(3,1fr);}}
  @media (max-width:640px){.kx-pillars{grid-template-columns:repeat(2,1fr);}}
  .pillar{padding:22px 18px;border-radius:18px;border:1px solid var(--kx-border);background:var(--kx-bg-2);text-align:left;transition:background .25s ease, border-color .25s ease, transform .25s ease;}
  .pillar:hover{background:color-mix(in srgb, var(--accent-lav) 10%, var(--kx-bg-2));border-color:var(--accent-lav);transform:translateY(-4px);}
  .pillar .fic{width:38px;height:38px;border-radius:11px;background:rgba(167,139,250,0.14);color:var(--accent-lav);display:flex;align-items:center;justify-content:center;}
  .pillar .fic svg{width:19px;height:19px;}
  .pillar h4{margin-top:16px;font-size:14.5px;color:var(--kx-text);font-family:'Inter';font-weight:600;}
  .pillar p{margin-top:6px;font-size:12.5px;line-height:1.5;color:var(--kx-text-soft);}

  .kx-badges{display:flex;flex-wrap:nowrap;gap:8px;margin-top:28px;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;}
  .kx-badges::-webkit-scrollbar{display:none;}
  .kx-badge{display:flex;align-items:center;gap:6px;padding:8px 13px;border-radius:100px;border:1px solid var(--kx-border);background:var(--kx-bg-2);font-size:11.5px;white-space:nowrap;flex-shrink:0;color:var(--kx-text-soft);}
  @media (max-width:1200px){.kx-badges{justify-content:flex-start;}}
  .kx-badge svg{width:14px;height:14px;color:var(--accent-lav);}

  .kx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:36px;background:var(--kx-border);border-radius:22px;overflow:hidden;}
  @media (max-width:760px){.kx-stats{grid-template-columns:repeat(2,1fr);}}
  .kx-stats .cell{background:var(--kx-bg-2);padding:30px 20px;text-align:center;}
  .kx-stats .num{font-family:'Fraunces',serif;font-size:36px;background:linear-gradient(100deg,var(--primary),var(--teal) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;}
  .kx-stats .lbl{margin-top:8px;font-size:12.8px;color:var(--kx-text-soft);line-height:1.4;}

  /* ============ IRA CHAT MOCK ============ */
  .ira-layout{display:grid;grid-template-columns:1fr 0.85fr;gap:40px;align-items:center;margin-top:30px;}
  @media (max-width:900px){.ira-layout{grid-template-columns:1fr;}}
  .ira-feats{display:flex;flex-direction:column;gap:18px;}
  .ira-feat{display:flex;gap:14px;}
  .ira-feat .fic{width:36px;height:36px;border-radius:11px;background:var(--surface-tint);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .ira-feat .fic svg{width:17px;height:17px;}
  .ira-feat strong{display:block;font-size:14.5px;color:var(--ink);font-family:'Inter';font-weight:600;}
  .ira-feat span{display:block;margin-top:3px;font-size:13px;line-height:1.5;color:var(--ink-soft);}

  .chatcard{
    max-width:380px;margin-inline:auto;
    border-radius:22px;border:1px solid var(--border);background:var(--surface);
    box-shadow:0 30px 60px -30px hsl(var(--shadow-color)/0.35);overflow:hidden;
  }
  .chat-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border);}
  .chat-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
  .chat-avatar svg{width:15px;height:15px;}
  .chat-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
  .chat-head strong{font-size:13px;color:var(--ink);}
  .chat-head .status{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-faint);}
  .chat-head .status .dot{width:5px;height:5px;border-radius:50%;background:#3FC97F;}
  .chat-acc{margin-left:auto;font-size:10.5px;font-family:'IBM Plex Mono',monospace;padding:4px 9px;border-radius:100px;background:var(--surface-tint);color:var(--primary);}
  .chat-body{padding:12px;display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto;scroll-behavior:smooth;}
  .chat-body::-webkit-scrollbar{width:4px;}
  .chat-body::-webkit-scrollbar-track{background:transparent;}
  .chat-body::-webkit-scrollbar-thumb{background:var(--accent-lav);border-radius:10px;}
  .chat-body{scrollbar-width:thin;scrollbar-color:var(--accent-lav) transparent;}
  .bubble-user{align-self:flex-end;max-width:85%;background:linear-gradient(135deg,var(--primary-bright),var(--primary));color:#fff;padding:8px 12px;border-radius:14px 14px 3px 14px;font-size:12.3px;line-height:1.42;}
  .bubble-sys{align-self:flex-start;max-width:90%;background:var(--surface-tint);color:var(--ink-soft);padding:7px 11px;border-radius:12px;font-size:11px;display:flex;align-items:center;gap:6px;}
  .bubble-sys svg{width:12px;height:12px;flex-shrink:0;color:var(--teal-deep);}
  .bubble-ans{align-self:flex-start;max-width:94%;background:var(--surface);border:1px solid var(--border);padding:11px 13px;border-radius:3px 14px 14px 14px;}
  .bubble-ans p{font-size:12.3px;line-height:1.45;color:var(--ink);}
  .mini-chart{display:flex;align-items:flex-end;gap:8px;height:36px;margin-top:8px;}
  .mini-chart .bar{flex:1;border-radius:5px 5px 0 0;background:var(--surface-tint);position:relative;}
  .mini-chart .bar.on{background:linear-gradient(180deg,var(--primary-bright),var(--primary));}
  .mini-chart .bar span{position:absolute;bottom:-15px;left:0;right:0;text-align:center;font-size:9px;color:var(--ink-faint);font-family:'IBM Plex Mono',monospace;}
  .ans-note{margin-top:16px;font-size:10.3px;line-height:1.4;color:var(--ink-faint);}
  .ans-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;}
  .ans-actions button{font-size:10.5px;padding:5px 10px;border-radius:100px;background:var(--surface-tint);border:1px solid var(--border);color:var(--ink-soft);font-weight:500;transition:background .2s ease,border-color .2s ease;}
  .ans-actions button:hover{border-color:var(--primary);color:var(--primary);}
  .typing-dots{display:inline-flex;gap:3px;align-items:center;}
  .typing-dots span{width:4px;height:4px;border-radius:50%;background:var(--teal-deep);animation:typingBounce 1.1s infinite ease-in-out;}
  .typing-dots span:nth-child(2){animation-delay:.15s;}
  .typing-dots span:nth-child(3){animation-delay:.3s;}
  @keyframes typingBounce{0%,60%,100%{transform:translateY(0);opacity:.5;}30%{transform:translateY(-3px);opacity:1;}}
  .chat-input{margin:0 14px 14px;display:flex;align-items:center;gap:8px;padding:9px 8px 9px 15px;border-radius:100px;border:1px solid var(--border);background:var(--surface-tint);}
  .chat-input input{flex:1;border:none;background:transparent;outline:none;font-family:inherit;font-size:12.5px;color:var(--ink);min-width:0;}
  .chat-input input::placeholder{color:var(--ink-faint);}
  .chat-send{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none;transition:background .2s ease,transform .2s ease;}
  .chat-send:hover{background:var(--primary-deep);transform:scale(1.06);}
  .chat-send svg{width:14px;height:14px;}

  /* ============ TESTIMONIALS ============ */
  .testi-track{
    display:flex;gap:22px;margin-top:34px;
    overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;padding-bottom:4px;
  }
  .testi-track::-webkit-scrollbar{display:none;}
  .testi{
    scroll-snap-align:start;flex:0 0 calc((100% - 44px)/3);min-width:0;
    border-radius:24px;border:1px solid var(--border);background:var(--surface);padding:30px;display:flex;flex-direction:column;gap:20px;
  }
  @media (max-width:900px){.testi{flex:0 0 85%;max-width:420px;}}
  .testi-dots{display:flex;justify-content:center;gap:9px;margin-top:24px;}
  .testi-dot{width:8px;height:8px;border-radius:50%;background:var(--border);border:none;padding:0;cursor:pointer;transition:background .25s ease,transform .25s ease;}
  .testi-dot.active{background:var(--primary);transform:scale(1.35);}
  .testi .stars{display:flex;gap:3px;color:#F0B429;}
  .testi .stars svg{width:15px;height:15px;}
  .testi p{font-size:15px;line-height:1.65;color:var(--ink);font-family:'Fraunces',serif;}
  .testi .who{display:flex;align-items:center;gap:12px;margin-top:auto;}
  .testi .avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:15px;flex-shrink:0;}
  .testi .who strong{display:block;font-size:14px;color:var(--ink);}
  .testi .who span{display:block;font-size:12.5px;color:var(--ink-faint);margin-top:1px;}

  /* ============ ABOUT ============ */
  .about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
  @media (max-width:880px){.about-wrap{grid-template-columns:1fr;gap:36px;}}
  .about-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;}
  .about-stats .cell{padding:20px;border-radius:18px;background:var(--surface-tint);}
  .about-stats .num{font-family:'Fraunces',serif;font-size:26px;color:var(--primary);}
  .about-stats .lbl{margin-top:4px;font-size:12.5px;color:var(--ink-soft);}
  .founder-card{
    position:relative;isolation:isolate;overflow:hidden;
    border-radius:26px;border:1px solid var(--border);padding:34px 36px 32px;
    background:radial-gradient(ellipse 130% 90% at 100% 0%, color-mix(in srgb, var(--primary) 9%, var(--surface)) 0%, var(--surface) 58%);
    box-shadow:0 30px 60px -30px hsl(var(--shadow-color)/0.3);
    transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease;
  }
  .founder-card:hover{transform:translateY(-4px);box-shadow:0 36px 66px -28px hsl(var(--shadow-color)/0.36);}
  .founder-card::before{
    content:'\201C';position:absolute;top:-38px;right:20px;z-index:0;
    font-family:'Fraunces',serif;font-weight:600;font-size:168px;line-height:1;
    color:color-mix(in srgb, var(--primary) 13%, transparent);pointer-events:none;user-select:none;
  }
  .founder-top{position:relative;z-index:1;display:flex;gap:16px;align-items:center;}
  .founder-avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,var(--primary-bright),var(--teal));display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Fraunces',serif;font-size:22px;flex-shrink:0;overflow:hidden;box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 14%, transparent);}
  .founder-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block;}
  .founder-top strong{font-size:16.5px;color:var(--ink);}
  .founder-top span{display:block;font-size:13px;color:var(--ink-faint);margin-top:2px;}
  .founder-card #founderBio{position:relative;z-index:1;margin-top:22px;}
  .founder-card p{margin:0;font-size:14px;line-height:1.75;color:var(--ink-soft);font-family:'Fraunces',serif;}
  .founder-card p + p{margin-top:16px;}

  /* ============ FOUNDER BIO TEXT (plain, no reveal/blur effect) ============ */
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
  .tr-reveal .tr-word{display:inline-block;opacity:1;filter:none;transform:none;}

  .mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:880px;margin-inline:auto;}
  @media (max-width:760px){.mv-grid{grid-template-columns:1fr;}}
  .mv-card{border-radius:28px;padding:34px;
    background:radial-gradient(ellipse 90% 100% at 50% 0%, var(--card-glow) 0%, var(--surface-tint) 70%);
    border:1px solid var(--border);}
  .mv-card h3{margin-top:12px;font-size:clamp(19px,2.2vw,23px);color:var(--ink);}
  .mv-card p{margin-top:12px;font-size:14.5px;line-height:1.65;color:var(--ink-soft);}
  @media (max-width:600px){.mv-card{padding:24px 20px;border-radius:22px;}}

  .about-values-head{text-align:center;max-width:640px;margin-inline:auto;}
  .about-values-head h3{font-size:clamp(22px,2.8vw,28px);color:var(--ink);}
  .value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  @media (max-width:980px){.value-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.value-grid{grid-template-columns:1fr;}}
  .value-card{padding:24px;border-radius:20px;border:1px solid var(--border);background:var(--surface);transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;}
  .value-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px hsl(var(--shadow-color)/0.3);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));}
  .value-card .vic{width:38px;height:38px;border-radius:11px;background:var(--surface-tint);color:var(--primary);display:flex;align-items:center;justify-content:center;}
  .value-card .vic svg{width:19px;height:19px;}
  .value-card h4{margin-top:16px;font-size:14.5px;color:var(--ink);font-family:'Inter',sans-serif;font-weight:600;}
  .value-card p{margin-top:6px;font-size:12.8px;line-height:1.55;color:var(--ink-soft);}

  /* journey / roadmap stepper — a connecting rail + node per milestone, so the
     list reads as one continuous path rather than four unrelated cards */
  .journey-track{display:flex;gap:16px;position:relative;padding-top:14px;}
  @media (max-width:900px){.journey-track{flex-direction:column;gap:26px;padding-top:4px;padding-left:2px;}}
  .journey-item{flex:1 1 0;min-width:0;padding:18px 18px;border-radius:18px;border:1px solid var(--border);background:var(--surface-tint);position:relative;}
  .journey-item::before{
    content:'';position:absolute;z-index:2;width:11px;height:11px;border-radius:50%;
    background:var(--primary);box-shadow:0 0 0 4px var(--bg), 0 0 0 6px color-mix(in srgb, var(--primary) 30%, transparent);
    top:-13px;left:22px;
  }
  .journey-item::after{
    content:'';position:absolute;z-index:1;
    top:-8px;left:33px;right:-16px;height:2px;
    background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 55%, transparent), color-mix(in srgb, var(--primary) 12%, transparent));
  }
  .journey-item:last-child::after{display:none;}
  @media (max-width:900px){
    .journey-item{padding-left:34px;}
    .journey-item::before{top:22px;left:10px;}
    .journey-item::after{top:28px;left:15px;right:auto;bottom:-26px;width:2px;height:auto;
      background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 55%, transparent), color-mix(in srgb, var(--primary) 12%, transparent));}
  }
  .journey-item .jyear{display:inline-flex;font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:600;letter-spacing:.05em;padding:5px 12px;border-radius:100px;background:var(--primary);color:#fff;}
  .journey-item h4{margin-top:12px;font-size:14.5px;color:var(--ink);font-family:'Inter',sans-serif;font-weight:600;}
  .journey-item p{margin-top:6px;font-size:12.6px;line-height:1.55;color:var(--ink-soft);}

  /* ============ DOCUMENTATION ============ */
  .doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  @media (max-width:980px){.doc-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.doc-grid{grid-template-columns:1fr;}}
  .doc-card{display:block;padding:24px;border-radius:20px;border:1px solid var(--border);background:var(--surface);transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;}
  .doc-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px hsl(var(--shadow-color)/0.3);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));}
  .doc-tag{display:inline-flex;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.05em;padding:4px 11px;border-radius:100px;background:var(--surface-tint);color:var(--primary);}
  .doc-card h4{margin-top:16px;font-size:15.5px;color:var(--ink);font-family:'Inter',sans-serif;font-weight:600;}
  .doc-card p{margin-top:6px;font-size:12.8px;line-height:1.55;color:var(--ink-soft);}

  .doc-guides h3, .doc-sdk-head h3, .doc-help h3{font-size:clamp(20px,2.4vw,24px);color:var(--ink);text-align:center;}
  .doc-guide-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;}
  @media (max-width:700px){.doc-guide-list{grid-template-columns:1fr;}}
  .doc-guide-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:16px;border:1px solid var(--border);background:var(--surface);transition:border-color .2s ease, transform .2s ease;}
  .doc-guide-item:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border));transform:translateX(4px);}
  .doc-guide-item strong{font-size:14px;color:var(--ink);display:block;}
  .doc-guide-item span{margin-top:4px;font-size:12.6px;line-height:1.5;color:var(--ink-soft);display:block;}
  .doc-guide-item svg{flex-shrink:0;width:18px;height:18px;color:var(--primary);}

  .doc-sdk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px;}
  @media (max-width:700px){.doc-sdk-grid{grid-template-columns:repeat(2,1fr);}}
  .doc-sdk-card{padding:18px;border-radius:16px;border:1px solid var(--border);background:var(--surface-tint);text-align:center;}
  .doc-sdk-card strong{display:block;font-size:13.5px;color:var(--ink);}
  .doc-sdk-card span{display:block;margin-top:6px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--ink-soft);}

  .doc-help{border-radius:32px;padding:44px;text-align:center;max-width:640px;margin-inline:auto;
    background:radial-gradient(ellipse 90% 100% at 50% 0%, var(--card-glow) 0%, var(--surface-tint) 70%);
    border:1px solid var(--border);}
  .doc-help p{margin-top:10px;font-size:14.5px;color:var(--ink-soft);}
  .doc-help-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px;}
  @media (max-width:600px){.doc-help{padding:28px 22px;border-radius:24px;}}

  /* ============ BLOG / INSIGHTS ============ */
  .bl-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px;}
  .bl-filter{font-size:13.5px;font-weight:600;padding:10px 18px;border-radius:100px;border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);transition:background .2s ease,color .2s ease,border-color .2s ease;}
  .bl-filter:hover:not(.active){background:var(--surface-tint);color:var(--primary-deep);border-color:var(--primary-bright);}
  .bl-filter.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 14px -5px color-mix(in srgb,var(--primary) 55%,transparent);}
  .bl-filter.active:hover{background:var(--primary-deep);border-color:var(--primary-deep);}
  .bl-filter:focus-visible{outline:2px solid var(--primary-bright);outline-offset:3px;}

  .bl-featured{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;border-radius:28px;border:1px solid var(--border);overflow:hidden;background:var(--surface);box-shadow:0 30px 60px -30px hsl(var(--shadow-color)/0.3);}
  @media (max-width:820px){.bl-featured{grid-template-columns:1fr;}}
  .bl-featured .bl-cover{min-height:240px;}
  .bl-featured .bl-content{padding:38px;display:flex;flex-direction:column;justify-content:center;}
  .bl-tags{display:flex;gap:8px;flex-wrap:wrap;}
  .bl-tag{font-size:11.5px;font-weight:700;letter-spacing:.03em;padding:6px 13px;border-radius:100px;background:var(--primary);color:#fff;white-space:nowrap;}
  .bl-tag.ghost{background:transparent;border:1px solid var(--border);color:var(--ink-soft);}
  .bl-featured h3{margin-top:16px;font-size:23px;color:var(--ink);}
  .bl-featured .bl-excerpt{margin-top:12px;font-size:14.5px;line-height:1.6;color:var(--ink-soft);}
  .bl-meta{margin-top:20px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-faint);}
  .bl-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--ink-faint);flex-shrink:0;}

  .bl-grid{margin-top:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  @media (max-width:980px){.bl-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:600px){.bl-grid{grid-template-columns:1fr;}}
  .bl-card{border-radius:22px;border:1px solid var(--border);background:var(--surface);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
  .bl-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -26px hsl(var(--shadow-color)/0.32);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));}
  .bl-card .bl-cover{height:132px;}
  .bl-card .bl-content{padding:18px 20px 20px;}
  .bl-card h4{margin-top:12px;font-size:15px;line-height:1.4;color:var(--ink);font-family:'Inter',sans-serif;font-weight:600;}
  .bl-card .bl-meta{margin-top:12px;font-size:12.3px;}
  .bl-card[hidden]{display:none;}
  .bl-grid:not(.expanded) .bl-card.bl-extra{display:none;}
  .bl-loadmore-row{margin-top:28px;display:flex;justify-content:center;}
  .bl-loadmore-row .btn{font-size:14px;padding:11px 22px;}
  .bl-loadmore-row[hidden]{display:none;}

  .bl-cover{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;}
  .bl-cover-illus{transition:transform .5s cubic-bezier(.2,.7,.2,1);}
  .bl-card:hover .bl-cover-illus, .bl-featured:hover .bl-cover-illus{transform:scale(1.06);}
  @media (prefers-reduced-motion: reduce){.bl-cover-illus{transition:none;}}
  .bl-cover .bl-cover-icon{width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 8px 24px -8px rgba(0,0,0,.25);}
  .bl-cover-illus{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .bl-cover img.bl-cover-illus{z-index:0;}
  .bl-cover svg{width:30px;height:30px;position:relative;z-index:1;color:#fff;opacity:.98;}
  .bl-featured .bl-cover .bl-cover-icon{width:84px;height:84px;border-radius:24px;}
  .bl-featured .bl-cover svg{width:40px;height:40px;}
  .bl-cover::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 22% 22%, rgba(255,255,255,.30), transparent 50%),radial-gradient(circle at 82% 85%, rgba(0,0,0,.18), transparent 55%);}
  .bl-cover::before{content:"";position:absolute;inset:0;opacity:.5;background-image:repeating-linear-gradient(115deg, rgba(255,255,255,.06) 0px, rgba(255,255,255,.06) 1px, transparent 1px, transparent 14px);}
  .bl-cover .bl-cover-motif{position:absolute;inset:0;opacity:.5;background-repeat:no-repeat;background-position:right -20px bottom -30px;background-size:65% auto;}
  .bl-featured .bl-cover .bl-cover-motif{background-position:right -10px bottom -40px;background-size:48% auto;}
  .bl-cover.c-ai .bl-cover-motif{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='white' stroke-width='1.4' opacity='0.55'%3E%3Ccircle cx='100' cy='60' r='10'/%3E%3Ccircle cx='50' cy='120' r='7'/%3E%3Ccircle cx='150' cy='130' r='7'/%3E%3Ccircle cx='100' cy='170' r='6'/%3E%3Cline x1='100' y1='70' x2='50' y2='113'/%3E%3Cline x1='100' y1='70' x2='150' y2='123'/%3E%3Cline x1='50' y1='127' x2='100' y2='164'/%3E%3Cline x1='150' y1='137' x2='100' y2='164'/%3E%3C/g%3E%3C/svg%3E");}
  .bl-cover.c-eng .bl-cover-motif{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='white' stroke-width='1.4' opacity='0.55'%3E%3Cpath d='M60 60 L30 100 L60 140'/%3E%3Cpath d='M140 60 L170 100 L140 140'/%3E%3Cline x1='115' y1='50' x2='85' y2='150'/%3E%3C/g%3E%3C/svg%3E");}
  .bl-cover.c-product .bl-cover-motif{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='white' stroke-width='1.4' opacity='0.55'%3E%3Cpath d='M100 30 L120 90 L180 100 L120 110 L100 170 L80 110 L20 100 L80 90 Z'/%3E%3C/g%3E%3C/svg%3E");}
  .bl-cover.c-api .bl-cover-motif{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='white' stroke-width='1.4' opacity='0.55'%3E%3Crect x='40' y='50' width='120' height='100' rx='14'/%3E%3Cline x1='40' y1='80' x2='160' y2='80'/%3E%3Ccircle cx='58' cy='65' r='4'/%3E%3Ccircle cx='74' cy='65' r='4'/%3E%3C/g%3E%3C/svg%3E");}
  .bl-cover.c-devops .bl-cover-motif{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='white' stroke-width='1.4' opacity='0.55'%3E%3Ccircle cx='100' cy='100' r='70'/%3E%3Cpath d='M100 30 A70 70 0 0 1 170 100' stroke-dasharray='6 6'/%3E%3Cpath d='M100 100 L100 55'/%3E%3Cpath d='M100 100 L135 120'/%3E%3C/g%3E%3C/svg%3E");}
  .bl-cover.c-ai{background:linear-gradient(135deg,var(--primary-deep),var(--primary-bright) 70%,var(--teal));}
  .bl-cover.c-eng{background:linear-gradient(135deg,var(--teal-deep),var(--teal) 65%,var(--primary));}
  .bl-cover.c-product{background:linear-gradient(135deg,var(--primary),var(--accent-lav) 65%,var(--primary-bright));}
  .bl-cover.c-api{background:linear-gradient(135deg,var(--teal-deep),var(--teal) 55%,var(--primary-bright));}
  .bl-cover.c-devops{background:linear-gradient(135deg,var(--accent-lav),var(--primary-deep) 65%,var(--primary));}
  .bl-card, .bl-featured{cursor:pointer;}
  .bl-card:focus-visible, .bl-featured:focus-visible{outline:2px solid var(--primary);outline-offset:3px;}
  .bl-readmore{color:var(--primary);font-weight:600;}

  .bl-newsletter{margin-top:40px;text-align:center;}
  .bl-newsletter h3{font-size:clamp(24px,3vw,32px);color:var(--ink);}
  .bl-newsletter p{margin-top:12px;font-size:15.5px;color:var(--ink-soft);}
  .bl-newsletter .btn{margin-top:26px;}

  /* ============ FINAL CTA ============ */
  .cta-panel{
    border-radius:40px;padding:72px 40px;text-align:center;position:relative;overflow:hidden;
    background:linear-gradient(135deg,var(--surface-tint),var(--surface) 45%, var(--teal-tint));
    border:1px solid var(--border);
    box-shadow:0 40px 80px -40px hsl(var(--shadow-color)/0.28);
  }
  .cta-panel::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%, rgba(124,92,252,.14), transparent 45%), radial-gradient(circle at 85% 80%, rgba(14,124,134,.12), transparent 45%);}
  .cta-panel .in{position:relative;z-index:1;}
  .cta-panel h1,.cta-panel h2{color:var(--ink);font-size:clamp(28px,4.4vw,44px);max-width:600px;margin-inline:auto;}
  .cta-panel p{color:var(--ink-soft);margin-top:16px;font-size:16px;max-width:480px;margin-inline:auto;}
  .cta-panel .hero-ctas{margin-top:34px;}

  /* ============ CONTACT FORM ============ */
  .contact-form{
    max-width:560px;margin:40px auto 0;text-align:left;
    background:var(--surface);border:1px solid var(--border);border-radius:24px;
    padding:32px;box-shadow:0 30px 60px -30px hsl(var(--shadow-color)/0.3);
  }
  .contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  @media (max-width:560px){.contact-form .row{grid-template-columns:1fr;}}
  .contact-form label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:6px;}
  .contact-form .field{margin-top:16px;}
  .contact-form .row .field{margin-top:0;}
  .contact-form input,.contact-form textarea,.contact-form select{
    width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);
    background:var(--surface-tint);color:var(--ink);font-family:inherit;font-size:14px;
    outline:none;transition:border-color .2s ease,background .2s ease;
  }
  .contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--primary);background:var(--surface);}
  .contact-form textarea{resize:vertical;min-height:96px;}
  .contact-form select{
    appearance:none;-webkit-appearance:none;cursor:pointer;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6584' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");
    background-repeat:no-repeat;background-position:right 14px center;background-size:16px;
    padding-right:38px;
  }
  .contact-form select:invalid{color:var(--ink-faint);}
  .contact-form .submit-row{margin-top:22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
  .contact-form .note{font-size:12px;color:var(--ink-faint);}
  .form-status{margin-top:14px;font-size:13px;color:var(--teal-deep);display:none;}
  .form-status.show{display:block;}

  /* ============ TRUSTED-BY LOGO STRIP (auto-scrolling marquee) ============ */
  .trust-strip{padding-block:8px 40px;overflow:hidden;}
  .trust-label{text-align:center;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-family:'IBM Plex Mono',monospace;font-weight:500;margin-bottom:22px;}
  .trust-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg, transparent, black 6%, black 94%, transparent);mask-image:linear-gradient(90deg, transparent, black 6%, black 94%, transparent);}
  .trust-track{display:flex;align-items:center;gap:18px;width:max-content;}
  .trust-track.is-ready{animation:trustScroll var(--trust-duration) linear infinite;}
  .trust-viewport:hover .trust-track{animation-play-state:paused;}
  @keyframes trustScroll{from{transform:translateX(0);}to{transform:translateX(calc(0px - var(--trust-distance)));}}
  .trust-card{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:84px;min-width:120px;padding:14px 22px;border-radius:16px;border:1px solid var(--border);background:#fff;box-shadow:0 4px 14px -6px rgba(0,0,0,.12);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
  .trust-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px -20px hsl(var(--shadow-color)/0.3);border-color:color-mix(in srgb, var(--primary) 22%, var(--border));}
  .trust-card img{display:block;width:auto;height:var(--logo-h, 40px);max-width:100%;object-fit:contain;}
  @media (max-width:640px){.trust-card{height:72px;min-width:104px;padding:12px 18px;}}
  @media (prefers-reduced-motion: reduce){.trust-track.is-ready{animation:none;}}

  /* ============ FOOTER ============ */
  footer{padding-block:26px 16px;border-top:1px solid var(--border);margin-top:20px;background:var(--surface-tint);}
  .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:20px;}
  @media (max-width:760px){.foot-grid{grid-template-columns:1fr 1fr;gap:20px 20px;}}
  .foot-brand p{margin-top:8px;font-size:13px;line-height:1.5;color:var(--ink-soft);max-width:250px;}
  .foot-social{display:flex;gap:8px;margin-top:10px;}
  .foot-social a{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease;}
  .foot-social a:hover{background:var(--surface-tint);border-color:var(--primary);}
  .foot-social svg{width:14px;height:14px;}
  .foot-col h5{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);font-family:'IBM Plex Mono',monospace;font-weight:500;}
  .foot-col ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;}
  .foot-col a{font-size:13.5px;color:var(--ink-soft);transition:color .2s ease;}
  .foot-col a:hover{color:var(--primary);}

  .foot-bottom{margin-top:18px;padding-top:14px;border-top:1px solid var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;color:var(--ink-faint);}
  .foot-bottom .links{display:flex;align-items:center;gap:18px;}
  .theme-toggle{
    width:32px;height:32px;flex:0 0 32px;display:inline-flex;align-items:center;justify-content:center;
    margin:-8px 0;border:1px solid var(--border);border-radius:50%;
    background:var(--surface-tint);color:var(--ink-soft);padding:0;
    transition:background .2s ease,color .2s ease,border-color .2s ease;
  }
  .theme-toggle:hover{background:var(--surface);color:var(--primary);border-color:var(--primary);}
  .theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:3px;}
  .theme-toggle-icon::before{content:"☾";font-family:Georgia,serif;font-size:18px;line-height:1;}
  :root[data-theme="dark"] .theme-toggle-icon::before{content:"☀";font-family:Arial,sans-serif;font-size:17px;}
  @media (prefers-color-scheme:dark){
    :root:not([data-theme="light"]) .theme-toggle-icon::before{content:"☀";font-family:Arial,sans-serif;font-size:17px;}
  }
  @media (max-width:640px){
    .foot-bottom{justify-content:flex-start;}
    .foot-bottom .links{width:100%;justify-content:flex-end;}
  }

  .divider-wrap{display:flex;justify-content:center;padding-block:8px;}
  .divider-wrap svg{opacity:.35;}

  /* ============ LEGAL MODAL ============ */
  .legal-overlay{position:fixed;inset:0;z-index:500;background:rgba(15,11,32,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s;}
  .legal-overlay.open{opacity:1;visibility:visible;transition:opacity .25s ease;}
  .legal-modal{background:var(--surface);border-radius:24px;max-width:720px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 40px 90px -30px hsl(var(--shadow-color)/0.45);transform:translateY(12px) scale(.98);transition:transform .25s ease;}
  .legal-overlay.open .legal-modal{transform:translateY(0) scale(1);}
  .legal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--border);flex-shrink:0;}
  .legal-head h3{font-family:'Fraunces',serif;font-size:21px;color:var(--ink);}
  .legal-close{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);flex-shrink:0;transition:background .2s ease,color .2s ease;}
  .legal-close:hover{background:var(--surface-tint);color:var(--ink);}
  .legal-close svg{width:18px;height:18px;}
  .legal-body{padding:24px 26px 32px;overflow-y:auto;font-size:14.5px;line-height:1.7;color:var(--ink-soft);scrollbar-width:thin;scrollbar-color:var(--accent-lav) transparent;}
  .legal-body::-webkit-scrollbar{width:4px;}
  .legal-body::-webkit-scrollbar-track{background:transparent;}
  .legal-body::-webkit-scrollbar-thumb{background-color:var(--accent-lav);border-radius:100px;}
  .legal-body::-webkit-scrollbar-thumb:hover{background-color:var(--primary);}
  .legal-updated{font-size:12.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;}
  .legal-panel h4{margin-top:22px;margin-bottom:8px;font-size:15.5px;color:var(--ink);font-weight:600;}
  .legal-panel h4:first-of-type{margin-top:0;}
  .legal-panel p{margin-bottom:10px;}
  .legal-panel ul{margin:0 0 10px;padding-left:20px;display:flex;flex-direction:column;gap:6px;}
  .legal-panel a{color:var(--primary);text-decoration:underline;}
  #legalDocumentation a{text-decoration:none;}
  #legalDocumentation a.doc-card,#legalDocumentation a.doc-guide-item{color:inherit;}
  @media (max-width:600px){.legal-modal{max-height:90vh;border-radius:18px;}.legal-head{padding:18px 20px;}.legal-body{padding:18px 20px 26px;}}

  /* ============ ARTICLE MODAL ============ */
  .article-modal{max-width:760px;}
  .article-cover{height:180px;border-radius:0;flex-shrink:0;}
  .article-modal .legal-body{padding:0;}
  .article-inner{padding:28px 32px 36px;}
  .article-inner .bl-tags{margin-bottom:14px;}
  .article-inner h2{font-family:'Fraunces',serif;font-size:26px;color:var(--ink);line-height:1.25;margin-bottom:10px;}
  .article-inner .bl-meta{margin-bottom:22px;font-size:13px;}
  .article-inner p{margin-bottom:14px;font-size:15px;line-height:1.75;color:var(--ink-soft);}
  .article-inner h3{margin-top:22px;margin-bottom:8px;font-size:17px;color:var(--ink);font-family:'Inter',sans-serif;font-weight:600;}
  @media (max-width:600px){.article-cover{height:130px;}.article-inner{padding:20px 20px 28px;}.article-inner h2{font-size:21px;}}

  /* ============ TIGHTER MOBILE RHYTHM (reduce excess whitespace under 600px) ============ */
  @media (max-width:600px){
    .products-grid, .feat-grid, .stat-strip, .kx-compare, .kx-pillars, .kx-stats, .ira-layout, .testi-track, .bl-featured, .bl-grid{margin-top:28px;}
    .kx-badges{margin-top:24px;}
    .bl-filters{margin-top:24px;}
    .bl-newsletter{margin-top:36px;}
    .head{margin-bottom:0;}
    .head p{margin-top:10px;}
    .head h1,.head h2{margin-top:6px;}
  }

  /* ============ ASK IRA (chat widget) ============ */
  .ira-chat{position:fixed;right:20px;bottom:20px;z-index:300;font-family:'Inter',sans-serif;}
  .ira-launcher{display:flex;align-items:center;gap:0;padding:13px;max-width:52px;border-radius:100px;border:none;cursor:pointer;overflow:hidden;
    background:linear-gradient(135deg,var(--primary),var(--primary-bright));color:#fff;font-size:14px;font-weight:700;white-space:nowrap;
    box-shadow:0 14px 32px -12px color-mix(in srgb, var(--primary) 70%, transparent);
    transition:max-width .42s cubic-bezier(.2,.8,.2,1), padding .42s cubic-bezier(.2,.8,.2,1), gap .42s ease, transform .25s ease, box-shadow .25s ease;}
  .ira-launcher:hover,.ira-launcher:focus-visible,.ira-launcher.is-expanded{
    max-width:220px;padding:12px 18px 12px 12px;gap:9px;
    transform:translateY(-2px);box-shadow:0 18px 38px -10px color-mix(in srgb, var(--primary) 78%, transparent);}
  .ira-launcher img{width:26px;height:26px;border-radius:50%;background:#fff;flex-shrink:0;object-fit:contain;padding:2px;}
  .ira-launcher-label{display:inline-block;max-width:0;opacity:0;overflow:hidden;transition:max-width .38s ease .04s, opacity .22s ease;}
  .ira-launcher:hover .ira-launcher-label,.ira-launcher:focus-visible .ira-launcher-label,.ira-launcher.is-expanded .ira-launcher-label{
    max-width:120px;opacity:1;}
  .ira-chat.open .ira-launcher{display:none;}
  .ira-panel{position:fixed;right:20px;bottom:20px;width:312px;max-width:calc(100vw - 32px);height:min(440px, calc(100vh - 110px));
    background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 30px 60px -20px hsl(var(--shadow-color)/0.45);
    display:flex;flex-direction:column;overflow:hidden;}
  .ira-panel[hidden]{display:none;}
  .ira-panel-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--border);
    background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 10%, transparent), transparent);flex-shrink:0;}
  .ira-panel-head .who{display:flex;align-items:center;gap:9px;}
  .ira-panel-head .av{width:32px;height:32px;border-radius:50%;background:var(--surface-tint);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;}
  .ira-panel-head .av img{width:100%;height:100%;object-fit:contain;}
  .ira-panel-head strong{display:block;font-size:13.5px;color:var(--ink);}
  .ira-panel-head span{display:block;font-size:11px;color:var(--ink-faint);margin-top:1px;}
  .ira-close{width:27px;height:27px;border-radius:50%;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-soft);flex-shrink:0;}
  .ira-close svg{width:14px;height:14px;}
  .ira-thread{flex:1;overflow-y:auto;padding:14px 15px;display:flex;flex-direction:column;gap:9px;}
  .ira-msg{max-width:82%;padding:10px 14px;border-radius:16px;font-size:13.5px;line-height:1.5;}
  .ira-msg.bot{align-self:flex-start;background:var(--surface-tint);color:var(--ink);border-bottom-left-radius:5px;}
  .ira-msg.user{align-self:flex-end;background:linear-gradient(135deg,var(--primary),var(--primary-bright));color:#fff;border-bottom-right-radius:5px;}
  .ira-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;background:var(--surface-tint);border-radius:16px;border-bottom-left-radius:5px;}
  .ira-typing span{width:6px;height:6px;border-radius:50%;background:var(--ink-faint);animation:iraTypingBounce 1.1s infinite ease-in-out;}
  .ira-typing span:nth-child(2){animation-delay:.15s;}
  .ira-typing span:nth-child(3){animation-delay:.3s;}
  @keyframes iraTypingBounce{0%,60%,100%{transform:translateY(0);opacity:.5;}30%{transform:translateY(-4px);opacity:1;}}
  .ira-composer{border-top:1px solid var(--border);padding:12px 14px;flex-shrink:0;}
  .ira-quick-replies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
  .ira-quick-replies[hidden]{display:none;}
  .ira-qr-btn{padding:8px 14px;border-radius:100px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s ease;}
  .ira-qr-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--surface-tint);}
  .ira-input-row{display:flex;gap:8px;align-items:center;}
  .ira-input-row[hidden]{display:none;}
  .ira-input-row input{flex:1;padding:11px 14px;border-radius:100px;border:1px solid var(--border);background:var(--surface-tint);font-size:13.5px;color:var(--ink);font-family:'Inter',sans-serif;}
  .ira-input-row input:focus{outline:none;border-color:var(--primary);background:var(--surface);}
  .ira-send{width:38px;height:38px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary),var(--primary-bright));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;}
  .ira-send svg{width:16px;height:16px;}
  @media (max-width:480px){
    .ira-chat{right:10px;bottom:10px;}
    .ira-panel{right:14px;bottom:14px;width:calc(100vw - 28px);}
    .ira-launcher-label{display:none;}
    .ira-launcher{padding:9px;}
  }

  /* ============ ANIMATED GRID BACKGROUND (site-wide, low-opacity, CSS-only) ============
     A reusable decorative layer for sections that don't already carry the
     pointer-reactive kinetic canvas (hero, CTA panels) or a bespoke grid
     (KortexOne's radial section). Two drifting line grids (fine + major, the
     major picking up the accent color) plus a slow ambient glow pulse, faded
     toward the edges with a radial mask so it never competes with text. */
  .agrid-host{position:relative;}
  .agrid-bg{
    position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
    mask-image:radial-gradient(ellipse 78% 72% at 50% 38%, black 28%, transparent 82%);
    -webkit-mask-image:radial-gradient(ellipse 78% 72% at 50% 38%, black 28%, transparent 82%);
  }
  .agrid-bg::before,.agrid-bg::after{content:"";position:absolute;inset:-180px;}
  .agrid-bg::before{
    background-image:linear-gradient(to right, var(--border) 1px, transparent 1px),
                      linear-gradient(to bottom, var(--border) 1px, transparent 1px);
    background-size:38px 38px;
    opacity:.20;
    animation:agridDrift 32s linear infinite;
    will-change:background-position;
  }
  .agrid-bg::after{
    background-image:linear-gradient(to right, color-mix(in srgb, var(--primary-bright) 55%, var(--border)) 1.2px, transparent 1.2px),
                      linear-gradient(to bottom, color-mix(in srgb, var(--primary-bright) 55%, var(--border)) 1.2px, transparent 1.2px);
    background-size:152px 152px;
    opacity:.12;
    animation:agridDrift 32s linear infinite;
    will-change:background-position;
  }
  .agrid-glow{
    position:absolute;inset:0;
    background:radial-gradient(42% 42% at 50% 36%, color-mix(in srgb, var(--primary-bright) 16%, transparent), transparent 72%);
    animation:agridPulse 11s ease-in-out infinite;
    will-change:transform,opacity;
  }
  @keyframes agridDrift{from{background-position:0 0,0 0;}to{background-position:152px 152px,152px 152px;}}
  @keyframes agridPulse{0%,100%{transform:scale(1);opacity:.55;}50%{transform:scale(1.1);opacity:1;}}
  @media (prefers-reduced-motion: reduce){
    .agrid-bg::before,.agrid-bg::after,.agrid-glow{animation:none;}
  }
  @media (forced-colors: active){
    .agrid-bg{display:none;}
  }

  /* ============ LIGHT/DARK LOGO SWAP (placed last so it always wins the
     specificity tie-break against context-specific "img{display:block}"
     rules like .kx-dark-chip img, .logo img, #mobilemenu .logo img, etc.) ============ */
  /* Wordmarks that sit on a background that flips dark in dark mode get a white
     variant so they stay legible; the default (dark-ink) mark is used everywhere else. */
  img.logo-light-variant{display:block;}
  img.logo-dark-variant{display:none;}
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]) img.logo-light-variant{display:none;}
    :root:not([data-theme="light"]) img.logo-dark-variant{display:block;}
  }
  :root[data-theme="dark"] img.logo-light-variant{display:none;}
  :root[data-theme="dark"] img.logo-dark-variant{display:block;}
  :root[data-theme="dark"] .pcard.kx img.logo-dark-variant,
  :root[data-theme="dark"] .kx-dark-chip img.logo-dark-variant[src*="kortexone"]{
    filter:brightness(0) saturate(100%) invert(69%) sepia(28%) saturate(2014%) hue-rotate(204deg) brightness(105%) contrast(102%);
  }
  :root[data-theme="dark"] .pcard.api img.logo-dark-variant,
  :root[data-theme="dark"] .kx-dark-chip img.logo-dark-variant[src*="apinova"]{
    filter:brightness(0) saturate(100%) invert(77%) sepia(48%) saturate(766%) hue-rotate(141deg) brightness(98%) contrast(91%);
  }
  :root[data-theme="dark"] .pcard.api .picon.plogo-box{
    background:var(--teal-tint);
    border-color:color-mix(in srgb, var(--teal) 35%, var(--border));
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]) .pcard.kx img.logo-dark-variant,
    :root:not([data-theme="light"]) .kx-dark-chip img.logo-dark-variant[src*="kortexone"]{
      filter:brightness(0) saturate(100%) invert(69%) sepia(28%) saturate(2014%) hue-rotate(204deg) brightness(105%) contrast(102%);
    }
    :root:not([data-theme="light"]) .pcard.api img.logo-dark-variant,
    :root:not([data-theme="light"]) .kx-dark-chip img.logo-dark-variant[src*="apinova"]{
      filter:brightness(0) saturate(100%) invert(77%) sepia(48%) saturate(766%) hue-rotate(141deg) brightness(98%) contrast(91%);
    }
    :root:not([data-theme="light"]) .pcard.api .picon.plogo-box{
      background:var(--teal-tint);
      border-color:color-mix(in srgb, var(--teal) 35%, var(--border));
    }
  }