.ah-commerce-page {
  --ahc-ink: #0b1020;
  --ahc-brand: #5657e6;
  --ahc-brand-deep: #3730a3;
  --ahc-lime: #b7f34a;
  --ahc-cyan: #20c7d6;
  --ahc-canvas: #f8fafc;
  --ahc-surface: #ffffff;
  --ahc-soft: #f1f4f8;
  --ahc-border: #e1e7ee;
  --ahc-muted: #5e6878;
  --ahc-dark: #0b1020;
  --ahc-dark-2: #101629;
  --ahc-dark-border: rgba(255,255,255,.11);
  --ahc-radius-lg: 30px;
  --ahc-radius-md: 20px;
  --ahc-radius-sm: 13px;
  --ahc-shadow: 0 24px 70px rgba(11,16,32,.10);
  background: var(--ahc-canvas);
  color: var(--ahc-ink);
  overflow: clip;
}

html[data-theme="dark"] .ah-commerce-page,
html[data-color-theme="dark"] .ah-commerce-page,
html[data-ah-theme="dark"] .ah-commerce-page,
body.ah-theme-dark .ah-commerce-page {
  --ahc-canvas: #0b1020;
  --ahc-surface: #101629;
  --ahc-soft: #121a2e;
  --ahc-border: rgba(255,255,255,.11);
  --ahc-muted: #a7b0c0;
  --ahc-ink: #f5f7fb;
  --ahc-shadow: 0 24px 70px rgba(0,0,0,.22);
}

.ah-commerce-page *,
.ah-commerce-page *::before,
.ah-commerce-page *::after {
  box-sizing: border-box;
}

.ah-commerce-page a {
  color: inherit;
}

.ah-commerce-container {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}

.ah-commerce-eyebrow {
  margin: 0 0 14px;
  color: var(--ahc-brand);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.ah-commerce-section-head {
  max-width: 760px;
  margin-bottom: clamp(34px, 5vw, 58px);
}

.ah-commerce-section-head--wide {
  max-width: 900px;
}

.ah-commerce-section-head h2,
.ah-commerce-b-ops__copy h2,
.ah-commerce-b-admin__copy h2,
.ah-commerce-b-seo__copy h2,
.ah-commerce-c-showcase__intro h2,
.ah-commerce-c-pricing__head h2,
.ah-commerce-c-year__head h2,
.ah-commerce-c-factors__head h2 {
  margin: 0 0 18px;
  font-size: clamp(2rem, 4.2vw, 4rem);
  line-height: 1.04;
  letter-spacing: -.045em;
}

.ah-commerce-section-head > p,
.ah-commerce-b-ops__copy > p:not(.ah-commerce-eyebrow),
.ah-commerce-b-admin__copy > p:not(.ah-commerce-eyebrow),
.ah-commerce-b-seo__copy > p:not(.ah-commerce-eyebrow),
.ah-commerce-c-showcase__intro > p,
.ah-commerce-c-pricing__head > p,
.ah-commerce-c-year__head > p,
.ah-commerce-c-factors__head > p {
  margin: 0;
  color: var(--ahc-muted);
  font-size: clamp(1rem, 1.45vw, 1.15rem);
  line-height: 1.72;
}

.ah-commerce-btn {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 0 19px;
  border: 1px solid transparent;
  border-radius: 12px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.ah-commerce-btn:hover,
.ah-commerce-btn:focus-visible {
  transform: translateY(-2px);
}

.ah-commerce-btn--primary {
  background: var(--ahc-brand);
  color: #fff !important;
  box-shadow: 0 14px 34px rgba(86,87,230,.24);
}

.ah-commerce-btn--primary:hover,
.ah-commerce-btn--primary:focus-visible {
  background: var(--ahc-brand-deep);
}

.ah-commerce-btn--secondary {
  border-color: var(--ahc-border);
  background: var(--ahc-surface);
}

.ah-commerce-btn--secondary:hover,
.ah-commerce-btn--secondary:focus-visible {
  border-color: color-mix(in srgb, var(--ahc-brand) 46%, var(--ahc-border));
}

.ah-commerce-btn--light {
  background: #f8fbff;
  color: #0b1020 !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18);
}

.ah-commerce-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 20px;
  color: var(--ahc-brand) !important;
  font-weight: 800;
  text-decoration: none;
}

.ah-commerce-link span {
  display: inline-block;
  transition: transform .18s ease;
}

.ah-commerce-link:hover span,
.ah-commerce-link:focus-visible span {
  transform: translateX(3px);
}

.ah-commerce-link--light {
  color: #fff !important;
}

/* BLOCK A — Brand Strategy Alignment + Responsive Foundation v3.3 */
.ah-commerce-a-hero {
  position: relative;
  padding: clamp(56px, 6vw, 96px) 0 clamp(64px, 6.5vw, 104px);
  background:
    radial-gradient(circle at 82% 12%, rgba(86,87,230,.13), transparent 34%),
    radial-gradient(circle at 70% 78%, rgba(32,199,214,.07), transparent 31%),
    linear-gradient(180deg, #fbfcff 0%, var(--ahc-canvas) 100%);
}

html[data-theme="dark"] .ah-commerce-a-hero,
html[data-color-theme="dark"] .ah-commerce-a-hero,
html[data-ah-theme="dark"] .ah-commerce-a-hero,
body.ah-theme-dark .ah-commerce-a-hero {
  background:
    radial-gradient(circle at 82% 12%, rgba(86,87,230,.18), transparent 34%),
    radial-gradient(circle at 70% 78%, rgba(32,199,214,.08), transparent 31%),
    linear-gradient(180deg, #0d1324 0%, #0b1020 100%);
}

.ah-commerce-a-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(34px, 5vw, 68px);
  align-items: start;
}

.ah-commerce-a-hero__copy,
.ah-commerce-a-engine {
  min-width: 0;
}

.ah-commerce-a-hero__copy {
  padding-top: 0;
}

.ah-commerce-a-hero h1 {
  max-width: 780px;
  margin: 0 0 clamp(20px, 2.4vw, 28px);
  font-size: clamp(2.75rem, 6vw, 4rem);
  line-height: .98;
  letter-spacing: -.058em;
  text-wrap: balance;
}

.ah-commerce-a-hero__lead {
  max-width: 680px;
  margin: 0 0 clamp(24px, 2.8vw, 32px);
  color: var(--ahc-muted);
  font-size: clamp(1rem, 1.25vw, 1.18rem);
  line-height: 1.65;
}

.ah-commerce-a-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 24px;
  padding: 13px 16px;
  border: 1px solid var(--ahc-border);
  border-radius: 18px;
  background: color-mix(in srgb, var(--ahc-surface) 88%, transparent);
  box-shadow: 0 10px 30px rgba(11,16,32,.04);
}

.ah-commerce-a-price span {
  color: var(--ahc-muted);
  font-size: .91rem;
}

.ah-commerce-a-price strong,
.ah-commerce-a-price small {
  white-space: nowrap;
}

.ah-commerce-a-price strong {
  font-size: 1.15rem;
}

.ah-commerce-a-price small {
  color: var(--ahc-brand);
  font-size: .76rem;
  font-weight: 800;
}

.ah-commerce-a-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
}

.ah-commerce-a-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin: 0;
  padding: 0;
  color: var(--ahc-muted);
  font-size: clamp(.82rem, .9vw, .9rem);
  list-style: none;
}

.ah-commerce-a-proof li {
  position: relative;
  padding-left: 19px;
}

.ah-commerce-a-proof li::before {
  position: absolute;
  top: .47em;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ahc-brand), var(--ahc-cyan));
  content: "";
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ahc-brand) 10%, transparent);
}

.ah-commerce-a-engine {
  --engine-text: #f7f9ff;
  --engine-muted: #9aa8c0;
  --engine-border: rgba(255,255,255,.11);
  position: relative;
  width: min(100%, 820px);
  padding: clamp(20px, 2.2vw, 29px);
  border: 1px solid rgba(86,87,230,.30);
  border-radius: 28px;
  background:
    radial-gradient(circle at 80% 0%, rgba(86,87,230,.18), transparent 35%),
    linear-gradient(145deg, #10172a 0%, #0c1323 100%);
  color: var(--engine-text);
  box-shadow: 0 30px 72px rgba(11,16,32,.17);
}

.ah-commerce-a-engine::after {
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(255,255,255,.035);
  border-radius: 21px;
  pointer-events: none;
  content: "";
}

.ah-commerce-a-engine__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 26px;
}

.ah-commerce-a-engine__head > div {
  display: grid;
  gap: 4px;
}

.ah-commerce-a-engine__head span,
.ah-commerce-a-engine__head strong,
.ah-commerce-a-engine__head small,
.ah-commerce-a-engine__route span,
.ah-commerce-a-engine__route small,
.ah-commerce-a-engine__ops small,
.ah-commerce-a-engine__foot span {
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.ah-commerce-a-engine__head span {
  font-size: .73rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.ah-commerce-a-engine__head small {
  color: var(--engine-muted);
  font-size: .69rem;
}

.ah-commerce-a-engine__head strong {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--ahc-lime);
  font-size: .66rem;
  letter-spacing: .06em;
  white-space: nowrap;
}

.ah-commerce-a-engine__head strong i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 4px rgba(183,243,74,.10);
}

.ah-commerce-a-engine__route {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr) 12px minmax(0, 1fr) 12px minmax(0, 1.08fr);
  gap: 0;
  align-items: center;
  margin-bottom: 24px;
}

.ah-commerce-a-engine__route article {
  min-width: 0;
  padding: 17px 13px;
  border: 1px solid var(--engine-border);
  border-radius: 16px;
  background: rgba(255,255,255,.035);
}

.ah-commerce-a-engine__route article > span {
  display: block;
  margin-bottom: 15px;
  color: var(--ahc-cyan);
  font-size: .66rem;
  font-weight: 800;
}

.ah-commerce-a-engine__route article > strong {
  display: block;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  font-size: clamp(.82rem, .9vw, .9rem);
  line-height: 1.18;
}

.ah-commerce-a-engine__route article > small {
  display: block;
  margin-top: 5px;
  color: var(--engine-muted);
  font-size: .62rem;
}

.ah-commerce-a-engine__route > i {
  height: 1px;
  background: linear-gradient(90deg, var(--ahc-brand), var(--ahc-cyan));
  opacity: .78;
}

.ah-commerce-a-engine__axis {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  margin: 0 2px 14px;
  color: var(--engine-muted);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.ah-commerce-a-engine__axis i {
  height: 1px;
  background: var(--engine-border);
}

.ah-commerce-a-engine__ops {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--engine-border);
  border-radius: 18px;
}

.ah-commerce-a-engine__ops article {
  min-width: 0;
  padding: 16px 15px;
  background: rgba(255,255,255,.025);
}

