/* CARRIERS-PAGE-1012: the English /carriers page body (Matt 10/12/2026: "carriers page really needs to explain everything to a carrier
   but encourage them to just sign up"). One embed, .cg-cpg, placed right after the logo wall (cw). English only (lang="en"); the embed
   hides itself on en-CA, es-MX and fr-CA, which keep their current rows.
   Brand: cargado-brand tokens (Azul 900 #1E3A85, Azul 950 #0F204B, Slate, Sky 300 #7DD3FC). Buttons 8px, cards 16px, tags 6px, no pills.
   Font weight 700 max. Hover changes color only. No motion at all, so nothing to switch off under reduced motion.
   Glass: GLASS-1009 option A values (refraction rim, specular top line, 3-layer shadow), used only on navy grounds. The rim is an exact
   1px ring (padding 1px + content-box mask), no blur on opaque content.
   The app pictures (.ap-*) copy the Cargado app's own layout and wording from the help center captures (help-carrier-v2-*_US-EN.png);
   their colors are the app's, not the marketing palette. */
.cg-cpg{--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;
  --az9:#1E3A85;--az95:#0F204B;--sky3:#7DD3FC;--sky1:#E0F2FE;--s50:#F8FAFC;--s100:#F1F5F9;--s200:#E2E8F0;--s300:#CBD5E1;--s500:#64748B;--s600:#475569;--s700:#334155;--s900:#0F172A;
  --gut:max(16px,5vw);--max:calc(1280px + 10vw);
  --sh-card:0 1px 2px rgba(15,23,42,.05),0 16px 36px -18px rgba(20,38,92,.22);
  --sh-glass:0 1px 2px rgba(4,10,30,.22),0 4px 10px -4px rgba(4,10,30,.30),0 20px 40px -18px rgba(4,10,30,.50);
  box-sizing:border-box;color:var(--s900);font-family:var(--f-body);font-size:16px;line-height:1.5;text-align:start;-webkit-font-smoothing:antialiased}
.cg-cpg *,.cg-cpg *::before,.cg-cpg *::after{box-sizing:border-box}
.cg-cpg :is(h2,h3,p,ul,ol,li,dl,dt,dd,figure,blockquote,figcaption,label){margin:0;padding:0}
.cg-cpg :is(ul,ol){list-style:none}
.cg-cpg :is(p,li,dd,figcaption){text-wrap:pretty}
.cg-cpg b{font-weight:600}
.cg-cpg .wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.cg-cpg h2{font-family:var(--f-head);font-size:clamp(30px,3.3vw,46px);font-weight:600;line-height:1.08;letter-spacing:-.03em;text-wrap:balance;color:var(--s900)}
.cg-cpg h3{font-family:var(--f-head);font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--s900)}
.cg-cpg .lede{font-size:clamp(17px,1.4vw,18px);line-height:1.55;color:var(--s600)}

