/* Business-impact pages: calculator, simulator, workflow, integrations, case study.
   Extends site.css tokens. */

/* ---------- Page header ---------- */
.ph{padding-top:clamp(40px,3rem + 3vw,96px);padding-bottom:clamp(40px,3rem + 2vw,80px)}
.ph .display{margin-top:var(--s-5);font-size:clamp(2.25rem,1.4rem + 3.2vw,4rem);max-width:16em}
.ph .lead{margin-top:var(--s-5);max-width:40em}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.8125rem;color:var(--slate);margin-bottom:var(--s-5)}
.crumbs a{color:var(--slate);text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--line-2)}
.crumbs{list-style:none;padding:0}
.crumbs li{display:inline-flex}

/* ---------- Data provenance ---------- */
.prov{display:inline-flex;align-items:center;gap:8px;height:24px;padding:0 10px;border-radius:var(--r-1);font-family:var(--f-mono);font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.prov::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.prov--verified{background:var(--ok-wash);color:var(--ok)}
.prov--model{background:var(--blue-wash);color:var(--blue-ink)}
.prov--estimate{background:var(--warn-wash);color:var(--warn)}
.prov-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-top:var(--s-3);font-size:.8125rem;color:var(--slate)}
.notice{border-left:3px solid var(--ink);background:var(--white);padding:var(--s-4) var(--s-5);font-size:.9375rem;color:var(--ink-2);max-width:60em}
.notice strong{color:var(--ink)}
.notice--warn{border-left-color:var(--signal)}
.notice--blue{border-left-color:var(--blue)}
html[lang="ar"] .prov{font-family:var(--f-body);letter-spacing:0;text-transform:none}

/* ---------- Calculator ---------- */
.calc{border:1px solid var(--line);border-radius:var(--r-3);background:var(--white);overflow:hidden}
.calc-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line);background:#FAFAF8}
.stepper{display:flex;gap:4px;flex-wrap:wrap}
.stepper button{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px;border:1px solid transparent;border-radius:var(--r-2);background:transparent;font:inherit;font-size:.875rem;font-weight:500;color:var(--slate);cursor:pointer}
.stepper button .n{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line-2);font-family:var(--f-mono);font-size:.6875rem}
.stepper button[aria-current="step"]{color:var(--ink);background:var(--white);border-color:var(--line)}
.stepper button[aria-current="step"] .n{background:var(--ink);border-color:var(--ink);color:var(--white)}
.stepper button.is-done .n{background:var(--ok-wash);border-color:var(--ok);color:var(--ok)}
.cur-select{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--slate)}
.cur-select .select{min-height:38px;width:auto;padding-top:6px;padding-bottom:6px}
.calc-body{padding:clamp(20px,1rem + 2vw,40px)}
.calc-panel[hidden]{display:none}
.calc-panel h2{font-family:var(--f-display);font-weight:500;font-size:var(--t-h3);letter-spacing:-.02em;line-height:1.15}
.calc-panel>p{margin-top:var(--s-3);color:var(--slate);max-width:44em}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5) var(--s-5);margin-top:var(--s-6)}
.fgrid .full{grid-column:1 / -1}
.fgroup{grid-column:1 / -1;margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--line);font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}
.fgroup small{display:block;margin-top:6px;font-family:var(--f-body);font-size:.8125rem;letter-spacing:0;text-transform:none;color:var(--slate-2);max-width:48em}
.hint{font-size:.75rem;color:var(--slate-2);line-height:1.4}
.inwrap{position:relative;display:flex;align-items:center}
.inwrap .pre,.inwrap .suf{position:absolute;color:var(--slate);font-size:.9375rem;pointer-events:none}
.inwrap .pre{left:14px}
.inwrap .suf{right:14px;font-size:.8125rem}
.inwrap.has-pre .input{padding-left:calc(14px + var(--pre-w,1.1ch) + 8px)}
.inwrap.has-suf .input{padding-right:48px}
.calc-nav{display:flex;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--line)}
.calc-errors{margin-top:var(--s-5)}
.calc-errors:empty{display:none}

