:root{
    --ink:#0A0E15;
    --ink-2:#0E141E;
    --ink-3:#131B27;
    --panel:rgba(255,255,255,.025);
    --line:rgba(255,255,255,.08);
    --line-2:rgba(255,255,255,.14);
    --signal:#C8F24E;
    --signal-soft:rgba(200,242,78,.14);
    --mint:#54E6C4;
    --text:#EAF0F6;
    --muted:#8694A6;
    --muted-2:#5C6878;
    --display:"Bricolage Grotesque",serif;
    --body:"Hanken Grotesk",sans-serif;
    --mono:"JetBrains Mono",monospace;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth;scroll-snap-type:y proximity}
  #demo{scroll-snap-align:start;scroll-margin-top:76px}
  body{
    background:var(--ink);
    color:var(--text);
    font-family:var(--body);
    line-height:1.55;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
  }
  ::selection{background:var(--signal);color:#0A0E15}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1240px;margin:0 auto;padding:0 28px}

  /* ambient backdrop */
  .grain{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.04;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
  .glow{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.5}
  .glow.a{width:560px;height:560px;background:radial-gradient(circle,rgba(200,242,78,.18),transparent 70%);top:-180px;right:-120px;
    animation:glowDriftA 22s ease-in-out infinite}
  .glow.b{width:520px;height:520px;background:radial-gradient(circle,rgba(84,230,196,.12),transparent 70%);top:520px;left:-200px;
    animation:glowDriftB 26s ease-in-out infinite}

  @keyframes glowDriftA{
    0%,100%{transform:translate(0,0)}
    30%    {transform:translate(-60px,80px)}
    60%    {transform:translate(40px,140px)}
    80%    {transform:translate(-30px,40px)}
  }
  @keyframes glowDriftB{
    0%,100%{transform:translate(0,0)}
    25%    {transform:translate(80px,-60px)}
    55%    {transform:translate(120px,60px)}
    75%    {transform:translate(40px,-30px)}
  }

  /* scroll progress bar */
  #scroll-progress{position:fixed;top:0;left:0;height:2px;width:0%;background:var(--signal);z-index:9999;
    transition:width .1s linear;pointer-events:none}
  [data-theme="light"] #scroll-progress{box-shadow:0 0 6px rgba(90,146,0,.4)}

  /* nav */
  header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);
    background:rgba(10,14,21,.6);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
  header.scrolled{border-bottom:1px solid var(--line);background:rgba(10,14,21,.85)}
  nav{display:flex;align-items:center;justify-content:space-between;height:76px}
  .logo{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.02em}
  .logo .mk{width:30px;height:30px;position:relative;flex:0 0 auto}
  .logo .mk svg{width:100%;height:100%;display:block}
  .logo b{color:var(--signal)}
  .wordmark{display:inline-flex;align-items:center;font-family:var(--display);font-weight:700;font-size:20px;
    letter-spacing:-.02em;color:var(--text);text-decoration:none;
    border:1.5px solid rgba(200,242,78,.32);border-radius:9px;padding:6px 13px;line-height:1;transition:border-color .2s}
  .wordmark:hover{border-color:rgba(200,242,78,.65)}
  .wordmark b{color:var(--signal)}
  .navlinks{display:flex;gap:34px;align-items:center}
  .navlinks a{font-size:14.5px;color:var(--muted);font-weight:500;transition:color .2s}
  .navlinks a:hover{color:var(--text)}
  .btn{font-family:var(--body);font-weight:600;font-size:14.5px;border:none;cursor:pointer;
    border-radius:8px;padding:11px 20px;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;align-items:center;gap:8px}
  .btn:active{transform:scale(.97)!important;box-shadow:none!important;transition:transform .08s,box-shadow .08s}
  .btn-pri{background:var(--signal);color:#0A0E15}
  .btn-pri:hover{transform:translateY(-2px);box-shadow:0 12px 34px -10px rgba(200,242,78,.5)}
  .btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line-2)}
  .btn-ghost:hover{border-color:var(--signal);color:var(--signal)}
  .btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}
  .link-btn:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}
  .nav-cta{display:flex;gap:14px;align-items:center}
  .menu-tg{display:none;background:none;border:1px solid var(--line-2);border-radius:8px;color:var(--text);padding:9px 12px;cursor:pointer}

  /* hero */
  .hero{position:relative;z-index:2;padding:84px 0 70px}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
  .eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;
    letter-spacing:.16em;text-transform:uppercase;color:var(--signal);
    border:1px solid var(--line);background:var(--signal-soft);padding:7px 14px;border-radius:100px;margin-bottom:26px}
  .eyebrow .dot{position:relative;width:6px;height:6px;border-radius:50%;flex-shrink:0;
    background:var(--signal);box-shadow:0 0 10px var(--signal);animation:pulse 1.8s infinite}
  .eyebrow .dot::after{content:'';position:absolute;inset:-3px;border-radius:50%;
    border:1px solid var(--signal);opacity:0;animation:ripple 1.8s ease-out infinite}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
  @keyframes ripple{0%{transform:scale(1);opacity:.6}100%{transform:scale(3.2);opacity:0}}
  h1{font-family:var(--display);font-weight:600;font-size:clamp(2.7rem,5.4vw,4.5rem);line-height:1.02;letter-spacing:-.03em;margin-bottom:24px}
  h1 .em{font-style:italic;font-weight:500;color:var(--signal)}
  .lead{font-size:1.18rem;color:var(--muted);max-width:540px;margin-bottom:34px}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}
  .trust{display:flex;align-items:center;gap:22px;flex-wrap:wrap;color:var(--muted-2);font-size:13px;font-family:var(--mono)}
  .trust .sep{width:4px;height:4px;border-radius:50%;background:var(--muted-2)}

  /* hero panel / chart */
  .panel{position:relative;background:linear-gradient(165deg,var(--ink-2),var(--ink-3));
    border:1px solid var(--line);border-radius:18px;padding:22px;overflow:hidden;
    box-shadow:0 40px 90px -40px rgba(0,0,0,.7)}
  .panel::before{content:"";position:absolute;inset:0;background:
    linear-gradient(transparent 95%,rgba(255,255,255,.03) 95%) 0 0/100% 28px,
    linear-gradient(90deg,transparent 95%,rgba(255,255,255,.03) 95%) 0 0/28px 100%;pointer-events:none}
  .panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;position:relative;z-index:2}
  .panel-head .t{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
  .panel-head .v{font-family:var(--display);font-size:1.7rem;font-weight:600;letter-spacing:-.02em;line-height:1.1}
  .panel-head .v small{font-size:.95rem;color:var(--mint);font-family:var(--mono);font-weight:500;letter-spacing:0}
  .legend{display:flex;gap:16px;font-family:var(--mono);font-size:11px;color:var(--muted);margin:10px 0 4px;position:relative;z-index:2}
  .legend span{display:flex;align-items:center;gap:6px}
  .legend i{width:14px;height:0;display:inline-block;border-top:2px solid}
  .lg-actual i{border-color:var(--mint)}
  .lg-fore i{border-top-style:dashed;border-color:var(--signal)}
  .chart{position:relative;z-index:2;width:100%;height:230px}
  .chart svg{width:100%;height:100%;overflow:visible}
  .draw{stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 2.4s .4s cubic-bezier(.6,.05,.3,1) forwards}
  @keyframes draw{to{stroke-dashoffset:0}}
  .cone{opacity:0;animation:fade 1s 2s forwards}
  @keyframes fade{to{opacity:1}}
  .tick{position:absolute;right:18px;bottom:16px;z-index:3;font-family:var(--mono);font-size:11px;
    background:rgba(10,14,21,.7);border:1px solid var(--line);border-radius:7px;padding:6px 10px;color:var(--muted)}
  .tick b{color:var(--signal)}

  /* logos */
  .logos{position:relative;z-index:2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    padding:30px 0;margin-top:24px}
  .logos .lab{text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.18em;
    text-transform:uppercase;color:var(--muted-2);margin-bottom:22px}
  .logo-row{display:flex;justify-content:center;align-items:center;gap:56px;flex-wrap:wrap;opacity:.62}
  .logo-row span{font-family:var(--display);font-weight:600;font-size:1.25rem;letter-spacing:-.01em;color:var(--text);
    filter:grayscale(1) opacity(.8);transition:filter .25s}
  .logo-row span:hover{filter:grayscale(0) opacity(1)}

  /* sections */
  section{position:relative;z-index:2}
  .sec{padding:104px 0}

  .sec-head{max-width:680px;margin-bottom:54px}
  .kicker{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal);margin-bottom:16px;display:block}
  h2{font-family:var(--display);font-weight:600;font-size:clamp(2rem,3.6vw,2.95rem);line-height:1.06;letter-spacing:-.025em;margin-bottom:18px}
  .sec-head p{color:var(--muted);font-size:1.12rem}

  /* stats */
  .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}
  .stat{padding:38px 30px;border-right:1px solid var(--line)}
  .stat:last-child{border-right:none}
  .stat .num{font-family:var(--display);font-weight:600;font-size:2.9rem;letter-spacing:-.03em;line-height:1;color:var(--signal)}
  .stat .num .u{color:var(--text);font-size:1.6rem}
  .stat .lab{color:var(--muted);font-size:.95rem;margin-top:10px}

  /* capability cards */
  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px;
    transition:transform .3s,border-color .3s,background .3s;overflow:hidden}
  .card:hover{transform:translateY(-5px);border-color:var(--line-2);background:rgba(255,255,255,.04)}
  .card::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
    background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(200,242,78,.09),transparent 62%);
    transition:opacity .35s}
  .card:hover::before{opacity:1}
  .card::after{content:"";position:absolute;left:0;top:0;height:2px;width:0;background:var(--signal);
    transition:width .45s cubic-bezier(.4,0,.2,1)}
  .card:hover::after{width:100%}
  [data-theme="light"] .card::before{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(90,146,0,.07),transparent 62%)}
  .ic{width:46px;height:46px;border-radius:11px;background:var(--signal-soft);border:1px solid rgba(200,242,78,.25);
    display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--signal)}
  .ic svg{width:22px;height:22px}
  .card h3{font-family:var(--display);font-weight:600;font-size:1.3rem;letter-spacing:-.02em;margin-bottom:10px}
  .card p{color:var(--muted);font-size:.97rem}

  /* how it works */
  .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
  .step{position:relative;padding-top:34px}
  .step .n{font-family:var(--mono);font-size:13px;color:var(--signal);position:absolute;top:0;left:0}
  .step .bar{height:2px;background:var(--line);position:absolute;top:7px;left:34px;right:-10px}
  .step:last-child .bar{display:none}
  .step .bar i{display:block;height:100%;width:0;background:var(--signal);transition:width 1s ease}
  .step.on .bar i{width:100%}
  .step h3{font-family:var(--display);font-size:1.35rem;font-weight:600;letter-spacing:-.02em;margin-bottom:9px}
  .step p{color:var(--muted);font-size:.95rem}

  /* brain / split feature */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
  .feat-list{list-style:none;margin-top:26px}
  .feat-list li{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
  .feat-list li .ck{flex:0 0 auto;width:22px;height:22px;border-radius:6px;background:var(--signal-soft);
    color:var(--signal);display:flex;align-items:center;justify-content:center;margin-top:2px}
  .feat-list li b{font-family:var(--display);font-weight:600;font-size:1.05rem;display:block;margin-bottom:3px;letter-spacing:-.01em}
  .feat-list li span{color:var(--muted);font-size:.95rem}
  .brain{position:relative;aspect-ratio:1/.92;border:1px solid var(--line);border-radius:18px;
    background:radial-gradient(circle at 50% 45%,var(--ink-3),var(--ink-2));overflow:hidden;
    box-shadow:0 40px 90px -40px rgba(0,0,0,.7)}
  .brain svg{position:absolute;inset:0;width:100%;height:100%}
  .node{fill:var(--ink);stroke:var(--line-2);stroke-width:1.2}
  .node-lab{font-family:var(--mono);font-size:9px;fill:var(--muted)}
  .core{fill:var(--signal-soft);stroke:var(--signal);stroke-width:1.5}
  .edge{stroke:var(--line-2);stroke-width:1;fill:none}
  .pkt{fill:var(--signal)}

  /* industries */
  .ind{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .ind a{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border:1px solid var(--line);
    border-radius:12px;background:var(--panel);transition:border-color .25s,background .25s;font-family:var(--display);
    font-weight:600;font-size:1.15rem;letter-spacing:-.01em}
  .ind a:hover{border-color:var(--signal);background:rgba(200,242,78,.05)}
  .ind a .ar{color:var(--muted);transition:transform .25s,color .25s}
  .ind a:hover .ar{transform:translate(4px,-4px);color:var(--signal)}

  /* quote */
  .quote{border:1px solid var(--line);border-radius:20px;padding:60px 56px;background:
    linear-gradient(150deg,var(--ink-2),var(--ink));position:relative;overflow:hidden}
  .quote .mark{position:absolute;top:-20px;left:34px;font-family:var(--display);font-size:11rem;color:var(--signal);opacity:.12;line-height:1}
  .quote blockquote{font-family:var(--display);font-weight:500;font-size:clamp(1.4rem,2.6vw,2.05rem);
    line-height:1.3;letter-spacing:-.02em;max-width:880px;position:relative;z-index:2}
  .quote blockquote .hl{color:var(--signal)}
  .quote .by{display:flex;align-items:center;gap:14px;margin-top:30px;position:relative;z-index:2}
  .quote .av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--signal),var(--mint));flex:0 0 auto}
  .quote .by b{font-weight:600;display:block}
  .quote .by span{color:var(--muted);font-size:.9rem}

  /* cta */
  /* invitation card */
  .cta-band{text-align:center;border:1px solid rgba(200,242,78,.13);border-radius:8px;
    padding:36px 44px;max-width:660px;margin:0 auto;position:relative;overflow:visible;
    background:radial-gradient(ellipse at 50% -20%,rgba(200,242,78,.06),transparent 55%);
    box-shadow:none}

  /* corner ornaments */
  .inv-corn{position:absolute;width:36px;height:36px;pointer-events:none;opacity:.45}
  .inv-corn.tl{top:-1px;left:-1px}
  .inv-corn.tr{top:-1px;right:-1px}
  .inv-corn.bl{bottom:-1px;left:-1px}
  .inv-corn.br{bottom:-1px;right:-1px}

  /* inner border frame */
  .inv-frame{border:1px solid rgba(200,242,78,.06);border-radius:3px;padding:26px 32px}

  /* divider */
  .inv-div{display:flex;align-items:center;gap:12px;margin:14px auto 18px;max-width:160px}
  .inv-div span:first-child,.inv-div span:last-child{flex:1;height:1px;background:rgba(200,242,78,.11)}
  .inv-gem{color:rgba(200,242,78,.28);font-size:7px;flex-shrink:0;line-height:1}

  /* text */
  .inv-eyebrow{letter-spacing:.16em;margin-bottom:14px;opacity:.7;font-size:.7rem}
  .inv-h2{font-size:clamp(1.6rem,2.8vw,2.2rem);margin-bottom:12px;line-height:1.15}
  .inv-body{color:var(--muted);font-size:.95rem;line-height:1.75;max-width:420px;margin:0 auto}

  /* light mode */
  [data-theme="light"] .cta-band{
    background:radial-gradient(ellipse at 50% -20%,rgba(200,242,78,.07),transparent 55%);
    border-color:rgba(0,0,0,.1);box-shadow:none}
  [data-theme="light"] .inv-frame{border-color:rgba(0,0,0,.05)}
  [data-theme="light"] .inv-div span:first-child,[data-theme="light"] .inv-div span:last-child{background:rgba(0,0,0,.07)}
  [data-theme="light"] .inv-gem{color:rgba(90,146,0,.28)}
  [data-theme="light"] .inv-corn path,[data-theme="light"] .inv-corn line{stroke:rgba(90,146,0,.3) !important}
  [data-theme="light"] .inv-corn circle{fill:rgba(90,146,0,.35) !important}

  /* === invitation card animations === */

  /* corner path draw-in on reveal */
  .inv-corn path{stroke-dasharray:80;stroke-dashoffset:80}
  .inv-corn line{stroke-dasharray:8;stroke-dashoffset:8}
  .cta-band.in .inv-corn path{stroke-dashoffset:0;transition:stroke-dashoffset .75s cubic-bezier(.16,1,.3,1)}
  .cta-band.in .inv-corn line{stroke-dashoffset:0;transition:stroke-dashoffset .45s cubic-bezier(.16,1,.3,1)}
  .cta-band.in .inv-corn.tl path,.cta-band.in .inv-corn.tl line{transition-delay:.04s}
  .cta-band.in .inv-corn.tr path,.cta-band.in .inv-corn.tr line{transition-delay:.12s}
  .cta-band.in .inv-corn.bl path,.cta-band.in .inv-corn.bl line{transition-delay:.08s}
  .cta-band.in .inv-corn.br path,.cta-band.in .inv-corn.br line{transition-delay:.16s}

  /* corner dot pop */
  .inv-corn circle{transform-box:fill-box;transform-origin:center;transform:scale(0)}
  .cta-band.in .inv-corn circle{transform:scale(1);transition:transform .4s cubic-bezier(.34,1.56,.64,1) .62s}

  /* divider lines grow from center */
  .inv-div span:first-child,.inv-div span:last-child{transform:scaleX(0);transform-origin:center}
  .cta-band.in .inv-div span:first-child,
  .cta-band.in .inv-div span:last-child{transform:scaleX(1);transition:transform .65s cubic-bezier(.16,1,.3,1) .38s}

  /* inner text stagger — translate only, opacity inherits from card .rv fade */
  .inv-eyebrow,.inv-h2,.inv-body,.cta-band .hero-cta{transform:translateY(16px)}
  .cta-band.in .inv-eyebrow{transform:none;transition:transform .6s cubic-bezier(.16,1,.3,1) .22s}
  .cta-band.in .inv-h2    {transform:none;transition:transform .6s cubic-bezier(.16,1,.3,1) .32s}
  .cta-band.in .inv-body  {transform:none;transition:transform .6s cubic-bezier(.16,1,.3,1) .42s}
  .cta-band.in .hero-cta  {transform:none;transition:transform .6s cubic-bezier(.16,1,.3,1) .52s}

  /* shimmer sweep on hover */
  .cta-band::after{content:'';position:absolute;inset:0;border-radius:8px;pointer-events:none;z-index:1;
    background:linear-gradient(108deg,transparent 30%,rgba(200,242,78,.07) 50%,transparent 70%);
    background-size:260% 100%;background-position:-120% 0;transition:background-position .9s ease}
  .cta-band:hover::after{background-position:140% 0}

  /* hover glow lift */
  .cta-band.in:hover{border-color:rgba(200,242,78,.22);transition:border-color .35s ease}

  /* footer */
  footer{border-top:1px solid var(--line);padding:64px 0 36px;position:relative;z-index:2;margin-top:104px}
  .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
  .foot-grid p{color:var(--muted);font-size:.95rem;margin-top:16px;max-width:280px}
  .fcol h4{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px}
  .fcol a{display:block;color:var(--muted);font-size:.95rem;padding:6px 0;transition:color .2s}
  .fcol a:hover{color:var(--signal)}
  .foot-bot{display:flex;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid var(--line);
    color:var(--muted-2);font-size:.86rem;font-family:var(--mono);flex-wrap:wrap;gap:12px}

  /* reveal */
  .rv{opacity:0;transform:translateY(18px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}
  .rv.in{opacity:1;transform:none}

  /* ── Mobile sidebar ── */
  .mob-overlay{
    position:fixed;inset:0;z-index:98;
    background:rgba(0,0,0,.5);backdrop-filter:blur(3px);
    opacity:0;visibility:hidden;
    transition:opacity .3s ease,visibility .3s ease}
  .mob-overlay.open{opacity:1;visibility:visible}

  .mob-sidebar{
    position:fixed;top:0;left:0;bottom:0;z-index:99;
    width:min(300px,85vw);
    background:#0E141E;border-right:1px solid rgba(255,255,255,.12);
    display:flex;flex-direction:column;
    transform:translateX(-100%);
    transition:transform .32s cubic-bezier(.4,0,.2,1);
    overflow:hidden}
  .mob-sidebar.open{transform:translateX(0)}

  /* sidebar header */
  .mob-sb-head{
    display:flex;align-items:center;justify-content:space-between;
    padding:20px 20px 18px;border-bottom:1px solid var(--line);flex-shrink:0}
  .mob-sb-x{
    background:none;border:none;color:var(--text);cursor:pointer;
    padding:7px;border-radius:8px;display:flex;align-items:center;
    transition:color .18s,background .18s}
  .mob-sb-x:hover,.mob-sb-x:active{background:var(--panel)}
  .mob-sb-x svg{width:22px;height:22px;display:block}

  /* nav links */
  .mob-sb-links{flex:1;padding:8px 0;overflow-y:auto}
  .mob-sb-link{
    display:flex;align-items:center;gap:14px;
    padding:16px 24px;font-size:16px;font-weight:600;color:var(--text);
    border-bottom:1px solid var(--line);transition:color .18s,background .18s}
  .mob-sb-link:last-child{border-bottom:none}
  .mob-sb-link svg{width:20px;height:20px;flex-shrink:0;color:var(--muted)}
  .mob-sb-link:hover,.mob-sb-link:active{background:var(--panel)}
  .mob-sb-link--accent{color:var(--signal)}
  .mob-sb-link--accent svg{color:var(--signal)}
  .mob-sb-link--accent:hover,.mob-sb-link--accent:active{background:var(--signal-soft)}

  /* footer cta */
  .mob-sb-foot{
    padding:16px 20px 28px;border-top:1px solid var(--line);flex-shrink:0}

  /* light mode */
  [data-theme="light"] .mob-sidebar{background:#fff;border-right-color:rgba(0,0,0,.1)}
  [data-theme="light"] .mob-sb-link{color:#111318}
  [data-theme="light"] .mob-sb-link svg{color:#52606E}
  [data-theme="light"] .mob-overlay{background:rgba(0,0,0,.3)}

  /* hide on desktop */
  @media(min-width:921px){.mob-sidebar,.mob-overlay{display:none}}

  /* ── ≤920px  tablet / large phone ── */
  @media(max-width:920px){
    .navlinks{display:none}
    .menu-tg{display:inline-block}
    .nav-cta .btn-pri{display:none}   /* in drawer instead */
    .hero{padding:52px 0 44px}
    .sec{padding:68px 0}
    footer{margin-top:52px;padding:48px 0 28px}
    /* layouts */
    .hero-grid,.split{grid-template-columns:1fr;gap:32px}
    .cards{grid-template-columns:1fr 1fr;gap:14px}
    .ind{grid-template-columns:1fr 1fr;gap:10px}
    .stats{grid-template-columns:repeat(2,1fr)}
    .stat:nth-child(2){border-right:none}
    .stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line)}
    /* flow: grid-based numbered list */
    .flow{display:flex;flex-direction:column;gap:0}
    .step{display:grid;grid-template-columns:28px 1fr;gap:4px 14px;
      padding:18px 0;border-bottom:1px solid var(--line);position:relative}
    .step:last-child{border-bottom:none}
    .step .n{grid-column:1;grid-row:1;position:static;font-size:12px;
      padding-top:3px;align-self:start}
    .step .bar{display:none}
    .step h3{grid-column:2;grid-row:1;font-size:1.1rem;margin-bottom:4px}
    .step p{grid-column:2;grid-row:2;font-size:.9rem}
    /* brain */
    .brain{max-height:300px}
    /* footer */
    .foot-grid{grid-template-columns:1fr 1fr;gap:32px}
  }

  /* ── ≤600px  phones ── */
  @media(max-width:600px){
    .wrap{padding:0 16px}
    .hero{padding:36px 0 32px}
    .sec{padding:52px 0}
    footer{margin-top:36px;padding:40px 0 24px}
    /* typography */
    h1{font-size:2.1rem;letter-spacing:-.025em;line-height:1.08}
    h2{font-size:1.75rem}
    .lead{font-size:1rem;margin-bottom:24px}
    .sec-head{margin-bottom:28px}
    /* hero buttons: stack full-width */
    .hero-cta{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:28px}
    .hero-cta .btn{justify-content:center}
    /* trust badges */
    .trust{gap:6px 12px}
    .trust .sep{display:none}
    /* hero panel: shorter chart */
    .panel{padding:16px}
    .panel-head .v{font-size:1.3rem}
    .panel-head .v small{font-size:.8rem}
    .chart{height:160px}
    /* stats: stay 2-col but smaller */
    .stat{padding:22px 16px}
    .stat .num{font-size:2.3rem}
    .stat .lab{font-size:.85rem}
    /* cards/industries: single col */
    .cards{grid-template-columns:1fr}
    .ind{grid-template-columns:1fr}
    .ind a{padding:16px 18px;font-size:1rem}
    /* quote */
    .quote{padding:28px 20px}
    .quote .mark{font-size:5rem;top:-8px;left:14px}
    .quote blockquote{font-size:1.15rem}
    /* invitation card */
    .cta-band{padding:20px 14px}
    .inv-frame{padding:16px 12px}
    .inv-h2{font-size:1.35rem}
    .inv-body{font-size:.88rem}
    .cta-band .hero-cta{flex-direction:column;align-items:stretch}
    /* footer */
    .foot-grid{grid-template-columns:1fr 1fr}
    .fcol a{padding:10px 0}  /* larger touch targets */
  }

  /* ── ≤400px  small phones ── */
  @media(max-width:400px){
    .wrap{padding:0 14px}
    h1{font-size:1.85rem}
    h2{font-size:1.55rem}
    .stats,.foot-grid{grid-template-columns:1fr}
    .stat:nth-child(2){border-right:none;border-bottom:1px solid var(--line)}
    .stat{padding:18px 14px}
    .stat .num{font-size:2rem}
    .brain{max-height:220px}
    .node-lab{font-size:7px}
    .cta-band{padding:16px 10px}
    .inv-frame{padding:12px 8px}
    .inv-h2{font-size:1.2rem}
  }

  /* ── Platform cards slider (≤768 px) ── */
  @media(max-width:768px){
    .cards{
      display:flex;flex-direction:row;
      overflow-x:auto;scroll-snap-type:x mandatory;
      -webkit-overflow-scrolling:touch;scrollbar-width:none;
      gap:12px;padding:4px 16px 8px;margin:0 -16px;
      cursor:grab
    }
    .cards::-webkit-scrollbar{display:none}
    .cards:active{cursor:grabbing}
    .card{flex:0 0 calc(100vw - 64px);max-width:340px;scroll-snap-align:start}
  }

  /* ── Mobile expand/collapse: How It Works + Decision Engine ── */
  @media(max-width:768px){
    /* toggle header: inner <div> holds kicker+h2; chevron appended by JS */
    #how .sec-head, #industries .sec-head, .de-head{
      cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      margin:0 -16px;padding:12px 16px;border-radius:10px;
      transition:background .18s;margin-bottom:0
    }
    #how .sec-head:active, #industries .sec-head:active, .de-head:active{
      background:var(--panel)
    }
    .mob-chev{
      flex-shrink:0;width:22px;height:22px;color:var(--muted);
      transition:transform .35s ease
    }
    .mob-chev svg{display:block;width:100%;height:100%}
    .mob-open .mob-chev{transform:rotate(180deg)}

    /* collapsible bodies — hidden by default */
    #how .flow, .split-detail, #decision-engine .brain, #industries .ind{
      max-height:0;overflow:hidden;opacity:0;
      transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .35s ease
    }
    /* expanded */
    #how.mob-open .flow{max-height:800px;opacity:1;padding-top:20px}
    #decision-engine.mob-open .split-detail{max-height:600px;opacity:1;padding-top:16px}
    #decision-engine.mob-open .brain{max-height:420px;opacity:1;margin-top:20px}
    #industries.mob-open .ind{max-height:600px;opacity:1;padding-top:16px}

    /* remove grid gap when brain is collapsed */
    #decision-engine:not(.mob-open) .split{gap:0}

    /* compact bottom padding for collapsed sections */
    #how, .sec#decision-engine, #industries{padding-bottom:12px}
  }

  /* slider dot indicators — hidden on desktop */
  .cards-dots{display:none;justify-content:center;align-items:center;gap:7px;margin-top:16px}
  @media(max-width:768px){.cards-dots{display:flex}}
  .cdot{width:7px;height:7px;border-radius:50%;background:var(--line-2);
    border:none;cursor:pointer;padding:0;flex-shrink:0;
    transition:background .25s,width .25s,border-radius .25s}
  .cdot.on{background:var(--signal);width:20px;border-radius:4px}

  /* ===== LOGIN MODAL ===== */
  .modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px;
    background:rgba(6,9,14,.72);backdrop-filter:blur(8px);animation:mfade .3s ease}
  .modal.open{display:flex}
  @keyframes mfade{from{opacity:0}to{opacity:1}}
  .login-card{width:100%;max-width:420px;background:linear-gradient(165deg,var(--ink-2),var(--ink-3));
    border:1px solid var(--line-2);border-radius:18px;padding:38px 34px;position:relative;
    box-shadow:0 50px 110px -40px rgba(0,0,0,.8);animation:mrise .4s cubic-bezier(.2,.7,.2,1)}
  @keyframes mrise{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
  .login-card .x{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--muted);
    font-size:22px;cursor:pointer;line-height:1;transition:color .2s}
  .login-card .x:hover{color:var(--text)}
  .login-card .lg-logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:20px;
    letter-spacing:-.02em;margin-bottom:6px}
  .login-card .lg-logo b{color:var(--signal)}
  .login-card h3{font-family:var(--display);font-weight:600;font-size:1.5rem;letter-spacing:-.02em;margin:18px 0 6px}
  .login-card .sub{color:var(--muted);font-size:.95rem;margin-bottom:26px}
  .field{margin-bottom:16px}
  .field label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
    color:var(--muted);margin-bottom:8px}
  .field input{width:100%;background:var(--ink);border:1px solid var(--line-2);border-radius:9px;
    padding:13px 14px;color:var(--text);font-family:var(--body);font-size:15px;transition:border-color .2s,box-shadow .2s}
  .field input:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}
  .login-card .btn-pri{width:100%;justify-content:center;margin-top:8px;padding:13px}
  .auth-error{min-height:18px;font-size:.85rem;color:#ff6b6b;margin:0 0 6px;line-height:1.4}
  .pwd-reqs{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}
  .req{font-size:.72rem;font-weight:500;color:var(--muted);transition:color .2s}
  .req::before{content:"· ";opacity:.5}
  .req.ok{color:#54E6C4}
  .req.ok::before{content:"✓ ";opacity:1}
  .login-switch{margin-top:18px;text-align:center;font-size:.88rem;color:var(--muted)}
  .link-btn{background:none;border:none;color:var(--signal);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline;text-underline-offset:2px}
  .link-btn:hover{opacity:.8}
  .nav-demo{display:none}
  @media(min-width:921px){.nav-demo{display:inline-flex}}

  /* ===== DASHBOARD ===== */
  #dashboard{display:none;position:fixed;inset:0;z-index:150;background:var(--ink);overflow:hidden}
  #dashboard.open{display:grid;grid-template-columns:248px 1fr;transition:grid-template-columns .22s ease}
  #dashboard.open.dside-collapsed{grid-template-columns:76px 1fr}
  .dside{border-right:1px solid var(--line);background:var(--ink-2);display:flex;flex-direction:column;padding:22px 16px;overflow:hidden}
  .dside .logo{padding:6px 10px 22px;font-size:19px;display:flex;align-items:center;justify-content:space-between;gap:6px}
  .dside-toggle{flex:0 0 auto;width:26px;height:26px;border-radius:7px;border:1px solid var(--line-2);background:none;
    color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .22s ease,color .2s,border-color .2s}
  .dside-toggle:hover{color:var(--text);border-color:var(--line)}
  .dside-toggle svg{width:14px;height:14px}
  .dnav{list-style:none;flex:1}
  .dnav li{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:9px;color:var(--muted);
    font-weight:500;font-size:14.5px;cursor:pointer;margin-bottom:3px;transition:background .2s,color .2s;position:relative}
  .dnav li svg{width:18px;height:18px;flex:0 0 auto}
  .dnav li:hover{background:var(--panel);color:var(--text)}
  .dnav li.active{background:var(--signal-soft);color:var(--signal)}
  .tour-backdrop{position:fixed;inset:0;z-index:190;background:rgba(0,0,0,.65)}
  .tour-card{position:fixed;bottom:32px;left:32px;z-index:192;width:340px;max-width:calc(100vw - 40px);
    background:var(--ink-2);border:1px solid var(--line-2);border-radius:16px;padding:22px 24px;
    box-shadow:0 30px 80px -20px rgba(0,0,0,.7)}
  .tour-card h3{font-family:var(--display);font-weight:600;font-size:1.15rem;margin-bottom:6px}
  .tour-step-count{font-family:var(--mono);font-size:11px;color:var(--signal);letter-spacing:.08em;
    text-transform:uppercase;margin-bottom:8px}
  .tour-spotlight{z-index:191!important;
    box-shadow:0 0 0 4px var(--signal),0 0 24px 6px rgba(200,242,78,.5)!important;
    animation:tourPulse 1.6s ease-in-out infinite}
  @keyframes tourPulse{0%,100%{box-shadow:0 0 0 4px var(--signal),0 0 24px 6px rgba(200,242,78,.5)}
    50%{box-shadow:0 0 0 4px var(--signal),0 0 34px 10px rgba(200,242,78,.75)}}
  .cb-nav-point{z-index:175!important;
    box-shadow:0 0 0 4px var(--signal),0 0 24px 6px rgba(200,242,78,.5)!important;
    animation:tourPulse 1.6s ease-in-out infinite}
  .cb-arrow{position:fixed;z-index:176;color:var(--signal);font-family:var(--display);
    font-size:22px;line-height:1;pointer-events:none;animation:cbArrowNudge 1s ease-in-out infinite}
  @keyframes cbArrowNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}
  .dside .signout{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:9px;color:var(--muted);
    font-weight:500;font-size:14.5px;cursor:pointer;border:1px solid var(--line);transition:border-color .2s,color .2s}
  .dside .signout:hover{border-color:#ff6b6b;color:#ff8585}
  .dside-collapsed .dside{padding:22px 10px}
  .dside-collapsed .logo{justify-content:center}
  .dside-collapsed .logo .wordmark{display:none}
  .dside-collapsed .dside-toggle{transform:rotate(180deg)}
  .dside-collapsed .dnav li,.dside-collapsed .dside .signout{justify-content:center;padding:11px 0}
  .dside-collapsed .dnav li .lbl,.dside-collapsed .dside .signout .lbl{display:none}
  .uchip{position:relative}
  .uchip-caret{color:var(--muted);transition:transform .2s;flex-shrink:0}
  .uchip.open .uchip-caret{transform:rotate(180deg)}
  .uchip-drop{
    display:none;
    position:absolute;top:calc(100% + 10px);right:0;min-width:180px;
    background:var(--ink-2);border:1px solid var(--line-2);border-radius:10px;
    box-shadow:0 8px 32px rgba(0,0,0,.35);padding:6px;z-index:50}
  .uchip.open .uchip-drop{display:block}
  .udrop-name{padding:8px 10px 6px;font-size:13px;font-weight:600;color:var(--text)}
  .udrop-sep{border:none;border-top:1px solid var(--line);margin:4px 0}
  .udrop-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;
    background:none;border:none;border-radius:7px;font-size:13.5px;color:var(--muted);
    cursor:pointer;text-align:left;transition:background .15s,color .15s}
  .udrop-item:hover{background:var(--panel);color:var(--text)}
  .udrop-signout:hover{color:#ff8585!important}
  .dmain{display:flex;flex-direction:column;overflow:hidden;height:100vh;min-width:0}
  .dtop{position:sticky;top:0;z-index:10;display:flex;align-items:center;flex-shrink:0;
    padding:18px 32px;border-bottom:1px solid var(--line);background:rgba(10,14,21,.85);backdrop-filter:blur(12px)}
  .dtop .search{display:flex;align-items:center;gap:10px;background:var(--ink-2);border:1px solid var(--line);
    border-radius:9px;padding:9px 14px;width:300px;max-width:40vw;color:var(--muted-2);font-size:14px}
  .dtop .search input{background:none;border:none;outline:none;color:var(--text);font-family:var(--body);width:100%;font-size:14px}
  .dtop .right{display:flex;align-items:center;gap:18px;margin-left:auto}
  .dtop .bell{position:relative;color:var(--muted);cursor:pointer}
  .report-menu{position:relative}
  .dbtn{display:flex;align-items:center;gap:8px;background:var(--signal);color:#0A0E15;border:none;cursor:pointer;
    font-family:var(--body);font-weight:600;font-size:13.5px;padding:9px 14px;border-radius:9px;transition:transform .2s,box-shadow .2s}
  .dbtn:hover{transform:translateY(-1px);box-shadow:0 10px 26px -10px rgba(200,242,78,.55)}
  .dbtn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none}
  .ob-progress{font-family:var(--mono);font-size:11px;color:var(--signal);letter-spacing:.08em;
    text-transform:uppercase;margin-bottom:18px}
  .sku-tag{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);
    border-radius:999px;padding:6px 8px 6px 14px;font-size:13px;color:var(--text)}
  .sku-tag .tag-meta{color:var(--muted);font-size:11.5px;font-family:var(--mono)}
  .sku-tag button{background:none;border:none;color:var(--muted);cursor:pointer;width:18px;height:18px;
    border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;
    padding:0;transition:background .15s,color .15s}
  .sku-tag button:hover{background:rgba(255,255,255,.1);color:var(--text)}
  .file-input{display:block;width:100%;font-size:12.5px;color:var(--muted);font-family:var(--body)}
  .file-input::file-selector-button,.file-input::-webkit-file-upload-button{background:var(--signal);color:#0A0E15;border:none;cursor:pointer;
    font-family:var(--body);font-weight:600;font-size:12.5px;padding:7px 12px;border-radius:8px;
    margin-right:10px;transition:transform .2s,box-shadow .2s}
  .file-input::file-selector-button:hover,.file-input::-webkit-file-upload-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -8px rgba(200,242,78,.55)}
  .spin{animation:dspin .7s linear infinite}
  @keyframes dspin{to{transform:rotate(360deg)}}
  #obMap.ob-plotting{animation:obMapBlink 1s ease-in-out infinite}
  @keyframes obMapBlink{0%,100%{box-shadow:0 0 0 3px rgba(255,209,0,.9)}50%{box-shadow:0 0 0 3px rgba(255,209,0,.1)}}
  .report-drop{position:absolute;top:calc(100% + 8px);right:0;background:var(--ink-3);border:1px solid var(--line-2);
    border-radius:11px;padding:6px;min-width:210px;box-shadow:0 24px 50px -18px rgba(0,0,0,.8);z-index:30;
    opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s,transform .2s}
  .report-drop.open{opacity:1;transform:none;pointer-events:auto}
  .report-drop button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;cursor:pointer;
    color:var(--text);font-family:var(--body);font-size:13.5px;padding:10px 11px;border-radius:8px;text-align:left;transition:background .15s,color .15s}
  .report-drop button:hover{background:var(--signal-soft);color:var(--signal)}
  .report-drop button svg{color:var(--muted);flex:0 0 auto}
  .report-drop button:hover svg{color:var(--signal)}
  .dtop .bell.has-unread::after{content:"";position:absolute;top:-1px;right:-1px;width:7px;height:7px;border-radius:50%;background:var(--signal)}
  .notif-menu{position:relative}
  .notif-drop{position:absolute;top:calc(100% + 8px);right:-8px;background:var(--ink-3);border:1px solid var(--line-2);
    border-radius:11px;padding:8px;min-width:300px;max-width:340px;max-height:360px;overflow-y:auto;box-shadow:0 24px 50px -18px rgba(0,0,0,.8);z-index:30;
    opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s,transform .2s}
  .notif-drop.open{opacity:1;transform:none;pointer-events:auto}
  .notif-head{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 10px 10px}
  .notif-item{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:8px;cursor:pointer;transition:background .15s}
  .notif-item:hover{background:var(--signal-soft)}
  .notif-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;margin-top:6px}
  .notif-dot.running{background:#ffcf5c}
  .notif-dot.completed{background:#7AA2FF}
  .notif-dot.approved{background:var(--signal)}
  .notif-dot.failed{background:#ff8585}
  .notif-text{font-size:13px;line-height:1.4;color:var(--text)}
  .notif-time{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:2px;display:block}
  .uchip{display:flex;align-items:center;gap:10px;cursor:pointer}
  .uchip .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--signal),var(--mint));
    display:flex;align-items:center;justify-content:center;font-weight:700;color:#0A0E15;font-size:14px}
  .uchip .nm{font-size:14px;font-weight:600;line-height:1.1}
  .uchip .rl{font-size:11.5px;color:var(--muted);font-family:var(--mono)}
  .dbody{padding:30px 32px 60px;flex:1;overflow-y:auto;min-height:0}
  .dgreet{font-family:var(--display);font-weight:600;font-size:1.9rem;letter-spacing:-.025em;margin-bottom:4px}
  .dgreet .hl{color:var(--signal)}
  .dsubtle{color:var(--muted);font-size:.97rem;margin-bottom:28px}
  .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}
  .kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}
  .kpi .t{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
  .kpi .v{font-family:var(--display);font-weight:600;font-size:2rem;letter-spacing:-.03em;line-height:1}
  .kpi .d{font-family:var(--mono);font-size:12px;margin-top:10px}
  .kpi .d.up{color:var(--signal)}.kpi .d.down{color:#ff8585}
  .dgrid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin-bottom:22px}
  .dcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}
  .dcard .ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
  .dcard .ch h4{font-family:var(--display);font-weight:600;font-size:1.15rem;letter-spacing:-.01em}
  .dcard .ch .seg{display:flex;gap:4px;background:var(--ink);border:1px solid var(--line);border-radius:8px;padding:3px}
  .dcard .ch .seg button{background:none;border:none;color:var(--muted);font-family:var(--mono);font-size:11px;
    padding:5px 10px;border-radius:6px;cursor:pointer;transition:.2s}
  .dcard .ch .seg button.on{background:var(--signal-soft);color:var(--signal)}
  #hideBacktestBtn.on{background:var(--signal-soft);color:var(--signal);border-color:var(--signal)}
  .qty-wrap{display:flex;align-items:stretch;background:var(--ink);border:1px solid var(--line);border-radius:8px;overflow:hidden}
  .qty-wrap input{width:56px;background:none;border:none;padding:5px 0 5px 10px;color:var(--text);
    font-family:var(--mono);font-size:12px;outline:none}
  .qty-wrap input::-webkit-inner-spin-button,.qty-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
  .qty-wrap input{-moz-appearance:textfield}
  .qty-wrap:focus-within{border-color:var(--signal)}
  .qty-steppers{display:flex;flex-direction:column;border-left:1px solid var(--line)}
  .qty-step{background:none;border:none;color:var(--muted);cursor:pointer;padding:0 6px;
    display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
  .qty-step svg{width:10px;height:10px}
  .qty-step:first-child{border-bottom:1px solid var(--line)}
  .qty-step:hover{background:var(--signal-soft);color:var(--signal)}

  /* AI Insights — loading pulse + staggered reveal */
  .ins-load-spark{animation:insPulse 1.3s ease-in-out infinite}
  @keyframes insPulse{0%,100%{transform:scale(1) rotate(0deg);opacity:.55}50%{transform:scale(1.18) rotate(18deg);opacity:1}}
  #insightsContent>.dcard{animation:insightIn .5s ease both}
  #insightsContent>.dcard:nth-of-type(2){animation-delay:.1s}
  #insightsContent>.dgrid>.dcard:nth-child(1){animation-delay:.2s}
  #insightsContent>.dgrid>.dcard:nth-child(2){animation-delay:.28s}
  @keyframes insightIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  #insightsFindings li,#insightsWatch li,#insightsOpportunities li{animation:insightIn .4s ease both;animation-delay:.3s}
  #insightsFindings li:nth-child(2),#insightsWatch li:nth-child(2),#insightsOpportunities li:nth-child(2){animation-delay:.37s}
  #insightsFindings li:nth-child(3){animation-delay:.44s}
  #insightsFindings li:nth-child(4){animation-delay:.51s}
  .dchart{width:100%;height:260px}
  .dchart svg{width:100%;height:100%;overflow:visible}
  .movers{list-style:none}
  .movers li{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);font-size:14px}
  .movers li:first-child{border-top:none}
  .movers .sku{font-family:var(--mono);font-size:12px;color:var(--muted)}
  .movers .nmx{font-weight:500}
  .movers .chg{font-family:var(--mono);font-size:13px;font-weight:600}
  .movers .chg.up{color:var(--signal)}.movers .chg.down{color:#ff8585}
  .dtable{width:100%;border-collapse:collapse}
  .dtable th{text-align:left;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
    color:var(--muted-2);padding:0 14px 14px;font-weight:500;border-bottom:1px solid var(--line)}
  .dtable td{padding:15px 14px;border-bottom:1px solid var(--line);font-size:14px}
  .dtable tr:last-child td{border-bottom:none}
  .dtable tr:hover td{background:rgba(255,255,255,.02)}
  .dtable .skucell{font-family:var(--mono);font-size:12.5px;color:var(--signal)}
  .pill{display:inline-block;font-family:var(--mono);font-size:11px;padding:3px 9px;border-radius:100px;border:1px solid}
  .pill.ok{color:var(--signal);border-color:rgba(200,242,78,.3);background:var(--signal-soft)}
  .pill.warn{color:#ffcf5c;border-color:rgba(255,207,92,.3);background:rgba(255,207,92,.1)}
  .pill.risk{color:#ff8585;border-color:rgba(255,107,107,.3);background:rgba(255,107,107,.1)}
  .bar-mini{height:6px;border-radius:4px;background:var(--ink);overflow:hidden;width:90px}
  .bar-mini i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--signal))}
  .sku-search input{background:var(--ink);border:1px solid var(--line-2);border-radius:8px;padding:8px 12px;
    color:var(--text);font-family:var(--mono);font-size:12.5px;width:230px;transition:border-color .2s,box-shadow .2s}
  .sku-search input:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}
  .selbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px 0 14px;
    font-family:var(--mono);font-size:12px;color:var(--muted);flex-wrap:wrap}
  .selbar #selName{color:var(--text);font-weight:600}
  .selbar .selwape b{color:var(--signal)}
  .dchart{position:relative}
  .dchart canvas{width:100%;height:100%;display:block;cursor:crosshair}
  .fc-tip{position:absolute;pointer-events:none;opacity:0;transform:translate(-50%,-8px);transition:opacity .12s;
    background:rgba(8,11,17,.96);border:1px solid var(--line-2);border-radius:9px;padding:9px 11px;z-index:5;
    font-family:var(--mono);font-size:11.5px;white-space:nowrap;box-shadow:0 12px 30px -12px rgba(0,0,0,.8)}
  .fc-tip .wk{color:var(--muted);margin-bottom:5px}
  .fc-tip .rw{display:flex;align-items:center;gap:7px;line-height:1.5}
  .fc-tip .rw i{width:8px;height:8px;border-radius:2px;flex:0 0 auto}
  .fc-tip .rw b{margin-left:auto;color:var(--text)}
  .chart-legend{display:flex;gap:20px;margin-top:14px;font-family:var(--mono);font-size:11.5px;color:var(--muted)}
  .chart-legend span{display:flex;align-items:center;gap:7px}
  .chart-legend i{width:13px;height:3px;border-radius:2px;display:inline-block}
  .chart-legend .lgd-item{cursor:pointer;user-select:none;transition:opacity .15s}
  .chart-legend .lgd-item:hover{opacity:.75}
  .chart-legend .lgd-item.off{opacity:.32}
  .chart-legend .lgd-item.off i{background:var(--muted)!important;border-color:var(--muted)!important}
  .movers li{cursor:pointer}
  .movers li:hover .nmx{color:var(--signal)}
  .dtable tbody tr{cursor:pointer}

  /* ===== AI ANALYST CHATBOT ===== */
  .cb-launch{position:fixed;bottom:26px;right:26px;z-index:170;height:58px;border-radius:100px;
    border:none;cursor:pointer;background:linear-gradient(135deg,var(--signal),var(--mint));color:#0A0E15;
    display:flex;align-items:center;gap:10px;padding:5px 20px 5px 5px;
    box-shadow:0 16px 40px -10px rgba(200,242,78,.5);
    transition:transform .25s,box-shadow .25s;font-family:var(--display);letter-spacing:-.01em}
  .cb-launch-icon{width:48px;height:48px;flex-shrink:0;border-radius:50%;overflow:hidden;display:block}
  .cb-launch-icon svg{width:48px;height:48px;display:block}
  .cb-launch-label{line-height:1.2;text-align:left;font-weight:700;font-size:14px;white-space:nowrap}
  .cb-launch-sub{display:block;font-family:var(--mono);font-size:10px;font-weight:500;
    color:rgba(10,14,21,.62);letter-spacing:.02em;margin-top:1px}
  .cb-launch:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 22px 50px -10px rgba(200,242,78,.65)}
  .cb-launch.hide{transform:scale(0);opacity:0;pointer-events:none}
  .cb-panel{position:fixed;bottom:26px;right:26px;z-index:171;width:380px;max-width:calc(100vw - 32px);
    height:560px;max-height:calc(100vh - 52px);background:linear-gradient(180deg,var(--ink-2),var(--ink));
    border:1px solid var(--line-2);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;
    box-shadow:0 40px 100px -30px rgba(0,0,0,.8);opacity:0;transform:translateY(20px) scale(.97);
    pointer-events:none;transition:opacity .3s cubic-bezier(.2,.7,.2,1),transform .3s cubic-bezier(.2,.7,.2,1)}
  .cb-panel.open{opacity:1;transform:none;pointer-events:auto}
  .cb-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);
    background:rgba(255,255,255,.02)}
  .cb-id{display:flex;align-items:center;gap:11px}
  .cb-id b{font-family:var(--display);font-weight:600;font-size:15px;display:block;letter-spacing:-.01em}
  .cb-id span{font-family:var(--mono);font-size:11px;color:var(--muted)}
  .cb-orb{width:32px;height:32px;border-radius:50%;background:var(--ink);overflow:hidden;
    flex:0 0 auto;position:relative;box-shadow:0 0 0 0 rgba(200,242,78,.5);animation:orb 2.4s infinite}
  .cb-orb svg{width:32px;height:32px;display:block}
  .cb-orb.cb-thinking{animation:orb 2.4s infinite,cb-think-bounce 1s ease-in-out infinite}
  @keyframes orb{0%{box-shadow:0 0 0 0 rgba(200,242,78,.4)}70%{box-shadow:0 0 0 9px rgba(200,242,78,0)}100%{box-shadow:0 0 0 0 rgba(200,242,78,0)}}
  .cb-x{background:none;border:none;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;transition:color .2s}
  .cb-x:hover{color:var(--text)}
  .cb-body{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px}
  .cb-msg{max-width:84%;font-size:14px;line-height:1.5;padding:11px 14px;border-radius:14px;animation:cbin .3s ease}
  @keyframes cbin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .cb-msg.bot{align-self:flex-start;background:var(--ink-3);border:1px solid var(--line);border-bottom-left-radius:5px;color:var(--text)}
  .cb-msg.user{align-self:flex-end;background:var(--signal);color:#0A0E15;border-bottom-right-radius:5px;font-weight:500}
  .cb-msg b{font-weight:700}
  .cb-msg .lk{color:var(--signal);cursor:pointer;font-family:var(--mono);font-size:13px;text-decoration:underline;text-underline-offset:2px}
  .cb-msg.bot .mono{font-family:var(--mono);font-size:12.5px;color:var(--mint)}
  .cb-typing{align-self:flex-start;display:flex;gap:4px;padding:13px 15px;background:var(--ink-3);border:1px solid var(--line);border-radius:14px;border-bottom-left-radius:5px}
  .cb-typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:bounce 1.2s infinite}
  .cb-typing i:nth-child(2){animation-delay:.15s}.cb-typing i:nth-child(3){animation-delay:.3s}
  @keyframes bounce{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}
  .cb-typing-row{display:flex;align-items:flex-end;gap:8px;align-self:flex-start;animation:cbin .3s ease}
  .cb-avatar-sm{width:28px;height:28px;border-radius:50%;background:var(--ink);flex-shrink:0;position:relative;overflow:hidden}
  .cb-avatar-sm svg{width:28px;height:28px;display:block}
  .cb-avatar-sm.cb-thinking{animation:cb-think-bounce 1s ease-in-out infinite;overflow:visible}
  @keyframes cb-think-bounce{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(-6deg)}75%{transform:translateY(-3px) rotate(6deg)}}
  .cb-think-badge{position:absolute;top:-4px;right:-4px;font-size:11px;line-height:1;opacity:0;animation:cb-think-fade 1.6s ease-in-out infinite}
  @keyframes cb-think-fade{0%,100%{opacity:0;transform:translateY(2px) scale(.7)}50%{opacity:1;transform:translateY(-3px) scale(1)}}
  .cb-chips{display:flex;gap:7px;padding:10px 14px 0;flex-wrap:wrap;overflow-x:auto}
  .cb-chips button{flex:0 0 auto;background:var(--panel);border:1px solid var(--line);color:var(--muted);
    font-family:var(--body);font-size:12px;padding:7px 12px;border-radius:100px;cursor:pointer;transition:.2s;white-space:nowrap}
  .cb-chips button:hover{border-color:var(--signal);color:var(--signal)}
  .cb-input{display:flex;gap:8px;padding:14px;border-top:1px solid var(--line)}
  .cb-input input{flex:1;background:var(--ink);border:1px solid var(--line-2);border-radius:10px;padding:11px 13px;
    color:var(--text);font-family:var(--body);font-size:14px;transition:border-color .2s,box-shadow .2s}
  .cb-input input:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}
  .cb-input button{flex:0 0 auto;width:42px;border:none;border-radius:10px;background:var(--signal);color:#0A0E15;cursor:pointer;
    display:flex;align-items:center;justify-content:center;transition:transform .2s}
  .cb-input button svg{width:19px;height:19px}
  .cb-input button:hover{transform:scale(1.06)}
  @media(max-width:560px){.cb-panel{height:calc(100vh - 40px);bottom:20px;right:16px;left:16px;max-width:none;width:auto}
    .cb-launch{bottom:20px;right:20px;padding:5px;width:58px}
    .cb-launch-label{display:none}}

  @media(max-width:880px){
    #dashboard.open,#dashboard.open.dside-collapsed{grid-template-columns:1fr}
    .dside{display:none}
    .kpis{grid-template-columns:1fr 1fr}
    .dgrid{grid-template-columns:1fr}
    .dtop .search{width:auto}
    .table-wrap{overflow-x:auto}
  }

  /* ============================================================
     THEME TOGGLE BUTTON
  ============================================================ */
  .theme-tg{
    width:36px;height:36px;border-radius:9px;
    background:transparent;border:1px solid var(--line-2);
    color:var(--muted);cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    transition:border-color .2s,color .2s,background .2s;
    flex-shrink:0;
  }
  .theme-tg:hover{border-color:var(--signal);color:var(--signal);background:var(--signal-soft)}
  .theme-tg svg{width:17px;height:17px;display:block;transition:transform .4s}
  .theme-tg:hover svg{transform:rotate(22deg)}

  /* ============================================================
     LIGHT THEME — warm, airy, natural
     Philosophy: warm off-white page, pure white cards with soft
     shadows for elevation, no blue tints, olive for brand text.
     --signal stays #C8F24E so buttons are identical in both modes.
  ============================================================ */
  [data-theme="light"]{
    --ink:#F5F4EE;          /* warm off-white — no blue tint */
    --ink-2:#FFFFFF;         /* pure white — elevated cards/panels */
    --ink-3:#ECEAE3;         /* warm subtle surface — inputs, inset areas */
    --panel:#FFFFFF;         /* all panel elements become white cards */
    --line:rgba(0,0,0,.07);  /* very soft borders */
    --line-2:rgba(0,0,0,.13);
    --mint:#00736A;          /* dark teal — readable on light */
    --text:#111318;
    --muted:#52606E;
    --muted-2:#7E8C9A;
    --signal:#5A9200;        /* dark olive — readable on light backgrounds */
    --signal-soft:rgba(90,146,0,.1);
  }
  /* Keep lime-green for button/pill backgrounds in light mode */
  [data-theme="light"] .btn-pri{background:#C8F24E}
  [data-theme="light"] .dbtn{background:#C8F24E}

  /* Body warm bg */
  [data-theme="light"] body{background:var(--ink)}

  /* Ambient — very faint warm glows, no harsh blobs */
  [data-theme="light"] .grain{opacity:.015}
  [data-theme="light"] .glow.a{
    background:radial-gradient(circle,rgba(200,242,78,.1),transparent 65%);
    opacity:.5;top:-80px;right:-60px;width:480px;height:480px;filter:blur(90px)
  }
  [data-theme="light"] .glow.b{
    background:radial-gradient(circle,rgba(0,115,106,.06),transparent 65%);
    opacity:.5;filter:blur(90px)
  }

  /* Header — warm frosted glass */
  [data-theme="light"] header{background:rgba(245,244,238,.82);border-bottom-color:transparent}
  [data-theme="light"] header.scrolled{background:rgba(245,244,238,.95);border-bottom-color:var(--line)}

  /* Hero chart card — white card, soft shadow */
  [data-theme="light"] .panel{
    background:#fff;border-color:rgba(0,0,0,.07);
    box-shadow:0 4px 6px rgba(0,0,0,.04),0 12px 40px rgba(0,0,0,.07)
  }
  [data-theme="light"] .panel::before{background:
    linear-gradient(transparent 95%,rgba(0,0,0,.02) 95%) 0 0/100% 28px,
    linear-gradient(90deg,transparent 95%,rgba(0,0,0,.02) 95%) 0 0/28px 100%}
  [data-theme="light"] .tick{
    background:rgba(255,255,255,.92);border-color:rgba(0,0,0,.09);color:var(--muted)
  }
  [data-theme="light"] .cone{fill:rgba(200,242,78,.1)}

  /* Stats block — white card with lift */
  [data-theme="light"] .stats{
    background:#fff;border-color:rgba(0,0,0,.07);
    box-shadow:0 1px 3px rgba(0,0,0,.04),0 6px 20px rgba(0,0,0,.05)
  }
  [data-theme="light"] .stat{border-right-color:rgba(0,0,0,.07)}

  /* Capability cards — white with subtle lift */
  [data-theme="light"] .card{
    background:#fff;border-color:rgba(0,0,0,.07);
    box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 14px rgba(0,0,0,.05)
  }
  [data-theme="light"] .card:hover{
    background:#fff;border-color:rgba(0,0,0,.12);
    box-shadow:0 4px 6px rgba(0,0,0,.06),0 12px 32px rgba(0,0,0,.08);
    transform:translateY(-5px)
  }

  /* Brain network diagram */
  [data-theme="light"] .brain{
    background:radial-gradient(circle at 50% 45%,#F8F7F2,#EDECEA);
    border-color:rgba(0,0,0,.07);
    box-shadow:0 4px 6px rgba(0,0,0,.04),0 12px 40px rgba(0,0,0,.07)
  }
  [data-theme="light"] .node{fill:#fff;stroke:rgba(0,0,0,.1)}
  [data-theme="light"] .node-lab{fill:var(--muted)}
  [data-theme="light"] .core{stroke:#5A9200;fill:rgba(200,242,78,.12)}
  [data-theme="light"] .edge{stroke:rgba(0,0,0,.1)}
  [data-theme="light"] .pkt{fill:#5A9200}

  /* Industry links */
  [data-theme="light"] .ind a{
    background:#fff;border-color:rgba(0,0,0,.07);
    box-shadow:0 1px 3px rgba(0,0,0,.04)
  }
  [data-theme="light"] .ind a:hover{
    background:#fff;border-color:#C8F24E;
    box-shadow:0 4px 16px rgba(200,242,78,.2)
  }
  [data-theme="light"] .ind a:hover .ar{color:#5A9200}

  /* How it works step bars */
  [data-theme="light"] .step .bar{background:rgba(0,0,0,.08)}

  /* Quote — white card */
  [data-theme="light"] .quote{
    background:#fff;border-color:rgba(0,0,0,.07);
    box-shadow:0 2px 4px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.06)
  }
  [data-theme="light"] .quote .mark{color:#5A9200}


  /* Selection */
  [data-theme="light"] ::selection{background:#C8F24E;color:#0A0E15}

  /* Logos strip */
  [data-theme="light"] .logos{border-color:rgba(0,0,0,.07)}
  [data-theme="light"] .logo-row span{color:var(--muted)}

  /* Feat list dividers */
  [data-theme="light"] .feat-list li{border-top-color:rgba(0,0,0,.07)}

  /* Login modal */
  [data-theme="light"] .modal{background:rgba(10,14,20,.38)}
  [data-theme="light"] .login-card{
    background:#fff;border-color:rgba(0,0,0,.09);
    box-shadow:0 20px 60px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.06)
  }
  [data-theme="light"] .field input{background:var(--ink-3);border-color:rgba(0,0,0,.1)}
  [data-theme="light"] .field input:focus{background:#fff}
  [data-theme="light"] .req{color:#5C3A1E}
  [data-theme="light"] .req.ok{color:#2E7D32}

  /* Dashboard shell */
  [data-theme="light"] #dashboard{background:var(--ink)}
  [data-theme="light"] .dside{background:#fff;border-right-color:rgba(0,0,0,.07)}
  [data-theme="light"] .dtop{
    background:rgba(255,255,255,.9);border-bottom-color:rgba(0,0,0,.07)
  }
  [data-theme="light"] .dtop .search{background:var(--ink-3);border-color:rgba(0,0,0,.09)}
  [data-theme="light"] .kpi{
    background:#fff;border-color:rgba(0,0,0,.07);
    box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.04)
  }
  [data-theme="light"] .dcard{
    background:#fff;border-color:rgba(0,0,0,.07);
    box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.04)
  }
  [data-theme="light"] .dcard .ch .seg{background:var(--ink-3);border-color:rgba(0,0,0,.08)}
  [data-theme="light"] .dtable th{border-bottom-color:rgba(0,0,0,.08)}
  [data-theme="light"] .dtable td{border-bottom-color:rgba(0,0,0,.06)}
  [data-theme="light"] .dtable tr:hover td{background:rgba(0,0,0,.02)}
  [data-theme="light"] .movers li{border-top-color:rgba(0,0,0,.06)}
  [data-theme="light"] .report-drop{
    background:#fff;border-color:rgba(0,0,0,.1);
    box-shadow:0 8px 24px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.06)
  }
  [data-theme="light"] .notif-drop{
    background:#fff;border-color:rgba(0,0,0,.1);
    box-shadow:0 8px 24px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.06)
  }
  [data-theme="light"] .dnav li:hover{background:rgba(0,0,0,.04)}
  [data-theme="light"] .dnav li.active{background:rgba(200,242,78,.18);color:#5A9200}
  [data-theme="light"] .dside .signout{border-color:rgba(0,0,0,.1);color:var(--muted)}

  /* Chart tooltip */
  [data-theme="light"] .fc-tip{
    background:#fff;border-color:rgba(0,0,0,.1);
    box-shadow:0 4px 16px rgba(0,0,0,.1)
  }
  [data-theme="light"] .fc-tip .wk{color:var(--muted)}

  /* In-dashboard AI chatbot */
  [data-theme="light"] .cb-panel{background:#fff;border-color:rgba(0,0,0,.09)}
  [data-theme="light"] .cb-head{background:#fafaf8;border-bottom-color:rgba(0,0,0,.07)}
  [data-theme="light"] .cb-msg.bot{background:var(--ink-3);border-color:rgba(0,0,0,.08);color:var(--text)}
  [data-theme="light"] .cb-typing{background:var(--ink-3);border-color:rgba(0,0,0,.08)}
  [data-theme="light"] .cb-input{border-top-color:rgba(0,0,0,.07)}
  [data-theme="light"] .cb-input input{background:var(--ink-3);border-color:rgba(0,0,0,.1);color:var(--text)}
  [data-theme="light"] .cb-chips button{background:#fff;border-color:rgba(0,0,0,.1);color:var(--muted)}
  [data-theme="light"] .cb-chips button:hover{border-color:#5A9200;color:#5A9200}

  /* Ghost button */
  [data-theme="light"] .btn-ghost{border-color:rgba(0,0,0,.2);color:var(--text)}
  [data-theme="light"] .btn-ghost:hover{border-color:#5A9200;color:#5A9200;background:rgba(200,242,78,.08)}

  /* Theme toggle hover */
  [data-theme="light"] .theme-tg:hover{border-color:#5A9200;color:#5A9200;background:rgba(200,242,78,.08)}

  /* Pills */
  [data-theme="light"] .pill.ok{color:#5A9200;border-color:rgba(130,180,0,.35);background:rgba(200,242,78,.14)}
  [data-theme="light"] .pill.warn{color:#8B6000}
  [data-theme="light"] .pill.risk{color:#C0392B}

  /* Bar mini */
  [data-theme="light"] .bar-mini{background:rgba(0,0,0,.08)}

  /* ── Brand colour in text/icon contexts → dark olive ──────────────
     #C8F24E (lime) as text on warm white = ~1.2:1 contrast, invisible.
     Every color:var(--signal) use in light mode gets dark olive instead.
  ──────────────────────────────────────────────────────────────────── */
  [data-theme="light"] .wordmark{border-color:rgba(0,0,0,.18)}
  [data-theme="light"] .wordmark:hover{border-color:rgba(0,0,0,.35)}
  [data-theme="light"] .wordmark b{color:#5A9200}
  [data-theme="light"] .logo b,
  [data-theme="light"] h1 .em,
  [data-theme="light"] .kicker,
  [data-theme="light"] .ic,
  [data-theme="light"] .stat .num,
  [data-theme="light"] .step .n,
  [data-theme="light"] .feat-list li .ck,
  [data-theme="light"] .quote blockquote .hl,
  [data-theme="light"] .dgreet .hl,
  [data-theme="light"] .kpi .d.up,
  [data-theme="light"] .movers .chg.up,
  [data-theme="light"] .dtable .skucell,
  [data-theme="light"] .selbar .selwape b,
  [data-theme="light"] .login-note .demo,
  [data-theme="light"] .movers li:hover .nmx,
  [data-theme="light"] .fcol a:hover,
  [data-theme="light"] .dcard .ch .seg button.on,
  [data-theme="light"] .report-drop button:hover,
  [data-theme="light"] .cb-msg .lk { color:#5A9200 }

  [data-theme="light"] .eyebrow{color:#5A9200;border-color:rgba(130,180,0,.28);background:rgba(200,242,78,.1)}
  [data-theme="light"] .ic{background:rgba(200,242,78,.12);border-color:rgba(130,180,0,.2)}
  [data-theme="light"] .report-drop button:hover{background:rgba(200,242,78,.12)}
  [data-theme="light"] .sku-search input{background:var(--ink-3);border-color:rgba(0,0,0,.1);color:var(--text)}