.ah-commerce-a-engine__ops article + article {
  border-left: 1px solid var(--engine-border);
}

.ah-commerce-a-engine__ops small {
  display: block;
  margin-bottom: 7px;
  color: var(--ahc-cyan);
  font-size: .6rem;
  font-weight: 800;
}

.ah-commerce-a-engine__ops strong {
  display: block;
  color: var(--engine-text) !important;
  font-size: .82rem;
  line-height: 1.35;
}

.ah-commerce-a-engine__foot {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.ah-commerce-a-engine__foot span {
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  color: var(--engine-muted);
  font-size: .61rem;
}

.ah-commerce-a-fit {
  padding: clamp(76px, 7vw, 108px) 0;
  background: var(--ahc-surface);
}

.ah-commerce-a-fit__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  margin-bottom: clamp(38px, 4.5vw, 56px);
}

.ah-commerce-a-fit__head h2,
.ah-commerce-a-bridge__head h2 {
  margin: 0;
  font-size: clamp(2.15rem, 4.2vw, 4rem);
  line-height: 1;
  letter-spacing: -.05em;
  text-wrap: balance;
}

.ah-commerce-a-fit__head > p {
  max-width: 760px;
  margin: 0;
  color: var(--ahc-muted);
  font-size: clamp(1rem, 1.2vw, 1.1rem);
  line-height: 1.68;
}

.ah-commerce-a-fit__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.ah-commerce-a-fit__card {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  padding: clamp(24px, 2.4vw, 32px);
  border: 1px solid var(--ahc-border);
  border-radius: 24px;
  background: var(--ahc-canvas);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.ah-commerce-a-fit__card.is-current {
  border-color: color-mix(in srgb, var(--ahc-cyan) 62%, var(--ahc-border));
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ahc-cyan) 5%, var(--ahc-surface)) 0%, var(--ahc-canvas) 100%);
  box-shadow: 0 18px 50px rgba(32,199,214,.08);
}

.ah-commerce-a-fit__meta {
  display: flex;
  min-height: 26px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 28px;
}

.ah-commerce-a-fit__meta span,
.ah-commerce-a-fit__meta strong {
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .07em;
}

.ah-commerce-a-fit__meta span {
  color: var(--ahc-brand);
}

.ah-commerce-a-fit__meta strong {
  padding: 5px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ahc-cyan) 12%, transparent);
  color: color-mix(in srgb, var(--ahc-cyan) 78%, var(--ahc-ink));
}

.ah-commerce-a-fit__card h3 {
  margin: 0 0 13px;
  font-size: clamp(1.4rem, 1.8vw, 1.68rem);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.ah-commerce-a-fit__card > p {
  margin: 0;
  color: var(--ahc-muted);
  font-size: .96rem;
  line-height: 1.6;
}

.ah-commerce-a-link {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 28px;
  color: var(--ahc-ink) !important;
  font-weight: 800;
  text-decoration: none !important;
}

.ah-commerce-a-link > span {
  position: relative;
  display: inline-block;
}

.ah-commerce-a-link > span::after {
  position: absolute;
  right: 0;
  bottom: -5px;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--ahc-brand), var(--ahc-cyan));
  content: "";
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .2s ease;
}

.ah-commerce-a-link > b {
  display: inline-block;
  color: var(--ahc-cyan);
  font-size: 1.1em;
  transition: transform .2s ease;
}

@media (hover: hover) and (pointer: fine) {
  .ah-commerce-a-fit__card:not(.is-current):hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--ahc-brand) 36%, var(--ahc-border));
    box-shadow: 0 20px 50px rgba(11,16,32,.07);
  }

  .ah-commerce-a-link:hover > span::after,
  .ah-commerce-a-link:focus-visible > span::after {
    transform: scaleX(1);
  }

  .ah-commerce-a-link:hover > b,
  .ah-commerce-a-link:focus-visible > b {
    transform: translateX(3px);
  }
}

.ah-commerce-a-link:focus-visible {
  outline: 2px solid var(--ahc-cyan);
  outline-offset: 7px;
  border-radius: 2px;
}

.ah-commerce-a-fit__current {
  width: fit-content;
  margin-top: auto;
  padding-top: 28px;
  font-size: .92rem;
  font-weight: 800;
}

.ah-commerce-a-bridge {
  --bridge-text: #f7f9ff;
  --bridge-muted: #aab5c9;
  --bridge-label: #8090aa;
  --bridge-border: rgba(255,255,255,.11);
  padding: clamp(82px, 7vw, 116px) 0;
  background:
    radial-gradient(circle at 80% 8%, rgba(86,87,230,.15), transparent 32%),
    linear-gradient(180deg, #0d1426 0%, #0b1020 100%);
  color: var(--bridge-text);
}

.ah-commerce-a-bridge .ah-commerce-eyebrow {
  color: var(--ahc-cyan) !important;
}

.ah-commerce-a-bridge__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  margin-bottom: clamp(38px, 4.5vw, 56px);
}

.ah-commerce-a-bridge .ah-commerce-a-bridge__head h2 {
  color: var(--bridge-text) !important;
}

.ah-commerce-a-bridge__head > p {
  max-width: 760px;
  margin: 0;
  color: var(--bridge-muted) !important;
  font-size: clamp(1rem, 1.2vw, 1.1rem);
  line-height: 1.68;
}

.ah-commerce-a-bridge__labels {
  display: grid;
  grid-template-columns: minmax(210px, .62fr) minmax(0, 1fr) 54px minmax(0, 1fr);
  gap: 16px;
  padding: 0 22px 12px;
  color: var(--bridge-label) !important;
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.ah-commerce-a-bridge__labels i {
  height: 1px;
}

.ah-commerce-a-bridge__rows {
  overflow: hidden;
  border: 1px solid var(--bridge-border);
  border-radius: 26px;
  background: rgba(255,255,255,.025);
}

.ah-commerce-a-bridge__row {
  display: grid;
  grid-template-columns: minmax(210px, .62fr) minmax(0, 1fr) 54px minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
  padding: 0 22px;
  color: var(--bridge-text);
}

.ah-commerce-a-bridge__row + .ah-commerce-a-bridge__row {
  border-top: 1px solid var(--bridge-border);
}

.ah-commerce-a-bridge__stage,
.ah-commerce-a-bridge__cell,
.ah-commerce-a-bridge__connector {
  min-width: 0;
  padding-block: 24px;
}

.ah-commerce-a-bridge__stage {
  padding-right: 14px;
}

.ah-commerce-a-bridge__stage > span,
.ah-commerce-a-bridge__stage > small,
.ah-commerce-a-bridge__cell > small {
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-weight: 800;
}

.ah-commerce-a-bridge__stage > span {
  display: inline-block;
  margin-right: 8px;
  color: var(--ahc-cyan) !important;
  font-size: .68rem;
}

.ah-commerce-a-bridge__stage > small {
  color: var(--bridge-label) !important;
  font-size: .62rem;
  letter-spacing: .06em;
}

.ah-commerce-a-bridge .ah-commerce-a-bridge__stage h3 {
  margin: 15px 0 0;
  color: var(--bridge-text) !important;
  font-size: 1.02rem;
  line-height: 1.34;
}

.ah-commerce-a-bridge__cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-inline: 20px;
  border-left: 1px solid var(--bridge-border);
}

.ah-commerce-a-bridge__cell > small {
  display: none;
  margin-bottom: 8px;
  color: var(--ahc-cyan) !important;
  font-size: .61rem;
  letter-spacing: .06em;
}

.ah-commerce-a-bridge .ah-commerce-a-bridge__cell p {
  margin: 0;
  color: var(--bridge-muted) !important;
  font-size: .93rem;
  line-height: 1.58;
}

.ah-commerce-a-bridge__connector {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px;
  align-items: center;
  color: var(--ahc-cyan) !important;
}

.ah-commerce-a-bridge__connector i {
  height: 1px;
  background: linear-gradient(90deg, var(--ahc-brand), var(--ahc-cyan));
}

.ah-commerce-a-bridge__connector b {
  color: var(--ahc-cyan) !important;
  font-size: 1rem;
}

/* BLOCK B — Strategy Fix v4.1: canonical brand eyebrows, useful sticky, expanded SEO map */
.ah-commerce-b-ops,
.ah-commerce-b-admin,
.ah-commerce-b-seo {
  position: relative;
  padding: clamp(78px, 8vw, 118px) 0;
}

.ah-commerce-b-ops {
  background: var(--ahc-surface);
  border-top: 1px solid var(--ahc-border);
}

.ah-commerce-b-admin {
  background: var(--ahc-soft);
  border-top: 1px solid var(--ahc-border);
  border-bottom: 1px solid var(--ahc-border);
}

.ah-commerce-b-seo {
  background: var(--ahc-canvas);
}

