/* Cargado /pricing four-plan row (pricing-plans, .cg-pp), 10/8/2026. Webflow embed package, local only.
   Sits inside the /pricing hero (header.prc-hero-1), after the intro (.prc-hero_head) and before the Market Rates
   window (.prc-hero_shot), so it inherits the hero's container and gutter: the row spans the full container (80-1360 at 1440).
   Markup and styles are the broker-tour-get-started pricing block (bts.css round 1 + 2), re-scoped to .cg-pp/pp-*:
   Enterprise as a full-width band, then three tiers with level buttons from 700px, and on phones one card of three
   rows with a single shared "Get started". The hero is a blue gradient, so the band keeps its deep Azul with a light rule.
   Headings follow the site heading variable and set no weight of their own. */
.cg-pp{--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-800:#2648A6;--azul-900:#1E3A85;--azul-950:#0F204B;--sky-100:#E0F2FE;--sky-400:#38BDF8;--ink:#0F172A;--body:#475569;--cap:#64748B;--line:#E2E8F0;--line-2:#CBD5E1;--card:#FFFFFF;--green-500:#10B981;--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);--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;
  width:100%;margin:clamp(40px,5vw,56px) 0 0}
.cg-pp *,.cg-pp *::before,.cg-pp *::after{box-sizing:border-box}

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

/* buttons: 48px pill, 15/600 */
.cg-pp .pp-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;letter-spacing:0;text-transform:none;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.cg-pp .pp-btn-azul{background:var(--azul);color:#fff}
.cg-pp .pp-btn-azul:hover{background:var(--azul-800);color:#fff}
.cg-pp .pp-btn-line{background:#fff;color:var(--azul-900);border-color:var(--line-2)}
.cg-pp .pp-btn-line:hover{border-color:var(--azul);color:var(--azul)}
.cg-pp .pp-btn-white{background:#fff;color:var(--azul-900)}
.cg-pp .pp-btn-white:hover{background:var(--sky-100);color:var(--azul-900)}

/* Enterprise band */
.cg-pp .pp-ent{display:grid;gap:20px 40px;border-radius:var(--r);padding:clamp(24px,3vw,40px);background:var(--azul-950);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:var(--sh-card)}
@media (min-width:900px){.cg-pp .pp-ent{grid-template-columns:1fr 1fr;align-items:center}}
.cg-pp .pp-ent-main{display:grid;align-content:start;gap:14px}
.cg-pp .pp-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-pp .pp-ent h3{font-size:clamp(24px,2.4vw,30px);line-height:1.2;color:#fff}
.cg-pp .pp-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-family:var(--f-body);font-variant-numeric:tabular-nums}
.cg-pp .pp-price span{font-size:15px;font-weight:500;color:var(--cap)}
.cg-pp .pp-price b{font-size:clamp(36px,4vw,48px);font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.cg-pp .pp-ent .pp-price b{color:#fff}
.cg-pp .pp-ent .pp-price span{color:var(--on-b2)}
.cg-pp .pp-ent .pp-btn{justify-self:start;margin-top:4px}
.cg-pp .pp-ent ul{display:grid;gap:12px;padding-top:18px;border-top:1px solid var(--line-dk)}
@media (min-width:900px){.cg-pp .pp-ent ul{padding:0 0 0 40px;border-top:0;border-left:1px solid var(--line-dk)}}
.cg-pp .pp-ent li{display:flex;gap:10px;align-items:flex-start;font-size:16px;color:var(--on-b1)}
.cg-pp .pp-ent li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--sky-400);margin-top:8px}

/* Starter, Team, Growth */
.cg-pp .pp-tiers{margin-top:16px;display:grid;gap:16px}
.cg-pp .pp-tiers>div{display:grid}
.cg-pp .pp-tier{border-radius:var(--r);padding:clamp(20px,2.4vw,28px);display:flex;flex-direction:column;gap:14px;border:1px solid var(--line);background:var(--card);box-shadow:var(--sh-card)}
.cg-pp .pp-tier-name{font-size:20px;line-height:1.2;color:var(--azul)}
.cg-pp .pp-tier ul{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
.cg-pp .pp-tier li{font-size:15px;color:var(--body)}
.cg-pp .pp-tier li strong{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.cg-pp .pp-tier .pp-btn{align-self:stretch;margin-top:auto}
.cg-pp .pp-tiers-cta{display:none}
.cg-pp .pp-note{margin-top:16px;font-size:15px;color:var(--on-b1);max-width:72ch}
@media (min-width:700px){.cg-pp .pp-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* phones: one card, three rows (plan | price, then both quotas), one shared "Get started" */
@media (max-width:699px){
  .cg-pp .pp-tiers{gap:0;border:1px solid var(--line);border-radius:var(--r);background:var(--card);box-shadow:var(--sh-card);overflow:hidden}
  .cg-pp .pp-tiers>div{display:block}
  .cg-pp .pp-tier{display:grid;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}
  .cg-pp .pp-tiers>div+div .pp-tier{border-top:1px solid var(--line)}
  .cg-pp .pp-tier-name{grid-area:n;font-size:18px}
  .cg-pp .pp-tier .pp-price{grid-area:p;justify-content:flex-end;flex-wrap:nowrap;white-space:nowrap}
  .cg-pp .pp-tier .pp-price b{font-size:28px}
  .cg-pp .pp-tier .pp-price span{font-size:14px}
  .cg-pp .pp-tier ul{grid-area:q;display:flex;flex-wrap:wrap;gap:0 6px;padding:0;border:0}
  .cg-pp .pp-tier li{font-size:14px}
  .cg-pp .pp-tier li+li::before{content:"\00B7";margin-right:6px;color:var(--cap)}
  .cg-pp .pp-tier .pp-btn{display:none}
  .cg-pp .pp-tiers-cta{display:flex;width:100%;margin-top:12px}
}

@media (prefers-reduced-motion:reduce){.cg-pp *,.cg-pp *::before,.cg-pp *::after{transition:none!important}}

/* locales: English only (en and en-CA); es-MX and fr-CA keep the live page untouched */
html:not([lang^="en"]) .cg-pp{display:none!important}
/* en-CA shows prices as US$ (same default as broker-tour, set 10/7/2026; Matt can reverse by deleting this rule) */
html[lang="en-CA"] .cg-pp .pp-cur::before{content:"US"}