/* ==========================================================================
   For businesses page — styles lifted from yolaraai.mpstaging2.space
   Every selector is scoped under `.biz` (the #view-business wrapper) so this
   file can never collide with assets/css/style.css.
   Fonts (Inter / Inter Tight / JetBrains Mono) load from Google Fonts in
   index.html instead of the original inlined @font-face blocks.
   ========================================================================== */

/* ============================================================
   YOLARA AI — neutral light, enterprise B2B
   Palette: cool warm-whites + slate text + desaturated indigo
   ============================================================ */
.biz{
  /* Surfaces */
  --bg:#f6f7f9;
  --bg-2:#eef0f4;
  --surface:#ffffff;
  --surface-2:#f1f3f7;
  --surface-3:#e9ecf3;

  /* Ink + text */
  --ink:#0b1220;
  --text:#1a2236;
  --text-2:#3d4661;
  --muted:#6b7388;
  --muted-2:#98a0b3;

  /* Borders */
  --line:rgba(15,23,42,.07);
  --line-2:rgba(15,23,42,.12);
  --line-3:rgba(15,23,42,.2);

  /* Accent — Yolara brand blue scale */
  --a:#3656ed;        /* primary brand blue */
  --a-2:#1638a6;      /* deeper */
  --a-3:#7da3ff;      /* lighter */
  --a-deep:#0d1e6e;   /* deepest brand navy */
  --a-50:#eef3ff;
  --a-100:#dde7ff;
  --a-200:#b8c9ff;
  --a-tint:rgba(54,86,237,.08);
  --a-tint-2:rgba(54,86,237,.16);

  /* Companion brand — purple (pairs with blue) */
  --p:#7c3aed;
  --p-2:#5b21b6;
  --p-3:#a78bfa;
  --p-50:#f5f0ff;
  --p-100:#ece1ff;
  --p-tint:rgba(124,58,237,.08);

  /* Pillar-specific colors */
  --c-recruit:#3656ed;
  --c-recruit-2:#1638a6;
  --c-recruit-soft:#eef3ff;

  --c-sense:#0891b2;     /* teal-cyan */
  --c-sense-2:#075985;
  --c-sense-soft:#ecfeff;
  --c-sense-light:#67e8f9;

  --c-act:#7c3aed;       /* purple */
  --c-act-2:#5b21b6;
  --c-act-soft:#f5f0ff;
  --c-act-light:#a78bfa;

  /* Status with more pop */
  --ok:#059669;
  --ok-tint:#d1fae5;
  --warn:#d97706;
  --warn-tint:#fef3c7;
  --info:#0284c7;
  --info-tint:#e0f2fe;

  /* Signature gradient — blue→purple, used sparingly */
  --grad-brand:linear-gradient(135deg,#3656ed 0%,#7c3aed 100%);
  --grad-brand-soft:linear-gradient(135deg,#7da3ff 0%,#a78bfa 100%);
  --grad-sense:linear-gradient(135deg,#0891b2 0%,#3656ed 100%);
  --grad-act:linear-gradient(135deg,#3656ed 0%,#7c3aed 100%);

  /* Legacy states (kept for backward refs) */
  --err:#dc2626;

  --grad:linear-gradient(180deg,#3656ed 0%,#1638a6 100%);
  --grad-soft:linear-gradient(180deg,#7da3ff 0%,#3656ed 100%);

  --font:'Inter',ui-sans-serif,system-ui,sans-serif;
  --fd:'Inter Tight',var(--font);
  --mono:'JetBrains Mono',ui-monospace,monospace;

  --r-sm:8px; --r:12px; --r-md:14px; --r-lg:20px; --r-xl:28px;
  --shadow-sm:0 1px 2px rgba(15,23,42,.04),0 1px 1px rgba(15,23,42,.03);
  --shadow:0 2px 4px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.06);
  --shadow-lg:0 10px 32px rgba(15,23,42,.08),0 2px 6px rgba(15,23,42,.05);
  --shadow-xl:0 24px 64px rgba(15,23,42,.12),0 4px 12px rgba(15,23,42,.06);
}.biz *{box-sizing:border-box;margin:0;padding:0}.biz{scroll-behavior:smooth}.biz{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.biz a{color:inherit;text-decoration:none}.biz button{font-family:inherit;background:none;border:none;color:inherit;cursor:pointer}.biz ::selection{background:var(--a-tint-2);color:var(--ink)}.biz img{display:block;max-width:100%}

/* Faint grid backdrop, more subtle than v1 */
/* Global icon normalization */
.biz svg{stroke-linecap:round;stroke-linejoin:round}
/* Soften aggressive stroke widths */
.biz svg[stroke-width="3"]{stroke-width:2}.biz svg[stroke-width="2.5"]{stroke-width:2}.biz svg[stroke-width="2.4"]{stroke-width:2}.biz svg[stroke-width="2.2"]{stroke-width:2}.biz .grid{position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(13,30,110,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(13,30,110,.045) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse 80% 50% at 50% 0%,#000 30%,transparent 80%)}

/* Soft brand-blue ambient glow */
.biz .amb{position:fixed;top:-220px;left:50%;transform:translateX(-50%);width:1400px;height:900px;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 50% at 50% 30%,rgba(54,86,237,.10),transparent 60%),radial-gradient(ellipse 40% 30% at 25% 20%,rgba(125,163,255,.16),transparent 60%);
  filter:blur(30px)}.biz .wrap{max-width:1280px;margin:0 auto;padding:0 28px;position:relative;z-index:2}.biz section{padding:104px 0;position:relative;z-index:2}@media(max-width:760px){.biz .wrap{padding:0 18px}.biz section{padding:72px 0}}

/* ============================================================
   TYPE
   ============================================================ */
.biz .kicker{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:8px}.biz .kicker .dot{width:6px;height:6px;border-radius:50%;background:var(--a);box-shadow:0 0 0 4px var(--a-tint)}.biz .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 11px 5px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--line-2);color:var(--text-2);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.biz .eyebrow .lv{display:inline-flex;align-items:center;gap:5px}.biz .eyebrow .pl{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(4,120,87,.4);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(4,120,87,.4)}70%{box-shadow:0 0 0 8px rgba(4,120,87,0)}100%{box-shadow:0 0 0 0 rgba(4,120,87,0)}}.biz h1,.biz h2,.biz h3,.biz h4{font-family:var(--fd);color:var(--ink);font-weight:600;letter-spacing:-.02em;line-height:1.08}.biz h1{font-size:clamp(40px,5.6vw,72px);letter-spacing:-.035em;line-height:1}.biz h2{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.025em}.biz h3{font-size:clamp(20px,2vw,24px);letter-spacing:-.015em}.biz h4{font-size:17px;letter-spacing:-.012em;line-height:1.3}.biz .lede{font-size:18.5px;line-height:1.55;color:var(--text-2);font-weight:400;letter-spacing:-.005em}@media(max-width:760px){.biz .lede{font-size:16.5px}}

/* ============================================================
   BUTTONS
   ============================================================ */
.biz .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-family:var(--font);font-size:14px;font-weight:500;line-height:1;border:1px solid transparent;transition:transform .15s,background .15s,border-color .15s,color .15s,box-shadow .15s;white-space:nowrap}.biz .btn svg{flex:none}.biz .btn-p{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:var(--shadow-sm)}.biz .btn-p:hover{background:#1c2540;transform:translateY(-1px);box-shadow:0 6px 16px rgba(11,18,32,.2)}.biz .btn-g{background:var(--surface);color:var(--ink);border-color:var(--line-3)}.biz .btn-g:hover{background:var(--surface);border-color:var(--ink);transform:translateY(-1px)}.biz .btn-q{background:transparent;color:var(--text-2);border-color:transparent}.biz .btn-q:hover{color:var(--ink);background:var(--surface-2)}.biz .btn-lg{padding:13px 20px;font-size:14.5px;border-radius:11px}.biz .btn-xl{padding:16px 24px;font-size:15.5px;border-radius:12px}

/* ============================================================
   NAV
   ============================================================ */
.biz .nav{position:fixed;top:0;left:0;right:0;z-index:100;padding-top:12px;transition:padding .2s}.biz .nav-in{margin:0 auto;max-width:1280px;background:rgba(255,255,255,.78);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border:1px solid var(--line);border-radius:14px;padding:8px 8px 8px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-sm);transition:background .2s,box-shadow .2s,border-color .2s}.biz .nav.scrolled .nav-in{background:rgba(255,255,255,.94);border-color:var(--line-2);box-shadow:var(--shadow)}.biz .nav .wrap{padding:0 16px}@media(max-width:760px){.biz .nav .wrap{padding:0 12px}}.biz .bl{display:inline-flex;align-items:center;gap:0;text-decoration:none}.biz .bl img{height:40px;width:auto}.biz .nl{display:flex;align-items:center;gap:2px;list-style:none}.biz .nl>li{position:relative}.biz .nl a,.biz .ntg{display:flex;align-items:center;gap:5px;color:var(--text-2);font-size:13.5px;font-weight:500;padding:8px 12px;border-radius:8px;transition:color .15s,background .15s}.biz .nl a:hover,.biz .ntg:hover{color:var(--ink);background:var(--surface-2)}
/* Buttons inside nav panels keep their own colors */
.biz .nl .btn,.biz .dd-panel .btn{color:inherit}.biz .nl .btn-p,.biz .dd-panel .btn-p{color:#fff}.biz .nl .btn-p:hover,.biz .dd-panel .btn-p:hover{color:#fff;background:#1c2540}.biz .ntg .chv{transition:transform .2s;opacity:.6}.biz .nl li.dd:hover .ntg .chv{transform:rotate(180deg)}.biz .dd-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-6px);width:560px;background:var(--surface);border:1px solid var(--line-2);border-radius:14px;padding:12px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:var(--shadow-xl);z-index:200}.biz .dd-panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.biz .nl li.dd:hover .dd-panel{pointer-events:auto}.biz .nl li.dd:hover .dd-panel{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.biz .dd-g{display:grid;grid-template-columns:1fr 1fr;gap:4px}.biz .dd-i{display:flex;gap:12px;padding:11px 12px;border-radius:10px;transition:background .15s}.biz .dd-i:hover{background:var(--surface-2)}.biz .dd-ic{width:36px;height:36px;border-radius:9px;flex:none;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);color:var(--a-2)}.biz .dd-i:hover .dd-ic{background:var(--a-50);border-color:var(--a-100);color:var(--a)}.biz .dd-t{flex:1;min-width:0}.biz .dd-title{font-family:var(--fd);font-weight:600;font-size:14px;color:var(--ink);display:flex;align-items:center;gap:6px;letter-spacing:-.01em}.biz .dd-sub{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.4}.biz .dd-foot{margin-top:8px;padding:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px}.biz .dd-foot strong{font-family:var(--fd);font-size:13px;color:var(--ink);font-weight:600}.biz .dd-foot span{font-size:12px;color:var(--muted);display:block;margin-top:2px}.biz .nv-cta{display:flex;align-items:center;gap:6px}@media(max-width:980px){.biz .nl{display:none}}@media(max-width:560px){.biz .nv-cta .btn-q{display:none}}

/* ============================================================
   HERO
   ============================================================ */
.biz .hero{padding:140px 0 80px;position:relative;overflow:hidden}.biz .hero::before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:1200px;height:700px;background:radial-gradient(ellipse at center,rgba(41,69,200,.07),transparent 60%);pointer-events:none;z-index:0}.biz .hg{position:relative;z-index:2;display:grid;grid-template-columns:0.95fr 1.15fr;gap:64px;align-items:center}@media(max-width:1080px){.biz .hg{grid-template-columns:1fr;gap:56px}}.biz .hd{margin-top:22px}.biz .hd em{font-style:normal;color:var(--a-2)}.biz .hd .gr{background:linear-gradient(135deg,#3656ed 0%,#5b3fea 50%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:gShift 8s ease-in-out infinite}@keyframes gShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.biz .hero .lede{max-width:540px;margin-top:22px}.biz .hc{margin-top:36px;display:flex;gap:10px;flex-wrap:wrap}.biz .hsig{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-2);padding-top:24px}.biz .hsig>div{padding-right:18px;border-right:1px solid var(--line);position:relative}.biz .hsig>div:last-child{border-right:0}@media(max-width:560px){.biz .hsig{grid-template-columns:1fr;gap:14px}.biz .hsig>div{border-right:0;border-bottom:1px solid var(--line);padding-bottom:14px;padding-right:0}.biz .hsig>div:last-child{border-bottom:0;padding-bottom:0}}.biz .hsig .num{font-family:var(--fd);font-size:28px;font-weight:600;color:var(--ink);line-height:1;letter-spacing:-.025em}.biz .hsig .lbl{font-size:12.5px;color:var(--muted);line-height:1.35;margin-top:6px;max-width:160px}

/* ===== Hero dashboard ===== */
.biz .hv{position:relative}.biz .hero-toast-host{position:absolute;left:50%;top:18px;transform:translateX(-50%);z-index:9;width:max-content;max-width:90%;pointer-events:none}.biz .hv .frame{background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow-xl);overflow:hidden;position:relative}.biz .hv .chrome{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fafbfd,#f4f6fa)}.biz .hv .chrome .dots{display:flex;gap:5px}.biz .hv .chrome .dots i{width:9px;height:9px;border-radius:50%;background:var(--line-3);display:inline-block}.biz .hv .chrome .url{flex:1;display:flex;justify-content:center}.biz .hv .chrome .url span{font-family:var(--mono);font-size:11.5px;color:var(--muted);background:var(--surface);border:1px solid var(--line);padding:3px 10px;border-radius:6px;display:inline-flex;align-items:center;gap:6px}.biz .hv .chrome .url svg{opacity:.5}

/* Tabs */
.biz .hv .tabs{display:flex;gap:2px;padding:8px 12px 0;border-bottom:1px solid var(--line);background:#fafbfd;align-items:flex-end}.biz .hv .tab{position:relative;padding:10px 14px 12px;font-size:12.5px;font-weight:500;color:var(--muted);cursor:pointer;border-radius:8px 8px 0 0;display:flex;align-items:center;gap:8px;transition:color .15s,background .15s;letter-spacing:-.005em}.biz .hv .tab:hover{color:var(--text-2);background:rgba(255,255,255,.6)}.biz .hv .tab.active{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-bottom:1px solid var(--surface);margin-bottom:-1px}.biz .hv .tab .tdot{width:6px;height:6px;border-radius:50%;background:var(--muted-2)}.biz .hv .tab.active .tdot{background:var(--a)}.biz .hv .tab .tbadge{font-size:10px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);padding:1px 6px;border-radius:5px;font-family:var(--mono);font-weight:500}.biz .hv .tab.active .tbadge{color:var(--a);background:var(--a-50);border-color:var(--a-100)}

/* Content area: stacked panels, fade between them */
.biz .hv .stage{position:relative;background:var(--surface)}.biz .panel{padding:18px;display:none;animation:pIn .45s cubic-bezier(.2,.7,.2,1)}.biz .panel.show{display:block}@keyframes pIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* === Panel 1: Recruitment === */
.biz .p1{display:grid;grid-template-columns:1fr 1.05fr;gap:14px}.biz .p1 .left{display:flex;flex-direction:column;gap:8px}.biz .p1 .role-hdr{display:flex;align-items:center;justify-content:space-between;padding:0 4px 4px}.biz .p1 .role-hdr h5{font-size:12px;color:var(--muted);font-weight:500;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase}.biz .p1 .role-hdr .count{font-size:11px;color:var(--a);background:var(--a-50);border:1px solid var(--a-100);padding:2px 7px;border-radius:5px;font-family:var(--mono);font-weight:500}.biz .cand{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);transition:border-color .2s,transform .2s,box-shadow .2s;opacity:0;transform:translateY(8px);animation:cIn .5s forwards}@keyframes cIn{to{opacity:1;transform:translateY(0)}}.biz .cand:hover{border-color:var(--line-3);box-shadow:var(--shadow-sm)}.biz .cand.top{border-color:var(--a-100);background:linear-gradient(180deg,var(--a-50),#fff)}.biz .av{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:600;font-size:11.5px;font-family:var(--fd);letter-spacing:-.01em}.biz .cand-i{flex:1;min-width:0}.biz .cand-i strong{display:block;font-size:13px;color:var(--ink);font-weight:600;letter-spacing:-.005em}.biz .cand-i span{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:5px;margin-top:1px}.biz .cand-i span svg{opacity:.7}.biz .cand .score{font-family:var(--fd);font-weight:600;font-size:14px;color:var(--a);min-width:38px;text-align:right;letter-spacing:-.01em}.biz .cand.top .score{color:var(--a-2)}.biz .p1 .right{display:flex;flex-direction:column;gap:10px}.biz .match-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:linear-gradient(180deg,#fff,#fbfbfd)}.biz .match-card .mhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.biz .match-card .mhead .mname{display:flex;align-items:center;gap:9px}.biz .match-card .mhead .mname strong{font-family:var(--fd);font-size:14px;color:var(--ink);font-weight:600}.biz .match-card .mhead .mname span{font-size:11.5px;color:var(--muted)}.biz .match-card .mhead .mscore{font-family:var(--fd);font-weight:600;font-size:22px;color:var(--a);line-height:1;letter-spacing:-.02em}.biz .match-card .mhead .mscore small{display:block;font-size:9.5px;color:var(--muted);font-family:var(--mono);font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-top:3px;text-align:right}.biz .fact{display:grid;grid-template-columns:88px 1fr 30px;gap:8px;align-items:center;padding:5px 0;font-size:11.5px}.biz .fact .fl{color:var(--muted);font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}.biz .fact .ft{height:5px;background:var(--surface-2);border-radius:3px;overflow:hidden;position:relative}.biz .fact .ft i{position:absolute;left:0;top:0;bottom:0;background:var(--a);border-radius:3px;transform-origin:left;animation:bGrow 1s .2s cubic-bezier(.2,.7,.2,1) backwards}@keyframes bGrow{from{transform:scaleX(0)}}.biz .fact .fv{text-align:right;font-family:var(--mono);font-weight:500;color:var(--ink);font-size:11px}.biz .p1 .ai-rec{display:flex;gap:10px;padding:10px 12px;background:var(--ink);color:#e6e9f2;border-radius:10px;font-size:12px;line-height:1.5}.biz .p1 .ai-rec svg{flex:none;color:var(--a-3)}.biz .p1 .ai-rec strong{color:#fff;font-weight:600}

/* === Panel 2: Intelligence === */
.biz .p2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.biz .kpi{padding:14px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,#fff,#fafbfd)}.biz .kpi .kl{font-size:10.5px;color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.biz .kpi .kv{font-family:var(--fd);font-size:24px;font-weight:600;color:var(--ink);line-height:1;margin-top:8px;letter-spacing:-.02em}.biz .kpi .kd{margin-top:6px;font-size:11px;display:flex;align-items:center;gap:4px;color:var(--ok);font-weight:500;font-family:var(--mono)}.biz .kpi .kd.dn{color:var(--err)}.biz .kpi .ksp{height:22px;margin-top:8px}.biz .kpi .ksp svg{width:100%;height:100%}.biz .p2 .chart{grid-column:span 3;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.biz .p2 .chart .chh{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.biz .p2 .chart .chh strong{font-family:var(--fd);font-size:13px;color:var(--ink);font-weight:600}.biz .p2 .chart .chh .legend{display:flex;gap:10px;font-size:11px;color:var(--muted)}.biz .p2 .chart .chh .legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:middle}.biz .p2 .ca{height:120px}.biz .p2 .ca svg{width:100%;height:100%;overflow:visible}

/* === Panel 3: Automation === */
.biz .p3{display:grid;grid-template-columns:1.05fr 1fr;gap:12px}.biz .fleet-hdr{display:flex;align-items:center;justify-content:space-between;padding:0 4px 4px}.biz .fleet-hdr h5{font-size:12px;color:var(--muted);font-weight:500;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase}.biz .fleet-hdr .stat{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--ok);background:var(--ok-tint);padding:2px 8px;border-radius:5px;font-family:var(--mono);font-weight:500}.biz .fleet-hdr .stat::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ok)}.biz .bot{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:6px}.biz .bot .bicon{width:36px;height:36px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--a-2);flex:none}.biz .bot .binfo{flex:1;min-width:0}.biz .bot .binfo strong{display:block;font-size:13px;color:var(--ink);font-weight:600;letter-spacing:-.005em}.biz .bot .binfo span{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-top:2px}.biz .bot .bbar{width:54px;height:5px;background:var(--surface-2);border-radius:3px;overflow:hidden;position:relative}.biz .bot .bbar i{position:absolute;inset:0;background:var(--a);border-radius:3px}.biz .bot .bv{font-family:var(--mono);font-size:11px;color:var(--ink);font-weight:500;min-width:28px;text-align:right}.biz .p3 .right{display:flex;flex-direction:column;gap:10px}.biz .fmap{border:1px solid var(--line);border-radius:12px;padding:14px;background:radial-gradient(ellipse at top,#f6f8fd,#fff);height:100%;display:flex;flex-direction:column;min-height:200px}.biz .fmap .mh{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.biz .fmap .mh strong{font-family:var(--fd);font-size:12.5px;color:var(--ink);font-weight:600}.biz .fmap .mh span{font-size:11px;color:var(--muted);font-family:var(--mono)}.biz .fmap .floor{position:relative;flex:1;min-height:140px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.biz .fmap .floor svg{width:100%;height:100%}

/* Floating callouts on hero (smaller, calmer) */
.biz .fc{position:absolute;background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-lg);z-index:5;font-size:12px}.biz .fc .fci{width:26px;height:26px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--a);flex:none}.biz .fc .ft{line-height:1.3}.biz .fc .ft strong{display:block;font-size:12.5px;color:var(--ink);font-weight:600;letter-spacing:-.005em}.biz .fc .ft small{font-size:10.5px;color:var(--muted);font-family:var(--mono)}.biz .fc.f1{top:-14px;right:30px;animation:flt 9s ease-in-out infinite}.biz .fc.f2{bottom:-12px;left:-10px;animation:flt 9s 1.5s ease-in-out infinite}@keyframes flt{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* ============================================================
   TRUST STRIP
   ============================================================ */
.biz .ts{padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.4)}.biz .ts .lab{text-align:center;color:var(--muted);font-size:11.5px;font-family:var(--mono);font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}.biz .mq{display:flex;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.biz .mqt{display:flex;gap:64px;flex:none;animation:scr 40s linear infinite;padding-right:64px;align-items:center}.biz .mqt .lgo{font-family:var(--fd);font-weight:600;font-size:17px;color:var(--muted-2);white-space:nowrap;letter-spacing:-.005em;transition:color .2s}.biz .mqt .lgo:hover{color:var(--text)}@keyframes scr{to{transform:translateX(-50%)}}

/* ============================================================
   SECTION HEADER
   ============================================================ */
.biz .sh{max-width:780px;margin:0 auto 56px;text-align:center}.biz .sh.l{text-align:left;margin-left:0}.biz .sh h2{margin-top:14px}.biz .sh .lede{margin-top:18px;color:var(--text-2)}.biz .sh.l .lede{margin-left:0}

/* ============================================================
   THREE PILLARS
   ============================================================ */
.biz .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative}@media(max-width:980px){.biz .pillars{grid-template-columns:1fr}}.biz .pillar{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px 26px;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;flex-direction:column}.biz .pillar:hover{border-color:var(--line-3);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.biz .pnum{position:absolute;top:18px;right:22px;font-family:var(--mono);font-size:11px;color:var(--muted-2);font-weight:500;letter-spacing:.04em}.biz .pic{width:42px;height:42px;border-radius:11px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--a-2);margin-bottom:18px}.biz .pillar h3{margin-bottom:8px}.biz .pillar p{color:var(--text-2);font-size:14.5px;line-height:1.55}.biz .pillar .pmini{margin-top:22px;padding-top:18px;border-top:1px dashed var(--line-2);display:flex;flex-direction:column;gap:7px;flex:1}.biz .pillar .pmini .row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px}.biz .pillar .pmini .row span:first-child{color:var(--muted);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.biz .pillar .pmini .row span:last-child{color:var(--ink);font-weight:500;font-family:var(--mono);font-size:12px}.biz .pillar .pfoot{margin-top:18px;display:inline-flex;align-items:center;gap:6px;color:var(--a);font-size:13px;font-weight:500}.biz .pillar .pfoot svg{transition:transform .2s}.biz .pillar:hover .pfoot svg{transform:translateX(3px)}

/* ============================================================
   PRODUCT WALKTHROUGH — alternating with UI
   ============================================================ */
.biz .prod{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:center;margin-top:80px}.biz .prod.rev{grid-template-columns:1.25fr 1fr}.biz .prod.rev .pcopy{order:2}.biz .prod.rev .pmock{order:1}@media(max-width:980px){.biz .prod,.biz .prod.rev{grid-template-columns:1fr;gap:40px}.biz .prod.rev .pcopy{order:1}.biz .prod.rev .pmock{order:2}}.biz .prod:first-of-type{margin-top:64px}.biz .pcopy .ptag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--a);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.biz .pcopy .ptag::before{content:"";width:18px;height:1px;background:var(--a)}.biz .pcopy h3{font-size:32px;letter-spacing:-.025em;margin-bottom:14px}.biz .pcopy p{color:var(--text-2);font-size:16px;line-height:1.6;max-width:480px}.biz .pcopy ul{margin-top:24px;display:flex;flex-direction:column;gap:11px;list-style:none}.biz .pcopy li{display:flex;gap:10px;font-size:14.5px;color:var(--text-2);line-height:1.55;align-items:flex-start}.biz .pcopy li svg{flex:none;color:var(--a);margin-top:4px}.biz .pcopy li strong{color:var(--ink);font-weight:600}.biz .pcopy .pcta{margin-top:28px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--ink);background:var(--surface);border:1px solid var(--line-3);transition:border-color .2s,background .2s}.biz .pcopy .pcta:hover{border-color:var(--ink);background:var(--surface-2)}

/* The mock frame */
.biz .pmock{position:relative}.biz .pmock .fr{background:var(--surface);border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden}.biz .pmock .ch{padding:9px 12px;border-bottom:1px solid var(--line);background:#fafbfd;display:flex;align-items:center;gap:8px}.biz .pmock .ch .dots i{width:8px;height:8px;border-radius:50%;background:var(--line-3);display:inline-block;margin-right:4px}.biz .pmock .ch .lab{font-family:var(--mono);font-size:11px;color:var(--muted);margin-left:auto;display:flex;align-items:center;gap:6px}.biz .pmock .body{padding:16px;background:#fff}

/* ===== Hire mock — Kanban === */
.biz .kb{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.biz .kc{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:8px}.biz .kc h6{font-size:10.5px;font-family:var(--mono);font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:2px 4px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.biz .kc h6 span{background:#fff;border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:10px;color:var(--ink);font-weight:500}.biz .kt{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px;margin-bottom:6px;font-size:11.5px;line-height:1.4;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.biz .kt:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.biz .kt strong{display:block;font-size:12px;color:var(--ink);font-weight:600;letter-spacing:-.005em}.biz .kt .role{font-size:10.5px;color:var(--muted);margin-top:1px}.biz .kt .meta{margin-top:6px;display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.biz .kt .meta .av{width:18px;height:18px;font-size:8.5px}.biz .kt .meta .sc{margin-left:auto;color:var(--a);font-family:var(--mono);font-weight:600;font-size:10.5px}

/* ===== Pulse mock — dashboard ===== */
.biz .pulse-d{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.biz .pl-l{display:flex;flex-direction:column;gap:8px}.biz .pl-r{display:flex;flex-direction:column;gap:8px}.biz .pl-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.biz .pl-kpis .kpi{padding:11px}.biz .pl-kpis .kv{font-size:20px}.biz .pl-chart{border:1px solid var(--line);border-radius:11px;padding:12px;background:#fff;flex:1}.biz .pl-chart .h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.biz .pl-chart .h strong{font-size:12px;font-family:var(--fd);color:var(--ink);font-weight:600}.biz .pl-chart .h .pill{font-size:10.5px;color:var(--ok);background:var(--ok-tint);padding:2px 7px;border-radius:5px;font-family:var(--mono);font-weight:500;display:inline-flex;align-items:center;gap:5px}.biz .pl-chart .h .pill::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ok)}.biz .pl-chart .ca{height:90px}.biz .pl-chart .ca svg{width:100%;height:100%;overflow:visible}.biz .pl-funnel{border:1px solid var(--line);border-radius:11px;padding:12px;background:#fff}.biz .pl-funnel h6{font-size:12px;font-family:var(--fd);color:var(--ink);font-weight:600;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.biz .pl-funnel h6 small{font-family:var(--mono);font-weight:500;font-size:10.5px;color:var(--muted)}.biz .pf-row{display:grid;grid-template-columns:80px 1fr 36px;gap:8px;align-items:center;margin-bottom:8px;font-size:11.5px}.biz .pf-row .pl{color:var(--muted);font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}.biz .pf-row .bw{height:5px;background:var(--surface-2);border-radius:3px;overflow:hidden}.biz .pf-row .bf{height:100%;background:var(--a);border-radius:3px;animation:bGrow 1s cubic-bezier(.2,.7,.2,1) backwards}.biz .pf-row .v{text-align:right;font-family:var(--mono);font-size:11px;color:var(--ink);font-weight:500}.biz .pl-events{border:1px solid var(--line);border-radius:11px;padding:12px;background:#fff;flex:1}.biz .pl-events h6{font-size:12px;font-family:var(--fd);color:var(--ink);font-weight:600;margin-bottom:8px}.biz .pe{display:flex;gap:9px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:11.5px}.biz .pe:last-child{border-bottom:0}.biz .pe .tm{font-family:var(--mono);font-size:10.5px;color:var(--muted);min-width:34px;padding-top:1px}.biz .pe .ic{width:18px;height:18px;border-radius:5px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--a-2);flex:none;margin-top:1px}.biz .pe .ic.g{color:var(--ok);background:var(--ok-tint);border-color:transparent}.biz .pe .ic.w{color:var(--warn);background:var(--warn-tint);border-color:transparent}.biz .pe .tx{flex:1;line-height:1.4;color:var(--text-2)}.biz .pe .tx strong{color:var(--ink);font-weight:600}

/* ===== Bots mock — fleet ===== */
.biz .bots-d{display:grid;grid-template-columns:1fr 1fr;gap:12px}.biz .bots-l{display:flex;flex-direction:column;gap:8px}.biz .bots-l .fhd{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.biz .bots-l .fhd h6{font-size:12px;font-family:var(--fd);color:var(--ink);font-weight:600}.biz .bots-l .fhd .pill{font-size:10.5px;color:var(--muted);background:var(--surface-2);padding:2px 7px;border-radius:5px;font-family:var(--mono);font-weight:500}.biz .brow{display:grid;grid-template-columns:1fr 70px 60px;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;align-items:center;font-size:11.5px}.biz .brow .bn{display:flex;align-items:center;gap:8px}.biz .brow .bicon-sm{width:26px;height:26px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--a-2);flex:none}.biz .brow .bn strong{display:block;font-size:12px;color:var(--ink);font-weight:600;letter-spacing:-.005em}.biz .brow .bn small{display:block;font-size:10.5px;color:var(--muted);margin-top:1px}.biz .brow .st{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-family:var(--mono);font-weight:500}.biz .brow .st.ok{color:var(--ok)}.biz .brow .st.idle{color:var(--muted)}.biz .brow .st.charge{color:var(--warn)}.biz .brow .st::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.biz .brow .bt{display:flex;align-items:center;gap:5px;justify-content:flex-end;font-family:var(--mono);font-size:11px;color:var(--ink);font-weight:500}.biz .bots-r{display:flex;flex-direction:column;gap:8px}.biz .bots-r .roi{border:1px solid var(--line);border-radius:11px;padding:14px;background:linear-gradient(180deg,#fff,#fafbfd)}.biz .bots-r .roi h6{font-size:11px;font-family:var(--mono);color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.biz .bots-r .roi .v{font-family:var(--fd);font-size:30px;font-weight:600;color:var(--ink);letter-spacing:-.025em;margin-top:6px;line-height:1}.biz .bots-r .roi .sub{font-size:11.5px;color:var(--text-2);margin-top:6px;line-height:1.4}.biz .bots-r .roi .sub strong{color:var(--ok);font-family:var(--mono);font-weight:600;font-size:11px}.biz .bots-r .sparkbox{display:grid;grid-template-columns:1fr 1fr;gap:8px}.biz .spk{border:1px solid var(--line);border-radius:11px;padding:12px;background:#fff}.biz .spk .l{font-size:10.5px;color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em}.biz .spk .v{font-family:var(--fd);font-size:18px;font-weight:600;color:var(--ink);margin-top:5px;letter-spacing:-.02em}.biz .spk svg{margin-top:6px;width:100%;height:28px}

/* ===== Now mock — shift map ===== */
.biz .now-d{display:grid;grid-template-columns:1fr 1.1fr;gap:12px}.biz .now-l{display:flex;flex-direction:column;gap:8px}.biz .shift{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;flex-direction:column;gap:6px}.biz .shift.urgent{border-color:var(--warn);background:linear-gradient(180deg,var(--warn-tint),#fff)}.biz .shift .sh-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.biz .shift .sh-top strong{font-size:13px;color:var(--ink);font-weight:600;letter-spacing:-.005em}.biz .shift .sh-top .when{font-size:10.5px;color:var(--muted);font-family:var(--mono);margin-top:1px;display:block}.biz .shift .sh-top .tag{font-size:9.5px;font-family:var(--mono);font-weight:500;padding:2px 6px;border-radius:4px;background:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--line);white-space:nowrap}.biz .shift.urgent .tag{background:var(--warn);color:#fff;border-color:transparent}.biz .shift .progress{display:flex;align-items:center;gap:8px;margin-top:2px}.biz .shift .progress .bar{flex:1;height:5px;background:var(--surface-2);border-radius:3px;overflow:hidden}.biz .shift .progress .bar i{display:block;height:100%;background:var(--a);border-radius:3px;animation:bGrow 1.1s cubic-bezier(.2,.7,.2,1) backwards}.biz .shift.urgent .bar i{background:var(--warn)}.biz .shift .progress .pv{font-family:var(--mono);font-size:11px;color:var(--ink);font-weight:500;min-width:42px;text-align:right}.biz .now-r{border:1px solid var(--line);border-radius:11px;padding:14px;background:#fff;display:flex;flex-direction:column}.biz .now-r h6{font-size:12px;font-family:var(--fd);color:var(--ink);font-weight:600;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.biz .now-r h6 small{font-family:var(--mono);font-weight:500;font-size:10.5px;color:var(--muted)}.biz .tl{position:relative;flex:1;padding-left:8px}.biz .tl::before{content:"";position:absolute;left:14px;top:6px;bottom:6px;width:1px;background:var(--line-2);border-radius:1px}.biz .tle{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:flex-start;padding:5px 0;position:relative;font-size:11.5px}.biz .tle::before{content:"";position:absolute;left:11px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--surface);border:2px solid var(--a)}.biz .tle.done::before{background:var(--a);border-color:var(--a)}.biz .tle.now::before{background:var(--surface);border-color:var(--a);box-shadow:0 0 0 4px var(--a-tint)}.biz .tle .t{font-family:var(--mono);font-size:10.5px;color:var(--muted);padding-top:1px}.biz .tle .e{color:var(--text-2);line-height:1.4}.biz .tle .e strong{color:var(--ink);font-weight:600;display:block;font-size:12px;letter-spacing:-.005em}.biz .tle .e .meta{font-size:10.5px;color:var(--muted);font-family:var(--mono);margin-top:2px;display:flex;gap:6px;flex-wrap:wrap}

/* ============================================================
   HOW IT WORKS
   ============================================================ */
.biz .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px;position:relative}@media(max-width:980px){.biz .flow{grid-template-columns:1fr 1fr;gap:14px}}@media(max-width:560px){.biz .flow{grid-template-columns:1fr}}.biz .fl-step{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;position:relative;transition:border-color .2s,box-shadow .2s,transform .2s}.biz .fl-step:hover{border-color:var(--line-3);box-shadow:var(--shadow);transform:translateY(-2px)}.biz .fl-step .n{font-family:var(--mono);font-size:11px;color:var(--muted);font-weight:500;letter-spacing:.05em}.biz .fl-step h4{margin:10px 0 8px;font-size:17px}.biz .fl-step p{font-size:13.5px;color:var(--text-2);line-height:1.5}.biz .fl-step .it{width:34px;height:34px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--a-2);margin-top:14px}

/* ============================================================
   INDUSTRIES
   ============================================================ */
.biz .ig{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:980px){.biz .ig{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.biz .ig{grid-template-columns:1fr}}.biz .ind{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:13px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;flex-direction:column;gap:14px}.biz .ind:hover{border-color:var(--line-3);box-shadow:var(--shadow);transform:translateY(-2px)}.biz .ind .iic{width:38px;height:38px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--a-2);transition:background .2s,color .2s}.biz .ind:hover .iic{background:var(--a-50);color:var(--a);border-color:var(--a-100)}.biz .ind h4{font-size:15px;letter-spacing:-.012em;line-height:1.25}.biz .ind p{font-size:12.5px;color:var(--text-2);line-height:1.5}.biz .ind .istats{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:var(--muted);font-family:var(--mono)}.biz .ind .istats strong{color:var(--ink);font-weight:600}

/* ============================================================
   STATS BAND
   ============================================================ */
.biz .stats{background:var(--ink);color:#dde2ec;border-radius:24px;padding:56px 40px;position:relative;overflow:hidden}.biz .stats::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 300px at 10% 0%,rgba(94,118,220,.16),transparent 60%),radial-gradient(700px 300px at 90% 100%,rgba(41,69,200,.18),transparent 60%);pointer-events:none}.biz .stats .stat-h{position:relative;z-index:1;margin-bottom:36px}.biz .stats .stat-h h2{color:#fff}.biz .stats .stat-h .lede{color:#aab3c5;max-width:560px}.biz .stats .stat-h .kicker{color:#aab3c5}.biz .stats .sg{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:1}@media(max-width:880px){.biz .stats .sg{grid-template-columns:repeat(2,1fr);gap:28px}}.biz .stats .si{padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:6px}.biz .stats .si .v{font-family:var(--fd);font-size:clamp(34px,4vw,52px);font-weight:600;color:#fff;line-height:1;letter-spacing:-.03em}.biz .stats .si .l{color:#aab3c5;font-size:13.5px;line-height:1.4;max-width:200px}.biz .stats .si .sub{color:var(--a-3);font-size:11.5px;font-family:var(--mono);font-weight:500;text-transform:uppercase;letter-spacing:.06em}

/* ============================================================
   CTA
   ============================================================ */
.biz .cta-c{background:var(--surface);border:1px solid var(--line-2);border-radius:24px;padding:56px;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.biz .cta-c::before{content:"";position:absolute;top:-200px;right:-200px;width:500px;height:500px;background:radial-gradient(circle,var(--a-tint),transparent 70%);pointer-events:none}.biz .cta-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}@media(max-width:880px){.biz .cta-grid{grid-template-columns:1fr;gap:32px}.biz .cta-c{padding:40px 28px}}.biz .cta-grid h2{margin-bottom:14px}.biz .cta-grid p{color:var(--text-2);font-size:16px;line-height:1.55;max-width:480px}.biz .cta-grid .cta-actions{display:flex;flex-direction:column;gap:14px}.biz .cta-form{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:6px;display:flex;align-items:center;gap:6px}.biz .cta-form input{flex:1;background:transparent;border:0;padding:10px 12px;font-family:inherit;font-size:14px;color:var(--ink);outline:none}.biz .cta-form input::placeholder{color:var(--muted)}.biz .cta-trust{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:14px;flex-wrap:wrap}.biz .cta-trust .item{display:inline-flex;align-items:center;gap:5px}.biz .cta-trust svg{color:var(--ok)}

/* ============================================================
   FOOTER
   ============================================================ */
.biz footer{padding:72px 0 32px;border-top:1px solid var(--line);margin-top:80px}.biz .fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}@media(max-width:880px){.biz .fg{grid-template-columns:1fr 1fr;gap:32px}}.biz .fg h5{font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:16px}.biz .fg ul{list-style:none;display:flex;flex-direction:column;gap:8px}.biz .fg li a{color:var(--text-2);font-size:13.5px;transition:color .2s}.biz .fg li a:hover{color:var(--ink)}.biz .fab{color:var(--text-2);font-size:13.5px;line-height:1.55;margin:14px 0 18px;max-width:300px}.biz .fb{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px;flex-wrap:wrap;gap:14px}.biz .soc{display:flex;gap:8px}.biz .soc a{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--text-2);border:1px solid var(--line-2);background:var(--surface);transition:color .15s,border-color .15s,background .15s}.biz .soc a:hover{color:var(--ink);border-color:var(--ink);background:var(--surface)}

/* ============================================================
   REVEAL ON SCROLL
   ============================================================ */
.biz .rv{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.biz .rv.in{opacity:1;transform:translateY(0)}.biz .rv.d1{transition-delay:.05s}.biz .rv.d2{transition-delay:.1s}.biz .rv.d3{transition-delay:.15s}.biz .rv.d4{transition-delay:.2s}

/* ============================================================
   TWEAKS PANEL (vanilla)
   ============================================================ */
.biz .tw-fab{position:fixed;bottom:18px;right:18px;width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;border:1px solid var(--ink);display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:999;cursor:pointer;transition:transform .2s}.biz .tw-fab.active{display:flex}.biz .tw-fab:hover{transform:scale(1.05)}.biz .tw-panel{position:fixed;bottom:72px;right:18px;width:280px;background:#fff;border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--shadow-xl);z-index:1000;display:none;flex-direction:column;overflow:hidden}.biz .tw-panel.open{display:flex}.biz .tw-panel .tw-h{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:var(--surface-2)}.biz .tw-panel .tw-h h5{font-family:var(--fd);font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.005em}.biz .tw-panel .tw-h button{padding:4px;color:var(--muted);border-radius:6px}.biz .tw-panel .tw-h button:hover{color:var(--ink);background:var(--surface)}.biz .tw-panel .tw-body{padding:14px;display:flex;flex-direction:column;gap:18px;max-height:60vh;overflow-y:auto}.biz .tw-group{display:flex;flex-direction:column;gap:8px}.biz .tw-group label{font-family:var(--mono);font-size:10.5px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.biz .tw-swatches{display:flex;gap:8px;flex-wrap:wrap}.biz .tw-sw{width:34px;height:34px;border-radius:9px;border:1px solid var(--line-2);cursor:pointer;position:relative;transition:transform .15s}.biz .tw-sw:hover{transform:scale(1.05)}.biz .tw-sw.active{box-shadow:0 0 0 2px var(--ink),0 0 0 4px #fff}.biz .tw-radio{display:grid;grid-template-columns:1fr 1fr;gap:6px}.biz .tw-radio button{padding:8px 10px;font-size:12px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface);color:var(--text-2);font-weight:500;text-align:center;transition:border-color .15s,color .15s,background .15s}.biz .tw-radio button.active{border-color:var(--ink);color:var(--ink);background:var(--surface-2)}

/* Utility */
.biz .u-row{display:flex;align-items:center;gap:6px}.biz .spc{flex:1}



/* Per-pillar color identity */
.biz .pillar:nth-child(1) .pic{background:linear-gradient(135deg,var(--c-recruit-soft),#fff);color:var(--c-recruit);border-color:#cfd9ff}.biz .pillar:nth-child(1):hover .pic{background:linear-gradient(135deg,var(--c-recruit),var(--c-recruit-2));color:#fff;box-shadow:0 10px 24px rgba(54,86,237,.4)}.biz .pillar:nth-child(1) .pfoot{color:var(--c-recruit)}.biz .pillar:nth-child(1) .pnum{color:var(--c-recruit)}.biz .pillar:nth-child(2) .pic{background:linear-gradient(135deg,var(--c-sense-soft),#fff);color:var(--c-sense);border-color:#bae6fd}.biz .pillar:nth-child(2):hover .pic{background:linear-gradient(135deg,var(--c-sense-light),var(--c-sense));color:#fff;box-shadow:0 10px 24px rgba(8,145,178,.4)}.biz .pillar:nth-child(2) .pfoot{color:var(--c-sense)}.biz .pillar:nth-child(2) .pnum{color:var(--c-sense)}.biz .pillar:nth-child(2) .pmini .row span:last-child{color:var(--c-sense-2)}.biz .pillar:nth-child(3) .pic{background:linear-gradient(135deg,var(--c-act-soft),#fff);color:var(--c-act);border-color:#e0d4ff}.biz .pillar:nth-child(3):hover .pic{background:linear-gradient(135deg,var(--c-act-light),var(--c-act));color:#fff;box-shadow:0 10px 24px rgba(124,58,237,.4)}.biz .pillar:nth-child(3) .pfoot{color:var(--c-act)}.biz .pillar:nth-child(3) .pnum{color:var(--c-act)}

/* Pillar icon transition */
.biz .pillar .pic{transition:background .3s,color .3s,box-shadow .3s,border-color .3s,transform .35s cubic-bezier(.2,.7,.2,1.5)}

/* Connector gradient — blue → cyan → purple */
.biz .connect path{stroke:url(#clMulti) !important}

/* Per-product walkthrough — color-coded ptag */
.biz #hire .ptag{color:var(--c-recruit)}.biz #hire .ptag::before{background:var(--c-recruit)}.biz #pulse .ptag{color:var(--c-sense)}.biz #pulse .ptag::before{background:var(--c-sense)}.biz #bots .ptag{color:var(--c-act)}.biz #bots .ptag::before{background:var(--c-act)}.biz #now .ptag{color:#d97706}.biz #now .ptag::before{background:#d97706}.biz #pulse .pl-chart .h .pill{background:var(--c-sense-soft);color:var(--c-sense)}.biz #pulse .pf-row .bf{background:linear-gradient(90deg,var(--c-sense-light),var(--c-sense))}.biz #pulse .ca path[stroke="#3656ed"]{stroke:var(--c-sense) !important}.biz #pulse .ca circle[fill="#3656ed"]{fill:var(--c-sense) !important}.biz #pulse .pl-chart .ca svg defs linearGradient stop[stop-color="#3656ed"]{stop-color:var(--c-sense) !important}.biz #bots .roi .v{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.biz #bots .bicon-sm{background:var(--c-act-soft);color:var(--c-act);border-color:#e0d4ff}.biz #bots .spk:nth-child(1) svg polyline{stroke:var(--c-act) !important}.biz #now .shift.urgent{border-color:#d97706;background:linear-gradient(180deg,#fffaeb,#fff)}.biz #now .shift.urgent .tag{background:linear-gradient(135deg,#fbbf24,#d97706)}.biz #now .shift.urgent .bar i{background:linear-gradient(90deg,#fbbf24,#d97706) !important}

/* Floating callouts — colored icons */
.biz .fc.f1 .fci{background:linear-gradient(135deg,#34d399,#059669);color:#fff;border:0}.biz .fc.f2 .fci{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;border:0}

/* Eyebrow tints */
.biz .eyebrow .pl{background:var(--ok);box-shadow:0 0 0 0 rgba(5,150,105,.4);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(5,150,105,.4)}70%{box-shadow:0 0 0 8px rgba(5,150,105,0)}100%{box-shadow:0 0 0 0 rgba(5,150,105,0)}}

/* Logo strip — softer brand tint */
.biz .ts{background:linear-gradient(180deg,rgba(238,243,255,.5),rgba(245,240,255,.4))}

/* Hero ambient — add purple blob */
.biz .amb{background:radial-gradient(ellipse 50% 40% at 30% 25%,rgba(54,86,237,.14),transparent 60%),radial-gradient(ellipse 50% 40% at 75% 35%,rgba(124,58,237,.12),transparent 60%)}

/* Stats band — purple+blue dual glow */
.biz .stats::before{background:radial-gradient(700px 300px at 10% 0%,rgba(125,163,255,.20),transparent 60%),radial-gradient(700px 300px at 90% 100%,rgba(167,139,250,.22),transparent 60%) !important}.biz .stats .si .sub{background:linear-gradient(135deg,#7da3ff,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}

/* CTA — brand gradient hint */
.biz .cta-c::before{background:radial-gradient(circle,var(--a-tint),transparent 70%),radial-gradient(circle at 70% 50%,var(--p-tint),transparent 70%) !important;inset:-200px !important;width:auto !important;height:auto !important}

/* Pricing featured — brand gradient glow */
.biz .tier.featured{background:linear-gradient(180deg,#0b1220 0%,#1a2750 100%);border-image:linear-gradient(135deg,var(--a),var(--p)) 1;position:relative}.biz .tier.featured::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--a),var(--p));z-index:-1;opacity:.7}.biz .tier.featured .tname .tpill{background:var(--grad-brand);box-shadow:0 4px 12px rgba(124,58,237,.4)}

/* Industry icons get subtle brand-blue→purple shift on hover */
.biz .ind:nth-child(3n+1):hover .iic{background:var(--a-50);color:var(--a)}.biz .ind:nth-child(3n+2):hover .iic{background:var(--c-sense-soft);color:var(--c-sense);border-color:#bae6fd}.biz .ind:nth-child(3n+3):hover .iic{background:var(--c-act-soft);color:var(--c-act);border-color:#e0d4ff}

/* Primary button — gradient on the most important CTA */
.biz .btn-p.btn-lg,.biz .btn-p.btn-xl{background:linear-gradient(135deg,#3656ed,#5b3fea);border-color:transparent;box-shadow:0 8px 24px rgba(54,86,237,.35)}.biz .btn-p.btn-lg:hover,.biz .btn-p.btn-xl:hover{background:linear-gradient(135deg,#2540c8,#7c3aed);box-shadow:0 12px 32px rgba(124,58,237,.4);transform:translateY(-1px)}

/* AI rec inside hero panel — subtle brand gradient bar */
.biz .p1 .ai-rec{background:linear-gradient(135deg,#0b1220 0%,#1a1f4b 100%);position:relative;overflow:hidden}.biz .p1 .ai-rec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad-brand)}

/* Score gradient on the top candidate */
.biz .cand.top .score{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* Match card score */
.biz .match-card .mhead .mscore{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Live KPI flicker tint */
.biz .lvdot{background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.5)}@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.5);opacity:1}50%{box-shadow:0 0 0 6px rgba(16,185,129,0);opacity:.6}}

/* Modal player chrome — subtle brand glow */
.biz .modal-head .mh-l .ic{background:var(--grad-brand) !important;box-shadow:0 6px 16px rgba(124,58,237,.3)}

/* ============================================================
   HERO — classic side-by-side banner
   ============================================================ */
.biz .hg{align-items:flex-start}.biz .hcopy{position:relative;z-index:2;padding-top:8px}.biz .hv .frame{max-height:600px;overflow:hidden}@media(min-width:980px){.biz .hg{grid-template-columns:1.05fr 1fr;gap:60px;align-items:flex-start}}

/* ============================================================
   SCROLLY SHOWCASE
   ============================================================ */
.biz .showcase{padding:80px 0 120px;position:relative}.biz .showcase-intro{max-width:720px;margin:0 auto 56px;text-align:center}.biz .showcase-intro h2{margin-top:14px}.biz .showcase-intro .lede{margin-top:18px}.biz .showcase-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:flex-start;position:relative}@media(min-width:980px){.biz .showcase-grid{grid-template-columns:0.9fr 1.1fr;gap:80px;align-items:flex-start}}.biz .showcase-stages{display:flex;flex-direction:column;gap:0}.biz .showcase-sticky{position:relative}@media(min-width:980px){.biz .showcase-sticky{position:sticky;top:96px;align-self:flex-start}.biz .showcase-sticky .frame{max-height:calc(100vh - 140px);overflow:hidden}.biz .showcase-sticky .frame .stage{max-height:calc(100vh - 220px);overflow:auto}
  /* tighter dashboard for sticky context */
  .biz .showcase-sticky .panel{padding:14px}}.biz .hstage{padding:80px 0;display:flex;flex-direction:column;justify-content:center;min-height:80vh;border-top:1px dashed var(--line-2);transition:opacity .5s cubic-bezier(.2,.7,.2,1)}.biz .hstage:first-child{padding-top:24px;border-top:0;min-height:60vh}.biz .hstage .pind{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-family:var(--mono);font-size:11.5px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.biz .hstage .pind .pnum{color:var(--a);background:var(--a-50);border:1px solid var(--a-100);padding:2px 7px;border-radius:5px}.biz .hstage h3{font-family:var(--fd);font-size:clamp(28px,3.2vw,40px);letter-spacing:-.02em;line-height:1.1;margin-bottom:14px;color:var(--ink)}.biz .hstage p{font-size:16px;line-height:1.6;color:var(--text-2);max-width:480px}.biz .hstage .features{margin-top:22px;display:flex;flex-direction:column;gap:8px}.biz .hstage .features li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--text-2);font-family:var(--mono);letter-spacing:.01em;list-style:none}.biz .hstage .features li svg{color:var(--a);flex:none}.biz .hstage .features li strong{color:var(--ink);font-family:var(--font);font-weight:600;letter-spacing:-.005em}

/* dim/highlight states */
.biz .hstage{opacity:.35}.biz .hstage.active{opacity:1}.biz .hstage.passed{opacity:.55}@media(max-width:980px){.biz .hstage{opacity:1;padding:32px 0;min-height:auto}}

/* Side tab indicator */
.biz .scroll-dots{display:none;position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:50;flex-direction:column;gap:10px;padding:10px 8px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border:1px solid var(--line-2);border-radius:999px}.biz .scroll-dots.visible{display:flex}.biz .scroll-dots button{width:8px;height:8px;border-radius:50%;background:var(--muted-2);border:0;padding:0;cursor:pointer;transition:background .2s,transform .2s;position:relative}.biz .scroll-dots button.active{background:var(--a);transform:scale(1.4)}.biz .scroll-dots button .lab{position:absolute;left:18px;top:50%;transform:translateY(-50%);background:var(--ink);color:#fff;padding:4px 9px;border-radius:6px;font-size:11px;font-family:var(--mono);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.biz .scroll-dots button:hover .lab{opacity:1}@media(max-width:980px){.biz .scroll-dots{display:none !important}}




/* ============================================================
   SOLUTIONS 4-UP OVERVIEW
   ============================================================ */
.biz .solgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1080px){.biz .solgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.biz .solgrid{grid-template-columns:1fr}}.biz .solc{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px 22px;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s,transform .25s;overflow:hidden}.biz .solc:hover{transform:translateY(-3px);border-color:var(--line-3);box-shadow:var(--shadow-lg)}.biz .solc .solic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:#fff;margin-bottom:18px;position:relative;z-index:1;transition:transform .35s cubic-bezier(.2,.7,.2,1.5)}.biz .solc:hover .solic{transform:scale(1.06) rotate(-4deg)}.biz .solc .stitle{font-family:var(--fd);font-size:20px;font-weight:600;color:var(--ink);letter-spacing:-.018em;line-height:1.15;margin-bottom:3px}.biz .solc .ssub{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}.biz .solc .sdesc{font-size:13.5px;color:var(--text-2);line-height:1.55;margin-bottom:20px;flex:1}.biz .solc .scta{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:13px;font-weight:500;letter-spacing:-.005em;padding-top:14px;border-top:1px solid var(--line);width:fit-content}.biz .solc .scta svg{transition:transform .2s}.biz .solc:hover .scta svg{transform:translateX(3px)}.biz .solc.sNow .solic{background:linear-gradient(135deg,#fbbf24,#d97706)}.biz .solc.sNow .scta{color:#d97706}.biz .solc.sNow:hover{border-color:#fbbf24}.biz .solc.sHire .solic{background:linear-gradient(135deg,#3656ed,#1638a6)}.biz .solc.sHire .scta{color:#3656ed}.biz .solc.sHire:hover{border-color:#3656ed}.biz .solc.sBots .solic{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.biz .solc.sBots .scta{color:#7c3aed}.biz .solc.sBots:hover{border-color:#7c3aed}.biz .solc.sPulse .solic{background:linear-gradient(135deg,#0891b2,#075985)}.biz .solc.sPulse .scta{color:#0891b2}.biz .solc.sPulse:hover{border-color:#0891b2}.biz .solc .stag{position:absolute;top:18px;right:18px;font-family:var(--mono);font-size:9.5px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);padding:2px 7px;border-radius:5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}

/* Per-walkthrough header subtitle */
.biz .psub{font-family:var(--mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:6px;font-weight:500}

/* ============================================================
   PRICING
   ============================================================ */
.biz .pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}@media(max-width:980px){.biz .pricing{grid-template-columns:1fr;max-width:480px;margin:0 auto}}.biz .tier{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px 28px;display:flex;flex-direction:column;position:relative;transition:border-color .2s,box-shadow .2s,transform .2s}.biz .tier:hover{border-color:var(--line-3);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.biz .tier.featured{background:var(--ink);color:#dde2ec;border-color:var(--ink);box-shadow:0 24px 60px rgba(11,18,32,.18)}.biz .tier.featured:hover{transform:translateY(-4px);box-shadow:0 32px 80px rgba(11,18,32,.25)}.biz .tier .tname{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500;display:flex;align-items:center;justify-content:space-between}.biz .tier.featured .tname{color:var(--a-3)}.biz .tier .tname .tpill{font-size:9.5px;padding:2px 7px;border-radius:4px;background:var(--a);color:#fff;font-weight:600;letter-spacing:.04em}.biz .tier h3{font-size:24px;letter-spacing:-.02em;margin-top:12px;margin-bottom:6px;color:var(--ink)}.biz .tier.featured h3{color:#fff}.biz .tier .tsub{font-size:13px;color:var(--text-2);line-height:1.5;margin-bottom:22px;min-height:42px}.biz .tier.featured .tsub{color:#aab3c5}.biz .tier .price{display:flex;align-items:baseline;gap:6px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.biz .tier.featured .price{border-bottom-color:rgba(255,255,255,.15)}.biz .tier .price .v{font-family:var(--fd);font-size:42px;font-weight:600;color:var(--ink);letter-spacing:-.03em;line-height:1}.biz .tier.featured .price .v{color:#fff}.biz .tier .price .unit{font-size:13px;color:var(--muted);font-family:var(--mono)}.biz .tier.featured .price .unit{color:#aab3c5}.biz .tier .price .cur{font-family:var(--mono);font-size:14px;color:var(--muted);font-weight:500;align-self:flex-start;margin-top:6px}.biz .tier.featured .price .cur{color:#aab3c5}.biz .tier ul{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:26px;flex:1}.biz .tier ul li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--text-2);line-height:1.5}.biz .tier.featured ul li{color:#c4cad9}.biz .tier ul li svg{flex:none;color:var(--a);margin-top:3px}.biz .tier.featured ul li svg{color:var(--a-3)}.biz .tier ul li strong{color:var(--ink);font-weight:600}.biz .tier.featured ul li strong{color:#fff}.biz .tier .tcta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;font-size:13.5px;font-weight:500;border:1px solid var(--line-3);background:var(--surface);color:var(--ink);transition:border-color .2s,background .2s,transform .15s}.biz .tier .tcta:hover{border-color:var(--ink);background:var(--surface-2);transform:translateY(-1px)}.biz .tier.featured .tcta{background:#fff;color:var(--ink);border-color:#fff}.biz .tier.featured .tcta:hover{background:var(--a-3);border-color:var(--a-3);color:var(--ink)}.biz .tier .tnote{margin-top:14px;font-size:11.5px;color:var(--muted);text-align:center;font-family:var(--mono)}.biz .tier.featured .tnote{color:#aab3c5}.biz .pricing-toggle{display:flex;justify-content:center;margin-bottom:36px;gap:4px;background:var(--surface);border:1px solid var(--line-2);border-radius:10px;padding:4px;width:max-content;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-sm)}.biz .pricing-toggle button{padding:7px 14px;font-size:12.5px;font-weight:500;border-radius:7px;color:var(--muted);transition:all .15s}.biz .pricing-toggle button.active{background:var(--ink);color:#fff}.biz .pricing-toggle button .save{font-family:var(--mono);font-size:10px;color:var(--a);background:var(--a-50);padding:1px 5px;border-radius:4px;margin-left:5px;font-weight:600}.biz .pricing-toggle button.active .save{color:var(--a-3);background:rgba(125,163,255,.18)}

/* ============================================================
   DEMO MODAL
   ============================================================ */
.biz .modal{position:fixed;inset:0;background:rgba(8,12,24,.7);backdrop-filter:blur(8px);z-index:2000;display:none;align-items:center;justify-content:center;padding:40px;opacity:0;transition:opacity .3s}.biz .modal.open{display:flex;opacity:1}.biz .modal-c{background:var(--surface);border:1px solid var(--line-2);border-radius:18px;max-width:980px;width:100%;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.4);transform:scale(.96) translateY(8px);transition:transform .3s cubic-bezier(.2,.7,.2,1.1)}.biz .modal.open .modal-c{transform:scale(1) translateY(0)}.biz .modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);background:#fafbfd}.biz .modal-head .mh-l{display:flex;align-items:center;gap:12px}.biz .modal-head .mh-l .ic{width:32px;height:32px;border-radius:8px;background:var(--a);display:grid;place-items:center;color:#fff}.biz .modal-head .mh-l h4{font-size:14px;letter-spacing:-.005em;line-height:1.2}.biz .modal-head .mh-l small{display:block;font-size:11.5px;color:var(--muted);font-family:var(--mono);margin-top:2px;font-weight:500}.biz .modal-close{padding:8px;border-radius:8px;color:var(--muted);transition:color .15s,background .15s}.biz .modal-close:hover{color:var(--ink);background:var(--surface-2)}.biz .modal-body{position:relative;background:#0b1220;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden}.biz .modal-body .vid-canvas{position:absolute;inset:0;background:linear-gradient(135deg,#0b1220 0%,#1a2750 100%)}.biz .modal-body .scene{position:absolute;inset:0;display:none;animation:vidFade .5s}.biz .modal-body .scene.show{display:block}@keyframes vidFade{from{opacity:0}to{opacity:1}}

/* In-modal mock scene */
.biz .scn{position:absolute;inset:32px;background:#fff;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.4);overflow:hidden;display:flex;flex-direction:column}.biz .scn-h{padding:10px 14px;border-bottom:1px solid var(--line);background:#fafbfd;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11.5px;color:var(--muted)}.biz .scn-h::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(4,120,87,.15)}.biz .scn-b{flex:1;padding:18px;display:grid;gap:14px}.biz .scn-1{grid-template-columns:1.2fr 1fr}.biz .scn-1 .col{display:flex;flex-direction:column;gap:8px}.biz .scn-1 h5{font-family:var(--mono);font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500;padding-bottom:6px;border-bottom:1px solid var(--line)}.biz .scn-row{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;font-size:12.5px;background:#fff}.biz .scn-row .av{width:24px;height:24px;font-size:9.5px}.biz .scn-row strong{font-size:12px;color:var(--ink);font-weight:600;letter-spacing:-.005em}.biz .scn-row .sc{margin-left:auto;font-family:var(--fd);font-weight:600;color:var(--a);font-size:13px}.biz .scn-row.top{border-color:var(--a-100);background:var(--a-50)}.biz .scn-1 .panel-mini{border:1px solid var(--line);border-radius:10px;padding:12px;background:linear-gradient(180deg,#fff,#fafbfd)}.biz .scn-1 .panel-mini h6{font-size:11px;font-family:var(--fd);color:var(--ink);font-weight:600;margin-bottom:10px}.biz .scn-1 .fact-mini{display:grid;grid-template-columns:70px 1fr 28px;gap:6px;align-items:center;padding:3px 0;font-size:10.5px}.biz .scn-1 .fact-mini .fl{color:var(--muted);font-family:var(--mono);font-size:9.5px;text-transform:uppercase}.biz .scn-1 .fact-mini .ft{height:5px;background:var(--surface-2);border-radius:3px;overflow:hidden}.biz .scn-1 .fact-mini .ft i{display:block;height:100%;background:var(--a);border-radius:3px;animation:bGrow 1.2s cubic-bezier(.2,.7,.2,1)}.biz .scn-1 .fact-mini .fv{text-align:right;font-family:var(--mono);font-size:10px;color:var(--ink);font-weight:500}.biz .scn-2{grid-template-columns:1fr 1fr 1fr 1fr}.biz .scn-2 .kpi-mini{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.biz .scn-2 .kpi-mini .l{font-size:10px;color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.biz .scn-2 .kpi-mini .v{font-family:var(--fd);font-size:22px;font-weight:600;color:var(--ink);margin-top:5px;letter-spacing:-.02em;line-height:1}.biz .scn-2 .kpi-mini .d{font-size:10px;color:var(--ok);font-family:var(--mono);margin-top:5px}.biz .scn-2 .chart-mini{grid-column:span 4;border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff;display:flex;flex-direction:column}.biz .scn-2 .chart-mini h6{font-size:11px;color:var(--ink);font-family:var(--fd);font-weight:600;margin-bottom:10px}.biz .scn-2 .chart-mini svg{flex:1;width:100%;height:100%}.biz .scn-3{grid-template-columns:1fr 1fr}.biz .scn-3 .bot-mini{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:11.5px}.biz .scn-3 .bot-mini .bi{width:28px;height:28px;border-radius:7px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--a-2);flex:none}.biz .scn-3 .bot-mini strong{display:block;font-size:12px;color:var(--ink);font-weight:600;letter-spacing:-.005em}.biz .scn-3 .bot-mini span{font-size:10.5px;color:var(--muted);font-family:var(--mono)}.biz .scn-3 .bot-mini .bv{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--ink);font-weight:500}

/* Modal control bar */
.biz .vid-controls{position:absolute;bottom:0;left:0;right:0;padding:14px 18px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));display:flex;align-items:center;gap:12px;z-index:5;color:#fff}.biz .vid-controls .play-pause{width:32px;height:32px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;border:0;cursor:pointer;flex:none}.biz .vid-controls .pb{flex:1;height:3px;background:rgba(255,255,255,.2);border-radius:2px;overflow:hidden;cursor:pointer}.biz .vid-controls .pb-fill{height:100%;background:#fff;width:0;transition:width .1s linear}.biz .vid-controls .tm{font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.85);min-width:64px;text-align:right}.biz .vid-controls .chips{display:flex;gap:6px}.biz .vid-controls .chips .ch{font-family:var(--mono);font-size:10.5px;padding:3px 8px;border-radius:5px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);font-weight:500;cursor:pointer;transition:background .15s,color .15s}.biz .vid-controls .chips .ch.active{background:#fff;color:var(--ink)}.biz .vid-controls .chips .ch:hover:not(.active){background:rgba(255,255,255,.18);color:#fff}.biz .modal-foot{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);background:#fff}.biz .modal-foot p{font-size:13.5px;color:var(--text-2)}.biz .modal-foot p strong{color:var(--ink)}@media(max-width:760px){.biz .modal{padding:20px}.biz .modal-foot{flex-direction:column;align-items:stretch}}

/* ============================================================
   EXTRA MOTION
   ============================================================ */
/* Breathing ambient glow */
.biz .amb{animation:ambBreathe 12s ease-in-out infinite}@keyframes ambBreathe{0%,100%{opacity:.9;transform:translateX(-50%) scale(1)}50%{opacity:1.05;transform:translateX(-50%) scale(1.06)}}

/* Floating particles in hero */
.biz .particles{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.biz .particles .p{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--a);opacity:.18;animation:flyUp 14s linear infinite}.biz .particles .p:nth-child(1){left:8%;animation-delay:0s;animation-duration:14s}.biz .particles .p:nth-child(2){left:22%;animation-delay:-3s;animation-duration:18s;background:var(--a-3)}.biz .particles .p:nth-child(3){left:38%;animation-delay:-6s;animation-duration:16s;width:3px;height:3px}.biz .particles .p:nth-child(4){left:54%;animation-delay:-9s;animation-duration:20s;background:var(--a-3);width:5px;height:5px;opacity:.12}.biz .particles .p:nth-child(5){left:71%;animation-delay:-2s;animation-duration:15s}.biz .particles .p:nth-child(6){left:86%;animation-delay:-7s;animation-duration:17s;background:var(--a-3)}.biz .particles .p:nth-child(7){left:14%;animation-delay:-11s;animation-duration:19s;width:3px;height:3px}.biz .particles .p:nth-child(8){left:62%;animation-delay:-5s;animation-duration:16s;width:3px;height:3px}@keyframes flyUp{0%{transform:translateY(110vh) translateX(0);opacity:0}10%{opacity:.25}50%{transform:translateY(50vh) translateX(20px);opacity:.4}90%{opacity:.2}100%{transform:translateY(-10vh) translateX(-10px);opacity:0}}

/* Hero rotating notification toast */
.biz .toast{position:absolute;left:50%;transform:translate(-50%,-130%);bottom:-12px;background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:7px 14px 7px 8px;display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--text-2);box-shadow:var(--shadow-lg);z-index:8;white-space:nowrap;font-family:var(--mono);font-weight:500;opacity:0;animation:toastIn .6s cubic-bezier(.2,.7,.2,1) forwards}.biz .toast .ti{width:20px;height:20px;border-radius:50%;background:var(--ok-tint);color:var(--ok);display:grid;place-items:center;flex:none}.biz .toast .ti.a{background:var(--a-50);color:var(--a)}.biz .toast .ti.w{background:var(--warn-tint);color:var(--warn)}.biz .toast strong{color:var(--ink);font-family:var(--font);font-weight:600;font-size:12px;letter-spacing:-.005em}.biz .toast .sep{color:var(--muted-2)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-110%)}15%{opacity:1;transform:translate(-50%,-130%)}85%{opacity:1;transform:translate(-50%,-130%)}100%{opacity:0;transform:translate(-50%,-150%)}}

/* Tab badge shimmer */
.biz .hv .tab.active .tbadge{position:relative;overflow:hidden}.biz .hv .tab.active .tbadge::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%);transform:translateX(-100%);animation:shimmer 3.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}40%,100%{transform:translateX(120%)}}

/* SVG chart line drawing */
.biz .draw{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 2s .3s cubic-bezier(.2,.7,.2,1) forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.biz .draw-fast{stroke-dasharray:600;stroke-dashoffset:600;animation:drawLine 1.4s .2s cubic-bezier(.2,.7,.2,1) forwards}

/* Live digit ticker — numbers fade-flip when value changes */
.biz .tick{display:inline-block;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .35s}.biz .tick.flip{transform:translateY(-6px);opacity:0}

/* Live pulsing dot on KPIs */
.biz .lvdot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ok);margin-right:5px;vertical-align:middle;animation:livePulse 1.6s ease-in-out infinite;box-shadow:0 0 0 0 rgba(4,120,87,.5)}@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(4,120,87,.4);opacity:1}50%{box-shadow:0 0 0 5px rgba(4,120,87,0);opacity:.65}}

/* Pillar connecting lines */
.biz .pillars{position:relative}.biz .pillars .connect{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:visible;display:block}.biz .pillars .pillar{position:relative;z-index:1}@media(max-width:980px){.biz .pillars .connect{display:none}}.biz .connect path{fill:none;stroke:var(--a);stroke-width:1.4;stroke-dasharray:4 4;opacity:.35;animation:flowDash 18s linear infinite}@keyframes flowDash{to{stroke-dashoffset:-200}}.biz .connect circle.node{fill:var(--a);opacity:.85}.biz .connect circle.travel{fill:var(--a);filter:drop-shadow(0 0 4px var(--a-3))}

/* Bar fill subtle pulse */
@keyframes barPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}.biz .shift.urgent .bar i{animation:barPulse 2.4s ease-in-out infinite,bGrow 1.1s cubic-bezier(.2,.7,.2,1) backwards}

/* Caret blink for AI recommendation */
.biz .caret{display:inline-block;width:6px;height:11px;background:var(--a-3);vertical-align:-1px;margin-left:2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}

/* Icon hover bobble */
.biz .pic,.biz .pic svg{transition:transform .35s cubic-bezier(.2,.7,.2,1.5)}.biz .pillar:hover .pic{transform:translateY(-2px)}.biz .pillar:hover .pic svg{transform:rotate(-6deg)}

/* Floating callouts — gentler timing + range */
.biz .fc.f1{top:-20px;right:30px;animation:flt 8s ease-in-out infinite}.biz .fc.f2{bottom:-18px;left:-10px;animation:flt 8s 2s ease-in-out infinite}@keyframes flt{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Logo bobble in nav */
@keyframes logoBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.biz .bl img{animation:logoBob 4s ease-in-out infinite}

/* Brand glow pulse on hero frame edge */
.biz .hv .frame{position:relative}.biz .hv .frame::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--a-3),transparent 40%,var(--a) 100%);opacity:.25;z-index:-1;filter:blur(20px);animation:framePulse 6s ease-in-out infinite}@keyframes framePulse{0%,100%{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.02)}}

/* Live count-up number rolling effect */
.biz .roll{display:inline-flex;overflow:hidden;height:1em;vertical-align:baseline;line-height:1}.biz .roll .col{display:inline-flex;flex-direction:column;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.biz .roll .col span{height:1em;line-height:1}




/* ============================================================
   MOBILE RESPONSIVE PASS — final overrides
   ============================================================ */
@media(max-width:760px){
  /* Type sizes */
  .biz h1.hd{font-size:clamp(36px,9vw,52px)!important;line-height:1.02}.biz h2{font-size:clamp(28px,7vw,38px)!important}.biz h3{font-size:clamp(20px,5.5vw,26px)!important}.biz .lede{font-size:15.5px!important;line-height:1.5}

  /* Nav: simpler mobile bar — hide platform dropdown trigger, keep CTA */
  .biz .nav-in{padding:8px 6px 8px 14px;gap:8px}.biz .nv-cta .btn{padding:9px 12px;font-size:12.5px}.biz .nv-cta .btn-q{display:none}.biz .bl img{height:30px!important}

  /* Hero */
  .biz .hero{padding:120px 0 60px}.biz .hg{gap:40px}.biz .hsig{margin-top:32px;padding-top:18px}.biz .hsig .num{font-size:24px}.biz .hsig>div{padding-right:14px}.biz .hc{gap:8px}.biz .hc .btn-lg{padding:12px 16px;font-size:13.5px;flex:1;justify-content:center;min-width:0}

  /* Hero dashboard: keep visible but slimmer */
  .biz .hv .frame{box-shadow:var(--shadow);transform:scale(.98);transform-origin:top center}.biz .hv .chrome .url{display:none}.biz .hv .tabs{padding:6px 8px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.biz .hv .tabs::-webkit-scrollbar{display:none}.biz .hv .tab{padding:8px 10px 10px;font-size:11.5px;white-space:nowrap;flex:none}.biz .hv .tab .tbadge{display:none}.biz .panel{padding:12px}

  /* All hero panels: stack their internal columns */
  .biz .p1,.biz .p2,.biz .p3,.biz .pulse-d,.biz .bots-d,.biz .now-d{grid-template-columns:1fr!important;gap:10px}.biz .p2 .kpi{padding:10px}.biz .p2 .kpi .kv{font-size:20px}.biz .p2 .chart{grid-column:span 1}.biz .p2 .ca{height:90px}

  /* Floating hero callouts: hide on small mobile (clutter) */
  .biz .fc.f1,.biz .fc.f2{display:none}.biz .hero-toast-host{top:8px}

  /* Showcase scrollytelling — switch to vertical stack, kill sticky */
  .biz .showcase{padding:60px 0 80px}.biz .showcase-grid{grid-template-columns:1fr!important;gap:16px}.biz .showcase-sticky{position:relative!important;top:auto!important;max-height:none!important}.biz .showcase-sticky .frame{max-height:none!important;overflow:visible!important}.biz .showcase-sticky .frame .stage{max-height:none!important;overflow:visible!important}.biz .hstage{padding:24px 0!important;min-height:auto!important;border-top:1px solid var(--line);opacity:1!important}.biz .hstage:first-child{border-top:0}.biz .scroll-dots{display:none!important}

  /* Solutions 4-up */
  .biz .solgrid{gap:10px}.biz .solc{padding:20px 18px}

  /* Product walkthroughs */
  .biz .prod,.biz .prod.rev{gap:32px}.biz .pcopy h3{font-size:26px!important}.biz .pcopy ul{gap:9px}.biz .pcopy li{font-size:13.5px}.biz .pmock .body{padding:12px}

  /* Hire kanban: 2 columns on mobile, scroll horizontally if needed */
  .biz .kb{grid-template-columns:repeat(2,1fr);gap:6px}.biz .kc{padding:6px}.biz .kt{font-size:11px;padding:7px}

  /* Pulse mock */
  .biz .pulse-d{gap:8px}.biz .pl-kpis{grid-template-columns:1fr 1fr}.biz .pl-chart .ca{height:70px}

  /* Bots mock */
  .biz .bots-l .brow{grid-template-columns:1fr 60px 50px;font-size:11px}.biz .bots-r .roi .v{font-size:24px}.biz .bots-r .sparkbox{grid-template-columns:1fr 1fr}

  /* Now mock — timeline can be tight */
  .biz .now-r{padding:12px}.biz .tl{padding-left:4px}.biz .tle{grid-template-columns:34px 1fr;gap:6px}

  /* How it works */
  .biz .flow{gap:10px}.biz .fl-step{padding:18px}

  /* Industries */
  .biz .ig{gap:8px}.biz .ind{padding:16px;gap:10px}.biz .ind h4{font-size:14px}.biz .ind p{font-size:12px}

  /* Pricing */
  .biz .pricing-toggle button{padding:6px 12px;font-size:12px}.biz .tier{padding:24px 22px}.biz .tier h3{font-size:20px!important}.biz .tier .price .v{font-size:34px}.biz .tier ul li{font-size:13px}

  /* Stats band */
  .biz .stats{padding:40px 24px}.biz .stats .sg{gap:24px}

  /* CTA */
  .biz .cta-c{padding:32px 22px}.biz .cta-form{flex-direction:column;gap:8px;padding:8px}.biz .cta-form input{width:100%}.biz .cta-form .btn{width:100%;justify-content:center}.biz .cta-trust{flex-direction:column;gap:6px;align-items:flex-start}

  /* Footer */
  .biz footer{padding:48px 0 24px}.biz .fab{font-size:13px}.biz .fb{flex-direction:column-reverse;align-items:flex-start;text-align:left;gap:18px}

  /* Tweaks fab smaller */
  .biz .tw-fab{bottom:14px;right:14px;width:38px;height:38px}.biz .tw-panel{right:10px;bottom:60px;width:calc(100% - 20px);max-width:300px}

  /* Demo modal on phones */
  .biz .modal{padding:12px;align-items:flex-end}.biz .modal-c{max-height:90vh;overflow-y:auto;border-radius:16px 16px 0 0}.biz .modal-body{aspect-ratio:auto;min-height:300px}.biz .scn{inset:14px}.biz .scn-1,.biz .scn-2{grid-template-columns:1fr}.biz .scn-2 .chart-mini{grid-column:span 1}.biz .vid-controls{padding:10px 12px;gap:8px;flex-wrap:wrap}.biz .vid-controls .tm{font-size:10px;min-width:auto}.biz .vid-controls .chips .ch{font-size:9.5px;padding:2px 6px}

  /* Section padding tighter */
  .biz section{padding:60px 0}}@media(max-width:560px){
  /* Even tighter for phones */
  .biz .wrap{padding:0 16px}.biz .hg{gap:32px}.biz .hsig{grid-template-columns:1fr 1fr;gap:12px}.biz .hsig>div{padding-right:8px}.biz .hsig>div:nth-child(2){border-right:0}.biz .hsig>div:nth-child(3){grid-column:span 2;border-top:1px solid var(--line);padding-top:12px}

  /* Hero dashboard scroll horizontally if needed */
  .biz .hv .frame{overflow-x:auto;overflow-y:hidden}

  /* CTA button row stacks */
  .biz .ctr{flex-direction:column;align-items:stretch}.biz .ctr .btn{width:100%;justify-content:center}

  /* Pricing toggle full width */
  .biz .pricing-toggle{width:100%;justify-content:center}

  /* Featured tier border-image was breaking — simplify */
  .biz .tier.featured::before{display:none}.biz .tier.featured{border:1px solid #1638a6}}

/* ==========================================================================
   Integration overrides (added during the merge)
   ========================================================================== */

/* The original page had its own fixed top nav; the shared site header is
   sticky and in-flow, so the hero no longer needs to reserve room for it. */
.biz .hero{padding-top:72px}
@media(max-width:760px){.biz .hero{padding-top:48px}}

/* Keep the shared site header above the page's fixed decorations. */
.biz .scroll-dots{z-index:40}

/* The page's own footer is used on this route, so it should not be pushed
   away from the content by the base site's spacing. */
.biz footer{margin-top:80px}

/* Keep the shared micro-label colour in step with style.css: #6b7388 measured
   4.42 against --bg, just under the 4.5 WCAG AA floor for the 10.5-11.5px mono
   labels both sheets use. #676f84 measures 4.68 and is visually identical. */
.biz{--muted:#676f84}

/* style.css is guarded out of .biz, so re-declare the focus ring here rather
   than lose keyboard focus visibility on this page. */
.biz a:focus-visible,
.biz button:focus-visible,
.biz input:focus-visible,
.biz select:focus-visible{
  outline:3px solid var(--a-tint-2);
  outline-offset:2px;
  border-radius:6px;
}