/* Block B v4.2 — canonical eyebrow contract: exactly match Block A typography. */
.ah-commerce-b-ops .ah-commerce-eyebrow,
.ah-commerce-b-admin .ah-commerce-eyebrow,
.ah-commerce-b-seo .ah-commerce-eyebrow {
  margin: 0 0 14px;
  color: #5657e6 !important;
  font-size: .78rem !important;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.ah-commerce-b-ops__grid,
.ah-commerce-b-admin__grid,
.ah-commerce-b-seo__grid {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: clamp(38px, 6vw, 84px);
}

.ah-commerce-b-ops__copy h2,
.ah-commerce-b-admin__copy h2,
.ah-commerce-b-seo__copy h2 {
  max-width: 760px;
  margin-bottom: 20px;
  font-size: clamp(2.25rem, 3.5vw, 3.7rem);
  line-height: 1.02;
  letter-spacing: -.042em;
  text-wrap: balance;
}

.ah-commerce-b-ops__copy > p:not(.ah-commerce-eyebrow):not(.ah-commerce-b-ops__clarity),
.ah-commerce-b-admin__copy > p:not(.ah-commerce-eyebrow),
.ah-commerce-b-seo__copy > p:not(.ah-commerce-eyebrow) {
  max-width: 680px;
  color: var(--ahc-muted);
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.74;
}

.ah-commerce-b-decisions {
  margin-top: clamp(34px, 4vw, 52px);
  border-top: 1px solid var(--ahc-border);
}

.ah-commerce-b-decisions article {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 16px;
  padding: 21px 0;
  border-bottom: 1px solid var(--ahc-border);
}

.ah-commerce-b-decisions article > span {
  color: var(--ahc-brand);
  font-family: "IBM Plex Mono", monospace;
  font-size: .77rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.ah-commerce-b-decisions strong {
  display: block;
  margin-bottom: 6px;
  font-size: 1rem;
  letter-spacing: -.015em;
}

.ah-commerce-b-decisions p,
.ah-commerce-b-ops__lane p,
.ah-commerce-b-admin__promise p,
.ah-commerce-b-admin__rows p,
.ah-commerce-b-foundations p {
  margin: 0;
  color: var(--ahc-muted);
  line-height: 1.62;
}

.ah-commerce-b-ops__clarity {
  margin: 26px 0 0;
  padding: 16px 18px;
  border-left: 3px solid var(--ahc-cyan);
  background: color-mix(in srgb, var(--ahc-cyan) 7%, var(--ahc-surface));
  color: var(--ahc-muted);
  font-size: .92rem;
  line-height: 1.65;
}

/* Block B dark island: owns its colors in every global theme. */
.ah-commerce-b-ops__board {
  --b-ops-text: #f7f9ff;
  --b-ops-muted: #aeb8cc;
  --b-ops-border: rgba(255,255,255,.11);
  --b-ops-surface: rgba(255,255,255,.045);
  position: relative;
  overflow: hidden;
  padding: clamp(18px, 2.4vw, 28px);
  border: 1px solid var(--b-ops-border);
  border-radius: 28px;
  background:
    radial-gradient(circle at 86% 8%, rgba(86,87,230,.22), transparent 34%),
    linear-gradient(145deg, #0b1020 0%, #11182b 100%);
  box-shadow: 0 28px 72px rgba(11,16,32,.18);
  color: var(--b-ops-text);
}

.ah-commerce-b-ops__board-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 4px 3px 20px;
  border-bottom: 1px solid var(--b-ops-border);
}

.ah-commerce-b-ops__board-head div,
.ah-commerce-b-ops__board-head strong {
  display: grid;
  gap: 5px;
}

.ah-commerce-b-ops__board-head span,
.ah-commerce-b-ops__board-head small,
.ah-commerce-b-ops__board-head strong,
.ah-commerce-b-ops__lane small,
.ah-commerce-b-ops__lane-label {
  font-family: "IBM Plex Mono", monospace;
  text-transform: uppercase;
  letter-spacing: .085em;
}

.ah-commerce-b-ops__board-head span {
  color: var(--b-ops-text);
  font-size: .76rem;
  font-weight: 800;
}

.ah-commerce-b-ops__board-head small {
  color: var(--b-ops-muted);
  font-size: .65rem;
}

.ah-commerce-b-ops__board-head strong {
  grid-auto-flow: column;
  align-items: center;
  color: #c9f8ef;
  font-size: .64rem;
  white-space: nowrap;
}

.ah-commerce-b-ops__board-head strong i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--ahc-cyan);
  box-shadow: 0 0 0 5px rgba(32,199,214,.09);
}

.ah-commerce-b-ops__lane {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 18px;
  padding: 22px 2px;
  border-bottom: 1px solid var(--b-ops-border);
}

.ah-commerce-b-ops__lane:last-child {
  border-bottom: 0;
  padding-bottom: 4px;
}

.ah-commerce-b-ops__lane-label {
  display: grid;
  align-content: start;
  gap: 7px;
  color: var(--b-ops-muted);
  font-size: .66rem;
}

.ah-commerce-b-ops__lane-label span {
  color: var(--ahc-cyan);
  font-size: .8rem;
  font-weight: 800;
}

.ah-commerce-b-ops__lane-label strong {
  color: var(--b-ops-text);
  font-size: .7rem;
  line-height: 1.3;
}

.ah-commerce-b-ops__lane-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.ah-commerce-b-ops__lane-content > div {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--b-ops-border);
  border-radius: 14px;
  background: var(--b-ops-surface);
}

.ah-commerce-b-ops__lane small {
  display: block;
  margin-bottom: 7px;
  color: #78dce6;
  font-size: .59rem;
}

.ah-commerce-b-ops__lane-content strong {
  display: block;
  margin-bottom: 7px;
  color: var(--b-ops-text) !important;
  font-size: .92rem;
  line-height: 1.35;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.ah-commerce-b-ops__lane p {
  color: var(--b-ops-muted) !important;
  font-size: .78rem;
  line-height: 1.55;
}

.ah-commerce-b-admin__promise {
  max-width: 650px;
  margin-top: clamp(32px, 4vw, 48px);
  padding: 20px 22px;
  border: 1px solid var(--ahc-border);
  border-radius: 18px;
  background: var(--ahc-surface);
}

.ah-commerce-b-admin__promise > span {
  display: block;
  margin-bottom: 9px;
  color: var(--ahc-brand);
  font-family: "IBM Plex Mono", monospace;
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .11em;
}

.ah-commerce-b-admin__promise strong {
  display: block;
  margin-bottom: 8px;
  font-size: 1.08rem;
  letter-spacing: -.02em;
}

.ah-commerce-b-admin__promise p {
  font-size: .9rem;
}

.ah-commerce-b-admin__panel {
  overflow: hidden;
  border: 1px solid var(--ahc-border);
  border-radius: 26px;
  background: var(--ahc-surface);
  box-shadow: var(--ahc-shadow);
}

.ah-commerce-b-admin__panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px;
  border-bottom: 1px solid var(--ahc-border);
  background: color-mix(in srgb, var(--ahc-brand) 6%, var(--ahc-surface));
}

.ah-commerce-b-admin__panel-head div {
  display: grid;
  gap: 5px;
}

.ah-commerce-b-admin__panel-head span,
.ah-commerce-b-admin__panel-head small,
.ah-commerce-b-admin__panel-head > strong {
  font-family: "IBM Plex Mono", monospace;
  text-transform: uppercase;
  letter-spacing: .09em;
}

.ah-commerce-b-admin__panel-head span {
  color: var(--ahc-ink);
  font-size: .75rem;
  font-weight: 800;
}

.ah-commerce-b-admin__panel-head small {
  color: var(--ahc-muted);
  font-size: .63rem;
}

.ah-commerce-b-admin__panel-head > strong {
  color: var(--ahc-brand);
  font-size: .65rem;
}

.ah-commerce-b-admin__rows article {
  display: grid;
  grid-template-columns: 42px 120px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  padding: 18px 24px;
  border-bottom: 1px solid var(--ahc-border);
}

.ah-commerce-b-admin__rows article:last-child {
  border-bottom: 0;
}

.ah-commerce-b-admin__rows article > span {
  color: var(--ahc-brand);
  font-family: "IBM Plex Mono", monospace;
  font-size: .7rem;
  font-weight: 800;
}

.ah-commerce-b-admin__rows strong {
  font-size: .92rem;
  line-height: 1.4;
}

.ah-commerce-b-admin__rows p {
  font-size: .85rem;
}

.ah-commerce-b-seo__copy {
  align-self: center;
}

.ah-commerce-b-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  color: var(--ahc-brand) !important;
  font-weight: 800;
  text-decoration: none !important;
}

.ah-commerce-b-link > span {
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
}

.ah-commerce-b-link > span::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--ahc-brand), var(--ahc-cyan));
  content: "";
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .2s ease;
}

.ah-commerce-b-link > b {
  display: inline-block;
  font-weight: 800;
  transition: transform .2s ease;
}

.ah-commerce-b-link:hover > span::after,
.ah-commerce-b-link:focus-visible > span::after {
  transform: scaleX(1);
}

.ah-commerce-b-link:hover > b,
.ah-commerce-b-link:focus-visible > b {
  transform: translateX(4px);
}

.ah-commerce-b-seo__map {
  align-self: stretch;
  padding: clamp(22px, 2.8vw, 32px);
  border: 1px solid var(--ahc-border);
  border-radius: 28px;
  background: var(--ahc-surface);
  box-shadow: var(--ahc-shadow);
}

.ah-commerce-b-seo__map-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 2px 2px 20px;
  border-bottom: 1px solid var(--ahc-border);
}

.ah-commerce-b-seo__map-head span,
.ah-commerce-b-seo__map-head small,
.ah-commerce-b-seo__map small {
  font-family: "IBM Plex Mono", monospace;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ah-commerce-b-seo__map-head span {
  color: var(--ahc-ink);
  font-size: .72rem;
  font-weight: 800;
}

.ah-commerce-b-seo__map-head small {
  color: var(--ahc-brand);
  font-size: .61rem;
}

.ah-commerce-b-seo__flow {
  padding-top: 24px;
}

.ah-commerce-b-seo__root,
.ah-commerce-b-seo__categories article,
.ah-commerce-b-seo__subcategories article,
.ah-commerce-b-seo__products article {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--ahc-border);
  border-radius: 14px;
  background: color-mix(in srgb, var(--ahc-soft) 72%, var(--ahc-surface));
  text-align: center;
}

.ah-commerce-b-seo__root {
  width: min(300px, 100%);
  margin: 0 auto;
  border-color: color-mix(in srgb, var(--ahc-brand) 42%, var(--ahc-border));
  background: color-mix(in srgb, var(--ahc-brand) 8%, var(--ahc-surface));
}

.ah-commerce-b-seo__map small {
  display: block;
  margin-bottom: 6px;
  color: var(--ahc-brand);
  font-size: .58rem;
}

.ah-commerce-b-seo__map strong {
  display: block;
  color: var(--ahc-ink);
  font-size: .88rem;
  line-height: 1.35;
}

.ah-commerce-b-seo__connector {
  display: grid;
  place-items: center;
  height: 26px;
}

.ah-commerce-b-seo__connector i {
  width: 1px;
  height: 100%;
  background: linear-gradient(var(--ahc-brand), var(--ahc-cyan));
}

.ah-commerce-b-seo__categories,
.ah-commerce-b-seo__subcategories,
.ah-commerce-b-seo__products {
  display: grid;
  gap: 10px;
}

.ah-commerce-b-seo__categories {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ah-commerce-b-seo__subcategories,
.ah-commerce-b-seo__products {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ah-commerce-b-seo__signals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 22px;
  border-top: 1px solid var(--ahc-border);
  border-bottom: 1px solid var(--ahc-border);
}

.ah-commerce-b-seo__signals article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 18px 14px;
  border-right: 1px solid var(--ahc-border);
}

.ah-commerce-b-seo__signals article:last-child {
  border-right: 0;
}

.ah-commerce-b-seo__signals article > span {
  color: var(--ahc-brand);
  font-family: "IBM Plex Mono", monospace;
  font-size: .66rem;
  font-weight: 800;
}

.ah-commerce-b-seo__signals small {
  margin-bottom: 5px;
  color: var(--ahc-brand);
  font-size: .54rem;
}

.ah-commerce-b-seo__signals strong {
  margin-bottom: 6px;
  font-size: .8rem;
}

.ah-commerce-b-seo__signals p {
  margin: 0;
  color: var(--ahc-muted);
  font-size: .72rem;
  line-height: 1.52;
}

.ah-commerce-b-foundations {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: clamp(42px, 6vw, 72px);
  border-top: 1px solid var(--ahc-border);
  border-bottom: 1px solid var(--ahc-border);
}

.ah-commerce-b-foundations article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  padding: 24px 20px;
  border-right: 1px solid var(--ahc-border);
}

