/* Ryan Powell — Living Commerce Map. Loaded after the shared and buyer styles. */
:root {
  --commerce-night: #0b1725;
  --commerce-night-soft: #122336;
  --commerce-blue: #2464ff;
  --commerce-blue-dark: #174ed0;
  --commerce-paper: #f5f5f1;
  --commerce-pale: #ecefeb;
  --commerce-ink: #15283c;
  --commerce-text: #3b4e5d;
  --commerce-muted: #596c79;
  --commerce-rule: #d5dedf;
  --commerce-art: url('../images/commerce-partnerships.webp');
  --commerce-ease: cubic-bezier(.16, 1, .3, 1);
  --commerce-gutter: clamp(24px, 5.5vw, 80px);
  --commerce-reading-measure: 740px;
  --commerce-quote-space: 32px;
  --color-ink: var(--commerce-night);
  --color-ink-soft: var(--commerce-night-soft);
  --color-ink-mid: #24374b;
  --color-text: var(--commerce-text);
  --color-text-muted: var(--commerce-muted);
  --color-text-light: #647583;
  --color-rule: var(--commerce-rule);
  --color-rule-dark: #2c4257;
  --color-surface: var(--commerce-paper);
  --color-accent: var(--commerce-blue);
  --color-accent-dark: var(--commerce-blue-dark);
  --color-accent-glow: #e9efff;
  --color-gold: #785a20;
  --max-w: 1440px;
  --max-w-md: 800px;
  --max-w-lg: 1160px;
  --nav-h: 88px;
}