/* ---------- Results ---------- */
.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r-2);overflow:hidden;background:var(--white)}
.seg button{height:38px;padding:0 16px;border:0;border-right:1px solid var(--line);background:transparent;font:inherit;font-size:.8125rem;font-weight:500;color:var(--slate);cursor:pointer}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--white)}
.res-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s-4)}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);margin-top:var(--s-5)}
.kpi{padding:var(--s-5) var(--s-5) var(--s-5) 0;border-bottom:1px solid var(--line)}
.kpi:not(:nth-child(3n+1)){padding-left:var(--s-5);border-left:1px solid var(--line)}
.kpi .k{font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase;color:var(--slate)}
.kpi .v{margin-top:8px;font-family:var(--f-display);font-weight:500;font-size:clamp(1.5rem,1.2rem + 1vw,2.125rem);letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.kpi .v.neg{color:var(--err)}
.kpi .v.pos{color:var(--ok)}
.kpi .d{margin-top:6px;font-size:.8125rem;color:var(--slate);line-height:1.4}
.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5);margin-top:var(--s-7)}
.chartbox{border:1px solid var(--line);border-radius:var(--r-3);padding:var(--s-5);background:var(--white);min-width:0}
.chartbox.full{grid-column:1 / -1}
.chartbox h3{font-family:var(--f-display);font-weight:600;font-size:1rem}
.chartbox .sub{margin-top:4px;font-size:.8125rem;color:var(--slate)}
.chartbox svg{display:block;width:100%;height:auto;margin-top:var(--s-4);overflow:visible}
.chart-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:var(--s-3);font-size:.8125rem;color:var(--ink-2)}
.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.ax text{font-family:var(--f-mono);font-size:10px;fill:var(--slate)}
.ax line,.ax path.grid{stroke:var(--line);stroke-width:1}
.ax .zero{stroke:var(--ink);stroke-width:1}
.chart-tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--white);font-size:.75rem;padding:6px 8px;border-radius:var(--r-1);white-space:nowrap;transform:translate(-50%,-120%);z-index:5}
.chartwrap{position:relative}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:var(--s-4)}
.dt{width:100%;border-collapse:collapse;font-size:.875rem;min-width:520px}
.dt th{text-align:left;font-family:var(--f-mono);font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--slate);padding:10px 12px 10px 0;border-bottom:1px solid var(--ink);white-space:nowrap}
.dt td{padding:10px 12px 10px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;vertical-align:top}
.dt td.r,.dt th.r{text-align:right;padding-right:0;padding-left:12px}
.dt tr.sel td{background:var(--blue-wash)}
.heat{border-collapse:separate;border-spacing:3px;width:100%;min-width:420px;font-size:.8125rem}
.heat th{font-family:var(--f-mono);font-size:.6875rem;font-weight:500;color:var(--slate);padding:6px}
.heat td{text-align:center;padding:10px 4px;border-radius:var(--r-1);font-variant-numeric:tabular-nums;font-weight:500}
.heat td.cur{outline:2px solid var(--ink);outline-offset:1px}
.assump{margin-top:var(--s-7)}
.assump summary{cursor:pointer;font-weight:600;font-family:var(--f-display);font-size:1.0625rem;padding:var(--s-4) 0;border-top:1px solid var(--ink)}
.assump[open] summary{border-bottom:1px solid var(--line)}
.mult{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4);margin-top:var(--s-4)}
.cta-band{margin-top:var(--s-7);display:grid;grid-template-columns:1fr auto;gap:var(--s-5);align-items:center;padding:var(--s-5) var(--s-6);background:var(--navy);color:#E7ECEF;border-radius:var(--r-3)}
.cta-band h3{font-family:var(--f-display);font-weight:500;font-size:1.375rem;color:var(--white)}
.cta-band p{margin-top:6px;color:#A9B7C0;font-size:.9375rem}
.discuss{margin-top:var(--s-5);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-3);background:var(--white)}
.discuss[hidden]{display:none}
.discuss .form-grid{margin-top:var(--s-4)}

/* ---------- Generic content blocks ---------- */
.two{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s-5);row-gap:var(--s-6)}
.two>.a{grid-column:1 / span 5}
.two>.b{grid-column:7 / span 6}
.formula{font-family:var(--f-mono);font-size:.8125rem;line-height:1.7;background:var(--white);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-4) var(--s-5);overflow-x:auto;white-space:pre-wrap;color:var(--ink-2)}
.rows{border-top:1px solid var(--ink)}
.rows>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--s-5);padding:16px 0;border-bottom:1px solid var(--line)}
.rows dt,.rows .t{font-weight:600;color:var(--ink)}
.rows dd,.rows .d{color:var(--slate)}
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.cards3>*{padding:var(--s-5) var(--s-5) var(--s-5) 0;border-bottom:1px solid var(--line)}
.cards3>*:not(:nth-child(3n+1)){padding-left:var(--s-5);border-left:1px solid var(--line)}
.cards3 h3{font-family:var(--f-display);font-weight:600;font-size:1.0625rem}
.cards3 p{margin-top:8px;font-size:.9375rem;color:var(--slate)}
.cards3 .num{display:block;margin-bottom:var(--s-3)}
.cards3 a.text-link{margin-top:var(--s-4)}

