/* BT-SIGNUP-1010 (Matt, 10/10/2026): /broker-tour opens on sign-up (Get Started Flow storyboard steps 2 to 4; step 3 is Website Lead's
   road-junction design, storyboard v9). Load after cg-bts-v4.css. Scoped to .cg-bts. Replaces the gs-twopath-1009 stylesheet.
   v4: compact plan rows, optional summary picker and HubSpot field polish. The v3 selling column and sticky card remain.
   v5 (Matt, 10/11: "this also could get better"): the left column scans in one pass: a proof row of real numbers, the plan facts as one
   line, the quote, then a two-column "Once you’re in" list and the videos as unboxed sections. Card: polish only. */

/* ---------- modes: the hero copy follows the card's tab; "done" swaps the card for the confirmation ---------- */
.cg-bts .bts-hero:not([data-mode="demo"]) [data-for="demo"],
.cg-bts .bts-hero[data-mode="demo"] [data-for="signup"],
.cg-bts .bts-card:not([data-mode="done"]) [data-for="done"],
.cg-bts .bts-card[data-mode="done"] [data-for="signup"],
.cg-bts .bts-card[data-mode="done"] [data-for="demo"]{display:none!important}
.cg-bts .bts-card{position:relative;border-radius:16px}
.cg-bts .bts-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- proof and videos beside the form ---------- */
.cg-bts .bts-copy2{container-type:inline-size}
.cg-bts .bts-proof{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}
.cg-bts .bts-proof li{min-width:0;padding:0 20px}
.cg-bts .bts-proof li:nth-child(odd){padding-left:0}
.cg-bts .bts-proof li:nth-child(2){border-left:1px solid rgba(255,255,255,.2)}
.cg-bts .bts-proof li:last-child{grid-column:1/-1;padding-right:0}
@container (min-width:560px){
  .cg-bts .bts-proof{grid-template-columns:auto auto minmax(0,1fr)}
  .cg-bts .bts-proof li{padding:0 28px}
  .cg-bts .bts-proof li:first-child{padding-left:0}
  .cg-bts .bts-proof li:last-child{grid-column:auto;padding:0 0 0 28px;border-left:1px solid rgba(255,255,255,.2)}
}
.cg-bts .bts-proof b{display:block;font:700 clamp(30px,2.5vw,38px)/1.05 var(--f-head);letter-spacing:-.02em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.cg-bts .bts-proof span{display:block;margin-top:6px;font-size:15px;line-height:1.4;color:#DCE6FF}
/* narrower columns: smaller numbers (after the base rule so they win) */
@container (min-width:360px) and (max-width:559px){.cg-bts .bts-proof b{font-size:30px}}
@container (max-width:359px){.cg-bts .bts-proof li{padding:0 14px}.cg-bts .bts-proof li:nth-child(odd){padding-left:0}.cg-bts .bts-proof b{font-size:24px}}
.cg-bts .bts-perks{list-style:none;margin:28px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.16);display:flex;flex-wrap:wrap;gap:10px 28px}
.cg-bts .bts-perks li{display:flex;align-items:flex-start;gap:8px;min-width:0;font-size:15px;line-height:1.4;color:#DCE6FF}
.cg-bts .bts-perks b{font-weight:600;color:#fff}
.cg-bts .bts-perks svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke:var(--sky-300);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.cg-bts .bts-vids{margin-top:32px;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.16)}
.cg-bts .bts-vids-h{margin:0 0 10px;font-size:15px;line-height:1.4;color:#DCE6FF}
.cg-bts .bts-vids-h b{color:#fff;font-size:16px}
.cg-bts .bts-vlist{list-style:none;margin:0 -6px;padding:0;display:grid;gap:2px}
@container (min-width:600px){.cg-bts .bts-vlist{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}}
.cg-bts .bts-v{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:6px;border:1px solid transparent;border-radius:8px;background:transparent;color:#fff;text-align:left;font:inherit;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
.cg-bts .bts-v:hover{background:rgba(255,255,255,.07);border-color:var(--line-dk)}
.cg-bts .bts-v:focus-visible{outline:2px solid var(--sky-400);outline-offset:2px}
.cg-bts .bts-v-th{position:relative;display:block;width:88px;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--azul-950)}
.cg-bts .bts-v-th img{display:block;width:100%;height:100%;object-fit:cover}
.cg-bts .bts-v-th svg{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;padding:7px 6px 7px 8px;border-radius:50%;background:rgba(15,32,75,.78);fill:#fff;transition:background-color .15s ease}
.cg-bts .bts-v:hover .bts-v-th svg{background:var(--azul)}
.cg-bts .bts-v b{display:block;font:600 15px/1.3 var(--f-body);color:#fff}
.cg-bts .bts-v small{display:block;margin-top:2px;font-size:13.5px;line-height:1.35;color:#DCE6FF}

/* after a sign-up: the first ten minutes take the videos' place */
.cg-bts .bts-first{display:none}
.cg-bts .bts-hero[data-done] .bts-vids{display:none}
.cg-bts .bts-hero[data-done] .bts-first{display:block;margin-top:20px;padding:18px;border:1px solid var(--line-dk);border-radius:16px;background:rgba(15,32,75,.45)}
.cg-bts .bts-first-h{margin:0 0 12px;font:700 12px/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--sky-300)}
.cg-bts .bts-first-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cg-bts .bts-first-list li{padding:14px 16px;border-radius:12px;background:#fff;color:var(--ink)}
.cg-bts .bts-first-t{display:flex;justify-content:space-between;align-items:center;gap:12px}
.cg-bts .bts-first-t b{font:600 15px/1.3 var(--f-body)}
.cg-bts .bts-first-t span{flex:none;color:var(--cap);font:600 12px/1.4 var(--f-body)}
.cg-bts .bts-first-list p{margin:8px 0 0;font-size:13.5px;line-height:1.45;color:var(--body)}
.cg-bts .bts-lane{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;margin-top:10px;font:600 13px/1.3 var(--f-body)}
.cg-bts .bts-lane em{grid-column:1/-1;position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--azul-100),var(--azul) 45%,var(--sky-400) 70%,var(--azul-100))}
.cg-bts .bts-lane s{position:absolute;left:58%;top:-4px;width:3px;height:16px;border-radius:2px;background:var(--azul-950)}
.cg-bts .bts-post{display:grid;grid-template-columns:1fr 1fr .8fr;gap:6px;margin-top:10px}
.cg-bts .bts-post span{padding:6px 8px;border:1px solid var(--line-2);border-radius:8px;font-size:12px;color:var(--cap);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg-bts .bts-first-wait{margin:12px 0 0;font-size:13.5px;line-height:1.6;color:var(--on-b2)}
.cg-bts .bts-vlink{padding:0;border:0;background:none;color:#fff;font:600 13.5px/1.6 var(--f-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cg-bts .bts-vlink:hover{text-decoration-thickness:2px}
.cg-bts .bts-vlink:focus-visible{outline:2px solid var(--sky-400);outline-offset:2px;border-radius:3px}

/* ---------- form card: Sign up | Book a demo ---------- */
.cg-bts .bts-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 18px;border-radius:12px;background:#EEF2FB;border:0}
.cg-bts .bts-card:not(.is-su) .bts-tabs{visibility:hidden}
.cg-bts .bts-card.is-sent .bts-tabs{display:none}
.cg-bts .bts-card :focus-visible{outline:3px solid #345ED1;outline-offset:3px}
.cg-bts .bts-nw{display:inline-block}
.cg-bts .bts-card-alt>span{display:block}
.cg-bts .bts-card-alt>span+span{margin-top:4px}
.cg-bts .bts-card-alt a,.cg-bts .bts-vlink{display:inline-block;padding:11px 0;margin:-11px 0}
.cg-bts .bts-tabs button{min-height:44px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#1E3A8A;font:600 15px/1.2 var(--f-body);cursor:pointer;transition:background-color .15s ease,color .15s ease}
.cg-bts .bts-tabs button:hover{background:#E0E7FA}
.cg-bts .bts-tabs button[aria-selected="true"]{background:#345ED1;color:#fff;box-shadow:none}
.cg-bts .bts-tabs button:focus-visible{outline:3px solid #345ED1;outline-offset:3px}
/* adv-1010 cx-13: while a request is in flight the tabs say so (bts-su.js sets aria-disabled) */
.cg-bts .bts-tabs button[aria-disabled="true"]{cursor:not-allowed}
.cg-bts .bts-tabs button[aria-disabled="true"]:not([aria-selected="true"]){color:#64748B;background:transparent}
@media (max-width:359px){.cg-bts .bts-tabs button{padding:0 8px;font-size:14px;white-space:nowrap}}

/* Plan rows retain the native radios and per-term spans used by preselection and submission. */
.cg-bts .bts-plans{margin:16px 0 6px;padding:0;border:0;min-width:0;container-type:inline-size}
.cg-bts .bts-plans legend{padding:0;margin:0 0 8px;font:600 14px/1.3 var(--f-body);color:#0F172A}
.cg-bts .bts-plans legend span{font-weight:400;color:#475569}
.cg-bts .bts-plans input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.cg-bts .bts-bill{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;margin:0 0 12px;padding:4px;border:0;border-radius:12px;background:#EEF2FB;overflow:visible}
.cg-bts .bts-bill label{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:4px 6px;border:0;border-radius:8px;background:transparent;font:600 13px/1.2 var(--f-body);text-transform:none;letter-spacing:normal;color:#1E3A8A;text-align:center;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.cg-bts .bts-bill label:hover{background:#E0E7FA}
.cg-bts .bts-bill small{display:inline-block;margin-left:4px;font:600 11px/1.3 var(--f-body);color:#345ED1}
.cg-bts .bts-bill label:has(input:checked){background:#fff;box-shadow:inset 0 0 0 2px #345ED1;color:#1E3A8A}
.cg-bts .bts-bill label:has(input:checked) small{color:#345ED1}
.cg-bts .bts-bill label:has(input:focus-visible){outline:3px solid #345ED1;outline-offset:3px}
@media (max-width:599px){.cg-bts .bts-bill small{display:block;margin-left:0}}
.cg-bts .bts-plan-opts{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.cg-bts .bts-plan-row{position:relative;min-width:0}
.cg-bts .bts-plan{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:0;height:auto;margin:0;padding:12px 14px;border:1px solid #CBD5E1;border-radius:8px;background:#fff;box-shadow:none;font:400 13px/1.3 var(--f-body);text-transform:none;letter-spacing:normal;color:#475569;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.cg-bts .bts-plan:hover{border-color:#64748B}
.cg-bts .bts-plan:has(input:checked){padding:11px 13px;border:2px solid #345ED1;background:#F5F8FE}
.cg-bts .bts-plan:has(input:focus-visible){outline:3px solid #345ED1;outline-offset:3px}
.cg-bts .bts-plan-dot{display:grid;place-items:center;width:18px;height:18px;box-sizing:border-box;border:2px solid #64748B;border-radius:50%;background:#fff}
.cg-bts .bts-plan:has(input:checked) .bts-plan-dot{border-color:#345ED1;background:#345ED1}
.cg-bts .bts-plan:has(input:checked) .bts-plan-dot::after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}
.cg-bts .bts-plan-info{min-width:0}
.cg-bts .bts-plan-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
.cg-bts .bts-plan-name b{font:600 16px/1.25 var(--f-body);color:#0F172A}
.cg-bts .bts-rec{font:600 12px/1.3 var(--f-body);letter-spacing:.02em;color:#345ED1}
.cg-bts .bts-plan .bts-pu{display:block;margin-top:4px;font-size:13px;line-height:1.35;color:#475569}
.cg-bts .bts-pb{white-space:nowrap}
.cg-bts .bts-plan .bts-pu>span{white-space:nowrap}  /* adv-1010 H1: "25 posts ·" and "50 lookups/mo" wrap as two pieces, never into the price */
.cg-bts .bts-pb-sh{display:none}
@container (max-width:420px){.cg-bts .bts-pb-l{display:none}.cg-bts .bts-pb-sh{display:inline}.cg-bts .bts-plan{padding:10px 12px}.cg-bts .bts-plan:has(input:checked){padding:9px 11px}}
.cg-bts .bts-pt{display:none;min-width:0;flex-direction:column;gap:4px;text-align:right}
.cg-bts .bts-pt[data-t="a"]{display:flex}
.cg-bts .bts-plans:has(input[value="monthly"]:checked) .bts-pt[data-t="a"],.cg-bts .bts-plans:has(input[value="quarterly"]:checked) .bts-pt[data-t="a"]{display:none}
.cg-bts .bts-plans:has(input[value="monthly"]:checked) .bts-pt[data-t="m"],.cg-bts .bts-plans:has(input[value="quarterly"]:checked) .bts-pt[data-t="q"]{display:flex}
.cg-bts .bts-pp{font:700 20px/1.15 var(--f-head);color:#0F172A;letter-spacing:-.01em;white-space:nowrap}
.cg-bts .bts-pp small{font:400 13px/1 var(--f-body);color:#475569;letter-spacing:0}
.cg-bts .bts-pb{font-size:13px;line-height:1.35;color:#475569}
.cg-bts .bts-enterprise{margin:12px 0 0;font:400 14px/1.6 var(--f-body);color:#475569}
.cg-bts .bts-plans .bts-plan-ent,.cg-bts .bts-plan-change{display:inline-block;width:auto;min-height:44px;padding:11px 0;margin:-11px 0;border:0;border-radius:8px;background:none;box-shadow:none;font:600 14px/1.6 var(--f-body);color:#345ED1;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none;transition:color .15s ease}
.cg-bts .bts-plans .bts-plan-ent:hover,.cg-bts .bts-plan-change:hover{color:#2B4FB5}
.cg-bts .bts-plan-change{display:none}
/* Opt-in comparison: the Change button is a sibling, never an interactive control nested in a radio label. */
.cg-bts #cg-bts-formcard[data-picker="summary"] .bts-plan{padding-right:78px}
.cg-bts #cg-bts-formcard[data-picker="summary"] .bts-plan:has(input:checked){padding-right:77px}
.cg-bts #cg-bts-formcard[data-picker="summary"] .bts-plan-row:has(input:checked) .bts-plan-change{display:block;position:absolute;right:14px;top:50%;margin:0;transform:translateY(-50%)}
.cg-bts #cg-bts-formcard[data-picker="summary"]:not([data-picker-open]) .bts-bill,
.cg-bts #cg-bts-formcard[data-picker="summary"]:not([data-picker-open]) .bts-plan-row:not(:has(input:checked)){display:none}
@container (max-width:420px){
  .cg-bts #cg-bts-formcard[data-picker="summary"] .bts-plan{grid-template-columns:18px minmax(0,1fr);row-gap:6px}
  .cg-bts #cg-bts-formcard[data-picker="summary"] .bts-pt{grid-column:2}
}
/* Very narrow cards also need room for en-CA's inherited US$ prefix. */
@container (max-width:300px){
  .cg-bts .bts-plan{grid-template-columns:18px minmax(0,1fr);row-gap:6px}
  .cg-bts .bts-pt{grid-column:2}
}

/* HubSpot only: preserve field visibility, React's DOM order and the native demo card. */
.cg-bts #cg-bts-form form.hs-form{display:flex;flex-direction:column}
.cg-bts #cg-bts-form form.hs-form .hs-form-field{margin-bottom:14px}
.cg-bts #cg-bts-form form.hs-form .hs-form-field>label{font:600 14px/1.3 var(--f-body);color:#0F172A}
.cg-bts #cg-bts-form form.hs-form .hs-form-required{color:#64748B}
.cg-bts #cg-bts-form form.hs-form input.hs-input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.cg-bts #cg-bts-form form.hs-form select.hs-input,.cg-bts #cg-bts-form form.hs-form textarea.hs-input{min-height:44px;border:1px solid #CBD5E1;border-radius:8px;padding:9px 12px}
.cg-bts #cg-bts-form form.hs-form select.hs-input{padding-right:38px}
/* adv-1010 H2: same selector chain as the border rule above, so the invalid border wins again */
.cg-bts #cg-bts-form form.hs-form input.hs-input.invalid:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.cg-bts #cg-bts-form form.hs-form input.hs-input.error:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.cg-bts #cg-bts-form form.hs-form input.hs-input[aria-invalid="true"]:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.cg-bts #cg-bts-form form.hs-form select.hs-input.invalid,.cg-bts #cg-bts-form form.hs-form select.hs-input.error,.cg-bts #cg-bts-form form.hs-form select.hs-input[aria-invalid="true"],
.cg-bts #cg-bts-form form.hs-form textarea.hs-input.invalid,.cg-bts #cg-bts-form form.hs-form textarea.hs-input.error{border-color:var(--red-700)}
.cg-bts #cg-bts-form form.hs-form .hs-error-msgs label,.cg-bts #cg-bts-form form.hs-form .hs-error-msg{margin:0;color:var(--red-700);font:400 13px/1.4 var(--f-body)}
.cg-bts #cg-bts-form form.hs-form input:focus,.cg-bts #cg-bts-form form.hs-form select:focus,.cg-bts #cg-bts-form form.hs-form textarea:focus{outline:3px solid #345ED1;outline-offset:2px}
.cg-bts #cg-bts-form form.hs-form .hs_submit input,.cg-bts #cg-bts-form form.hs-form .hs-button{width:100%;min-height:48px;border-radius:8px;background:#345ED1;border-color:#345ED1;transition:background-color .15s ease,border-color .15s ease}
.cg-bts #cg-bts-form form.hs-form .hs_submit input:hover,.cg-bts #cg-bts-form form.hs-form .hs-button:hover{background:#2B4FB5;border-color:#2B4FB5}

/* v3: on wide screens the card follows the visitor down the longer left column. It scrolls until its bottom sits 24px above the
   viewport's bottom, then holds there (top is negative when the card is taller than the viewport); bts-su.js keeps --bts-card-h
   current. Without the variable the card simply scrolls, as before. */
@media (min-width:1000px){.cg-bts .bts-hero-in .bts-card{position:sticky;top:min(88px,calc(100vh - var(--bts-card-h) - 24px))}}

/* ---------- v3 (Matt, 10/10: "keep selling me here"): the left column sells before the videos on wide screens, sign-up mode only ---------- */
.cg-bts .bts-sell{margin-top:28px}
.cg-bts .bts-hero[data-done] .bts-sell{display:none}
.cg-bts .bts-sell-h{margin:32px 0 16px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);font-size:15px;line-height:1.4;color:#DCE6FF}
.cg-bts .bts-sell-h b{color:#fff;font-size:16px}
.cg-bts .bts-sell-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@container (min-width:600px){.cg-bts .bts-sell-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}}
.cg-bts .bts-sell-list li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start;padding:0}

.cg-bts .bts-sell-list svg{box-sizing:border-box;width:32px;height:32px;padding:7px;border-radius:8px;background:rgba(56,189,248,.14);fill:none;stroke:var(--sky-300);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}  /* one tile, one stroke for all six icons */
.cg-bts .bts-sell-list li>span{display:block;font-size:14px;line-height:1.45;color:#DCE6FF}
.cg-bts .bts-sell-list b{display:block;margin-bottom:2px;font:600 15px/1.3 var(--f-body);color:#fff}
.cg-bts .bts-every svg{stroke:var(--sky-400);stroke-linecap:round}
.cg-bts .bts-plan-tag{padding:0;border-radius:0;background:none}  /* adv-1010 cx-16: no pill tags; the base sheet draws one */


/* Meatball on the one button (storyboard step 2): "We’ll take it from here." Bubble and figure are decoration, hidden from screen readers
   by being CSS. Hidden while Dispatch works. */
.cg-bts .bts-card[data-mode="signup"]:not([data-cg-state]) #cg-bts-form .hs_submit{position:relative;padding-top:118px}
.cg-bts .bts-card[data-mode="signup"]:not([data-cg-state]) #cg-bts-form .hs_submit::before{content:"We’ll take it from here.";position:absolute;right:98px;top:10px;width:220px;padding:12px 16px 46px;border:2px solid var(--azul-950);border-radius:16px;background:#fff;box-shadow:4px 4px 0 var(--sky-400);font:700 16px/1.25 var(--f-head);color:var(--azul-950);box-sizing:border-box}
.cg-bts .bts-card[data-mode="signup"]:not([data-cg-state]) #cg-bts-form .hs_submit .actions::before{content:"A person on our team reads every request.";position:absolute;right:114px;top:46px;width:188px;font:400 13px/1.3 var(--f-body);color:var(--body);z-index:1}
.cg-bts .bts-card[data-mode="signup"]:not([data-cg-state]) #cg-bts-form .hs_submit::after{content:"";position:absolute;right:14px;top:0;width:66px;height:131px;background:url("https://cdn.prod.website-files.com/68f656dee991ae15a5cbb747/6aca4d1082b64869d52d3668_cg-mb-wave-tee.webp") center bottom/contain no-repeat;pointer-events:none}
.cg-bts .bts-card[data-mode="signup"] #cg-bts-form .hs_submit .actions{position:static}
.cg-bts .bts-card[data-mode="signup"] #cg-bts-form .hs_submit .hs-button{position:relative;z-index:2;width:100%}
@media (max-width:420px){
  .cg-bts .bts-card[data-mode="signup"]:not([data-cg-state]) #cg-bts-form .hs_submit{padding-top:96px}
  .cg-bts .bts-card[data-mode="signup"]:not([data-cg-state]) #cg-bts-form .hs_submit::before{right:76px;width:170px;padding:12px 14px;font-size:15px}
  .cg-bts .bts-card[data-mode="signup"]:not([data-cg-state]) #cg-bts-form .hs_submit .actions::before{display:none}
  .cg-bts .bts-card[data-mode="signup"]:not([data-cg-state]) #cg-bts-form .hs_submit::after{right:6px;width:54px;height:107px;top:-8px}
}
.cg-bts .bts-su-note{margin:10px 0 0;font-size:13.5px;color:var(--cap);text-align:center}

/* ---------- while Dispatch works (storyboard step 3, Website Lead's road junction) ---------- */
/* The road: a navy strip with a dashed center line that runs into each sign. */
.cg-bts{--road:repeating-linear-gradient(180deg,#fff 0 8px,transparent 8px 15px) center/2px 100% no-repeat,var(--azul-950)}

/* Dispatch's broker-or-carrier question and DOT# name check: its panels and copy, drawn as highway signs */
.cg-bts #cg-bts-form .cg-selfid,.cg-bts #cg-bts-form .cg-mismatch{position:relative;margin:70px 0 0!important;padding:0 18px 18px!important;border:2px solid var(--azul-950)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 18px 36px -22px rgba(15,32,75,.45);font-family:var(--f-body)!important}
.cg-bts #cg-bts-form .cg-selfid::before,.cg-bts #cg-bts-form .cg-mismatch::before{content:"";position:absolute;left:44px;bottom:100%;width:22px;height:70px;background:var(--road)}
.cg-bts #cg-bts-form .cg-selfid>div:first-child,.cg-bts #cg-bts-form .cg-mismatch>div:first-child{position:relative;margin:0 -18px 14px!important;padding:12px 18px 12px 46px!important;border-radius:9px 9px 0 0;background:var(--azul-950);color:#fff;font:700 16px/1.25 var(--f-head)!important}
.cg-bts #cg-bts-form .cg-selfid>div:first-child::before,.cg-bts #cg-bts-form .cg-mismatch>div:first-child::before{content:"";position:absolute;left:18px;top:50%;width:16px;height:16px;margin-top:-8px;background:var(--sky-400);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h10M8 3.5 12.5 8 8 12.5' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h10M8 3.5 12.5 8 8 12.5' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.cg-bts #cg-bts-form .cg-mismatch{border-color:#B45309!important}
.cg-bts #cg-bts-form .cg-mismatch::before{background:repeating-linear-gradient(180deg,#fff 0 8px,transparent 8px 15px) center/2px 100% no-repeat,#B45309}
.cg-bts #cg-bts-form .cg-mismatch>div:first-child{background:#FBBF24;color:var(--azul-950)}
.cg-bts #cg-bts-form .cg-mismatch>div:first-child::before{background:var(--azul-950)}
.cg-bts #cg-bts-form .cg-selfid>div:nth-child(2),.cg-bts #cg-bts-form .cg-mismatch>div:nth-child(2){font-size:15px!important;line-height:1.5!important;color:var(--body)!important}
.cg-bts #cg-bts-form .cg-mismatch>div:nth-child(2) strong{color:var(--ink)}
.cg-bts #cg-bts-form .cg-selfid button,.cg-bts #cg-bts-form .cg-mismatch button{flex:1 1 190px;min-height:46px;padding:11px 16px!important;border-radius:8px!important;font:600 15px/1.25 var(--f-body)!important;transition:background-color .15s ease,color .15s ease}
.cg-bts #cg-bts-form .cg-isbroker,.cg-bts #cg-bts-form .cg-confirm{background:var(--azul)!important;color:#fff!important;border:1.5px solid var(--azul)!important}
.cg-bts #cg-bts-form .cg-isbroker:hover,.cg-bts #cg-bts-form .cg-confirm:hover{background:var(--azul-800)!important;border-color:var(--azul-800)!important}
.cg-bts #cg-bts-form .cg-iscarrier,.cg-bts #cg-bts-form .cg-fix{background:#fff!important;color:var(--azul-900)!important;border:1.5px solid var(--azul)!important}
.cg-bts #cg-bts-form .cg-iscarrier:hover,.cg-bts #cg-bts-form .cg-fix:hover{background:var(--azul-50)!important}
.cg-bts #cg-bts-form .cg-selfid button:focus-visible,.cg-bts #cg-bts-form .cg-mismatch button:focus-visible{outline:3px solid #345ED1;outline-offset:3px}
/* the sign's Meatball: pointing at the two lanes, or peeking over the name check */
.cg-bts #cg-bts-form .cg-selfid::after{content:"";position:absolute;right:16px;bottom:calc(100% - 2px);width:52px;height:106px;background:url("https://cdn.prod.website-files.com/68f656dee991ae15a5cbb747/6acc4270b0436423c4bbdd58_cg-mb-point-mark.webp") center bottom/contain no-repeat;pointer-events:none}
.cg-bts #cg-bts-form .cg-mismatch::after{content:"";position:absolute;right:12px;bottom:calc(100% - 26px);width:84px;height:106px;background:url("https://cdn.prod.website-files.com/68f656dee991ae15a5cbb747/6aca4d0df340d29ae03f87c9_cg-mb-peek-top.webp") center bottom/contain no-repeat;pointer-events:none;z-index:1}

/* the checking card and the carrier hand-off, drawn over the card */
.cg-bts .bts-ov{display:none}
.cg-bts .bts-card[data-mode="signup"][data-cg-state="checking"] .bts-ov,.cg-bts .bts-card[data-cg-state="carrier"] .bts-ov{display:block;position:absolute;inset:0;z-index:8;border-radius:inherit;background:rgba(238,242,251,.94);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.cg-bts .bts-chk,.cg-bts .bts-out{position:sticky;top:88px;margin:0 auto;padding:clamp(20px,3vw,32px)}
.cg-bts .bts-chk{padding-top:118px}
.cg-bts .bts-bub{position:relative;display:inline-flex;flex-direction:column;gap:2px;margin:0;padding:12px 16px;border:2px solid var(--azul-950);border-radius:16px;background:#fff;box-shadow:4px 4px 0 var(--sky-400);color:var(--azul-950)}
.cg-bts .bts-bub b{font:700 16px/1.25 var(--f-head)}
.cg-bts .bts-bub span{font-size:13px;line-height:1.3;color:var(--body)}
.cg-bts .bts-chk .bts-bub{position:absolute;left:clamp(20px,3vw,32px);top:clamp(14px,2vw,24px);max-width:250px;z-index:3}
.cg-bts .bts-chk-mb{position:absolute;right:clamp(28px,4vw,48px);top:30px;width:94px;height:auto;z-index:1}
.cg-bts .bts-chk-card,.cg-bts .bts-out{position:relative;z-index:2;border-radius:14px;background:#fff;box-shadow:0 24px 48px -26px rgba(15,32,75,.55),0 0 0 1px rgba(15,32,75,.06)}
.cg-bts .bts-chk-card{padding:20px}
.cg-bts .bts-chk-p{margin:-8px 0 14px;font-size:14px;line-height:1.45;color:var(--body)}
.cg-bts .bts-chk-h{margin:0 0 14px;font:700 19px/1.25 var(--f-head);color:var(--ink)}
.cg-bts .bts-chk-id{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1.5px solid var(--azul);border-radius:10px;background:var(--azul-50);overflow:hidden}
.cg-bts .bts-chk-id::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(125,211,252,.45),transparent);transform:translateX(-100%);animation:btsScan 1.4s ease-out .2s 1 forwards}
.cg-bts .bts-chk-id small{display:block;font:700 10.5px/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--cap)}
.cg-bts .bts-chk-id b{display:block;margin-top:2px;font:600 16px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink)}
.cg-bts .bts-chk-id i{display:inline-flex;align-items:center;gap:6px;font:700 11px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;font-style:normal;color:var(--azul-900)}
.cg-bts .bts-chk-id i::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sky-400);box-shadow:0 0 0 3px rgba(56,189,248,.25)}
/* the card's little road: three stops */
.cg-bts .bts-road{list-style:none;margin:14px 0 0;padding:0}
.cg-bts .bts-road li{position:relative;padding:5px 0 5px 34px;font-size:14px;line-height:1.4;color:var(--body)}
.cg-bts .bts-road li::before{content:"";position:absolute;left:8px;top:10px;width:10px;height:10px;border-radius:50%;background:var(--azul)}
.cg-bts .bts-road li:not(:last-child)::after{content:"";position:absolute;left:12px;top:20px;bottom:-10px;width:2px;background:repeating-linear-gradient(180deg,var(--azul-950) 0 5px,transparent 5px 9px)}
.cg-bts .bts-road li.is-now{font-weight:600;color:var(--ink)}
.cg-bts .bts-road li.is-now::before{left:2px;top:4px;width:22px;height:22px;background:var(--azul) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.6'/%3E%3Ccircle cx='17' cy='17.5' r='1.6'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 0 0 4px var(--azul-100)}
.cg-bts .bts-bar{height:6px;margin-top:16px;border-radius:2px;background:var(--azul-100);overflow:hidden}
.cg-bts .bts-bar span{display:block;height:100%;width:8%;border-radius:inherit;background:linear-gradient(90deg,var(--azul),var(--sky-400));animation:btsBar 4s cubic-bezier(.2,.7,.2,1) 1 forwards}
/* carrier hand-off: the carrier sign */
.cg-bts .bts-out{margin:110px clamp(16px,3vw,32px) 0;padding:20px;text-align:left}
.cg-bts .bts-out-mb{position:absolute;right:18px;bottom:calc(100% - 28px);width:80px;height:auto}
.cg-bts .bts-sign{display:inline-flex;flex-direction:column;gap:2px;margin:0 0 14px;padding:9px 16px 9px 40px;border:2px solid #fff;border-radius:9px;background:var(--azul-950) no-repeat;box-shadow:0 0 0 2px var(--azul-950);color:#fff;position:relative}
.cg-bts .bts-sign::before{content:"→";position:absolute;left:14px;top:50%;transform:translateY(-50%);font:700 18px/1 var(--f-body);color:var(--sky-400)}
.cg-bts .bts-sign small{font:700 10.5px/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--sky-300)}
.cg-bts .bts-sign b{font:700 16px/1.2 var(--f-head)}
.cg-bts .bts-out-h{margin:0;font:700 19px/1.25 var(--f-head);color:var(--ink)}
.cg-bts .bts-out-p{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--body)}
@keyframes btsScan{to{transform:translateX(100%)}}
@keyframes btsBar{to{width:86%}}

/* ---------- request received (storyboard step 4) ---------- */
.cg-bts .bts-rcv:focus{outline:none}
.cg-bts #cg-bts-formcard{scroll-margin-top:96px}  /* scrollIntoView clears the sticky nav (bubble and headline stay visible) */
.cg-bts .bts-rcv-top{position:relative;min-height:190px;padding-right:176px}
.cg-bts .bts-rcv-h{margin:4px 0 0;font:700 20px/1.3 var(--f-head);color:var(--ink);overflow-wrap:anywhere}
.cg-bts .bts-rcv-fun{position:absolute;right:0;top:-70px;width:176px;height:246px;pointer-events:none}
.cg-bts .bts-rcv-fun .bts-bub{position:absolute;left:0;top:0;max-width:150px;padding:10px 12px;z-index:2;animation:btsRise .45s ease-out 1 both}
.cg-bts .bts-rcv-fun .bts-bub b{font-size:15px}
.cg-bts .bts-rcv-fun .bts-bub span{font-size:12px}
.cg-bts .bts-rcv-mb{position:absolute;right:4px;bottom:0;width:78px;height:auto;z-index:1;animation:btsRise .45s ease-out .1s 1 both}
.cg-bts .bts-stamp{position:absolute;left:4px;bottom:14px;z-index:2;display:flex;flex-direction:column;align-items:center;padding:6px 12px;border:2.5px solid #059669;border-radius:10px;background:rgba(255,255,255,.92);color:#047857;font:800 14px/1.1 var(--f-head);letter-spacing:.12em;text-transform:uppercase;transform:rotate(-9deg);animation:btsStamp .4s cubic-bezier(.3,1.6,.5,1) .35s 1 both}
.cg-bts .bts-stamp small{font:700 10px/1.3 var(--f-body);letter-spacing:.06em}
.cg-bts .bts-cf{position:absolute;top:58px;width:8px;height:8px;border-radius:2px;opacity:0;animation:btsConfetti 1.4s ease-out .3s 1 both}
.cg-bts .bts-cf:nth-of-type(1){left:20px;background:var(--azul)}
.cg-bts .bts-cf:nth-of-type(2){left:46px;background:var(--sky-400);animation-delay:.38s}
.cg-bts .bts-cf:nth-of-type(3){left:70px;background:#FBBF24;animation-delay:.34s;border-radius:50%}
.cg-bts .bts-cf:nth-of-type(4){left:96px;background:#10B981;animation-delay:.42s}
.cg-bts .bts-cf:nth-of-type(5){left:118px;background:var(--azul);animation-delay:.31s;border-radius:50%}
.cg-bts .bts-cf:nth-of-type(6){left:140px;background:#F472B6;animation-delay:.4s}
.cg-bts .bts-cf:nth-of-type(7){left:160px;background:var(--sky-400);animation-delay:.36s}
.cg-bts .bts-cf:nth-of-type(8){left:34px;background:#FBBF24;animation-delay:.45s}
.cg-bts .bts-rcv-p{margin:12px 0 0;font-size:15px;line-height:1.5;color:var(--body)}
.cg-bts .bts-rcv-p b{color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.cg-bts .bts-track{list-style:none;margin:20px 0 0;padding:0}
.cg-bts .bts-track li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding-bottom:16px}
.cg-bts .bts-track li:not(:last-child)::after{content:"";position:absolute;left:14px;top:32px;bottom:2px;width:2px;background:repeating-linear-gradient(180deg,var(--line-2) 0 5px,transparent 5px 9px)}
.cg-bts .bts-track li.is-done::after{background:#10B981}
.cg-bts .bts-track-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--line-2);background:#fff;color:var(--cap);font:700 13px/1 var(--f-body);box-sizing:border-box}
.cg-bts .bts-track li.is-done .bts-track-n{border-color:#10B981;background:#10B981;color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.5 2.5L10 3.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}
.cg-bts .bts-track li.is-now .bts-track-n{border-color:var(--azul);background:var(--azul) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.6'/%3E%3Ccircle cx='17' cy='17.5' r='1.6'/%3E%3C/svg%3E") center/16px no-repeat;color:transparent;box-shadow:0 0 0 4px var(--azul-100)}
.cg-bts .bts-track-t b{display:block;font:600 15px/1.35 var(--f-body);color:var(--ink)}
.cg-bts .bts-track-t>span{display:block;overflow-wrap:anywhere;margin-top:2px;font-size:13.5px;line-height:1.45;color:var(--body)}
.cg-bts .bts-track-t em{display:inline-block;margin-top:6px;color:#345ED1;font:600 12px/1.4 var(--f-body);font-style:normal}
.cg-bts .bts-rcv-alt{margin:4px 0 0;font-size:14px;color:var(--body)}
.cg-bts .bts-rcv-alt a{color:var(--azul-800);font-weight:600}
@keyframes btsRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes btsStamp{from{opacity:0;transform:rotate(-9deg) scale(1.6)}to{opacity:1;transform:rotate(-9deg) scale(1)}}
@keyframes btsConfetti{0%{opacity:0;transform:translate(0,0) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx,8px),120px) rotate(320deg)}}
.cg-bts .bts-cf:nth-of-type(odd){--dx:-14px}

/* ---------- smaller screens ---------- */
@media (max-width:999px){
  .cg-bts .bts-chk-mb{top:26px}
  .cg-bts .bts-chk,.cg-bts .bts-out{top:72px}
}
@media (max-width:999px){
  /* Keep the existing phone and tablet order: form, stats, videos, then pitches. */
  .cg-bts .bts-copy2{display:flex;flex-direction:column}
  .cg-bts .bts-copy2>.bts-sell{order:1}
  .cg-bts .bts-proof{margin-top:0}


}
@media (max-width:520px){

  .cg-bts .bts-perks{margin-top:22px;padding-top:16px;flex-direction:column;gap:8px}

  .cg-bts .bts-v{grid-template-columns:80px minmax(0,1fr);gap:12px}
  .cg-bts .bts-v-th{width:80px}
  .cg-bts .bts-rcv-top{min-height:0;padding-right:0;padding-top:150px}
  .cg-bts .bts-rcv-fun{top:-6px;left:0;right:auto;width:100%;height:150px}
  .cg-bts .bts-rcv-fun .bts-bub{left:auto;right:90px;top:6px}
  .cg-bts .bts-rcv-mb{width:64px}
  .cg-bts .bts-stamp{left:0;bottom:20px}
  .cg-bts #cg-bts-form .cg-selfid button,.cg-bts #cg-bts-form .cg-mismatch button{flex-basis:100%}
}
@media (prefers-reduced-motion:reduce){
  .cg-bts .bts-chk-id::after,.cg-bts .bts-cf{display:none}
  .cg-bts .bts-bar span{animation:none;width:60%}
  .cg-bts .bts-rcv-fun .bts-bub,.cg-bts .bts-rcv-mb,.cg-bts .bts-stamp{animation:none}
  .cg-bts .bts-v,.cg-bts .bts-plan,.cg-bts .bts-bill label,.cg-bts .bts-tabs button{transition:none}
}

/* ---------- v5 alignment (Matt, 10/11): the eyebrow's text starts on the card's top edge, and the H1 lines up with the tab control ---------- */
@media (min-width:1000px){
  .cg-bts .bts-hero .bts-copy .bts-eyebrow{margin-top:-3px;line-height:1.1}
  .cg-bts .bts-hero .bts-copy h1{margin-top:14px}
}

/* ---------- v5 card polish (Matt, 10/11): tab control, spacing rhythm, plan-row alignment. Visual only: no field, name, id, data-*, order or script change. ---------- */
.cg-bts .bts-tabs{margin-bottom:22px;box-shadow:inset 0 0 0 1px #DEE5F7}
.cg-bts .bts-tabs button[aria-selected="true"]{box-shadow:0 1px 2px rgba(15,23,42,.18),0 4px 10px -4px rgba(52,94,209,.55)}
.cg-bts .bts-tabs button:not([aria-selected="true"]):not([aria-disabled="true"]):hover{background:#fff}
.cg-bts .bts-card h2{letter-spacing:-.01em}
.cg-bts .bts-card-sub{line-height:1.55}
.cg-bts .bts-plans{margin:22px 0 4px}
.cg-bts .bts-plans legend{margin-bottom:10px}
.cg-bts .bts-bill{margin-bottom:12px;box-shadow:inset 0 0 0 1px #DEE5F7}
.cg-bts .bts-bill label{min-height:40px}
.cg-bts .bts-plan-opts{grid-auto-rows:1fr}
.cg-bts .bts-plan-row{display:grid}
.cg-bts .bts-plan{align-items:start;column-gap:12px}
.cg-bts .bts-plan-dot{margin-top:1px}
.cg-bts .bts-pt{gap:4px}
.cg-bts .bts-pp{line-height:20px;font-variant-numeric:tabular-nums}
.cg-bts .bts-pb,.cg-bts .bts-plan .bts-pu{font-variant-numeric:tabular-nums}
.cg-bts .bts-enterprise{margin-top:14px}
/* narrow pickers: "25 postings" and "50 lookups/mo" stack as two clean lines (the " · " text node collapses with font-size:0), same in every row */
@container (max-width:420px){.cg-bts .bts-plan .bts-pu{font-size:0}.cg-bts .bts-plan .bts-pu>span{display:block;font-size:13px;line-height:1.35}}
.cg-bts #cg-bts-form{margin-top:18px}
.cg-bts #cg-bts-form form.hs-form .hs-form-field{margin-bottom:16px}
@media (prefers-reduced-motion:reduce){.cg-bts .bts-tabs button{transition:none}}

/* BT-SIGNUP-PITCH-1011 */
.cg-bts .bts-copy .bts-quote-top{display:block;margin:28px 0 0;padding:20px 22px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.07)}  /* display:block: the site styles figure as a two-column grid */
.cg-bts .bts-copy .bts-quote-top blockquote{display:block;width:auto;max-width:none;margin:0;padding:0;border:0;font:500 16px/1.55 var(--f-body);color:#fff}
.cg-bts .bts-copy .bts-quote-top figcaption{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-top:14px;font-size:14px;line-height:1.35;color:#DCE6FF;text-align:left}
.cg-bts .bts-copy .bts-quote-top figcaption>img:first-child{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover}
.cg-bts .bts-copy .bts-quote-top figcaption>span{flex:1 1 0;min-width:0}
.cg-bts .bts-copy .bts-quote-top figcaption b{display:block;font-weight:600;color:#fff}
.cg-bts .bts-quote-top .bts-quote-logo{flex:none;box-sizing:content-box;margin-left:auto;padding:5px 8px;border-radius:6px;background:#fff;width:auto;height:20px}  /* the Blackbox mark is black: it sits on a white chip */
@media (max-width:999px){
  .cg-bts .bts-copy .bts-quote-top{padding:18px}
  .cg-bts .bts-copy .bts-quote-top blockquote{font-size:15px}
}
@media (max-width:520px){
  .cg-bts .bts-copy .bts-quote-top figcaption{flex-wrap:wrap}
  .cg-bts .bts-copy .bts-quote-top figcaption>span{flex:1 1 160px}
  .cg-bts .bts-quote-top .bts-quote-logo{height:18px;margin:2px 0 0 50px}
}
.cg-bts .bts-vet{font-size:15px;line-height:1.5;color:#DCE6FF;margin:20px 0 0;max-width:560px}
.cg-bts .bts-sell-tms{font-size:14px;line-height:1.45;color:#DCE6FF;margin:16px 0 0;padding-left:0}
.cg-bts .bts-sell-tms b{color:#fff;font-weight:600}
@container (min-width:600px){.cg-bts .bts-sell-tms{padding-left:44px}}
.cg-bts .bts-save{display:none;margin-top:4px;font-size:13px;line-height:1.35;font-weight:600;color:#15803D;text-align:left;font-variant-numeric:tabular-nums}
/* Under the allowances, shown only on the 12-month term. */
.cg-bts .bts-plans:has(input[value="annual"]:checked) .bts-save{display:block}
/* Give the longer term its own share of the available width; the main label stays on one line. */
.cg-bts .bts-bill{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr)}
.cg-bts .bts-bill label>span{white-space:nowrap}
@container (max-width:599px){.cg-bts .bts-bill small{display:block;margin-left:0}}
@container (max-width:340px){.cg-bts .bts-bill label{padding-left:3px;padding-right:3px;font-size:12px}}
/* The page CSS caps the hero H1 at 15ch. ch is the width of "0", which is about 13% narrower in the Arial fallback than in
   Libre Franklin, so the longer H1 wrapped to extra lines until the web font loaded (layout shift 0.06 at 768). 10.52em equals
   15ch in Libre Franklin and does not change with the font. */
.cg-bts .bts-hero .bts-copy h1{max-width:10.52em}
/* BLEND-1012: Rylan-order flow (?flow=1|2) */
/* RYLAN-ORDER-1012 variant: /broker-tour?flow=1 shows only the existing sign-up card. Step 2 asks "Sign up now" or "Book a demo"; step 3 reveals the card's own plan picker and form (sign up) or demo form. Active only when html has .bts-flow. */
html.bts-flow .bts-copy,html.bts-flow .bts-copy2,html.bts-flow #cg-bts-why,html.bts-flow #cg-bts-pricing,html.bts-flow #cg-bts-tour,html.bts-flow .bt-guide-section,html.bts-flow .section_scope-components_faq,html.bts-flow .bts-close,html.bts-flow .cg-mb{display:none!important}
html.bts-flow .bts-hero{min-height:calc(100vh - 78px)}
html.bts-flow .bts-hero-in{display:block!important;max-width:572px;margin:0 auto;padding:56px 16px 72px}
html.bts-flow #cg-bts-formcard{position:static!important;width:100%;max-width:540px;margin:0 auto;top:auto}
html.bts-flow #cg-bts-formcard .bts-tabs,html.bts-flow #cg-bts-formcard .bts-card-alt{display:none!important}
html.bts-flow #cg-bts-formcard[data-flow-step="choose"] #cg-bts-panel{display:none!important}
html.bts-flow #cg-bts-formcard[data-flow-step="go"] .bts-flow-choice{display:none}
#cg-bts-formcard .bts-flow-choice h2{margin:0 0 18px;font-family:"Libre Franklin","Helvetica Neue",Arial,sans-serif;font-weight:600;font-size:28px;line-height:1.15;letter-spacing:-.01em;color:#0F172A}
#cg-bts-formcard .bts-flow-opts{display:grid;gap:12px}
#cg-bts-formcard .bts-flow-opt{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;width:100%;margin:0;padding:18px 20px;border:1px solid #CBD5E1;border-radius:16px;background:#fff;color:#0F172A;font:inherit;text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
#cg-bts-formcard .bts-flow-opt:hover{background:#F1F5FD;border-color:#345ED1}
#cg-bts-formcard .bts-flow-opt:focus-visible{outline:3px solid rgba(52,94,209,.35);outline-offset:2px}
#cg-bts-formcard .bts-flow-opt b{display:block;font-family:"Libre Franklin","Helvetica Neue",Arial,sans-serif;font-weight:600;font-size:19px;line-height:1.25}
#cg-bts-formcard .bts-flow-opt span{display:block;margin-top:3px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.45;color:#475569}
#cg-bts-formcard .bts-flow-opt i{font-style:normal;font-size:20px;line-height:1;color:#345ED1}
#cg-bts-formcard .bts-flow-opt.is-main{background:#345ED1;border-color:#345ED1;color:#fff}
#cg-bts-formcard .bts-flow-opt.is-main span{color:#DCE6FF}
#cg-bts-formcard .bts-flow-opt.is-main i{color:#fff}
#cg-bts-formcard .bts-flow-opt.is-main:hover{background:#2648A6;border-color:#2648A6}
#cg-bts-formcard .bts-flow-back{display:inline-block;margin:0 0 14px;padding:0;border:0;background:none;color:#345ED1;font:600 14px/1.4 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;transition:color .15s ease}
#cg-bts-formcard .bts-flow-back:hover{color:#2648A6}
html.bts-flow #cg-bts-formcard[data-flow-step="choose"] .bts-flow-back{display:none}
html.bts-flow-role #cg-bts-formcard .cgn-set:has(.cgn-choice){display:none!important}
#cg-bts-formcard .bts-flow-pricing{margin:10px 0 0;font:400 14px/1.4 Inter,"Segoe UI",Arial,sans-serif}
#cg-bts-formcard .bts-flow-pricing a{color:#345ED1;font-weight:600;text-decoration:none;transition:color .15s ease}
#cg-bts-formcard .bts-flow-pricing a:hover{color:#2648A6;text-decoration:underline}
@media (max-width:600px){html.bts-flow .bts-hero-in{padding:24px 12px 48px}#cg-bts-formcard .bts-flow-choice h2{font-size:24px}#cg-bts-formcard .bts-flow-opt{padding:16px}}
/* Blend (flow=2): the devices image sits over the top edge of the card, as on /get-started D. */
html.bts-flow-art .bts-hero-in{padding-top:24px}
html.bts-flow-art .bts-flow-art-img{display:block;width:min(300px,80%);height:auto;margin:0 auto -30px;position:relative;z-index:2;filter:drop-shadow(0 18px 24px rgba(5,12,40,.45))}
html.bts-flow-art #cg-bts-formcard{padding-top:48px}
@media (max-width:600px){html.bts-flow-art .bts-flow-art-img{width:min(240px,70%);margin-bottom:-22px}html.bts-flow-art #cg-bts-formcard{padding-top:36px}}
html.bts-flow-art .bts-flow-art-img:has(+ #cg-bts-formcard[data-flow-step="go"]){width:min(200px,55%);margin-bottom:-20px}