.ah-commerce-b-foundations article:last-child {
  border-right: 0;
}

.ah-commerce-b-foundations article > span {
  color: var(--ahc-brand);
  font-family: "IBM Plex Mono", monospace;
  font-size: .7rem;
  font-weight: 800;
}

.ah-commerce-b-foundations strong {
  display: block;
  margin-bottom: 6px;
  font-size: .94rem;
}

.ah-commerce-b-foundations p {
  font-size: .83rem;
}

/* Block B v4.1 responsive contract — effective viewport first, no device-name assumptions. */
@media (min-width: 1280px) {
  .ah-commerce-b-ops__grid {
    grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
  }

  .ah-commerce-b-admin__grid {
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  }

  .ah-commerce-b-seo__grid {
    grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr);
    gap: clamp(42px, 5vw, 68px);
  }
}

@media (min-width: 1280px) and (min-height: 700px) {
  .ah-commerce-b-ops__board,
  .ah-commerce-b-admin__panel {
    position: sticky;
    top: calc(var(--ah-header-height, 88px) + 18px);
  }
}

@media (max-width: 1279px) {
  .ah-commerce-b-ops__board,
  .ah-commerce-b-admin__panel,
  .ah-commerce-b-seo__map {
    width: min(100%, 880px);
  }
}

@media (max-width: 959px) {
  .ah-commerce-b-ops__lane-content {
    grid-template-columns: 1fr;
  }

  .ah-commerce-b-foundations {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ah-commerce-b-foundations article:nth-child(2) {
    border-right: 0;
  }

  .ah-commerce-b-foundations article:nth-child(-n + 2) {
    border-bottom: 1px solid var(--ahc-border);
  }
}

@media (max-width: 767px) {
  .ah-commerce-b-ops,
  .ah-commerce-b-admin,
  .ah-commerce-b-seo {
    padding: 72px 0;
  }

  .ah-commerce-b-ops__copy h2,
  .ah-commerce-b-admin__copy h2,
  .ah-commerce-b-seo__copy h2 {
    font-size: clamp(2.15rem, 10vw, 3.15rem);
  }

  .ah-commerce-b-ops__board-head,
  .ah-commerce-b-admin__panel-head,
  .ah-commerce-b-seo__map-head {
    flex-direction: column;
  }

  .ah-commerce-b-ops__lane {
    grid-template-columns: 1fr;
  }

  .ah-commerce-b-ops__lane-label {
    grid-template-columns: auto 1fr;
    align-items: center;
  }

  .ah-commerce-b-admin__rows article {
    grid-template-columns: 36px minmax(100px, .42fr) minmax(0, 1fr);
    padding: 18px 20px;
  }

  .ah-commerce-b-seo__subcategories,
  .ah-commerce-b-seo__products {
    grid-template-columns: 1fr;
  }

  .ah-commerce-b-seo__signals {
    grid-template-columns: 1fr;
  }

  .ah-commerce-b-seo__signals article {
    border-right: 0;
    border-bottom: 1px solid var(--ahc-border);
  }

  .ah-commerce-b-seo__signals article:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 520px) {
  .ah-commerce-b-decisions article {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .ah-commerce-b-ops__board,
  .ah-commerce-b-admin__panel,
  .ah-commerce-b-seo__map {
    border-radius: 22px;
  }

  .ah-commerce-b-admin__rows article {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .ah-commerce-b-admin__rows article p {
    grid-column: 2;
  }

  .ah-commerce-b-seo__categories {
    grid-template-columns: 1fr;
  }

  .ah-commerce-b-foundations {
    grid-template-columns: 1fr;
  }

  .ah-commerce-b-foundations article,
  .ah-commerce-b-foundations article:nth-child(2),
  .ah-commerce-b-foundations article:nth-child(-n + 2) {
    border-right: 0;
    border-bottom: 1px solid var(--ahc-border);
  }

  .ah-commerce-b-foundations article:last-child {
    border-bottom: 0;
  }
}

@media (hover: none), (pointer: coarse) {
  .ah-commerce-b-link > span::after,
  .ah-commerce-b-link > b {
    transition: none;
  }
}


/* BLOCK C — Zero Rebuild v5
   Theme Showcase + Pricing + First Year + Budget Factors.
   Brand contract: #5657E6 eyebrows, balanced compositions, effective-viewport responsive,
   no fixed section heights, no filler whitespace, no generic full-card links. */

/* C1 — Theme showcase */
.ah-commerce-c-showcase {
  padding: clamp(84px, 8vw, 128px) 0;
  background: var(--ahc-canvas);
}

.ah-commerce-c-showcase__intro,
.ah-commerce-c-pricing__head,
.ah-commerce-c-year__head,
.ah-commerce-c-factors__head {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .72fr);
  gap: clamp(34px, 6vw, 78px);
  align-items: end;
  margin-bottom: clamp(38px, 5vw, 60px);
}

.ah-commerce-c-showcase__intro h2,
.ah-commerce-c-pricing__head h2,
.ah-commerce-c-year__head h2,
.ah-commerce-c-factors__head h2 {
  max-width: 760px;
  font-size: clamp(2rem, 3.7vw, 3.55rem);
}

.ah-commerce-c-showcase__intro > p,
.ah-commerce-c-pricing__head > p,
.ah-commerce-c-year__head > p,
.ah-commerce-c-factors__head > p {
  max-width: 520px;
  justify-self: end;
}

.ah-commerce-c-showcase__layout {
  display: grid;
  grid-template-columns: minmax(250px, 290px) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}

.ah-commerce-c-showcase__tabs {
  display: grid;
  gap: 8px;
}

.ah-commerce-c-theme-tab {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 20px;
  gap: 10px;
  align-items: center;
  width: 100%;
  min-height: 60px;
  padding: 14px 16px;
  border: 1px solid var(--ahc-border);
  border-radius: 14px;
  background: var(--ahc-surface);
  color: var(--ahc-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.ah-commerce-c-theme-tab > span {
  color: var(--ahc-brand);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.ah-commerce-c-theme-tab > strong {
  min-width: 0;
  font-size: .88rem;
  line-height: 1.3;
  overflow-wrap: normal;
  word-break: normal;
}

.ah-commerce-c-theme-tab > b {
  color: var(--ahc-cyan);
  font-size: 1rem;
  transform: translateX(0);
  transition: transform .18s ease;
}

.ah-commerce-c-theme-tab:hover,
.ah-commerce-c-theme-tab:focus-visible {
  border-color: color-mix(in srgb, var(--ahc-brand) 46%, var(--ahc-border));
  transform: translateY(-1px);
  outline: none;
}

.ah-commerce-c-theme-tab:hover > b,
.ah-commerce-c-theme-tab:focus-visible > b {
  transform: translateX(3px);
}

.ah-commerce-c-theme-tab.is-active {
  border-color: color-mix(in srgb, var(--ahc-cyan) 70%, var(--ahc-border));
  background: color-mix(in srgb, var(--ahc-cyan) 5%, var(--ahc-surface));
  box-shadow: 0 14px 34px rgba(32,199,214,.08);
}

.ah-commerce-c-showcase__preview {
  min-width: 0;
}

.ah-commerce-c-preview {
  overflow: hidden;
  border: 1px solid var(--ahc-border);
  border-radius: 24px;
  background: var(--ahc-surface);
  box-shadow: var(--ahc-shadow);
}

.ah-commerce-c-preview__topline {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--ahc-border);
}

.ah-commerce-c-preview__topline span,
.ah-commerce-c-preview__topline small {
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ah-commerce-c-preview__topline span {
  color: var(--ahc-brand);
}

.ah-commerce-c-preview__topline small {
  color: var(--ahc-muted);
}

.ah-commerce-c-preview__image {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 8 / 5;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: var(--ahc-soft);
  cursor: zoom-in;
}

.ah-commerce-c-preview__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  transition: opacity .18s ease, transform .28s ease;
}

.ah-commerce-c-preview__image img.is-switching {
  opacity: .18;
}

.ah-commerce-c-preview__image > span {
  position: absolute;
  right: 16px;
  bottom: 16px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 999px;
  background: rgba(11,16,32,.82);
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
  backdrop-filter: blur(10px);
}

.ah-commerce-c-preview__image:hover img,
.ah-commerce-c-preview__image:focus-visible img {
  transform: scale(1.012);
}

.ah-commerce-c-preview__image:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ahc-brand) 62%, transparent);
  outline-offset: -3px;
}

.ah-commerce-c-preview__body {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(240px, .9fr);
  gap: 26px;
  padding: 22px 24px 24px;
}

.ah-commerce-c-preview__body h3 {
  margin: 0 0 7px;
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  letter-spacing: -.025em;
}

.ah-commerce-c-preview__body p {
  margin: 0;
  color: var(--ahc-muted);
  font-size: .88rem;
  line-height: 1.62;
}

.ah-commerce-c-preview__body ul {
  display: grid;
  gap: 8px;
  align-content: start;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ah-commerce-c-preview__body li {
  position: relative;
  padding: 8px 0 8px 18px;
  border-bottom: 1px solid var(--ahc-border);
  color: var(--ahc-muted);
  font-size: .78rem;
  line-height: 1.4;
}

.ah-commerce-c-preview__body li:last-child {
  border-bottom: 0;
}

.ah-commerce-c-preview__body li::before {
  position: absolute;
  top: 1.02em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ahc-cyan);
  content: "";
}

/* Full image viewer: not a browser frame, only a neutral image canvas. */
.ah-commerce-c-lightbox {
  width: min(1500px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100vh - 32px);
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  background: #0b1020;
  color: #fff;
  box-shadow: 0 34px 100px rgba(0,0,0,.48);
}

.ah-commerce-c-lightbox::backdrop {
  background: rgba(5,8,18,.78);
  backdrop-filter: blur(8px);
}

.ah-commerce-c-lightbox__bar {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.11);
}

.ah-commerce-c-lightbox__bar > div {
  display: grid;
  gap: 3px;
}

.ah-commerce-c-lightbox__bar span {
  color: #8f91ff;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ah-commerce-c-lightbox__bar strong {
  font-size: .92rem;
}

.ah-commerce-c-lightbox__bar button {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  background: rgba(255,255,255,.06);
  color: #fff;
  font-size: 1.4rem;
  cursor: pointer;
}

.ah-commerce-c-lightbox__bar button:hover,
.ah-commerce-c-lightbox__bar button:focus-visible {
  background: rgba(255,255,255,.12);
  outline: none;
}

.ah-commerce-c-lightbox__canvas {
  max-height: calc(100vh - 100px);
  overflow: auto;
  background: #070b16;
}

.ah-commerce-c-lightbox__canvas img {
  display: block;
  width: 100%;
  height: auto;
}

/* C2 — Pricing */
.ah-commerce-c-pricing {
  padding: clamp(84px, 8vw, 128px) 0;
  background: var(--ahc-surface);
}