/* ---------- Print: the ROI report ---------- */
.report{display:none}
@media print{
  body.printing>*:not(.report){display:none!important}
  body.printing .report{display:block!important;color:#000;background:#fff;padding:0;font-size:11pt}
  body.printing{background:#fff}
  .report h1{font-family:var(--f-display);font-size:22pt;margin:0 0 6pt}
  .report h2{font-size:13pt;margin:16pt 0 6pt;border-bottom:1px solid #000;padding-bottom:3pt}
  .report table{width:100%;border-collapse:collapse;font-size:9pt;margin-bottom:8pt}
  .report th,.report td{border-bottom:.5pt solid #bbb;padding:3pt 4pt;text-align:left;vertical-align:top}
  .report td.r,.report th.r{text-align:right}
  .report .brand-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10pt}
  .report .brand-row img{height:28pt}
  .report .lim{font-size:9pt;border:1px solid #000;padding:6pt 8pt;margin-top:10pt}
  .report .pb{page-break-before:always}
  @page{margin:16mm}
}

@media (max-width:1024px){
  .two>.a,.two>.b{grid-column:1 / -1}
  .mult{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .fgrid{grid-template-columns:1fr}
  .kpis,.cards3{grid-template-columns:1fr}
  .kpi,.kpi:not(:nth-child(3n+1)),.cards3>*,.cards3>*:not(:nth-child(3n+1)){padding:var(--s-5) 0;border-left:0}
  .charts{grid-template-columns:1fr}
  .rows>div{grid-template-columns:1fr;gap:6px}
  .cta-band{grid-template-columns:1fr}
  .stepper button .t{display:none}
  .stepper button[aria-current="step"] .t{display:inline}
  .calc-nav .btn{flex:1}
}

@media (max-width:760px){
  .chartwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}
  .chartwrap svg.chart{min-width:560px}
  .chartwrap::after{content:"Scroll sideways to see the whole chart →";display:block;position:sticky;left:0;margin-top:6px;font-size:.75rem;color:var(--slate-2)}
  [dir="rtl"] .chartwrap::after{content:"مرّر جانبيًا لعرض المخطط كاملًا ←"}
}

/* ---------- Efficiency simulator ---------- */
.sim{display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--s-6);align-items:start}
.sim-side{position:sticky;top:calc(var(--header-h) + 16px);border:1px solid var(--line);border-radius:var(--r-3);background:var(--white);padding:var(--s-5);max-height:calc(100vh - var(--header-h) - 32px);overflow-y:auto}
.sim-ctl{display:grid;gap:var(--s-4);margin-top:var(--s-4)}
.sim-field input[type=range]{width:100%;accent-color:var(--blue);height:28px}
.sim-lab{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.sim-out{font-family:var(--f-mono);font-size:.8125rem;color:var(--ink);white-space:nowrap}
.sim-main{min-width:0}
.sim-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r-3);background:var(--white)}
.sim-scrub{flex:1 1 160px;min-width:120px;accent-color:var(--ink)}
.sim-clock{font-family:var(--f-mono);font-size:.875rem;min-width:64px;text-align:right}
.sim-viz{display:grid;gap:var(--s-5);margin-top:var(--s-5)}
.sim-mode{border:1px solid var(--line);border-radius:var(--r-3);background:var(--white);padding:var(--s-4)}
.sim-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3)}
.sim-head h3{font-family:var(--f-display);font-weight:600;font-size:1rem}
.sim-stats{display:flex;gap:var(--s-4);font-family:var(--f-mono);font-size:.75rem;color:var(--slate)}
.sim-lane{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.stg{border:1px solid var(--line);border-radius:var(--r-2);padding:8px;min-height:150px;display:flex;flex-direction:column;gap:6px;background:#FBFBF9;min-width:0}
.stg.is-bottleneck{border-color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn)}
.stg-name{font-size:.75rem;font-weight:600;line-height:1.25}
.stg-pool{font-family:var(--f-mono);font-size:.625rem;letter-spacing:.05em;text-transform:uppercase;color:var(--slate-2)}
.dots{display:flex;flex-wrap:wrap;gap:3px;align-content:flex-start;min-height:22px}
.dots-q{flex:1}
.dots i,.sim-key i{display:inline-block;width:9px;height:9px;border-radius:50%}
.dots b{font-size:.6875rem;font-weight:600;color:var(--slate);align-self:center}
.k-q{background:#B8860B}
.k-t{background:transparent;border:1.5px solid #74808C}
.k-a{background:#315CF5}
.k-p{background:#101B24}
.dots-w{padding-top:6px;border-top:1px dashed var(--line);min-height:28px}
.cnt{font-family:var(--f-mono);font-size:.625rem;color:var(--slate)}
.sim-key{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.8125rem;color:var(--ink-2)}
.sim-key span{display:inline-flex;align-items:center;gap:6px}
.sim-res{margin-top:var(--s-7)}
@media (max-width:1100px){.sim{grid-template-columns:1fr}.sim-side{position:static;max-height:none}.sim-ctl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .sim-lane{grid-template-columns:1fr}
  .stg{min-height:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"n n" "q w" "c c";align-items:start}
  .stg-name{grid-area:n}.stg-pool{display:none}.dots-q{grid-area:q}.dots-w{grid-area:w;border-top:0;border-left:1px dashed var(--line);padding:0 0 0 8px}.cnt{grid-area:c}
}
@media (max-width:600px){.sim-ctl{grid-template-columns:1fr}}

/* ---------- Workflow comparison ---------- */
.wf-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s-6)}
.wf-tabs button{height:40px;padding:0 16px;border:1px solid var(--line-2);border-radius:var(--r-2);background:transparent;font:inherit;font-size:.875rem;font-weight:500;color:var(--ink-2);cursor:pointer}
.wf-tabs button:hover{border-color:var(--ink);color:var(--ink)}
.wf-tabs button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--white)}
html:not(.wf-js) .wf-tabs{display:none}
.wf-ind[hidden]{display:none}
html:not(.wf-js) .wf-ind+.wf-ind{margin-top:var(--s-9)}
.wf-heads{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);margin-top:var(--s-6);padding-bottom:10px;border-bottom:1px solid var(--ink);font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}
.wf-heads span:last-child{color:var(--blue-ink)}
.wf-list{list-style:none;padding:0;margin:0}
.wf-row{border-bottom:1px solid var(--line)}
.wf-pair{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:center;width:100%;padding:14px 0;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer;color:inherit}
.wf-pair:hover .wf-l{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.wf-node{pointer-events:none;display:flex;gap:12px;align-items:baseline;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--white);min-height:56px}
.wf-without{background:#FBFBF9;color:var(--ink-2)}
.wf-with{border-color:rgba(49,92,245,.35);background:var(--blue-wash)}
.wf-n{font-family:var(--f-mono);font-size:.6875rem;color:var(--slate-2);flex:none}
.wf-l{font-weight:500;line-height:1.35}
.wf-arrow{text-align:center;color:var(--slate-2);font-size:1.25rem;pointer-events:none}
.wf-pair[aria-expanded="true"] .wf-node{border-color:var(--ink)}
.wf-pair[aria-expanded="true"] .wf-arrow{color:var(--ink)}
.wf-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5);padding:var(--s-4) 0 var(--s-6)}
.wf-detail[hidden]{display:none}
.wf-dcol{border-top:2px solid var(--line-2);padding-top:var(--s-3)}
.wf-dcol--with{border-top-color:var(--blue)}
.wf-dcol h3,.wf-dcol h4{font-family:var(--f-display);font-weight:600;font-size:.9375rem}
.wf-dcol dl{margin-top:var(--s-3);display:grid;gap:var(--s-3)}
.wf-dcol dt{font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase;color:var(--slate)}
.wf-dcol dd{margin:2px 0 0;font-size:.9375rem;color:var(--ink-2);line-height:1.5}
@media (max-width:760px){
  .wf-heads{display:none}
  .wf-pair{grid-template-columns:1fr;gap:6px;padding:12px 0}
  .wf-arrow{transform:rotate(90deg);height:18px;line-height:18px}
  .wf-detail{grid-template-columns:1fr}
}

