/* Cargado broker "Get started" page (cargado.com/broker-tour). Webflow embed package, local only.
   Two embeds share this file: embed-hero.html (hero + company-details form, "built for Mexico operations",
   pricing, tour lead-in) goes where the live .bt-hero embed sits; embed-close.html goes where .bt-close sits.
   Everything is scoped under .cg-bts. Inner classes use bts-*, never bt-*: the page head carries the live
   tour's global .bt-* rules (TOUR-01) and would style anything named bt-*.
   Tokens are declared on the wrapper with light values (the live site has no dark mode). On the dark hero band
   the accent switches to Sky, the way the brand pairs Azul (light surfaces) with Sky (dark surfaces).
   Heading font follows the site: --f-head reads the Webflow heading variable, and h1/h2/h3 set no font-weight,
   so the site's own heading rules supply it (500 with Space Grotesk today, 600 with Libre Franklin after the switch). */
.cg-bts{--f-head:var(--_typography---font-styles--heading,"Libre Franklin","Helvetica Neue",Helvetica,Arial,sans-serif);--f-body:Inter,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;--azul:#345ED1;--azul-50:#EEF2FB;--azul-100:#DEE5F7;--azul-800:#2648A6;--azul-900:#1E3A85;--azul-950:#0F204B;--sky-100:#E0F2FE;--sky-300:#7DD3FC;--sky-400:#38BDF8;--ink:#0F172A;--body:#475569;--cap:#64748B;--line:#E2E8F0;--line-2:#CBD5E1;--alt:#F8FAFC;--card:#FFFFFF;--green-500:#10B981;--red-700:#B91C1C;--on-b1:rgba(255,255,255,.88);--on-b2:#BFD3FF;--line-dk:rgba(255,255,255,.2);--gut:max(16px,5vw);--max:calc(1280px + 10vw);--sec-pad:clamp(64px,8vw,112px);--r:20px;--r-in:12px;--sh-card:0 1px 2px rgba(15,23,42,.05),0 16px 36px -18px rgba(20,38,92,.22);box-sizing:border-box;color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.5;text-align:start;-webkit-font-smoothing:antialiased}
.cg-bts *,.cg-bts *::before,.cg-bts *::after{box-sizing:border-box}
.cg-bts [hidden]:not([hidden=until-found i]){display:none!important}

/* host resets: Webflow's base CSS gives h1-h4/p/ul/li/label/figure/blockquote margins, padding and weight 700 */
.cg-bts h1,.cg-bts h2,.cg-bts h3,.cg-bts p,.cg-bts ul,.cg-bts ol,.cg-bts figure,.cg-bts blockquote{margin:0}
.cg-bts ul,.cg-bts ol{padding:0;list-style:none}
.cg-bts li{margin:0;padding:0}
.cg-bts blockquote{border:0;padding:0;font-size:inherit;line-height:inherit}
.cg-bts h1,.cg-bts h2,.cg-bts h3{font-family:var(--f-head);letter-spacing:-.03em;text-wrap:balance;color:inherit}
.cg-bts :is(p,li,dd,figcaption,blockquote){text-wrap:pretty}
.cg-bts a{color:var(--azul)}
.cg-bts b,.cg-bts strong{font-weight:600}
.cg-bts :focus-visible{outline:2px solid var(--azul);outline-offset:2px;border-radius:6px}
.cg-bts .bts-dark :focus-visible{outline-color:var(--sky-400)}

.cg-bts .bts-wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.cg-bts .bts-sec{padding-block:var(--sec-pad)}
.cg-bts .bts-alt{background:var(--alt)}
.cg-bts .bts-eyebrow{font-family:var(--f-head);font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--azul)}
.cg-bts .bts-dark .bts-eyebrow{color:var(--sky-400)}
.cg-bts .bts-h2{font-size:clamp(30px,3.3vw,46px);line-height:1.08;letter-spacing:-.03em;margin-top:12px;max-width:22ch}
.cg-bts .bts-lede{font-size:clamp(17px,1.5vw,19px);color:var(--body);max-width:62ch;margin-top:20px}
@media (max-width:600px){.cg-bts .bts-lede{margin-top:16px}}
.cg-bts .bts-head{margin-bottom:clamp(40px,5vw,56px)}
.cg-bts #cg-bts-pricing .bts-h2{max-width:26ch}