.ah-commerce-c-pricing__offers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 28px);
  align-items: stretch;
}

.ah-commerce-c-offer {
  --offer-text: var(--ahc-ink);
  --offer-muted: var(--ahc-muted);
  --offer-border: var(--ahc-border);
  --offer-surface: color-mix(in srgb, var(--ahc-soft) 62%, var(--ahc-surface));
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  padding: clamp(28px, 2.6vw, 40px);
  border: 1px solid var(--offer-border);
  border-radius: 28px;
  color: var(--offer-text);
  background: var(--offer-surface);
  box-shadow: 0 18px 50px color-mix(in srgb, var(--ahc-ink) 7%, transparent);
}

.ah-commerce-c-offer--featured {
  --offer-text: #f4f7fb;
  --offer-muted: #aeb8ca;
  --offer-border: color-mix(in srgb, var(--ahc-cyan) 32%, #273149);
  --offer-surface: #0d1527;
  box-shadow: 0 28px 72px rgba(6, 12, 26, 0.2);
}

.ah-commerce-c-offer__top {
  min-height: 92px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--offer-border);
}

.ah-commerce-c-offer__signal {
  margin: 0 0 12px !important;
  color: var(--ahc-brand) !important;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 0.68rem !important;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.ah-commerce-c-offer--featured .ah-commerce-c-offer__signal {
  color: var(--ahc-lime) !important;
}

.ah-commerce-c-offer__top h3 {
  max-width: 100%;
  margin: 0;
  color: var(--offer-text);
  font-size: clamp(1.28rem, 1.55vw, 1.72rem);
  line-height: 1.04;
  letter-spacing: -0.04em;
}

.ah-commerce-c-offer__price-zone {
  display: flex;
  min-height: 108px;
  align-items: center;
  padding: 24px 0 18px;
}

.ah-commerce-c-offer__price {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px 8px;
  margin: 0 !important;
  color: var(--offer-text) !important;
  font-size: clamp(2rem, 2.6vw, 3.05rem) !important;
  font-weight: 820;
  line-height: 0.94;
  letter-spacing: -0.058em;
}

.ah-commerce-c-offer__amount,
.ah-commerce-c-offer__currency,
.ah-commerce-c-offer__price--label {
  white-space: nowrap;
}

.ah-commerce-c-offer__arrow {
  flex: 0 0 auto;
  color: var(--ahc-brand);
  font-size: 1em;
  font-weight: 650;
}

.ah-commerce-c-offer--featured .ah-commerce-c-offer__arrow {
  color: var(--ahc-lime);
}

.ah-commerce-c-offer__currency {
  font-size: 0.66em;
  letter-spacing: -0.025em;
}

.ah-commerce-c-offer__price--label {
  font-size: inherit;
}

.ah-commerce-c-offer__fit {
  min-height: 126px;
  margin: 0 !important;
  padding-bottom: 26px;
  border-bottom: 1px solid var(--offer-border);
  color: var(--offer-muted) !important;
  font-size: 0.96rem !important;
  line-height: 1.68;
}

.ah-commerce-c-offer__feature-block {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding-top: 28px;
}

.ah-commerce-c-offer__feature-block > small {
  margin: 0 0 16px !important;
  color: var(--offer-text) !important;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 0.64rem !important;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.ah-commerce-c-offer__feature-block ul {
  display: grid;
  gap: 11px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.ah-commerce-c-offer__feature-block li {
  position: relative;
  padding-left: 22px;
  color: var(--offer-muted);
  font-size: 0.88rem;
  line-height: 1.52;
}

.ah-commerce-c-offer__feature-block li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ahc-cyan);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ahc-cyan) 14%, transparent);
}

.ah-commerce-c-offer__first-year {
  display: grid;
  gap: 7px;
  min-height: 108px;
  margin-top: 30px;
  padding: 18px;
  border: 1px solid var(--offer-border);
  border-radius: 16px;
  background: color-mix(in srgb, var(--offer-surface) 78%, var(--ahc-cyan) 6%);
}

.ah-commerce-c-offer__first-year span,
.ah-commerce-c-offer--featured .ah-commerce-c-offer__first-year span {
  color: var(--ahc-cyan);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 0.61rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.ah-commerce-c-offer__first-year strong {
  color: var(--offer-text);
  font-size: 0.86rem;
  line-height: 1.4;
}

.ah-commerce-c-offer__first-year small {
  color: var(--offer-muted);
  font-size: 0.76rem;
  line-height: 1.45;
}

.ah-commerce-c-offer__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 56px;
  margin-top: 18px;
  padding: 15px 17px;
  border: 1px solid var(--offer-border);
  border-radius: 14px;
  color: var(--offer-text) !important;
  background: var(--ahc-surface);
  font-size: 0.88rem;
  font-weight: 760;
  text-decoration: none;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.ah-commerce-c-offer__cta:hover,
.ah-commerce-c-offer__cta:focus-visible {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--ahc-brand) 45%, var(--offer-border));
  outline: none;
}

.ah-commerce-c-offer__cta span {
  font-weight: 760;
}

.ah-commerce-c-offer__cta b {
  color: var(--ahc-brand);
  font-size: 1.18rem;
}

.ah-commerce-c-offer--featured .ah-commerce-c-offer__cta {
  border-color: transparent;
  color: var(--ahc-ink) !important;
  background: var(--ahc-lime);
}

.ah-commerce-c-offer--featured .ah-commerce-c-offer__cta b {
  color: var(--ahc-ink);
}

.ah-commerce-c-offer--featured .ah-commerce-c-offer__cta:hover,
.ah-commerce-c-offer--featured .ah-commerce-c-offer__cta:focus-visible {
  background: color-mix(in srgb, var(--ahc-lime) 90%, #fff);
}

.ah-commerce-c-pricing__notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.ah-commerce-c-pricing__notes article {
  padding: 18px 20px;
  border: 1px solid var(--ahc-border);
  border-radius: 16px;
  background: var(--ahc-surface);
}

.ah-commerce-c-pricing__notes span {
  color: var(--ahc-brand);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .09em;
}

.ah-commerce-c-pricing__notes p,
.ah-commerce-c-pricing__scope-note {
  margin: 7px 0 0;
  color: var(--ahc-muted);
  font-size: .78rem;
  line-height: 1.55;
}

.ah-commerce-c-pricing__scope-note {
  max-width: 980px;
  margin: 18px auto 0;
  text-align: center;
}

/* C3 — First year */
.ah-commerce-c-year {
  padding: clamp(84px, 8vw, 124px) 0;
  background: var(--ahc-canvas);
}

.ah-commerce-c-year__card {
  padding: clamp(28px, 4vw, 46px);
  border: 1px solid var(--ahc-border);
  border-radius: 26px;
  background:
    radial-gradient(circle at 94% 8%, rgba(86,87,230,.09), transparent 31%),
    var(--ahc-surface);
  box-shadow: var(--ahc-shadow);
}

.ah-commerce-c-year__head {
  margin-bottom: 34px;
}

.ah-commerce-c-year__benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--ahc-border);
  border-left: 1px solid var(--ahc-border);
}

.ah-commerce-c-year__benefits article {
  min-width: 0;
  min-height: 176px;
  padding: 20px;
  border-right: 1px solid var(--ahc-border);
  border-bottom: 1px solid var(--ahc-border);
}

.ah-commerce-c-year__benefits span,
.ah-commerce-c-year__benefits strong {
  display: block;
}

.ah-commerce-c-year__benefits span {
  color: var(--ahc-brand);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.ah-commerce-c-year__benefits strong {
  margin-top: 28px;
  font-size: .92rem;
  line-height: 1.35;
}

.ah-commerce-c-year__benefits p {
  margin: 7px 0 0;
  color: var(--ahc-muted);
  font-size: .76rem;
  line-height: 1.5;
}

.ah-commerce-c-year__maintenance {
  display: grid;
  grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr);
  gap: 28px;
  align-items: start;
  margin-top: 22px;
  padding: 20px 22px;
  border: 1px solid var(--ahc-border);
  border-radius: 16px;
  background: var(--ahc-soft);
}

.ah-commerce-c-year__maintenance span {
  color: var(--ahc-brand);
  font-size: .64rem;
  font-weight: 900;
  line-height: 1.45;
  letter-spacing: .08em;
}

.ah-commerce-c-year__maintenance p,
.ah-commerce-c-year__global-rule {
  margin: 0;
  color: var(--ahc-muted);
  font-size: .78rem;
  line-height: 1.58;
}

.ah-commerce-c-year__global-rule {
  margin-top: 16px;
  text-align: center;
}

/* C4 — Budget factors */
.ah-commerce-c-factors {
  padding: clamp(84px, 8vw, 128px) 0;
  border-top: 1px solid var(--ahc-border);
  background: var(--ahc-canvas);
}

.ah-commerce-c-factors__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--ahc-border);
  border-left: 1px solid var(--ahc-border);
}

.ah-commerce-c-factors__grid article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 13px;
  min-height: 155px;
  padding: 22px;
  border-right: 1px solid var(--ahc-border);
  border-bottom: 1px solid var(--ahc-border);
}

.ah-commerce-c-factors__grid article > span {
  color: var(--ahc-brand);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .68rem;
  font-weight: 900;
}

.ah-commerce-c-factors__grid strong {
  font-size: .93rem;
}

.ah-commerce-c-factors__grid p {
  margin: 7px 0 0;
  color: var(--ahc-muted);
  font-size: .78rem;
  line-height: 1.55;
}

.ah-commerce-c-factors__close {
  display: grid;
  grid-template-columns: minmax(230px, .55fr) minmax(0, 1.45fr);
  gap: 26px;
  align-items: start;
  margin-top: 20px;
  padding: 20px 22px;
  border: 1px solid var(--ahc-border);
  border-radius: 16px;
  background: var(--ahc-surface);
}

.ah-commerce-c-factors__close strong {
  color: var(--ahc-ink);
  font-size: .9rem;
}

.ah-commerce-c-factors__close p {
  margin: 0;
  color: var(--ahc-muted);
  font-size: .8rem;
  line-height: 1.58;
}

/* Block C effective-viewport responsive contract */
@media (min-width: 1280px) and (min-height: 860px) {
  .ah-commerce-c-showcase__preview {
    position: sticky;
    top: calc(var(--ah-header-height, 88px) + 22px);
    align-self: start;
  }
}

@media (min-width: 1200px) and (max-width: 1480px) {
  .ah-commerce-c-offer {
    padding-inline: clamp(22px, 2vw, 30px);
  }

  .ah-commerce-c-offer__top h3 {
    font-size: clamp(1.15rem, 1.38vw, 1.48rem);
  }

  .ah-commerce-c-offer__price {
    gap: 4px 6px;
    font-size: clamp(1.78rem, 2.15vw, 2.35rem) !important;
  }

  .ah-commerce-c-offer__fit {
    min-height: 138px;
    font-size: 0.91rem !important;
  }

  .ah-commerce-c-offer__feature-block li {
    font-size: 0.83rem;
  }
}

