/* =============================================================
   Microchip USA Motion — design system
   1. Tokens          5. Hero + ticker     9. Trust / FAQ / RFQ
   2. Base            6. Sticky story     10. Footer
   3. Buttons/labels  7. Process/cards    11. Content pages
   4. Header/nav      8. Manufacturers    12. Motion + responsive
   ============================================================= */

:root {
  --mcusa-ink: #0a1322;
  --mcusa-ink-2: #0e1b31;
  --mcusa-ink-3: #13233f;
  --mcusa-paper: #f6f8fb;
  --mcusa-white: #ffffff;
  --mcusa-line: #e3e9f2;
  --mcusa-line-strong: #cfd9e6;
  --mcusa-line-dark: rgba(151, 175, 213, 0.16);
  --mcusa-muted: #5b6678;
  --mcusa-muted-dark: #9db0cc;
  --mcusa-navy: #113163;
  --mcusa-blue: #2563eb;
  --mcusa-blue-soft: #4f8df9;
  --mcusa-red: #d62929;
  --mcusa-red-deep: #a91d1d;
  --mcusa-gold: #f1b31c;
  --mcusa-green: #34d399;
  --mcusa-cta-primary: #254291;
  --mcusa-cta-primary-hover: #122050;
  --mcusa-cta-secondary: #ffffff;
  --mcusa-cta-disabled: #dce3f2;
  --mcusa-cta-disabled-text: #667085;
  --mcusa-cta-focus: rgba(37, 66, 145, 0.3);

  --mcusa-font-body: "Gotham", "Montserrat", Arial, sans-serif;
  --mcusa-font-display: "Roboto Slab", Rockwell, serif;
  --mcusa-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --mcusa-max: 1320px;
  --mcusa-content-box-max: calc(var(--mcusa-max) - 2 * var(--mcusa-gutter));
  --mcusa-gutter: clamp(20px, 4vw, 36px);
  --mcusa-bleed: max(var(--mcusa-gutter), calc((100vw - var(--mcusa-max)) / 2 + var(--mcusa-gutter)));
  --mcusa-radius: 12px;
  --mcusa-radius-lg: 20px;
  --mcusa-header-height: 80px;
  --mcusa-topbar-height: 45px;
  --mcusa-ticker-height: 55px;
  --mcusa-admin-bar-height: 0px;

  --mcusa-shadow-sm: 0 1px 2px rgba(10, 19, 34, 0.05), 0 2px 8px rgba(10, 19, 34, 0.05);
  --mcusa-shadow-md: 0 2px 6px rgba(10, 19, 34, 0.05), 0 14px 32px -12px rgba(10, 19, 34, 0.16);
  --mcusa-shadow-lg: 0 4px 10px rgba(10, 19, 34, 0.06), 0 28px 60px -18px rgba(10, 19, 34, 0.28);

  --mcusa-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --mcusa-ease-spring: cubic-bezier(0.34, 1.4, 0.5, 1);

  --mcusa-hero-progress: 0;
  --mcusa-horizontal-progress: 0;
  color-scheme: light;

  /* Legacy `musa-*` templates are still emitted by catalog/forms content. */
  --musa-blue: var(--mcusa-navy);
  --musa-blue-dark: var(--mcusa-ink);
  --musa-blue-soft: #eef4ff;
  --musa-red: var(--mcusa-red);
  --musa-gold: var(--mcusa-gold);
  --musa-cta-primary: var(--mcusa-cta-primary);
  --musa-cta-primary-hover: var(--mcusa-cta-primary-hover);
  --musa-cta-secondary: var(--mcusa-cta-secondary);
  --musa-cta-disabled: var(--mcusa-cta-disabled);
  --musa-cta-disabled-text: var(--mcusa-cta-disabled-text);
  --musa-cta-focus: var(--mcusa-cta-focus);
  --musa-ink: var(--mcusa-ink);
  --musa-muted: var(--mcusa-muted);
  --musa-line: var(--mcusa-line-strong);
  --musa-bg: var(--mcusa-paper);
  --musa-white: var(--mcusa-white);
  --musa-max: var(--mcusa-max);
  --musa-font-body: var(--mcusa-font-body);
  --musa-font-heading: var(--mcusa-font-display);
}

body.admin-bar {
  --mcusa-admin-bar-height: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar {
    --mcusa-admin-bar-height: 46px;
  }
}

@media screen and (max-width: 600px) {
  body.admin-bar {
    --mcusa-admin-bar-height: 0px;
  }
}

/* ---------------------------------------------------------------
   2. Base
   --------------------------------------------------------------- */

* {
  box-sizing: border-box;
}

html {
  line-height: 1.6;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--mcusa-paper);
  color: var(--mcusa-ink);
  font-family: var(--mcusa-font-body);
  font-size: 16px;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.has-mcusa-menu {
  overflow: hidden;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 180ms var(--mcusa-ease);
}

h1,
h2,
h3,
h4 {
  font-family: var(--mcusa-font-display);
  letter-spacing: -0.015em;
  line-height: 1.1;
}

::selection {
  background: rgba(37, 99, 235, 0.18);
}

:focus-visible {
  border-radius: 4px;
  outline: 2px solid var(--mcusa-blue);
  outline-offset: 3px;
}

.mcusa-skip-link {
  background: var(--mcusa-ink);
  border-radius: 8px;
  color: var(--mcusa-white);
  font-weight: 600;
  left: 16px;
  padding: 10px 16px;
  position: absolute;
  top: -60px;
  z-index: 1000;
}

.mcusa-skip-link:focus {
  top: 16px;
}

