/* Cargo Max 2.0 - final creative-direction system.
 * Deliberately loaded after premium.css. Content and functionality are unchanged. */

:root {
    --cm-gold: #f7c948;
    --cm-ink: #101112;
    --cm-panel: #191b1d;
    --cm-line: rgba(247,201,72,.34);
    --cm-ease: cubic-bezier(.2,.75,.2,1);
}

/* Reference-inspired header: one cinematic first-screen composition. */
body.home .site-topbar { display: none; }
body.home .site-header { position: absolute; inset: 0 0 auto; z-index: 900; color: #fff; border: 0; background: linear-gradient(180deg,rgba(8,9,10,.78),transparent); backdrop-filter: none; }
body.home .site-header.is-scrolled { position: fixed; background: rgba(12,13,14,.92); box-shadow: 0 14px 40px rgba(0,0,0,.25); backdrop-filter: blur(18px); }
body.home .site-header__menu a { color: rgba(255,255,255,.82); }
body.home .site-header__menu a:hover { color: #fff; }
body.home .site-header__icon-btn { color: #fff; border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.06); }
body.home .site-header__toggle-bar { background: #fff; }
body.home .site-header__logo { height: 58px; }

/* Hero: message + functional shipment console over an environmental photograph. */
.hero { min-height: 780px; }
.hero::before { background: linear-gradient(90deg,rgba(8,9,10,.96) 0%,rgba(8,9,10,.83) 45%,rgba(8,9,10,.42) 72%,rgba(8,9,10,.32)),linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.55)); }
.hero__inner { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(380px,.75fr); gap: clamp(3rem,6vw,6.5rem); align-items: center; padding-top: 9.5rem; padding-bottom: 5rem; }
.hero__content { max-width: 660px; }
.hero__title { font-size: clamp(3.65rem,5.8vw,5.75rem); }
.hero__subtitle { max-width: 56ch; }
.hero__benefits { grid-template-columns: repeat(2,minmax(0,1fr)); }
.hero__panel-badge { display: none; }
.hero-console { position: relative; z-index: 4; overflow: hidden; border: 1px solid rgba(255,255,255,.32); border-radius: 24px; color: var(--cm-ink); background: rgba(255,255,255,.95); box-shadow: 0 38px 90px rgba(0,0,0,.36),0 1px rgba(255,255,255,.65) inset; backdrop-filter: blur(20px); }
.hero-console { animation: console-enter .9s .28s var(--cm-ease) both; }
@keyframes console-enter { from { opacity: 0; transform: translateY(24px) scale(.975); } }
.hero-console::after { content: ''; position: absolute; width: 220px; height: 220px; right: -140px; bottom: -140px; border-radius: 50%; background: rgba(247,201,72,.25); filter: blur(20px); pointer-events: none; }
.hero-console__head { display: flex; align-items: center; gap: .65rem; padding: .9rem 1.25rem; border-bottom: 1px solid #e7e7e7; background: rgba(248,248,248,.9); font-size: .75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.hero-console__head p { margin-right: auto; }
.hero-console__status { width: 8px; height: 8px; border-radius: 50%; background: #25d366; box-shadow: 0 0 0 5px rgba(37,211,102,.12); }
.hero-console__live { color: #66706a; }
.hero-console__body { position: relative; z-index: 1; padding: clamp(1.5rem,3vw,2.25rem); }
.hero-console__kicker { margin-bottom: .45rem; color: #8a6b00; font-size: .76rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.hero-console h2 { max-width: 13ch; margin-bottom: 1.45rem; font-size: clamp(1.8rem,2.7vw,2.5rem); line-height: 1.08; letter-spacing: -.04em; }
.hero-console__track label { display: block; margin-bottom: .5rem; font-size: .8rem; font-weight: 700; }
.hero-console__field { display: flex; min-height: 58px; overflow: hidden; border: 1px solid #dedede; border-radius: 12px; background: #fff; box-shadow: 0 8px 20px rgba(20,20,20,.055); }
.hero-console__field:focus-within { border-color: var(--cm-gold); box-shadow: 0 0 0 4px rgba(247,201,72,.18),0 12px 26px rgba(20,20,20,.08); }
.hero-console__field input { min-width: 0; flex: 1; border: 0; padding: 0 1rem; background: transparent; font: inherit; outline: 0; }
.hero-console__field button { display: grid; place-items: center; width: 58px; border: 0; color: #111; background: var(--cm-gold); transition: width .25s var(--cm-ease),background .25s ease; }
.hero-console__field button:hover { width: 66px; background: #ffd85b; }
.hero-console__quote { display: flex; align-items: center; justify-content: space-between; min-height: 52px; margin-top: .85rem; padding: 0 1rem; border-radius: 12px; color: #fff; background: linear-gradient(135deg,#242628,#101112); font-weight: 750; }
.hero-console__quote svg { transition: transform .25s var(--cm-ease); }
.hero-console__quote:hover svg { transform: translateX(5px); }
.hero-console__carriers { margin-top: 1.4rem; padding-top: 1.1rem; border-top: 1px solid #e6e6e6; }
.hero-console__carriers > p { margin-bottom: .7rem; color: #777; font-size: .72rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.hero-console__carriers > div { display: grid; grid-template-columns: repeat(4,1fr); gap: .55rem; }
.hero-console__carriers span { display: grid; place-items: center; min-height: 36px; border-radius: 8px; color: #4c4c4c; background: #f3f3f3; font-size: .72rem; font-weight: 800; }

/* Carrier proof is a compact transition, not another content section. */
.carriers { padding-bottom: 4.5rem; }
.carriers .container { margin-top: -28px; padding: 1.25rem 1.5rem; border-radius: 18px; }
.carriers .section__head { margin-bottom: .9rem; }
.carriers .section__title { font-size: clamp(1.35rem,2vw,1.85rem); }
.carriers .section__lead { display: none; }
.carriers__card { min-height: 72px; }
.carriers__name { font-size: 1.05rem; }

/* Broker proposition: editorial statement plus proof tiles. */
.why { padding-block: clamp(6rem,10vw,9rem); }
.why .section__head { max-width: 900px; margin: 0 0 3rem; text-align: left; }
.why .section__title { max-width: 15ch; font-size: clamp(3rem,5vw,5rem); }
.why .section__lead { max-width: 58ch; margin-inline: 0; }
.why__grid { grid-template-columns: 1.35fr repeat(2,1fr); gap: 1.2rem; }
.why__card:first-child { grid-column: auto; grid-row: span 2; }
.why__card { min-height: 220px; }
.why__card:nth-child(n+6) { display: none; }

/* Process becomes a route with changing visual cadence. */
.hiw { overflow: hidden; padding-block: clamp(6rem,10vw,9rem); background: linear-gradient(180deg,#fff,#f4f1e9); }
.hiw .section__head { margin-left: 0; text-align: left; }
.hiw .section__title { max-width: 12ch; }
.hiw .section__lead { margin-inline: 0; }
.hiw__steps { position: relative; grid-template-columns: repeat(4,1fr); margin-top: 4rem; padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
.hiw__steps::before { content: ''; position: absolute; top: 42px; left: 7%; right: 7%; height: 2px; background: repeating-linear-gradient(90deg,var(--cm-gold) 0 26px,transparent 26px 38px); }
.hiw__step { position: relative; text-align: left; padding: 0 clamp(1rem,2.5vw,2rem); }
.hiw__step:nth-child(even) { padding-top: 88px; }
.hiw__step::after { display: none !important; }
.hiw__num { position: relative; z-index: 2; margin: 0 0 1.4rem; width: 84px; height: 84px; border: 10px solid #f7f5ef; font-size: 1.25rem; }
.hiw__step:nth-child(even) .hiw__num { margin-top: -88px; }
.hiw__icon { margin: 0 0 .8rem; }
.hiw__title { max-width: 15ch; font-size: 1.3rem; }
.hiw__step p { max-width: 28ch; line-height: 1.7; }

/* Image-led service editorial. */
.services { padding-block: clamp(6rem,10vw,9rem); }
.services .section__head { margin-left: 0; text-align: left; }
.services .section__title { max-width: 14ch; }
.services .section__lead { margin-inline: 0; }
.services__grid { gap: 1rem; }
.services__card { display: grid; grid-template-rows: 210px 1fr; min-height: 520px; padding: 0; }
.services__card:nth-child(1),.services__card:nth-child(4) { grid-column: span 6; }
.services__card:nth-child(2),.services__card:nth-child(3),.services__card:nth-child(5),.services__card:nth-child(6) { grid-column: span 3; }
.services__media { position: relative; overflow: hidden; }
.services__media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 45%,rgba(15,16,17,.85)); }
.services__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(1.05); transition: transform .8s var(--cm-ease),filter .4s ease; }
.services__card:hover .services__media img { transform: scale(1.07); filter: saturate(1) contrast(1.02); }
.services__card-body { display: flex; flex-direction: column; align-items: flex-start; padding: 1.5rem; }
.services__card .icon-chip { width: 52px; height: 52px; margin-top: -43px; position: relative; z-index: 2; color: #111; background: var(--cm-gold); }
.services__card-title { margin-top: 1rem; }
.services__card .link-arrow { margin-top: auto; }

/* One packing story rather than three floating cards. */
.wws { padding-block: clamp(6rem,10vw,8rem); background: radial-gradient(700px 400px at 85% 20%,rgba(247,201,72,.16),transparent 60%),#f5f1e7; }
.wws__grid { gap: 0; overflow: hidden; border-radius: 28px; box-shadow: 0 30px 80px rgba(20,20,20,.12); }
.wws__card { min-height: 360px; border-radius: 0; box-shadow: none; }
.wws__card:nth-child(2) { transform: none; }

/* Proof and testimonial become a single credibility chapter. */
.tstm { padding-block: clamp(6rem,10vw,9rem); background: #111; }
.tstm .section__head { margin-left: 0; text-align: left; }
.tstm .section__title { color: #fff; }
.tstm__grid { grid-template-columns: 1.35fr .65fr; }
.tstm__card:first-child { grid-row: span 2; min-height: 440px; background: radial-gradient(600px 300px at 0 0,rgba(247,201,72,.22),transparent 60%),#202224; }
.tstm__card:not(:first-child) { background: #fff; }
.tstm-proof { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 1rem; overflow: hidden; border-radius: 20px; background: var(--cm-gold); }
.tstm-proof__item { display: grid; gap: .15rem; padding: 1.5rem; text-align: center; }
.tstm-proof__item:not(:last-child) { border-right: 1px solid rgba(0,0,0,.18); }
.tstm-proof__item strong { font-family: var(--font-heading); font-size: clamp(2.4rem,4vw,4rem); letter-spacing: -.06em; }
.tstm-proof__item > span { font-size: .8rem; font-weight: 700; }

/* Distinct inner-page hero families. */
.page-hero { min-height: 380px; }
.page-template-page-services .page-hero { text-align: left; background: radial-gradient(600px 400px at 80% 20%,rgba(247,201,72,.2),transparent 60%),linear-gradient(120deg,#111 0%,#242628 62%,#111); }
.page-template-page-services .page-hero__inner { margin-left: 0; max-width: 1050px; }
.page-template-page-services .page-hero__title { margin-inline: 0; max-width: 17ch; }
.page-template-page-services .page-hero__description { margin-inline: 0; }
body.blog .page-hero,.page-template-page-resources .page-hero { background: linear-gradient(135deg,#f2c039,#ffdc66); color: #111; }
body.blog .page-hero__title,.page-template-page-resources .page-hero__title,body.blog .page-hero__description,.page-template-page-resources .page-hero__description { color: #111; }
body.blog .page-hero .eyebrow,.page-template-page-resources .page-hero .eyebrow { color: #111; }
.page-template-page-request-quote .page-hero,.page-template-page-contact .page-hero { min-height: 330px; text-align: left; }
.page-template-page-request-quote .page-hero__inner,.page-template-page-contact .page-hero__inner { margin-left: 0; }
.page-template-page-request-quote .page-hero__title,.page-template-page-contact .page-hero__title { margin-inline: 0; }
.page-template-page-request-quote .page-hero__description,.page-template-page-contact .page-hero__description { margin-inline: 0; }

@media (max-width: 1100px) {
    .hero__inner { grid-template-columns: minmax(0,1fr) minmax(340px,.72fr); gap: 2rem; }
    .hero__title { font-size: clamp(3.3rem,6vw,4.6rem); }
    .services__card:nth-child(n) { grid-column: span 6; }
}

@media (max-width: 900px) {
    body.home .site-header { position: absolute; }
    body.home .site-header__logo { height: 46px; }
    .hero { min-height: auto; }
    .hero__inner { display: grid; grid-template-columns: 1fr; padding-top: 8rem; padding-bottom: 4rem; }
    .hero__content { max-width: 680px; }
    .hero-console { max-width: 620px; }
    .why__grid { grid-template-columns: repeat(2,1fr); }
    .why__card:first-child { grid-column: span 2; grid-row: auto; min-height: 360px; }
    .hiw__steps { grid-template-columns: repeat(2,1fr); gap: 3rem 0; }
    .hiw__steps::before { display: none; }
    .hiw__step:nth-child(even) { padding-top: 0; }
    .hiw__step:nth-child(even) .hiw__num { margin-top: 0; }
    .tstm__grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    body.home .site-header__icon-btn { display: none; }
    .hero::before { background: linear-gradient(180deg,rgba(8,9,10,.82),rgba(8,9,10,.96) 68%); }
    .hero__inner { width: 100%; padding: 7rem 1rem 3.5rem; }
    .hero__content { min-width: 0; }
    .hero__title { max-width: 9ch; font-size: clamp(2.8rem,13vw,3.45rem); overflow-wrap: normal; }
    .hero__subtitle { max-width: 100%; font-size: 1rem; }
    .hero__actions { display: grid; }
    .hero__benefits { grid-template-columns: 1fr; }
    .hero-console { width: 100%; border-radius: 18px; }
    .hero-console__head { align-items: flex-start; }
    .hero-console__live { display: none; }
    .hero-console__body { padding: 1.2rem; }
    .hero-console__carriers > div { grid-template-columns: repeat(2,1fr); }
    .carriers { padding-top: 0; }
    .carriers .container { margin-top: -18px; }
    .why .section__title,.services .section__title { font-size: clamp(2.45rem,11vw,3.25rem); }
    .why__grid { grid-template-columns: 1fr; }
    .why__card:first-child { grid-column: auto; min-height: 340px; }
    .hiw__steps { grid-template-columns: 1fr; gap: 0; }
    .hiw__step { display: grid; grid-template-columns: 68px 1fr; gap: .25rem 1rem; padding: 0 0 2.25rem; }
    .hiw__num { grid-row: span 3; width: 62px; height: 62px; border-width: 6px; }
    .hiw__icon { margin: 0; }
    .hiw__step p { grid-column: 2; }
    .services__grid { display: grid; grid-auto-flow: row; }
    .services__card:nth-child(n) { grid-column: auto; min-height: 500px; }
    .wws__grid { border-radius: 18px; }
    .tstm-proof { grid-template-columns: repeat(2,1fr); }
    .tstm-proof__item:nth-child(2) { border-right: 0; }
    .tstm-proof__item:nth-child(-n+2) { border-bottom: 1px solid rgba(0,0,0,.18); }
    .page-hero { min-height: 300px; text-align: left; }
    .page-hero__inner { margin-left: 0; }
    .page-hero__title,.page-hero__description { margin-inline: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .hero-console { animation: none; }
    .hero-console__field button,.hero-console__quote svg,.services__media img { transition: none; }
}