@media (max-width: 1199px) {
  .ah-commerce-c-showcase__layout {
    grid-template-columns: 1fr;
  }

  .ah-commerce-c-showcase__tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ah-commerce-c-theme-tab {
    min-height: 72px;
    grid-template-columns: 26px minmax(0, 1fr);
  }

  .ah-commerce-c-theme-tab > b {
    display: none;
  }

  .ah-commerce-c-showcase__preview {
    position: static;
  }

  .ah-commerce-c-pricing__offers {
    grid-template-columns: 1fr;
    width: min(100%, 880px);
    margin-inline: auto;
  }

  .ah-commerce-c-offer {
    padding: 28px;
  }

  .ah-commerce-c-offer__top,
  .ah-commerce-c-offer__price-zone,
  .ah-commerce-c-offer__fit,
  .ah-commerce-c-offer__first-year {
    min-height: 0;
  }

  .ah-commerce-c-offer__fit {
    padding: 18px 0;
  }

  .ah-commerce-c-offer__feature-block ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px 24px;
  }

  .ah-commerce-c-year__benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ah-commerce-c-factors__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 959px) {
  .ah-commerce-c-showcase__intro,
  .ah-commerce-c-pricing__head,
  .ah-commerce-c-year__head,
  .ah-commerce-c-factors__head {
    grid-template-columns: 1fr;
    gap: 18px;
    align-items: start;
  }

  .ah-commerce-c-showcase__intro > p,
  .ah-commerce-c-pricing__head > p,
  .ah-commerce-c-year__head > p,
  .ah-commerce-c-factors__head > p {
    max-width: 680px;
    justify-self: start;
  }

  .ah-commerce-c-showcase__tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ah-commerce-c-preview__body {
    grid-template-columns: 1fr;
  }

  .ah-commerce-c-preview__body ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .ah-commerce-c-preview__body li {
    border: 1px solid var(--ahc-border);
    border-radius: 10px;
    padding: 10px 10px 10px 24px;
  }

  .ah-commerce-c-preview__body li::before {
    top: 1.12em;
    left: 10px;
  }

  .ah-commerce-c-year__maintenance,
  .ah-commerce-c-factors__close {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

@media (max-width: 767px) {
  .ah-commerce-c-showcase,
  .ah-commerce-c-pricing,
  .ah-commerce-c-year,
  .ah-commerce-c-factors {
    padding-block: clamp(68px, 13vw, 88px);
  }

  .ah-commerce-c-showcase__tabs {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 2px 2px 10px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }

  .ah-commerce-c-theme-tab {
    flex: 0 0 min(76vw, 230px);
    min-height: 60px;
    scroll-snap-align: start;
  }

  .ah-commerce-c-preview {
    border-radius: 18px;
  }

  .ah-commerce-c-preview__topline {
    padding: 13px 15px;
  }

  .ah-commerce-c-preview__topline small {
    display: none;
  }

  .ah-commerce-c-preview__body {
    padding: 18px;
  }

  .ah-commerce-c-preview__body ul {
    grid-template-columns: 1fr;
  }

  .ah-commerce-c-preview__image > span {
    right: 10px;
    bottom: 10px;
  }

  .ah-commerce-c-offer {
    padding: clamp(24px, 5vw, 28px);
    border-radius: 22px;
  }

  .ah-commerce-c-offer__feature-block ul {
    grid-template-columns: 1fr;
  }

  .ah-commerce-c-pricing__notes {
    grid-template-columns: 1fr;
  }

  .ah-commerce-c-year__card {
    padding: 24px;
    border-radius: 20px;
  }

  .ah-commerce-c-year__benefits {
    grid-template-columns: 1fr;
  }

  .ah-commerce-c-year__benefits article {
    min-height: 0;
  }

  .ah-commerce-c-factors__grid {
    grid-template-columns: 1fr;
  }

  .ah-commerce-c-factors__grid article {
    min-height: 0;
  }
}

@media (max-width: 520px) {
  .ah-commerce-c-preview__image {
    aspect-ratio: 4 / 3;
  }

  .ah-commerce-c-preview__body h3 {
    font-size: 1.25rem;
  }

  .ah-commerce-c-offer {
    padding: 24px 20px;
    border-radius: 22px;
  }

  .ah-commerce-c-offer__price {
    font-size: clamp(1.72rem, 8.5vw, 2.25rem) !important;
  }

  .ah-commerce-c-offer__first-year,
  .ah-commerce-c-pricing__notes article,
  .ah-commerce-c-year__maintenance,
  .ah-commerce-c-factors__close {
    padding: 16px;
  }

  .ah-commerce-c-lightbox {
    width: calc(100vw - 18px);
    max-height: calc(100vh - 18px);
    border-radius: 16px;
  }
}

@media (hover: none), (pointer: coarse) {
  .ah-commerce-c-theme-tab,
  .ah-commerce-c-theme-tab > b,
  .ah-commerce-c-preview__image img,
  .ah-commerce-c-offer__cta,
  .ah-commerce-c-offer__cta b {
    transition: none;
  }
}


/* Block A v3.3 responsive contract — same brand system as Site Vitrine.
 * - Effective viewport drives layout; browser zoom naturally changes the breakpoint.
 * - Two-column Hero only when there is enough real width.
 * - Hero visual is sticky only when BOTH width and height can support it.
 * - Fit / Bridge headings keep a balanced editorial scale.
 * - Dark islands own their text colors independently from global Light/Dark mode.
 * - No fixed heights, no scroll hijacking, no overflow hacks. */
@media (min-width: 720px) {
  .ah-commerce-a-fit__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ah-commerce-a-fit__card.is-current:last-child,
  .ah-commerce-a-fit__card:nth-child(3):last-child {
    grid-column: auto;
  }
}

@media (min-width: 980px) {
  .ah-commerce-a-fit__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ah-commerce-a-fit__card {
    min-height: 318px;
  }
}

@media (min-width: 1280px) {
  .ah-commerce-a-hero__grid {
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    gap: clamp(34px, 3.6vw, 58px);
  }

  .ah-commerce-a-hero__copy {
    padding-top: clamp(8px, 1.6vw, 24px);
  }

  .ah-commerce-a-hero h1 {
    max-width: 660px;
    font-size: clamp(3.2rem, 4vw, 4.75rem);
    line-height: .96;
  }

  .ah-commerce-a-engine {
    width: 100%;
    max-width: none;
    align-self: start;
  }

  .ah-commerce-a-fit__head,
  .ah-commerce-a-bridge__head {
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    gap: clamp(42px, 6vw, 92px);
  }

  .ah-commerce-a-fit__head > p,
  .ah-commerce-a-bridge__head > p {
    max-width: 500px;
    padding-top: 36px;
  }

  .ah-commerce-a-fit__head h2,
  .ah-commerce-a-bridge__head h2 {
    max-width: 720px;
    font-size: clamp(2.8rem, 3.5vw, 4rem);
  }
}

@media (min-width: 1280px) and (min-height: 650px) {
  .ah-commerce-a-engine {
    position: sticky;
    top: calc(var(--ah-header-height, 88px) + 18px);
  }
}

@media (max-width: 1279px) {
  .ah-commerce-a-hero__grid,
  .ah-commerce-a-fit__head,
  .ah-commerce-a-bridge__head {
    grid-template-columns: 1fr;
  }

  .ah-commerce-a-engine {
    position: static;
    width: min(100%, 820px);
  }

  .ah-commerce-a-fit__head > p,
  .ah-commerce-a-bridge__head > p {
    max-width: 760px;
    padding-top: 0;
  }
}

@media (max-width: 959px) {
  .ah-commerce-a-bridge__labels {
    display: none;
  }

  .ah-commerce-a-bridge__row {
    grid-template-columns: minmax(160px, .56fr) minmax(0, 1fr);
    gap: 0;
    padding: 0;
  }

  .ah-commerce-a-bridge__stage {
    padding: 24px;
  }

  .ah-commerce-a-bridge__cell {
    padding: 24px;
    border-left: 1px solid var(--bridge-border);
  }

  .ah-commerce-a-bridge__cell:last-child {
    grid-column: 2;
    border-top: 1px solid var(--bridge-border);
  }

  .ah-commerce-a-bridge__cell > small {
    display: block;
  }

  .ah-commerce-a-bridge__connector {
    display: none;
  }
}

@media (max-width: 767px) {
  .ah-commerce-a-hero {
    padding-top: 56px;
  }

  .ah-commerce-a-hero h1 {
    font-size: clamp(2.55rem, 12vw, 3.75rem);
  }

  .ah-commerce-a-actions {
    flex-direction: column;
  }

  .ah-commerce-a-actions .ah-commerce-btn {
    width: 100%;
  }

  .ah-commerce-a-engine__head {
    flex-direction: column;
  }

  .ah-commerce-a-engine__route {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .ah-commerce-a-engine__route > i {
    display: none;
  }

  .ah-commerce-a-engine__route article > strong {
    font-size: .88rem;
  }

  .ah-commerce-a-engine__ops {
    grid-template-columns: 1fr;
  }

  .ah-commerce-a-engine__ops article + article {
    border-top: 1px solid var(--engine-border);
    border-left: 0;
  }

  .ah-commerce-a-fit__cards {
    grid-template-columns: 1fr;
  }

  .ah-commerce-a-fit__card {
    min-height: 0;
  }

  .ah-commerce-a-bridge__row {
    grid-template-columns: 1fr;
  }

  .ah-commerce-a-bridge__stage,
  .ah-commerce-a-bridge__cell,
  .ah-commerce-a-bridge__cell:last-child {
    grid-column: auto;
    padding: 22px;
    border-left: 0;
  }

  .ah-commerce-a-bridge__cell {
    border-top: 1px solid var(--bridge-border);
  }
}

@media (max-width: 520px) {
  .ah-commerce-a-price {
    display: grid;
    width: 100%;
  }

  .ah-commerce-a-proof {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px 12px;
  }

  .ah-commerce-a-engine {
    padding: 16px;
    border-radius: 22px;
  }

  .ah-commerce-a-engine__route article {
    padding: 15px 12px;
  }

  .ah-commerce-a-engine__axis {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .ah-commerce-a-engine__axis i {
    display: none;
  }

  .ah-commerce-a-fit__card {
    padding: 22px;
    border-radius: 20px;
  }

  .ah-commerce-a-fit__meta {
    flex-direction: column;
    margin-bottom: 24px;
  }
}

@media (hover: none), (pointer: coarse) {
  .ah-commerce-a-fit__card,
  .ah-commerce-a-link > span::after,
  .ah-commerce-a-link > b {
    transition: none;
  }
}


/* ================================
   BLOCK D — Strategy Fix v6.1
   Final architecture:
   - D1: scroll-driven Method timeline on large effective viewports.
   - D2: FAQ / decision support.
   - D3: final CTA.
   - Service-fit cards removed because Block A already owns that decision.
   - Native scroll only; no gesture interception or scroll hijacking.
   - Natural-flow fallback for zoom, tablet, mobile and reduced motion.
   - Permanent eyebrow contract: #5657E6 / .78rem.
   ================================ */
.ah-commerce-d-method,
.ah-commerce-d-faq,
.ah-commerce-d-final {
  overflow-x: clip;
}

.ah-commerce-d-method *,
.ah-commerce-d-faq *,
.ah-commerce-d-final * {
  min-width: 0;
  word-break: normal;
  overflow-wrap: normal;
}

.ah-commerce-d-method {
  padding: clamp(88px, 8vw, 132px) 0 0;
  background: var(--ahc-soft);
}

.ah-commerce-d-head {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .58fr);
  gap: clamp(40px, 6vw, 90px);
  align-items: end;
  margin-bottom: clamp(42px, 5vw, 68px);
}

.ah-commerce-d-head h2,
.ah-commerce-d-faq__guide h2,
.ah-commerce-d-final__copy h2 {
  margin: 0;
  font-size: clamp(2.35rem, 3.55vw, 4rem);
  line-height: 1.02;
  letter-spacing: -.045em;
}

.ah-commerce-d-head > p,
.ah-commerce-d-faq__guide > p:not(.ah-commerce-eyebrow),
.ah-commerce-d-final__copy > p {
  margin: 0;
  color: var(--ahc-muted);
  font-size: clamp(.98rem, 1.08vw, 1.08rem);
  line-height: 1.72;
}

.ah-commerce-d-head > p {
  max-width: 560px;
  margin-bottom: 6px;
}

/* Permanent site-wide brand contract for section eyebrows. */
.ah-commerce-d-method .ah-commerce-eyebrow,
.ah-commerce-d-faq .ah-commerce-eyebrow,
.ah-commerce-d-final .ah-commerce-eyebrow {
  color: #5657e6 !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase;
}

/* D1 — Method: safe default is natural flow. */
.ah-commerce-d-method-track {
  --ah-commerce-d-method-progress: 0;
  padding-bottom: clamp(84px, 8vw, 126px);
}

.ah-commerce-d-method-pin {
  display: none;
}

.ah-commerce-d-method-natural {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.ah-commerce-d-method-natural article {
  display: flex;
  min-height: 286px;
  flex-direction: column;
  padding: clamp(24px, 3vw, 32px);
  border: 1px solid var(--ahc-border);
  border-radius: 20px;
  background: var(--ahc-surface);
}

.ah-commerce-d-method-natural article > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
}

.ah-commerce-d-method-natural article > div span {
  color: var(--ahc-brand);
  font-size: .72rem;
  font-weight: 800;
}

.ah-commerce-d-method-natural article > div small {
  color: var(--ahc-cyan);
  font-size: .62rem;
  letter-spacing: .1em;
}

.ah-commerce-d-method-natural h3 {
  margin: 30px 0 12px;
  color: var(--ahc-ink);
  font-size: clamp(1.55rem, 3vw, 2.05rem);
  line-height: 1.04;
  letter-spacing: -.04em;
}

.ah-commerce-d-method-natural p {
  margin: 0;
  color: var(--ahc-muted);
  font-size: .94rem;
  line-height: 1.68;
}

.ah-commerce-d-method-natural article > strong {
  display: grid;
  width: fit-content;
  max-width: 100%;
  gap: 5px;
  margin-top: auto;
  padding-top: 26px;
  color: var(--ahc-brand-deep);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .72rem;
  line-height: 1.4;
}

.ah-commerce-d-method-natural article > strong small {
  color: var(--ahc-muted);
  font-size: .58rem;
  letter-spacing: .1em;
}

/* Sticky timeline exists only when the effective viewport can fit it.
 * Browser zoom naturally drops below this contract and falls back to cards. */
@media (min-width: 1280px) and (min-height: 720px) {
  .ah-commerce-d-method-track {
    min-height: 560vh;
    padding-bottom: 0;
  }

  .ah-commerce-d-method-pin {
    position: sticky;
    top: var(--ah-header-height, 88px);
    display: block;
    min-height: calc(100svh - var(--ah-header-height, 88px));
  }

  .ah-commerce-d-method-pin__viewport {
    display: grid;
    min-height: calc(100svh - var(--ah-header-height, 88px));
    align-items: center;
    padding-block: 14px;
  }

  .ah-commerce-d-method-natural {
    display: none;
  }

  .ah-commerce-d-method-board {
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) 4px;
    width: 100%;
    height: min(650px, calc(100svh - var(--ah-header-height, 88px) - 30px));
    min-height: 560px;
    border: 1px solid var(--ahc-border);
    border-radius: 28px;
    background: var(--ahc-surface);
    box-shadow: 0 28px 72px color-mix(in srgb, var(--ahc-dark) 10%, transparent);
  }

  .ah-commerce-d-method-board__topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 28px;
    border-bottom: 1px solid var(--ahc-border);
    color: var(--ahc-muted);
    font-family: "IBM Plex Mono", ui-monospace, monospace;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .09em;
  }

  .ah-commerce-d-method-board__topline span:first-child {
    color: var(--ahc-brand-deep);
  }

  .ah-commerce-d-method-board__topline span:last-child {
    color: var(--ahc-brand);
  }

  .ah-commerce-d-method-board__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(360px, .78fr);
    min-height: 0;
  }

  .ah-commerce-d-method-stage {
    display: flex;
    min-height: 0;
    flex-direction: column;
    justify-content: center;
    padding: clamp(38px, 4vw, 58px);
    border-right: 1px solid var(--ahc-border);
    transition: opacity .18s ease, transform .18s ease;
  }

  .ah-commerce-d-method-board.is-changing .ah-commerce-d-method-stage {
    opacity: .56;
    transform: translateY(6px);
  }

  .ah-commerce-d-method-stage__meta {
    display: flex;
    align-items: center;
    gap: 14px;
    color: var(--ahc-brand);
    font-family: "IBM Plex Mono", ui-monospace, monospace;
  }

  .ah-commerce-d-method-stage__meta span {
    font-size: 1rem;
    font-weight: 800;
  }

  .ah-commerce-d-method-stage__meta small {
    color: var(--ahc-cyan);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .1em;
  }

  .ah-commerce-d-method-stage h3 {
    max-width: 680px;
    margin: 28px 0 16px;
    color: var(--ahc-ink);
    font-size: clamp(2.65rem, 4vw, 4.55rem);
    line-height: .96;
    letter-spacing: -.055em;
  }

  .ah-commerce-d-method-stage > p {
    max-width: 680px;
    margin: 0;
    color: var(--ahc-muted);
    font-size: clamp(1rem, 1.18vw, 1.12rem);
    line-height: 1.7;
  }

  .ah-commerce-d-method-stage__validation {
    display: grid;
    width: fit-content;
    max-width: 100%;
    gap: 6px;
    margin-top: clamp(30px, 4vh, 48px);
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, var(--ahc-brand) 24%, var(--ahc-border));
    border-radius: 14px;
    background: color-mix(in srgb, var(--ahc-brand) 5%, var(--ahc-surface));
  }

  .ah-commerce-d-method-stage__validation small,
  .ah-commerce-d-method-stage__validation strong {
    font-family: "IBM Plex Mono", ui-monospace, monospace;
  }

  .ah-commerce-d-method-stage__validation small {
    color: var(--ahc-muted);
    font-size: .57rem;
    letter-spacing: .09em;
  }

  .ah-commerce-d-method-stage__validation strong {
    color: var(--ahc-brand-deep);
    font-size: .76rem;
    line-height: 1.4;
  }

  .ah-commerce-d-method-rail {
    display: grid;
    grid-template-rows: repeat(6, minmax(0, 1fr));
    min-height: 0;
    margin: 0;
    padding: 16px 24px;
    list-style: none;
  }

  .ah-commerce-d-method-rail li {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 8px 0;
    color: var(--ahc-muted);
  }

  .ah-commerce-d-method-rail li::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18px;
    width: 1px;
    background: var(--ahc-border);
    content: "";
  }

  .ah-commerce-d-method-rail li:first-child::before {
    top: 50%;
  }

  .ah-commerce-d-method-rail li:last-child::before {
    bottom: 50%;
  }

  .ah-commerce-d-method-rail li > span {
    position: relative;
    z-index: 1;
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid var(--ahc-border);
    border-radius: 50%;
    color: var(--ahc-muted);
    background: var(--ahc-surface);
    font-family: "IBM Plex Mono", ui-monospace, monospace;
    font-size: .64rem;
    font-weight: 700;
    transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
  }

  .ah-commerce-d-method-rail li > div {
    display: grid;
    gap: 3px;
  }

  .ah-commerce-d-method-rail strong {
    color: var(--ahc-ink);
    font-size: .88rem;
    line-height: 1.3;
    transition: color .18s ease;
  }

  .ah-commerce-d-method-rail small {
    color: var(--ahc-muted);
    font-size: .68rem;
    line-height: 1.35;
  }

  .ah-commerce-d-method-rail li.is-active > span {
    border-color: var(--ahc-brand);
    color: #fff;
    background: var(--ahc-brand);
    box-shadow: 0 0 0 7px color-mix(in srgb, var(--ahc-brand) 11%, transparent);
  }

  .ah-commerce-d-method-rail li.is-active strong {
    color: var(--ahc-brand-deep);
  }

  .ah-commerce-d-method-rail li.is-complete > span {
    border-color: color-mix(in srgb, var(--ahc-cyan) 58%, var(--ahc-border));
    color: var(--ahc-brand-deep);
    background: color-mix(in srgb, var(--ahc-cyan) 12%, var(--ahc-surface));
  }

  .ah-commerce-d-method-progress {
    height: 4px;
    background: color-mix(in srgb, var(--ahc-brand) 8%, var(--ahc-border));
    transform-origin: left center;
  }

  .ah-commerce-d-method-progress > span {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, var(--ahc-brand), var(--ahc-cyan));
    transform: scaleX(0);
    transform-origin: left center;
    will-change: transform;
  }
}