html { scroll-padding-top: 112px; scrollbar-color: #597287 var(--commerce-night); scrollbar-width: thin; }
body.commerce-site { background: var(--commerce-paper); color: var(--commerce-text); overflow-x: clip; }
.commerce-site ::selection { color: #fff; background: var(--commerce-blue-dark); }
.commerce-site input, .commerce-site textarea { caret-color: var(--commerce-blue); }
.commerce-site ::-webkit-scrollbar { width: 9px; height: 9px; }
.commerce-site ::-webkit-scrollbar-track { background: var(--commerce-paper); }
.commerce-site ::-webkit-scrollbar-thumb { background: #8296a4; border: 2px solid var(--commerce-paper); border-radius: 12px; }
.commerce-site :focus-visible { outline: 3px solid var(--commerce-blue); outline-offset: 5px; border-radius: 2px; }
.commerce-site a { text-underline-offset: .22em; text-decoration-thickness: 1px; }
.commerce-site :is(h1,h2,h3) { text-wrap: balance; }
.commerce-site p { text-wrap: pretty; }
.commerce-site .container { padding-inline: var(--commerce-gutter); }
.commerce-site .container--md { padding-inline: 32px; }
.commerce-site .page-wrapper, .commerce-site.page-wrapper { animation: none; }
.commerce-site :is(.fade-up,.fade-in,.hero__animate-1,.hero__animate-2,.hero__animate-3,.hero__animate-4,.hero__animate-5) {
  opacity: 1 !important; transform: none !important; animation: none !important; transition: none !important;
}
.commerce-site :is(.label,.hero__eyebrow,.card__label,.segment-card__category,.insight-card__category,.service-card__number,.service-card__problem) { display: none !important; }
.commerce-site :is(.card__icon,.segment-card__icon,.hero__bg,.hero__grid,.page-header__bg,.cta-section__bg) { display: none; }
.commerce-site :is(.display-xl,.display-lg,.display-md) { font-weight: 700; letter-spacing: -.025em; }
.commerce-site :is(.heading-xl,.section__title) { font-family: var(--font-display); font-size: clamp(2rem, 3.3vw, 3.2rem); font-weight: 700; line-height: 1.16; letter-spacing: -.025em; }
.commerce-site .body-lg { font-size: 1.08rem; line-height: 1.78; }

/* The wordmark and primary navigation stay on the same dark plane as the map. */
.commerce-site .nav, .commerce-site .nav--dark, .commerce-site .nav--dark.scrolled, .commerce-site .nav.scrolled {
  height: var(--nav-h); background: var(--commerce-night); backdrop-filter: none; -webkit-backdrop-filter: none;
  border-bottom: 1px solid transparent; box-shadow: none;
}
.commerce-site .nav.scrolled { border-bottom-color: #2b4154; }
.commerce-site .nav__inner { gap: 24px; padding-block: 14px; }
.commerce-site .nav__logo { gap: 0; }
.commerce-site .nav__logo-mark { display: none; }
.commerce-site .nav__logo-name, .commerce-site .nav--dark:not(.scrolled) .nav__logo-name {
  font-family: var(--font-display); font-size: clamp(1.55rem, 2.4vw, 2rem); font-weight: 700; letter-spacing: -.025em; color: #f8f9fc;
}
.commerce-site .nav__logo-sub { display: none; }
.commerce-site .nav__links { gap: 4px; }
.commerce-site .nav__link, .commerce-site .nav--dark:not(.scrolled) .nav__link {
  padding: 10px 12px; border-radius: 0; font-size: .84rem; font-weight: 500; color: #c7d5e3;
}
.commerce-site .nav__link:hover, .commerce-site .nav__link.active,
.commerce-site .nav--dark:not(.scrolled) .nav__link:hover, .commerce-site .nav--dark:not(.scrolled) .nav__link.active { color: #fff; background: none; }
.commerce-site .nav__link.active::after { content: ''; position: absolute; bottom: 3px; left: 12px; right: 12px; height: 2px; background: var(--commerce-blue); }
.commerce-site .nav__cta .btn--primary,
.commerce-site .nav--dark:not(.scrolled) .nav__cta .btn--primary,
.commerce-site .nav--dark:not(.scrolled) .nav__cta .btn--primary:hover { background: var(--commerce-blue); color: #fff; box-shadow: none; text-shadow: none; }
.commerce-site .nav__cta .btn { padding: 13px 21px; font-size: .82rem; }
.commerce-site .nav__toggle { padding: 12px; min-width: 48px; min-height: 48px; justify-content: center; }
.commerce-site .nav__toggle span, .commerce-site .nav--dark:not(.scrolled) .nav__toggle span { background: #fff; }
.commerce-site .nav__mobile { background: var(--commerce-night); border-bottom-color: #354b60; max-height: calc(100dvh - var(--nav-h)); overflow-y: auto; padding: 18px 24px 28px; }
.commerce-site .nav__mobile-link { color: #dae5ee; padding: 12px 8px; border-radius: 0; font-size: 1.04rem; }
.commerce-site .nav__mobile-link:hover { color: #fff; background: #182e43; }
.commerce-site .nav__mobile-cta { border-top-color: #354b60; }

.commerce-site .btn { min-height: 48px; border-radius: 6px; padding: 13px 25px; font-size: .89rem; line-height: 1.4; letter-spacing: 0; transition: background-color 220ms var(--commerce-ease), color 220ms var(--commerce-ease), border-color 220ms var(--commerce-ease); }
.commerce-site .btn::before { display: none; }
.commerce-site .btn:hover { transform: none; }
.commerce-site .btn--primary { background: var(--commerce-blue-dark); box-shadow: none; }
.commerce-site .btn--primary:hover { background: #103daa; box-shadow: none; }
.commerce-site .btn--secondary { border: 1px solid #a1b4c2; background: transparent; color: var(--commerce-ink); }
.commerce-site .btn--secondary:hover { background: #e5ebe9; border-color: var(--commerce-ink); }
.commerce-site .btn--ghost { padding-inline: 0; color: var(--commerce-blue-dark); }
.commerce-site .btn--white { background: #fff; color: var(--commerce-night); box-shadow: none; }
.commerce-site .btn--white:hover { background: #e7eeff; box-shadow: none; }
.commerce-site .btn--outline-white { border: 1px solid #60788c; color: #e2edf5; }
.commerce-site .btn--outline-white:hover { border-color: #c8d8e4; background: #183047; }
.commerce-site .btn-arrow { transition: transform 220ms var(--commerce-ease); }
.commerce-site .btn:hover .btn-arrow { transform: translateX(4px); }
.commerce-site button:disabled, .commerce-site .btn[aria-disabled="true"] { opacity: .58; cursor: wait; }

/* The map is the signature visual; the content is already visible before JS. */
.commerce-hero { position: relative; isolation: isolate; color: #fff; background: var(--commerce-night); overflow: hidden; padding: calc(var(--nav-h) + 58px) 0 0; }
.commerce-hero__inner { display: grid; grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr); position: relative; min-height: 480px; align-items: start; gap: 26px; }
.commerce-hero__copy { position: relative; z-index: 3; padding-bottom: 34px; min-width: 0; max-width: 655px; }
.commerce-hero__title,
.commerce-hero :is(.hero__headline,.page-header__title) {
  color: #f7f8fb; font-family: var(--font-display); font-size: clamp(2.7rem, 5.1vw, 4.7rem); font-weight: 700;
  line-height: 1.075; letter-spacing: -.028em; margin: 0 0 24px; max-width: 650px; position: relative; z-index: 2;
}
.commerce-hero__title :is(em,.commerce-emphasis,.accent),
.commerce-hero .hero__headline :is(em,.accent) { font-style: normal; color: #3d7aff; -webkit-text-stroke: 0; }
.commerce-hero__intro,
.commerce-hero :is(.hero__subheadline,.page-header__desc) { color: #c5d5e4; font-size: clamp(1rem, 1.6vw, 1.17rem); line-height: 1.7; max-width: 545px; margin: 0 0 27px; }
.commerce-hero__actions, .commerce-hero .hero__ctas, .commerce-hero .buyer-header__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; margin: 0 0 28px; }
.commerce-hero .btn--primary { background: var(--commerce-blue); }
.commerce-hero .btn--primary:hover { background: #3a73ff; }
.commerce-hero .btn--secondary { color: #eff5fa !important; border-color: #527087 !important; background: transparent !important; }
.commerce-hero .btn--secondary:hover { background: #1b3247 !important; border-color: #b6ccdd !important; }
.commerce-hero__identity { display: flex; align-items: flex-end; gap: 17px; margin-top: 26px; color: #f4f7fa; position: relative; z-index: 4; }
.commerce-portrait { width: 108px; height: 132px; aspect-ratio: 4 / 5; border-radius: 8px; object-fit: cover; object-position: center top; flex-shrink: 0; box-shadow: none; }
.commerce-hero__identity strong, .commerce-hero__identity-name { display: block; font-size: 1.02rem; font-weight: 600; margin-bottom: 5px; }
.commerce-hero__identity p, .commerce-hero__identity span { font-size: .78rem; line-height: 1.6; color: #c4d3e1; }
.commerce-hero__identity a { color: #e4edfa; text-decoration: underline; }
.commerce-hero__visual { position: absolute; top: -30px; right: -115px; width: calc(68% + 135px); z-index: 1; pointer-events: none; mask-image: linear-gradient(to right, transparent, #000 19%, #000); }
.commerce-map { position: relative; width: 100%; aspect-ratio: 1760 / 894; transform: translate3d(var(--map-x,0px), var(--map-y,0px),0); transition: transform 700ms var(--commerce-ease); }
.commerce-map__image { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.commerce-map__routes { position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.commerce-map__routes path { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.commerce-map__route { stroke: #3478ff; stroke-width: 3; opacity: .7; transition: opacity 350ms var(--commerce-ease), stroke-width 350ms var(--commerce-ease); }
.commerce-map__route.is-active { opacity: 1; stroke-width: 5; }
.commerce-map__flow { stroke: #dceeff; stroke-width: 2; stroke-dasharray: 5 85; stroke-linecap: round; opacity: .8; animation: commerce-route-flow 7s linear infinite; }
.commerce-map__node { fill: #e5f2ff; stroke: #2464ff; stroke-width: 3; vector-effect: non-scaling-stroke; }
.commerce-map__labels { position: absolute; inset: 0; pointer-events: none; }
.commerce-map__label { font-family: var(--font-body); fill: #e6eff7; font-size: 15px; font-weight: 600; }
.commerce-map__labels .commerce-map__label { position: absolute; top: var(--label-y,50%); left: var(--label-x,50%); color: #e6eff7; font-size: clamp(.62rem,.92vw,.82rem); line-height: 1.3; white-space: nowrap; text-shadow: 0 2px 7px #071320; padding-left: 17px; }
.commerce-map__labels .commerce-map__label::before { content: ''; position: absolute; left: 0; top: .27em; width: 8px; height: 8px; background: #e1eeff; border: 2px solid #367bff; border-radius: 50%; }
.commerce-map__label--customers { --label-x: 36%; --label-y: 9%; }
.commerce-map__label--operations { --label-x: 77%; --label-y: 6%; }
.commerce-map__label--technology { --label-x: 52%; --label-y: 61%; }
.commerce-map__label--partners { --label-x: 81%; --label-y: 84%; }
.commerce-map[data-active-route="growth"] .commerce-map__label--operations,
.commerce-map[data-active-route="3pl"] .commerce-map__label--operations,
.commerce-map[data-active-route="upmarket"] .commerce-map__label--customers,
.commerce-map[data-active-route="partnerships"] .commerce-map__label--partners { color: #fff; }
.commerce-map[data-active-route="growth"] .commerce-map__label--operations::before,
.commerce-map[data-active-route="3pl"] .commerce-map__label--operations::before,
.commerce-map[data-active-route="upmarket"] .commerce-map__label--customers::before,
.commerce-map[data-active-route="partnerships"] .commerce-map__label--partners::before { background: #fff; border-color: #5d9bff; }
@keyframes commerce-route-flow { to { stroke-dashoffset: -180; } }
.commerce-route-nav { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); position: relative; z-index: 5; width: 100%; border-top: 1px solid #344a5e; margin-top: 16px; }
.commerce-route-nav__link, .commerce-route-nav > a { display: flex; flex-direction: column; justify-content: center; min-width: 0; min-height: 104px; padding: 21px 24px; position: relative; color: #d3e1ed; transition: background-color 250ms var(--commerce-ease), color 250ms var(--commerce-ease); }
.commerce-route-nav__link + .commerce-route-nav__link, .commerce-route-nav > a + a { border-left: 1px solid #344a5e; }
.commerce-route-nav__link::after, .commerce-route-nav > a::after { content: ''; position: absolute; bottom: 0; left: 24px; right: 24px; height: 3px; background: var(--commerce-blue); transform: scaleX(0); transform-origin: left; transition: transform 350ms var(--commerce-ease); }
.commerce-route-nav__link:hover, .commerce-route-nav__link:focus-visible, .commerce-route-nav > a:hover { background: #13283c; color: #fff; }
.commerce-route-nav__link:hover::after, .commerce-route-nav__link.is-active::after, .commerce-route-nav__link[aria-current="page"]::after, .commerce-route-nav > a:hover::after { transform: scaleX(1); }
.commerce-route-nav__label { font-size: 1rem; font-weight: 600; color: inherit; line-height: 1.4; }
.commerce-route-nav__detail { font-size: .77rem; color: #b9cedf; line-height: 1.45; margin-top: 5px; max-width: 35ch; }
.commerce-route-nav__link svg { width: 29px; height: 29px; margin-bottom: 10px; color: #5790ff; flex-shrink: 0; }
.commerce-route-nav .commerce-route-nav__arrow { position: absolute; right: 22px; top: 27px; width: 20px; height: 20px; }
.commerce-hero .buyer-breadcrumb { margin-bottom: 24px; }
.commerce-hero .buyer-breadcrumb ol { color: #c2d4e4; font-size: .75rem; }
.commerce-hero--compact { padding-top: calc(var(--nav-h) + 46px); }
.commerce-hero--compact .commerce-hero__inner { min-height: 320px; }
.commerce-hero--compact .commerce-hero__title { font-size: clamp(2.45rem, 4vw, 3.9rem); }
.commerce-hero--compact .commerce-hero__visual { top: -70px; opacity: .78; }
.commerce-hero--compact .commerce-route-nav__link { min-height: 86px; padding-block: 16px; }
.commerce-page--insights .commerce-hero__title { max-width: 570px; }
.commerce-hero__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 20px; font-size: .79rem; color: #c3d3e2; margin-top: 24px; }
.commerce-hero__back { display: inline-flex; align-items: center; gap: 8px; color: #d8e6f2; font-size: .84rem; text-decoration: underline; margin-bottom: 22px; }
.commerce-reading .commerce-hero__visual { opacity: .65; }
.commerce-proof { background: #e9eff2; padding-block: 29px; border-bottom: 1px solid #cad8df; }
.commerce-proof :is(.hero__stats,.commerce-proof__list) { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; padding: 0; border: 0; margin: 0; }
.commerce-proof :is(.hero__stat,.commerce-proof__item) { display: flex; flex-direction: column; gap: 7px; }
.commerce-proof :is(.hero__stat-value,.commerce-proof__value) { color: #193c5a; font-family: var(--font-display); font-size: 1.85rem; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }
.commerce-proof :is(.hero__stat-label,.commerce-proof__label) { color: #435f72; font-size: .79rem; line-height: 1.5; font-weight: 500; text-transform: none; letter-spacing: 0; }

/* Open pages: large headings, clear measures and horizontal editorial structure. */
.commerce-site .section { padding-block: clamp(65px, 7vw, 110px); }
.commerce-site .section--sm { padding-block: 38px; }
.commerce-site .section--lg { padding-block: clamp(75px, 8vw, 125px); }
.commerce-site .section--surface { background: #ecefeb; }
.commerce-site .section--ink { background: var(--commerce-night); color: #eef4fa; }
.commerce-site .section--ink-soft { background: var(--commerce-night-soft); }
.commerce-site .section__header { max-width: 870px; margin-bottom: 45px; }
.commerce-site .section__header--center { text-align: left; margin-inline: 0; }
.commerce-site .section__title { margin-bottom: 17px; }
.commerce-site .section__desc { font-size: 1.03rem; line-height: 1.75; max-width: 65ch; color: var(--commerce-muted); }
.commerce-site .section--ink :is(.section__desc,.body-lg,.body-md,.body-sm), .commerce-site .section--ink-soft :is(.section__desc,.body-lg,.body-md,.body-sm) { color: #c4d5e3; }
.commerce-site .section--ink :is(.section__title,.heading-xl,.heading-lg,.heading-md), .commerce-site .section--ink-soft :is(.section__title,.heading-xl,.heading-lg,.heading-md) { color: #fff; }
.commerce-editorial + .commerce-editorial:not(.section--surface) { border-top: 1px solid var(--commerce-rule); }
.commerce-site .responsive-split { gap: clamp(32px, 6vw, 86px) !important; }
.commerce-site .responsive-split > * { min-width: 0; }
.commerce-site .card, .commerce-site .segment-card, .commerce-site .service-card {
  background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 32px 0; transition: none; transform: none; height: auto;
}
.commerce-site :is(.card,.segment-card,.service-card):hover { background: transparent; border-color: transparent; box-shadow: none; transform: none; }
.commerce-site :is(.card__title,.segment-card__title,.service-card__title) { font-family: var(--font-display); font-size: clamp(1.5rem, 2.5vw, 2.15rem); color: var(--commerce-ink); font-weight: 700; line-height: 1.2; margin-bottom: 15px; letter-spacing: -.02em; }
.commerce-site :is(.card__body,.segment-card__desc,.service-card__desc) { color: var(--commerce-text); font-size: .98rem; line-height: 1.75; max-width: 65ch; }
.commerce-site .card__link { font-size: .88rem; color: var(--commerce-blue-dark); margin-top: 23px; }
.commerce-site .card--dark :is(.card__title,.segment-card__title) { color: #fff; }
.commerce-site .card--dark .card__body { color: #c0d3e3; }
.commerce-site .card--dark .card__link { color: #7aa7ff; }
.commerce-site .grid-3:has(> .card), .commerce-site .grid-2:has(> .card) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 55px; }
.commerce-site .grid-3 > .card, .commerce-site .grid-2 > .card { border-top: 1px solid #bacad0; }
.commerce-site .section--ink :is(.grid-3,.grid-2) > .card { border-top-color: #3a5267; }
.commerce-site .commerce-lines { display: block !important; max-width: none !important; margin-inline: 0 !important; }
.commerce-site .commerce-lines > li {
  display: grid !important; grid-template-columns: minmax(0,.95fr) minmax(0,1.35fr); column-gap: clamp(28px,6vw,90px);
  padding: 34px 0 !important; background: transparent !important; border: none !important; border-top: 1px solid var(--commerce-rule) !important;
  border-radius: 0 !important; box-shadow: none !important; text-align: left !important; align-items: start;
}
.commerce-site .commerce-lines > li > :is(h3,h2) { grid-column: 1; grid-row: 1 / span 3; }
.commerce-site .commerce-lines > li > :is(p,a,ul,ol) { grid-column: 2; }
.commerce-site .commerce-lines > li > .card__link { justify-self: start; }
.commerce-site .commerce-lines > li > div:only-child { grid-column: 1 / -1; }
.commerce-site .commerce-lines > li > div:nth-child(2) { min-width: 0; }
.commerce-site .commerce-lines > li:first-child { border-top-color: #9cafbc !important; }
.commerce-site .section--ink .commerce-lines > li { border-top-color: #3e556a !important; }
.commerce-site .section--ink .commerce-lines p { color: #c5d6e4 !important; }
.commerce-site .section--ink .commerce-lines h3 { color: #fff !important; }
.commerce-site .commerce-lines .badge { margin-top: 4px; }
.commerce-site section[aria-labelledby="buyer-problems-heading"] { background: #eaf0f3; }
.commerce-site section[aria-labelledby="buyer-problems-heading"] .grid-3 { grid-template-columns: 1fr; gap: 0; }
.commerce-site section[aria-labelledby="buyer-problems-heading"] .card { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.35fr); column-gap: clamp(28px,6vw,90px); border-top: 1px solid #b7c9d1; padding: 33px 0; }
.commerce-site section[aria-labelledby="buyer-problems-heading"] .card__title { grid-row: 1 / span 2; }
.commerce-site section[aria-labelledby="buyer-problems-heading"] .card__body, .commerce-site section[aria-labelledby="buyer-problems-heading"] .card__link { grid-column: 2; }
.commerce-site section[aria-labelledby="buyer-problems-heading"] .card__link { margin-top: 15px; }
.commerce-site .commerce-route-feature { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 0 clamp(35px,6vw,80px); align-items: start; }
.commerce-site .commerce-route-feature__art { grid-column: 1; grid-row: 1 / span 2; margin: 0; position: sticky; top: 116px; overflow: hidden; }
.commerce-site .commerce-route-feature__art img { width: 100%; height: 640px; object-fit: cover; object-position: 72% center; border-radius: 0; }
.commerce-site .commerce-route-feature > .section__header { grid-column: 2; grid-row: 1; margin-bottom: 16px; }
.commerce-site .commerce-route-feature > .section__header .section__title { font-size: clamp(1.85rem,3vw,2.75rem); }
.commerce-site .commerce-route-feature > .commerce-route-list { grid-column: 2; grid-row: 2; }
.commerce-site .commerce-route-feature .commerce-route-list > li { grid-template-columns: 1fr !important; padding: 25px 0 !important; }
.commerce-site .commerce-route-feature .commerce-route-list > li > * { grid-column: 1 !important; grid-row: auto !important; }
.commerce-site .commerce-route-feature .card__title { font-size: 1.6rem; }
.commerce-site .commerce-route-feature .card__body { font-size: .93rem; }
.commerce-site .commerce-route-feature .card__link { font-size: .81rem; }
.commerce-site .commerce-route-list { list-style: none; }
.commerce-site .commerce-route-list > li { border-top: 1px solid #b7c9d1; }
.commerce-site .advisory-tag { border: 0; background: transparent; padding: 5px 0; border-radius: 0; color: var(--commerce-ink); font-weight: 600; font-size: .86rem; }
.commerce-site .advisory-tag:hover { background: transparent; border-color: transparent; }
.commerce-site .advisory-tag__dot { display: none; }
.commerce-site .badge { border-radius: 4px; font-size: .73rem; padding: 5px 9px; }
.commerce-site .badge--blue { border: 0; color: #194bc0; background: #e5edff; }
.commerce-site .badge--gold { border: 0; background: #eeeadb; color: #6c511f; }
.commerce-site .badge--dark { border: 0; background: #283e53; color: #e3edf5; }
.commerce-site .commerce-companies { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); max-width: none !important; gap: 0 60px; margin: 0 !important; }
.commerce-site .commerce-companies > li { background: transparent !important; border: 0 !important; border-top: 1px solid #afc2cc !important; border-radius: 0 !important; padding: 34px 0 !important; box-shadow: none !important; }
.commerce-site .commerce-companies h3 { font-family: var(--font-display); font-size: 2rem !important; line-height: 1.2; margin-bottom: 13px !important; }
.commerce-site .commerce-companies p { font-size: .96rem !important; line-height: 1.75 !important; }
.commerce-site .commerce-panel { background: transparent !important; border: 0 !important; border-top: 1px solid #adbfca !important; border-radius: 0 !important; padding: 24px 0 !important; box-shadow: none !important; }
.commerce-site .commerce-panel h3 { font-family: var(--font-display); font-size: 1.5rem !important; margin-bottom: 16px !important; }
.commerce-site .commerce-panel :is(p,li) { font-size: .94rem !important; line-height: 1.75 !important; }
.commerce-site .commerce-biography .commerce-portrait { width: 100%; max-width: 380px; height: auto; aspect-ratio: 4 / 5; border-radius: 8px !important; box-shadow: none !important; }
.commerce-site .commerce-proof-ledger { padding-block: 30px !important; border-block: 1px solid #b8cad3; background: transparent !important; }
.commerce-site .commerce-proof-ledger .stat-block { border: 0 !important; }
.commerce-page--impact section[aria-label="Summary metrics"] { padding-block: 32px; }
.commerce-page--impact section[aria-label="Summary metrics"] .commerce-proof-ledger {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px 32px;
  padding-block: 0 !important;
  border-block: 0;
}
.commerce-page--impact section[aria-label="Summary metrics"] .stat-block { min-width: 0; padding: 0; }
.commerce-page--impact section[aria-label="Summary metrics"] .stat-block__label { overflow-wrap: anywhere; }
@media (max-width: 900px) {
  .commerce-page--impact section[aria-label="Summary metrics"] { padding-block: 24px; }
  .commerce-page--impact section[aria-label="Summary metrics"] .commerce-proof-ledger {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}
.commerce-site .commerce-case-ledger { border-radius: 8px !important; background: var(--commerce-night-soft) !important; border: 0 !important; box-shadow: none !important; padding: 32px !important; }
.commerce-site .commerce-case-ledger p { color: #c9d9e6 !important; }
.commerce-site .commerce-case-ledger :is(h3,strong) { color: #fff !important; }
.commerce-site .commerce-case-ledger [style*="font-family"] { color: #fff !important; }

/* Actual outcomes and career chapters read as evidence, not dashboard tiles. */
.commerce-site .commerce-chapters { border-top: 1px solid #c5d2d5; }
.commerce-site .commerce-chapters .responsive-split { grid-template-columns: minmax(0,.9fr) minmax(0,1.5fr) !important; }
.commerce-site .commerce-chapters .responsive-split > *[style*="order:2"] { order: 0 !important; }
.commerce-site .commerce-chapters .responsive-split > *[style*="order:1"] { order: 0 !important; }
.commerce-site .commerce-chapters :is(h2,h3) { font-family: var(--font-display); font-size: clamp(1.7rem,3vw,2.8rem) !important; line-height: 1.18; }
.commerce-site .commerce-chapters :is(p,li) { line-height: 1.75; }
.commerce-site .commerce-service-chapter { grid-template-columns: minmax(0,1.3fr) minmax(0,.8fr) !important; padding: 48px 0 !important; margin-bottom: 0 !important; border-bottom: 1px solid #b6c9d3 !important; }
.commerce-site .commerce-service-chapter > div:last-child { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 18px 0 0 !important; }
.commerce-site .commerce-service-chapter h3 { font-family: var(--font-display); font-size: clamp(1.8rem,3vw,2.5rem) !important; line-height: 1.18; }
.commerce-site .impact-block { padding: 29px 0; border: 0; border-top: 1px solid #bacbd2; background: transparent; border-radius: 0; }
.commerce-site .impact-block__company { font-size: .83rem; text-transform: none; letter-spacing: 0; color: var(--commerce-muted); }
.commerce-site .impact-block__headline { font-family: var(--font-display); font-size: 1.65rem; line-height: 1.3; }
.commerce-site .impact-block__body { font-size: .95rem; }
.commerce-site .impact-block__metrics { margin-top: 26px; gap: 30px; }
.commerce-site .impact-metric__value { font-size: 1.9rem; }
.commerce-site .impact-metric__label { font-size: .74rem; letter-spacing: 0; text-transform: none; }
.commerce-site .stat-block { text-align: left; padding: 22px 30px 22px 0; }
.commerce-site .stat-block__value { font-size: clamp(1.7rem, 3vw, 2.6rem); }
.commerce-site .stat-block__label { max-width: 25ch; }
.commerce-site .timeline { padding-left: 34px; }
.commerce-site .timeline::before { left: 6px; background: #7ca1c2; }
.commerce-site .timeline__dot { left: -34px; top: 12px; width: 13px; height: 13px; border: 3px solid var(--commerce-paper); background: var(--commerce-blue); box-shadow: none; }
.commerce-site .timeline__item { padding-bottom: 56px; }
.commerce-site .timeline__period { text-transform: none; letter-spacing: 0; font-size: .78rem; font-weight: 500; }
.commerce-site .timeline__company { font-family: var(--font-display); font-size: 2rem; margin-bottom: 9px; }
.commerce-site .timeline__role { color: #38566e; font-size: .94rem; }
.commerce-site .timeline__desc, .commerce-site .timeline__bullet { font-size: .94rem; line-height: 1.75; }
.commerce-site .timeline__bullet::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--commerce-blue); margin-top: .67em; }
.commerce-site .pullquote { padding: 30px 0; background: transparent; border-radius: 0; border-block: 1px solid #a9bdca; }
.commerce-site .pullquote::before { display: none; }
.commerce-site .pullquote__text { font-size: clamp(1.2rem,2.4vw,1.7rem); line-height: 1.55; }
.commerce-site .segment-card__challenge::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--commerce-blue); margin-top: .67em; }

/* Comparison content remains available to keyboards and narrow screens. */
.commerce-site .comparison-table-wrap { margin-block: 38px; background: #fff; border: 0; border-radius: 0; box-shadow: none; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-color: #6f889a #e5ebee; }
.commerce-site .comparison-table { font-size: .88rem; line-height: 1.75; font-variant-numeric: tabular-nums; min-width: 660px; }
.commerce-site .comparison-table caption { font-size: 1rem; font-weight: 600; color: #eef5fb; background: var(--commerce-night-soft); padding: 21px 25px; }
.commerce-site .comparison-table th, .commerce-site .comparison-table td { padding: 20px 25px; border-top-color: #d9e2e7; }
.commerce-site .comparison-table thead th { color: #25435a; background: #e9eff2; font-weight: 600; }
.commerce-site .comparison-table tbody th { color: #203c53; font-weight: 600; width: 24%; }
.commerce-site .comparison-table tbody tr:nth-child(even) { background: #f6f8f9; }
.commerce-site .comparison-table a { color: var(--commerce-blue-dark); }

/* Reading pages carry the map motif once, then give the words their own space. */
.commerce-site .commerce-reading { padding-block: clamp(54px,7vw,95px); }
.commerce-site .commerce-reading[data-article-updated] { padding-block: 24px 0; }
.commerce-site article.commerce-reading { padding-top: 30px; }
.commerce-site article.commerce-reading > .container.commerce-reading { padding-block: 0; }
.commerce-site .commerce-reading > .container, .commerce-site .commerce-reading.container { max-width: 1060px !important; }
.commerce-readable .commerce-reading.container { max-width: calc(var(--commerce-reading-measure) + 2 * var(--commerce-gutter)) !important; padding-inline: var(--commerce-gutter); }
.commerce-site .commerce-pullquote { margin-block: var(--commerce-quote-space); }
.commerce-site article.commerce-reading > .container > .commerce-pullquote:first-child { margin-top: 0; }
.commerce-site .article-body, .commerce-site .buyer-copy { max-width: 740px; }
.commerce-site .article-body p, .commerce-site .article-body li, .commerce-site .buyer-copy p, .commerce-site .buyer-copy li { color: var(--commerce-text); font-size: 1.055rem; line-height: 1.83; }
.commerce-site .article-body p { margin-bottom: 1.45rem; }
.commerce-site .article-body h2, .commerce-site .buyer-copy h2 { font-family: var(--font-display); font-size: clamp(1.65rem,2.8vw,2.2rem); font-weight: 700; line-height: 1.25; color: var(--commerce-ink); margin: 2.9rem 0 1.05rem; letter-spacing: -.025em; }
.commerce-site .article-body h3, .commerce-site .buyer-copy h3 { margin: 1.8rem 0 .65rem; font-size: 1.1rem; color: var(--commerce-ink); }
.commerce-site .article-body strong, .commerce-site .buyer-copy strong { color: var(--commerce-ink); }
.commerce-site .article-body a, .commerce-site .buyer-copy a { color: var(--commerce-blue-dark); text-decoration: underline; }
.commerce-site .article-body :is(ul,ol) { margin: 1.3rem 0 1.7rem; }
.commerce-site .article-body .commerce-lines > li { grid-template-columns: 1fr; padding: 23px 0 !important; }
.commerce-site .article-body .commerce-lines > li > * { grid-column: 1; }
.commerce-site .article-body .commerce-lines h3 { margin-top: 0; }
.commerce-site .author-block { border-top-color: #b4c7d1 !important; margin-top: 58px !important; padding-top: 28px !important; }
.commerce-site .author-block p { max-width: 70ch; line-height: 1.75; }
.commerce-site .commerce-author { gap: 22px !important; }
.commerce-site .commerce-author__portrait { width: 76px; height: 94px; aspect-ratio: 4 / 5; object-fit: cover; object-position: center top; border-radius: 6px; flex-shrink: 0; }
.commerce-site .buyer-layout { grid-template-columns: minmax(0,740px) minmax(220px,280px); gap: clamp(38px,6vw,90px); }
.commerce-site .buyer-layout > .buyer-copy { grid-column: 1; grid-row: 1; }
.commerce-site .buyer-layout > .buyer-sidebar { grid-column: 2; grid-row: 1; }
.commerce-site .buyer-copy section { margin-bottom: 54px; }
.commerce-site .buyer-copy.commerce-reading, .commerce-site .buyer-copy .commerce-reading { padding-block: 0; }
.commerce-site .commerce-buyer-detail { margin: 24px 0 28px; overflow: hidden; }
.commerce-site .commerce-buyer-detail img { width: 100%; aspect-ratio: 2.3; object-fit: cover; object-position: center; }
.commerce-site .buyer-copy section:first-child h2 { margin-top: 0; }
.commerce-site .buyer-sidebar { background: transparent; border: 0; border-top: 2px solid #7697af; padding: 22px 0; border-radius: 0; top: 118px; }
.commerce-site .buyer-sidebar h2 { font-size: 1rem; color: #1b3a54; }
.commerce-site .buyer-sidebar ul { gap: 0; }
.commerce-site .buyer-sidebar li { border-bottom: 1px solid #d0dde4; }
.commerce-site .buyer-sidebar a { display: block; padding: 11px 0; font-size: .83rem; line-height: 1.55; color: #365267; text-decoration: none; }
.commerce-site .buyer-sidebar a:hover, .commerce-site .buyer-sidebar a.is-current { color: var(--commerce-blue-dark); }
.commerce-site .buyer-sidebar__contact { margin-top: 23px; border-top: 0; padding-top: 0; }
.commerce-site .buyer-sidebar__contact a { text-decoration: underline; }
.commerce-site .buyer-copy .comparison-table { min-width: 540px; }
.commerce-site .faq-item { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.35fr); column-gap: 55px; padding: 34px 0; border-bottom-color: #bacbd4; }
.commerce-site .faq-item h2 { grid-column: 1; grid-row: 1 / span 3; font-family: var(--font-display); font-size: 1.6rem; line-height: 1.3; }
.commerce-site .faq-item p { grid-column: 2; font-size: .98rem; margin-bottom: .75rem; color: var(--commerce-text); line-height: 1.8; }
.commerce-site .commerce-reading > .container > div > section { padding-top: 26px; border-top: 1px solid #c6d4dc; }
.commerce-site .commerce-reading > .container > div > section h2 { font-family: var(--font-display); font-size: 1.6rem !important; }

/* Articles are editorial features, including a clear state for unpublished topics. */
.commerce-site .commerce-article-index { display: block !important; }
.commerce-site .commerce-article-index .insight-card { display: grid; grid-template-columns: minmax(0,.86fr) minmax(0,1.3fr); align-items: center; gap: clamp(30px,5vw,75px); padding: 39px 0; border: 0; border-top: 1px solid #b9cad1; border-radius: 0; background: transparent; box-shadow: none; }
.commerce-site .insight-card:hover { transform: none; box-shadow: none; border-color: #b9cad1; }
.commerce-site .insight-card__image { background-color: var(--commerce-night); background-image: var(--commerce-art, none); background-size: cover; background-position: center; border-radius: 8px; aspect-ratio: 1.55; }
.commerce-site .insight-card:nth-child(even) .insight-card__image { background-position: 72% 60%; }
.commerce-site .insight-card__image img { width: 100%; height: 100%; object-fit: cover; }
.commerce-site .insight-card__image-label { display: none; }
.commerce-site .insight-card__body { padding: 0; }
.commerce-site .insight-card__title { font-family: var(--font-display); font-size: clamp(1.6rem,2.7vw,2.45rem); line-height: 1.22; margin-bottom: 15px; font-weight: 700; color: var(--commerce-ink); letter-spacing: -.025em; }
.commerce-site .insight-card__excerpt { font-size: .98rem; line-height: 1.75; color: var(--commerce-text); margin-bottom: 19px; }
.commerce-site .insight-card__meta { justify-content: flex-start; gap: 20px; font-size: .79rem; color: #526f82; }
.commerce-site .commerce-article-index .commerce-line--future { grid-template-columns: 1fr; padding-block: 27px; }
.commerce-site .commerce-line--future .insight-card__image { display: none; }
.commerce-site .commerce-line--future .insight-card__title { font-family: var(--font-body); font-size: 1.18rem; letter-spacing: -.015em; }
.commerce-site .commerce-line--future .insight-card__excerpt { margin-bottom: 11px; font-size: .91rem; max-width: 75ch; }
.commerce-site .commerce-article-art--2 { background-position: 76% 60%; }
.commerce-site .commerce-article-art--1 { background-position: 35% 30%; }
.commerce-site .commerce-insights .responsive-split { border-radius: 0 !important; padding: 45px !important; }

/* An inquiry has a calm writing surface and every existing validation state. */
.commerce-site .commerce-contact .responsive-split { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr) !important; gap: clamp(40px,7vw,100px) !important; }
.commerce-site .commerce-contact-layout > .commerce-contact-info { grid-column: 1; grid-row: 1; }
.commerce-site .commerce-contact-layout > .commerce-contact-inquiry { grid-column: 2; grid-row: 1; }
.commerce-site .commerce-form-plane { padding: 38px !important; background: #fff !important; border: 0 !important; border-radius: 10px !important; box-shadow: 0 18px 45px rgba(17,39,56,.09) !important; }
.commerce-site .contact-email { background: transparent; border: 0; border-top: 1px solid #b8cad4; border-bottom: 1px solid #b8cad4; padding: 22px 0; border-radius: 0; }
.commerce-site .contact-email a { font-family: var(--font-display); font-size: 1.7rem; color: var(--commerce-blue-dark); }
.commerce-site .commerce-contact a[href*="linkedin.com"] { overflow-wrap: anywhere; }
.commerce-site .commerce-contact-process { gap: 0 !important; }
.commerce-site .commerce-contact-process > li { padding-block: 17px; border-bottom: 1px solid #c2d1d9; }
.commerce-site .commerce-contact-process > li:first-child { border-top: 1px solid #c2d1d9; }
.commerce-site .commerce-contact-process h3, .commerce-site .commerce-contact-process p { line-height: 1.75; }
.commerce-site .form { gap: 24px; }
.commerce-site .form-row { gap: 22px; }
.commerce-site .form-label { color: #233e53; font-size: .85rem; font-weight: 600; }
.commerce-site .form-label span { color: #546d7f; }
.commerce-site :is(.form-input,.form-select,.form-textarea) { min-height: 50px; border: 1px solid #a9bdcc; border-radius: 5px; background-color: #fafcfd; font-size: .91rem; color: #1e3a50; padding: 13px 14px; transition: border-color 180ms ease; }
.commerce-site .form-select { padding-right: 42px; }
.commerce-site :is(.form-input,.form-textarea)::placeholder { color: #5b7181; }
.commerce-site :is(.form-input,.form-select,.form-textarea):focus { border-color: var(--commerce-blue-dark); background-color: #fff; box-shadow: none; outline: 2px solid #3c73ea; outline-offset: 2px; }
.commerce-site .form-hint { color: #526b7b; font-size: .77rem; }
.commerce-site .form-error { color: #9b2727; }
.commerce-site .form-field.error :is(.form-input,.form-textarea,.form-select) { border-color: #ad3535; }
.commerce-site .form-status { color: #8d2424; background: #fff2ef; border-color: #e9b2a9; }
.commerce-site .form-success { padding: 44px 12px; }
.commerce-site .form-success__icon { background: #e3f3ed; color: #1a7154; }

/* The last invitation and footer form a strong, uninterrupted closing. */
.commerce-site .cta-section { background: #174ed0; padding-block: clamp(70px,8vw,115px); text-align: left; }
.commerce-site .cta-section__inner { max-width: 1100px !important; margin-inline: 0 !important; text-align: left !important; }
.commerce-site .cta-section .display-md { max-width: 900px; font-size: clamp(2.1rem,4.8vw,4rem); line-height: 1.13; margin-bottom: 24px; }
.commerce-site .cta-section__desc { max-width: 65ch; font-size: 1.06rem; line-height: 1.75; color: #e3edff; margin-bottom: 31px; }
.commerce-site .cta-section__actions { justify-content: flex-start; gap: 15px; }
.commerce-site .cta-section__actions .btn:not(.btn--white) { color: #fff !important; border-color: #9bb8ff !important; }
.commerce-site .footer { padding-block: 75px 30px; background: var(--commerce-night); border-top: 0; color: #bbcedd; }
.commerce-site .footer__grid { grid-template-columns: 1.5fr .8fr .9fr 1.2fr; gap: 50px; margin-bottom: 63px; }
.commerce-site .footer__logo-mark { background: transparent; font-family: var(--font-display); justify-content: flex-start; font-size: 2.8rem; width: auto; height: 48px; padding: 0; border-radius: 0; }
.commerce-site .footer__brand-desc { color: #bdcddd; font-size: .92rem; line-height: 1.75; max-width: 30ch; }
.commerce-site .footer__col-title { color: #eef4fa; text-transform: none; letter-spacing: 0; font-size: .92rem; font-weight: 600; margin-bottom: 22px; }
.commerce-site .footer__link { color: #bbcedf; font-size: .84rem; padding-block: 2px; }
.commerce-site .footer__link:hover { color: #fff; text-decoration: underline; }
.commerce-site .footer__grid > div:last-child p { color: #bbcedf !important; font-size: .9rem !important; }
.commerce-site .footer__bottom { border-top-color: #354d61; padding-top: 25px; }
.commerce-site .footer__copyright, .commerce-site .footer__bottom-link, .commerce-site .analytics-settings-button { color: #a9bfce; font-size: .74rem; }
.commerce-site .footer__bottom-link:hover { color: #fff; }
.commerce-site .analytics-consent { background: #f7fafc; border-top: 1px solid #90aabe; box-shadow: 0 -9px 28px rgba(11,23,37,.14); color: #2d485d; }
.commerce-site .analytics-consent__button { border-radius: 5px; border-color: #174ed0; color: #1748b2; background: #fff; }
.commerce-site .analytics-consent__button--allow { background: #174ed0; color: #fff; }
.commerce-site .analytics-consent__button--allow:hover { background: #103daa; }
.commerce-site .analytics-consent__content p { color: #3a5265; }

@media (min-width: 1440px) {
  .commerce-hero__inner { min-height: 510px; }
  .commerce-hero__visual { right: -130px; width: calc(68% + 155px); top: -35px; }
}
@media (max-width: 1200px) {
  .commerce-site .nav__link { padding-inline: 8px; font-size: .78rem; }
  .commerce-site .nav__inner { gap: 18px; }
  .commerce-site .nav__cta .btn { padding-inline: 16px; font-size: .76rem; }
  .commerce-hero__visual { right: -95px; width: calc(65% + 110px); top: 0; }
  .commerce-hero__inner { min-height: 490px; }
  .commerce-hero__title { font-size: clamp(2.8rem,5.2vw,4.4rem); }
  .commerce-site .footer__grid { gap: 32px; }
}
@media (max-width: 1024px) {
  :root { --nav-h: 76px; }
  .commerce-site .nav__links, .commerce-site .nav__cta { display: none; }
  .commerce-site .nav__toggle { display: flex; }
  .commerce-site .nav__logo-name { font-size: 1.65rem; }
  .commerce-hero { padding-top: calc(var(--nav-h) + 40px); }
  .commerce-hero__inner { grid-template-columns: minmax(0,1fr) minmax(0,.78fr); min-height: 460px; }
  .commerce-hero__visual { width: calc(60% + 100px); top: 34px; }
  .commerce-hero__title { font-size: clamp(2.5rem,5.3vw,3.8rem); }
  .commerce-hero__intro { font-size: 1rem; }
  .commerce-hero__actions .btn { font-size: .79rem; padding: 12px 17px; }
  .commerce-route-nav__link, .commerce-route-nav > a { padding-inline: 17px; }
  .commerce-route-nav__label { font-size: .9rem; }
  .commerce-route-nav__detail { font-size: .73rem; }
  .commerce-site .footer__grid { grid-template-columns: 1.3fr 1fr; gap: 42px 50px; }
  .commerce-site .buyer-layout { grid-template-columns: minmax(0,1fr) 230px; gap: 35px; }
}
@media (max-width: 900px) {
  .commerce-site .buyer-layout { grid-template-columns: minmax(0,1fr); }
  .commerce-site .buyer-layout > .buyer-copy { grid-column: 1; grid-row: 2; }
  .commerce-site .buyer-layout > .buyer-sidebar { grid-column: 1; }
  .commerce-site .buyer-sidebar { position: static; grid-row: 1; padding: 20px 0; border-top-width: 1px; }
  .commerce-site .buyer-sidebar ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 20px; }
  .commerce-site .buyer-sidebar__contact { display: none; }
  .commerce-site .buyer-copy { max-width: 100%; }
  .commerce-site .commerce-contact .responsive-split { grid-template-columns: minmax(0,1fr) !important; }
  .commerce-site .commerce-contact-layout > .commerce-contact-inquiry { grid-column: 1; grid-row: 1; }
  .commerce-site .commerce-contact-layout > .commerce-contact-info { grid-column: 1; grid-row: 2; }
}
@media (max-width: 768px) {
  :root { --commerce-gutter: 24px; }
  .commerce-site .container, .commerce-site .container--md { padding-inline: var(--commerce-gutter); }
  .commerce-hero { padding-top: calc(var(--nav-h) + 34px); }
  .commerce-hero__inner { display: flex; flex-direction: column; gap: 0; min-height: 0; }
  .commerce-hero__copy { width: 100%; max-width: none; padding-bottom: 0; }
  .commerce-hero__title, .commerce-hero :is(.hero__headline,.page-header__title) { font-size: clamp(2.6rem,7.2vw,4rem); max-width: 670px; margin-bottom: 22px; line-height: 1.11; }
  .commerce-hero__intro { max-width: 630px; font-size: 1.02rem; line-height: 1.75; }
  .commerce-hero__actions { gap: 11px; margin-bottom: 0; }
  .commerce-hero__actions .btn { font-size: .84rem; }
  .commerce-hero__identity { margin-top: 25px; gap: 15px; align-items: center; }
  .commerce-portrait { width: 75px; height: 92px; border-radius: 6px; }
  .commerce-hero__identity strong { font-size: .95rem; }
  .commerce-hero__visual { position: relative; top: auto; right: auto; width: calc(100% + 48px); margin: 18px -24px -3px; min-height: 0; mask-image: none; }
  .commerce-map { min-height: 0; aspect-ratio: 1760 / 894; transform: none; transition: none; }
  .commerce-map__image { object-fit: contain; object-position: center; }
  .commerce-map__label { font-size: 17px; }
  .commerce-map__labels .commerce-map__label { font-size: .62rem; padding-left: 12px; }
  .commerce-map__labels .commerce-map__label::before { width: 6px; height: 6px; border-width: 1px; }
  .commerce-map__label--partners { --label-x: 73%; --label-y: 85%; }
  .commerce-map__label--operations { --label-x: 73%; --label-y: 7%; }
  .commerce-route-nav { margin-top: 0; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .commerce-route-nav__link, .commerce-route-nav > a { padding: 19px 12px; min-height: 94px; }
  .commerce-route-nav__label { font-size: .78rem; font-weight: 600; }
  .commerce-route-nav__detail { display: none; }
  .commerce-route-nav__link svg { width: 25px; height: 25px; margin-bottom: 8px; }
  .commerce-route-nav__link::after { left: 12px; right: 12px; }
  .commerce-route-nav .commerce-route-nav__arrow { display: none; }
  .commerce-hero--compact .commerce-hero__inner { min-height: 0; }
  .commerce-hero--compact .commerce-hero__visual { min-height: 0; opacity: 1; top: auto; margin-top: 15px; }
  .commerce-hero--compact .commerce-map { min-height: 0; aspect-ratio: 1760 / 894; }
  .commerce-hero--compact .commerce-hero__title { font-size: clamp(2.4rem,7.2vw,3.6rem); }
  .commerce-hero--compact .commerce-route-nav__link { min-height: 80px; }
  .commerce-site .section { padding-block: 62px; }
  .commerce-site .section--sm { padding-block: 28px; }
  .commerce-proof { padding-block: 25px; }
  .commerce-proof :is(.hero__stats,.commerce-proof__list) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
  .commerce-proof :is(.hero__stat-value,.commerce-proof__value) { font-size: 1.6rem; }
  .commerce-site .section__header { margin-bottom: 30px; }
  .commerce-site .section__title, .commerce-site .heading-xl { font-size: clamp(1.9rem,6vw,2.7rem); }
  .commerce-site .section__desc { font-size: 1rem; }
  .commerce-site .responsive-split, .commerce-site .commerce-chapters .responsive-split { grid-template-columns: 1fr !important; gap: 32px !important; }
  .commerce-site .grid-3:has(> .card), .commerce-site .grid-2:has(> .card) { grid-template-columns: 1fr; gap: 0; }
  .commerce-site :is(.grid-2,.grid-3,.grid-4) { grid-template-columns: 1fr; }
  .commerce-site .commerce-lines > li, .commerce-site section[aria-labelledby="buyer-problems-heading"] .card { grid-template-columns: 1fr !important; gap: 0; padding: 27px 0 !important; }
  .commerce-site .commerce-lines > li > *, .commerce-site section[aria-labelledby="buyer-problems-heading"] .card > * { grid-column: 1 !important; grid-row: auto !important; }
  .commerce-site .commerce-lines > li > h3 { margin-bottom: 13px; }
  .commerce-site .commerce-lines .card__link { margin-top: 18px; }
  .commerce-site .commerce-route-feature { grid-template-columns: 1fr; gap: 26px; }
  .commerce-site .commerce-route-feature > .section__header { grid-column: 1; grid-row: 1; margin-bottom: 0; }
  .commerce-site .commerce-route-feature__art { grid-column: 1; grid-row: 2; position: static; }
  .commerce-site .commerce-route-feature__art img { height: auto; aspect-ratio: 1.45; object-position: 73% center; }
  .commerce-site .commerce-route-feature > .commerce-route-list { grid-column: 1; grid-row: 3; }
  .commerce-site .commerce-service-chapter { grid-template-columns: 1fr !important; padding: 34px 0 !important; }
  .commerce-site .commerce-companies { grid-template-columns: 1fr; }
  .commerce-site .commerce-companies > li { padding: 28px 0 !important; }
  .commerce-site .comparison-table-wrap { margin-block: 28px; margin-right: calc(-1 * var(--commerce-gutter)); }
  .commerce-site .comparison-table { min-width: 600px; }
  .commerce-site .comparison-table th, .commerce-site .comparison-table td { padding: 16px 20px; }
  .commerce-site .faq-item { grid-template-columns: 1fr; gap: 0; padding: 27px 0; }
  .commerce-site .faq-item > * { grid-column: 1 !important; grid-row: auto !important; }
  .commerce-site .faq-item h2 { font-size: 1.55rem; margin-bottom: 15px; }
  .commerce-site .article-body p, .commerce-site .article-body li, .commerce-site .buyer-copy p, .commerce-site .buyer-copy li { font-size: 1rem; line-height: 1.8; }
  .commerce-site .article-body h2, .commerce-site .buyer-copy h2 { font-size: 1.75rem; margin-top: 2.6rem; }
  .commerce-site .commerce-article-index .insight-card { grid-template-columns: 1fr; gap: 24px; padding: 30px 0; }
  .commerce-site .insight-card__image { aspect-ratio: 1.8; }
  .commerce-site .insight-card__title { font-size: 1.85rem; }
  .commerce-site .commerce-insights .responsive-split { padding: 28px !important; }
  .commerce-site .commerce-form-plane { padding: 28px 22px !important; }
  .commerce-site .commerce-biography .commerce-portrait { max-width: 310px; }
  .commerce-site .commerce-case-ledger { padding: 26px !important; }
  .commerce-site .form-row { grid-template-columns: 1fr; gap: 24px; }
  .commerce-site .contact-email a { font-size: 1.5rem; }
  .commerce-site .cta-section { padding-block: 68px; }
  .commerce-site .cta-section .display-md { font-size: 2.45rem; }
  .commerce-site .cta-section__actions { align-items: flex-start; }
  .commerce-site .footer { padding-top: 54px; }
  .commerce-site .footer__grid { gap: 37px 30px; margin-bottom: 40px; }
  .commerce-site .footer__brand { grid-column: 1 / -1; }
  .commerce-site .footer__grid > div:last-child { grid-column: 1 / -1; }
  .commerce-site .footer__bottom { align-items: flex-start; gap: 20px; }
  .commerce-site .analytics-consent__inner { gap: 15px; }
}
@media (max-width: 480px) {
  .commerce-hero__title, .commerce-hero :is(.hero__headline,.page-header__title) { font-size: 2.65rem; }
  .commerce-hero__intro { font-size: 1rem; }
  .commerce-hero__actions { flex-direction: column; align-items: stretch; }
  .commerce-hero__actions .btn, .commerce-hero .hero__ctas .btn { width: 100%; justify-content: center; }
  .commerce-hero__identity { margin-top: 23px; }
  .commerce-hero__visual { margin-top: 15px; }
  .commerce-map { aspect-ratio: 1760 / 894; }
  .commerce-route-nav__link, .commerce-route-nav > a { padding-inline: 9px; min-height: 97px; }
  .commerce-route-nav__label { font-size: .76rem; }
  .commerce-site .btn--lg { padding-inline: 18px; width: auto; }
  .commerce-site .cta-section__actions .btn { width: 100%; justify-content: center; }
  .commerce-site .buyer-sidebar ul { grid-template-columns: 1fr; }
  .commerce-site .footer__grid { grid-template-columns: 1fr 1fr; }
  .commerce-site .footer__bottom-links { gap: 18px; }
  .commerce-site .pullquote { padding-inline: 0; }
}
@media (max-width: 360px) {
  :root { --commerce-gutter: 20px; }
  .commerce-site .container { padding-inline: var(--commerce-gutter); }
  .commerce-hero__title { font-size: 2.4rem; }
  .commerce-route-nav__label { font-size: .71rem; }
  .commerce-site .nav__logo-name { font-size: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .commerce-site { scroll-behavior: auto; }
  .commerce-map { transform: none; transition: none; }
  .commerce-map__flow { animation: none; stroke-dasharray: none; opacity: .6; }
  .commerce-site *, .commerce-site *::before, .commerce-site *::after { animation: none !important; transition: none !important; }
}
@media print {
  .commerce-site .commerce-hero { padding: 0; background: #fff; color: #000; }
  .commerce-site .commerce-hero__inner { display: block; min-height: 0; }
  .commerce-site .commerce-hero__title, .commerce-site .commerce-hero__intro { color: #000; }
  .commerce-site .commerce-hero__visual, .commerce-site .commerce-route-nav, .commerce-site .commerce-hero__actions { display: none; }
  .commerce-site .section { padding-block: 25px; }
  .commerce-site .comparison-table-wrap { overflow: visible; }
  .commerce-site .comparison-table { min-width: 0; font-size: 9pt; }
  .commerce-site .buyer-layout { display: block; }
  .commerce-site .buyer-sidebar { display: none; }
}
/* Shared semantic header hooks and progressive navigation fallback. */
.commerce-hero__name,.commerce-route-nav__label,.commerce-route-nav__detail { display:block; }
.commerce-hero__identity .commerce-hero__name { font-size:1.02rem; font-weight:600; color:#f4f7fa; margin-bottom:5px; }
.commerce-hero__role { display:block; }
.commerce-hero__back svg { width:18px; height:18px; transform:rotate(180deg); }
.commerce-route-nav__text { min-width:0; }
.commerce-route-nav__detail { margin-top:6px; font-weight:400; color:#bacddf; }
.commerce-route-nav__link.is-active { color:#fff; border-bottom-color:#5d91ff; }
.buyer-sidebar a.is-active { color:#174ed0; font-weight:650; }
@media (max-width:1150px) {
 .commerce-site:not(.commerce-ready) .nav__toggle { display:none; }
 .commerce-site:not(.commerce-ready) .nav__mobile { display:flex; position:relative; top:var(--nav-h); padding-bottom:30px; margin-bottom:var(--nav-h); box-shadow:none; }
}

/* Keep the illustration generous while protecting reading and the first action. */
@media (min-width:901px) {
 .commerce-hero__inner { grid-template-columns:minmax(0,1.09fr) minmax(0,.91fr); min-height:490px; }
 .commerce-hero__copy { max-width:710px; padding-bottom:26px; }
 .commerce-hero__title { font-size:clamp(2.65rem,4.5vw,4.3rem); max-width:710px; }
 .commerce-hero__intro { max-width:500px; }
 .commerce-hero__visual { mask-image:linear-gradient(to right,transparent,transparent 13%,#000 34%,#000); }
 .commerce-hero__identity { margin-top:22px; }
 .commerce-hero__identity .commerce-portrait { width:88px; height:108px; }
 .commerce-route-nav__link { flex-direction:row; align-items:center; justify-content:flex-start; gap:17px; min-height:86px; padding:18px 24px; }
 .commerce-route-nav__link svg { margin:0; width:32px; height:32px; }
 .commerce-hero--compact .commerce-hero__inner { min-height:275px; }
 .commerce-hero--compact .commerce-hero__title { font-size:clamp(2.4rem,3.7vw,3.25rem); max-width:760px; }
 .commerce-hero--compact .commerce-hero__identity { margin-top:16px; align-items:center; }
 .commerce-hero--compact .commerce-hero__identity .commerce-portrait { width:48px; height:58px; }
 .commerce-hero--compact .commerce-route-nav__link { min-height:78px; padding-block:14px; }
 .commerce-hero--compact .commerce-hero__visual { opacity:.43; }
 .commerce-hero--article .commerce-hero__copy { max-width:760px; }
}
.commerce-hero .btn--primary:hover { background:#1d55de; }
@media (max-width:900px) {
 .commerce-route-nav__detail { display:none; }
 .commerce-route-nav__link { flex-direction:column; gap:7px; justify-content:center; min-height:100px; padding:17px 9px; }
 .commerce-route-nav__link svg { margin:0; }
 .commerce-hero__identity .commerce-portrait { width:60px; height:74px; }
 .commerce-hero--compact .commerce-hero__visual { position:absolute; top:105px; right:-185px; width:430px; margin:0; opacity:.19; pointer-events:none; }
 .commerce-hero--compact .commerce-hero__inner { grid-template-columns: minmax(0,1fr); min-height:0; }
 .commerce-hero--compact .commerce-map__labels { display:none; }
 .commerce-hero--compact .commerce-hero__identity .commerce-portrait { width:44px; height:54px; }
 .commerce-hero--compact .commerce-hero__identity { margin-top:17px; }
 .commerce-hero--compact .commerce-hero__copy { padding-bottom:28px; }
 .commerce-hero--compact .commerce-route-nav__link { min-height:92px; }
}

/* Finish review: the Services fold keeps the approved portrait and panorama. */
.commerce-page--services section.commerce-signature { background:#fbfbfc; overflow:hidden; position:relative; }
.commerce-page--services .commerce-signature .commerce-route-feature { display:block; position:relative; }
.commerce-page--services .commerce-signature .commerce-route-feature__art { position:absolute; top:-110px; left:24%; right:calc(-1 * clamp(24px,5.5vw,80px)); width:auto; height:430px; margin:0; z-index:0; mask-image:linear-gradient(to right,transparent,#000 30%); }
.commerce-page--services .commerce-signature .commerce-route-feature__art img { width:100%; height:100%; object-fit:cover; object-position:center; }
.commerce-page--services .commerce-signature .section__header { position:relative; z-index:1; max-width:540px; min-height:350px; margin-bottom:30px; }
.commerce-page--services .commerce-signature .commerce-route-feature > .section__header .section__title { font-size:clamp(2.5rem,3.7vw,3.55rem); line-height:1.12; max-width:500px; }
.commerce-page--services .commerce-signature .section__title::after { content:''; display:block; width:58px; height:3px; background:#2464ff; margin-top:24px; }
.commerce-page--services .commerce-signature .section__desc { max-width:420px; }
.commerce-page--services .commerce-signature .commerce-route-list { position:relative; z-index:1; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.commerce-page--services .commerce-signature .commerce-route-list > li { border-top:1px solid #d5dedf; }
@media (min-width:1101px) {
 .commerce-page--services .commerce-hero > .container { max-width:1536px; }
 .commerce-page--services .commerce-hero__inner { min-height:510px; }
 .commerce-page--services .commerce-hero__copy { display:grid; grid-template-columns:219px minmax(0,1fr); column-gap:32px; padding-bottom:0; max-width:720px; }
 .commerce-page--services .commerce-hero__copy > :is(.commerce-hero__title,.commerce-hero__intro) { grid-column:1 / -1; }
 .commerce-page--services .commerce-hero__title { font-size:clamp(3.25rem,4.7vw,4.5rem); max-width:720px; }
 .commerce-page--services .commerce-hero__intro { font-size:1.06rem; line-height:1.65; max-width:550px; }
 .commerce-page--services .commerce-hero__identity { position:relative; grid-column:1; grid-row:3; display:flex; flex-direction:column; align-items:flex-start; gap:9px; margin:0; width:219px; }
 .commerce-page--services .commerce-hero__identity .commerce-portrait { width:219px; height:240px; }
 .commerce-page--services .commerce-hero__identity .commerce-hero__name { font-size:.9rem; margin-bottom:0; }
 .commerce-page--services .commerce-hero__identity .commerce-hero__role { font-size:.72rem; }
 .commerce-page--services .commerce-hero__actions { position:relative; grid-column:2; grid-row:3; align-self:start; margin:4rem 0 0; }
 .commerce-page--services .commerce-route-nav { width:calc(100% - 285px); margin-left:285px; border-top:0; }
 .commerce-page--services .commerce-route-nav > .commerce-route-nav__link { flex-direction:row; align-items:center; gap:15px; min-height:72px; padding:14px 22px; }
 .commerce-page--services .commerce-route-nav > .commerce-route-nav__link svg { width:32px; height:32px; margin:0; }
 .commerce-page--services .commerce-route-nav__detail { display:none; }
 .commerce-page--services .commerce-route-nav__label { font-size:.9rem; }
}
@media (max-width:1100px) {
 .commerce-page--services .commerce-signature .commerce-route-feature__art { top:-65px; left:33%; height:340px; }
 .commerce-page--services .commerce-signature .section__header { min-height:310px; max-width:490px; }
 .commerce-page--services .commerce-signature .commerce-route-feature > .section__header .section__title { max-width:420px; }
 .commerce-page--services .commerce-signature .section__desc { max-width:350px; }
}
@media (max-width:768px) {
 .commerce-page--services .commerce-signature .commerce-route-feature__art { position:relative; inset:auto; width:calc(100% + 48px); height:230px; margin:20px -24px 24px; mask-image:none; }
 .commerce-page--services .commerce-signature .section__header { min-height:0; margin-bottom:22px; max-width:none; }
 .commerce-page--services .commerce-signature .commerce-route-feature > .section__header .section__title { font-size:2.25rem; max-width:none; }
 .commerce-page--services .commerce-signature .section__desc { max-width:none; }
 .commerce-page--services .commerce-signature .commerce-route-list { display:block !important; }
 .commerce-page--services .commerce-signature .commerce-route-list > li { padding:25px 0 !important; }
}