/* ---------- Hub map (integrations) ---------- */
.hub{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:var(--s-6);row-gap:var(--s-5);align-items:start}
.hub-map{grid-column:1;grid-row:1 / span 3;border:1px solid var(--line);border-radius:var(--r-3);background:var(--white);padding:var(--s-4);position:sticky;top:calc(var(--header-h) + 16px)}
.hub-svg{display:block;width:100%;height:auto}
.hub-edge{stroke:var(--line-2);stroke-width:1.5}
.hub-edge.is-active{stroke:var(--blue);stroke-width:2.5;stroke-dasharray:6 6;animation:hubflow 700ms linear infinite}
@keyframes hubflow{to{stroke-dashoffset:-12}}
.hub-n rect{fill:#fff;stroke:var(--line-2);stroke-width:1.5}
.hub-n text{font-family:var(--f-body);font-size:12.5px;font-weight:500;fill:var(--ink)}
.hub-n.is-center rect{fill:var(--ink);stroke:var(--ink)}
.hub-n.is-center text{fill:#fff;font-weight:600}
.hub-n.is-sel rect{stroke:var(--ink);stroke-width:2}
.hub-n.is-lit rect{fill:var(--blue-wash);stroke:var(--blue);stroke-width:2}
.hub-nodes{list-style:none;padding:0;margin:0;grid-column:2;border-top:1px solid var(--ink)}
.hub-node{border-bottom:1px solid var(--line)}
.hub-btn{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);width:100%;padding:14px 0;border:0;background:transparent;font:inherit;font-weight:600;color:var(--ink);text-align:left;cursor:pointer}
.hub-btn::after{content:"+";font-family:var(--f-mono);color:var(--slate-2)}
.hub-btn[aria-expanded="true"]::after{content:"–"}
.hub-detail{padding:0 0 var(--s-5)}
.hub-detail dl{display:grid;gap:var(--s-3)}
.hub-detail dt{font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase;color:var(--slate)}
.hub-detail dd{margin:2px 0 0;font-size:.9375rem;color:var(--ink-2)}
.hub-detail[hidden]{display:none}
.hub-bar{grid-column:2;display:flex;flex-wrap:wrap;gap:var(--s-2)}
.hub-live{grid-column:2;font-size:.9375rem;color:var(--ink);min-height:3em;margin:0}
.hub-steps{grid-column:2;margin:0;padding:0;list-style:none;counter-reset:s;border-top:1px solid var(--ink)}
.hub-steps>li{counter-increment:s;position:relative;padding:12px 0 12px 40px;border-bottom:1px solid var(--line);color:var(--slate);font-size:.9375rem}
.hub-steps>li::before{content:counter(s);position:absolute;left:0;top:12px;width:24px;height:24px;border-radius:50%;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:.6875rem}
.hub-steps>li.is-past{color:var(--ink-2)}
.hub-steps>li.is-on{color:var(--ink);font-weight:500}
.hub-steps>li.is-on::before{background:var(--blue);border-color:var(--blue);color:#fff}
.hub-steps .tag{display:inline-block;margin-left:8px;font-family:var(--f-mono);font-size:.625rem;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:3px;vertical-align:1px}
.tag--doc{background:var(--ok-wash);color:var(--ok)}
.tag--typ{background:var(--blue-wash);color:var(--blue-ink)}
.tag--road{background:var(--warn-wash);color:var(--warn)}
html:not(.js) .hub-map,.hub:not(.hub-js) .hub-map{display:none}
.hub:not(.hub-js){display:block}
@media (max-width:900px){
  .hub{grid-template-columns:1fr}
  .hub-map{display:none}
  .hub-nodes,.hub-bar,.hub-live,.hub-steps{grid-column:1}
}
@media (prefers-reduced-motion:reduce){.hub-edge.is-active{animation:none}}
.plain-list{list-style:none;padding:0;margin:var(--s-3) 0 0;display:grid;gap:10px}
.plain-list li{position:relative;padding-left:20px;color:var(--ink-2)}
.plain-list li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:1.5px;background:var(--slate-2)}

/* ---------- Agent demo (guided simulation) ---------- */
.ad{border:1px solid var(--line);border-radius:var(--r-3);background:var(--white);overflow:hidden}
.ad-badge{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--line);background:#FAFAF8;font-size:.8125rem;color:var(--slate)}
.ad-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:var(--s-3) var(--s-4) 0;border-bottom:1px solid var(--line);overflow-x:auto}
.ad-tabs button{height:40px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;font:inherit;font-size:.875rem;font-weight:500;color:var(--slate);cursor:pointer;white-space:nowrap}
.ad-tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.ad-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line)}
.ad-role{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:.8125rem;color:var(--slate)}
.ad-asrole{font-family:var(--f-mono);font-size:.75rem}
.ad-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1fr);min-height:440px}
.ad-col{padding:var(--s-4) var(--s-5);min-width:0}
.ad-col+.ad-col{border-left:1px solid var(--line)}
.ad-col h2{font-family:var(--f-mono);font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);margin-bottom:var(--s-4)}
.ad-tools{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.ad-tools li{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-2);transition:border-color 200ms,background-color 200ms,color 200ms}
.ad-tools li strong{font-size:.875rem}
.ad-tools li span{font-size:.75rem;color:var(--slate)}
.ad-tools li strong{color:var(--slate)}
.ad-tools li.is-used{border-color:var(--line-2)}
.ad-tools li.is-used strong{color:var(--ink)}
.ad-tools li.is-now{border-color:var(--blue);background:var(--blue-wash)}
.ad-data{margin-top:var(--s-4)}
.ad-data .dt{min-width:0;font-size:.8125rem}
.ad-data caption{text-align:left;font-family:var(--f-mono);font-size:.6875rem;color:var(--slate);padding-bottom:6px}
.ad-chan{font-family:var(--f-mono);font-size:.6875rem;color:var(--slate-2);margin:-8px 0 var(--s-3)}
.ad-chat{display:flex;flex-direction:column;gap:10px;min-height:150px}
.ad-msg{max-width:92%;padding:10px 12px;border-radius:12px;font-size:.9375rem;line-height:1.5;display:grid;gap:4px}
.ad-msg p{margin:0}
.ad-msg ul{margin:0;padding:0;list-style:none;display:grid;gap:2px}
.ad-msg li::before{content:"– ";color:var(--slate-2)}
.ad-msg--user{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.ad-msg--agent{align-self:flex-start;background:var(--canvas);border:1px solid var(--line);border-bottom-left-radius:4px;color:var(--ink-2)}
.ad-msg.is-typing p{letter-spacing:.2em;animation:chatPulse 1s ease-in-out infinite}
.ad-action{margin-top:var(--s-4)}
.ad-card{border:1px solid var(--warn);background:var(--warn-wash);border-radius:var(--r-2);padding:var(--s-4);display:grid;gap:8px}
.ad-card p{margin:0;font-size:.875rem;color:var(--ink-2)}
.ad-btns{display:flex;gap:8px;flex-wrap:wrap}
.ad-result{font-weight:500}
.ad-events{list-style:none;padding:0;margin:0;display:grid;gap:0}
.ad-events li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);transition:background-color 200ms}
.ad-events li.is-todo strong{color:var(--slate)}
.ad-events li.is-now{background:linear-gradient(90deg,rgba(49,92,245,.07),transparent)}
.ad-events .ev-n{width:22px;height:22px;border-radius:50%;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:.6875rem}
.ad-events li.is-done .ev-n{background:var(--ok);border-color:var(--ok);color:#fff}
.ad-events li.ev-approval .ev-n{background:var(--signal);border-color:var(--signal);color:var(--ink)}
.ad-events li.ev-deny .ev-n{background:var(--err);border-color:var(--err);color:#fff}
.ad-events li.ev-info .ev-n{background:var(--slate);border-color:var(--slate);color:#fff}
.ad-events strong{font-size:.875rem}
.ad-events p{margin:2px 0 0;font-size:.8125rem;color:var(--slate);line-height:1.45}
@media (max-width:1000px){
  .ad-grid{grid-template-columns:1fr}
  .ad-col+.ad-col{border-left:0;border-top:1px solid var(--line)}
  .ad-center{order:1}.ad-right{order:2}.ad-left{order:3}
  .ad-role{margin-left:0;width:100%}
}
@media (prefers-reduced-motion:reduce){.ad-msg.is-typing p{animation:none}}

/* ---------- Case study components ---------- */
.arch{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;counter-reset:a}
.arch-n{position:relative}
.arch-b{display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:100%;min-height:84px;padding:12px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--white);font:inherit;font-size:.8125rem;font-weight:600;color:var(--ink);text-align:left;cursor:pointer}
.arch-b:hover{border-color:var(--ink)}
.arch-b[aria-expanded="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.arch-i{font-family:var(--f-mono);font-size:.6875rem;color:var(--slate-2);font-weight:500}
.arch-b[aria-expanded="true"] .arch-i{color:#9AA6AF}
.arch:not(.arch-js){display:block}
.arch:not(.arch-js) .arch-n{margin-bottom:var(--s-4)}
.arch-js .arch-d{display:none}
.arch-panel{margin-top:var(--s-3);padding:var(--s-4) var(--s-5);border:1px solid var(--line);border-radius:var(--r-2);background:var(--white);max-width:60em}
.arch-panel h3{font-family:var(--f-display);font-weight:600;font-size:1rem}
.arch-panel p{margin:6px 0 0;color:var(--ink-2)}
.arch-shared{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:var(--s-5);padding:var(--s-4) var(--s-5);border:1px dashed var(--line-2);border-radius:var(--r-2);background:#FBFBF9}
.arch-shared .mono{color:var(--slate)}
.arch-shared ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
.arch-shared li{font-size:.8125rem;padding:4px 10px;border:1px solid var(--line);border-radius:100px;background:var(--white)}
.jr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--s-6);align-items:start}
.jr-static{grid-column:1 / -1;margin:0;padding-left:20px;display:grid;gap:10px;color:var(--ink-2)}
.jr-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--ink)}
.jr-b{display:flex;gap:12px;align-items:center;width:100%;padding:12px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;font:inherit;font-size:.9375rem;color:var(--slate);text-align:left;cursor:pointer}
.jr-b:hover{color:var(--ink)}
.jr-n{width:24px;height:24px;flex:none;border-radius:50%;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:.6875rem}
.jr-b.is-past{color:var(--ink-2)}
.jr-b.is-past .jr-n{background:var(--ok-wash);border-color:var(--ok);color:var(--ok)}
.jr-b[aria-current="step"]{color:var(--ink);font-weight:600}
.jr-b[aria-current="step"] .jr-n{background:var(--blue);border-color:var(--blue);color:#fff}
.jr-card{position:sticky;top:calc(var(--header-h) + 16px);border:1px solid var(--line);border-radius:var(--r-3);background:var(--white);padding:var(--s-5)}
.jr-card h3{font-family:var(--f-display);font-weight:600;font-size:1.125rem}
.jr-card>p{margin:var(--s-3) 0 0;color:var(--ink-2)}
.jr-rec{margin:var(--s-4) 0 0;border-top:1px solid var(--line)}
.jr-rec>div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.875rem}
.jr-rec dt{font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase;color:var(--slate);padding-top:2px}
.jr-rec dd{margin:0;color:var(--ink)}
.jr-nav{display:flex;gap:var(--s-2);margin-top:var(--s-4)}
.cards3--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cards3--4>*:not(:nth-child(3n+1)){padding-left:0;border-left:0}
.cards3--4>*{padding:var(--s-5) var(--s-5) var(--s-5) 0}
.kpis--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.flowv{list-style:none;padding:0;margin:var(--s-6) 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;counter-reset:f}
.flowv li{counter-increment:f;position:relative;padding:var(--s-4);border:1px solid var(--line);background:var(--white);display:grid;gap:6px;align-content:start}
.flowv li+li{border-left:0}
.flowv li::before{content:counter(f);font-family:var(--f-mono);font-size:.6875rem;color:var(--slate-2)}
.flowv li:not(:last-child)::after{content:"→";position:absolute;right:-9px;top:50%;width:18px;height:18px;background:var(--canvas);border-radius:50%;text-align:center;font-size:.75rem;line-height:18px;z-index:1;color:var(--slate)}
.flowv strong{font-size:.875rem}
.flowv span{font-size:.8125rem;color:var(--slate)}
@media (max-width:1100px){.arch{grid-template-columns:repeat(4,minmax(0,1fr))}.cards3--4{grid-template-columns:repeat(2,minmax(0,1fr))}.flowv{grid-template-columns:repeat(3,minmax(0,1fr))}.flowv li:nth-child(3n+1){border-left:1px solid var(--line)}.flowv li:nth-child(n+4){border-top:0}.flowv li:nth-child(3)::after{display:none}}
@media (max-width:760px){
  .arch{grid-template-columns:1fr 1fr}
  .jr{grid-template-columns:1fr}.jr-card{position:static}
  .cards3--4{grid-template-columns:1fr}
  .kpis--3{grid-template-columns:1fr}
  .flowv{grid-template-columns:1fr}.flowv li{border-left:1px solid var(--line)!important;border-top:0}.flowv li:first-child{border-top:1px solid var(--line)}.flowv li::after{display:none}
  .jr-rec>div{grid-template-columns:1fr;gap:2px}
}

/* ---------- Business impact hub ---------- */
.bi-play{display:flex;align-items:center;gap:var(--s-4);margin-bottom:var(--s-4)}
.bi-gantt{display:grid;gap:var(--s-4)}
.bi-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--s-4);align-items:center}
.bi-lab{font-size:.8125rem;font-weight:600}
.bi-track{position:relative;height:30px;background:var(--canvas);border-radius:var(--r-1);overflow:hidden}
.bi-track i{position:absolute;top:0;bottom:0}
.seg-admin{background:#315CF5}
.seg-production{background:#101B24}
.seg-wait{background:repeating-linear-gradient(45deg,#9AA6AF,#9AA6AF 3px,#E3E8EB 3px,#E3E8EB 6px);top:8px!important;bottom:8px!important}
.bi-cover{position:absolute;inset:0;background:var(--canvas);transform-origin:right;z-index:2;transform:scaleX(1)}
.bi-dash{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}
.bi-tile{background:var(--white);padding:var(--s-4);display:grid;gap:6px}
.bi-tile span{font-family:var(--f-mono);font-size:.625rem;letter-spacing:.05em;text-transform:uppercase;color:var(--slate)}
.bi-tile strong{font-family:var(--f-display);font-weight:500;font-size:1.5rem;letter-spacing:-.02em}
@media (max-width:760px){.bi-row{grid-template-columns:1fr;gap:6px}.bi-dash{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- AI service pages ---------- */
.plain-list--wide{max-width:60em;gap:12px}
.plain-list--wide li{font-size:1.0625rem}
.steps-list{list-style:none;padding:0;margin:0;counter-reset:st;border-top:1px solid var(--ink)}
.steps-list li{counter-increment:st;display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,2fr);gap:var(--s-4);padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline}
.steps-list li::before{content:counter(st,decimal-leading-zero);font-family:var(--f-mono);font-size:.75rem;color:var(--slate-2)}
.steps-list strong{font-family:var(--f-display);font-weight:600;font-size:1.0625rem}
.steps-list span{color:var(--slate)}
.int-s{display:inline-block;padding:3px 8px;border-radius:var(--r-1);font-family:var(--f-mono);font-size:.6875rem;white-space:nowrap}
.int-s--ok{background:var(--ok-wash);color:var(--ok)}
.int-s--rd{background:var(--warn-wash);color:var(--warn)}
.int-s--rv{background:var(--canvas);color:var(--ink-2)}
.exs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5)}
.ex{border:1px solid var(--line);border-radius:var(--r-3);background:var(--white);padding:var(--s-5)}
.ex h3{font-family:var(--f-display);font-weight:600;font-size:1.0625rem}
.ex-chat{margin-top:var(--s-3);display:grid;gap:8px}
.ex-chat p{margin:0;padding:8px 12px;border-radius:var(--r-2);background:var(--canvas);font-size:.9375rem;color:var(--ink-2);line-height:1.5}
.ex-chat p:nth-child(odd){background:var(--blue-wash)}
.rel-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px var(--s-6)}
@media (max-width:900px){.steps-list li{grid-template-columns:40px 1fr}.steps-list span{grid-column:2}.exs,.rel-list{grid-template-columns:1fr}}
.prov{white-space:normal;height:auto;min-height:24px;padding-block:3px;line-height:1.3;max-width:100%}
.prov::before{flex:none}

/* ---------- Agent Studio ---------- */
.studio-steps{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px}
.studio-steps li{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:var(--r-2);font-size:.8125rem;font-weight:500;color:var(--slate)}
.studio-steps .n{width:22px;height:22px;border-radius:50%;border:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:.6875rem}
.studio-steps li.is-cur{background:var(--white);border:1px solid var(--line);color:var(--ink)}
.studio-steps li.is-cur .n{background:var(--ink);border-color:var(--ink);color:#fff}
.studio-steps li.is-done .n{background:var(--ok-wash);border-color:var(--ok);color:var(--ok)}
.studio-panel h2{font-family:var(--f-display);font-weight:500;font-size:var(--t-h3);letter-spacing:-.02em;line-height:1.15}
.studio-intro{margin-top:var(--s-3);color:var(--slate);max-width:46em}
.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--s-3);margin-top:var(--s-6)}
.opt{display:grid;gap:6px;text-align:left;padding:16px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--white);font:inherit;cursor:pointer;color:var(--ink);transition:border-color var(--dur),background-color var(--dur)}
.opt:hover{border-color:var(--ink)}
.opt.is-on{border-color:var(--blue);background:var(--blue-wash);box-shadow:inset 0 0 0 1px var(--blue)}
.opt-t{font-weight:600}
.opt-s{font-size:.8125rem;color:var(--slate);line-height:1.4}
.bp-flow{list-style:none;padding:0;margin:0 0 var(--s-6);display:grid;gap:0;counter-reset:b;max-width:560px}
.bp-flow li{counter-increment:b;position:relative;display:grid;gap:2px;padding:12px 16px 12px 52px;border:1px solid var(--line);background:var(--white)}
.bp-flow li+li{border-top:0}
.bp-flow li::before{content:counter(b);position:absolute;left:14px;top:13px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--f-mono);font-size:.6875rem;display:flex;align-items:center;justify-content:center}
.bp-flow li:not(:last-child)::after{content:"↓";position:absolute;left:19px;bottom:-12px;z-index:2;font-size:.75rem;background:var(--white);color:var(--slate);width:14px;text-align:center}
.bp-flow strong{font-size:.9375rem}
.bp-flow span{font-size:.8125rem;color:var(--slate)}
.bp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5) var(--s-6)}
.bp-sec h3{font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);padding-bottom:8px;border-bottom:1px solid var(--ink)}
.bp-sec ul{list-style:none;padding:0;margin:var(--s-3) 0 0;display:grid;gap:8px}
.bp-sec li{position:relative;padding-left:16px;font-size:.9375rem;color:var(--ink-2);line-height:1.5}
.bp-sec li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:1.5px;background:var(--slate-2)}
.studio-sum{white-space:pre-wrap;font-family:var(--f-mono);font-size:.8125rem;background:var(--canvas);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-4);margin:var(--s-5) 0;color:var(--ink-2)}
@media (max-width:760px){.bp-grid{grid-template-columns:1fr}.studio-steps .t{display:none}.studio-steps li.is-cur .t{display:inline}.opts{grid-template-columns:1fr}}