/* D2 — FAQ / decision. */
.ah-commerce-d-faq {
  padding: clamp(88px, 8vw, 132px) 0;
  background: var(--ahc-surface);
}

.ah-commerce-d-faq__grid {
  display: grid;
  grid-template-columns: minmax(320px, .62fr) minmax(0, 1.08fr);
  gap: clamp(46px, 6vw, 92px);
  align-items: start;
}

.ah-commerce-d-faq__guide > p:not(.ah-commerce-eyebrow) {
  max-width: 560px;
  margin-top: 20px;
}

.ah-commerce-d-faq__repers {
  margin-top: 34px;
  border-top: 1px solid var(--ahc-border);
}

.ah-commerce-d-faq__repers > p {
  margin: 0;
  padding: 18px 0 2px;
  color: var(--ahc-brand-deep);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .1em;
}

.ah-commerce-d-faq__repers article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid var(--ahc-border);
}

.ah-commerce-d-faq__repers article > span {
  color: var(--ahc-brand);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .68rem;
}

.ah-commerce-d-faq__repers h3 {
  margin: 0 0 5px;
  color: var(--ahc-ink);
  font-size: .94rem;
  letter-spacing: -.015em;
}

.ah-commerce-d-faq__repers article p {
  margin: 0;
  color: var(--ahc-muted);
  font-size: .83rem;
  line-height: 1.58;
}