/* The one action */
.cg-cpg .cpg-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border:1px solid transparent;border-radius:8px;background:var(--az9);color:#fff;font-family:var(--f-body);font-size:15px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
.cg-cpg .cpg-btn:hover{background:var(--az95);color:#fff}
.cg-cpg .cpg-btn.on-dark{background:#fff;color:var(--az9)}
.cg-cpg .cpg-btn.on-dark:hover{background:var(--sky1);color:var(--az9)}
.cg-cpg .cpg-btn:focus-visible{outline:2px solid var(--az9);outline-offset:3px}
.cg-cpg .cpg-btn.on-dark:focus-visible{outline-color:var(--sky3)}

/* Foot of the logo wall above (same #0F172A band), canon line + button */
.cg-cpg .cpg-wallfoot{background:#0F172A;padding:0 0 clamp(52px,6vw,88px);margin-top:-1px}
.cg-cpg .cpg-wallfoot .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 24px;text-align:center}
.cg-cpg .cpg-wallfoot p{color:#CBD5E1;font-size:17px;line-height:1.5}

/* Sections */
.cg-cpg .sec{padding-block:clamp(64px,8vw,112px);background:#fff}
.cg-cpg .sec.tint{background:var(--s50)}
.cg-cpg .sec.navy{background:var(--az95)}
.cg-cpg .sec.navy :is(h2,h3){color:#fff}
.cg-cpg .sec.navy .lede{color:rgba(255,255,255,.86)}
.cg-cpg .sec.navy .pts li{color:rgba(255,255,255,.80);border-color:rgba(255,255,255,.14)}
.cg-cpg .sec.navy .pts b{color:#fff}
.cg-cpg .sec.navy .shot figcaption{color:rgba(255,255,255,.62)}
.cg-cpg .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.cg-cpg .two.flip .copy{order:2}
.cg-cpg .copy{display:grid;gap:22px;align-content:start;max-width:600px}
.cg-cpg .pts{display:grid;gap:0;margin-top:4px}
.cg-cpg .pts li{padding:14px 0;border-top:1px solid var(--s200);color:var(--s600);font-size:15.5px;line-height:1.55}
.cg-cpg .pts b{color:var(--s900)}
.cg-cpg .act{margin-top:6px}
.cg-cpg .head{display:grid;gap:16px;max-width:760px;margin-bottom:clamp(36px,4.5vw,56px)}

/* Quote */
.cg-cpg .qt{border:1px solid var(--s200);border-radius:16px;padding:22px 24px;background:#fff;box-shadow:var(--sh-card);display:grid;gap:14px;transition:border-color .2s ease}
.cg-cpg .qt:hover{border-color:#CDD7F4}
.cg-cpg .qt blockquote{border:0;padding:0;margin:0;font-family:var(--f-body);font-size:16px;font-style:normal;font-weight:400;line-height:1.5;color:var(--s900);background:none;text-align:left}
.cg-cpg .qt figcaption{display:grid;gap:2px;font-size:13.5px;color:var(--s600);text-align:left}
.cg-cpg .qt figcaption b{color:var(--s900)}

/* Picture column */
.cg-cpg .shot{display:grid;justify-items:center;gap:14px}
.cg-cpg .shot figcaption{font-size:13px;color:var(--s500);text-align:center}
.cg-cpg .app-frame{width:100%;max-width:520px;padding:clamp(20px,3vw,36px);border-radius:16px;background:linear-gradient(160deg,#EEF2FB,#F8FAFC 60%);border:1px solid var(--s200);display:grid;justify-items:center;gap:18px}
.cg-cpg .app-frame.stack{gap:16px}

/* Glass (GLASS-1009 option A), navy grounds only */
.cg-cpg .glass{position:relative;isolation:isolate;width:100%;max-width:520px;padding:clamp(18px,2.6vw,30px);border-radius:16px;
  background:linear-gradient(160deg,rgba(30,58,133,.78),rgba(15,32,75,.84));border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),var(--sh-glass);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}
.cg-cpg .glass::before{content:"";position:absolute;inset:-1px;z-index:-1;padding:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(155deg,rgba(255,255,255,.55),rgba(255,255,255,.06) 40%,rgba(125,211,252,.22) 75%,rgba(255,255,255,.18));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.cg-cpg .glass::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 38%)}
@media (prefers-reduced-transparency:reduce){.cg-cpg .glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--az9)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.cg-cpg .glass{background:var(--az9)}}

/* App pictures: shared */
.cg-cpg [class^="ap-"],.cg-cpg [class*=" ap-"]{font-family:Inter,"Segoe UI",Helvetica,Arial,sans-serif;letter-spacing:0}
.cg-cpg .ap-btn{display:flex;align-items:center;justify-content:center;height:40px;border-radius:6px;background:linear-gradient(100deg,#2584E0,#2D4FC4);color:#fff;font-size:14px;font-weight:500}

/* Notifications for this search (help saved-searches-and-alerts, pair-3) */
.cg-cpg .ap-notif{width:100%;max-width:380px;background:#fff;border:1px solid #E4E4E7;border-radius:12px;padding:20px 18px 18px;box-shadow:0 10px 30px -12px rgba(20,38,92,.25);display:grid;gap:10px}
.cg-cpg .ap-notif .nt-t{font-size:17px;font-weight:500;text-align:center;color:#18181B}
.cg-cpg .ap-notif .nt-s{font-size:12.5px;color:#71717A;text-align:center;padding-bottom:12px;border-bottom:1px solid #E4E4E7}
.cg-cpg .ap-notif .nt-ch{background:#FAFAFA;border-radius:8px;padding:6px 12px;margin:4px 0 6px}
.cg-cpg .ap-notif .nt-row{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:#18181B}
.cg-cpg .ap-notif .nt-row svg{width:18px;height:18px;fill:none;stroke:#3F3F46;stroke-width:1.5;stroke-linejoin:round;flex:none}
.cg-cpg .ap-notif .nt-row span{flex:1}
.cg-cpg .ap-notif .tg{width:36px;height:20px;border-radius:10px;background:#E4E4E7;position:relative;flex:none}
.cg-cpg .ap-notif .tg::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.cg-cpg .ap-notif .tg.on{background:#2D4FC4}
.cg-cpg .ap-notif .tg.on::after{left:18px}
.cg-cpg .ap-notif .nt-l{font-size:13.5px;color:#18181B;padding-top:2px}
.cg-cpg .ap-notif .seg{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #E4E4E7;border-radius:6px;padding:2px;font-size:12.5px;text-align:center;color:#18181B}
.cg-cpg .ap-notif .seg span{padding:5px 0;border-radius:4px}
.cg-cpg .ap-notif .seg .sel{background:#E3EAF9;color:#1E3A85}
.cg-cpg .ap-notif .ap-btn{margin-top:6px}

/* Load with the bid card (help bid-on-freight, pair-3) */
.cg-cpg .ap-post{background:#fff;border-radius:12px;padding:16px;display:grid;gap:2px;color:#18181B;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.cg-cpg .ap-tag{justify-self:start;font-size:11px;line-height:1;padding:4px 6px;border-radius:6px;background:#E0E7FF;color:#3730A3;margin-bottom:6px}
.cg-cpg .ap-post .ps-r{font-size:15px;font-weight:500}
.cg-cpg .ap-post :is(.ps-x,.ps-m){font-size:12.5px;color:#52525B}
.cg-cpg .ap-post .ps-m b{font-weight:600;color:#18181B}
.cg-cpg .ap-post .ps-o{font-size:12.5px;color:#2D4FC4;margin-bottom:12px}
.cg-cpg .ap-bid{background:#27272A;border-radius:10px;padding:14px;display:grid;gap:6px;color:#F4F4F5}
.cg-cpg .ap-bid .bk{display:flex;align-items:center;justify-content:center;height:34px;border-radius:6px;background:#18181B;font-size:13px;font-weight:600;color:#fff}
.cg-cpg .ap-bid .or{text-align:center;font-size:11.5px;color:#A1A1AA;margin-bottom:4px}
.cg-cpg .ap-bid label{display:block;font-size:12.5px;font-weight:400;line-height:1.4;color:#E4E4E7;margin-top:4px;text-transform:none;letter-spacing:0}
.cg-cpg .ap-bid label em{font-style:normal;color:#F87171}
.cg-cpg .ap-bid .in{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-radius:4px;background:#fff;color:#71717A;font-size:13px}
.cg-cpg .ap-bid .in b{color:#18181B;font-weight:500}
.cg-cpg .ap-bid .fl{width:16px;height:11px;border-radius:1px;flex:none;background:repeating-linear-gradient(180deg,#B91C1C 0 1.57px,#fff 1.57px 3.14px);box-shadow:inset 7px 6px 0 0 #1E3A8A}
.cg-cpg .ap-bid .in2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cg-cpg .ap-bid .selx{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 10px;border-radius:4px;background:#18181B;border:1px solid #3F3F46;font-size:13px}
.cg-cpg .ap-bid .selx::after{content:"";width:7px;height:7px;border-right:1.5px solid #A1A1AA;border-bottom:1.5px solid #A1A1AA;transform:translateY(-2px) rotate(45deg)}
.cg-cpg .ap-bid .tot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:8px 0 6px}
.cg-cpg .ap-bid .tot small{font-size:10.5px;color:#A1A1AA;max-width:55%}
.cg-cpg .ap-bid .tot span{font-size:12.5px;white-space:nowrap}
.cg-cpg .ap-bid .tot b{font-size:18px;font-weight:700;margin-left:6px}

/* Chat (help chat-with-logistics-companies, pair-2) */
.cg-cpg .ap-chat{width:100%;max-width:440px;background:#fff;border:1px solid #E4E4E7;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px -12px rgba(20,38,92,.25);color:#18181B}
.cg-cpg .ap-chat .ch-h{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;padding:12px 14px;border-bottom:1px solid #E4E4E7}
.cg-cpg .ap-chat .ch-h b{display:block;font-size:13px;font-weight:500}
.cg-cpg .ap-chat .ch-h small{font-size:11.5px;color:#71717A}
.cg-cpg .ap-chat .ch-m{display:flex;gap:10px;padding:12px 14px 0}
.cg-cpg .ap-chat .av{flex:none;width:26px;height:26px;border-radius:50%;background:#DBE4FA;color:#1E3A85;font-size:10px;font-style:normal;font-weight:600;display:grid;place-items:center}
.cg-cpg .ap-chat .av.b{background:#FDE9C8;color:#7C4A03}
.cg-cpg .ap-chat .who{font-size:12.5px;font-weight:500}
.cg-cpg .ap-chat .who small{font-weight:400;color:#A1A1AA;margin-left:4px}
.cg-cpg .ap-chat .bb{margin-top:4px;padding:7px 10px;border-radius:8px;background:#F4F4F5;font-size:13px;line-height:1.45}
.cg-cpg .ap-chat .so{display:inline-block;margin-top:4px;font-size:11.5px;color:#2D4FC4}
.cg-cpg .ap-chat .ch-in{margin:14px;padding:9px 12px;border:1px solid #E4E4E7;border-radius:8px;font-size:12.5px;color:#A1A1AA}

/* Rate Accepted! (help you-won-the-freight, pair-1) */
.cg-cpg .ap-won{width:100%;max-width:380px;background:#EFF4FE;border:1px solid #DCE4F5;border-radius:12px;padding:18px;display:grid;gap:6px;color:#18181B}
.cg-cpg .ap-won .ck{justify-self:center;width:34px;height:34px;border-radius:50%;border:1.5px solid #2D4FC4;display:grid;place-items:center}
.cg-cpg .ap-won .ck svg{width:18px;height:18px;fill:none;stroke:#2D4FC4;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cg-cpg .ap-won .wn-t{text-align:center;font-size:19px;font-weight:600;margin-bottom:4px}
.cg-cpg .ap-won .wn-n{font-size:13px;font-weight:600}
.cg-cpg .ap-won ol{list-style:decimal;padding-left:20px;font-size:13px;line-height:1.5;color:#27272A;display:grid;gap:2px}
.cg-cpg .ap-won .ap-btn{margin-top:8px}

/* Sign-up by country */
.cg-cpg .ctry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cg-cpg .cc{border:1px solid var(--s200);border-radius:16px;padding:24px;background:#fff;display:grid;gap:10px;align-content:start;transition:border-color .2s ease}
.cg-cpg .cc:hover{border-color:#CDD7F4}
.cg-cpg .cc p{font-size:15px;line-height:1.55;color:var(--s600)}
.cg-cpg .after{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px 40px;padding-top:28px;border-top:1px solid var(--s200)}
.cg-cpg .after p{max-width:760px;font-size:15.5px;line-height:1.55;color:var(--s600)}
.cg-cpg .after b{color:var(--s900)}

/* Getting paid and cost */
.cg-cpg .money{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px}
.cg-cpg .mc{border:1px solid var(--s200);border-radius:16px;background:#fff;padding:clamp(24px,3vw,40px);display:grid;gap:18px;align-content:start;align-self:start}
.cg-cpg .mc h2{font-size:clamp(26px,2.6vw,34px)}
.cg-cpg .mc p{font-size:15.5px;line-height:1.6;color:var(--s600)}
.cg-cpg .steps{counter-reset:st;display:grid;gap:12px}
.cg-cpg .steps li{counter-increment:st;position:relative;min-height:28px;padding:3px 0 0 40px;font-size:15px;line-height:1.55;color:var(--s600)}
.cg-cpg .steps li::before{content:counter(st);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:6px;background:var(--s100);color:var(--az9);font-size:13px;font-weight:600;display:grid;place-items:center}
.cg-cpg .steps b{color:var(--s900)}
.cg-cpg .mc .fine{font-size:14px;color:var(--s500)}
.cg-cpg .figs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--s200);border-bottom:1px solid var(--s200)}
.cg-cpg .figs div{padding:16px 0}
.cg-cpg .figs div+div{border-left:1px solid var(--s200);padding-left:20px}
.cg-cpg .figs dt{font-family:var(--f-head);font-size:clamp(28px,2.8vw,36px);font-weight:600;letter-spacing:-.03em;color:var(--s900);font-variant-numeric:tabular-nums}
.cg-cpg .figs dd{font-size:14px;color:var(--s600)}
.cg-cpg .mc .cpg-btn{justify-self:start}

/* FAQ: four questions, all visible (they are the page's FAQPage JSON-LD, word for word) */
.cg-cpg .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;border-top:1px solid var(--s200)}
.cg-cpg .fq{padding:24px 0;border-bottom:1px solid var(--s200);display:grid;gap:10px;align-content:start}
.cg-cpg .fq h3{font-size:18px}
.cg-cpg .fq p{font-size:15.5px;line-height:1.6;color:var(--s600)}

/* Closing band */
.cg-cpg .cpg-close{padding-block:clamp(64px,8vw,104px);background:#0F204B url("https://cdn.prod.website-files.com/68f656dee991ae15a5cbb747/6ac724e8de952536a50296bf_cg-bh-bg-horizon.webp") center/cover no-repeat}
.cg-cpg .cpg-close .card{max-width:760px;margin:0 auto;text-align:center;display:grid;justify-items:center;gap:18px;padding:clamp(32px,4.5vw,56px) clamp(22px,4vw,56px)}
.cg-cpg .cpg-close h2{color:#fff}
.cg-cpg .cpg-close p{color:rgba(255,255,255,.88);font-size:clamp(17px,1.4vw,18px);line-height:1.55;max-width:34em}

@media (max-width:900px){
  .cg-cpg .two{grid-template-columns:1fr}
  .cg-cpg .two.flip .copy{order:0}
  .cg-cpg .copy{max-width:none}
  .cg-cpg .ctry{grid-template-columns:1fr}
  .cg-cpg .money{grid-template-columns:1fr}
  .cg-cpg .faq{grid-template-columns:1fr}
  .cg-cpg .after{flex-direction:column;align-items:flex-start}
}
@media (max-width:480px){
  .cg-cpg .cpg-btn{width:100%}
  .cg-cpg .cpg-wallfoot .wrap{flex-direction:column}
  .cg-cpg .app-frame{padding:16px}
  .cg-cpg .ap-chat .ch-h{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.cg-cpg *{transition:none!important}}