/* ---------- AI landing + architecture ---------- */
.ph--ai .display{max-width:14em}
.pipe-wrap{border:1px solid var(--line);border-radius:var(--r-3);background:var(--white);padding:var(--s-5)}
.pipe{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;counter-reset:p}
.pipe li{counter-increment:p;position:relative;padding:var(--s-4);border:1px solid var(--line);display:grid;gap:6px;align-content:start;transition:background-color 300ms,border-color 300ms}
.pipe li+li{border-left:0}
.pipe li::before{content:counter(p);font-family:var(--f-mono);font-size:.6875rem;color:var(--slate-2)}
.pipe li:not(:last-child)::after{content:"→";position:absolute;right:-9px;top:46%;width:18px;height:18px;background:var(--white);border-radius:50%;text-align:center;font-size:.75rem;line-height:18px;z-index:1;color:var(--slate)}
.pipe strong{font-size:.9375rem}
.pipe span{font-size:.8125rem;color:var(--slate);line-height:1.45}
.pipe em{font-style:normal;font-family:var(--f-mono);font-size:.75rem;color:var(--blue-ink);background:var(--blue-wash);padding:6px 8px;border-radius:var(--r-1);line-height:1.4;overflow-wrap:anywhere}
.pipe-js .pipe li:not(.on) strong{color:var(--slate)}
.pipe-js .pipe li:not(.on) em{background:var(--canvas);color:var(--slate)}
.pipe-js .pipe li.on{background:linear-gradient(180deg,rgba(49,92,245,.08),transparent);border-color:rgba(49,92,245,.35)}
.pipe-note{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;margin-top:var(--s-4)}
.agent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink)}
.agent-card{display:grid;gap:8px;align-content:start;padding:var(--s-5) var(--s-5) var(--s-5) 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.agent-card:not(:nth-child(4n+1)){padding-left:var(--s-5);border-left:1px solid var(--line)}
.agent-card .mono{color:var(--slate-2);font-size:.625rem}
.agent-card h3{font-family:var(--f-display);font-weight:600;font-size:1.0625rem}
.agent-card p{margin:0;font-size:.9375rem;color:var(--slate)}
.agent-card:hover h3{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.dt--cmp th[scope=row]{font-weight:600;color:var(--ink);text-transform:none;font-family:var(--f-body);letter-spacing:0;font-size:.9375rem;white-space:nowrap}
.dt--cmp td{color:var(--ink-2);font-size:.9375rem}
.dt--cmp thead th:last-child{color:var(--blue-ink)}
.dt--arch{min-width:880px}
.dt--arch th[scope=row]{font-family:var(--f-body);text-transform:none;letter-spacing:0;font-size:.9375rem;color:var(--ink);white-space:nowrap;vertical-align:top}
.dt--arch td{font-size:.875rem;color:var(--ink-2);line-height:1.5;padding-right:var(--s-4)}
.cards3--wrap{grid-template-columns:repeat(4,minmax(0,1fr))}
.cards3--wrap>*{padding:var(--s-5) var(--s-5) var(--s-5) 0;border-left:0!important;padding-left:0!important}
.cards3--wrap>*:not(:nth-child(4n+1)){padding-left:var(--s-5)!important;border-left:1px solid var(--line)!important}
@media (max-width:1100px){
  .pipe{grid-template-columns:repeat(3,minmax(0,1fr))}.pipe li:nth-child(3n+1){border-left:1px solid var(--line)}.pipe li:nth-child(n+4){border-top:0}.pipe li:nth-child(3)::after{display:none}
  .agent-grid,.cards3--wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .agent-card:not(:nth-child(4n+1)),.cards3--wrap>*:not(:nth-child(4n+1)){padding-left:0!important;border-left:0!important}
  .agent-card:nth-child(even),.cards3--wrap>*:nth-child(even){padding-left:var(--s-5)!important;border-left:1px solid var(--line)!important}
}
@media (max-width:640px){
  .pipe{grid-template-columns:1fr}.pipe li{border-left:1px solid var(--line)!important;border-top:0}.pipe li:first-child{border-top:1px solid var(--line)}.pipe li::after{display:none}
  .agent-grid,.cards3--wrap{grid-template-columns:1fr}
  .agent-card,.agent-card:nth-child(even),.cards3--wrap>*,.cards3--wrap>*:nth-child(even){padding:var(--s-5) 0!important;border-left:0!important}
  .dt--cmp th[scope=row]{white-space:normal}
}

/* ---------- Insights ---------- */
.wrap--art{max-width:calc(820px + var(--gutter) * 2)}
.art-h1{max-width:18em}
.art-meta{margin-top:var(--s-5);font-family:var(--f-mono);font-size:.75rem;color:var(--slate-2);letter-spacing:.02em}
.art-body{padding-bottom:var(--section)}
.art-sec{margin-top:var(--s-8)}
.art-sec h2{font-family:var(--f-display);font-weight:500;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--s-4)}
.art-sec p{font-size:1.0625rem;line-height:1.7;color:var(--ink-2);margin:0 0 var(--s-4);max-width:42em}
.art-cta{margin-top:var(--s-8);padding:var(--s-6);border:1px solid var(--line);border-radius:var(--r-3);background:var(--white)}
.art-cta h2{font-family:var(--f-display);font-weight:500;font-size:1.5rem}
.art-cta p{margin:var(--s-3) 0 var(--s-5);color:var(--slate)}
.art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink)}
.art-card{display:grid;gap:10px;align-content:start;padding:var(--s-6) var(--s-6) var(--s-6) 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.art-card:nth-child(even){padding-left:var(--s-6);padding-right:0;border-left:1px solid var(--line)}
.art-card .mono{color:var(--slate-2)}
.art-card h2{font-family:var(--f-display);font-weight:500;font-size:1.375rem;letter-spacing:-.015em;line-height:1.25}
.art-card p{margin:0;color:var(--slate);font-size:.9375rem}
.art-card:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
@media (max-width:760px){.art-grid{grid-template-columns:1fr}.art-card,.art-card:nth-child(even){padding:var(--s-5) 0;border-left:0}}

.wf-dcol h3{font-family:var(--f-display);font-weight:600;font-size:.9375rem}
.art-cta{display:block}