/* buttons and text links: 48px tall, hover changes color only */
.cg-bts .bts-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-family:var(--f-body);font-weight:600;font-size:15px;line-height:1.2;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.cg-bts .bts-btn-azul{background:var(--azul);color:#fff}
.cg-bts .bts-btn-azul:hover{background:var(--azul-800);color:#fff}
.cg-bts .bts-btn-line{background:#fff;color:var(--azul-900);border-color:var(--line-2)}
.cg-bts .bts-btn-line:hover{border-color:var(--azul);color:var(--azul)}
.cg-bts .bts-btn-white{background:#fff;color:var(--azul-900)}
.cg-bts .bts-btn-white:hover{background:var(--sky-100);color:var(--azul-900)}
.cg-bts .bts-btn-ghost{background:transparent;color:#fff;border-color:var(--line-dk)}
.cg-bts .bts-btn-ghost:hover{border-color:var(--sky-400);color:var(--sky-100)}
.cg-bts .bts-tl{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:15px;color:var(--azul);text-decoration:underline;text-decoration-color:var(--azul-100);text-underline-offset:4px;transition:color .15s ease,text-decoration-color .15s ease}
.cg-bts .bts-tl:hover{color:var(--azul-800);text-decoration-color:var(--azul)}
.cg-bts .bts-dark .bts-tl{color:var(--on-b1);text-decoration-color:var(--line-dk)}
.cg-bts .bts-dark .bts-tl:hover{color:#fff;text-decoration-color:var(--sky-400)}
.cg-bts .bts-row{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}

/* ---- hero: copy left, form card right; stacked under 1000px ---- */
.cg-bts .bts-hero{background:radial-gradient(120% 90% at 85% 0%,#2648A6 0%,rgba(38,72,166,0) 60%),linear-gradient(180deg,var(--azul-900) 0%,var(--azul-950) 100%);color:#fff}
.cg-bts .bts-hero-in{display:grid;gap:clamp(32px,4vw,56px);padding-block:clamp(48px,6vw,88px) clamp(56px,7vw,96px);align-items:start}
@media (min-width:1000px){.cg-bts .bts-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,500px);grid-template-rows:auto 1fr;row-gap:0}.cg-bts .bts-copy{grid-column:1;grid-row:1}.cg-bts .bts-copy2{grid-column:1;grid-row:2}.cg-bts .bts-card{grid-column:2;grid-row:1 / span 2}}
/* phones: copy, then the form, then the proof points */
@media (max-width:999px){.cg-bts .bts-checks{margin-top:0}}
.cg-bts .bts-hero h1{font-size:clamp(38px, 29.8px + 2.1vw, 60px);line-height:1.05;margin-top:12px;max-width:15ch}
.cg-bts .bts-hero .bts-lede{color:var(--on-b1);margin-top:20px;max-width:54ch}
.cg-bts .bts-small{margin-top:16px;font-size:16px;color:var(--on-b1)}
.cg-bts .bts-small a{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:var(--sky-400);text-underline-offset:4px;display:inline-block;padding-block:10px;margin-block:-10px}
.cg-bts .bts-small a:hover{color:var(--sky-100)}
.cg-bts .bts-checks{display:grid;gap:12px;margin-top:28px}
.cg-bts .bts-checks li{display:flex;gap:12px;align-items:flex-start;font-size:16px;color:var(--on-b1)}
.cg-bts .bts-checks li b{color:#fff}
.cg-bts .bts-ck{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(56,189,248,.16);display:grid;place-items:center;margin-top:1px}
.cg-bts .bts-ck svg{width:12px;height:12px;stroke:var(--sky-300);stroke-width:2.5;fill:none}
.cg-bts .bts-hero .bts-row{margin-top:28px}

/* form card */
.cg-bts .bts-card{background:var(--card);color:var(--ink);border-radius:var(--r);padding:clamp(20px,3vw,32px);box-shadow:0 30px 70px -30px rgba(0,0,0,.55)}
.cg-bts .bts-card h2{font-size:clamp(24px,2.2vw,28px);line-height:1.15}
.cg-bts .bts-card-sub{margin-top:8px;font-size:15px;color:var(--body)}
.cg-bts .bts-card-alt{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--cap)}
.cg-bts .bts-card-alt a{color:var(--azul);font-weight:600;display:inline-block;padding-block:12px;margin-block:-12px}
.cg-bts .bts-form{margin-top:20px;min-height:884px;scroll-margin-top:110px} /* reserved until HubSpot renders: measured rendered height (10/8), 1 column under 360px */
@media (min-width:360px){.cg-bts .bts-form{min-height:584px}} /* name, email and phone rows 2-up (390: 584) */
@media (min-width:600px){.cg-bts .bts-form{min-height:562px}} /* 1440: 562, 768: 549 */
.cg-bts .bts-form[data-ready]{min-height:0}
.cg-bts .bts-wait{font-size:14px;color:var(--cap)}
.cg-bts .bts-form[data-ready] .bts-wait{display:none}
.cg-bts .bts-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* HubSpot's own markup (.hs-form-field, .hs-input, .hs-button). Scoped to .cg-bts .bts-form so no other form changes. */
.cg-bts .bts-form form{margin:0;min-height:0}
.cg-bts .bts-form .bt-hsform{min-height:0}
.cg-bts .bts-form fieldset{max-width:none!important;border:0;margin:0;padding:0}
.cg-bts .bts-form fieldset.form-columns-2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.cg-bts .bts-form fieldset.form-columns-2 .hs-form-field{width:auto!important;float:none!important;padding:0!important}
.cg-bts .bts-form fieldset.form-columns-1 .hs-form-field{width:100%!important;float:none!important}
.cg-bts .bts-form .input{margin:0!important}
.cg-bts .bts-form .input::before{display:none!important} /* the site's global HubSpot select arrow; bts.css draws its own */
.cg-bts .bts-form .hs-form-field{margin:0 0 14px;min-width:0}
.cg-bts .bts-form label{text-transform:none;letter-spacing:normal;font-family:var(--f-body)}
.cg-bts .bts-form .hs-form-field>label{display:block;margin:0 0 6px;font-family:var(--f-body);font-weight:500;font-size:14px;line-height:1.3;color:var(--ink)}
.cg-bts .bts-form .hs-form-required{color:var(--cap);margin-left:2px}
.cg-bts .bts-form .hs-field-desc{display:block;margin:0 0 6px;font-size:13px;line-height:1.45;color:var(--cap)}
.cg-bts .bts-form .hs-input{width:100%!important;max-width:100%;min-height:48px;font-family:var(--f-body);font-size:16px;line-height:1.3;color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:11px 12px;box-shadow:none;transition:border-color .15s ease}
.cg-bts .bts-form select.hs-input{appearance:none;-webkit-appearance:none;padding-right:38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2364748B' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center}
.cg-bts .bts-form textarea.hs-input{min-height:96px;resize:vertical;line-height:1.5}
.cg-bts .bts-form .hs-input:hover{border-color:#94A3B8}
.cg-bts .bts-form .hs-input:focus{border-color:var(--azul);outline:none}
.cg-bts .bts-form .hs-input:focus-visible{outline:3px solid var(--azul);outline-offset:1px;border-radius:10px}
.cg-bts .bts-form .hs-input::placeholder{color:#94A3B8}
.cg-bts .bts-form .hs-input.invalid,.cg-bts .bts-form .hs-input.error{border-color:var(--red-700)}
.cg-bts .bts-form .hs-error-msgs{list-style:none;margin:6px 0 0;padding:0}
.cg-bts .bts-form .hs-error-msgs li{margin:0;padding:0}
.cg-bts .bts-form .hs-error-msgs label,.cg-bts .bts-form .hs-error-msg{font-size:13px;font-weight:400;color:var(--red-700);margin:0}
.cg-bts .bts-form .hs-error-msgs.inputs-list{margin-top:6px}
/* checkbox group (What do you move?): each option is a 44px tap row */
.cg-bts .bts-form ul.inputs-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.cg-bts .bts-form ul.inputs-list li{margin:0;padding:0}
.cg-bts .bts-form ul.inputs-list label{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;font-weight:400;font-size:15px;color:var(--ink);cursor:pointer}
.cg-bts .hs-form-radio-display{display:flex;align-items:center;gap:10px;min-height:44px}
.cg-bts .bts-form .hs-fieldtype-radio ul.inputs-list:not(.hs-error-msgs){grid-auto-flow:column;justify-content:start;column-gap:32px}
.cg-bts .bts-form input[type=checkbox],.cg-bts .bts-form input[type=radio]{width:20px!important;height:20px;min-height:0;margin:0;accent-color:var(--azul);flex:none}
.cg-bts .bts-form input[type=checkbox]:focus-visible,.cg-bts .bts-form input[type=radio]:focus-visible{outline:3px solid var(--azul);outline-offset:2px}
.cg-bts .bts-form .hs-richtext,.cg-bts .bts-form .legal-consent-container{font-size:13px;line-height:1.5;color:var(--cap)}
.cg-bts .bts-form .hs_submit{margin-top:6px}
.cg-bts .bts-form .actions{margin:0;padding:0}
.cg-bts .bts-form .hs-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;padding:0 22px;border:1px solid var(--azul);border-radius:999px;background:var(--azul);color:#fff;font-family:var(--f-body);font-weight:600;font-size:15px;line-height:1.2;letter-spacing:0;text-transform:none;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:none;transition:background-color .15s ease,border-color .15s ease}
.cg-bts .bts-form .hs-button:hover{background:var(--azul-800);border-color:var(--azul-800)}
.cg-bts .bts-form .hs-button:focus-visible{outline:3px solid var(--azul);outline-offset:3px}
.cg-bts .bts-form .submitted-message{font-size:16px;color:var(--ink);padding:8px 0}
/* the optional half of the form, behind a disclosure built by bts.js from HubSpot's own rendered fields */
.cg-bts .bts-more{margin:4px 0 16px;border:1px solid var(--line);border-radius:12px;background:var(--alt)}
.cg-bts .bts-more-toggle{display:flex;width:100%;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border:0;background:transparent;color:var(--ink);font-family:var(--f-body);font-size:15px;font-weight:500;text-align:left;cursor:pointer;border-radius:12px}
.cg-bts .bts-more-toggle:hover{color:var(--azul)}
.cg-bts .bts-more-label{flex:1}
.cg-bts .bts-more-meta{font-size:13px;font-weight:400;color:var(--cap)}
.cg-bts .bts-more-chev{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);flex:none}
.cg-bts .bts-more-toggle[aria-expanded=true] .bts-more-chev{transform:rotate(-135deg) translateY(-2px)}
.cg-bts .bts-more-body{padding:4px 14px 2px}
@media (max-width:359px){.cg-bts .bts-form fieldset.form-columns-2{grid-template-columns:1fr}}

/* ---- built for Mexico operations ---- */
.cg-bts .bts-grid{display:grid;gap:16px}
@media (min-width:720px){.cg-bts .bts-grid{grid-template-columns:1fr 1fr}}
.cg-bts .bts-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;align-content:start;gap:10px}
.cg-bts .bts-tile h3{font-size:20px;line-height:1.25}
.cg-bts .bts-tile p{font-size:15px;color:var(--body)}
.cg-bts .bts-quote{margin-top:24px;display:grid;gap:14px;background:var(--azul-50);border-radius:var(--r);padding:clamp(22px,3vw,32px)}
@media (min-width:900px){.cg-bts .bts-quote{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:40px}}
.cg-bts .bts-quote p{font-family:var(--f-head);font-size:clamp(20px,2vw,24px);line-height:1.35;letter-spacing:-.01em;color:var(--ink);max-width:48ch}
.cg-bts .bts-cite{font-family:var(--f-body);font-size:14px;line-height:1.45;color:var(--body)}
.cg-bts .bts-cite b{display:block;color:var(--ink);font-size:15px}
.cg-bts .bts-cite .bts-tl{margin-top:2px}

/* ---- pricing ---- */
.cg-bts .bts-plan-ent{display:grid;gap:20px 40px;border-radius:var(--r);padding:clamp(24px,3vw,40px);background:var(--azul-950);color:#fff;border:1px solid var(--azul-950);box-shadow:var(--sh-card)}
@media (min-width:900px){.cg-bts .bts-plan-ent{grid-template-columns:1fr 1fr;align-items:center}}
.cg-bts .bts-ent-main{display:grid;align-content:start;gap:14px}
.cg-bts .bts-plan-tag{display:inline-flex;align-self:start;justify-self:start;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 12px;color:var(--sky-100);background:rgba(56,189,248,.16)}
.cg-bts .bts-plan-ent h3{font-size:clamp(24px,2.4vw,30px);line-height:1.2;color:#fff}
.cg-bts .bts-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-family:var(--f-body);font-variant-numeric:tabular-nums}
.cg-bts .bts-price span{font-size:15px;font-weight:500;color:var(--cap)}
.cg-bts .bts-price b{font-size:clamp(36px,4vw,48px);font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.cg-bts .bts-plan-ent .bts-price b{color:#fff}
.cg-bts .bts-plan-ent .bts-price span{color:var(--on-b2)}
.cg-bts .bts-plan-ent .bts-btn{justify-self:start;margin-top:4px}
.cg-bts .bts-plan-ent ul{display:grid;gap:12px;padding-top:18px;border-top:1px solid var(--line-dk)}
@media (min-width:900px){.cg-bts .bts-plan-ent ul{padding:0 0 0 40px;border-top:0;border-left:1px solid var(--line-dk)}}
.cg-bts .bts-plan-ent li{display:flex;gap:10px;align-items:flex-start;font-size:16px;color:var(--on-b1)}
.cg-bts .bts-plan-ent li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--sky-400);margin-top:8px}
.cg-bts .bts-tiers{margin-top:16px;display:grid;gap:16px}
@media (min-width:700px){.cg-bts .bts-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cg-bts .bts-tiers>div{display:grid}
.cg-bts .bts-tier{border-radius:var(--r);padding:clamp(20px,2.4vw,28px);display:grid;align-content:start;gap:14px;border:1px solid var(--line);background:var(--card);box-shadow:var(--sh-card)}
.cg-bts .bts-tier-name{font-size:20px;line-height:1.2;color:var(--azul)}
.cg-bts .bts-tier ul{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
.cg-bts .bts-tier li{font-size:15px;color:var(--body)}
.cg-bts .bts-tier li strong{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.cg-bts .bts-tier .bts-btn{justify-self:stretch;margin-top:auto}
.cg-bts .bts-every{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;padding:20px 24px;border:1px solid var(--line);border-radius:var(--r-in);background:var(--card)}
.cg-bts .bts-every ul{display:flex;flex-wrap:wrap;gap:10px 28px}
.cg-bts .bts-every-t{font-size:14px;font-weight:600;color:var(--ink)}
.cg-bts .bts-every li{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--body)}
.cg-bts .bts-every svg{width:16px;height:16px;flex:none;stroke:var(--green-500);stroke-width:2.4;fill:none}
.cg-bts .bts-note a{color:var(--azul);font-weight:600;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding-block:13px;margin-block:-13px}
.cg-bts .bts-note a:hover{color:var(--azul-800)}
.cg-bts .bts-note{margin-top:16px;font-size:15px;color:var(--body);max-width:72ch}
/* four-plan layout (review fixes 10/8): tiers are flex columns from 700px so every "Get started" sits level; on phones the
   three self-serve plans are one card of compact rows with ONE shared "Get started" (.bts-tiers-cta) under it */
.cg-bts .bts-tiers-cta{display:none}
@media (min-width:700px){.cg-bts .bts-tier{display:flex;flex-direction:column}}
@media (max-width:699px){.cg-bts .bts-tiers{gap:0;border:1px solid var(--line);border-radius:var(--r);background:var(--card);box-shadow:var(--sh-card);overflow:hidden}
.cg-bts .bts-tiers>div{display:block}
.cg-bts .bts-tier{border:0;border-radius:0;box-shadow:none;padding:14px 18px;gap:2px 12px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n p" "q q";align-items:baseline;align-content:normal}
.cg-bts .bts-tiers>div+div .bts-tier{border-top:1px solid var(--line)}
.cg-bts .bts-tier-name{grid-area:n;font-size:18px}
.cg-bts .bts-tier .bts-price{grid-area:p;justify-content:flex-end;flex-wrap:nowrap;white-space:nowrap}
.cg-bts .bts-tier .bts-price b{font-size:28px}
.cg-bts .bts-tier .bts-price span{font-size:14px}
.cg-bts .bts-tier ul{grid-area:q;display:flex;flex-wrap:wrap;gap:0 6px;padding:0;border:0}
.cg-bts .bts-tier li{font-size:14px}
.cg-bts .bts-tier li+li::before{content:"\00B7";margin-right:6px;color:var(--cap)}
.cg-bts .bts-tier .bts-btn{display:none}
.cg-bts .bts-tiers-cta{display:flex;width:100%;margin-top:12px}
.cg-bts .bts-every{padding:16px 18px;gap:10px}
.cg-bts .bts-every ul{display:grid;gap:6px}}

/* ---- tour lead-in (the live step-by-step tour follows this embed) ---- */
.cg-bts .bts-tour{padding-block:clamp(48px,6vw,80px) clamp(16px,2vw,24px)}
.cg-bts .bts-tour .bts-row{margin-top:20px}

/* ---- closing band (embed-close.html) ---- */
.cg-bts .bts-close{background:var(--azul-950);color:#fff}
.cg-bts .bts-close-in{display:grid;gap:20px;padding-block:clamp(48px,6vw,80px)}
@media (min-width:900px){.cg-bts .bts-close-in{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:48px}}
.cg-bts .bts-close .bts-h2{margin-top:0}
.cg-bts .bts-close .bts-lede{color:var(--on-b1)}

/* ---- demo film dialog (opened only by a click; no autoplay, no loop) ---- */
.cg-bts .bts-dlg{width:min(1100px,calc(100vw - 32px));max-width:none;padding:0;border:0;border-radius:14px;background:#000;color:#fff;overflow:visible}
.cg-bts .bts-dlg::backdrop{background:rgba(2,6,23,.8)}
.cg-bts .bts-dlg video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;background:#000}
.cg-bts .bts-dlg-x{position:absolute;top:-52px;right:0;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-dk);background:rgba(15,23,42,.6);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center}
.cg-bts .bts-dlg-x:hover{background:rgba(15,23,42,.9)}
.cg-bts .bts-dlg-x:focus-visible{outline:2px solid var(--sky-400);outline-offset:2px}
.cg-bts .bts-dlg-note{position:absolute;left:0;right:0;top:calc(100% + 12px);text-align:center;font-size:14px;color:rgba(255,255,255,.85)}
.cg-bts .bts-play{display:inline-flex;align-items:center;gap:10px}
.cg-bts .bts-play svg{width:14px;height:14px;fill:currentColor}

@media (prefers-reduced-motion:reduce){.cg-bts *,.cg-bts *::before,.cg-bts *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---- English-only hide of the live sections this package replaces (never deleted) ----
   / is lang="en", /en-ca is lang="en-CA": both show the embeds and hide the live hero, pricing and close
   sections. /es-mx and /fr-ca keep the live page (the embeds hide themselves there with the locale guard).
   The step-by-step tour (.bt-guide-section) and the Webflow FAQ stay. Hiding .bt-close also keeps its HubSpot
   builder from mounting a second form: it waits for an IntersectionObserver that a display:none host never fires. */
html[lang^="en"] .w-embed>.bt-hero,html[lang^="en"] .w-embed>.bt-pricing,html[lang^="en"] .w-embed>.bt-close{display:none!important}
html:not([lang^="en"]) .cg-bts{display:none!important}
/* en-CA shows prices as US$ (default set 10/7/2026; Matt can reverse by deleting this rule) */
html[lang="en-CA"] .cg-bts .bts-cur::before{content:"US"}
/* review round 2 (10/8, staged-0100 P2-15): a select in a 2-up row is too narrow for "Please Select" under 480px, so that row stacks; First/Last name stay 2-up */@media (max-width:479px){.cg-bts .bts-form fieldset.form-columns-2:has(select){grid-template-columns:1fr}}