.mcusa-eyebrow {
  color: var(--mcusa-blue);
  font-family: var(--mcusa-font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  margin: 0 0 14px;
  text-transform: uppercase;
}

.mcusa-link-arrow,
.mcusa-process-card a,
.mcusa-category-card a,
.mcusa-trust-card a,
.mcusa-archive-card .mcusa-link-arrow {
  align-items: center;
  color: var(--mcusa-blue);
  display: inline-flex;
  font-size: 15px;
  font-weight: 650;
  gap: 7px;
  margin-top: 18px;
}

.mcusa-link-arrow::after,
.mcusa-process-card a::after,
.mcusa-category-card a::after,
.mcusa-trust-card a::after {
  content: "\2192";
  display: inline-block;
  transition: transform 240ms var(--mcusa-ease);
}

.mcusa-link-arrow:hover,
.mcusa-link-arrow:focus,
.mcusa-process-card a:hover,
.mcusa-process-card a:focus,
.mcusa-category-card a:hover,
.mcusa-category-card a:focus,
.mcusa-trust-card a:hover,
.mcusa-trust-card a:focus {
  color: var(--mcusa-red);
}

.mcusa-link-arrow:hover::after,
.mcusa-process-card a:hover::after,
.mcusa-category-card a:hover::after,
.mcusa-trust-card a:hover::after {
  transform: translateX(5px);
}

/* ---------------------------------------------------------------
   3. Buttons
   --------------------------------------------------------------- */

.mcusa-button,
.mcusa-part-search button {
  align-items: center;
  background: var(--mcusa-white);
  border: 1px solid var(--mcusa-cta-primary);
  border-radius: 10px;
  color: var(--mcusa-cta-primary);
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-size: 15px;
  font-weight: 650;
  gap: 8px;
  justify-content: center;
  letter-spacing: 0.005em;
  min-height: 46px;
  padding: 11px 22px;
  transition:
    background-color 200ms var(--mcusa-ease),
    border-color 200ms var(--mcusa-ease),
    color 200ms var(--mcusa-ease),
    box-shadow 260ms var(--mcusa-ease),
    transform 260ms var(--mcusa-ease);
}

.mcusa-button:hover,
.mcusa-button:focus {
  background: #eef2fb;
  border-color: var(--mcusa-cta-primary-hover);
  box-shadow: var(--mcusa-shadow-md);
  color: var(--mcusa-cta-primary-hover);
  transform: translateY(-2px);
}

.mcusa-button:focus-visible,
.mcusa-part-search button:focus-visible {
  box-shadow: 0 0 0 4px var(--mcusa-cta-focus);
  outline: 2px solid var(--mcusa-white);
  outline-offset: 2px;
}

.mcusa-button:active {
  background: #e3e9f7;
  border-color: var(--mcusa-cta-primary-hover);
  color: var(--mcusa-cta-primary-hover);
  transform: translateY(0);
  transition-duration: 80ms;
}

.mcusa-button--primary,
.mcusa-part-search button {
  background: var(--mcusa-cta-primary);
  border-color: var(--mcusa-cta-primary);
  box-shadow: 0 1px 2px rgba(18, 32, 80, 0.24), 0 8px 22px -8px rgba(37, 66, 145, 0.5);
  color: var(--mcusa-white);
}

.mcusa-button--primary:hover,
.mcusa-button--primary:focus,
.mcusa-part-search button:hover,
.mcusa-part-search button:focus {
  background: var(--mcusa-cta-primary-hover);
  border-color: var(--mcusa-cta-primary-hover);
  box-shadow: 0 2px 4px rgba(18, 32, 80, 0.24), 0 14px 30px -8px rgba(37, 66, 145, 0.55);
  color: var(--mcusa-white);
  transform: translateY(-2px);
}

.mcusa-button--primary:active,
.mcusa-part-search button:active {
  background: var(--mcusa-cta-primary-hover);
  border-color: var(--mcusa-cta-primary-hover);
  color: var(--mcusa-white);
  transform: translateY(0);
}

.mcusa-button[aria-busy="true"],
.mcusa-button.is-loading,
.mcusa-part-search button[aria-busy="true"],
.mcusa-part-search button.is-loading {
  cursor: wait;
  opacity: 0.78;
}

.mcusa-button:disabled,
.mcusa-button[aria-disabled="true"],
.mcusa-part-search button:disabled,
.mcusa-part-search button[aria-disabled="true"] {
  background: var(--mcusa-cta-disabled);
  border-color: var(--mcusa-cta-disabled);
  box-shadow: none;
  color: var(--mcusa-cta-disabled-text);
  cursor: not-allowed;
  opacity: 1;
  pointer-events: none;
  transform: none;
}

/* Red remains an intentional high-contrast CTA accent on dark surfaces. */
.mcusa-hero .mcusa-button--primary,
.mcusa-part-search button,
.mcusa-site-footer .mcusa-button--primary,
.has-ink-background-color .mcusa-button--primary,
.has-surface-background-color .mcusa-button--primary,
.has-brand-navy-background-color .mcusa-button--primary {
  background: linear-gradient(180deg, #e23636, var(--mcusa-red) 55%, #c12222);
  border-color: transparent;
  box-shadow: 0 1px 2px rgba(173, 22, 22, 0.4), 0 8px 22px -8px rgba(214, 41, 41, 0.55);
  color: var(--mcusa-white);
}

.mcusa-hero .mcusa-button--primary:hover,
.mcusa-hero .mcusa-button--primary:focus,
.mcusa-part-search button:hover,
.mcusa-part-search button:focus,
.mcusa-site-footer .mcusa-button--primary:hover,
.mcusa-site-footer .mcusa-button--primary:focus,
.has-ink-background-color .mcusa-button--primary:hover,
.has-ink-background-color .mcusa-button--primary:focus,
.has-surface-background-color .mcusa-button--primary:hover,
.has-surface-background-color .mcusa-button--primary:focus,
.has-brand-navy-background-color .mcusa-button--primary:hover,
.has-brand-navy-background-color .mcusa-button--primary:focus {
  background: linear-gradient(180deg, #e94343, #d62929 55%, #b51f1f);
  border-color: transparent;
  box-shadow: 0 2px 4px rgba(173, 22, 22, 0.35), 0 14px 30px -8px rgba(214, 41, 41, 0.6);
  color: var(--mcusa-white);
}

.mcusa-hero .mcusa-button--primary:disabled,
.mcusa-hero .mcusa-button--primary[aria-disabled="true"],
.mcusa-part-search button:disabled,
.mcusa-part-search button[aria-disabled="true"],
.mcusa-site-footer .mcusa-button--primary:disabled,
.mcusa-site-footer .mcusa-button--primary[aria-disabled="true"],
.has-ink-background-color .mcusa-button--primary:disabled,
.has-ink-background-color .mcusa-button--primary[aria-disabled="true"],
.has-surface-background-color .mcusa-button--primary:disabled,
.has-surface-background-color .mcusa-button--primary[aria-disabled="true"],
.has-brand-navy-background-color .mcusa-button--primary:disabled,
.has-brand-navy-background-color .mcusa-button--primary[aria-disabled="true"] {
  background: var(--mcusa-cta-disabled);
  border-color: var(--mcusa-cta-disabled);
  box-shadow: none;
  color: var(--mcusa-cta-disabled-text);
}

/* ---------------------------------------------------------------
   4. Header + navigation
   --------------------------------------------------------------- */

.mcusa-topbar {
  background: linear-gradient(180deg, #0d1930, #081222);
  border-bottom: 1px solid rgba(157, 176, 204, 0.18);
  color: var(--mcusa-white);
  font-size: 13px;
  line-height: 1;
  position: relative;
  z-index: 55;
}

.mcusa-topbar__inner {
  align-items: center;
  display: flex;
  gap: 22px;
  min-height: 44px;
  margin: 0 auto;
  max-width: var(--mcusa-max);
  padding: 0 var(--mcusa-gutter);
}

.mcusa-topbar a {
  color: inherit;
}

.mcusa-topbar-ticker {
  --mcusa-topbar-step: 44px;
  flex: 1 1 auto;
  height: var(--mcusa-topbar-step);
  min-width: 0;
  overflow: hidden;
}

.mcusa-topbar-ticker__track {
  animation: mcusa-topbar-ticker calc(4s * var(--mcusa-topbar-steps, 4)) steps(var(--mcusa-topbar-steps, 4), end) infinite;
  will-change: transform;
}

.mcusa-topbar-ticker__track.is-static {
  animation: none;
  will-change: auto;
}

.mcusa-topbar-ticker:hover .mcusa-topbar-ticker__track,
.mcusa-topbar-ticker:focus-within .mcusa-topbar-ticker__track {
  animation-play-state: paused;
}

.mcusa-topbar-ticker__item {
  color: rgba(255, 255, 255, 0.88);
  display: block;
  font-weight: 700;
  height: var(--mcusa-topbar-step);
  line-height: var(--mcusa-topbar-step);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

a.mcusa-topbar-ticker__item:hover,
a.mcusa-topbar-ticker__item:focus {
  color: var(--mcusa-gold);
  text-decoration: none;
}

@keyframes mcusa-topbar-ticker {
  to {
    transform: translateY(calc(var(--mcusa-topbar-step) * -1 * var(--mcusa-topbar-steps, 4)));
  }
}

.mcusa-topbar__right {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
}

.mcusa-topbar__phone {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  min-height: 32px;
  white-space: nowrap;
}

.mcusa-topbar__phone svg {
  display: block;
  flex: 0 0 auto;
  height: 16px;
  width: 16px;
}

.mcusa-topbar__phone svg path {
  fill: currentColor;
}

.mcusa-topbar__phone span {
  color: rgba(226, 235, 248, 0.76);
  font-weight: 650;
}

.mcusa-topbar__phone strong {
  color: var(--mcusa-white);
  font-family: var(--mcusa-font-mono);
  font-size: 12px;
  font-weight: 700;
}

.mcusa-topbar__phone:hover,
.mcusa-topbar__phone:focus {
  color: var(--mcusa-gold);
  text-decoration: none;
}

.mcusa-topbar__phone:hover span,
.mcusa-topbar__phone:focus span,
.mcusa-topbar__phone:hover strong,
.mcusa-topbar__phone:focus strong {
  color: var(--mcusa-gold);
}

.mcusa-topbar__socials {
  align-items: center;
  display: flex;
  gap: 8px;
}

.mcusa-topbar__socials a {
  align-items: center;
  border-radius: 6px;
  color: rgba(226, 235, 248, 0.82);
  display: inline-flex;
  height: 28px;
  justify-content: center;
  transition:
    background-color 180ms var(--mcusa-ease),
    color 180ms var(--mcusa-ease);
  width: 28px;
}

.mcusa-topbar__socials svg {
  display: block;
  height: 14px;
  width: 14px;
}

.mcusa-topbar__socials svg path {
  fill: currentColor;
}

.mcusa-topbar__socials a:hover,
.mcusa-topbar__socials a:focus {
  background: rgba(255, 255, 255, 0.08);
  color: var(--mcusa-gold);
  text-decoration: none;
}

.mcusa-site-header {
  -webkit-backdrop-filter: blur(16px) saturate(1.4);
  backdrop-filter: blur(16px) saturate(1.4);
  background: rgba(255, 255, 255, 0.86);
  border-bottom: 1px solid var(--mcusa-line);
  position: sticky;
  top: var(--mcusa-admin-bar-height);
  transition: box-shadow 300ms var(--mcusa-ease), background-color 300ms var(--mcusa-ease);
  z-index: 50;
}

.mcusa-site-header.is-scrolled {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 1px 0 var(--mcusa-line), 0 12px 32px -18px rgba(10, 19, 34, 0.25);
}

.mcusa-site-header__inner {
  align-items: center;
  display: flex;
  gap: 30px;
  height: var(--mcusa-header-height);
  margin: 0 auto;
  max-width: var(--mcusa-max);
  padding: 0 var(--mcusa-gutter);
}

.mcusa-brand {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  transition: transform 240ms var(--mcusa-ease);
}

.mcusa-brand:hover {
  transform: translateY(-1px);
}

.mcusa-brand img {
  height: 40px;
  width: auto;
}

.mcusa-nav {
  flex: 1 1 auto;
  min-width: 0;
}

.mcusa-nav__list {
  align-items: center;
  display: flex;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mcusa-nav__list li {
  list-style: none;
  margin: 0;
  position: relative;
}

@media (min-width: 1101px) {
  .mcusa-nav__list > li.menu-item-has-children::after,
  .mcusa-nav__list > li.is-dropdown-open::after {
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
  }

  .mcusa-nav__list > li.menu-item-has-children:hover,
  .mcusa-nav__list > li.menu-item-has-children:focus-within,
  .mcusa-nav__list > li.is-dropdown-open {
    z-index: 70;
  }

  .mcusa-nav__list > li.menu-item-has-children:hover::after,
  .mcusa-nav__list > li.menu-item-has-children:focus-within::after,
  .mcusa-nav__list > li.is-dropdown-open::after {
    right: auto;
    width: max(100%, 240px);
  }
}

.mcusa-nav__list a {
  border-radius: 8px;
  color: #2c3950;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 9px 13px;
  transition: background-color 180ms var(--mcusa-ease), color 180ms var(--mcusa-ease);
}

.mcusa-nav__list a:hover,
.mcusa-nav__list a:focus {
  background: rgba(17, 49, 99, 0.06);
  color: var(--mcusa-navy);
}

.mcusa-nav__list .sub-menu {
  background: var(--mcusa-white);
  border: 1px solid var(--mcusa-line);
  border-radius: 14px;
  box-shadow: var(--mcusa-shadow-lg);
  left: 0;
  list-style: none;
  min-width: 240px;
  opacity: 0;
  padding: 8px;
  pointer-events: none;
  position: absolute;
  top: calc(100% + 6px);
  transform: translateY(8px);
  transition: opacity 160ms var(--mcusa-ease), transform 160ms var(--mcusa-ease), visibility 0s linear 160ms;
  visibility: hidden;
  z-index: 60;
}

.mcusa-nav__list .sub-menu .sub-menu {
  left: calc(100% - 1px);
  top: -9px;
}

.mcusa-nav__list .sub-menu .menu-item-has-children > a {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.mcusa-nav__list .sub-menu .menu-item-has-children > a::after {
  border-bottom: 4px solid transparent;
  border-left: 5px solid currentColor;
  border-top: 4px solid transparent;
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  height: 0;
  opacity: 0.72;
  width: 0;
}

.mcusa-nav__list li:hover > .sub-menu,
.mcusa-nav__list li:focus-within > .sub-menu,
.mcusa-nav__list li.is-dropdown-open > .sub-menu {
  opacity: 1;
  pointer-events: auto;
  transform: none;
  transition: opacity 160ms var(--mcusa-ease), transform 160ms var(--mcusa-ease), visibility 0s;
  visibility: visible;
}

.mcusa-nav__list .sub-menu a {
  display: block;
  padding: 10px 12px;
}

.mcusa-header-actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 14px;
  margin-left: auto;
}

.mcusa-header-actions__search {
  align-items: center;
  border-radius: 8px;
  color: #2c3950;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  padding: 9px 12px;
  transition: background-color 180ms var(--mcusa-ease), color 180ms var(--mcusa-ease);
}

.mcusa-header-actions__search:hover,
.mcusa-header-actions__search:focus {
  background: rgba(17, 49, 99, 0.06);
  color: var(--mcusa-navy);
}

.mcusa-header-actions .mcusa-button--primary {
  min-height: 42px;
  padding: 9px 18px;
}

.mcusa-menu-toggle {
  align-items: center;
  background: transparent;
  border: 1px solid var(--mcusa-line-strong);
  border-radius: 10px;
  color: var(--mcusa-ink);
  cursor: pointer;
  display: none;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  gap: 9px;
  min-height: 42px;
  padding: 9px 14px;
}

.mcusa-menu-toggle__icon {
  display: grid;
  gap: 5px;
  width: 18px;
}

.mcusa-menu-toggle__icon i {
  background: currentColor;
  border-radius: 2px;
  display: block;
  height: 2px;
  transition: transform 260ms var(--mcusa-ease);
}

.mcusa-menu-toggle[aria-expanded="true"] .mcusa-menu-toggle__icon i:first-child {
  transform: translateY(3.5px) rotate(45deg);
}

.mcusa-menu-toggle[aria-expanded="true"] .mcusa-menu-toggle__icon i:last-child {
  transform: translateY(-3.5px) rotate(-45deg);
}

/* Positioned absolutely against the (sticky) header because the header's
   backdrop-filter turns it into the containing block for fixed children. */
.mcusa-mobile-nav {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: rgba(248, 250, 253, 0.97);
  height: calc(100dvh - var(--mcusa-header-height) - var(--mcusa-admin-bar-height));
  left: 0;
  opacity: 0;
  overflow-y: auto;
  padding: 26px var(--mcusa-gutter) 40px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(-10px);
  transition: opacity 260ms var(--mcusa-ease), transform 260ms var(--mcusa-ease), visibility 0s 260ms;
  visibility: hidden;
  z-index: 49;
}

.mcusa-mobile-nav.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: none;
  transition: opacity 300ms var(--mcusa-ease), transform 300ms var(--mcusa-ease);
  visibility: visible;
}

.mcusa-mobile-nav:not(.is-open) .mcusa-nav__list .sub-menu,
.mcusa-mobile-nav:not(.is-open) .mcusa-nav__list .sub-menu * {
  pointer-events: none;
  visibility: hidden;
}

.mcusa-mobile-nav .mcusa-nav__list {
  align-items: stretch;
  flex-direction: column;
  gap: 0;
}

.mcusa-mobile-nav .mcusa-nav__list a {
  border-bottom: 1px solid var(--mcusa-line);
  border-radius: 0;
  display: block;
  font-family: var(--mcusa-font-display);
  font-size: 19px;
  padding: 16px 2px;
}

.mcusa-mobile-nav .mcusa-nav__list .sub-menu {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  min-width: 0;
  opacity: 1;
  padding: 0 0 0 18px;
  pointer-events: auto;
  position: static;
  transform: none;
  visibility: visible;
}

.mcusa-mobile-nav .mcusa-nav__list .sub-menu a {
  font-family: var(--mcusa-font-body);
  font-size: 15px;
  padding: 12px 2px;
}

.mcusa-mobile-nav__actions {
  display: grid;
  gap: 12px;
  margin-top: 26px;
}

.mcusa-scroll-progress {
  bottom: -1px;
  height: 2px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.mcusa-scroll-progress span {
  background: linear-gradient(90deg, var(--mcusa-red), var(--mcusa-gold));
  display: block;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  width: 100%;
}

@media (min-width: 1101px) {
  .mcusa-mobile-nav {
    display: none;
  }
}

/* ---------------------------------------------------------------
   5. Hero
   --------------------------------------------------------------- */

.mcusa-main {
  counter-reset: mcusa-section;
  overflow-x: clip;
}

.mcusa-hero {
  background: var(--mcusa-ink);
  color: var(--mcusa-white);
  display: grid;
  min-height: calc(90svh - var(--mcusa-header-height) - var(--mcusa-admin-bar-height));
  overflow: hidden;
  padding: 0;
  position: relative;
}

.mcusa-hero::after {
  background:
    radial-gradient(900px 540px at 82% 8%, rgba(37, 99, 235, 0.28), transparent 64%),
    linear-gradient(90deg, rgba(7, 13, 25, 0.93) 0%, rgba(7, 13, 25, 0.78) 38%, rgba(9, 17, 32, 0.42) 100%),
    linear-gradient(180deg, rgba(7, 13, 25, 0.25) 0%, rgba(7, 13, 25, 0.6) 100%);
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}

/* faint circuit grid */
.mcusa-hero::before {
  background-image:
    linear-gradient(rgba(143, 173, 217, 0.13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(143, 173, 217, 0.13) 1px, transparent 1px);
  background-size: 56px 56px;
  content: "";
  inset: 0;
  -webkit-mask-image: radial-gradient(120% 90% at 30% 80%, black 30%, transparent 78%);
  mask-image: radial-gradient(120% 90% at 30% 80%, black 30%, transparent 78%);
  opacity: 0.5;
  position: absolute;
  z-index: 2;
}

.mcusa-hero__copy {
  align-self: end;
  margin: 0 auto;
  max-width: var(--mcusa-max);
  padding: 120px var(--mcusa-gutter) 78px;
  position: relative;
  width: 100%;
  z-index: 4;
}

.mcusa-hero h1 {
  color: var(--mcusa-white);
  font-size: clamp(44px, 5.4vw, 78px);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.02;
  margin: 0 0 24px;
  max-width: 860px;
}

.mcusa-hero-line {
  display: block;
}

@media (min-width: 761px) {
  .mcusa-hero-line {
    white-space: nowrap;
  }
}

.mcusa-hero__copy > p {
  color: rgba(232, 239, 250, 0.85);
  font-size: clamp(17px, 1.8vw, 20px);
  line-height: 1.6;
  margin: 0 0 30px;
  max-width: 680px;
}

.mcusa-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.mcusa-hero .mcusa-button:not(.mcusa-button--primary) {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.32);
  color: var(--mcusa-white);
}

.mcusa-hero .mcusa-button:not(.mcusa-button--primary):hover,
.mcusa-hero .mcusa-button:not(.mcusa-button--primary):focus {
  background: var(--mcusa-white);
  border-color: var(--mcusa-white);
  color: var(--mcusa-ink);
}

.mcusa-part-search {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: rgba(9, 17, 32, 0.55);
  border: 1px solid rgba(157, 184, 224, 0.22);
  border-radius: 16px;
  box-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.55);
  margin-top: 36px;
  max-width: 580px;
  padding: 18px;
}

.mcusa-part-search label {
  color: var(--mcusa-muted-dark);
  display: block;
  font-family: var(--mcusa-font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.15em;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.mcusa-part-search__row {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.mcusa-part-search input {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(157, 184, 224, 0.26);
  border-radius: 10px;
  color: var(--mcusa-white);
  font-family: var(--mcusa-font-mono);
  font-size: 15px;
  min-height: 46px;
  padding: 10px 14px;
  transition: border-color 180ms var(--mcusa-ease), background-color 180ms var(--mcusa-ease);
  width: 100%;
}

.mcusa-part-search input::placeholder {
  color: rgba(157, 176, 204, 0.65);
}

.mcusa-part-search input:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--mcusa-blue-soft);
  outline: none;
}

@media (min-width: 1101px) {
  .mcusa-hero {
    min-height: calc(
      100svh
      - var(--mcusa-topbar-height)
      - var(--mcusa-header-height)
      - var(--mcusa-ticker-height)
      - var(--mcusa-admin-bar-height)
    );
  }

  .mcusa-hero__copy {
    align-self: center;
    padding-bottom: 0;
    padding-top: 0;
  }
}

@media (min-width: 1101px) and (max-height: 860px) {
  .mcusa-hero h1 {
    font-size: clamp(64px, calc(10.6svh - 17px), 78px);
    margin-bottom: 18px;
  }

  .mcusa-hero__copy > p {
    line-height: 1.5;
    margin-bottom: 22px;
  }

  .mcusa-part-search {
    margin-top: 22px;
    padding: 14px;
  }

  .mcusa-part-search label {
    margin-bottom: 6px;
  }

  .mcusa-part-search input {
    min-height: 44px;
  }
}

.mcusa-hero__visual {
  inset: 0;
  overflow: hidden;
  position: absolute;
  z-index: 0;
}

.mcusa-hero__fallback-image,
.mcusa-hero__video {
  height: 100%;
  inset: 0;
  object-fit: cover;
  position: absolute;
  transform: scale(calc(1.06 + var(--mcusa-hero-progress) * 0.06)) translateY(calc(var(--mcusa-hero-progress) * 28px));
  width: 100%;
  will-change: transform;
}

.mcusa-hero__fallback-image {
  opacity: 0.62;
  z-index: 0;
}

.mcusa-hero__visual.has-video .mcusa-hero__fallback-image {
  opacity: 0.35;
}

.mcusa-hero__video {
  opacity: 0.78;
  z-index: 1;
}

@keyframes mcusa-blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
}

/* Hero entrance choreography (only when JS present) */

html.mcusa-js .mcusa-hero[data-mcusa-motion] .mcusa-word {
  display: inline-block;
  margin-bottom: -0.14em;
  overflow: hidden;
  padding-bottom: 0.14em;
  vertical-align: top;
}

html.mcusa-js .mcusa-hero[data-mcusa-motion] .mcusa-word__inner {
  display: inline-block;
  transform: translateY(115%);
  transition: transform 900ms var(--mcusa-ease);
  transition-delay: calc(140ms + var(--word-index, 0) * 60ms);
}

html.mcusa-js .mcusa-hero[data-mcusa-motion].is-ready .mcusa-word__inner {
  transform: none;
}

html.mcusa-js .mcusa-hero[data-mcusa-motion] .mcusa-hero__copy > p,
html.mcusa-js .mcusa-hero[data-mcusa-motion] .mcusa-hero__copy .mcusa-actions,
html.mcusa-js .mcusa-hero[data-mcusa-motion] .mcusa-part-search {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 800ms var(--mcusa-ease), transform 800ms var(--mcusa-ease);
}

html.mcusa-js .mcusa-hero[data-mcusa-motion] .mcusa-hero__copy > p {
  transition-delay: 420ms;
}

html.mcusa-js .mcusa-hero[data-mcusa-motion] .mcusa-hero__copy .mcusa-actions {
  transition-delay: 540ms;
}

html.mcusa-js .mcusa-hero[data-mcusa-motion] .mcusa-part-search {
  transition-delay: 660ms;
}

html.mcusa-js .mcusa-hero[data-mcusa-motion].is-ready .mcusa-hero__copy > p,
html.mcusa-js .mcusa-hero[data-mcusa-motion].is-ready .mcusa-hero__copy .mcusa-actions,
html.mcusa-js .mcusa-hero[data-mcusa-motion].is-ready .mcusa-part-search {
  opacity: 1;
  transform: none;
}

/* Ticker */

.mcusa-ticker {
  background: var(--mcusa-ink);
  border-top: 1px solid rgba(157, 184, 224, 0.14);
  overflow: hidden;
  padding: 17px 0;
  position: relative;
}

.mcusa-ticker::before,
.mcusa-ticker::after {
  bottom: 0;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 120px;
  z-index: 2;
}

.mcusa-ticker::before {
  background: linear-gradient(90deg, var(--mcusa-ink), transparent);
  left: 0;
}

.mcusa-ticker::after {
  background: linear-gradient(270deg, var(--mcusa-ink), transparent);
  right: 0;
}

.mcusa-ticker__track {
  animation: mcusa-marquee 38s linear infinite;
  display: flex;
  width: max-content;
}

.mcusa-ticker:hover .mcusa-ticker__track,
.mcusa-ticker:focus-within .mcusa-ticker__track {
  animation-play-state: paused;
}

.mcusa-ticker__group,
.mcusa-ticker__dup {
  display: flex;
  flex: none;
}

.mcusa-ticker__item {
  align-items: center;
  color: rgba(199, 213, 235, 0.72);
  display: flex;
  font-family: var(--mcusa-font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  white-space: nowrap;
}

a.mcusa-ticker__item {
  text-decoration: none;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.32em;
}

a.mcusa-ticker__item:hover,
a.mcusa-ticker__item:focus-visible {
  text-decoration-line: underline;
}

.mcusa-ticker__item::after {
  background: var(--mcusa-gold);
  border-radius: 1.5px;
  content: "";
  height: 5px;
  margin: 0 28px;
  opacity: 0.8;
  transform: rotate(45deg);
  width: 5px;
}

@keyframes mcusa-marquee {
  to {
    transform: translateX(-50%);
  }
}

/* ---------------------------------------------------------------
   6. Section scaffolding
   --------------------------------------------------------------- */

.mcusa-sticky-story,
.mcusa-process,
.mcusa-companies,
.mcusa-categories,
.mcusa-manufacturers,
.mcusa-blog,
.mcusa-trust,
.mcusa-rfq-cta,
.mcusa-faq,
.mcusa-content {
  margin: 0 auto;
  max-width: var(--mcusa-max);
  padding-left: var(--mcusa-gutter);
  padding-right: var(--mcusa-gutter);
}

.mcusa-process,
.mcusa-companies,
.mcusa-categories,
.mcusa-manufacturers,
.mcusa-blog,
.mcusa-trust,
.mcusa-faq {
  padding-bottom: clamp(64px, 9vw, 110px);
  padding-top: clamp(64px, 9vw, 110px);
}

.mcusa-section-intro {
  margin-bottom: clamp(30px, 4vw, 48px);
  max-width: 820px;
}

.mcusa-section-intro--row {
  align-items: end;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  max-width: none;
}

.mcusa-section-intro--row > div {
  max-width: 720px;
}

.mcusa-sticky-story h2,
.mcusa-section-intro h2,
.mcusa-rfq-cta h2,
.mcusa-faq > h2,
.mcusa-page-header h1 {
  color: var(--mcusa-ink);
  font-size: clamp(30px, 3.4vw, 50px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.06;
  margin: 0 0 18px;
}

/* Descriptive section kickers */
.mcusa-section-intro h2::before,
.mcusa-sticky-story__copy h2::before,
.mcusa-faq > h2::before {
  color: var(--mcusa-red);
  display: block;
  font-family: var(--mcusa-font-mono);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.16em;
  margin-bottom: 16px;
}

.mcusa-sticky-story__copy h2::before {
  content: "Complex sourcing made manageable";
}

.mcusa-categories .mcusa-section-intro h2::before {
  content: "Components across every critical system";
}

.mcusa-manufacturers .mcusa-section-intro h2::before {
  content: "Global brands, responsive sourcing";
}

.mcusa-faq > h2::before {
  content: "Clear answers for procurement teams";
}

.mcusa-sticky-story__copy p,
.mcusa-section-intro p,
.mcusa-rfq-cta__copy p,
.mcusa-page-header p {
  color: var(--mcusa-muted);
  font-size: 17px;
  line-height: 1.65;
  margin: 0 0 24px;
}

/* ---------------------------------------------------------------
   7. Sticky sourcing story
   --------------------------------------------------------------- */

.mcusa-sticky-story {
  display: grid;
  gap: 40px;
  grid-template-columns: minmax(300px, 0.48fr) minmax(560px, 1fr);
  min-height: 230svh;
  padding-bottom: clamp(64px, 9vw, 110px);
  padding-top: clamp(64px, 9vw, 110px);
  position: relative;

  --state-color: var(--mcusa-red);
}

.mcusa-sticky-story[data-active-state="shortage"] {
  --state-color: var(--mcusa-red);
}

.mcusa-sticky-story[data-active-state="lifecycle"] {
  --state-color: var(--mcusa-blue-soft);
}

.mcusa-sticky-story[data-active-state="market"] {
  --state-color: var(--mcusa-gold);
}

.mcusa-sticky-story[data-active-state="risk"] {
  --state-color: var(--mcusa-green);
}

.mcusa-sticky-story__copy,
.mcusa-sourcing-visual {
  align-self: start;
  position: sticky;
  top: calc(var(--mcusa-header-height) + 36px);
}

.mcusa-sticky-story__copy {
  grid-column: 1;
  grid-row: 1;
}

.mcusa-sticky-story__steps {
  align-self: start;
  border-radius: var(--mcusa-radius-lg);
  grid-column: 2;
  grid-row: 1;
  height: calc(100svh - var(--mcusa-header-height) - 72px);
  min-height: 480px;
  overflow: hidden;
  position: sticky;
  top: calc(var(--mcusa-header-height) + 36px);
  z-index: 3;
}

.mcusa-sticky-story__steps-track {
  display: grid;
  gap: clamp(96px, 18svh, 170px);
  padding: clamp(118px, 20svh, 180px) clamp(28px, 4.5vw, 56px) clamp(132px, 22svh, 210px);
  transform: translate3d(0, var(--mcusa-step-shift, 0px), 0);
  will-change: transform;
}

.mcusa-scroll-step {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.92);
  border: 2px solid var(--step-border-color, rgba(207, 217, 230, 0.9));
  border-radius: var(--mcusa-radius);
  box-shadow: var(--mcusa-shadow-md);
  margin-left: auto;
  opacity: 0.55;
  padding: 26px;
  transform: scale(0.985);
  transition: opacity 420ms var(--mcusa-ease), transform 420ms var(--mcusa-ease), border-color 420ms var(--mcusa-ease), box-shadow 420ms var(--mcusa-ease);
  width: min(430px, calc(100% - 72px));
  z-index: 1;

  --step-color: var(--mcusa-line-strong);
  --step-border-color: rgba(207, 217, 230, 0.9);
  --step-shadow-color: rgba(10, 19, 34, 0.16);
}

.mcusa-scroll-step[data-state="shortage"] {
  --step-color: var(--mcusa-red);
  --step-border-color: rgba(214, 41, 41, 0.46);
  --step-shadow-color: rgba(214, 41, 41, 0.18);
}

.mcusa-scroll-step[data-state="lifecycle"] {
  --step-color: var(--mcusa-blue-soft);
  --step-border-color: rgba(79, 141, 249, 0.5);
  --step-shadow-color: rgba(79, 141, 249, 0.18);
}

.mcusa-scroll-step[data-state="market"] {
  --step-color: var(--mcusa-gold);
  --step-border-color: rgba(241, 179, 28, 0.56);
  --step-shadow-color: rgba(241, 179, 28, 0.18);
}

.mcusa-scroll-step[data-state="risk"] {
  --step-color: var(--mcusa-green);
  --step-border-color: rgba(52, 211, 153, 0.52);
  --step-shadow-color: rgba(52, 211, 153, 0.18);
}

.mcusa-scroll-step.is-active {
  border-color: var(--step-color);
  box-shadow: 0 0 0 1px var(--step-color), 0 16px 34px -20px var(--step-shadow-color), var(--mcusa-shadow-md);
  opacity: 1;
  transform: none;
  z-index: 2;
}

.mcusa-scroll-step h3,
.mcusa-process-card h3,
.mcusa-category-card h3,
.mcusa-trust-card h3,
.mcusa-archive-card h2 {
  font-size: 23px;
  font-weight: 650;
  letter-spacing: -0.01em;
  line-height: 1.18;
  margin: 0 0 12px;
}

.mcusa-scroll-step p,
.mcusa-process-card p,
.mcusa-category-card p,
.mcusa-trust-card p,
.mcusa-manufacturer-card p,
.mcusa-archive-card p {
  color: var(--mcusa-muted);
  line-height: 1.6;
  margin: 0;
}

.mcusa-sourcing-visual {
  background: linear-gradient(160deg, #0a1322, #0e1b31);
  border: 1px solid rgba(157, 184, 224, 0.18);
  border-radius: var(--mcusa-radius-lg);
  box-shadow: var(--mcusa-shadow-lg);
  color: var(--mcusa-white);
  grid-column: 2;
  grid-row: 1;
  height: calc(100svh - var(--mcusa-header-height) - 72px);
  isolation: isolate;
  min-height: 480px;
  overflow: hidden;
  position: sticky;
  z-index: 1;
}

/* circuit grid overlay with a state-tinted glow */
.mcusa-sourcing-visual::before {
  background-image:
    radial-gradient(540px 320px at 78% 14%, color-mix(in srgb, var(--state-color) 26%, transparent), transparent 66%),
    linear-gradient(rgba(143, 173, 217, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(143, 173, 217, 0.12) 1px, transparent 1px);
  background-size: auto, 44px 44px, 44px 44px;
  content: "";
  inset: 0;
  -webkit-mask-image: radial-gradient(90% 90% at 50% 50%, black 35%, transparent 85%);
  mask-image: radial-gradient(90% 90% at 50% 50%, black 35%, transparent 85%);
  position: absolute;
  transition: background 500ms var(--mcusa-ease);
}

.mcusa-sourcing-visual__line {
  animation: mcusa-line-flow 1.4s linear infinite;
  background: repeating-linear-gradient(90deg, var(--state-color) 0 12px, transparent 12px 22px);
  height: 2px;
  left: 10%;
  opacity: 0.42;
  position: absolute;
  right: 10%;
  top: 50%;
  transition: background 500ms var(--mcusa-ease);
}

@keyframes mcusa-line-flow {
  from { background-position-x: 0; }
  to { background-position-x: 22px; }
}

.mcusa-sourcing-visual__state {
  align-items: center;
  border-bottom: 1px solid rgba(157, 184, 224, 0.22);
  color: rgba(235, 242, 252, 0.92);
  display: flex;
  font-family: var(--mcusa-font-mono);
  font-size: 14px;
  font-weight: 700;
  gap: 11px;
  left: 28px;
  letter-spacing: 0.16em;
  padding-bottom: 14px;
  position: absolute;
  right: 28px;
  text-transform: uppercase;
  top: 26px;
  z-index: 3;
}

.mcusa-sourcing-visual__state::before {
  animation: mcusa-blink 2s ease-in-out infinite;
  background: var(--state-color);
  border-radius: 50%;
  box-shadow: 0 0 12px var(--state-color);
  content: "";
  height: 9px;
  transition: background-color 500ms var(--mcusa-ease);
  width: 9px;
}

.mcusa-sourcing-visual__patterns {
  inset: clamp(72px, 11%, 92px) clamp(10px, 2.5vw, 28px) clamp(16px, 4%, 28px);
  opacity: 0.9;
  pointer-events: none;
  position: absolute;
  z-index: 1;

  --mcusa-pattern-scale: 1.1;
}

.mcusa-sourcing-visual__pattern {
  color: var(--state-color);
  height: 100%;
  inset: 0;
  opacity: 0;
  position: absolute;
  transform: translateY(8px) scale(var(--mcusa-pattern-scale));
  transform-origin: center;
  transition: opacity 500ms var(--mcusa-ease), transform 500ms var(--mcusa-ease), color 500ms var(--mcusa-ease);
  width: 100%;
}

.mcusa-sticky-story:not([data-active-state]) .mcusa-sourcing-visual__pattern[data-pattern="shortage"],
.mcusa-sticky-story[data-active-state="shortage"] .mcusa-sourcing-visual__pattern[data-pattern="shortage"],
.mcusa-sticky-story[data-active-state="lifecycle"] .mcusa-sourcing-visual__pattern[data-pattern="lifecycle"],
.mcusa-sticky-story[data-active-state="market"] .mcusa-sourcing-visual__pattern[data-pattern="market"],
.mcusa-sticky-story[data-active-state="risk"] .mcusa-sourcing-visual__pattern[data-pattern="risk"] {
  opacity: 1;
  transform: scale(var(--mcusa-pattern-scale));
}

.mcusa-pattern-line,
.mcusa-pattern-symbol,
.mcusa-pattern-symbol-mark,
.mcusa-pattern-bar {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.mcusa-pattern-line {
  stroke-width: 3;
}

.mcusa-pattern-line--muted {
  opacity: 0.4;
  stroke-width: 2;
}

.mcusa-pattern-line--alert,
.mcusa-pattern-symbol--alert {
  color: var(--mcusa-red);
}

.mcusa-pattern-symbol,
.mcusa-pattern-card,
.mcusa-pattern-chip {
  fill: rgba(246, 248, 251, 0.06);
  stroke: currentColor;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

.mcusa-pattern-symbol-mark {
  stroke: var(--mcusa-white);
  stroke-width: 3;
}

.mcusa-pattern-symbol-mark--approve,
.mcusa-pattern-symbol--approve {
  color: var(--mcusa-green);
  stroke: var(--mcusa-green);
}

.mcusa-pattern-bar {
  opacity: 0.88;
  stroke-width: 8;
}

.mcusa-pattern-node {
  fill: rgba(246, 248, 251, 0.92);
  stroke: currentColor;
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
}

.mcusa-pattern-node--alert {
  fill: var(--mcusa-red);
  stroke: var(--mcusa-white);
}

/* Scene choreography: the active pattern draws itself in, nodes settle in
   after the strokes, and alert markers keep a soft pulse. */
.mcusa-sticky-story:not([data-active-state]) .mcusa-sourcing-visual__pattern[data-pattern="shortage"] :is(.mcusa-pattern-line, .mcusa-pattern-bar),
.mcusa-sticky-story[data-active-state="shortage"] .mcusa-sourcing-visual__pattern[data-pattern="shortage"] :is(.mcusa-pattern-line, .mcusa-pattern-bar),
.mcusa-sticky-story[data-active-state="lifecycle"] .mcusa-sourcing-visual__pattern[data-pattern="lifecycle"] :is(.mcusa-pattern-line, .mcusa-pattern-bar),
.mcusa-sticky-story[data-active-state="market"] .mcusa-sourcing-visual__pattern[data-pattern="market"] :is(.mcusa-pattern-line, .mcusa-pattern-bar),
.mcusa-sticky-story[data-active-state="risk"] .mcusa-sourcing-visual__pattern[data-pattern="risk"] :is(.mcusa-pattern-line, .mcusa-pattern-bar) {
  animation: mcusa-pattern-draw 850ms var(--mcusa-ease) both;
  stroke-dasharray: 420;
}

.mcusa-sticky-story:not([data-active-state]) .mcusa-sourcing-visual__pattern[data-pattern="shortage"] :is(.mcusa-pattern-symbol, .mcusa-pattern-symbol-mark),
.mcusa-sticky-story[data-active-state="shortage"] .mcusa-sourcing-visual__pattern[data-pattern="shortage"] :is(.mcusa-pattern-symbol, .mcusa-pattern-symbol-mark),
.mcusa-sticky-story[data-active-state="lifecycle"] .mcusa-sourcing-visual__pattern[data-pattern="lifecycle"] :is(.mcusa-pattern-symbol, .mcusa-pattern-symbol-mark),
.mcusa-sticky-story[data-active-state="market"] .mcusa-sourcing-visual__pattern[data-pattern="market"] :is(.mcusa-pattern-symbol, .mcusa-pattern-symbol-mark),
.mcusa-sticky-story[data-active-state="risk"] .mcusa-sourcing-visual__pattern[data-pattern="risk"] :is(.mcusa-pattern-symbol, .mcusa-pattern-symbol-mark) {
  animation: mcusa-pattern-draw 750ms var(--mcusa-ease) 280ms both;
  stroke-dasharray: 420;
}

.mcusa-sticky-story:not([data-active-state]) .mcusa-sourcing-visual__pattern[data-pattern="shortage"] :is(.mcusa-pattern-node:not(.mcusa-pattern-node--alert), .mcusa-pattern-card, .mcusa-pattern-chip),
.mcusa-sticky-story[data-active-state="shortage"] .mcusa-sourcing-visual__pattern[data-pattern="shortage"] :is(.mcusa-pattern-node:not(.mcusa-pattern-node--alert), .mcusa-pattern-card, .mcusa-pattern-chip),
.mcusa-sticky-story[data-active-state="lifecycle"] .mcusa-sourcing-visual__pattern[data-pattern="lifecycle"] :is(.mcusa-pattern-node:not(.mcusa-pattern-node--alert), .mcusa-pattern-card, .mcusa-pattern-chip),
.mcusa-sticky-story[data-active-state="market"] .mcusa-sourcing-visual__pattern[data-pattern="market"] :is(.mcusa-pattern-node:not(.mcusa-pattern-node--alert), .mcusa-pattern-card, .mcusa-pattern-chip),
.mcusa-sticky-story[data-active-state="risk"] .mcusa-sourcing-visual__pattern[data-pattern="risk"] :is(.mcusa-pattern-node:not(.mcusa-pattern-node--alert), .mcusa-pattern-card, .mcusa-pattern-chip) {
  animation: mcusa-pattern-settle 450ms var(--mcusa-ease) 420ms both;
}

.mcusa-pattern-node--alert {
  animation: mcusa-node-pulse 2.2s ease-in-out infinite;
  filter: drop-shadow(0 0 5px color-mix(in srgb, var(--mcusa-red) 70%, transparent));
  transform-box: fill-box;
  transform-origin: center;
}

@keyframes mcusa-pattern-draw {
  from { stroke-dashoffset: 420; }
  to { stroke-dashoffset: 0; }
}

@keyframes mcusa-pattern-settle {
  from { opacity: 0; transform: scale(0.6); transform-box: fill-box; transform-origin: center; }
  to { opacity: 1; transform: scale(1); transform-box: fill-box; transform-origin: center; }
}

@keyframes mcusa-node-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.18); }
}

@media (prefers-reduced-motion: reduce) {
  .mcusa-sourcing-visual__line,
  .mcusa-pattern-node--alert,
  .mcusa-sourcing-visual__pattern * {
    animation: none !important;
    stroke-dasharray: none !important;
  }
}

/* ---------------------------------------------------------------
   8. Process / categories / manufacturers
   --------------------------------------------------------------- */

.mcusa-process-card,
.mcusa-category-card,
.mcusa-trust-card,
.mcusa-manufacturer-card,
.mcusa-archive-card {
  position: relative;
}

.mcusa-process {
  min-height: clamp(1500px, 280vh, 2400px);
  position: relative;
}

.mcusa-process__sticky {
  min-height: calc(100vh - 120px);
  position: sticky;
  top: 96px;
}

.mcusa-process__layout {
  align-items: center;
  display: grid;
  gap: clamp(48px, 7vw, 104px);
  grid-template-columns: minmax(280px, 1fr) minmax(0, 2fr);
  min-height: calc(100vh - 140px);
}

.mcusa-process__copy {
  max-width: 760px;
  padding: 24px 0;
}

.mcusa-process__eyebrow {
  color: var(--mcusa-blue);
  font-family: var(--mcusa-font-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  margin: 0 0 18px;
  text-transform: uppercase;
}

.mcusa-process__copy h2 {
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 0.98;
  margin: 0 0 30px;
  max-width: 700px;
  white-space: nowrap;
}

.mcusa-process__copy > p:not(.mcusa-process__eyebrow) {
  color: var(--mcusa-muted);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
  margin: 0 0 20px;
  max-width: 750px;
}

.mcusa-process__copy strong {
  -webkit-box-decoration-break: clone;
  background-image: linear-gradient(#F5D949, #F5D949);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 0;
  border-radius: 3px;
  box-decoration-break: clone;
  color: var(--mcusa-ink);
  font-weight: 600;
  margin: 0 -0.12em;
  padding: 0 0.12em;
  transition:
    background-size 420ms var(--mcusa-ease),
    color 420ms var(--mcusa-ease);
}

.mcusa-process__copy strong.is-active-term {
  background-size: 100% 100%;
  color: var(--mcusa-ink);
}

.mcusa-process__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

.mcusa-process__actions .mcusa-button {
  margin-top: 0;
}

.mcusa-process__viewport {
  aspect-ratio: 1 / 1.16;
  border-radius: var(--mcusa-radius-lg);
  box-shadow: var(--mcusa-shadow-lg);
  grid-column: 1;
  grid-row: 1;
  overflow: hidden;
  position: relative;
}

.mcusa-process__copy {
  grid-column: 2;
  grid-row: 1;
}

.mcusa-process__viewport::after {
  background: linear-gradient(180deg, rgba(7, 27, 61, 0.08), transparent 24%, transparent 72%, rgba(7, 27, 61, 0.28));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.mcusa-process__track {
  height: 100%;
  position: relative;
}

.mcusa-process-card {
  aspect-ratio: 1 / 1.16;
  inset: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  transform: scale(1.025);
  transition:
    opacity 520ms var(--mcusa-ease),
    transform 900ms var(--mcusa-ease);
  will-change: opacity, transform;
}

.mcusa-process-card:first-child,
.mcusa-process-card.is-active {
  opacity: 1;
  transform: scale(1);
}

.mcusa-process__viewport.is-crossfade-ready .mcusa-process-card:first-child:not(.is-active) {
  opacity: 0;
  transform: scale(1.025);
}

.mcusa-process-card.is-active {
  z-index: 1;
}

.mcusa-process-card img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.mcusa-process-card figcaption {
  align-items: flex-end;
  background: linear-gradient(180deg, transparent 20%, rgba(6, 24, 55, 0.88));
  color: var(--mcusa-white);
  display: flex;
  gap: 14px;
  inset: 0;
  padding: 26px 24px;
  position: absolute;
}

.mcusa-process-card figcaption span {
  color: rgba(255, 255, 255, 0.72);
  font-family: var(--mcusa-font-mono);
  font-size: 12px;
  letter-spacing: 0.14em;
}

.mcusa-process-card figcaption strong {
  font-size: clamp(17px, 1.4vw, 21px);
  line-height: 1.2;
}

/* Companies we support */

.mcusa-companies__intro {
  margin-left: auto;
  margin-right: auto;
  max-width: 760px;
  text-align: center;
}

.mcusa-section-intro .mcusa-section-kicker {
  color: var(--mcusa-blue);
  font-family: var(--mcusa-font-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.mcusa-companies__intro > p:last-child {
  margin-left: auto;
  margin-right: auto;
  max-width: 670px;
}

.mcusa-companies__grid {
  background: var(--mcusa-line);
  border: 1px solid var(--mcusa-line);
  border-radius: var(--mcusa-radius-lg);
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
}

.mcusa-company-logo {
  align-items: center;
  background: var(--mcusa-white);
  display: flex;
  justify-content: center;
  min-height: 154px;
  padding: 30px 24px;
  transition: background-color 240ms var(--mcusa-ease);
}

.mcusa-company-logo:hover {
  background: rgba(239, 244, 251, 0.92);
}

.mcusa-company-logo img {
  filter: saturate(0.88);
  max-height: 76px;
  max-width: 168px;
  object-fit: contain;
  width: 100%;
}

/* Featured Hot Parts — dark catalog market board */

.mcusa-hot-parts {
  --mcusa-hot-part-card-height: 500px;
  --mcusa-hot-parts-visible: 4;
  background:
    radial-gradient(circle at 52% 0%, rgba(24, 58, 105, 0.32), transparent 46%),
    var(--mcusa-ink);
  color: var(--mcusa-white);
  overflow: hidden;
}

.mcusa-hot-parts__inner {
  margin: 0 auto;
  max-width: 1760px;
  padding: clamp(50px, 3.5vw, 58px) var(--mcusa-gutter) clamp(68px, 6vw, 86px);
}

.mcusa-hot-parts__header {
  align-items: start;
  display: flex;
  gap: 40px;
  justify-content: space-between;
  margin-bottom: clamp(42px, 5vw, 64px);
}

.mcusa-hot-parts__intro {
  max-width: 720px;
}

.mcusa-hot-parts__eyebrow {
  color: var(--mcusa-gold);
  font-family: var(--mcusa-font-mono);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.16em;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.mcusa-hot-parts h2 {
  color: var(--mcusa-white);
  font-size: clamp(38px, 4vw, 58px);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1;
  margin: 0 0 20px;
}

.mcusa-hot-parts__intro > p:last-child {
  color: var(--mcusa-muted-dark);
  font-size: 17px;
  line-height: 1.55;
  margin: 0;
}

.mcusa-hot-parts__header-actions,
.mcusa-hot-parts__controls {
  align-items: center;
  display: flex;
}

.mcusa-hot-parts__header-actions {
  flex: 0 0 auto;
  gap: 24px;
  margin-top: 44px;
}

.mcusa-hot-parts__controls {
  gap: 12px;
}

.mcusa-hot-parts__all,
.mcusa-hot-parts__arrow {
  border: 2px solid rgba(255, 255, 255, 0.86);
  color: var(--mcusa-white);
  transition:
    background-color 180ms var(--mcusa-ease),
    border-color 180ms var(--mcusa-ease),
    color 180ms var(--mcusa-ease);
}

.mcusa-hot-parts__all {
  align-items: center;
  display: inline-flex;
  font-size: 15px;
  font-weight: 700;
  justify-content: center;
  min-height: 52px;
  min-width: 190px;
  padding: 10px 24px;
}

.mcusa-hot-parts__arrow {
  align-items: center;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  font-family: Arial, sans-serif;
  font-size: 33px;
  font-weight: 400;
  height: 52px;
  justify-content: center;
  line-height: 1;
  padding: 0 0 4px;
  width: 52px;
}

.mcusa-hot-parts__all:hover,
.mcusa-hot-parts__all:focus-visible,
.mcusa-hot-parts__arrow:hover,
.mcusa-hot-parts__arrow:focus-visible {
  background: var(--mcusa-white);
  border-color: var(--mcusa-white);
  color: var(--mcusa-ink);
}

.mcusa-hot-parts__arrow:disabled {
  border-color: rgba(157, 176, 204, 0.42);
  color: rgba(157, 176, 204, 0.55);
  cursor: default;
}

.mcusa-hot-parts__arrow:disabled:hover {
  background: transparent;
}

.mcusa-hot-parts__viewport {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}

.mcusa-hot-parts__viewport::-webkit-scrollbar {
  display: none;
}

.mcusa-hot-parts__track {
  height: var(--mcusa-hot-part-card-height);
  display: flex;
}

.mcusa-hot-part-card {
  background: var(--mcusa-white);
  border-right: 4px solid var(--mcusa-ink);
  border-top: 6px solid var(--mcusa-red);
  color: var(--mcusa-ink);
  display: flex;
  flex: 0 0 calc(100% / var(--mcusa-hot-parts-visible));
  flex-direction: column;
  height: 100%;
  margin-left: 0;
  min-height: 0;
  overflow: hidden;
  position: relative;
  scroll-snap-align: start;
  transition:
    flex-basis 460ms var(--mcusa-ease),
    margin-left 460ms var(--mcusa-ease),
    box-shadow 320ms var(--mcusa-ease);
}

.mcusa-hot-part-card:last-child {
  border-right: 0;
}

.mcusa-hot-part-card__summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 246px auto;
  min-width: 0;
  transition:
    gap 420ms var(--mcusa-ease),
    grid-template-columns 460ms var(--mcusa-ease),
    grid-template-rows 460ms var(--mcusa-ease),
    padding 460ms var(--mcusa-ease);
}

.mcusa-hot-part-card__image {
  align-items: center;
  display: flex;
  height: 246px;
  justify-content: center;
  padding: 28px;
  transition:
    height 460ms var(--mcusa-ease),
    padding 460ms var(--mcusa-ease);
}

.mcusa-hot-part-card__image img {
  max-height: 178px;
  max-width: 88%;
  object-fit: contain;
  transition:
    max-height 460ms var(--mcusa-ease),
    max-width 460ms var(--mcusa-ease),
    transform 260ms var(--mcusa-ease);
}

.mcusa-hot-part-card__image:hover img,
.mcusa-hot-part-card__image:focus-visible img {
  transform: scale(1.035);
}

.mcusa-hot-part-card__identity {
  min-width: 0;
  padding: 0 28px;
  transition: padding 460ms var(--mcusa-ease);
}

.mcusa-hot-part-card__manufacturer {
  color: var(--mcusa-red);
  font-family: var(--mcusa-font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin: 0 0 14px;
  min-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.mcusa-hot-part-card h3 {
  font-family: var(--mcusa-font-mono);
  font-size: clamp(18px, 1.55vw, 23px);
  font-weight: 500;
  letter-spacing: 0.015em;
  line-height: 1.2;
  margin: 0 0 15px;
  overflow-wrap: anywhere;
}

.mcusa-hot-part-card h3 a:hover,
.mcusa-hot-part-card h3 a:focus-visible {
  color: var(--mcusa-blue);
}

.mcusa-hot-part-card__category {
  color: #68758a;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  margin: 0 0 24px;
}

.mcusa-hot-part-card__details {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  padding: 0 28px 26px;
  position: relative;
}

.mcusa-hot-part-card__description {
  color: var(--mcusa-muted);
  display: -webkit-box;
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(10px);
  transition:
    margin 420ms var(--mcusa-ease),
    max-height 460ms var(--mcusa-ease),
    opacity 260ms var(--mcusa-ease),
    transform 360ms var(--mcusa-ease);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.mcusa-hot-part-card__footer {
  border-top: 1px solid var(--mcusa-line-strong);
  margin-top: auto;
  padding-top: 20px;
  text-align: left;
}

.mcusa-hot-part-card__quote {
  margin: 0;
}

@media (hover: hover) and (pointer: fine) {
  .mcusa-hot-part-card__description {
    left: 28px;
    margin: 0;
    max-height: 132px;
    position: absolute;
    right: 28px;
    top: 18px;
    transition:
      opacity 90ms linear,
      transform 90ms ease-out;
    visibility: hidden;
  }

  .mcusa-hot-part-card:hover,
  .mcusa-hot-part-card:focus-within {
    box-shadow: 0 22px 46px rgba(3, 12, 27, 0.22);
    flex-basis: calc(118% / var(--mcusa-hot-parts-visible));
    z-index: 2;
  }

  .mcusa-hot-part-card.is-hot-parts-right-edge:hover,
  .mcusa-hot-part-card.is-hot-parts-right-edge:focus-within {
    border-left: 4px solid var(--mcusa-ink);
    margin-left: calc(-18% / var(--mcusa-hot-parts-visible));
  }

  .mcusa-hot-part-card:hover .mcusa-hot-part-card__summary,
  .mcusa-hot-part-card:focus-within .mcusa-hot-part-card__summary {
    align-items: center;
    gap: 18px;
    grid-template-columns: 124px minmax(0, 1fr);
    grid-template-rows: 142px;
    padding: 18px 28px 0;
  }

  .mcusa-hot-part-card:hover .mcusa-hot-part-card__image,
  .mcusa-hot-part-card:focus-within .mcusa-hot-part-card__image {
    height: 124px;
    padding: 8px;
  }

  .mcusa-hot-part-card:hover .mcusa-hot-part-card__image img,
  .mcusa-hot-part-card:focus-within .mcusa-hot-part-card__image img {
    max-height: 89px;
    max-width: 110px;
    transform: none;
  }

  .mcusa-hot-part-card:hover .mcusa-hot-part-card__identity,
  .mcusa-hot-part-card:focus-within .mcusa-hot-part-card__identity {
    padding: 0;
  }

  .mcusa-hot-part-card:hover .mcusa-hot-part-card__manufacturer,
  .mcusa-hot-part-card:focus-within .mcusa-hot-part-card__manufacturer {
    margin-bottom: 9px;
  }

  .mcusa-hot-part-card:hover h3,
  .mcusa-hot-part-card:focus-within h3 {
    font-size: clamp(18px, 1.4vw, 22px);
    margin-bottom: 9px;
  }

  .mcusa-hot-part-card:hover .mcusa-hot-part-card__category,
  .mcusa-hot-part-card:focus-within .mcusa-hot-part-card__category {
    margin-bottom: 0;
  }

  .mcusa-hot-part-card:hover .mcusa-hot-part-card__description,
  .mcusa-hot-part-card:focus-within .mcusa-hot-part-card__description {
    opacity: 1;
    transform: none;
    transition:
      opacity 260ms var(--mcusa-ease) 150ms,
      transform 360ms var(--mcusa-ease) 100ms;
    visibility: visible;
  }
}

/* Categories — calm four-column grid */

.mcusa-categories .mcusa-section-intro {
  max-width: 800px;
}

.mcusa-category-grid {
  display: grid;
  gap: 18px;
  grid-auto-rows: 1fr;
}

.mcusa-category-row {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  height: 100%;
}

.mcusa-category-card {
  background: var(--mcusa-white);
  border: 1px solid var(--mcusa-line);
  border-radius: var(--mcusa-radius-lg);
  box-shadow: var(--mcusa-shadow-sm);
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  padding-bottom: 22px;
  transition: border-color 280ms var(--mcusa-ease), box-shadow 320ms var(--mcusa-ease), transform 320ms var(--mcusa-ease);
}

.mcusa-category-card:hover {
  border-color: var(--mcusa-line-strong);
  box-shadow: var(--mcusa-shadow-lg);
  transform: translateY(-4px);
}

.mcusa-category-card img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: transform 700ms var(--mcusa-ease);
  width: 100%;
}

.mcusa-category-card:hover img {
  transform: scale(1.05);
}

.mcusa-category-card h3,
.mcusa-category-card p,
.mcusa-category-card a {
  margin-left: 24px;
  margin-right: 24px;
}

.mcusa-category-card h3 {
  margin-top: 20px;
}

.mcusa-category-card a {
  margin-top: auto;
  padding-top: 18px;
}

.mcusa-category-more {
  align-items: flex-start;
  background: var(--mcusa-navy);
  border: 1px solid rgba(112, 151, 214, 0.26);
  border-radius: var(--mcusa-radius-lg);
  box-shadow: var(--mcusa-shadow-sm);
  color: var(--mcusa-white);
  display: flex;
  flex-direction: column;
  grid-column: span 2;
  justify-content: center;
  min-height: 100%;
  overflow: hidden;
  padding: clamp(28px, 3vw, 42px);
  position: relative;
  transition: border-color 280ms var(--mcusa-ease), box-shadow 320ms var(--mcusa-ease), transform 320ms var(--mcusa-ease);
}

.mcusa-category-more::before {
  background: var(--mcusa-red);
  content: "";
  height: 3px;
  left: clamp(28px, 3vw, 42px);
  position: absolute;
  top: clamp(28px, 3vw, 42px);
  width: 48px;
}

.mcusa-category-more:hover,
.mcusa-category-more:focus-visible {
  border-color: rgba(112, 151, 214, 0.5);
  box-shadow: var(--mcusa-shadow-lg);
  color: var(--mcusa-white);
  transform: translateY(-4px);
}

.mcusa-category-more__eyebrow {
  color: var(--mcusa-gold);
  font-family: var(--mcusa-font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.16em;
  margin: 26px 0 14px;
  text-transform: uppercase;
}

.mcusa-category-more h3 {
  color: var(--mcusa-white);
  font-size: clamp(24px, 2.1vw, 32px);
  line-height: 1.12;
  margin: 0 0 14px;
  max-width: 520px;
}

.mcusa-category-more p {
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.6;
  margin: 0;
  max-width: 560px;
}

.mcusa-category-more__action {
  background: var(--mcusa-white);
  border: 1px solid var(--mcusa-white);
  border-radius: 10px;
  color: var(--mcusa-navy);
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  margin-top: 26px;
  padding: 12px 18px;
  transition: background-color 240ms var(--mcusa-ease), border-color 240ms var(--mcusa-ease), color 240ms var(--mcusa-ease), transform 240ms var(--mcusa-ease);
}

.mcusa-category-more:hover .mcusa-category-more__action,
.mcusa-category-more:focus-visible .mcusa-category-more__action {
  background: var(--mcusa-gold);
  border-color: var(--mcusa-gold);
  color: var(--mcusa-navy);
  transform: translateY(-2px);
}

/* Manufacturers */

.mcusa-manufacturer-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mcusa-manufacturer-card {
  background: var(--mcusa-white);
  border: 1px solid var(--mcusa-line);
  border-radius: var(--mcusa-radius);
  color: var(--mcusa-ink);
  display: block;
  padding: 22px;
  transition: border-color 280ms var(--mcusa-ease), box-shadow 320ms var(--mcusa-ease), transform 320ms var(--mcusa-ease);
}

.mcusa-manufacturer-card:hover,
.mcusa-manufacturer-card:focus {
  border-color: var(--mcusa-line-strong);
  box-shadow: var(--mcusa-shadow-md);
  color: var(--mcusa-ink);
  transform: translateY(-4px);
}

.mcusa-manufacturer-card img {
  filter: grayscale(1);
  height: 40px;
  margin-bottom: 20px;
  object-fit: contain;
  object-position: left center;
  opacity: 0.72;
  transition: filter 320ms var(--mcusa-ease), opacity 320ms var(--mcusa-ease);
  width: 120px;
}

.mcusa-manufacturer-card:hover img,
.mcusa-manufacturer-card:focus img {
  filter: none;
  opacity: 1;
}

.mcusa-manufacturer-card strong {
  display: block;
  font-family: var(--mcusa-font-display);
  font-size: 19px;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}

.mcusa-manufacturer-card p {
  font-size: 14px;
}

/* spotlight hover glow (class added by JS) */

.mcusa-spot::after {
  background: radial-gradient(230px circle at var(--mx, 50%) var(--my, 50%), rgba(37, 99, 235, 0.1), transparent 65%);
  border-radius: inherit;
  content: "";
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 360ms var(--mcusa-ease);
  z-index: 1;
}

.mcusa-spot:hover::after {
  opacity: 1;
}

/* Blog */

.mcusa-blog__header {
  align-items: flex-end;
  border-bottom: 1px solid var(--mcusa-line);
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: clamp(28px, 4vw, 42px);
  padding-bottom: 18px;
}

.mcusa-blog__header > div {
  max-width: 760px;
}

.mcusa-blog h2 {
  color: var(--mcusa-ink);
  font-size: clamp(30px, 3.2vw, 44px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.08;
  margin: 0;
}

.mcusa-blog__body {
  color: var(--mcusa-muted);
  font-size: 17px;
  line-height: 1.65;
  margin: 18px 0 0;
}

.mcusa-blog__eyebrow {
  color: var(--mcusa-red);
  font-family: var(--mcusa-font-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1.5;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.mcusa-blog__view-all,
.mcusa-blog__read {
  align-items: center;
  color: var(--mcusa-blue);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 15px;
  font-weight: 700;
  gap: 8px;
  text-decoration: none;
}

.mcusa-blog__view-all::after,
.mcusa-blog__read::after {
  content: "\203a";
  font-size: 24px;
  line-height: 1;
}

.mcusa-blog__read {
  color: var(--mcusa-red);
  font-size: 14px;
  margin-top: auto;
  text-transform: uppercase;
}

.mcusa-blog__layout {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(320px, 1.02fr);
}

.mcusa-blog-featured,
.mcusa-blog-list {
  background: var(--mcusa-white);
  border: 1px solid var(--mcusa-line);
  border-radius: 8px;
  box-shadow: 0 20px 54px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.mcusa-blog-featured {
  display: grid;
  grid-template-rows: clamp(210px, 18vw, 280px) 1fr;
}

.mcusa-blog-featured__image,
.mcusa-blog-list-card__image {
  background: #dbe4f2;
  display: block;
  overflow: hidden;
  position: relative;
}

.mcusa-blog-featured__image img,
.mcusa-blog-list-card__image img {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 420ms var(--mcusa-ease);
  width: 100%;
}

.mcusa-blog-featured__image:hover img,
.mcusa-blog-featured__image:focus-visible img,
.mcusa-blog-list-card__image:hover img,
.mcusa-blog-list-card__image:focus-visible img {
  transform: scale(1.045);
}

.mcusa-blog-featured__image span {
  background: var(--mcusa-blue);
  bottom: 18px;
  color: var(--mcusa-white);
  font-size: 13px;
  font-weight: 800;
  left: 18px;
  letter-spacing: 0.04em;
  padding: 9px 14px;
  position: absolute;
  text-transform: uppercase;
}

.mcusa-blog-featured__body {
  display: flex;
  flex-direction: column;
  min-height: 270px;
  padding: clamp(24px, 3vw, 34px);
}

.mcusa-blog time {
  color: var(--mcusa-blue);
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 14px;
}

.mcusa-blog h3 {
  color: var(--mcusa-ink);
  font-family: var(--mcusa-font-display);
  font-size: clamp(20px, 2vw, 25px);
  letter-spacing: 0;
  line-height: 1.22;
  margin: 0;
}

.mcusa-blog h3 a {
  color: inherit;
  text-decoration: none;
}

.mcusa-blog h3 a:hover,
.mcusa-blog h3 a:focus-visible,
.mcusa-blog__view-all:hover,
.mcusa-blog__view-all:focus-visible {
  color: var(--mcusa-red);
}

.mcusa-blog-featured__body p {
  color: var(--mcusa-muted);
  font-size: 16px;
  line-height: 1.55;
  margin: 18px 0 26px;
}

.mcusa-blog-list {
  display: grid;
}

.mcusa-blog-list-card {
  align-items: stretch;
  display: grid;
  gap: 18px;
  grid-template-columns: 120px minmax(0, 1fr) 24px;
  min-height: 142px;
  padding: 18px;
}

.mcusa-blog-list-card + .mcusa-blog-list-card {
  border-top: 1px solid var(--mcusa-line);
}

.mcusa-blog-list-card__image {
  border: 1px solid rgba(15, 23, 42, 0.08);
  height: 100%;
  min-height: 96px;
}

.mcusa-blog-list-card > div {
  align-self: center;
}

.mcusa-blog-list-card time {
  font-size: 13px;
  margin-bottom: 8px;
}

.mcusa-blog-list-card h3 {
  font-size: clamp(17px, 1.55vw, 20px);
}

.mcusa-blog-list-card__arrow {
  align-items: center;
  align-self: center;
  color: var(--mcusa-blue);
  display: inline-flex;
  font-size: 34px;
  font-weight: 300;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
}

.mcusa-blog-list-card__arrow:hover,
.mcusa-blog-list-card__arrow:focus-visible {
  color: var(--mcusa-red);
}

/* ---------------------------------------------------------------
   9. Trust / FAQ / RFQ
   --------------------------------------------------------------- */

.mcusa-trust {
  background:
    radial-gradient(900px 520px at 88% -10%, rgba(37, 99, 235, 0.24), transparent 64%),
    radial-gradient(620px 360px at 8% 104%, rgba(241, 179, 28, 0.08), transparent 68%),
    var(--mcusa-ink);
  border-bottom: 1px solid var(--mcusa-line-dark);
  border-top: 1px solid var(--mcusa-line-dark);
  color: var(--mcusa-white);
  margin: 0;
  max-width: none;
  padding-left: var(--mcusa-bleed);
  padding-right: var(--mcusa-bleed);
}

.mcusa-services__intro {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.mcusa-services__intro .mcusa-eyebrow {
  color: var(--mcusa-gold);
  font-family: var(--mcusa-font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.mcusa-services__intro h2 {
  color: var(--mcusa-white);
  margin-bottom: 0;
}

.mcusa-trust__grid {
  display: grid;
  gap: clamp(22px, 2.5vw, 34px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 auto;
  max-width: var(--mcusa-max);
}

.mcusa-trust-card {
  background: linear-gradient(150deg, rgba(19, 35, 63, 0.96), rgba(10, 19, 34, 0.98));
  border: 1px solid var(--mcusa-line-dark);
  border-radius: var(--mcusa-radius);
  box-shadow: 0 22px 50px -32px rgba(0, 0, 0, 0.9);
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  transition: border-color 280ms var(--mcusa-ease), box-shadow 280ms var(--mcusa-ease), transform 320ms var(--mcusa-ease);
}

.mcusa-trust-card:hover {
  border-color: rgba(241, 179, 28, 0.44);
  box-shadow: 0 26px 58px -30px rgba(0, 0, 0, 0.95);
  transform: translateY(-4px);
}

.mcusa-trust-card__media {
  aspect-ratio: 16 / 10;
  background: var(--mcusa-ink-3);
  overflow: hidden;
  position: relative;
}

.mcusa-trust-card__media::after {
  background: linear-gradient(180deg, transparent 54%, rgba(10, 19, 34, 0.72));
  bottom: 0;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.mcusa-trust-card__media img {
  display: block;
  filter: saturate(0.78) brightness(0.84);
  height: 100%;
  object-fit: cover;
  transition: filter 360ms var(--mcusa-ease), transform 600ms var(--mcusa-ease);
  width: 100%;
}

.mcusa-trust-card:hover .mcusa-trust-card__media img {
  filter: saturate(0.96) brightness(0.96);
  transform: scale(1.035);
}

.mcusa-trust-card__copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: clamp(22px, 2.2vw, 30px);
}

.mcusa-trust-card h3 {
  color: var(--mcusa-white);
  font-size: clamp(20px, 1.6vw, 24px);
}

.mcusa-trust-card p {
  color: var(--mcusa-muted-dark);
  font-size: 15px;
}

.mcusa-trust .mcusa-spot::after {
  background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%), rgba(241, 179, 28, 0.1), transparent 65%);
}

.mcusa-trust-card a {
  align-self: flex-start;
  color: var(--mcusa-gold);
  margin-top: auto;
  padding-top: 18px;
}

.mcusa-trust-card a:hover,
.mcusa-trust-card a:focus {
  color: var(--mcusa-white);
}

/* FAQ */

.mcusa-faq > h2 {
  margin-bottom: clamp(26px, 3vw, 40px);
  max-width: 720px;
}

.mcusa-faq__list {
  border-top: 1px solid var(--mcusa-line-strong);
}

.mcusa-faq details {
  border-bottom: 1px solid var(--mcusa-line-strong);
  overflow: hidden;
}

.mcusa-faq summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-family: var(--mcusa-font-display);
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 650;
  gap: 18px;
  justify-content: space-between;
  letter-spacing: -0.01em;
  list-style: none;
  padding: 24px 0;
  transition: color 200ms var(--mcusa-ease);
}

.mcusa-faq summary::-webkit-details-marker {
  display: none;
}

.mcusa-faq summary:hover {
  color: var(--mcusa-blue);
}

.mcusa-faq summary::after {
  align-items: center;
  border: 1px solid var(--mcusa-line-strong);
  border-radius: 50%;
  color: var(--mcusa-muted);
  content: "+";
  display: flex;
  flex: 0 0 auto;
  font-family: var(--mcusa-font-mono);
  font-size: 18px;
  font-weight: 500;
  height: 34px;
  justify-content: center;
  line-height: 1;
  transition: transform 320ms var(--mcusa-ease), background-color 320ms var(--mcusa-ease), color 320ms var(--mcusa-ease), border-color 320ms var(--mcusa-ease);
  width: 34px;
}

.mcusa-faq details[open] summary::after {
  background: var(--mcusa-ink);
  border-color: var(--mcusa-ink);
  color: var(--mcusa-white);
  transform: rotate(45deg);
}

.mcusa-faq details p {
  color: var(--mcusa-muted);
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  max-width: 780px;
  padding-bottom: 26px;
}

/* RFQ CTA */

.mcusa-rfq-cta {
  align-items: center;
  background:
    radial-gradient(720px 400px at 88% -20%, rgba(255, 255, 255, 0.18), transparent 60%),
    radial-gradient(560px 340px at 8% 110%, rgba(79, 141, 249, 0.22), transparent 66%),
    linear-gradient(120deg, #3156ad 0%, var(--mcusa-cta-primary) 42%, var(--mcusa-navy) 100%);
  border-radius: 24px;
  box-shadow: 0 32px 70px -24px rgba(37, 66, 145, 0.55);
  color: var(--mcusa-white);
  display: grid;
  gap: 36px;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.6fr);
  margin: 0 auto clamp(64px, 9vw, 110px);
  max-width: calc(var(--mcusa-max) - 2 * var(--mcusa-gutter));
  overflow: hidden;
  padding: clamp(34px, 5vw, 64px);
  position: relative;
}

.mcusa-rfq-cta:not(:has(.mcusa-rfq-cta__form)) {
  grid-template-columns: 1fr;
}

.mcusa-rfq-cta h2 {
  color: var(--mcusa-white);
  max-width: 640px;
}

.mcusa-rfq-cta__copy p {
  color: rgba(235, 242, 255, 0.9);
  max-width: 560px;
}

.mcusa-rfq-cta .mcusa-button {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.55);
  box-shadow: none;
  color: var(--mcusa-white);
}

.mcusa-rfq-cta .mcusa-button:hover,
.mcusa-rfq-cta .mcusa-button:focus {
  background: rgba(255, 255, 255, 0.12);
  border-color: var(--mcusa-white);
  color: var(--mcusa-white);
}

.mcusa-rfq-cta .mcusa-button--primary {
  background: var(--mcusa-white);
  border-color: var(--mcusa-white);
  color: var(--mcusa-cta-primary);
}

.mcusa-rfq-cta .mcusa-button--primary:hover,
.mcusa-rfq-cta .mcusa-button--primary:focus {
  background: #eef4ff;
  border-color: #eef4ff;
  box-shadow: 0 14px 30px -10px rgba(0, 0, 0, 0.3);
  color: var(--mcusa-cta-primary-hover);
}

.mcusa-rfq-cta__form {
  background: var(--mcusa-white);
  border-radius: 16px;
  color: var(--mcusa-ink);
  padding: 24px;
}

/* ---------------------------------------------------------------
   10. Footer
   --------------------------------------------------------------- */

.mcusa-site-footer {
  background:
    radial-gradient(720px 400px at 12% -20%, rgba(37, 99, 235, 0.16), transparent 62%),
    var(--mcusa-ink);
  color: var(--mcusa-white);
  padding-top: clamp(54px, 7vw, 84px);
}

.mcusa-site-footer__inner {
  align-items: start;
  display: grid;
  gap: clamp(30px, 4vw, 56px);
  grid-template-columns: minmax(260px, 1.2fr) minmax(160px, 0.7fr) minmax(160px, 0.7fr) minmax(220px, 0.9fr);
  margin: 0 auto;
  max-width: var(--mcusa-max);
  padding: 0 var(--mcusa-gutter) clamp(44px, 6vw, 64px);
}

.mcusa-site-footer__brand img {
  filter: brightness(0) invert(1);
  height: 40px;
  margin-bottom: 18px;
  opacity: 0.95;
  width: auto;
}

.mcusa-site-footer__brand p {
  color: var(--mcusa-muted-dark);
  font-size: 15px;
  line-height: 1.65;
  margin: 0 0 20px;
  max-width: 320px;
}

.mcusa-site-footer__phone {
  align-items: center;
  color: var(--mcusa-white);
  display: inline-flex;
  font-family: var(--mcusa-font-mono);
  font-size: 15px;
  font-weight: 600;
  gap: 9px;
  letter-spacing: 0.04em;
}

.mcusa-site-footer__phone:hover,
.mcusa-site-footer__phone:focus {
  color: var(--mcusa-gold);
}

.mcusa-site-footer__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.mcusa-site-footer__socials a {
  align-items: center;
  border: 1px solid rgba(226, 235, 248, 0.2);
  border-radius: 8px;
  color: rgba(226, 235, 248, 0.82);
  display: inline-flex;
  height: 38px;
  justify-content: center;
  transition:
    background-color 180ms var(--mcusa-ease),
    border-color 180ms var(--mcusa-ease),
    color 180ms var(--mcusa-ease);
  width: 38px;
}

.mcusa-site-footer__socials svg {
  display: block;
  height: 17px;
  width: 17px;
}

.mcusa-site-footer__socials svg path {
  fill: currentColor;
}

.mcusa-site-footer__socials a:hover,
.mcusa-site-footer__socials a:focus {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(245, 217, 73, 0.55);
  color: var(--mcusa-gold);
  text-decoration: none;
}

.mcusa-site-footer h3 {
  color: var(--mcusa-muted-dark);
  font-family: var(--mcusa-font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  margin: 4px 0 18px;
  text-transform: uppercase;
}

.mcusa-footer__links {
  display: grid;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mcusa-footer__links li {
  list-style: none;
  margin: 0;
}

.mcusa-footer__links a {
  color: rgba(226, 235, 248, 0.82);
  display: inline-block;
  font-size: 15px;
  padding: 5px 0;
  transition: color 180ms var(--mcusa-ease), transform 220ms var(--mcusa-ease);
}

.mcusa-footer__links a:hover,
.mcusa-footer__links a:focus {
  color: var(--mcusa-white);
  transform: translateX(4px);
}

.mcusa-site-footer__cta p {
  color: var(--mcusa-muted-dark);
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 18px;
}

.mcusa-site-footer__bottom {
  border-top: 1px solid rgba(157, 184, 224, 0.14);
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: var(--mcusa-max);
  padding: 22px var(--mcusa-gutter) 28px;
}

.mcusa-site-footer__bottom p {
  color: rgba(157, 176, 204, 0.7);
  font-family: var(--mcusa-font-mono);
  font-size: 12px;
  letter-spacing: 0.06em;
  margin: 0;
}

/* ---------------------------------------------------------------
   11. Content pages
   --------------------------------------------------------------- */

.mcusa-content {
  padding-bottom: clamp(64px, 8vw, 100px);
  padding-top: clamp(24px, 4vw, 44px);
}

.mcusa-page,
.mcusa-content__list,
.mcusa-content > .mcusa-page-header {
  margin: 0 auto;
  max-width: var(--mcusa-content-box-max);
}

.mcusa-page-header {
  margin-bottom: clamp(14px, 2vw, 22px);
  padding-bottom: clamp(8px, 1.4vw, 16px);
}

.mcusa-page-header h1 {
  font-family: var(--mcusa-font-display);
  font-size: clamp(34px, 4vw, 52px);
  margin: 8px 0 0;
  max-width: 920px;
}

.mcusa-page-header--media {
  align-items: stretch;
  background: var(--mcusa-navy);
  border-radius: var(--mcusa-radius-lg);
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  overflow: hidden;
  padding-bottom: 0;
}

.mcusa-page-header--media .mcusa-page-header__text {
  align-self: center;
  padding: clamp(26px, 4vw, 54px);
}

.mcusa-page-header--media h1 {
  color: #fff;
}

.mcusa-page-header--media .mcusa-page-breadcrumbs,
.mcusa-page-header--media .mcusa-page-breadcrumbs a,
.mcusa-page-header--media .mcusa-page-breadcrumbs span[aria-hidden="true"] {
  color: rgba(255, 255, 255, 0.72);
}

.mcusa-page-header--media .mcusa-page-breadcrumbs a:hover,
.mcusa-page-header--media .mcusa-page-breadcrumbs a:focus {
  color: #fff;
}

.mcusa-page-header p.mcusa-page-header__eyebrow {
  color: var(--mcusa-gold);
  font-family: var(--mcusa-font-mono);
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.08em;
  margin: 18px 0 0;
  text-transform: uppercase;
}

.mcusa-page-header--media .mcusa-page-header__intro,
.mcusa-page-header--media .mcusa-page-header__intro p {
  color: rgba(255, 255, 255, 0.92);
  font-size: 16px;
  line-height: 1.65;
  margin: 16px 0 0;
  max-width: 54ch;
}

.mcusa-page-header__media {
  min-height: 300px;
}

.mcusa-page-header__media img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.mcusa-entry-content.has-page-hero-intro > .musa-imported-hero:first-child {
  display: none;
}

@media (max-width: 760px) {
  .mcusa-page-header--media {
    grid-template-columns: minmax(0, 1fr);
  }

  .mcusa-page-header__media {
    min-height: 200px;
    order: -1;
  }
}

.mcusa-page-breadcrumbs {
  align-items: center;
  color: var(--mcusa-muted);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--mcusa-font-mono);
  font-size: 12px;
  font-weight: 500;
  gap: 8px;
  line-height: 1.4;
}

.mcusa-page-breadcrumbs a {
  color: var(--mcusa-ink-2);
  font-weight: 650;
  text-decoration: none;
}

.mcusa-page-breadcrumbs a:hover,
.mcusa-page-breadcrumbs a:focus {
  color: var(--mcusa-red);
}

.mcusa-page-breadcrumbs span[aria-hidden="true"] {
  color: var(--mcusa-line-strong);
}

.musa-imported-content > .musa-content-media h3 {
  color: var(--mcusa-cta-primary);
}

.musa-page-header {
  background: transparent;
  color: var(--mcusa-ink);
  padding: clamp(24px, 4vw, 44px) 0 clamp(8px, 1.4vw, 16px);
}

.musa-page-header .musa-container,
.musa-product-breadcrumb-bar .musa-product-container {
  max-width: var(--mcusa-content-box-max);
  padding: 0;
  width: calc(100% - 2 * var(--mcusa-gutter));
}

.musa-page-header .musa-container {
  display: flex;
  flex-direction: column;
}

.musa-page-header h1 {
  color: var(--mcusa-ink);
  font-family: var(--mcusa-font-display);
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.06;
  margin: 8px 0 0;
  max-width: none;
  order: 2;
}

.musa-page-header .musa-breadcrumbs {
  align-items: center;
  color: var(--mcusa-muted);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--mcusa-font-mono);
  font-size: 12px;
  font-weight: 500;
  gap: 8px;
  line-height: 1.4;
  margin: 0;
  order: 1;
}

.musa-page-header .musa-breadcrumbs a,
.musa-page-header .musa-breadcrumbs span {
  color: inherit;
}

.musa-page-header .musa-breadcrumbs a {
  color: var(--mcusa-ink-2);
  font-weight: 650;
  text-decoration: none;
}

.musa-page-header .musa-breadcrumbs a:hover,
.musa-page-header .musa-breadcrumbs a:focus {
  color: var(--mcusa-red);
}

.musa-product-breadcrumb-bar {
  background: transparent;
  color: var(--mcusa-muted);
  padding: clamp(20px, 3vw, 32px) 0 0;
}

.musa-product-breadcrumbs {
  color: var(--mcusa-muted);
  font-family: var(--mcusa-font-mono);
  font-size: 12px;
  font-weight: 500;
  gap: 8px;
  line-height: 1.4;
}

.musa-product-breadcrumbs a,
.musa-product-breadcrumbs span {
  color: inherit;
}

.musa-product-breadcrumbs a {
  color: var(--mcusa-ink-2);
  font-weight: 650;
  text-decoration: none;
}

.musa-product-breadcrumbs a:hover,
.musa-product-breadcrumbs a:focus {
  color: var(--mcusa-red);
}

.musa-product-detail {
  background: transparent;
  padding-top: clamp(22px, 3vw, 34px);
}

.musa-product-detail .musa-product-layout {
  gap: clamp(28px, 3vw, 42px);
}

.musa-product-detail .musa-product-main {
  background: var(--mcusa-white);
  border: 1px solid var(--mcusa-line);
  border-radius: var(--mcusa-radius);
  box-shadow: var(--mcusa-shadow-sm);
  padding: clamp(18px, 2.2vw, 28px);
}

.musa-product-detail .musa-product-cert-banner {
  margin-bottom: clamp(22px, 3vw, 30px);
}

.mcusa-featured-image {
  margin-bottom: 28px;
}

.mcusa-featured-image img {
  border-radius: var(--mcusa-radius-lg);
  box-shadow: var(--mcusa-shadow-md);
  width: 100%;
}

.mcusa-entry-content {
  background: var(--mcusa-white);
  border: 1px solid var(--mcusa-line);
  border-radius: var(--mcusa-radius);
  box-shadow: var(--mcusa-shadow-sm);
  font-size: 17px;
  line-height: 1.7;
  padding: clamp(24px, 3.4vw, 42px);
}

.mcusa-entry-content > *:first-child {
  margin-top: 0;
}

.mcusa-entry-content > *:last-child {
  margin-bottom: 0;
}

.mcusa-entry-content.has-hero-media > .musa-imported-hero-media:first-child,
.mcusa-entry-content.has-hero-media > .musa-imported-media:first-child {
  display: none;
}

.mcusa-entry-content h2,
.mcusa-entry-content h3 {
  margin: 1.6em 0 0.6em;
}

.mcusa-entry-content p {
  color: #38445a;
}

.mcusa-entry-content a:where(:not(.musa-button):not(.wp-block-button__link)) {
  color: var(--mcusa-blue);
  text-decoration: underline;
  text-decoration-color: rgba(37, 99, 235, 0.35);
  text-underline-offset: 3px;
}

.mcusa-entry-content a:where(:not(.musa-button):not(.wp-block-button__link)):hover {
  color: var(--mcusa-red);
}

/* Card components style their own links; keep the running-text underline off them. */
.mcusa-entry-content .musa-blog-index a,
.mcusa-entry-content .musa-contact-card a,
.mcusa-entry-content .musa-download-card a,
.mcusa-entry-content .musa-resource-card a,
.mcusa-entry-content .musa-feature-card a {
  text-decoration: none;
}

.mcusa-entry-content img {
  border-radius: var(--mcusa-radius);
}

.mcusa-entry-content blockquote {
  border-left: 3px solid var(--mcusa-gold);
  color: var(--mcusa-muted);
  font-style: italic;
  margin: 1.4em 0;
  padding: 4px 0 4px 22px;
}

.mcusa-entry-content code {
  background: var(--mcusa-paper);
  border: 1px solid var(--mcusa-line);
  border-radius: 6px;
  font-family: var(--mcusa-font-mono);
  font-size: 0.88em;
  padding: 2px 6px;
}

.mcusa-entry-content table {
  border-collapse: collapse;
  width: 100%;
}

.mcusa-entry-content th,
.mcusa-entry-content td {
  border: 1px solid var(--mcusa-line);
  padding: 10px 14px;
  text-align: left;
}

.mcusa-entry-content th {
  background: var(--mcusa-paper);
  font-weight: 650;
}

.mcusa-about-page .mcusa-entry-content {
  background: transparent;
  border: 0;
  box-shadow: none;
  font-size: 16px;
  padding: 0;
}

.mcusa-about-live {
  display: grid;
  gap: clamp(26px, 4vw, 52px);
}

.mcusa-about-live h2,
.mcusa-about-live h3,
.mcusa-about-live p,
.mcusa-about-live figure {
  margin: 0;
}

.mcusa-about-live > .musa-story-panel,
.mcusa-about-live .musa-image-card-grid,
.mcusa-about-live .musa-team-photo,
.mcusa-about-live .musa-profile-grid {
  margin-block: 0;
}

.mcusa-about-intro {
  display: grid;
  gap: clamp(22px, 4vw, 44px);
  grid-template-columns: minmax(0, 0.82fr) minmax(280px, 1fr);
  align-items: end;
}

.mcusa-about-intro__copy {
  align-self: center;
}

.mcusa-about-kicker {
  color: var(--mcusa-red);
  font-family: var(--mcusa-font-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.4;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.mcusa-about-intro h2 {
  color: var(--mcusa-ink);
  font-size: clamp(44px, 7vw, 88px);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 0.95;
}

.mcusa-about-intro__image {
  border-radius: var(--mcusa-radius-lg);
  box-shadow: var(--mcusa-shadow-lg);
  overflow: hidden;
}

.mcusa-about-intro__image img,
.mcusa-about-value img,
.mcusa-about-team__image img,
.mcusa-about-leader img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.mcusa-about-panel {
  background:
    radial-gradient(420px 240px at 85% 10%, rgba(79, 141, 249, 0.22), transparent 65%),
    linear-gradient(140deg, var(--mcusa-ink), var(--mcusa-navy));
  border: 1px solid rgba(157, 184, 224, 0.24);
  border-radius: var(--mcusa-radius-lg);
  box-shadow: var(--mcusa-shadow-md);
  color: var(--mcusa-white);
  padding: clamp(26px, 4vw, 48px);
}

.mcusa-about-panel p {
  color: rgba(246, 248, 251, 0.86);
  max-width: 920px;
}

.mcusa-about-panel h2 {
  color: var(--mcusa-white);
  font-size: clamp(32px, 4vw, 54px);
  margin-top: clamp(28px, 4vw, 44px);
}

.mcusa-about-values {
  align-items: stretch;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mcusa-about-values > .mcusa-about-value,
.mcusa-about-leaders > .mcusa-about-leader {
  margin-block-start: 0;
}

.mcusa-about-value {
  background: var(--mcusa-white);
  border: 1px solid var(--mcusa-line);
  border-radius: var(--mcusa-radius);
  box-shadow: var(--mcusa-shadow-sm);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.mcusa-about-value figure {
  aspect-ratio: 4 / 3.35;
  overflow: hidden;
}

.mcusa-about-value h3,
.mcusa-about-value p {
  padding-left: clamp(20px, 2.5vw, 28px);
  padding-right: clamp(20px, 2.5vw, 28px);
}

.mcusa-about-value h3 {
  color: var(--mcusa-navy);
  font-family: var(--mcusa-font-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin-top: 24px;
}

.mcusa-about-value p {
  color: var(--mcusa-muted);
  padding-bottom: 28px;
  padding-top: 10px;
}

.mcusa-about-team {
  display: grid;
  gap: 24px;
}

.mcusa-about-team__copy {
  max-width: 920px;
}

.mcusa-about-team h2,
.mcusa-about-leadership h2 {
  font-size: clamp(32px, 4vw, 54px);
  margin-bottom: 14px;
}

.mcusa-about-team p {
  color: var(--mcusa-muted);
}

.mcusa-about-team__image {
  border-radius: var(--mcusa-radius-lg);
  box-shadow: var(--mcusa-shadow-md);
  overflow: hidden;
  position: relative;
}

.mcusa-about-team__image figcaption {
  background: rgba(10, 19, 34, 0.82);
  bottom: 0;
  color: var(--mcusa-white);
  font-size: 15px;
  font-weight: 600;
  left: 0;
  line-height: 1.45;
  padding: 16px 20px;
  position: absolute;
  right: 0;
}

.mcusa-about-leadership {
  display: grid;
  gap: 18px;
}

.mcusa-about-leaders {
  align-items: stretch;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mcusa-about-leader {
  background: var(--mcusa-white);
  border: 1px solid var(--mcusa-line);
  border-radius: var(--mcusa-radius);
  box-shadow: var(--mcusa-shadow-sm);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-align: center;
}

.mcusa-about-leader figure {
  aspect-ratio: 4 / 4.55;
  display: block;
  overflow: hidden;
  width: 100%;
}

.mcusa-about-leader h3 {
  color: var(--mcusa-ink);
  font-size: 21px;
  margin-top: 18px;
}

.mcusa-about-leader p {
  color: var(--mcusa-muted);
  font-size: 14px;
  line-height: 1.45;
  padding: 6px 16px 22px;
}

.mcusa-about-leader .wp-block-image img {
  border-radius: 0;
  display: block;
  height: 100%;
  max-height: none;
  max-width: none;
  object-fit: cover;
  object-position: center top;
  width: 100%;
}

/* Archive / search cards */

.mcusa-content__list {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mcusa-archive-card {
  background: var(--mcusa-white);
  border: 1px solid var(--mcusa-line);
  border-radius: var(--mcusa-radius-lg);
  box-shadow: var(--mcusa-shadow-sm);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: border-color 280ms var(--mcusa-ease), box-shadow 320ms var(--mcusa-ease), transform 320ms var(--mcusa-ease);
}

.mcusa-archive-card:hover {
  border-color: var(--mcusa-line-strong);
  box-shadow: var(--mcusa-shadow-lg);
  transform: translateY(-5px);
}

.mcusa-archive-card__media {
  aspect-ratio: 16 / 9;
  display: block;
  overflow: hidden;
}

.mcusa-archive-card__media img {
  height: 100%;
  object-fit: cover;
  transition: transform 700ms var(--mcusa-ease);
  width: 100%;
}

.mcusa-archive-card:hover .mcusa-archive-card__media img {
  transform: scale(1.05);
}

.mcusa-archive-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 26px;
}

.mcusa-archive-card .mcusa-eyebrow {
  margin-bottom: 10px;
}

.mcusa-archive-card h2 {
  font-size: 22px;
  margin: 0 0 10px;
}

.mcusa-archive-card h2 a:hover,
.mcusa-archive-card h2 a:focus {
  color: var(--mcusa-blue);
}

.mcusa-archive-card .mcusa-link-arrow {
  margin-top: auto;
  padding-top: 16px;
}

.navigation.pagination {
  margin: 38px auto 0;
  max-width: var(--mcusa-content-box-max);
}

.navigation.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.navigation.pagination .page-numbers {
  align-items: center;
  background: var(--mcusa-white);
  border: 1px solid var(--mcusa-line);
  border-radius: 10px;
  color: var(--mcusa-ink);
  display: inline-flex;
  font-weight: 600;
  justify-content: center;
  min-height: 42px;
  min-width: 42px;
  padding: 8px 14px;
  transition: border-color 200ms var(--mcusa-ease), background-color 200ms var(--mcusa-ease), color 200ms var(--mcusa-ease);
}

.navigation.pagination .page-numbers.current {
  background: var(--mcusa-ink);
  border-color: var(--mcusa-ink);
  color: var(--mcusa-white);
}

.navigation.pagination a.page-numbers:hover,
.navigation.pagination a.page-numbers:focus {
  border-color: var(--mcusa-ink);
}

/* 404 */

.mcusa-error-page {
  margin: 0 auto;
  max-width: 760px;
  padding: clamp(30px, 6vw, 70px) 0;
  text-align: center;
}

.mcusa-error-page .mcusa-page-header h1,
.mcusa-error-page .mcusa-page-header p {
  margin-left: auto;
  margin-right: auto;
}

.mcusa-error-page__code {
  background: linear-gradient(120deg, var(--mcusa-navy), var(--mcusa-blue) 50%, var(--mcusa-red));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: var(--mcusa-font-mono);
  font-size: clamp(40px, 9vw, 96px);
  font-weight: 600;
  letter-spacing: 0.06em;
  margin: 0 0 14px;
}

.mcusa-error-page .mcusa-actions {
  justify-content: center;
  margin-top: 28px;
}

/* ---------------------------------------------------------------
   12. Motion system + responsive
   --------------------------------------------------------------- */

html.mcusa-js [data-reveal] {
  opacity: 0;
  transform: translateY(28px);
}

html.mcusa-js [data-reveal].is-revealed {
  opacity: 1;
  transform: none;
  transition: opacity 800ms var(--mcusa-ease), transform 800ms var(--mcusa-ease);
  transition-delay: var(--mcusa-reveal-delay, 0ms);
}

html.mcusa-js .mcusa-category-row[data-reveal] {
  transform: translateY(18px);
}

html.mcusa-js .mcusa-category-row[data-reveal].is-revealed {
  transform: none;
  transition-duration: 620ms;
}

@media (max-width: 1100px) {
  .mcusa-topbar__inner {
    gap: 16px;
  }

  .mcusa-topbar__phone span {
    display: none;
  }

  .mcusa-nav {
    display: none;
  }

  .mcusa-menu-toggle {
    display: inline-flex;
  }

  .mcusa-hero,
  .mcusa-sticky-story {
    grid-template-columns: 1fr;
  }

  .mcusa-sticky-story {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .mcusa-sticky-story__copy,
  .mcusa-sticky-story__steps,
  .mcusa-sourcing-visual {
    grid-column: 1;
    grid-row: auto;
    position: static;
  }

  .mcusa-sticky-story__copy {
    order: 0;
  }

  .mcusa-sourcing-visual {
    height: 440px;
    min-height: 440px;
    order: 1;
    position: relative;
  }

  .mcusa-sticky-story__steps {
    gap: 16px;
    height: auto;
    min-height: 0;
    overflow: visible;
    order: 2;
    padding: 24px 0 0;
    position: static;
    top: auto;
  }

  .mcusa-sticky-story__steps-track {
    gap: 16px;
    padding: 0;
    transform: none !important;
    will-change: auto;
  }

  .mcusa-scroll-step {
    margin-left: 0;
    opacity: 1;
    transform: none;
    width: auto;
  }

  .mcusa-process__layout {
    gap: clamp(32px, 5vw, 56px);
    grid-template-columns: minmax(260px, 1fr) minmax(0, 1.65fr);
  }

  .mcusa-hot-parts {
    --mcusa-hot-parts-visible: 2;
  }

  .mcusa-hot-parts__header {
    align-items: start;
  }

  .mcusa-category-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mcusa-category-more {
    grid-column: 1 / -1;
  }

  .mcusa-manufacturer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mcusa-blog__layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mcusa-blog-list {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mcusa-blog-list-card + .mcusa-blog-list-card {
    border-top: 0;
  }

  .mcusa-blog-list-card:nth-child(n + 3) {
    border-top: 1px solid var(--mcusa-line);
  }

  .mcusa-blog-list-card:nth-child(2n) {
    border-left: 1px solid var(--mcusa-line);
  }

  .mcusa-trust__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mcusa-about-intro {
    grid-template-columns: 1fr;
  }

  .mcusa-about-intro__copy {
    max-width: 780px;
  }

  .mcusa-about-values,
  .mcusa-about-leaders {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mcusa-site-footer__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  :root {
    --mcusa-header-height: 68px;
  }

  .mcusa-topbar__inner {
    gap: 12px;
    justify-content: center;
    min-height: 42px;
  }

  .mcusa-topbar-ticker {
    display: none;
  }

  .mcusa-topbar__right {
    flex: 1 1 auto;
    justify-content: space-between;
    min-width: 0;
  }

  .mcusa-topbar__phone {
    min-width: 0;
  }

  .mcusa-topbar__phone strong {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mcusa-brand img {
    height: 32px;
  }

  .mcusa-header-actions__search,
  .mcusa-header-actions > .mcusa-button {
    display: none;
  }

  .mcusa-menu-toggle__label {
    display: none;
  }

  .mcusa-hero {
    min-height: 0;
  }

  .mcusa-hero__copy {
    padding-bottom: 56px;
    padding-top: 64px;
  }

  .mcusa-hero h1 {
    font-size: clamp(36px, 11vw, 50px);
  }

  .mcusa-content {
    padding-top: 22px;
  }

  .mcusa-page-header {
    padding-bottom: 18px;
  }

  .mcusa-page-header h1 {
    font-size: clamp(32px, 10vw, 44px);
  }

  .mcusa-page-breadcrumbs {
    font-size: 11px;
    gap: 6px;
  }

  .mcusa-entry-content {
    padding: 22px;
  }

  .mcusa-actions {
    align-items: stretch;
    display: grid;
    grid-template-columns: 1fr;
  }

  .mcusa-part-search__row {
    grid-template-columns: 1fr;
  }

  .mcusa-ticker__item::after {
    margin: 0 18px;
  }

  .mcusa-sourcing-visual {
    height: 380px;
    min-height: 380px;
  }

  .mcusa-process {
    min-height: 0;
  }

  .mcusa-process__sticky {
    min-height: 0;
    position: static;
  }

  .mcusa-process__layout {
    display: block;
    min-height: 0;
  }

  .mcusa-process__copy {
    grid-column: auto;
    grid-row: auto;
    padding: 0 0 40px;
  }

  .mcusa-process__copy h2 {
    white-space: normal;
  }

  .mcusa-process__viewport {
    aspect-ratio: auto;
    box-shadow: none;
    grid-column: auto;
    grid-row: auto;
    margin-left: calc(var(--mcusa-gutter) * -1);
    margin-right: calc(var(--mcusa-gutter) * -1);
    overflow-x: auto;
    scroll-padding-left: var(--mcusa-gutter);
    scroll-snap-type: x mandatory;
  }

  .mcusa-process__viewport::after {
    display: none;
  }

  .mcusa-process__track {
    display: flex;
    gap: 14px;
    height: auto;
    padding: 0 var(--mcusa-gutter) 12px;
    position: static;
    transform: none !important;
    width: max-content;
  }

  .mcusa-process-card {
    aspect-ratio: 1 / 1.12;
    flex: 0 0 min(78vw, 390px);
    inset: auto;
    opacity: 1;
    pointer-events: auto;
    position: relative;
    scroll-snap-align: start;
    transform: none;
    transition: none;
    will-change: auto;
    z-index: auto;
  }

  .mcusa-companies__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mcusa-company-logo {
    min-height: 126px;
    padding: 24px 18px;
  }

  .mcusa-company-logo img {
    max-height: 64px;
    max-width: 142px;
  }

  .mcusa-section-intro--row {
    align-items: start;
    flex-direction: column;
  }

  .mcusa-hot-parts {
    --mcusa-hot-part-card-height: 472px;
    --mcusa-hot-parts-visible: 1;
  }

  .mcusa-hot-parts__header {
    align-items: stretch;
    flex-direction: column;
    gap: 28px;
  }

  .mcusa-hot-parts__header-actions {
    justify-content: space-between;
    margin-top: 0;
  }

  .mcusa-hot-parts__all {
    min-width: 0;
  }

  .mcusa-hot-part-card__image {
    height: 224px;
  }

  .mcusa-hot-part-card__summary {
    grid-template-rows: 224px auto;
  }

  .mcusa-category-grid {
    grid-auto-rows: auto;
  }

  .mcusa-category-row {
    grid-template-columns: 1fr;
  }

  .mcusa-category-more {
    grid-column: auto;
    min-height: 300px;
  }

  .mcusa-manufacturer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mcusa-blog__header {
    align-items: start;
    flex-direction: column;
  }

  .mcusa-blog__layout,
  .mcusa-blog-list {
    grid-template-columns: 1fr;
  }

  .mcusa-blog-featured {
    grid-template-rows: 220px auto;
  }

  .mcusa-blog-featured__body {
    min-height: 0;
  }

  .mcusa-blog-list-card {
    grid-template-columns: 96px minmax(0, 1fr) 20px;
    min-height: 118px;
    padding: 14px;
  }

  .mcusa-blog-list-card:nth-child(n),
  .mcusa-blog-list-card + .mcusa-blog-list-card {
    border-left: 0;
    border-top: 1px solid var(--mcusa-line);
  }

  .mcusa-blog-list-card:first-child {
    border-top: 0;
  }

  .mcusa-trust__grid,
  .mcusa-content__list,
  .mcusa-about-values,
  .mcusa-about-leaders,
  .mcusa-site-footer__inner {
    grid-template-columns: 1fr;
  }

  .mcusa-about-page .mcusa-entry-content {
    padding: 0;
  }

  .mcusa-about-intro h2 {
    font-size: clamp(42px, 15vw, 64px);
  }

  .mcusa-about-panel {
    padding: 24px;
  }

  .mcusa-about-team__image figcaption {
    position: static;
  }

  .mcusa-rfq-cta {
    grid-template-columns: 1fr;
    margin-left: var(--mcusa-gutter);
    margin-right: var(--mcusa-gutter);
    max-width: none;
    padding: 30px 24px;
  }

  .mcusa-site-footer__bottom {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .mcusa-topbar__right {
    gap: 10px;
  }

  .mcusa-topbar__socials {
    gap: 6px;
  }

  .mcusa-topbar__socials a {
    height: 26px;
    width: 26px;
  }

  .mcusa-manufacturer-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }

  .mcusa-hero__fallback-image,
  .mcusa-hero__video {
    transform: none !important;
  }

  .mcusa-hero__video {
    display: none;
  }

  .mcusa-hero__visual.has-video .mcusa-hero__fallback-image {
    opacity: 0.62;
  }

  html.mcusa-js [data-reveal],
  html.mcusa-js .mcusa-hero[data-mcusa-motion] .mcusa-hero__copy > p,
  html.mcusa-js .mcusa-hero[data-mcusa-motion] .mcusa-hero__copy .mcusa-actions,
  html.mcusa-js .mcusa-hero[data-mcusa-motion] .mcusa-part-search {
    opacity: 1 !important;
    transform: none !important;
  }

  html.mcusa-js .mcusa-hero[data-mcusa-motion] .mcusa-word__inner {
    transform: none !important;
  }

  .mcusa-ticker {
    overflow-x: auto;
  }

  .mcusa-ticker__track {
    animation: none;
  }

  .mcusa-topbar-ticker__track {
    animation: none;
    transform: none;
  }

  .mcusa-sticky-story {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .mcusa-sticky-story__copy,
  .mcusa-sticky-story__steps,
  .mcusa-sourcing-visual {
    grid-column: 1;
    grid-row: auto;
    position: static;
  }

  .mcusa-sticky-story__steps {
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: 24px 0 0;
  }

  .mcusa-sticky-story__steps-track {
    gap: 16px;
    padding: 0;
    transform: none !important;
    will-change: auto;
  }

  .mcusa-scroll-step {
    margin-left: 0;
    opacity: 1;
    transform: none;
    width: auto;
  }

  .mcusa-process {
    min-height: 0;
  }

  .mcusa-process__sticky {
    min-height: 0;
    position: static;
  }

  .mcusa-process__track {
    display: grid;
    transform: none !important;
    will-change: auto;
  }

  .mcusa-process__viewport {
    aspect-ratio: auto;
    box-shadow: none;
    overflow: visible;
  }

  .mcusa-process__track {
    height: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    position: static;
  }

  .mcusa-process-card {
    aspect-ratio: 1 / 1.16;
    inset: auto;
    opacity: 1;
    pointer-events: auto;
    position: relative;
    transform: none;
    transition: none;
    will-change: auto;
    z-index: auto;
  }
}

@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  .mcusa-process__viewport {
    overflow-x: auto;
  }

  .mcusa-process__track {
    display: flex;
    width: max-content;
  }

  .mcusa-process-card {
    aspect-ratio: 1 / 1.12;
  }
}