/* ACXPA Contact Centre Benchmark. Brand tokens: kleo-child/css/acxpa-tokens.css (Brand Basics v4.0).
   Surfaces vary by section (sand, white, teal 50, harbour tint, gold tint): never teal-on-white throughout.
   No dark teal bands: the site header and footer already carry it. */
.acxcb{--ink:var(--acxpa-ds-ink,#14252A);--slate:var(--acxpa-ds-slate,#5E7075);--t50:var(--acxpa-ds-teal-50,#F1F6F7);--t100:var(--acxpa-ds-teal-100,#DBE5E7);--t200:var(--acxpa-ds-teal-200,#B7CDD2);--t500:var(--acxpa-ds-teal-500,#2A7383);--t600:var(--acxpa-ds-teal-600,#155F6E);--t700:var(--acxpa-ds-teal-700,#0F4F5C);--gold:var(--acxpa-ds-gold,#F9B02E);--goldt:var(--acxpa-ds-gold-tint,#FDEBCB);--goldd:var(--acxpa-ds-gold-deep,#9A6412);--harb:var(--acxpa-ds-harbour,#2C4880);--harbt:var(--acxpa-ds-harbour-tint,#E0E7F2);--harbd:var(--acxpa-ds-harbour-deep,#1B2F52);--sand:var(--acxpa-ds-sand,#FAF7F2);--stone:var(--acxpa-ds-stone,#E7E1D8);--ok:var(--acxpa-ds-success,#1E7A5A);--okt:var(--acxpa-ds-success-tint,#E2F1EB);--bad:var(--acxpa-ds-error,#B3182C);--badt:var(--acxpa-ds-error-tint,#FAE4E7);--warn:var(--acxpa-ds-warning-deep,#8A5A00);--clay:var(--acxpa-ds-clay,#C05A42);--claytint:var(--acxpa-ds-clay-tint,#F7E3DC);
	font-family:var(--acxpa-ds-font,'Poppins',sans-serif);color:var(--ink);font-size:16px;line-height:1.6;box-sizing:border-box}
.acxcb *,.acxcb *::before,.acxcb *::after{box-sizing:border-box}
.acxcb input,.acxcb select,.acxcb textarea{margin:0!important}
.acxcb h1,.acxcb h2,.acxcb h3{font-family:inherit;color:var(--ink);margin:0 0 12px;letter-spacing:-.01em}
.acxcb p{margin:0 0 12px}
.acxcb a{color:var(--t600)}
.acxcb-loading,.acxcb-note{padding:32px;text-align:center;color:var(--slate)}
.acxcb.is-busy{opacity:.55;transition:opacity .2s}

/* ---------- buttons ---------- */
.cbl-btn,.cbf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:8px;font-weight:700;font-size:16px;line-height:1.2;text-decoration:none!important;border:2px solid transparent;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s,background .15s}
.cbl-btn.is-gold,.cbf-btn.is-gold{background:var(--gold);color:var(--ink)!important;border-color:var(--gold)}
.cbl-btn.is-gold:hover,.cbf-btn.is-gold:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(154,100,18,.25)}
.cbl-btn.is-ghost,.cbf-btn.is-ghost{background:#fff;color:var(--t700)!important;border-color:var(--t200)}
.cbl-btn.is-ghost:hover,.cbf-btn.is-ghost:hover{border-color:var(--t600)}
.cbl-btn.is-ink{background:var(--ink);color:#fff!important}
.cbf-btn:disabled{opacity:.6;cursor:wait}
.cbl-btns,.cbf-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 0}

/* ---------- landing ---------- */
.acxcb-landing{margin:0 auto}
.cbl-hero{background:var(--harbt);border-radius:20px;padding:56px 48px;margin:0 0 32px}
.cbl-eyebrow,.cbf-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:700;color:var(--harb);margin:0 0 10px}
.cbl-h1{font-size:clamp(30px,4vw,46px);line-height:1.12;font-weight:700;margin:0 0 18px}
.cbl-lede{font-size:19px;line-height:1.6;color:var(--ink);margin:0 0 12px}
.cbl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:36px 0 0}
.cbl-stat{background:#fff;border-radius:12px;padding:18px 20px;border:1px solid rgba(44,72,128,.15)}
.cbl-stat b{display:block;font-size:30px;line-height:1.15;color:var(--harbd);min-height:35px}
.cbl-stat span{font-size:14px;color:var(--slate)}
.cbl-band{border-radius:20px;padding:48px;margin:0 0 32px}
.cbl-band.is-sand{background:var(--sand)}
.cbl-band.is-white{background:#fff;border:1px solid var(--t100)}
.cbl-band.is-teal{background:var(--t50)}
.cbl-band.is-harbour{background:var(--harbt)}
.cbl-band.is-gold{background:var(--goldt);text-align:center}
.cbl-band.is-gold .cbl-btns{justify-content:center}
.cbl-h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2;font-weight:700;margin:0 0 20px}
.cbl-sub{font-size:17px;color:var(--slate)}
.cbl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cbl-card{background:#fff;border-radius:12px;padding:28px;border-top:4px solid var(--gold);box-shadow:0 2px 8px rgba(15,79,92,.08)}
.cbl-card:nth-child(2){border-top-color:var(--t500)}
.cbl-card:nth-child(3){border-top-color:var(--harb)}
.cbl-card h3{font-size:20px}
.cbl-card p{font-size:15px;color:var(--ink)}
.cbl-ico{display:inline-flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;background:var(--goldt);color:var(--goldd);font-size:22px;margin:0 0 14px}
.cbl-card:nth-child(2) .cbl-ico{background:var(--t50);color:var(--t700)}
.cbl-card:nth-child(3) .cbl-ico{background:var(--harbt);color:var(--harb)}
.cbl-upfront{border-left:6px solid var(--gold);padding:4px 0 4px 28px}
.cbl-upfront p{font-size:17px}
.cbl-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:cbl}
.cbl-steps li{background:#fff;border-radius:12px;padding:24px;position:relative;counter-increment:cbl}
.cbl-steps li::before{content:counter(cbl);display:flex;width:36px;height:36px;border-radius:50%;background:var(--t700);color:#fff;font-weight:700;align-items:center;justify-content:center;margin:0 0 14px}
.cbl-steps b{display:block;font-size:17px;margin:0 0 6px}
.cbl-steps span{font-size:15px;color:var(--slate)}
.cbl-note{margin:24px 0 0!important;font-size:15px;color:var(--ink);background:#fff;border-radius:10px;padding:14px 18px}
.cbl-ladder{border:1px solid var(--t100);border-radius:12px;overflow:hidden;margin:8px 0 0}
.cbl-lrow{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;align-items:center;border-top:1px solid var(--t100)}
.cbl-lrow:first-child{border-top:0}
.cbl-lrow>span{padding:14px 16px;font-size:15px}
.cbl-lhead>span{font-weight:700;font-size:14px;background:var(--sand);text-align:center}
.cbl-lrow>span[role=cell]{text-align:center;font-size:18px}
.cbl-lrow .is-biz{background:var(--goldt)}
.cbl-lhead .is-biz{background:var(--gold)}
.cbl-lrow .is-yes{color:var(--ok);font-weight:700}
.cbl-lrow .is-no{color:#a3b0b3}
.cbl-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cbl-ticks{list-style:none;margin:0;padding:0}
.cbl-ticks li{position:relative;padding:0 0 12px 32px;font-size:16px}
.cbl-ticks li::before{content:"\2713";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--harb);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.cbl-faq details{border-top:1px solid var(--t100);padding:16px 0}
.cbl-faq details:last-child{border-bottom:1px solid var(--t100)}
.cbl-faq summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;position:relative;padding-right:32px}
.cbl-faq summary::-webkit-details-marker{display:none}
.cbl-faq summary::after{content:"+";position:absolute;right:4px;top:-2px;font-size:24px;color:var(--t600)}
.cbl-faq details[open] summary::after{content:"\2013"}
.cbl-faq p{margin:10px 0 0;color:var(--ink)}

/* ---------- form ---------- */
.cbf-head,.cbr-head{background:var(--harbt);border-radius:20px;padding:36px 40px;margin:0 0 20px}
.cbf-h{font-size:clamp(24px,3vw,34px);line-height:1.18;font-weight:700}
.cbf-lede{font-size:17px}
.cbf-status{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:#fff;border-radius:10px;padding:12px 16px;margin:12px 0;border-left:5px solid var(--ok)}
.cbf-status.is-held{border-left-color:var(--gold)}
.cbf-link,.cbr-link{font-weight:600;text-decoration:none}
.cbf-namerow{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0 0}
.cbf-namerow>label,.cbf-namerow>.cbf-picker{flex:1 1 280px}
.cbf-namerow .cbf-label{display:block}
.cbf-name{width:100%}
.cbf-bar{position:sticky;top:var(--acxcb-sticky,90px);z-index:5;background:#fff;border:1px solid var(--t100);border-radius:14px;padding:14px 16px;margin:0 0 20px;box-shadow:0 6px 18px rgba(15,79,92,.08);display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.cbf-meters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;flex:1 1 640px}
.cbf-meter{font-size:12px;color:var(--slate)}
.cbf-mtop{display:flex;justify-content:space-between;font-size:13px;color:var(--ink);font-weight:600}
.cbf-mbar{position:relative;height:8px;background:var(--t100);border-radius:999px;margin:6px 0 4px}
.cbf-mbar i{position:absolute;left:0;top:0;bottom:0;background:var(--t500);border-radius:999px;transition:width .3s}
.cbf-meter.is-ok .cbf-mbar i{background:var(--ok)}
.cbf-mbar em{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--goldd)}
.cbf-meter.is-ok small{color:var(--ok);font-weight:600}
.cbf-save{font-size:13px;color:var(--slate);white-space:nowrap}
.cbf-save.is-bad{color:var(--bad);font-weight:600}
.cbf-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 20px}
.cbf-tab{text-align:left;background:var(--sand);border:2px solid var(--stone);border-radius:12px;padding:14px 18px;cursor:pointer;font-family:inherit;color:var(--ink)}
.cbf-tab span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--slate);font-weight:700}
.cbf-tab b{display:block;font-size:17px;line-height:1.3}
.cbf-tab small{display:block;font-size:13px;color:var(--slate);margin-top:2px}
.cbf-tab.is-on{background:#fff;border-color:var(--gold);box-shadow:0 4px 12px rgba(154,100,18,.15)}
.cbf-sec,.cbr-sec{border-radius:16px;padding:32px;margin:0 0 20px}
.cbf-sec-0{background:#fff;border:1px solid var(--t100)}
.cbf-sec-1{background:var(--sand)}
.cbf-sec-2{background:var(--t50)}
.cbf-sech,.cbr-sech{font-size:22px;display:flex;gap:10px;align-items:center}
.cbf-sech em{font-style:normal;font-size:12px;font-weight:700;background:var(--goldt);color:var(--goldd);border-radius:999px;padding:3px 10px}
.cbf-secp{color:var(--slate);margin-bottom:20px}
.cbf-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cbf-field.is-wide{grid-column:1/-1}
.cbf-field{margin:0!important;background:#fff;border:1px solid var(--t100);border-radius:12px;padding:18px 20px;margin:0 0 12px}
.cbf-sec-0 .cbf-field{background:var(--sand);border-color:transparent}
.cbf-field.has-err{border-color:var(--bad);box-shadow:0 0 0 3px var(--badt)}
.cbf-field.is-dm{opacity:.75}
.cbf-label{font-weight:600;font-size:16px;display:flex;gap:10px;align-items:baseline;margin:0 0 8px}
.cbf-req{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--clay);background:var(--claytint);padding:2px 8px;border-radius:999px}
.cbf-help{font-size:14px;color:var(--slate);margin:-4px 0 10px}
.cbf-in{font-family:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--t200);border-radius:8px;background:#fff;color:var(--ink);min-height:44px;max-width:100%}
.cbf-in:focus{outline:3px solid var(--gold);outline-offset:1px;border-color:var(--t600)}
.acxcb select.cbf-in{min-width:0;width:100%!important;max-width:100%}
.acxcb input.cbf-num{width:150px!important}
.acxcb .cbf-name{width:100%!important}
.cbf-num{width:160px;text-align:right}
.cbf-unitrow{display:inline-flex;align-items:center;gap:8px}
.cbf-unit{font-size:14px;color:var(--slate)}
.cbf-unit.is-pre{font-weight:600;color:var(--ink)}
.cbf-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--t200);border-radius:999px;padding:8px 14px;margin:0 8px 8px 0;cursor:pointer;background:#fff;font-size:15px}
.cbf-chip:has(input:checked){background:var(--t50);border-color:var(--t600);font-weight:600}
.cbf-chip input{accent-color:var(--t700)}
.cbf-splitgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 18px}
.cbf-splitcell{display:flex;flex-direction:column;gap:4px;font-size:14px}
.acxcb .cbf-splitcell input.cbf-num{width:110px!important}
.cbf-total{display:inline-block;margin:10px 0 0;font-size:14px;font-weight:600;padding:4px 12px;border-radius:999px;background:var(--t50)}
.cbf-total.is-ok{background:var(--okt);color:var(--ok)}
.cbf-total.is-off{background:var(--goldt);color:var(--goldd)}
.cbf-hgrid{margin:8px 0 0}
.cbf-hrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.cbf-hday{width:90px;font-weight:600;font-size:15px}
.cbf-to{color:var(--slate)}
.cbf-closed{display:inline-flex;gap:6px;align-items:center;font-size:14px}
.cbf-paywrap,.cbr-paywrap{overflow-x:auto}
.cbf-pay,.cbr-pay{border-collapse:collapse;width:100%;min-width:640px}
.cbf-pay th,.cbf-pay td,.cbr-pay th,.cbr-pay td{padding:8px;border-bottom:1px solid var(--t100);text-align:left;font-size:14px}
.acxcb .cbf-pay input.cbf-num{width:120px!important}
.cbf-dm{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--slate);margin:10px 0 0;cursor:pointer}
.cbf-err{color:var(--bad);font-size:14px;font-weight:600;margin:8px 0 0}
.cbf-err:empty{display:none}
.cbf-note{background:var(--goldt);border-radius:10px;padding:12px 16px;font-size:15px}
.cbf-submit{background:var(--goldt);border-radius:16px;padding:32px;margin:0 0 20px}
.cbf-consent{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:10px;padding:14px 16px;margin:0 0 10px;font-size:15px;cursor:pointer}
.cbf-consent input{margin-top:5px;accent-color:var(--t700);width:18px;height:18px;flex:0 0 18px}
.cbf-msg{margin:12px 0 0;font-weight:600}
.cbf-msg.is-bad{color:var(--bad)}
.cbf-del{background:none;border:0;color:var(--bad);text-decoration:underline;cursor:pointer;font-family:inherit;font-size:14px;margin:20px 0 0;padding:0}
.cbf-done,.cbf-blocked{background:var(--harbt);border-radius:20px;padding:40px}
.cbf-blocked h3.cbf-h{font-size:24px}

/* ---------- results ---------- */
.cbr-centre{margin-top:12px}
.cbr-pick{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}
.cbr-pickl{font-weight:700;font-size:14px;margin-right:4px}
.cbr-chip{text-align:left;background:#fff;border:2px solid var(--t200);border-radius:12px;padding:8px 14px;cursor:pointer;font-family:inherit;color:var(--ink)}
.cbr-chip b{display:block;font-size:14px}
.cbr-chip small{display:block;font-size:12px;color:var(--slate)}
.cbr-chip.is-on{border-color:var(--gold);background:var(--goldt)}
.cbr-chip.is-wait small{color:var(--goldd)}
.cbr-sub{font-size:14px;color:var(--slate)}
.cbr-tools{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 20px}
.cbr-wait{background:var(--goldt);border-left:6px solid var(--gold);border-radius:12px;padding:20px 24px;margin:0 0 20px}
.cbr-wait h3{font-size:19px}
.cbr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.cbr-card{background:#fff;border:1px solid var(--t100);border-radius:12px;padding:18px}
.cbr-card.is-wide{grid-column:1/-1}
.cbr-ml{font-weight:600;font-size:15px;margin:0 0 6px;min-height:48px}
.cbr-you-row{display:flex;align-items:baseline;gap:8px}
.cbr-youv{font-size:26px;line-height:1.2}
.cbr-youl{font-size:13px;color:var(--slate)}
.cbr-band{width:100%;height:46px;display:block;margin:6px 0}
.cbr-track{stroke:var(--t100);stroke-width:4;stroke-linecap:round}
.cbr-iqr{fill:var(--t200)}
.cbr-med{stroke:var(--t700);stroke-width:3}
.cbr-you{stroke:#fff;stroke-width:3;fill:var(--harb)}
.cbr-you.is-good{fill:var(--ok)}
.cbr-you.is-bad{fill:var(--clay)}
.cbr-you.is-mid,.cbr-you.is-neutral{fill:var(--harb)}
.cbr-legend{display:flex;justify-content:space-between;font-size:12px;color:var(--slate);gap:6px}
.cbr-legend b{color:var(--ink)}
.cbr-verdict{margin:10px 0 0;font-size:14px;font-weight:600;border-radius:8px;padding:6px 10px;background:var(--harbt);color:var(--harbd)}
.cbr-verdict.is-good{background:var(--okt);color:var(--ok)}
.cbr-verdict.is-bad{background:var(--claytint);color:#8E3D2A}
.cbr-n{font-size:12px;color:var(--slate);margin:8px 0 0}
.cbr-dist{margin:0 0 8px}
.cbr-dtop{display:flex;justify-content:space-between;font-size:14px;gap:8px}
.cbr-dbar{height:8px;background:var(--t50);border-radius:999px;margin-top:4px;overflow:hidden}
.cbr-dbar i{display:block;height:100%;background:var(--t500)}
.cbr-dist.is-mine .cbr-dtop{font-weight:700}
.cbr-dist.is-mine .cbr-dbar i{background:var(--gold)}
.cbr-card.is-state{background:var(--sand);border-style:dashed}
.cbr-st{display:block;font-size:16px;margin:6px 0 4px}
.cbr-stp{font-size:14px;color:var(--slate)}
.cbr-card.is-level{background:var(--goldt);border-color:var(--gold)}
.cbr-spark{width:100%;height:80px}
.cbr-line{fill:none;stroke:var(--t600);stroke-width:3}
.cbr-pt{fill:var(--gold);stroke:#fff;stroke-width:2}
.cbr-ptl{font-size:10px;fill:var(--slate)}
.cbr-sec.is-trend{background:var(--harbt)}
.cbr-up{background:var(--goldt);border-radius:16px;padding:32px;margin:0 0 20px}
.cbr-up h3{font-size:22px}
.cbr-card.is-split{grid-column:span 2}
.cbr-splitt{width:100%;border-collapse:collapse;font-size:14px}
.cbr-splitt th,.cbr-splitt td{padding:6px 6px;border-bottom:1px solid var(--t100);text-align:left;vertical-align:middle}
.cbr-splitt thead th{font-size:12px;color:var(--slate);font-weight:600}
.cbr-splitt td:last-child{width:40%}
.cbr-sbar{position:relative;height:14px;background:var(--t50);border-radius:999px}
.cbr-siqr{position:absolute;top:0;bottom:0;background:var(--t200);border-radius:999px}
.cbr-smed{position:absolute;top:-2px;bottom:-2px;width:3px;background:var(--t700);margin-left:-1px}
.cbr-syou{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--harb);border:2px solid #fff}
.cbr-secp{color:var(--slate);margin:-4px 0 16px}
.cbr-locked{background:var(--goldt);border-radius:16px;padding:28px 32px;margin:0 0 20px}
.cbr-locked h4{font-size:20px;margin:0 0 12px;color:var(--ink)}
.cbr-lchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.cbr-lchips span{background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;color:var(--ink)}
.cbr-lchips span.is-more{background:transparent;font-weight:700}
.cbr-foot{font-size:13px;color:var(--slate);margin:16px 0 0}

@media (max-width:1000px){.cbl-cards,.cbl-steps{grid-template-columns:1fr 1fr}.cbf-meters{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.cbf-fields{grid-template-columns:1fr}.cbr-card.is-split{grid-column:auto}.cbl-hero,.cbl-band,.cbf-head,.cbr-head,.cbf-sec,.cbr-sec,.cbf-submit,.cbr-up,.cbf-done,.cbf-blocked{padding:24px 18px;border-radius:14px}.cbl-cards,.cbl-steps,.cbl-two,.cbl-stats,.cbf-tabs{grid-template-columns:1fr}.cbl-lrow{grid-template-columns:1.6fr 1fr 1fr 1fr}.cbl-lrow>span{padding:10px 8px;font-size:13px}.cbf-meters{grid-template-columns:1fr 1fr}.cbf-bar{position:static}select.cbf-in{min-width:0;width:100%}}