.ah-commerce-d-faq__items {
  border-top: 1px solid var(--ahc-border);
}

.ah-commerce-d-faq details {
  border-bottom: 1px solid var(--ahc-border);
}

.ah-commerce-d-faq summary {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 34px;
  gap: 16px;
  align-items: center;
  padding: 22px 0;
  cursor: pointer;
  list-style: none;
}

.ah-commerce-d-faq summary::-webkit-details-marker {
  display: none;
}

.ah-commerce-d-faq summary:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ahc-brand) 30%, transparent);
  outline-offset: 5px;
  border-radius: 6px;
}

.ah-commerce-d-faq__number {
  color: var(--ahc-brand);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .67rem;
}

.ah-commerce-d-faq__question {
  color: var(--ahc-ink);
  font-size: clamp(.98rem, 1.08vw, 1.08rem);
  font-weight: 800;
  line-height: 1.42;
}

.ah-commerce-d-faq__toggle {
  position: relative;
  width: 32px;
  height: 32px;
  border: 1px solid var(--ahc-border);
  border-radius: 50%;
  background: var(--ahc-surface);
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.ah-commerce-d-faq__toggle::before,
.ah-commerce-d-faq__toggle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  border-radius: 2px;
  background: var(--ahc-brand);
  content: "";
  transform: translate(-50%, -50%);
}

.ah-commerce-d-faq__toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform .2s ease;
}

.ah-commerce-d-faq details[open] .ah-commerce-d-faq__toggle {
  border-color: color-mix(in srgb, var(--ahc-brand) 38%, var(--ahc-border));
  background: color-mix(in srgb, var(--ahc-brand) 8%, var(--ahc-surface));
}

.ah-commerce-d-faq details[open] .ah-commerce-d-faq__toggle::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.ah-commerce-d-faq__answer {
  padding: 0 50px 24px 54px;
}

.ah-commerce-d-faq__answer p {
  max-width: 760px;
  margin: 0;
  color: var(--ahc-muted);
  font-size: .95rem;
  line-height: 1.74;
}

/* D3 — Final CTA. Explicit dark-island contract independent of page mode. */
.ah-commerce-d-final {
  padding: clamp(88px, 8vw, 132px) 0;
  background: var(--ahc-surface);
}

.ah-commerce-d-final__panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .62fr);
  gap: clamp(38px, 6vw, 78px);
  align-items: center;
  overflow: hidden;
  padding: clamp(34px, 5vw, 68px);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 30px;
  color: #f7f9fd;
  background:
    radial-gradient(circle at 84% 14%, rgba(86,87,230,.28), transparent 30%),
    radial-gradient(circle at 12% 88%, rgba(32,199,214,.09), transparent 28%),
    #0b1020;
  box-shadow: 0 34px 90px rgba(6,10,22,.24);
}

.ah-commerce-d-final__panel::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255,255,255,.035), transparent 28%, transparent 72%, rgba(255,255,255,.025));
  content: "";
}

.ah-commerce-d-final__panel > * {
  position: relative;
  z-index: 1;
}

.ah-commerce-d-final__eyebrow-shell {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 18px;
  padding: 8px 10px 7px;
  border-radius: 10px;
  background: #f7f8ff;
}

.ah-commerce-d-final__eyebrow-shell .ah-commerce-eyebrow {
  margin: 0;
}

.ah-commerce-d-final__copy h2 {
  max-width: 760px;
  color: #f8faff;
}

.ah-commerce-d-final__copy > p {
  max-width: 720px;
  margin-top: 20px;
  color: #aeb7ca;
}

.ah-commerce-d-final__cta {
  display: inline-flex;
  width: fit-content;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #0b1020 !important;
  background: #b7f34a;
  font-weight: 850;
  text-decoration: none !important;
  box-shadow: 0 16px 36px rgba(183,243,74,.16);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.ah-commerce-d-final__cta span,
.ah-commerce-d-final__cta b {
  text-decoration: none !important;
}

.ah-commerce-d-final__cta:focus-visible {
  outline: 3px solid rgba(183,243,74,.30);
  outline-offset: 5px;
}

@media (hover: hover) and (pointer: fine) {
  .ah-commerce-d-final__cta:hover,
  .ah-commerce-d-final__cta:focus-visible {
    transform: translateY(-2px);
    background: #c2f866;
    box-shadow: 0 20px 44px rgba(183,243,74,.22);
  }
}

/* Canonical text-link interaction: no permanent underline. */
.ah-commerce-d-link {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 8px;
  color: var(--ahc-brand-deep) !important;
  font-size: .9rem;
  font-weight: 800;
  line-height: 1.4;
  text-decoration: none !important;
}

.ah-commerce-d-link > span {
  position: relative;
  display: inline-block;
}

.ah-commerce-d-link > span::after {
  position: absolute;
  right: 0;
  bottom: -5px;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--ahc-brand), var(--ahc-cyan));
  content: "";
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition: opacity .2s ease, transform .2s ease;
}

.ah-commerce-d-link > b {
  color: var(--ahc-cyan);
  font-size: 1.08em;
  transition: transform .2s ease;
}

.ah-commerce-d-link:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ahc-brand) 30%, transparent);
  outline-offset: 5px;
  border-radius: 5px;
}

@media (hover: hover) and (pointer: fine) {
  .ah-commerce-d-link:hover > span::after,
  .ah-commerce-d-link:focus-visible > span::after {
    opacity: 1;
    transform: scaleX(1);
  }

  .ah-commerce-d-link:hover > b,
  .ah-commerce-d-link:focus-visible > b {
    transform: translateX(4px);
  }
}

.ah-commerce-d-link--dark {
  margin-top: 18px;
  color: #cbd3e2 !important;
}

.ah-commerce-d-final__route {
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  background: rgba(255,255,255,.045);
}

.ah-commerce-d-final__route-label {
  margin: 0 0 18px;
  color: #20c7d6;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .1em;
}

.ah-commerce-d-final__route ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ah-commerce-d-final__route li {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 14px;
  padding: 18px 0;
  border-top: 1px solid rgba(255,255,255,.09);
}

.ah-commerce-d-final__route li:first-child {
  padding-top: 0;
  border-top: 0;
}

.ah-commerce-d-final__route li:last-child {
  padding-bottom: 0;
}

.ah-commerce-d-final__route li > span {
  color: #20c7d6;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .67rem;
}

.ah-commerce-d-final__route strong {
  display: block;
  margin-bottom: 5px;
  color: #f8faff;
  font-size: .96rem;
}

.ah-commerce-d-final__route p {
  margin: 0;
  color: #aeb7ca;
  font-size: .83rem;
  line-height: 1.58;
}

/* Effective viewport responsive contract. */
@media (min-width: 1280px) and (min-height: 700px) {
  .ah-commerce-d-faq__guide {
    position: sticky;
    top: calc(var(--ah-header-height, 88px) + 22px);
  }
}

@media (max-width: 1199px) {
  .ah-commerce-d-head {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .ah-commerce-d-head > p {
    max-width: 760px;
    margin-bottom: 0;
  }

  .ah-commerce-d-faq__grid {
    grid-template-columns: 1fr;
    gap: 46px;
  }

  .ah-commerce-d-faq__guide {
    position: static;
  }

  .ah-commerce-d-faq__repers {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    border-top: 0;
  }

  .ah-commerce-d-faq__repers > p {
    grid-column: 1 / -1;
    padding-top: 0;
  }

  .ah-commerce-d-faq__repers article {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 18px;
    border: 1px solid var(--ahc-border);
    border-radius: 16px;
    background: var(--ahc-surface);
  }

  .ah-commerce-d-final__panel {
    grid-template-columns: 1fr;
  }

  .ah-commerce-d-final__route {
    max-width: 760px;
  }
}

@media (max-width: 767px) {
  .ah-commerce-d-head h2,
  .ah-commerce-d-faq__guide h2,
  .ah-commerce-d-final__copy h2 {
    font-size: clamp(2.1rem, 9vw, 3.25rem);
  }

  .ah-commerce-d-method-natural {
    grid-template-columns: 1fr;
  }

  .ah-commerce-d-method-natural article {
    min-height: 0;
  }

  .ah-commerce-d-faq__repers {
    grid-template-columns: 1fr;
  }

  .ah-commerce-d-faq summary {
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 12px;
  }

  .ah-commerce-d-faq__number {
    display: none;
  }

  .ah-commerce-d-faq__answer {
    padding: 0 44px 22px 0;
  }

  .ah-commerce-d-final__panel {
    padding: 30px 24px;
    border-radius: 24px;
  }
}

@media (max-width: 520px) {
  .ah-commerce-d-method-natural article {
    padding: 22px;
    border-radius: 18px;
  }

  .ah-commerce-d-faq__repers article {
    padding: 16px;
  }

  .ah-commerce-d-faq summary {
    padding: 20px 0;
  }

  .ah-commerce-d-faq__answer {
    padding-right: 0;
  }

  .ah-commerce-d-final__panel {
    padding: 26px 20px;
    border-radius: 20px;
  }

  .ah-commerce-d-final__cta {
    width: 100%;
  }

  .ah-commerce-d-final__route {
    padding: 20px;
    border-radius: 18px;
  }
}

@media (hover: none), (pointer: coarse) {
  .ah-commerce-d-link > span::after {
    display: none;
  }

  .ah-commerce-d-link,
  .ah-commerce-d-link > span::after,
  .ah-commerce-d-link > b,
  .ah-commerce-d-final__cta,
  .ah-commerce-d-faq__toggle,
  .ah-commerce-d-faq__toggle::after {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ah-commerce-d-method-track {
    min-height: auto !important;
    padding-bottom: clamp(84px, 8vw, 126px) !important;
  }

  .ah-commerce-d-method-pin {
    display: none !important;
  }

  .ah-commerce-d-method-natural {
    display: grid !important;
  }

  .ah-commerce-page *,
  .ah-commerce-page *::before,
  .ah-commerce-page *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}