/* ─── Figma frame 1:197 — 1920×970 fixed canvas ─── */
:root {
  --hero-w: 1920px;
  --hero-h: 970px;
  --site-scale: 1;
  --stage-height: 970px;

  --color-navy: #062e62;
  --color-red: #ed0308;
  --color-red-border: #ffb8b2;
  --color-whatsapp: #25d366;
  --color-nav-glass: rgba(10, 10, 10, 0.5);
  --color-overlay-final: rgba(0, 0, 0, 0.7);

  --btn-transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
  --btn-shadow-hover: 0 8px 24px rgba(237, 3, 8, 0.38);
  --btn-shadow-active: 0 4px 12px rgba(237, 3, 8, 0.28);

  --font-display: "Neue Reman Gt", "Archivo Expanded", sans-serif;
  --font-body: "Onest", sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #0b0606;
}

body {
  background: #000;
  overflow-x: hidden;
}

/*
 * overflow-x: hidden computes overflow-y to auto and creates a scroll
 * containment that breaks CSS position:sticky. Product pages need sticky
 * gallery, so use clip (no scrollport) instead.
 */
body.is-product-page {
  overflow-x: clip;
}

/* Lock scroll during homepage preloader / hero intro */
html:has(body.page-home:not(.is-chrome-visible)),
body.page-home:not(.is-chrome-visible),
html.is-preloading,
body.is-preloading {
  overflow: hidden !important;
  height: 100% !important;
  overscroll-behavior: none;
  touch-action: none;
}

/* Center 1920px Figma stages in the browser viewport (equal side margins) */
.hero__viewport,
.discovery__viewport,
.equipment__viewport,
.services__viewport,
.applications__viewport,
.cta__viewport,
.section-six__viewport,
.product-page__viewport,
.catalog-page__viewport {
  display: flex;
  justify-content: center;
}

.hero__stage,
.discovery__stage,
.equipment__stage,
.services__stage,
.applications__stage,
.cta__stage,
.section-six__stage,
.product-page__stage,
.catalog-page__stage {
  flex-shrink: 0;
}

img {
  display: block;
  max-width: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  border: none;
  background: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
}

/* Viewport wrapper — height set by JS scale */
.hero {
  width: 100%;
  min-height: 100vh;
  background: var(--color-navy);
}

.hero__viewport {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

/* Fixed Figma artboard */
.hero__stage {
  position: relative;
  width: 1920px;
  height: 970px;
  transform-origin: top center;
  isolation: isolate;
}

/* ─── Background 1:198 ─── */
.hero__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.hero__bg-img {
  position: absolute;
  inset: 0;
  width: 1920px;
  height: 970px;
  object-fit: cover;
  object-position: center;
  transform-origin: 50% 45%;
  backface-visibility: hidden;
}

.hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}

/* ─── Curtain columns ─── */
.hero__curtain {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
  will-change: clip-path;
}

.hero__curtain-sheen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 140px;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(27, 255, 255, 0.06) 28%,
    rgba(27, 255, 255, 0.28) 50%,
    rgba(27, 255, 255, 0.06) 72%,
    transparent 100%
  );
  filter: blur(6px);
  will-change: transform, opacity;
}

.hero__curtain-col {
  position: absolute;
  top: 0;
  width: 387.826px;
  height: 970px;
  background: #fff;
  transform-origin: center bottom;
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

.hero__curtain-col[data-col="0"] { left: 0; }
.hero__curtain-col[data-col="1"] { left: 383.04px; top: -3.03px; height: 973.025px; }
.hero__curtain-col[data-col="2"] { left: 766.09px; }
.hero__curtain-col[data-col="3"] { left: 1149.13px; }
.hero__curtain-col[data-col="4"] { left: 1532.17px; }

/* ─── Intro logo / preloader (homepage hero) ─── */
.hero__intro-logo {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 200px;
  height: 200px;
  margin: auto;
  pointer-events: none;
  /* Avoid transform centering — it flattens nested CSS 3D */
  transform-style: preserve-3d;
}

.hero__intro-logo.is-hidden {
  display: none !important;
}

.hero__intro-logo-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-style: preserve-3d;
}

.hero__intro-emblem-glow {
  position: absolute;
  inset: 8%;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(255, 60, 64, 0.5) 0%,
    rgba(255, 60, 64, 0.16) 46%,
    transparent 72%
  );
  filter: blur(12px);
  transform: scale(0.92);
  will-change: transform, opacity;
  pointer-events: none;
}

/*
 * True 3D coin: faces pushed apart on Z, cylindrical rim segments.
 * Flip axis is rotateX (tossed end-over-end) so the rim reads at mid-flip.
 */
.hero__intro-scene {
  --coin-size: 140px;
  --coin-depth: 20px;
  --coin-radius: calc(var(--coin-size) / 2);
  position: relative;
  z-index: 1;
  width: var(--coin-size);
  height: var(--coin-size);
  perspective: 900px;
  perspective-origin: 50% 45%;
  transform-style: preserve-3d;
}

.hero__intro-coin {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
  will-change: transform;
}

.hero__intro-coin-face {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.18) 0%, transparent 40%),
    radial-gradient(circle at 50% 55%, #221c1c 0%, #0c0a0a 78%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -14px 28px rgba(0, 0, 0, 0.45);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
}

/* Real thickness — without this, mid-flip collapses to a line */
.hero__intro-coin-face--front {
  transform: translateZ(calc(var(--coin-depth) / 2));
}

.hero__intro-coin-face--back {
  transform: rotateY(180deg) translateZ(calc(var(--coin-depth) / 2));
}

.hero__intro-coin-rim {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  pointer-events: none;
}

.hero__intro-coin-rim-seg {
  --seg-count: 18;
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc((3.14159265 * var(--coin-size)) / var(--seg-count) + 1.25px);
  height: var(--coin-depth);
  margin: 0;
  background: linear-gradient(
    180deg,
    #3d1010 0%,
    #ff5558 18%,
    #e03131 48%,
    #ff5558 82%,
    #3d1010 100%
  );
  transform: translate(-50%, -50%)
    rotateZ(calc(var(--i) * (360deg / var(--seg-count))))
    translateY(calc(var(--coin-radius) * -1))
    rotateX(90deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.hero__intro-emblem {
  position: relative;
  z-index: 1;
  display: block;
  width: 72px;
  height: 58px;
  max-width: 72px;
  max-height: 58px;
  object-fit: contain;
  object-position: center;
  flex-shrink: 0;
  filter: drop-shadow(0 4px 12px rgba(255, 60, 64, 0.35));
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

body.page-home.is-preloading .hero__viewport,
body.page-home.is-preloading .hero__stage,
body.page-home.is-preloading .hero__intro-logo,
body.page-home.is-preloading .hero__intro-logo-inner,
body.page-home.is-preloading .hero__intro-scene,
body.page-home.is-preloading .hero__intro-coin {
  transform-style: preserve-3d;
}

/* FOUC / layout lock while homepage preloads */
body.page-home.is-preloading,
html.is-preloading:has(body.page-home) {
  background: #fff;
}

body.page-home.is-preloading .hero {
  background: #fff;
  min-height: 100vh;
  min-height: 100dvh;
}

/* Hide everything below the hero while the preloader / intro runs */
body.page-home.is-preloading .discovery,
body.page-home.is-preloading .equipment,
body.page-home.is-preloading .services,
body.page-home.is-preloading .applications,
body.page-home.is-preloading .cta,
body.page-home.is-preloading .section-six {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.page-home.is-preloading .hero__content,
body.page-home.is-preloading .hero__partners,
body.page-home:not(.is-chrome-visible) .hero__content,
body.page-home:not(.is-chrome-visible) .hero__partners {
  visibility: hidden;
  opacity: 0;
}

body.page-home.is-preloading .site-nav,
body.page-home.is-preloading .site-fab,
body.page-home:not(.is-chrome-visible) .site-nav,
body.page-home:not(.is-chrome-visible) .site-fab {
  visibility: hidden;
  opacity: 0;
}

@media (max-width: 767.98px) {
  .hero__intro-logo {
    width: 160px;
    height: 160px;
  }

  .hero__intro-scene {
    --coin-size: 112px;
    --coin-depth: 20px;
    perspective: 480px;
  }

  .hero__intro-emblem {
    width: 58px;
    height: 46px;
    max-width: 58px;
    max-height: 46px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero__intro-coin,
  .hero__intro-emblem-glow {
    will-change: auto;
  }
}

/* ─── Global sticky chrome (single nav + FABs) ─── */
:root {
  --site-scale: 1;
}

.site-chrome {
  position: fixed;
  top: 0;
  left: 50%;
  width: 1920px;
  margin-left: -960px;
  height: 970px;
  transform: scale(var(--site-scale));
  transform-origin: top center;
  z-index: 100;
  pointer-events: none;
}

.site-nav {
  position: absolute;
  left: 60px;
  top: 13.41px;
  width: 1800px;
  height: 79.474px;
  pointer-events: auto;
  visibility: hidden;
  opacity: 0;
}

.site-nav__pill {
  width: 100%;
  height: 100%;
  padding: 14px 26px 14px 15px;
  border-radius: 300px;
  /* Static (top of page): white bar so the top logo stays visible */
  background: #fff;
  box-shadow: 0 8px 28px rgba(6, 46, 98, 0.1);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  overflow: visible;
  transition: background-color 0.28s ease, backdrop-filter 0.28s ease, box-shadow 0.28s ease;
}

html.is-header-scrolled .site-nav__pill,
body.is-header-scrolled .site-nav__pill {
  background: rgba(10, 10, 10, 0.92);
  box-shadow: none;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.site-nav__inner {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 24px;
  width: 100%;
  height: 52px;
}

.site-nav__logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: auto;
  height: 52px;
  margin-right: 0;
  grid-column: 1;
}

.site-nav__logo-stack {
  position: relative;
  display: block;
  width: min(220px, 24vw);
  height: 36px;
  flex-shrink: 0;
  /* Fixed box — both logos share identical slot; no layout shift */
  overflow: visible;
}

.site-nav__logo-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: left center;
  transform: scale(1);
  transform-origin: left center;
  will-change: opacity, transform;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.site-nav__logo-img--top {
  opacity: 1;
  visibility: visible;
  /*
   * Top PNG has extra whitespace around the mark; scrolled wordmark is tight.
   * Upsize so static ink matches sticky wordmark visual size.
   */
  --eq-logo-top-match: 1.334;
  width: calc(100% * var(--eq-logo-top-match));
  height: calc(100% * var(--eq-logo-top-match));
  inset: auto;
  top: calc(50% - 50% * var(--eq-logo-top-match));
  left: 0;
}

.site-nav__logo-img--scrolled {
  opacity: 0;
  visibility: hidden;
}

/*
 * Pre-JS only: instant correct logo when refreshed mid-page.
 * Once .eq-logo-ready is set, GSAP owns opacity/visibility (avoids snap vs crossfade).
 */
html:not(.eq-logo-ready).is-header-scrolled .site-nav__logo-img--top {
  opacity: 0;
  visibility: hidden;
}

html:not(.eq-logo-ready).is-header-scrolled .site-nav__logo-img--scrolled {
  opacity: 1;
  visibility: visible;
}

@media (prefers-reduced-motion: reduce) {
  .site-nav__logo-img {
    transition: opacity 0.2s ease;
    will-change: auto;
  }
}

.site-nav__links {
  position: relative;
  left: auto;
  top: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1.25rem, 2.1vw, 2.5rem);
  flex-shrink: 1;
  grid-column: 2;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  transform: none;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  color: var(--color-navy);
  white-space: nowrap;
  overflow: visible;
  transition: color 0.28s ease;
}

html.is-header-scrolled .site-nav__links,
body.is-header-scrolled .site-nav__links {
  color: #fff;
}

/* Nested menu (WP dashboard sub-items) */
.site-nav__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  /* Extra bottom hit area while hovering so the submenu stays open */
  padding-bottom: 0;
}

.site-nav__item--has-children {
  padding-bottom: 0.85rem;
  margin-bottom: -0.85rem;
}

.site-nav__item--has-children > a {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.site-nav__item--has-children > a::after {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 0.42rem;
  height: 0.42rem;
  margin: 0;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  /* Optical center: border chevron sits high in its box after rotate */
  transform: translateY(0.05em) rotate(45deg);
  opacity: 0.75;
  flex-shrink: 0;
}

.site-nav__submenu {
  position: absolute;
  /* Sit flush under the item; visual offset comes from ::before bridge */
  top: 100%;
  left: 50%;
  z-index: 420;
  display: none;
  flex-direction: column;
  align-items: stretch;
  gap: 0.15rem;
  min-width: 13.5rem;
  max-width: min(20rem, 70vw);
  padding: 0.55rem;
  margin: 0;
  border-radius: 0.85rem;
  background: #fff;
  color: var(--color-navy, #062e62);
  box-shadow: 0 14px 40px rgba(6, 46, 98, 0.16);
  white-space: normal;
  transform: translateX(-50%);
}

/* Invisible hit area so the cursor can reach the panel without leaving :hover */
.site-nav__item--has-children > .site-nav__submenu::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 0.85rem;
}

.site-nav__item--has-children:hover > .site-nav__submenu,
.site-nav__item--has-children:focus-within > .site-nav__submenu {
  display: flex;
}

.site-nav__submenu a,
.site-nav__submenu .site-nav__sublink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  padding: 0.65rem 0.8rem;
  border-radius: 0.55rem;
  color: var(--color-navy, #062e62);
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
}

.site-nav__submenu a:hover,
.site-nav__submenu a:focus-visible,
.site-nav__submenu .site-nav__sublink:hover,
.site-nav__submenu .site-nav__sublink:focus-visible {
  background: rgba(6, 46, 98, 0.06);
  outline: none;
}

.site-nav__submenu .site-nav__item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}

.site-nav__submenu .site-nav__item--has-children > a::after {
  display: none;
}

/* Deeper levels stay inside the panel (avoids overflow-x clip / off-screen flyouts) */
.site-nav__submenu .site-nav__submenu,
.site-nav__submenu--nested {
  position: static;
  top: auto;
  left: auto;
  transform: none;
  display: flex;
  min-width: 0;
  width: 100%;
  max-width: none;
  margin: 0.1rem 0 0.25rem;
  padding: 0.15rem 0 0.15rem 0.65rem;
  border-radius: 0.55rem;
  background: rgba(6, 46, 98, 0.04);
  box-shadow: none;
}

html.is-header-scrolled .site-nav__submenu .site-nav__submenu,
html.is-header-scrolled .site-nav__submenu--nested,
body.is-header-scrolled .site-nav__submenu .site-nav__submenu,
body.is-header-scrolled .site-nav__submenu--nested {
  background: rgba(255, 255, 255, 0.06);
  box-shadow: none;
}

.site-nav__submenu .site-nav__item--has-children:hover > .site-nav__submenu,
.site-nav__submenu .site-nav__item--has-children:focus-within > .site-nav__submenu {
  display: flex;
}

html.is-header-scrolled .site-nav__submenu,
body.is-header-scrolled .site-nav__submenu {
  background: #0f1f3a;
  color: #fff;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.35);
}

html.is-header-scrolled .site-nav__submenu a,
html.is-header-scrolled .site-nav__submenu .site-nav__sublink,
body.is-header-scrolled .site-nav__submenu a,
body.is-header-scrolled .site-nav__submenu .site-nav__sublink {
  color: #fff;
}

html.is-header-scrolled .site-nav__submenu a:hover,
html.is-header-scrolled .site-nav__submenu a:focus-visible,
body.is-header-scrolled .site-nav__submenu a:hover,
body.is-header-scrolled .site-nav__submenu a:focus-visible {
  background: rgba(255, 255, 255, 0.1);
}

.site-nav__actions {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 40px;
  flex-shrink: 0;
  width: auto;
  margin-left: 0;
  grid-column: 3;
}

.site-nav__cart {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.site-nav__cart:hover {
  transform: scale(1.1);
  opacity: 0.85;
}

.site-nav__cart:active {
  transform: scale(0.94);
}

.site-nav__cart:focus-visible {
  outline: 2px solid var(--color-navy);
  outline-offset: 3px;
  border-radius: 4px;
}

html.is-header-scrolled .site-nav__cart:focus-visible,
body.is-header-scrolled .site-nav__cart:focus-visible {
  outline-color: #fff;
}

.site-nav__cart img {
  width: 32px;
  height: 32px;
  /* White SVG icons → navy on static white header */
  filter: brightness(0) saturate(100%) invert(14%) sepia(62%) saturate(1800%) hue-rotate(195deg) brightness(92%) contrast(101%);
  transition: filter 0.28s ease;
}

html.is-header-scrolled .site-nav__cart img,
body.is-header-scrolled .site-nav__cart img {
  filter: none;
}

.site-nav__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 157px;
  height: 41px;
  padding: 6px 12px;
  border-radius: 32px;
  /* Top of page: outlined red CTA on white header */
  border: 0.5px solid var(--color-red);
  background: #fff;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 18px;
  color: var(--color-red);
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease,
    background 0.32s ease,
    color 0.32s ease,
    border-color 0.32s ease;
}

.site-nav__cta-icon {
  display: none;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.site-nav__cta-label {
  display: inline;
}

/* Scrolled: current red CTA */
html.is-header-scrolled .site-nav__cta,
body.is-header-scrolled .site-nav__cta {
  border-color: var(--color-red-border);
  background:
    radial-gradient(ellipse at center top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, var(--color-red) 0%, var(--color-red) 100%);
  color: #fff;
}

.site-nav__cta:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: var(--btn-shadow-hover);
}

html.is-header-scrolled .site-nav__cta:hover,
body.is-header-scrolled .site-nav__cta:hover {
  filter: brightness(1.1);
}

.site-nav__cta:active {
  transform: translateY(0);
  filter: brightness(0.96);
  box-shadow: var(--btn-shadow-active);
}

.site-nav__cta:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.site-fab {
  position: fixed;
  z-index: 1000;
  right: calc((100vw - min(100vw, 1920px)) / 2 + 7.541px);
  bottom: calc(11.128px * var(--site-scale));
  display: flex;
  flex-direction: column;
  gap: 9.955px;
  width: 46.459px;
  min-height: calc(102.872px * var(--site-scale));
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transform: scale(var(--site-scale));
  transform-origin: bottom right;
}

.site-fab__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46.459px;
  height: 46.459px;
  border-radius: 50%;
  flex-shrink: 0;
  pointer-events: auto;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.site-fab__btn:hover {
  transform: scale(1.06);
}

.site-fab__btn--whatsapp:hover {
  box-shadow:
    0 12px 28px rgba(37, 211, 102, 0.45),
    0 8.296px 12.444px -2.489px rgba(0, 0, 0, 0.1);
}

.site-fab__btn--phone:hover {
  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.14),
    0 3.318px 4.978px -3.318px rgba(0, 0, 0, 0.1);
}

.site-fab__btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.site-fab__btn:active {
  transform: scale(0.96);
}

.site-fab__btn--whatsapp {
  background: var(--color-whatsapp);
  box-shadow:
    0 8.296px 12.444px -2.489px rgba(0, 0, 0, 0.1),
    0 3.318px 4.978px -3.318px rgba(0, 0, 0, 0.1);
}

.site-fab__btn--phone {
  background: #fff;
  box-shadow:
    0 3.318px 4.978px -3.318px rgba(0, 0, 0, 0.1),
    0 0 0 1px rgba(0, 0, 0, 0.04);
}

.site-fab__btn img {
  object-fit: contain;
}

.site-fab__btn--whatsapp img {
  width: 23.229px;
  height: 23.229px;
}

.site-fab__btn--phone img {
  width: 19.911px;
  height: 19.911px;
}

.hero.is-final ~ .site-chrome .site-nav,
body.is-chrome-visible .site-nav {
  visibility: visible;
  opacity: 1;
  transform: none !important;
}

body.is-chrome-visible .site-fab {
  visibility: visible;
  opacity: 1;
  transform: scale(var(--site-scale));
}

/* ─── Navigation (removed from hero — global site-nav used) ─── */

/* ─── Hero copy 1:199 — Frame 4: 757.393×176 ─── */
.hero__content {
  position: absolute;
  z-index: 5;
  left: 581.297px;
  top: 426.677px;
  width: 757.393px;
  height: 176px;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
}

/* Headline block 1:201 — 747.627×118 */
.hero__headline {
  width: 757.393px;
  height: 118px;
  flex-shrink: 0;
}

.hero__headline-row {
  position: relative;
  width: 747.627px;
  height: 58.673px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hero__headline-row--1 {
  height: 58.673px;
}

.hero__headline-bar {
  position: absolute;
  left: 19.648px;
  top: 0;
  width: 704.543px;
  height: 55.747px;
  background: var(--color-red);
  transform-origin: left center;
  transform: scaleX(0);
  opacity: 0;
  z-index: 0;
}

.hero__headline-text {
  position: relative;
  z-index: 1;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 48.557px;
  line-height: 58.673px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

/* Subheadline 1:202 — y:128, 757.393×48, gap 10px from headline */
.hero__subheadline {
  width: 757.393px;
  height: 48px;
  margin-top: 10px;
  flex-shrink: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  overflow: hidden;
}

.hero__subheadline.is-final {
  font-weight: 500;
}

/* Partners 1:229 — y:655 (52.323px below content bottom) */
.hero__partners {
  position: absolute;
  z-index: 6;
  left: 392.492px;
  top: 655px;
  width: 1135px;
  height: 49.721px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}

.hero__partners-track {
  display: flex;
  width: max-content;
  height: 49.721px;
  will-change: transform;
}

.hero__partners-set {
  display: flex;
  align-items: center;
  gap: 50px;
  padding-right: 50px;
  opacity: 0.4;
  flex-shrink: 0;
  height: 49.721px;
}

.hero__partners-set img {
  object-fit: contain;
  flex-shrink: 0;
}

.hero__partners-set img:nth-child(1) { width: 136.85px; height: 30.423px; }
.hero__partners-set img:nth-child(2) { width: 111.491px; height: 32.365px; }
.hero__partners-set img:nth-child(3) { width: 127.33px; height: 24.997px; }
.hero__partners-set img:nth-child(4) { width: 124.327px; height: 21.292px; }
.hero__partners-set img:nth-child(5) { width: 97.499px; height: 49.721px; }
.hero__partners-set img:nth-child(6) { width: 109.006px; height: 43.482px; }
.hero__partners-set img:nth-child(7) { width: 129.223px; height: 48.328px; }

/* ─── Section 2 — Figma frames 1:240 → 1:416 (1920×970) ─── */
.discovery {
  width: 100%;
  background: #0b0606;
}

.discovery__scroll {
  position: relative;
}

.discovery__pin {
  width: 100%;
  height: var(--stage-height);
  min-height: var(--stage-height);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(180deg, #1a1a1a 0%, #0b0606 100%);
}

.discovery__viewport {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: visible;
}

.discovery__stage {
  position: relative;
  width: 1920px;
  height: 970px;
  transform-origin: top center;
  isolation: isolate;
  overflow: visible;
}

/* Figma node 1:427 / 1:251 — always-visible dark gradient */
.discovery__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, #1a1a1a 0%, #0b0606 100%);
  transform-origin: center top;
}

.discovery__hero-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: visible;
  opacity: 1;
  visibility: visible;
}

/* Pre-reveal: hide copy/emblem until GSAP plays (avoids static flash) */
.discovery.has-motion:not(.is-revealed) .discovery__heading,
.discovery.has-motion:not(.is-revealed) .discovery__logo,
.discovery.has-motion:not(.is-revealed) .discovery__subtext p {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .discovery.has-motion:not(.is-revealed) .discovery__heading,
  .discovery.has-motion:not(.is-revealed) .discovery__logo,
  .discovery.has-motion:not(.is-revealed) .discovery__subtext p {
    opacity: 1;
  }
}

/* Figma final frame — grouped and vertically centered in the 970px stage */
.discovery__hero-inner {
  position: absolute;
  left: 0;
  top: 50%;
  width: 1920px;
  height: 491.23px;
  transform: translateY(-50%);
}

/* Heading — node 1:429 */
.discovery__heading {
  position: absolute;
  z-index: 4;
  left: 136.99px;
  top: 0;
  width: 615.11px;
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 64px;
  line-height: 66.7px;
  color: #fff;
  overflow: hidden;
}

/* Subtext — node 1:434 */
.discovery__subtext {
  position: absolute;
  z-index: 4;
  left: 1262px;
  top: 344.15px;
  width: 542.05px;
  height: 253px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  color: #fff;
}

.discovery__subtext p {
  margin: 0 0 18px;
  width: 542.05px;
}

.discovery__subtext p:last-child {
  margin-bottom: 0;
}

/* Center logo — node 1:439 */
.discovery__logo {
  position: absolute;
  z-index: 1;
  left: 730.07px;
  top: 123.01px;
  width: 459.87px;
  height: 368.22px;
  pointer-events: none;
}

.discovery__logo-mask {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../assets/images/discovery-logo-cutout.svg");
  mask-image: url("../assets/images/discovery-logo-cutout.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center;
  mask-position: center;
}

.discovery__logo-bg {
  position: absolute;
  inset: -18%;
  animation: none;
}

/* Emblem pan only after reveal — intentional, not decorative noise */
.discovery__logo.is-alive .discovery__logo-bg {
  animation: discovery-logo-pan 14s ease-in-out infinite alternate;
}

.discovery__logo-video,
.discovery__logo-fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.discovery__logo-fallback {
  display: none;
}

.discovery__logo-video.is-unavailable {
  display: none;
}

.discovery__logo-video.is-unavailable + .discovery__logo-fallback {
  display: block;
}

.discovery__logo-tint {
  position: absolute;
  inset: 0;
  background: rgba(237, 3, 8, 0.48);
  mix-blend-mode: multiply;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .discovery__logo-bg {
    animation: none;
    inset: -10%;
  }
}

@keyframes discovery-logo-pan {
  0% {
    transform: scale(1.06) translate(-1.5%, -1%);
  }

  100% {
    transform: scale(1.16) translate(1.5%, 1%);
  }
}

/* ─── Equipment section — Figma nodes 1:537–1:1029 ─── */
.equipment {
  width: 100%;
  background: #fcfcfc;
}

.equipment__scroll {
  position: relative;
}

.equipment__pin {
  width: 100%;
  height: var(--stage-height);
  min-height: var(--stage-height);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: visible;
  background: #fcfcfc;
}

.equipment__viewport {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: visible;
  transform: none;
}

.equipment__stage {
  position: relative;
  width: 1920px;
  height: 970px;
  transform-origin: top center;
  isolation: isolate;
  overflow: visible;
}

.equipment__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #fcfcfc;
}

.equipment__heading,
.equipment__card,
.equipment__cards-track {
  backface-visibility: hidden;
}

/* Heading — centered above product row */
.equipment__heading {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 86px;
  width: 900px;
  margin: 0;
  transform: translateX(-50%);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 64px;
  line-height: 58.673px;
  color: #000;
  text-align: center;
  overflow: hidden;
}

/* Pre-reveal hide — prevents static flash before GSAP owns the section */
.equipment.has-motion:not(.is-revealed) .equipment__heading,
.equipment.has-motion:not(.is-revealed) .equipment__card {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .equipment.has-motion:not(.is-revealed) .equipment__heading,
  .equipment.has-motion:not(.is-revealed) .equipment__card {
    opacity: 1;
  }
}

/* Cards — single unified track */
.equipment__cards-wrap {
  position: absolute;
  z-index: 3;
  left: 62px;
  right: 0;
  top: 265px;
  width: auto;
  max-width: none;
  height: 487px;
  pointer-events: none;
  overflow: hidden;
}

.equipment__cards-clip {
  position: absolute;
  left: -3px;
  right: 0;
  top: 0;
  width: auto;
  height: 487px;
  overflow: hidden;
}

.equipment__cards-track {
  position: absolute;
  left: 0;
  top: 0;
  width: 3888px;
  height: 487px;
  will-change: transform;
}

.equipment__card {
  position: absolute;
  top: 0;
  left: 0;
  width: 464px;
  height: 487px;
  pointer-events: auto;
  z-index: 1;
}

.equipment__card.is-hover {
  z-index: 4;
}

.equipment__card-link {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  outline: none;
}

.equipment__card-visual {
  position: absolute;
  left: -0.59px;
  top: 0;
  width: 463.854px;
  height: 371.642px;
  border-radius: 20px;
  background: #eee;
  backdrop-filter: blur(27px);
  -webkit-backdrop-filter: blur(27px);
  overflow: hidden;
  transition: transform 0.28s ease, background-color 0.28s ease;
}

.equipment__card.is-hover .equipment__card-visual {
  transform: scale(1.02);
  background: #e4e4e4;
}

.equipment__card-caption {
  position: absolute;
  left: -0.59px;
  top: 381.64px;
  width: 463.854px;
  height: 95.375px;
  border-radius: 20px;
  background: #eee;
  backdrop-filter: blur(27px);
  -webkit-backdrop-filter: blur(27px);
}

.equipment__card-title {
  position: absolute;
  left: 31.57px;
  top: 19.69px;
  margin: 0;
  width: 399.543px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #000;
}

.equipment__card-name {
  color: var(--color-red);
}

/* Product photo frames — Figma nodes 1:957–1:977 / Component 2 */
.equipment__card-photo {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
}

.equipment__card-photo--contain {
  left: 78.15px;
  top: 46.34px;
  width: 307.553px;
  height: 278.969px;
}

.equipment__card-photo--crop-a {
  left: 78.15px;
  top: 46.34px;
  width: 307.553px;
  height: 278.969px;
}

.equipment__card-photo--crop-b {
  left: 44.85px;
  top: 68.8px;
  width: 374.146px;
  height: 262.018px;
}

.equipment__card-img {
  position: absolute;
  pointer-events: none;
  max-width: none;
  transition: opacity 0.22s ease;
}

.equipment__card.is-hover .equipment__card-img {
  opacity: 0.92;
}

.equipment__card-photo--contain .equipment__card-img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.equipment__card-photo--crop-a .equipment__card-img {
  width: 144.99%;
  height: 115.39%;
  left: -22.5%;
  top: -7.7%;
}

.equipment__card-photo--crop-b .equipment__card-img {
  width: 125.63%;
  height: 129.52%;
  left: -12.81%;
  top: -20.1%;
}

/* Static section — continuous product slider handled in JS */

@media (prefers-reduced-motion: reduce) {
  .equipment__viewport {
    transform: none;
  }
}

/* ─── Section 4 — Services (static compact layout) ─── */
.services {
  width: 100%;
  background: #141212;
}

.services__scroll {
  position: relative;
}

.services__pin {
  width: 100%;
  height: auto;
  min-height: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  background: #141212;
}

.services__viewport {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  transform: none;
}

.services__stage {
  position: relative;
  width: 1920px;
  height: 1280px;
  transform-origin: top center;
  isolation: isolate;
  overflow: hidden;
}

.services__rig {
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1280px;
}

.services__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1280px;
  z-index: 0;
  background: #141212;
}

.services__hero,
.services__list,
.services__row {
  backface-visibility: hidden;
}

/* Hero block — tightened top spacing */
.services__hero {
  position: absolute;
  z-index: 2;
  left: 63.77px;
  top: 72px;
  width: 1770.26px;
  height: 280px;
}

.services__heading {
  position: absolute;
  left: 0;
  top: 0;
  width: 520px;
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 64px;
  line-height: 58.673px;
  color: #fff;
  white-space: normal;
}

.services__intro {
  position: absolute;
  left: 1228.21px;
  top: 160px;
  width: 542.05px;
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.35;
  color: #fff;
}

/* Pre-reveal — hide until GSAP owns the choreography */
.services.has-motion:not(.is-revealed) .services__heading,
.services.has-motion:not(.is-revealed) .services__intro,
.services.has-motion:not(.is-revealed) .services__row-title,
.services.has-motion:not(.is-revealed) .services__row-desc,
.services.has-motion:not(.is-revealed) .services__row-cta,
.services.has-motion:not(.is-revealed) .services__row-divider {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .services.has-motion:not(.is-revealed) .services__heading,
  .services.has-motion:not(.is-revealed) .services__intro,
  .services.has-motion:not(.is-revealed) .services__row-title,
  .services.has-motion:not(.is-revealed) .services__row-desc,
  .services.has-motion:not(.is-revealed) .services__row-cta,
  .services.has-motion:not(.is-revealed) .services__row-divider {
    opacity: 1;
  }
}

/* Service rows — tighter rhythm */
.services__list {
  position: absolute;
  z-index: 3;
  left: 60px;
  top: 380px;
  width: 1800px;
  height: auto;
  padding-bottom: 64px;
  box-sizing: border-box;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.services__rows {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.services__row-group {
  position: relative;
  width: 100%;
  height: 168px;
  flex-shrink: 0;
  z-index: 1;
}

.services__row-group:hover,
.services__row-group.is-active {
  z-index: 5;
}

.services__row-group--last {
  height: 110px;
}

.services__row {
  position: absolute;
  left: 0;
  top: 62px;
  width: 1800px;
  height: 43px;
  cursor: default;
}

.services__row-divider {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.18);
  transform-origin: left center;
}

.services__row-group > .services__row-divider:first-child {
  top: 0;
}

.services__row-divider--bottom {
  bottom: 0;
  top: auto;
}

.services__row-title {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  max-width: 960px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  color: #fff;
  white-space: nowrap;
}

.services__row-desc {
  position: absolute;
  left: 1018.19px;
  top: -5.5px;
  margin: 0;
  width: 340px;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.35;
  color: #fff;
}

.services__row-cta {
  position: absolute;
  top: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 157px;
  height: 41px;
  padding: 6px 12px;
  border-radius: 32px;
  border: 0.5px solid var(--color-red-border);
  background:
    radial-gradient(ellipse at center top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, var(--color-red) 0%, var(--color-red) 100%);
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  transition: var(--btn-transition);
}

.services__row-cta:hover,
.services__row-group:hover .services__row-cta:hover {
  transform: scale(1.05) translateY(-2px);
  filter: brightness(1.1);
  box-shadow: var(--btn-shadow-hover);
}

.services__row-cta:active,
.services__row-group:hover .services__row-cta:active {
  transform: scale(1.02) translateY(0);
  filter: brightness(0.96);
  box-shadow: var(--btn-shadow-active);
}

.services__row-cta:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.services__row-group:nth-child(1) .services__row-cta {
  left: 1642.76px;
}

.services__row-group:nth-child(2) .services__row-cta {
  left: 1642.13px;
}

.services__row-group:nth-child(2) .services__row-desc {
  top: -5px;
}

.services__row-group:nth-child(3) .services__row-cta {
  left: 1637.13px;
}

.services__row-group:nth-child(3) .services__row-desc {
  top: -5px;
}

.services__row-group:nth-child(4) .services__row-cta {
  left: 1643.61px;
  top: 3.5px;
}

.services__row-group:nth-child(4) .services__row-desc {
  top: -4px;
}

.services__row-group:nth-child(5) .services__row-cta {
  left: 1645.33px;
}

.services__row-group:nth-child(5) .services__row-desc {
  top: -6px;
}

.services__row-group:hover .services__row-cta,
.services__row-group.is-active .services__row-cta {
  transform: scale(1.02);
  filter: brightness(1.05);
}

/* Floating product preview — disabled on homepage */
.services__product-float {
  display: none !important;
}

.services__product-float.is-visible {
  display: none !important;
}

.services__product-card {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: #eee;
  overflow: hidden;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
}

.services__product-photo {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
}

.services__product-photo--crop-b {
  left: 24px;
  top: 36px;
  width: 272px;
  height: 190px;
}

.services__product-photo--contain {
  left: 36px;
  top: 36px;
  width: 248px;
  height: 224px;
}

.services__product-photo--crop-a {
  left: 36px;
  top: 36px;
  width: 248px;
  height: 224px;
}

.services__product-photo--crop-b .services__product-img {
  width: 125.63%;
  height: 129.52%;
  left: -12.81%;
  top: -20.1%;
}

.services__product-photo--contain .services__product-img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  left: 0;
  top: 0;
}

.services__product-photo--crop-a .services__product-img {
  width: 144.99%;
  height: 115.39%;
  left: -22.5%;
  top: -7.7%;
}

.services__product-img {
  position: absolute;
  pointer-events: none;
  max-width: none;
}

.services.is-final .services__list {
  pointer-events: auto;
}

.services.is-final .services__row-group {
  pointer-events: auto;
}

.services.is-final .services__viewport {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .services__viewport {
    transform: none;
  }
}

/* ─── Applications (scroll) + New Products (static) ─── */
.applications {
  width: 100%;
  background: #fff;
}

.applications__scroll {
  position: relative;
}

.applications__pin {
  width: 100%;
  height: var(--stage-height);
  min-height: var(--stage-height);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  background: #fff;
}

.applications__viewport {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  transform: translate3d(0, var(--applications-slide-y, 360px), 0);
}

.applications__stage {
  position: relative;
  width: 1920px;
  height: 3800px;
  transform-origin: top center;
  isolation: isolate;
  overflow: hidden;
}

.applications__rig {
  position: absolute;
  inset: 0;
  will-change: transform;
}

.applications__bg {
  position: absolute;
  left: 0;
  width: 1920px;
  pointer-events: none;
}

.applications__bg--white {
  top: -31.13px;
  height: 3831.13px;
  background: #fff;
  z-index: 0;
}

.applications__hero-rail {
  position: absolute;
  z-index: 3;
  pointer-events: none;
}

.applications__hero-rail--apps {
  left: calc(50% - 365px);
  top: 486px;
  bottom: 0;
  width: 751px;
}

.applications__hero-sticky {
  position: relative;
  width: 751px;
  height: 494px;
  overflow: visible;
  pointer-events: auto;
  will-change: transform;
}

.applications__hero-sticky--apps .applications__title {
  position: absolute;
  top: calc(50% + 205px);
  left: calc(50% - 375.5px);
  transform: translateY(-50%);
  margin: 0;
  width: 751px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 120px;
  line-height: normal;
  color: #000;
}

.applications__hero-sticky--apps .applications__desc {
  position: absolute;
  bottom: -75.5px;
  left: 50%;
  transform: translate(-50%, 50%);
  margin: 0;
  width: 750.865px;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  color: #000;
  text-align: center;
}

.applications__hero-sticky--apps .applications__cta {
  position: absolute;
  bottom: -180px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 195px;
  height: 41px;
  padding: 6px 12px;
  border-radius: 32px;
  border: 0.5px solid var(--color-red-border);
  background:
    radial-gradient(ellipse at center top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, var(--color-red) 0%, var(--color-red) 100%);
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  transition: var(--btn-transition);
}

.applications__hero-sticky--apps .applications__cta:hover {
  transform: translateX(-50%) translateY(-2px);
  filter: brightness(1.1);
  box-shadow: var(--btn-shadow-hover);
}

.applications__hero-sticky--apps .applications__cta:active {
  transform: translateX(-50%) translateY(0);
  filter: brightness(0.96);
  box-shadow: var(--btn-shadow-active);
}

.applications__hero-sticky--apps .applications__cta:focus-visible {
  outline: 2px solid var(--color-red);
  outline-offset: 3px;
}

.applications__scroll .applications__cards {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  display: block;
  max-width: none;
  margin: 0;
  gap: 0;
  grid-template-columns: none;
}

.applications__scroll .applications__card {
  position: absolute;
  width: 361.616px;
  display: flex;
  flex-direction: column;
  gap: 4.894px;
  opacity: 0;
  will-change: transform, opacity;
}

.applications__card--1 {
  left: 361.805px;
  top: 1865px;
}

.applications__card--2 {
  left: 1354.738px;
  top: 2319.9px;
}

.applications__card--3 {
  left: 180.996px;
  top: 2608.38px;
}

.applications__card--4 {
  left: 1112.502px;
  top: 3063.45px;
}

.applications__scroll .applications__card-photo {
  width: 100%;
  height: 476.707px;
  aspect-ratio: auto;
  border-radius: 30px;
  overflow: hidden;
  transform-origin: center bottom;
}

.applications__scroll .applications__card-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}

.applications__card--4 .applications__card-photo img {
  object-position: center;
}

.applications__scroll .applications__card-label {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 61.17px;
  min-height: 0;
  border-radius: 186.849px;
  background: #070371;
  backdrop-filter: blur(17.315px);
  -webkit-backdrop-filter: blur(17.315px);
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 22.84px;
  color: #fff;
  padding: 0;
}

.applications.is-final .applications__viewport {
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  .applications__viewport {
    transform: none;
  }
}

/* New Products — static block below Applications scroll */
.applications__block--products {
  width: 100%;
  box-sizing: border-box;
  background: #141212;
  padding: 96px 48px 110px;
  overflow: hidden;
}

.applications__block--products.has-products-motion:not(.is-revealed) .applications__title {
  opacity: 0;
}

.applications__products-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.625rem, 1.2vw, 0.75rem);
  width: 100%;
  max-width: 100%;
  justify-content: stretch;
  align-items: stretch;
  overflow: visible;
  perspective: 1200px;
  box-sizing: border-box;
}

.applications__products-intro {
  max-width: 900px;
  margin: 0 auto 64px;
  text-align: center;
}

.applications__block--products .applications__title {
  margin: 0 0 24px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(48px, 6vw, 96px);
  line-height: 1.05;
  color: #fff;
}

.applications__block--products .applications__desc {
  margin: 0 auto;
  max-width: 750px;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.45;
  color: #fff;
  text-align: center;
}

.applications__products {
  position: relative;
  width: 100%;
  max-width: min(1900px, 100%);
  margin: 0 auto;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  overflow: visible;
  padding-inline: var(--eq-page-gutter, 1.25rem);
  box-sizing: border-box;
}

.applications__block--products.has-products-motion .applications__product {
  transform-style: preserve-3d;
  will-change: transform, opacity;
}

.applications__block--products.has-products-motion .applications__product-visual,
.applications__block--products.has-products-motion .applications__product-caption,
.applications__block--products.has-products-motion .applications__product-plus-mark {
  transition: none;
}

.applications__block--products.has-products-motion.is-revealed .applications__product {
  will-change: auto;
}

.applications__product {
  position: relative;
  left: auto;
  top: auto;
  flex: none;
  width: 100%;
  min-width: 0;
  height: auto;
  margin: 0;
  pointer-events: auto;
  z-index: 1;
}

.applications__product.is-hover {
  z-index: 3;
}

.applications__product-link {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 100%;
  min-width: 0;
  height: auto;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  outline: none;
}

.applications__product-visual {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  aspect-ratio: 464 / 372;
  border-radius: clamp(12px, 1.2vw, 20px);
  background: #eee;
  overflow: hidden;
  transition: background-color 0.2s ease;
}

.applications__product.is-hover .applications__product-visual,
.applications__products.is-spread .applications__product-visual,
.applications__products.is-active .applications__product-visual {
  background: #212121;
}

.applications__product-caption {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 4.75rem;
  padding: 0.85rem 1rem;
  border-radius: clamp(12px, 1.2vw, 20px);
  background: #eee;
  pointer-events: none;
  opacity: 0;
  box-sizing: border-box;
  transition: background-color 0.2s ease, opacity 0.15s ease;
}

.applications__product.is-hover .applications__product-caption,
.applications__products.is-spread .applications__product-caption,
.applications__products.is-active .applications__product-caption {
  background: #212121;
  opacity: 1;
}

.applications__product-title {
  position: relative;
  left: auto;
  top: auto;
  margin: 0;
  width: 100%;
  max-width: 100%;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(0.95rem, 1.15vw, 1.35rem);
  line-height: 1.3;
  color: #000;
  text-align: left;
  overflow-wrap: anywhere;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  transition: color 0.2s ease;
}

.applications__product.is-hover .applications__product-title,
.applications__products.is-spread .applications__product-title,
.applications__products.is-active .applications__product-title {
  color: #fff;
}

.applications__product-name {
  color: var(--color-red);
}

.applications__product-photo {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.applications__product-photo--empty {
  opacity: 0;
}

.applications__product-photo--contain {
  left: 50%;
  top: 50%;
  width: 66%;
  height: 75%;
  transform: translate(-50%, -50%);
}

.applications__product-photo--crop-a {
  left: 50%;
  top: 50%;
  width: 66%;
  height: 75%;
  transform: translate(-50%, -50%);
}

.applications__product-photo--crop-b {
  left: 50%;
  top: 52%;
  width: 80%;
  height: 70%;
  transform: translate(-50%, -50%);
}

.applications__product-img {
  position: absolute;
  pointer-events: none;
  max-width: none;
  transition: opacity 0.2s ease;
}

.applications__product-photo--contain .applications__product-img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.applications__product-photo--crop-a .applications__product-img {
  width: 144.99%;
  height: 115.39%;
  left: -22.5%;
  top: -7.7%;
}

.applications__product-photo--crop-b .applications__product-img {
  width: 125.63%;
  height: 129.52%;
  left: -12.81%;
  top: -22.5%;
}

.applications__product-plus-mark {
  position: absolute;
  left: auto;
  right: clamp(0.65rem, 1.2vw, 1.1rem);
  top: clamp(0.65rem, 1.2vw, 1.1rem);
  width: clamp(2.25rem, 3vw, 3.125rem);
  height: clamp(2.15rem, 2.9vw, 3rem);
  border-radius: 8px;
  background: var(--color-red);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 2;
}

.applications__product.is-hover .applications__product-plus-mark,
.applications__products.is-spread .applications__product-plus-mark,
.applications__products.is-active .applications__product-plus-mark {
  opacity: 1;
}

.applications__product-plus-mark::before,
.applications__product-plus-mark::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
  border-radius: 1px;
}

.applications__product-plus-mark::before {
  width: 42%;
  height: 3px;
}

.applications__product-plus-mark::after {
  width: 3px;
  height: 42%;
}

@media (max-width: 1399.98px) {
  .applications__products-track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1079.98px) {
  .applications__products-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .applications__block--products {
    padding: 64px 20px 72px;
  }

  .applications__products-track {
    grid-template-columns: 1fr;
  }

  .applications__product {
    width: 100%;
    height: auto;
  }

  .applications__product-visual,
  .applications__product-caption {
    width: 100%;
  }
}

/* ─── Section 5 — CTA (Figma frames 1:1303 → 1:1412) ─── */
.cta {
  width: 100%;
  background: #fff;
}

.cta__scroll {
  position: relative;
}

.cta__pin {
  width: 100%;
  height: var(--stage-height);
  min-height: var(--stage-height);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  background: #141212;
}

.cta__viewport {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  transform: translate3d(0, var(--cta-slide-y, 640px), 0);
}

.cta__stage {
  position: relative;
  width: 1920px;
  height: 970px;
  transform-origin: top center;
  isolation: isolate;
  overflow: hidden;
}

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

.cta__bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center center;
  will-change: transform;
}

.cta__bg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.7);
}

.cta__curtain {
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 970px;
  background: #141212;
  z-index: 2;
  will-change: transform, width, left;
}

.cta__content {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.cta__copy {
  position: relative;
  width: 1073.838px;
  height: 271.674px;
  --cta-heading-offset: 1.67px;
}

.cta__heading {
  position: absolute;
  inset: 0;
  margin: 0;
}

.cta__heading-text {
  position: absolute;
  left: 50%;
  top: calc(50% - var(--cta-heading-offset, 1.67px));
  transform: translate(-50%, -50%);
  width: 1073.838px;
  height: 169.18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 64px;
  line-height: normal;
  text-align: center;
}

.cta__heading-text--light {
  color: #141212;
  clip-path: inset(0 100% 0 0);
}

.cta__heading-text--dark {
  color: #fff;
  clip-path: inset(0 0 0 0);
}

.cta__heading-reveal {
  position: absolute;
  top: calc(50% - var(--cta-heading-offset, 1.67px));
  transform: translateY(-50%);
  height: 169.18px;
  overflow: hidden;
  pointer-events: none;
}

.cta__heading-reveal-text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1073.838px;
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 64px;
  line-height: normal;
  text-align: center;
  color: #fff;
}

.cta__heading-cover {
  position: absolute;
  top: calc(50% - var(--cta-heading-offset, 1.67px));
  transform: translateY(-50%);
  height: 223.551px;
  background: #141212;
  pointer-events: none;
}

.cta__desc {
  position: absolute;
  left: 50%;
  bottom: 84.29px;
  top: auto;
  transform: translate(-50%, 50%);
  width: 886.033px;
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  text-align: center;
  color: #000;
  opacity: 0;
  pointer-events: none;
}

.cta__cta {
  position: absolute;
  left: 50%;
  top: 230.84px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 211px;
  height: 41px;
  padding: 6px 12px;
  border-radius: 32px;
  border: 0.5px solid var(--color-red-border);
  background:
    radial-gradient(ellipse at center top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, var(--color-red) 0%, var(--color-red) 100%);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  opacity: 0;
  pointer-events: auto;
  transition: var(--btn-transition);
}

.cta__cta:hover {
  transform: translateX(-50%) translateY(-2px);
  filter: brightness(1.1);
  box-shadow: var(--btn-shadow-hover);
}

.cta__cta:active {
  transform: translateX(-50%) translateY(0);
  filter: brightness(0.96);
  box-shadow: var(--btn-shadow-active);
}

.cta__cta:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.cta.is-final .cta__copy {
  --cta-heading-offset: 74.84px;
}

.cta.is-final .cta__viewport {
  transform: translate3d(0, 0, 0);
}

.cta.is-final .cta__heading-text--light {
  clip-path: none;
}

.cta.is-final .cta__heading-text--dark {
  clip-path: inset(0 0 0 100%);
}

.cta.is-final .cta__heading-reveal,
.cta.is-final .cta__heading-cover,
.cta.is-final .cta__curtain {
  opacity: 0;
  visibility: hidden;
}

.cta.is-final .cta__desc,
.cta.is-final .cta__cta {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .cta__viewport {
    transform: none;
  }
}

/* ─── Final state (frame 7) — no GSAP transforms ─── */
.hero.is-final .hero__intro-logo,
.hero.is-final .hero__curtain,
.hero__curtain.is-hidden {
  display: none !important;
}

.hero.is-final .hero__overlay {
  background: var(--color-overlay-final);
}

.hero.is-final .hero__content,
.hero.is-final .hero__partners {
  visibility: visible;
  opacity: 1;
  transform: none !important;
}

.hero.is-final .hero__headline-bar {
  transform: none;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .hero__partners-track {
    animation: none !important;
  }

  .hero__intro-emblem-glow,
  .hero__intro-coin {
    animation: none !important;
    transition: none !important;
  }
}

/* ─── Section 6 — FAQ, Contact, Footer (Figma 1:1437 — 1920×2644) ─── */
.section-six {
  width: 100%;
  background: #fff;
}

.section-six__viewport {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.section-six__stage {
  position: relative;
  width: 1920px;
  height: 2644px;
  transform-origin: top center;
  background: #fff;
}

.faq {
  position: absolute;
  left: 0;
  top: 0;
  width: 1920px;
  height: 1175px;
}

.faq__intro {
  position: absolute;
  left: 60px;
  top: 243.38px;
  width: 1144px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.faq__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 64px;
  line-height: normal;
  color: #141212;
}

.faq__subtitle {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  color: #000;
}

.faq__list {
  position: absolute;
  left: 60px;
  top: 391.77px;
  width: 1806px;
}

.faq__item {
  position: relative;
  width: 1806px;
}

.faq__item--last {
  min-height: 86.604px;
}

.faq__item + .faq__item > .faq__item-divider:first-child {
  display: none;
}

.faq__item-divider {
  width: 1799.938px;
  height: 1px;
  background: #d9d9d9;
}

.faq__item-body {
  padding: 50px 0;
}

.faq__item--last .faq__item-body {
  padding-bottom: 0;
}

.faq__item-trigger {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  color: inherit;
  transition: opacity 0.2s ease;
}

.faq__item-trigger:hover .faq__item-question {
  color: var(--color-red);
}

.faq__item-trigger:hover .faq__item-rule {
  opacity: 0.75;
}

.faq__item-trigger:hover .faq__item-icon {
  transform: scale(1.08);
}

.faq__item.is-open .faq__item-trigger:hover .faq__item-icon {
  transform: rotate(45deg) scale(1.08);
}

.faq__item-trigger:focus-visible {
  outline: 2px solid var(--color-red);
  outline-offset: 4px;
  border-radius: 4px;
}

.faq__item-head {
  display: flex;
  align-items: center;
  gap: 45.754px;
  flex-shrink: 0;
}

.faq__item-num {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 28px;
  line-height: normal;
  color: var(--color-red);
  min-width: 32px;
}

.faq__item-question {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 28px;
  line-height: normal;
  color: #141212;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.faq__item-rule {
  flex: 1;
  height: 2px;
  margin: 0 24px;
  background: var(--color-red);
  transform: translateY(0.5px);
  transition: opacity 0.2s ease;
}

.faq__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36.604px;
  height: 36.604px;
  flex-shrink: 0;
  transition: transform 0.45s cubic-bezier(0.45, 0, 0.2, 1);
}

.faq__item-icon img {
  display: block;
  width: 36.604px;
  height: 36.604px;
}

.faq__item.is-open .faq__item-icon {
  transform: rotate(45deg);
}

.faq__item-panel {
  height: 0;
  overflow: hidden;
}

.faq__item-panel[hidden] {
  display: block;
}

.faq__item-answer {
  padding: 24px 0 0 77.754px;
  max-width: 980px;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.45;
  color: #000;
}

.contact {
  position: absolute;
  left: 0;
  top: 1175px;
  width: 1920px;
  height: 879px;
}

.contact__shell {
  position: absolute;
  left: 10px;
  top: 0;
  width: 1900px;
  height: 879px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(ellipse 1900px 879px at 50% 0%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, var(--color-red) 0%, var(--color-red) 100%);
}

.contact__grid-lines {
  position: absolute;
  left: 210px;
  top: -2px;
  width: 1477px;
  height: 531px;
  opacity: 0.3;
  mix-blend-mode: plus-lighter;
  pointer-events: none;
  background-image: repeating-linear-gradient(
    90deg,
    #d63614 0,
    #d63614 1px,
    transparent 1px,
    transparent 347.75px
  );
}

.contact__inner {
  position: absolute;
  left: 114px;
  top: 185px;
  width: 1668px;
  height: 509px;
  display: flex;
  gap: 202px;
}

.contact__copy {
  width: 607px;
  flex-shrink: 0;
}

.contact__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 64px;
  line-height: normal;
  color: #fff;
}

.contact__desc {
  margin-top: 8px;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 25.2px;
  color: #fff;
}

.contact__aside {
  flex: 1;
  min-width: 0;
  max-width: 859px;
}

.contact__form {
  width: 100%;
}

.contact__field {
  display: block;
  margin-bottom: 24.68px;
}

.contact__label {
  display: block;
  padding-left: 17.28px;
  font-family: "IBM Plex Mono", monospace;
  font-weight: 500;
  font-size: 17.279px;
  line-height: 20.734px;
  letter-spacing: -0.6911px;
  text-transform: uppercase;
  color: #fff;
}

.contact__input,
.contact__textarea {
  display: block;
  width: 100%;
  margin-top: 7.41px;
  padding: 17.28px;
  border: 0;
  background: transparent;
  font-family: "IBM Plex Mono", monospace;
  font-weight: 500;
  font-size: 19.747px;
  line-height: normal;
  letter-spacing: -0.7899px;
  color: #fff;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
}

.contact__textarea {
  line-height: 23.697px;
  resize: none;
  overflow-y: hidden;
  scrollbar-width: none;
  min-height: 24.684px;
}

.contact__textarea::-webkit-scrollbar {
  display: none;
}

.contact__input::placeholder,
.contact__textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.contact__line {
  display: block;
  height: 1.234px;
  margin-top: 9.86px;
  background: #fff;
}

.contact__submit,
input.contact__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 270.289px;
  height: 50.602px;
  margin-top: 24.68px;
  padding: 7.405px 14.81px;
  border: 0.617px solid var(--color-red-border);
  border-radius: 39.494px;
  background:
    radial-gradient(ellipse at center top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, #fff 0%, #fff 100%);
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 22.216px;
  line-height: normal;
  color: var(--color-red);
  cursor: pointer;
  transition: var(--btn-transition);
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
}

.contact__submit:hover,
input.contact__submit:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
}

.contact__submit:active,
input.contact__submit:active {
  transform: translateY(0);
  filter: brightness(0.98);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.contact__submit:focus-visible,
input.contact__submit:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.contact__legal {
  margin-top: 15.58px;
  font-family: "IBM Plex Mono", monospace;
  font-weight: 400;
  font-size: 14.81px;
  line-height: 17.772px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #fff;
}

.contact__legal a {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}

.contact__legal a:hover {
  text-decoration: underline;
}

.contact__form .wpcf7,
.contact__form .wpcf7 form {
  width: 100%;
  margin: 0;
}

.contact__form .wpcf7-form {
  margin: 0;
}

.contact__form .wpcf7-form p {
  margin: 0;
}

.contact__form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.contact__form .wpcf7-form-control.contact__input,
.contact__form .wpcf7-form-control.contact__textarea {
  width: 100%;
  max-width: none;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
}

.contact__form .wpcf7-spinner {
  margin-left: 12px;
}

.contact__form .wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  padding-left: 17.28px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 14px;
  color: #ffb4b4;
}

.contact__form .wpcf7-response-output {
  margin: 16px 0 0;
  padding: 12px 17.28px;
  border: 0;
  border-radius: 8px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 14px;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.contact__form-missing {
  margin: 0;
  font-family: "IBM Plex Mono", monospace;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.72);
}

.site-footer {
  position: absolute;
  left: 10px;
  top: 2064px;
  width: 1900px;
  height: 570px;
  color: #fff;
}

.site-footer__bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 0;
}

.site-footer__bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.site-footer__watermark {
  position: absolute;
  left: 685px;
  top: 114.32px;
  width: 530px;
  height: 424px;
  object-fit: contain;
  pointer-events: none;
}

.site-footer__mark {
  position: absolute;
  left: 108px;
  top: 100.4px;
  width: 159px;
  height: 127px;
  object-fit: contain;
}

.site-footer__columns {
  position: absolute;
  left: 435.039px;
  top: 105.8px;
  display: flex;
  gap: 178.605px;
}

.site-footer__col {
  display: flex;
  flex-direction: column;
}

.site-footer__col-title {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 32.149px;
  line-height: 59.833px;
  white-space: nowrap;
}

.site-footer__links {
  display: flex;
  flex-direction: column;
  gap: 17.861px;
  margin-top: 14.32px;
  padding-left: 0;
}

.site-footer__links a {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 21.433px;
  line-height: normal;
  color: #fff;
  text-decoration: none;
}

.site-footer__links a:hover {
  opacity: 0.85;
}

.site-footer__links--contact {
  padding-left: 0;
}

.site-footer__brand {
  position: absolute;
  left: 1500.97px;
  top: 390.08px;
  width: 349.033px;
  height: 79.976px;
  object-fit: contain;
}

/* ─── Product Detail page — Figma frame 64:2689 (1920×6162) ─── */
.product-page {
  width: 100%;
  background: #fff;
}

.product-page__viewport {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: visible;
  height: auto;
}

.product-page__stage {
  position: relative;
  width: min(100%, 1920px);
  height: auto;
  margin: 0 auto;
  transform: none;
  transform-origin: top center;
  background: #fff;
}

/* Banner — node 64:2690 */
.product-banner {
  position: relative;
  left: auto;
  top: auto;
  z-index: 5;
  width: 100%;
  min-height: clamp(14rem, 30vw, 36.375rem);
  height: auto;
  overflow: hidden;
  background: var(--color-navy);
  display: grid;
  place-items: center;
  padding: clamp(3rem, 8vw, 6rem) var(--eq-page-gutter, 3.75rem);
  box-sizing: border-box;
}

.product-banner__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
}

.product-banner__bar {
  position: absolute;
  left: 50%;
  top: 55%;
  width: min(1170.905px, 90%);
  height: 76.928px;
  transform: translateX(-50%);
  background: var(--color-red);
}

.product-banner__title {
  position: relative;
  left: auto;
  top: auto;
  width: min(1170.905px, 100%);
  margin: 0;
  transform: none;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: normal;
  text-align: center;
  color: #fff;
  z-index: 1;
}

/* Product hero — sticky gallery stays inside this section only */
.product-hero {
  --eq-header-gap: 0.5rem;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 0.95fr);
  grid-template-areas: "intro gallery buy";
  gap: clamp(1.5rem, 3vw, 3rem);
  align-items: stretch;
  width: 100%;
  padding: clamp(2rem, 4vw, 3.5rem) var(--eq-page-gutter, 3.75rem) clamp(2.5rem, 5vw, 4rem);
  box-sizing: border-box;
  z-index: 2;
  background: #fff;
}

.product-hero .product-intro {
  grid-area: intro;
  align-self: start;
}

.product-hero__media {
  grid-area: gallery;
  position: relative;
  min-width: 0;
  /* Stretches to the tallest hero column so sticky has runway */
  height: 100%;
}

.product-hero .product-buy {
  grid-area: buy;
  align-self: start;
}

/* Gallery — CSS sticky constrained by .product-hero / .product-hero__media */
.product-gallery {
  position: sticky;
  top: calc(var(--eq-header-clearance, 0px) + var(--eq-header-gap, 0.5rem));
  left: auto;
  z-index: 1;
  width: 100%;
  height: auto;
  max-width: 36rem;
  margin-inline: auto;
  will-change: auto;
}

.product-gallery__main {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  aspect-ratio: 509 / 462;
}

.product-gallery__photo {
  position: absolute;
  inset: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-gallery__img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}

.product-gallery__photo--crop .product-gallery__img {
  position: absolute;
  width: 144.99%;
  height: 115.39%;
  left: -22.5%;
  top: -7.7%;
  max-width: none;
  max-height: none;
  object-fit: cover;
}

.product-gallery__photo--contain .product-gallery__img {
  position: relative;
  width: 100%;
  height: 100%;
  left: auto;
  top: auto;
  object-fit: contain;
}

.product-gallery__thumbs {
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 1.25rem;
}

.product-gallery__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36.825px;
  height: 36.825px;
  padding: 6px;
  border-radius: 18.412px;
  background: var(--color-red);
  flex-shrink: 0;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.product-gallery__nav--prev img {
  transform: rotate(180deg);
}

.product-gallery__nav:hover {
  transform: scale(1.1);
  box-shadow: var(--btn-shadow-hover);
}

.product-gallery__nav:active {
  transform: scale(0.95);
}

.product-gallery__thumb {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  background: #e8e8e8;
  border: 1px solid transparent;
  flex-shrink: 0;
  cursor: pointer;
  transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
}

.product-gallery__thumb:hover {
  transform: translateY(-2px);
  background: #f2f2f2;
}

.product-gallery__thumb.is-active {
  background: #fff;
  border-color: rgba(2, 2, 2, 0.6);
}

.product-gallery__thumb-photo {
  position: relative;
  display: block;
  overflow: hidden;
}

.product-gallery__thumb-photo--crop {
  width: 74.321px;
  height: 67.414px;
}

.product-gallery__thumb-photo--crop img {
  position: absolute;
  width: 144.99%;
  height: 115.39%;
  left: -22.5%;
  top: -7.7%;
  object-fit: cover;
  max-width: none;
}

.product-gallery__thumb-photo--contain {
  width: 50px;
  height: 72px;
}

.product-gallery__thumb-photo--contain img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Intro — node 72:3144 */
.product-intro {
  position: relative;
  left: auto;
  top: auto;
  z-index: 3;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.product-intro__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(1.75rem, 3vw, 3rem);
  line-height: normal;
  color: #000;
}

.product-intro__title-name {
  color: var(--color-red);
}

.product-intro__desc {
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 20px;
  line-height: normal;
  color: #000;
}

.product-intro__desc p {
  margin: 0;
}

/* Purchase card — node 69:3113 */
.product-buy {
  position: relative;
  left: auto;
  top: auto;
  z-index: 3;
  width: 100%;
  max-width: 28rem;
  margin-inline: auto;
}

.product-buy__card {
  border: 1px solid #cfcfcf;
  border-radius: 10px;
  padding: 24px 23px 26px;
  background: #fff;
}

.product-buy__row {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 38.66px;
  letter-spacing: -0.32px;
  color: #000;
}

.product-buy__accent {
  color: var(--color-red);
}

.product-buy__catalog {
  font-weight: 400;
}

.product-buy__catalog .product-buy__accent {
  font-weight: 600;
}

.product-buy__divider {
  height: 1px;
  margin: 12px 0;
  background: #e2e2e2;
}

.product-buy__price strong {
  font-weight: 600;
}

.product-buy__price s {
  font-size: 14px;
  color: #827e7e;
}

.product-buy__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 41px;
  margin-top: 8px;
  padding: 6px 12px;
  border-radius: 32px;
  border: 0.5px solid var(--color-red-border);
  background:
    radial-gradient(ellipse at center top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, var(--color-red) 0%, var(--color-red) 100%);
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  transition: var(--btn-transition);
}

.product-buy__cta:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
  box-shadow: var(--btn-shadow-hover);
}

.product-buy__cta:active {
  transform: translateY(0);
  filter: brightness(0.96);
  box-shadow: var(--btn-shadow-active);
}

.product-buy__divider--specs {
  margin-top: 16px;
}

.product-buy__specs {
  margin: 0;
}

.product-buy__spec {
  display: flex;
  gap: 6px;
  align-items: flex-start;
  font-size: 18px;
  line-height: 1.45;
  letter-spacing: -0.32px;
  color: #000;
}

.product-buy__spec + .product-buy__spec {
  margin-top: 10px;
}

.product-buy__spec dt {
  flex: 0 0 auto;
  padding-top: 10px;
  font-family: var(--font-display);
  font-weight: 600;
  white-space: nowrap;
}

.product-buy__spec dd {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-family: var(--font-body);
  font-weight: 300;
}

.product-buy__spec--select dt {
  padding-top: 12px;
}

.product-buy__spec-field {
  position: relative;
  width: 100%;
  min-width: 0;
}

.product-buy__spec-field::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--color-red, #ed0308);
  border-bottom: 2px solid var(--color-red, #ed0308);
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}

.product-buy__spec-select {
  display: block;
  width: 100%;
  min-height: 42px;
  margin: 0;
  padding: 10px 36px 10px 12px;
  border: 1px solid var(--color-red-border, #ffb8b2);
  border-radius: 10px;
  background: #fff;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.35;
  color: #111;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.product-buy__spec-select:hover {
  border-color: var(--color-red, #ed0308);
}

.product-buy__spec-select:focus,
.product-buy__spec-select:focus-visible {
  outline: none;
  border-color: var(--color-red, #ed0308);
  box-shadow: 0 0 0 3px rgba(237, 3, 8, 0.18);
}

.product-buy__spec-preview {
  min-width: 0;
}

.product-buy__spec-preview-clip {
  position: relative;
  max-height: 1.45em;
  overflow: hidden;
  transition: max-height 0.35s ease;
  will-change: max-height;
}

.product-buy__spec-preview-clip::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.45em;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 85%);
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.25s ease;
}

.product-buy__spec-preview.is-expanded .product-buy__spec-preview-clip {
  max-height: 480px;
}

.product-buy__spec-preview.is-expanded .product-buy__spec-preview-clip::after {
  opacity: 0;
}

.product-buy__spec-preview-text {
  display: block;
  overflow-wrap: anywhere;
}

.product-buy__spec-toggle {
  display: inline-block;
  margin-top: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: var(--color-red, #ed0308);
  text-decoration: underline;
  cursor: pointer;
}

.product-buy__spec-toggle:hover,
.product-buy__spec-toggle:focus-visible {
  color: #000;
}

.product-buy__spec-toggle[hidden] {
  display: none;
}

@media (max-width: 767.98px) {
  .product-buy__spec {
    flex-direction: column;
    gap: 4px;
    font-size: 16px;
  }

  .product-buy__spec dt,
  .product-buy__spec--select dt {
    padding-top: 0;
  }

  .product-buy__spec-select {
    min-height: 44px;
    font-size: 15px;
  }
}

.product-buy__quote {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  margin-top: 4px;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  color: #2d3682;
  transition: opacity 0.2s ease, transform 0.25s ease;
}

.product-buy__quote img {
  transform: rotate(180deg);
}

.product-buy__quote:hover {
  opacity: 0.8;
  transform: translateX(4px);
}

.product-buy__partners {
  margin-top: 4px;
}

.product-buy__partners-label {
  margin: 0 0 10px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  color: var(--color-red);
}

.product-buy__partners-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-buy__partner-link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 6px 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  text-decoration: none;
  color: #000;
  transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.product-buy__partner-link:hover,
.product-buy__partner-link:focus-visible {
  border-color: rgba(237, 3, 8, 0.35);
  background: rgba(237, 3, 8, 0.04);
  transform: translateX(2px);
}

.product-buy__partner-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 72px;
  height: 48px;
  overflow: hidden;
  border-radius: 6px;
  background: #fff;
}

.product-buy__partner-logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.product-buy__partner-name {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 15px;
  line-height: 1.35;
}

.product-buy__meta {
  margin-top: 14px;
}

.product-buy__meta-row {
  margin: 0 0 6px;
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.45;
  color: rgba(0, 0, 0, 0.75);
}

.product-buy__meta-label {
  font-family: var(--font-display);
  font-weight: 600;
  color: #000;
  margin-right: 4px;
}

/* Tabs — node 72:3185 */
.product-tabs {
  position: relative;
  left: auto;
  top: auto;
  z-index: 4;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.5rem;
  width: auto;
  height: auto;
  min-height: 4rem;
  margin: 0 var(--eq-page-gutter, 3.75rem);
  padding-top: 0.5rem;
  background: #fff;
  isolation: isolate;
}

.product-tabs__divider {
  position: relative;
  left: auto;
  bottom: auto;
  order: 99;
  width: 100%;
  height: 1.268px;
  margin-top: 0;
  background: #d7d7d7;
}

.product-tabs__tab {
  position: relative;
  left: auto !important;
  bottom: auto;
  flex: 1 1 8.5rem;
  width: auto !important;
  min-width: 8.5rem;
  height: 3.875rem;
  border: 1.268px solid #d7d7d7;
  border-radius: 10.142px 10.142px 0 0;
  background: #f5f5f5;
  cursor: pointer;
  transition: background-color 0.25s ease, border-color 0.25s ease;
}

.product-tabs__tab:nth-child(1),
.product-tabs__tab:nth-child(2),
.product-tabs__tab:nth-child(3),
.product-tabs__tab:nth-child(4),
.product-tabs--has-accessories .product-tabs__tab:nth-child(1),
.product-tabs--has-accessories .product-tabs__tab:nth-child(2),
.product-tabs--has-accessories .product-tabs__tab:nth-child(3),
.product-tabs--has-accessories .product-tabs__tab:nth-child(4),
.product-tabs--has-accessories .product-tabs__tab:nth-child(5) {
  left: auto;
  width: auto;
}

.product-tabs__tab:hover {
  background: #fff;
}

.product-tabs__tab.is-active {
  background: #fff;
  border-color: var(--color-red);
}

.product-tabs__num {
  display: none;
}

.product-tabs__label {
  position: static;
  left: auto;
  top: auto;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 1rem;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(0.875rem, 1.1vw, 1.125rem);
  line-height: 1.2;
  white-space: normal;
  text-align: center;
  color: #0e202a;
  transition: color 0.2s ease;
}

.product-tabs__tab:hover .product-tabs__label {
  color: var(--color-red);
}

/* Detail row — overview + specs */
.product-detail {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr);
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: start;
  width: 100%;
  padding: clamp(2rem, 4vw, 3rem) var(--eq-page-gutter, 3.75rem);
  box-sizing: border-box;
  background: #fff;
}

/* Overview column — node 72:3206 */
.product-overview {
  position: relative;
  left: auto;
  top: auto;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.product-overview__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 48px;
  line-height: normal;
  color: #000;
}

.product-overview__subtitle {
  margin: -2px 0 0;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 32px;
  line-height: normal;
  color: #000;
}

.product-overview__body {
  display: flex;
  flex-direction: column;
  gap: 26px;
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 20px;
  line-height: normal;
  color: #000;
}

.product-overview__body p {
  margin: 0;
}

.product-overview__body strong {
  font-weight: 700;
}

.product-overview__block {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.product-overview__heading {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 32px;
  line-height: normal;
  color: var(--color-red);
}

.product-overview__list {
  margin: 0;
  padding-left: 30px;
  width: 100%;
  max-width: 56rem;
  list-style: disc;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 20px;
  line-height: 45px;
  color: #000;
}

.product-overview__red {
  color: var(--color-red);
}

.product-overview__closing {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 20px;
  line-height: normal;
  color: #000;
}

.product-overview__closing strong {
  font-weight: 700;
}

/* Specification panel — node 80:3433 */
.product-specs {
  position: relative;
  left: auto;
  top: auto;
  z-index: 2;
  width: 100%;
  border: 1px solid #cfcfcf;
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
}

.product-specs__head {
  position: relative;
  display: flex;
  height: 54px;
  align-items: center;
  border-bottom: 1px solid #d7d7d7;
}

.product-specs__head-label {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 19.016px;
  text-transform: capitalize;
  color: var(--color-red);
}

.product-specs__head-label:first-child {
  position: absolute;
  left: 48px;
}

.product-specs__head-label:last-child {
  position: absolute;
  left: 406px;
}

.product-specs__rows {
  position: relative;
  padding-top: 8px;
}

.product-specs__rows::before {
  content: "";
  position: absolute;
  left: 368.4px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #d7d7d7;
}

.product-specs__row {
  display: flex;
  align-items: flex-start;
  padding: 8px 0;
  margin: 0 1px;
  border-bottom: 1px solid #ececec;
}

.product-specs__label {
  flex: 0 0 321px;
  padding-left: 46.8px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}

.product-specs__value {
  flex: 1;
  padding-left: 83.5px;
  padding-right: 44px;
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}

/* Required accessories — same table rhythm as Key Benefits (bottom of panel) */
.product-specs__accessories {
  position: relative;
  padding-top: 32px;
  padding-bottom: 8px;
}

.product-specs__accessories--optional {
  padding-top: 24px;
}

.product-specs__accessories::before {
  content: "";
  position: absolute;
  left: 368.4px;
  top: 62px;
  bottom: 8px;
  width: 1px;
  background: #d7d7d7;
}

.product-specs__accessories-title {
  margin: 0 0 18px;
  padding-left: 47px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 19.016px;
  color: var(--color-red);
}

.product-specs__accessories .product-specs__row--head {
  border-top: 1px solid #ececec;
  padding-top: 18px;
  padding-bottom: 14px;
}

.product-specs__accessory-link {
  color: inherit;
  text-decoration: none;
}

.product-specs__accessory-link:hover,
.product-specs__accessory-link:focus-visible {
  color: var(--color-red);
  text-decoration: underline;
}

.product-specs__benefits {
  position: relative;
  padding-top: 32px;
}

.product-specs__benefits-title {
  margin: 0 0 18px;
  padding-left: 47px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 19.016px;
  color: var(--color-red);
}

.product-specs__benefits .product-specs__row--head {
  border-top: 1px solid #ececec;
  padding-top: 18px;
  padding-bottom: 14px;
}

.product-specs__row--head .product-specs__label,
.product-specs__value--head {
  font-weight: 700;
}

.product-specs__row--last {
  border-bottom: none;
  padding-bottom: 24px;
}

/* Accessories cart popup — slides in from top, then dismisses */
.eq-accessories-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100000;
  display: flex;
  justify-content: center;
  padding: 0;
  pointer-events: none;
  transform: translateY(-110%);
  opacity: 0;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
}

.eq-accessories-popup.is-visible {
  pointer-events: auto;
  transform: translateY(0);
  opacity: 1;
}

.eq-accessories-popup[hidden] {
  display: none !important;
}

.eq-accessories-popup__inner {
  position: relative;
  display: flex;
  gap: 24px;
  align-items: flex-start;
  width: min(797px, calc(100% - 32px));
  margin-top: 0;
  padding: 22px 52px 22px 28px;
  border: 1px solid #cfcfcf;
  border-top: 0;
  border-radius: 0 0 15px 15px;
  background: #fff;
  color: #000;
  box-shadow: 0 18px 40px rgba(6, 46, 98, 0.16);
}

.eq-accessories-popup__eyebrow {
  margin: 0 0 6px;
  font-family: var(--font-mono, "IBM Plex Mono", monospace);
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-red);
}

.eq-accessories-popup__title {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.25;
  color: #062e62;
}

.eq-accessories-popup__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0;
  border-top: 1px solid #ececec;
}

.eq-accessories-popup__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
  font-family: var(--font-body, Onest, sans-serif);
  font-size: 16px;
  line-height: 20px;
}

.eq-accessories-popup__item:last-child {
  border-bottom: 0;
}

.eq-accessories-popup__thumb {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  object-fit: contain;
  border: 1px solid #cfcfcf;
  border-radius: 8px;
  background: #fff;
}

.eq-accessories-popup__name {
  flex: 1;
  min-width: 0;
  font-weight: 700;
  color: #000;
}

.eq-accessories-popup__kind {
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(200, 16, 46, 0.1);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--color-red, #c8102e);
  white-space: nowrap;
}

.eq-accessories-popup__sku {
  font-family: var(--font-mono, "IBM Plex Mono", monospace);
  font-weight: 400;
  font-size: 13px;
  color: #555;
}

.eq-accessories-popup__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border: 1px solid #cfcfcf;
  border-radius: 999px;
  background: #fff;
  color: #062e62;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.eq-accessories-popup__close:hover {
  border-color: var(--color-red);
  color: var(--color-red);
}

/* Related products — fluid cards (no fixed Figma widths that overlap) */
.related {
  position: relative;
  left: auto;
  top: auto;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 3.125rem);
  padding: clamp(2.5rem, 5vw, 4rem) var(--eq-page-gutter, 3.75rem);
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}

.related__title {
  margin: 0;
  max-width: 100%;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(2.5rem, 5vw, 4.9rem);
  line-height: 1.05;
  letter-spacing: -0.788px;
  text-align: center;
  color: #000;
}

.related__cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.related__card {
  position: relative;
  width: 100%;
  min-width: 0;
  height: auto;
  aspect-ratio: auto;
  flex-shrink: 1;
}

.related__card-link {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 100%;
  min-width: 0;
  height: auto;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

.related__card-visual {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  aspect-ratio: 437 / 350;
  border-radius: clamp(12px, 1.2vw, 18.854px);
  background: #eee;
  overflow: hidden;
  transition: transform 0.28s ease, background-color 0.28s ease, box-shadow 0.28s ease;
}

.related__card:hover .related__card-visual,
.related__card.is-hover .related__card-visual {
  transform: scale(1.02);
  background: #e4e4e4;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.08);
}

.related__card-caption {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 4.5rem;
  padding: 0.85rem 1rem;
  border-radius: clamp(12px, 1.2vw, 18.854px);
  background: #eee;
  box-sizing: border-box;
}

.related__card-title {
  position: relative;
  left: auto;
  top: auto;
  margin: 0;
  width: 100%;
  max-width: 100%;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(0.95rem, 1.15vw, 1.25rem);
  line-height: 1.3;
  color: #000;
  overflow-wrap: anywhere;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.related__card-name {
  color: var(--color-red);
}

.related__card-photo {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
}

.related__card-photo--contain {
  left: 50%;
  top: 50%;
  width: 66%;
  height: 75%;
  transform: translate(-50%, -50%);
}

.related__card-photo--crop-a {
  left: 50%;
  top: 50%;
  width: 66%;
  height: 75%;
  transform: translate(-50%, -50%);
}

.related__card-photo--crop-b {
  left: 50%;
  top: 52%;
  width: 80%;
  height: 70%;
  transform: translate(-50%, -50%);
}

.related__card-img {
  position: absolute;
  pointer-events: none;
  max-width: none;
}

.related__card-photo--contain .related__card-img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.related__card-photo--crop-a .related__card-img {
  width: 144.99%;
  height: 115.39%;
  left: -22.5%;
  top: -7.7%;
}

.related__card-photo--crop-b .related__card-img {
  width: 125.63%;
  height: 129.15%;
  left: -12.81%;
  top: -20.04%;
}

.related__plus {
  position: absolute;
  left: auto;
  right: clamp(0.65rem, 1.2vw, 1.1rem);
  top: clamp(0.65rem, 1.2vw, 1.1rem);
  width: clamp(2.25rem, 3vw, 3.125rem);
  height: clamp(2.15rem, 2.9vw, 3rem);
  border-radius: 8px;
  background: var(--color-red);
  z-index: 2;
}

.related__plus::before,
.related__plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
  border-radius: 1px;
}

.related__plus::before {
  width: 42%;
  height: 3px;
}

.related__plus::after {
  width: 3px;
  height: 42%;
}

/* Shared contact + footer — flow layout on product page */
.product-page__stage .contact,
.product-page__stage .site-footer {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0;
}

.product-page__stage .contact {
  padding: clamp(2.5rem, 5vw, 4rem) 0;
}

.product-page__stage .contact__shell {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: calc(100% - var(--eq-page-gutter, 3.75rem) * 2) !important;
  max-width: 1900px;
  height: auto !important;
  margin-inline: auto;
  border-radius: var(--eq-radius-lg, 30px);
}

.product-page__stage .contact__inner {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: auto !important;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding: clamp(1.5rem, 5vw, 3rem);
  box-sizing: border-box;
}

.product-page__stage .contact__copy,
.product-page__stage .contact__aside {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  flex: 1 1 18rem;
  max-width: none;
}

.product-page__stage .contact__grid-lines {
  display: none;
}

/*
 * Product footer — keep the Figma layered composition (bg / watermark / mark /
 * columns / brand) but place the shell in document flow. Percentage offsets
 * scale with the 1900×570 artboard via aspect-ratio (no stage transform).
 */
.product-page__stage .site-footer {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: min(calc(100% - 1.25rem), 1900px) !important;
  height: auto !important;
  min-height: 0;
  aspect-ratio: 1900 / 570;
  margin: 0 auto 1.25rem;
  padding: 0 !important;
  overflow: hidden;
  color: #fff;
}

.product-page__stage .site-footer__bg {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  margin: 0;
  overflow: hidden;
  border-radius: 0;
  z-index: 0;
}

.product-page__stage .site-footer__bg-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-page__stage .site-footer__watermark {
  position: absolute !important;
  left: 36.05% !important;
  top: 20.05% !important;
  width: 27.89% !important;
  height: auto !important;
  max-width: none;
  margin: 0;
  object-fit: contain;
  pointer-events: none;
  z-index: 1;
}

.product-page__stage .site-footer__mark {
  position: absolute !important;
  left: 5.68% !important;
  top: 17.61% !important;
  width: 8.37% !important;
  height: auto !important;
  max-width: none;
  margin: 0;
  object-fit: contain;
  z-index: 2;
}

.product-page__stage .site-footer__columns {
  position: absolute !important;
  left: 22.9% !important;
  top: 18.56% !important;
  right: auto !important;
  width: auto !important;
  max-width: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(2.5rem, 9.4vw, 11.16rem);
  grid-template-columns: none;
  z-index: 2;
}

.product-page__stage .site-footer__col-title {
  font-size: clamp(1.125rem, 1.7vw, 2.01rem);
  line-height: 1.85;
  white-space: nowrap;
}

.product-page__stage .site-footer__links {
  gap: clamp(0.5rem, 0.95vw, 1.11rem);
  margin-top: clamp(0.4rem, 0.75vw, 0.9rem);
}

.product-page__stage .site-footer__links a {
  font-size: clamp(0.875rem, 1.15vw, 1.34rem);
}

.product-page__stage .site-footer__brand {
  position: absolute !important;
  left: auto !important;
  right: 2.6% !important;
  top: auto !important;
  bottom: 17.5% !important;
  width: 18.37% !important;
  height: auto !important;
  max-width: none;
  margin: 0;
  object-fit: contain;
  z-index: 2;
}

.product-reviews {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: min(1120px, 100%);
  margin: 0 auto;
  padding: clamp(2.5rem, 5vw, 4.5rem) var(--eq-page-gutter, 3.75rem) clamp(3rem, 6vw, 5rem);
  background: #fff;
  box-sizing: border-box;
}

@media (max-width: 1399.98px) {
  .related__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1079.98px) {
  .product-hero {
    grid-template-columns: 1fr;
    grid-template-areas:
      "intro"
      "gallery"
      "buy";
  }

  .product-detail {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 767.98px) {
  .related__cards {
    grid-template-columns: 1fr;
  }
}

/* ─── Equipment catalog page — Figma frame 47:6727 (1920×4669) ─── */
.catalog-page {
  width: 100%;
  background: #fff;
}

.catalog-page__viewport {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.catalog-page__stage {
  position: relative;
  width: 1920px;
  height: 4669px;
  transform-origin: top center;
  background: #fff;
}

.catalog-tabs {
  display: none !important;
}

.catalog-filters {
  position: absolute;
  left: 60px;
  top: 732px;
  z-index: 3;
  width: 392px;
}

.catalog-filters__list {
  display: flex;
  flex-direction: column;
  gap: 17px;
  padding-top: 0;
}

.catalog-filters__attrs {
  display: flex;
  flex-direction: column;
  gap: 17px;
}

.catalog-page.is-catalog-loading .wc-catalog-loop,
.catalog-page.is-catalog-loading .catalog-filters__attrs {
  opacity: 0.45;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.catalog-filter {
  border: 0.914px solid rgba(0, 0, 0, 0.1);
  border-radius: 18.281px;
  background: #f2f2f2;
  overflow: hidden;
  transition: background-color 0.28s ease;
}

.catalog-filter.is-active {
  background: var(--color-red);
}

.catalog-filter__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 83.6px;
  padding: 28px 25px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 24px;
  line-height: 26.395px;
  color: #000;
  transition: color 0.25s ease;
}

.catalog-filter.is-active .catalog-filter__trigger {
  color: #fff;
}

.catalog-filter__trigger img {
  flex-shrink: 0;
  transition: transform 0.28s ease, filter 0.28s ease;
}

.catalog-filter.is-active .catalog-filter__trigger img {
  filter: brightness(0) invert(1);
}

.catalog-filter.is-open .catalog-filter__trigger img {
  transform: rotate(90deg);
}

.catalog-filter__panel {
  overflow: hidden;
  height: 0;
  opacity: 0;
  padding: 0 25px;
  pointer-events: none;
}

.catalog-filter.is-open .catalog-filter__panel {
  height: auto;
  opacity: 1;
  padding: 0 25px 24px;
  pointer-events: auto;
}

.catalog-filter__rule {
  height: 1px;
  margin-bottom: 18px;
  background: rgba(255, 255, 255, 0.35);
}

.catalog-filter__option {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  cursor: pointer;
}

.catalog-filter__option:last-child {
  margin-bottom: 0;
}

.catalog-filter__option input {
  position: absolute;
  opacity: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
}

.catalog-filter__box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-radius: 2px;
  flex-shrink: 0;
}

.catalog-filter__box img {
  display: none;
  width: 16px;
  height: 16px;
}

.catalog-filter__option input:checked + .catalog-filter__box {
  background: #fff;
}

.catalog-filter__option input:checked + .catalog-filter__box img {
  display: block;
}

.catalog-filter__text {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 18px;
  line-height: 26.395px;
  color: #fff;
}

/* ── Category tree (sidebar) ── */
.catalog-cat-tree {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.catalog-cat-tree__link--all {
  display: block;
  margin-bottom: 8px;
  padding: 6px 0 6px 28px;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  border-radius: 6px;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.catalog-cat-tree__link--all:hover,
.catalog-cat-tree__link--all.is-active {
  color: #fff;
}

.catalog-cat-tree__link--all.is-active {
  font-weight: 700;
}

.catalog-cat-tree__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.catalog-cat-tree__list--nested {
  margin-top: 2px;
  padding-left: 14px;
  border-left: 1px solid rgba(255, 255, 255, 0.22);
}

.catalog-cat-tree__item {
  margin: 0;
}

.catalog-cat-tree__row {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 34px;
}

.catalog-cat-tree__toggle,
.catalog-cat-tree__toggle-spacer {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 4px;
}

.catalog-cat-tree__toggle:hover {
  background: rgba(255, 255, 255, 0.12);
}

.catalog-cat-tree__toggle:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.catalog-cat-tree__toggle img {
  width: 14px;
  height: 14px;
  filter: brightness(0) invert(1);
  opacity: 0.85;
  transition: transform 0.25s ease;
}

.catalog-cat-tree__item.is-expanded > .catalog-cat-tree__row .catalog-cat-tree__toggle img {
  transform: rotate(90deg);
}

.catalog-cat-tree__link {
  flex: 1;
  min-width: 0;
  padding: 6px 8px;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.88);
  text-decoration: none;
  border-radius: 6px;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.catalog-cat-tree__link:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.catalog-cat-tree__link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.catalog-cat-tree__link.is-active,
.catalog-cat-tree__item.is-active > .catalog-cat-tree__row .catalog-cat-tree__link {
  color: #fff;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.16);
}

.catalog-cat-tree__children {
  overflow: hidden;
}

.catalog-cat-tree__children[hidden] {
  display: none;
}

.catalog-toolbar {
  position: absolute;
  left: 507px;
  top: 831px;
  z-index: 4;
  width: 1343px;
  height: 55px;
}

.catalog-toolbar__view-label {
  position: absolute;
  left: 4.86px;
  top: 28.3px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 24px;
  line-height: 26.395px;
  color: #000;
}

.catalog-toolbar__view {
  position: absolute;
  left: 120px;
  top: 21.93px;
  display: flex;
  gap: 13.6px;
}

.catalog-toolbar__view-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25.37px;
  height: 25.37px;
  padding: 0;
  border-radius: 2px;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.catalog-toolbar__view-btn:hover {
  transform: scale(1.08);
}

.catalog-toolbar__view-btn.is-active {
  opacity: 1;
}

.catalog-toolbar__view-btn:not(.is-active) {
  opacity: 0.45;
}

.catalog-toolbar__grid-icon {
  display: block;
  width: 25.37px;
  height: 25.37px;
  background:
    linear-gradient(#000, #000) 0 0 / 7.27px 7.27px no-repeat,
    linear-gradient(#000, #000) 9.05px 0 / 7.27px 7.27px no-repeat,
    linear-gradient(#000, #000) 18.1px 0 / 7.27px 7.27px no-repeat,
    linear-gradient(#000, #000) 0 9.05px / 7.27px 7.27px no-repeat,
    linear-gradient(#000, #000) 9.05px 9.05px / 7.27px 7.27px no-repeat,
    linear-gradient(#000, #000) 18.1px 9.05px / 7.27px 7.27px no-repeat,
    linear-gradient(#000, #000) 0 18.1px / 7.27px 7.27px no-repeat,
    linear-gradient(#000, #000) 9.05px 18.1px / 7.27px 7.27px no-repeat,
    linear-gradient(#000, #000) 18.1px 18.1px / 7.27px 7.27px no-repeat;
}

.catalog-toolbar__list-icon {
  display: block;
  width: 25.37px;
  height: 25.37px;
  background:
    linear-gradient(#000 0 0) 0 0 / 7.27px 7.27px,
    linear-gradient(#000 0 0) 9.05px 0 / 16.32px 7.27px,
    linear-gradient(#000 0 0) 0 9.05px / 7.27px 7.27px,
    linear-gradient(#000 0 0) 9.05px 9.05px / 16.32px 7.27px,
    linear-gradient(#000 0 0) 0 18.1px / 7.27px 7.27px,
    linear-gradient(#000 0 0) 9.05px 18.1px / 16.32px 7.27px;
  background-repeat: no-repeat;
}

.catalog-toolbar__sort-label {
  position: absolute;
  left: 841.84px;
  top: 19.5px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 24px;
  line-height: 26.395px;
  color: #000;
  white-space: nowrap;
}

.catalog-toolbar__sort-wrap {
  position: absolute;
  right: 0;
  top: 0;
  width: 392px;
  height: 55px;
  z-index: 6;
}

.catalog-toolbar__sort {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 55px;
  padding: 15px 25px;
  border: 0.914px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background: #f8f8f8;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 24px;
  line-height: 26.395px;
  color: #000;
  transition: var(--btn-transition);
}

.catalog-toolbar__sort-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 12px;
}

.catalog-toolbar__sort.is-open img {
  transform: rotate(-90deg);
}

.catalog-toolbar__sort-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 8;
  width: 100%;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  border: 0.914px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.1);
}

.catalog-toolbar__sort-menu:not([hidden]) {
  display: block;
}

.catalog-toolbar__sort-option {
  display: block;
  width: 100%;
  padding: 12px 25px;
  border: 0;
  background: transparent;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
  color: #000;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.catalog-toolbar__sort-option:hover,
.catalog-toolbar__sort-option.is-selected {
  background: #f8f8f8;
  color: var(--color-red);
}

.catalog-toolbar__sort img {
  transform: rotate(90deg);
  flex-shrink: 0;
}

.catalog-toolbar__sort:hover {
  background: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.catalog-grid {
  position: absolute;
  left: 507px;
  top: 911px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 86px 16px;
  width: 1349.82px;
}

.catalog-grid.is-list {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 24px;
}

.catalog-grid.is-list .catalog-card,
.catalog-grid.is-list .catalog-card.related__card,
.catalog-grid.is-list .catalog-card.related__card.catalog-card--priced,
.catalog-grid.is-list .catalog-card.related__card.catalog-card--quote {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
}

.catalog-grid.is-list .related__card-link {
  display: flex;
  align-items: stretch;
  height: auto;
  min-height: 180px;
  border-radius: 18.854px;
  background: #eee;
  overflow: hidden;
}

.catalog-grid.is-list .related__card-visual {
  position: relative;
  left: 0;
  top: 0;
  width: 220px;
  height: 180px;
  flex-shrink: 0;
  border-radius: 0;
  background: #f7f7f7;
}

.catalog-grid.is-list .related__card-photo,
.catalog-grid.is-list .related__card-photo--contain,
.catalog-grid.is-list .related__card-photo--crop-a,
.catalog-grid.is-list .related__card-photo--crop-b {
  left: 50%;
  top: 50%;
  width: 78%;
  height: 78%;
  transform: translate(-50%, -50%);
}

.catalog-grid.is-list .related__card-img,
.catalog-grid.is-list .related__card-photo--contain .related__card-img,
.catalog-grid.is-list .related__card-photo--crop-a .related__card-img,
.catalog-grid.is-list .related__card-photo--crop-b .related__card-img {
  inset: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.catalog-grid.is-list .related__plus {
  left: auto;
  right: 12px;
  top: 12px;
  width: 40px;
  height: 38px;
}

.catalog-grid.is-list .related__card-caption,
.catalog-grid.is-list .catalog-card__caption {
  position: relative;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 30px;
  border-radius: 0;
  background: transparent;
}

.catalog-card.related__card {
  width: 437.41px;
  height: 459.09px;
  overflow: hidden;
}

.catalog-card.related__card.catalog-card--priced,
.catalog-card.related__card.catalog-card--quote {
  height: 493px;
}

.catalog-card--priced {
  height: 493px;
}

.catalog-card--priced .related__card-caption {
  height: 147.29px;
  overflow: hidden;
}

.catalog-card__caption {
  display: flex;
  flex-direction: column;
  gap: 17px;
  justify-content: center;
}

.catalog-card--priced .related__card-title {
  position: relative;
  left: 0;
  top: 0;
  width: calc(100% - 60px);
  margin: 18px 30px 0;
  padding: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.catalog-card--priced .catalog-card__divider {
  margin-top: 0;
}

.catalog-card__divider {
  width: calc(100% - 60px);
  height: 1px;
  margin: 0 30px;
  background: #d7d7d7;
}

.catalog-card__price {
  margin: 0;
  padding: 0 30px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 19.296px;
  line-height: 21.222px;
  color: #000;
}

.catalog-card__price strong {
  color: var(--color-red);
  font-weight: 700;
}

.catalog-card__price s {
  font-weight: 500;
  font-size: 12.864px;
  color: #acacac;
}

.is-catalog-price-page .catalog-card {
  transition: height 0.28s ease;
}

.is-catalog-price-page .catalog-card .related__card-caption {
  transition: height 0.28s ease;
}

.is-catalog-price-page .catalog-card__divider,
.is-catalog-price-page .catalog-card__price {
  display: none;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.28s ease;
}

.is-catalog-price-page .catalog-card:hover,
.is-catalog-price-page .catalog-card:focus-within {
  height: 493px;
}

.is-catalog-price-page .catalog-card:hover .related__card-caption,
.is-catalog-price-page .catalog-card:focus-within .related__card-caption {
  height: 147.29px;
}

.is-catalog-price-page .catalog-card:hover .related__card-title,
.is-catalog-price-page .catalog-card:focus-within .related__card-title {
  position: relative;
  left: 0;
  top: 0;
  width: calc(100% - 60px);
  margin: 18px 30px 0;
  padding: 0;
}

.is-catalog-price-page .catalog-card:hover .catalog-card__divider,
.is-catalog-price-page .catalog-card:focus-within .catalog-card__divider,
.is-catalog-price-page .catalog-card:hover .catalog-card__price,
.is-catalog-price-page .catalog-card:focus-within .catalog-card__price {
  display: block;
  opacity: 1;
}

.is-catalog-price-page .catalog-grid.is-list .catalog-card:hover,
.is-catalog-price-page .catalog-grid.is-list .catalog-card:focus-within {
  height: auto;
}

.is-catalog-price-page .catalog-grid.is-list .catalog-card:hover .related__card-caption,
.is-catalog-price-page .catalog-grid.is-list .catalog-card:focus-within .related__card-caption {
  top: auto;
  height: auto;
}

.is-catalog-price-page .catalog-grid.is-list .catalog-card__divider,
.is-catalog-price-page .catalog-grid.is-list .catalog-card__price {
  display: none;
  opacity: 0;
}

.is-catalog-price-page .catalog-grid.is-list .catalog-card:hover .catalog-card__divider,
.is-catalog-price-page .catalog-grid.is-list .catalog-card:focus-within .catalog-card__divider,
.is-catalog-price-page .catalog-grid.is-list .catalog-card:hover .catalog-card__price,
.is-catalog-price-page .catalog-grid.is-list .catalog-card:focus-within .catalog-card__price {
  display: block;
  opacity: 1;
}

.catalog-card--quote {
  height: 493px;
}

.catalog-card--quote .related__card-caption {
  height: 133.23px;
  overflow: hidden;
}

.catalog-card--quote .related__card-title {
  position: relative;
  left: 0;
  top: 0;
  width: calc(100% - 60px);
  margin: 18px 30px 0;
  padding: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.catalog-card--quote .catalog-card__divider {
  margin-top: 0;
}

.is-catalog-quote-page .catalog-card {
  transition: height 0.28s ease;
}

.is-catalog-quote-page .catalog-card .related__card-caption {
  transition: height 0.28s ease;
}

.is-catalog-quote-page .catalog-card__divider {
  display: none;
  opacity: 0;
  height: 1px;
  margin: 0 30px;
  overflow: hidden;
  transition: opacity 0.28s ease;
}

.is-catalog-quote-page .catalog-card:hover .catalog-card__divider,
.is-catalog-quote-page .catalog-card:focus-within .catalog-card__divider {
  display: block;
  opacity: 1;
}

.is-catalog-quote-page .catalog-card:hover,
.is-catalog-quote-page .catalog-card:focus-within {
  height: 493px;
}

.is-catalog-quote-page .catalog-card:hover .related__card-caption,
.is-catalog-quote-page .catalog-card:focus-within .related__card-caption {
  height: 133.23px;
}

.is-catalog-quote-page .catalog-card:hover .related__card-title,
.is-catalog-quote-page .catalog-card:focus-within .related__card-title {
  position: relative;
  left: 0;
  top: 0;
  width: calc(100% - 60px);
  margin: 18px 30px 0;
  padding: 0;
}

.catalog-card__quote {
  position: absolute;
  left: 29.99px;
  right: 30.42px;
  bottom: 0;
  top: auto;
  z-index: 2;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 41px;
  padding: 6px 12px;
  border: 0.5px solid var(--color-red-border);
  border-radius: 32px;
  background:
    radial-gradient(ellipse at center top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, var(--color-red) 0%, var(--color-red) 100%);
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 18px;
  line-height: normal;
  color: #fff;
  white-space: nowrap;
  transition: var(--btn-transition);
}

.is-catalog-quote-page .catalog-card__quote {
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  pointer-events: none;
  transition:
    opacity 0.28s ease,
    visibility 0.28s ease,
    transform 0.28s ease,
    filter 0.28s ease,
    box-shadow 0.28s ease;
}

.is-catalog-quote-page .catalog-card:hover .catalog-card__quote,
.is-catalog-quote-page .catalog-card:focus-within .catalog-card__quote {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.catalog-card__quote:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
  box-shadow: var(--btn-shadow-hover);
}

.catalog-card__quote:active {
  transform: translateY(0);
  filter: brightness(0.96);
  box-shadow: var(--btn-shadow-active);
}

.catalog-card__quote:focus-visible {
  outline: 2px solid var(--color-red);
  outline-offset: 3px;
}

.catalog-grid.is-list .catalog-card--quote {
  height: auto;
}

.catalog-grid.is-list .catalog-card--quote .related__card-caption {
  top: auto;
  height: auto;
}

.is-catalog-quote-page .catalog-grid.is-list .catalog-card:hover,
.is-catalog-quote-page .catalog-grid.is-list .catalog-card:focus-within {
  height: auto;
}

.is-catalog-quote-page .catalog-grid.is-list .catalog-card:hover .related__card-caption,
.is-catalog-quote-page .catalog-grid.is-list .catalog-card:focus-within .related__card-caption {
  height: auto;
}

.catalog-grid.is-list .catalog-card__quote {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 377px;
  margin: 0 30px 24px;
}

.is-catalog-quote-page .catalog-grid.is-list .catalog-card__quote {
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  pointer-events: none;
}

.is-catalog-quote-page .catalog-grid.is-list .catalog-card:hover .catalog-card__quote,
.is-catalog-quote-page .catalog-grid.is-list .catalog-card:focus-within .catalog-card__quote {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.catalog-page__soft-bg {
  position: absolute;
  left: 0;
  top: 2840px;
  width: 1920px;
  height: 997px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f7f7f7 28%, #f7f7f7 100%);
  pointer-events: none;
}

.catalog-grid.is-list .catalog-card--priced {
  height: auto;
}

.catalog-grid.is-list .catalog-card--priced .related__card-caption {
  top: auto;
  height: auto;
}

.catalog-grid.is-list .related__card-title {
  position: relative;
  left: 0;
  top: 0;
  width: auto;
  margin: 0;
  padding: 0;
}

.catalog-grid.is-list .catalog-card__divider {
  width: 100%;
  margin: 0;
}

.catalog-grid.is-list .catalog-card__price {
  padding: 0;
  margin: 0;
}

.catalog-grid.is-list .catalog-card--priced .related__card-title {
  width: auto;
  margin: 0;
  padding: 0;
}

.catalog-page__stage .contact {
  top: 3199px;
}

.catalog-page__stage .site-footer {
  top: 4088px;
}

.catalog-page__stage.is-layout-ready .faq,
.catalog-page__stage.is-layout-ready .contact,
.catalog-page__stage.is-layout-ready .site-footer,
.catalog-page__stage.is-layout-ready .catalog-page__soft-bg {
  transition: top 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .faq__item-icon {
    transition: none;
  }
}

/* ─── Industries page — Figma frame 63:1095 (1920×4149) ─── */
.industries-page .catalog-page__stage {
  height: 4149px;
}

.industries-page .product-banner__title--industry,
.industry-detail-page .product-banner__title--industry,
.career-detail-page .product-banner__title--industry {
  width: 949.438px;
  white-space: normal;
}

.industries-page:not(.partners-page) .product-banner__bar--industry {
  left: 0;
  width: 0;
  max-width: none;
  transform: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.industries-page:not(.partners-page) .product-banner__bar--industry.is-aligned {
  opacity: 1;
  visibility: visible;
}

.industry-detail-page .product-banner__bar--industry {
  left: calc(50% + 107.35px);
  width: 367.369px;
  transform: none;
}

.partners-page .product-banner__bar--partners,
.partners-page .product-banner__bar--industry {
  left: 0;
  width: 0;
  max-width: none;
  transform: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.partners-page .product-banner__bar--partners.is-aligned,
.partners-page .product-banner__bar--industry.is-aligned {
  opacity: 1;
  visibility: visible;
}

.industries-page .product-banner__title--industry .product-banner__hl {
  display: inline-block;
  position: relative;
  z-index: 2;
}

.industries-page .catalog-page__stage .contact {
  top: 2679px;
}

.industries-page .catalog-page__stage .site-footer {
  top: 3568px;
}

.industries-page .catalog-page__soft-bg {
  top: 2320px;
}

.industries-sidebar {
  position: absolute;
  left: 60px;
  top: 687.5px;
  z-index: 4;
  width: 361px;
}

.industries-sidebar__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 48px;
  line-height: normal;
  color: var(--color-red);
}

.industries-sidebar__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.industries-sidebar__filter-btn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 1px solid rgba(6, 46, 98, 0.14);
  border-radius: 999px;
  background: #fff;
  color: var(--color-navy, #062e62);
  flex-shrink: 0;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(6, 46, 98, 0.08);
}

.industries-sidebar__filter-btn img {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}

.industries-sidebar__filter-close {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(6, 46, 98, 0.08);
  color: var(--color-navy, #062e62);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}

.industries-sidebar__panel-head {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
}

.industries-sidebar__panel-title {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--color-navy, #062e62);
}

.industries-sidebar__scrim {
  display: none;
}

.industries-sidebar__panel {
  display: block;
}

.industries-sidebar__rule {
  width: 360.972px;
  height: 1px;
  margin-top: 28.17px;
  background: #d7d7d7;
}

.industries-sidebar__body {
  position: relative;
  margin-top: 36.83px;
}

.industries-sidebar__filters {
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 100%;
  max-width: 100%;
  max-height: 687px;
  overflow-x: hidden;
  overflow-y: scroll;
  overscroll-behavior: contain;
  padding-right: 14px;
  box-sizing: border-box;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(6, 46, 98, 0.35) #e8e8e8;
}

.industries-sidebar__filters::-webkit-scrollbar {
  width: 6px;
}

.industries-sidebar__filters::-webkit-scrollbar-track {
  background: #e8e8e8;
  border-radius: 300px;
}

.industries-sidebar__filters::-webkit-scrollbar-thumb {
  background: rgba(6, 46, 98, 0.35);
  border-radius: 300px;
}

.industries-sidebar__filters::-webkit-scrollbar-thumb:hover {
  background: rgba(6, 46, 98, 0.55);
}

.industries-sidebar__option {
  gap: 15px;
  margin-bottom: 0;
}

.industries-sidebar__option .catalog-filter__box {
  border-color: #000;
}

.industries-sidebar__option input:checked + .catalog-filter__box {
  background: transparent;
}

.industries-sidebar__option .catalog-filter__text {
  font-weight: 300;
  font-size: 20px;
  line-height: 26.395px;
  color: #000;
}

.industries-grid {
  position: absolute;
  left: 475.94px;
  top: 728.5px;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, 439.409px);
  gap: 50px 33px;
  width: 1384.226px;
}

.partners-page .industries-sidebar__filters {
  gap: 28px;
}

.partners-page .industries-sidebar__option .catalog-filter__text {
  white-space: normal;
  max-width: 280px;
}

/* Auto-height cards so long partner copy does not spill into contact/footer. */
.partners-page .industry-card {
  height: auto;
  min-height: 548.587px;
}

.partners-page .industry-card__link {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 548.587px;
}

/* Logo stage: consistent area, full mark visible, original colors. */
.partners-page .industry-card__visual {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 36px 40px;
  background: #f7f7f7;
}

.partners-page .industry-card__img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
  object-position: center;
}

.partners-page .industry-card__link:hover .industry-card__img {
  transform: none;
}

.partners-page .industry-card__tone {
  display: none;
}

.partners-page .industry-card__body {
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 26px 34px 28px;
}

.partners-page .industry-card__cta-text {
  margin-top: auto;
  padding-right: 36px;
}

.partners-page .industry-card__cta-arrow {
  left: auto;
  right: 34px;
  top: auto;
  bottom: 28px;
}

.industry-card {
  width: 439.409px;
  height: 548.587px;
}

.industry-card.is-filter-hidden,
.industry-card.is-page-hidden {
  display: none !important;
}

.industries-page .eq-pagination {
  position: absolute;
  left: 475.94px;
  width: 1384.226px;
  z-index: 3;
}

.industry-card__link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #cfcfcf;
  border-radius: 10px;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  background: #fff;
  transition: box-shadow 0.28s ease, transform 0.28s ease;
}

.industry-card__link:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);
}

.industry-card__visual {
  position: relative;
  width: 100%;
  height: 314.728px;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

.industry-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.industry-card__link:hover .industry-card__img {
  transform: scale(1.03);
}

.industry-card__tone {
  position: absolute;
  inset: 0;
  background: #473535;
  mix-blend-mode: color;
  pointer-events: none;
}

/* Full-color industry thumbnails (no greyscale blend overlay). */
.industries-page .industry-card__tone {
  display: none;
}

.industry-card__body {
  position: absolute;
  left: 34.2px;
  top: 341px;
  width: 371px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.industry-card__copy {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.industry-card__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  line-height: 38.66px;
  letter-spacing: -0.3181px;
  color: #000;
}

.industry-card__desc {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  color: #797b7e;
}

.industry-card__cta-text {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  color: #2d3682;
}

.industry-card__cta-arrow {
  position: absolute;
  left: 189px;
  top: 162px;
  width: 24px;
  height: 24px;
  pointer-events: none;
  transition: transform 0.28s ease;
}

.industry-card__link:hover .industry-card__cta-arrow {
  transform: translateX(4px);
}

@media (prefers-reduced-motion: reduce) {
  .industry-card__link,
  .industry-card__img,
  .industry-card__cta-arrow {
    transition: none;
  }
}

/* ─── Industry detail page — Figma frame 44:1200 (1920×9417) ─── */
.industry-detail-page .catalog-page__stage {
  height: 9893px;
}

.industry-detail-intro {
  position: absolute;
  left: 60px;
  top: 732.329px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 1800px;
}

.industry-detail-intro__eyebrow {
  margin: 0;
  width: 100%;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 19.365px;
  letter-spacing: 1.3832px;
  text-transform: uppercase;
  color: var(--color-red);
}

.industry-detail-intro__title {
  margin: 0;
  max-width: 1516.592px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 78.842px;
  line-height: 83.185px;
  letter-spacing: -0.7884px;
  color: #000;
}

.industry-detail-columns {
  position: absolute;
  left: 60px;
  top: 1021.803px;
  z-index: 3;
  width: 1800px;
  height: auto;
  min-height: 168.749px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 887.095px));
  column-gap: 25.81px;
  align-items: start;
  box-sizing: border-box;
}

.industry-detail-column {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: auto;
  min-height: 0;
  border-top: 1.383px solid #dadee3;
  padding-top: 40px;
  box-sizing: border-box;
}

.industry-detail-column--left,
.industry-detail-column--right {
  left: auto;
}

.industry-detail-column p {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  margin: 0;
  transform: none;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 22.131px;
  line-height: 35.963px;
  color: #797b7e;
}

.industry-detail-feature {
  position: absolute;
  left: 60px;
  top: 1259.711px;
  z-index: 3;
  width: 1800px;
  height: 737.093px;
  margin: 0;
  border-radius: 30px;
  overflow: hidden;
}

.industry-detail-feature__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}

.industry-detail-equipment {
  position: absolute;
  left: 0;
  right: 0;
  top: 2146.804px;
  z-index: 3;
  width: 1797.639px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  padding-bottom: 48px;
  box-sizing: border-box;
}

.industry-detail-partners,
.about-partners {
  position: absolute;
  z-index: 3;
  width: 1900px;
  height: 93.004px;
  overflow: hidden;
  background: var(--color-red);
}

.industry-detail-partners {
  left: 10px;
  top: 2146.804px;
}

.about-partners {
  left: 9.641px;
  top: 1458px;
}

.about-partners .hero__partners-set,
.industry-detail-partners .hero__partners-set {
  opacity: 1;
}

.industry-detail-partners .hero__partners-track,
.about-partners .hero__partners-track {
  height: 49.721px;
  margin-top: 22px;
}

.industry-detail-section-head {
  position: absolute;
  left: 0;
  top: 2866.595px;
  z-index: 3;
  width: 1920px;
  text-align: center;
}

.industry-detail-section-head__eyebrow {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 19.365px;
  letter-spacing: 1.3832px;
  text-transform: uppercase;
  color: var(--color-red);
}

.industry-detail-section-head__title {
  margin: 23.879px auto 0;
  max-width: 880.213px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 78.842px;
  line-height: 83.185px;
  letter-spacing: -0.7884px;
  color: #000;
}

.industry-detail-care {
  position: absolute;
  left: 60px;
  top: 3157.069px;
  z-index: 3;
  width: 1800px;
  height: 871.409px;
}

.industry-detail-care__visual {
  position: absolute;
  left: 0;
  top: 0;
  width: 887.096px;
  height: 871.409px;
  margin: 0;
  border-radius: 30px;
  overflow: hidden;
}

.industry-detail-care__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}

.industry-detail-care__card {
  position: absolute;
  box-sizing: border-box;
  width: 430.643px;
  height: 414.957px;
  border: 1.383px solid #dadee3;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 49.795px 62.74px 40px 42.879px;
  overflow: hidden;
}

.industry-detail-care__card--1 {
  left: 912.904px;
  top: 0;
}

.industry-detail-care__card--2 {
  left: 1369.356px;
  top: 0;
}

.industry-detail-care__card--3 {
  left: 912.904px;
  top: 456.453px;
}

.industry-detail-care__card--4 {
  left: 1369.356px;
  top: 456.453px;
}

.industry-detail-care__icon {
  position: static;
  left: auto;
  top: auto;
  width: 90.379px;
  height: 74.692px;
  flex: 0 0 auto;
  margin: 0 0 28px;
  object-fit: contain;
}

.industry-detail-care__card-title {
  position: static;
  left: auto;
  right: auto;
  top: auto;
  margin: auto 0 16px;
  transform: none;
  max-width: 100%;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 31.813px;
  line-height: 1.25;
  letter-spacing: -0.3181px;
  color: #000;
}

.industry-detail-care__card-text {
  position: static;
  left: auto;
  right: auto;
  top: auto;
  margin: 0;
  transform: none;
  max-width: 100%;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 22.131px;
  line-height: 1.45;
  color: #797b7e;
}

.industry-detail-equipment__title {
  margin: 0;
  max-width: 1240.73px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 78.842px;
  line-height: 83.185px;
  letter-spacing: -0.7884px;
  text-align: center;
  color: #000;
}

.industry-detail-equipment__carousel {
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  box-sizing: border-box;
}

.industry-detail-equipment__viewport {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  touch-action: pan-y;
  cursor: grab;
}

.industry-detail-equipment__viewport:active {
  cursor: grabbing;
}

.industry-detail-equipment__track {
  display: flex;
  gap: 16px;
  width: max-content;
  will-change: transform;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.industry-detail-equipment__slide {
  flex: 0 0 auto;
  min-width: 0;
  box-sizing: border-box;
}

.industry-detail-equipment__slide .related__card {
  width: 100%;
}

.industry-detail-equipment__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 8px;
  border: 0;
  border-radius: 50%;
  background: var(--color-red);
  flex-shrink: 0;
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
}

.industry-detail-equipment__nav img {
  display: block;
  width: 22px;
  height: 22px;
}

.industry-detail-equipment__nav--prev img {
  transform: rotate(180deg);
}

.industry-detail-equipment__nav:hover:not(:disabled) {
  transform: scale(1.08);
  box-shadow: var(--btn-shadow-hover);
}

.industry-detail-equipment__nav:active:not(:disabled) {
  transform: scale(0.96);
}

.industry-detail-equipment__nav:disabled {
  opacity: 0.35;
  cursor: default;
}

.industry-detail-equipment__row {
  display: flex;
  gap: 16px;
  width: 100%;
}

.industry-detail-equipment__row--center {
  justify-content: center;
}

.industry-detail-empower {
  position: absolute;
  left: 0;
  top: 5059.146px;
  z-index: 2;
  width: 1920px;
  height: 775.629px;
  background: #2d3682;
}

.industry-detail-empower__title {
  position: absolute;
  left: 99.199px;
  top: 187.816px;
  width: 1584.818px;
  margin: 0;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 75.391px;
  line-height: 79.544px;
  letter-spacing: -0.7539px;
  color: #f9fcff;
}

.industry-detail-empower__text {
  position: absolute;
  left: 972.148px;
  top: 476.723px;
  width: 898.018px;
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 24px;
  line-height: 34.389px;
  color: #d0d5db;
}

.industry-detail-stats {
  position: absolute;
  left: 0;
  top: 5834.788px;
  z-index: 2;
  width: 1920px;
  height: 1031.668px;
  background: #2d3682;
}

.industry-detail-stats__visual {
  position: absolute;
  left: 99.199px;
  top: 0;
  width: 558.239px;
  height: 833.27px;
  margin: 0;
  border-radius: 30px;
  overflow: hidden;
}

.industry-detail-stats__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}

.industry-detail-stats__copy {
  position: absolute;
  left: 682.117px;
  top: 0;
  width: 701.337px;
  height: 833.27px;
  border-radius: 30px;
  background: #ff3c40;
}

.industry-detail-stats__text {
  position: absolute;
  left: 52.906px;
  right: 86.99px;
  top: 260.5px;
  margin: 0;
  transform: translateY(-50%);
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 36px;
  line-height: 42.404px;
  letter-spacing: -0.3703px;
  color: #f9fcff;
}

.industry-detail-stats__cta {
  position: absolute;
  left: 52.906px;
  top: 685.132px;
  width: 185.172px;
  height: 68.778px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 39.68px;
  border: 1.323px solid #fff;
  background: #ff3c40;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 19.84px;
  line-height: 26.453px;
  color: #f9fcff;
  text-decoration: none;
  transition: transform 0.28s ease, filter 0.28s ease, box-shadow 0.28s ease;
}

.industry-detail-stats__cta:hover {
  transform: scale(1.03);
  filter: brightness(1.06);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}

.industry-detail-stats__cta:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.industry-detail-stats__card {
  position: absolute;
  left: 1394px;
  width: 465px;
  height: 411px;
  border-radius: 30px;
  background: #f0f5f7;
}

.industry-detail-stats__card--1 {
  top: 0.212px;
}

.industry-detail-stats__card--2 {
  top: 422.212px;
}

.industry-detail-stats__card--2 .industry-detail-stats__desc {
  right: 39.95px;
}

.industry-detail-stats__value {
  position: absolute;
  left: 33.35px;
  top: 85.85px;
  margin: 0;
  transform: translateY(-50%);
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 75.391px;
  line-height: 79.544px;
  letter-spacing: -0.7539px;
  color: #000;
}

.industry-detail-stats__label {
  position: absolute;
  left: 33.35px;
  top: 248.526px;
  margin: 0;
  transform: translateY(-50%);
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 30.421px;
  line-height: 36.968px;
  letter-spacing: -0.3042px;
  color: #000;
}

.industry-detail-stats__desc {
  position: absolute;
  left: 33.35px;
  right: 29.68px;
  top: 315.24px;
  margin: 0;
  transform: translateY(-50%);
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 21.162px;
  line-height: 34.389px;
  color: #797b7e;
}

.industry-detail-page .faq {
  position: absolute;
  left: 0;
  top: 7016.455px;
  z-index: 3;
  width: 1920px;
  height: 781px;
  background: #fff;
}

.industry-detail-page .faq__intro {
  top: 0;
}

.industry-detail-page .faq__list {
  top: 148.383px;
}

.industry-detail-page .catalog-page__stage .contact {
  top: 7948.072px;
}

.industry-detail-page .catalog-page__stage .site-footer {
  top: 8837.072px;
}

.industry-detail-page .contact--project .contact__title {
  line-height: 1.03;
}

@media (prefers-reduced-motion: reduce) {
  .industry-detail-partners .hero__partners-track,
  .about-partners .hero__partners-track {
    animation: none !important;
  }
}

/* ─── About page — Figma frame 38:8556 (1920×6179) ─── */
.about-page .catalog-page__stage {
  height: 6169px;
}

.about-page .product-banner__title--about {
  width: 1103.344px;
  white-space: normal;
  z-index: 2;
}

.about-page .product-banner__bar--about {
  z-index: 1;
  left: 0;
  width: 0;
  max-width: none;
  height: 76.928px;
  transform: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.about-page .product-banner__bar--about.is-aligned {
  opacity: 1;
  visibility: visible;
}

.about-page .product-banner__title--about .product-banner__hl {
  display: inline-block;
  position: relative;
  z-index: 2;
}

.about-approach {
  position: absolute;
  left: 58.641px;
  top: 682px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1860px;
  height: 625.386px;
}

.about-approach__copy {
  display: flex;
  flex-direction: column;
  gap: 23px;
  width: 850.248px;
  flex-shrink: 0;
}

.about-approach__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 64px;
  line-height: normal;
  color: #000;
}

.about-approach__body {
  width: 778.07px;
}

.about-approach__body p {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  color: #181818;
}

.about-approach__body p + p {
  margin-top: 36px;
}

.about-approach__visual {
  position: relative;
  width: 984.688px;
  height: 625.386px;
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
}

.about-approach__img {
  position: absolute;
  top: 0;
  left: -1.25%;
  width: 113.3%;
  height: 100%;
  object-fit: cover;
}

.about-stats {
  position: absolute;
  left: 0;
  right: 0;
  top: 1701px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 84px;
  width: 1800px;
  margin: 0 auto;
}

.about-stats__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 1209px;
  text-align: center;
}

.about-stats__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 64px;
  line-height: normal;
  color: #000;
}

.about-stats__intro {
  margin: 0;
  width: 951.375px;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  color: #181818;
}

.about-stats__grid {
  position: relative;
  width: 1800px;
  height: 654.31px;
}

.about-stat-card {
  position: absolute;
  width: 439.72px;
  height: 447.414px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.21);
  overflow: hidden;
}

.about-stat-card--1 {
  left: 1.293px;
  top: 0;
}

.about-stat-card--2 {
  left: 451.293px;
  top: 206.898px;
}

.about-stat-card--3 {
  left: 908.984px;
  top: 0;
}

.about-stat-card--4 {
  left: 1358.984px;
  top: 206.898px;
}

.about-stat-card__body {
  height: 100%;
  padding: 11.93px 30.03px 30.04px 30.04px;
}

.about-stat-card__title {
  display: flex;
  align-items: center;
  gap: 15.62px;
  margin-left: -16.38px;
  min-height: 23.276px;
}

.about-stat-card__title--offset {
  margin-left: 0;
  padding-left: 34.62px;
}

.about-stat-card__marker {
  flex-shrink: 0;
  width: 18.103px;
  height: 18.103px;
}

.about-stat-card__title span {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 18.103px;
  line-height: 21.724px;
  letter-spacing: -0.7241px;
  text-transform: uppercase;
  color: #686868;
  white-space: nowrap;
}

.about-stat-card__content {
  margin-top: 156.464px;
}

.about-stat-card__value-group {
  min-height: 111.207px;
}

.about-stat-card__value {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 69.828px;
  line-height: 77.586px;
  letter-spacing: -2.5862px;
  color: var(--color-red);
}

.about-stat-card__unit {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 23.276px;
  line-height: 32.586px;
  color: #686868;
}

.about-stat-card__divider {
  height: 1.293px;
  margin-top: 28.443px;
  background: #e6e6e6;
}

.about-stat-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 54.31px;
  margin-top: 28.443px;
}

.about-stat-card__desc {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 15.517px;
  line-height: 18.621px;
  color: #5e5e5e;
}

.about-stat-card__icon {
  flex-shrink: 0;
  width: 51.724px;
  height: 51.724px;
}

.about-stat-card__icon--1 {
  width: 50.431px;
  height: 42.672px;
}

.about-stat-card__corner {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 20.69px;
  height: 20.69px;
  pointer-events: none;
}

.about-lab {
  position: absolute;
  left: 9.641px;
  top: 2800.301px;
  z-index: 3;
  width: 1897.332px;
  height: 827.131px;
}

.about-lab__visual {
  position: absolute;
  inset: 0;
  margin: 0;
  border-radius: 30px;
  overflow: hidden;
}

.about-lab__img {
  position: absolute;
  top: -3.26%;
  left: 0;
  width: 100%;
  height: 130.42%;
  object-fit: cover;
}

.about-lab__fade {
  position: absolute;
  inset: 0;
  border-radius: 30px;
  background: linear-gradient(
    90deg,
    #fff 32.963%,
    rgba(255, 255, 255, 0) 86.295%
  );
  pointer-events: none;
}

.about-lab__copy {
  position: absolute;
  left: 48.043px;
  top: 146.566px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 850.248px;
}

.about-lab__text {
  display: flex;
  flex-direction: column;
  gap: 23px;
}

.about-lab__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 64px;
  line-height: normal;
  color: #000;
}

.about-lab__body {
  width: 778.07px;
}

.about-lab__body p {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  color: #181818;
}

.about-lab__body p + p {
  margin-top: 36px;
}

.about-lab__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 227px;
  height: 41px;
  padding: 6px 12px;
  border-radius: 32px;
  border: 0.5px solid var(--color-red-border);
  background:
    radial-gradient(ellipse at center top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, var(--color-red) 0%, var(--color-red) 100%);
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  transition: var(--btn-transition);
}

.about-lab__cta:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
  box-shadow: var(--btn-shadow-hover);
}

.about-lab__cta:active {
  transform: translateY(0);
  filter: brightness(0.96);
  box-shadow: var(--btn-shadow-active);
}

.about-lab__cta:focus-visible {
  outline: 2px solid var(--color-red);
  outline-offset: 3px;
}

.about-page .faq {
  position: absolute;
  left: 0;
  top: 3778.383px;
  z-index: 3;
  width: 1920px;
  height: 782px;
  background: #fff;
}

.about-page .faq__intro {
  top: 0;
}

.about-page .faq__list {
  top: 148.383px;
}

.about-page .catalog-page__stage .contact {
  top: 4710px;
}

.about-page .contact--project .contact__title {
  line-height: 1.03;
}

.about-page .catalog-page__stage .site-footer {
  top: 5599px;
}

/* ─── Careers page — Figma frame 38:11040 (1920×4411) ─── */
/* ─── Careers page — Figma frame 38:11040 (1920×4411) ─── */
.careers-page .product-banner__title--careers {
  width: 846.275px;
  white-space: normal;
  z-index: 2;
}

.careers-page .product-banner__bar--careers {
  z-index: 1;
  height: 76.928px;
  transform: none;
}

.careers-intro {
  position: absolute;
  left: 129.654px;
  top: 620px;
  z-index: 4;
  width: 1660.692px;
  box-sizing: border-box;
}

.careers-intro__head {
  max-width: 920px;
  margin-bottom: 36px;
}

.careers-intro__eyebrow {
  margin: 0 0 12px;
  font-family: var(--font-display, var(--font-body));
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-red);
}

.careers-intro__title {
  margin: 0;
  font-family: var(--font-display, var(--font-body));
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
  color: #0e202a;
}

.careers-intro__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.careers-intro__card {
  box-sizing: border-box;
  min-height: 100%;
  padding: 28px 26px;
  border: 1px solid rgba(14, 32, 42, 0.1);
  border-radius: 12px;
  background: #fff;
}

.careers-intro__card-title {
  margin: 0 0 14px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #0e202a;
}

.careers-intro__card-body {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.55;
  color: #5c6b74;
}

.careers-intro__card-body p {
  margin: 0;
}

.careers-intro__card-body p + p {
  margin-top: 12px;
}

.careers-intro__list {
  margin: 0;
  padding: 0 0 0 1.15em;
}

.careers-intro__list li + li {
  margin-top: 8px;
}

.careers-layout {
  position: absolute;
  left: 129.654px;
  top: 732px;
  z-index: 4;
  display: flex;
  align-items: flex-start;
  gap: 25.346px;
  width: 1660.692px;
}

.careers-filters {
  position: relative;
  left: auto;
  top: auto;
  width: 392px;
  flex-shrink: 0;
}

.careers-filters .catalog-filters__list {
  padding-top: 77px;
}

.careers-layout__main {
  flex: 1;
  min-width: 0;
}

.careers-tabs {
  margin-bottom: 39.88px;
}

.careers-tabs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.careers-tabs__tab {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 10px 18px 10px 20px;
  border: 1.268px solid #d7d7d7;
  border-radius: 999px;
  background: #f5f5f5;
  cursor: pointer;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.careers-tabs__tab:hover {
  background: #fff;
  border-color: #c8c8c8;
}

.careers-tabs__tab.is-active {
  background: #fff;
  border-color: var(--color-red);
  box-shadow: 0 8px 24px rgba(45, 54, 130, 0.08);
}

.careers-tabs__label {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  color: #0e202a;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.careers-tabs__tab:hover .careers-tabs__label,
.careers-tabs__tab.is-active .careers-tabs__label {
  color: var(--color-red);
}

.careers-tabs__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(14, 32, 42, 0.08);
  font-family: "IBM Plex Mono", monospace;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  color: #0e202a;
  transition: background-color 0.25s ease, color 0.25s ease;
}

.careers-tabs__tab.is-active .careers-tabs__count {
  background: var(--color-red);
  color: #fff;
}

.careers-jobs-list {
  display: flex;
  flex-direction: column;
  gap: 72px;
}

.careers-jobs {
  position: relative;
  left: auto;
  top: auto;
  z-index: 3;
  width: 100%;
  margin: 0;
}

.careers-jobs.is-hidden {
  display: none;
}

.careers-jobs__head {
  display: flex;
  align-items: center;
  gap: 11.5px;
  min-height: 45.637px;
  margin-bottom: 51.976px;
}

.careers-jobs__pin {
  flex-shrink: 0;
  width: 21.436px;
  height: 28.032px;
}

.careers-jobs__location {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 35.496px;
  line-height: 45.637px;
  color: #0e202a;
}

.careers-jobs__grid {
  display: flex;
  gap: 83.668px;
}

.careers-jobs__col {
  flex: 1;
  min-width: 0;
  max-width: 788.512px;
}

.careers-jobs__col.is-hidden {
  display: none;
}

.careers-job__rule {
  height: 1.268px;
  background: #dcdcdc;
}

.careers-job__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 46.563px 0 47.172px;
}

.careers-job__row.is-hidden {
  display: none;
}

.careers-job__row.is-page-hidden {
  display: none;
}

.careers-job__row.is-hidden + .careers-job__rule,
.careers-job__row.is-page-hidden + .careers-job__rule {
  display: none;
}

.careers-job__title {
  margin: 0;
  max-width: 494px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 25.354px;
  line-height: 31.693px;
  color: #0e202a;
}

.careers-job__apply {
  display: inline-flex;
  align-items: center;
  gap: 4.5px;
  flex-shrink: 0;
  margin-top: 2px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 16.48px;
  line-height: 20.283px;
  text-transform: uppercase;
  color: #2d3682;
  white-space: nowrap;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.careers-job__apply img {
  width: 15.212px;
  height: 15.212px;
}

.careers-job__apply:hover {
  opacity: 0.8;
  transform: translateX(2px);
}

.careers-job__apply:focus-visible {
  outline: 2px solid #2d3682;
  outline-offset: 3px;
  border-radius: 4px;
}

.careers-page .faq {
  position: absolute;
  left: 0;
  top: 2010.554px;
  z-index: 3;
  width: 1920px;
  height: 782px;
  background: #fff;
}

/* Shared list pagination (catalog + careers) */
.eq-pagination {
  z-index: 2;
}

.eq-pagination__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.eq-pagination__page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #d7d7d7;
  background: #fff;
  font: 500 16px/1 var(--font-body);
  color: #303030;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

a.eq-pagination__page:hover,
a.eq-pagination__page:focus-visible {
  border-color: var(--color-red);
  color: var(--color-red);
}

.eq-pagination__page.is-current {
  background: var(--color-red);
  border-color: var(--color-red);
  color: #fff;
}

.eq-pagination__page.is-disabled {
  opacity: 0.45;
  cursor: default;
}

.eq-pagination__gap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  color: #909090;
}

.careers-page .eq-pagination {
  margin-top: 40px;
}

.careers-page .faq__intro {
  top: 0;
}

.careers-page .faq__list {
  top: 148.383px;
}

.careers-page .catalog-page__stage .contact {
  top: 2942.171px;
}

.careers-page .contact--project .contact__title {
  line-height: 1.03;
}

.careers-page .catalog-page__stage .site-footer {
  top: 3831.171px;
}

.careers-page .catalog-page__stage {
  height: auto;
  min-height: 4401px;
}

.careers-job__info {
  min-width: 0;
}

.careers-job__desc {
  margin: 8px 0 0;
  max-width: 494px;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #5c6b74;
}

/* ─── Careers apply popup ─── */
.careers-apply {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  color-scheme: dark;
  font-family: var(--font-body);
  transition: opacity 0.3s ease;
}

.careers-apply[hidden] {
  display: none;
}

.careers-apply.is-visible {
  opacity: 1;
}

.careers-apply__overlay {
  position: absolute;
  inset: 0;
  background: rgba(14, 32, 42, 0.72);
}

.careers-apply__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1120px;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  padding: 42px 44px 36px;
  border-radius: 30px;
  background:
    radial-gradient(ellipse 960px 420px at 50% 0%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, var(--color-red) 0%, var(--color-red) 100%);
  transform: translateY(18px);
  transition: transform 0.35s ease;
}

.careers-apply.is-visible .careers-apply__dialog {
  transform: none;
}

.careers-apply__close {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.85;
  transition: opacity 0.2s ease;
}

.careers-apply__close:hover {
  opacity: 1;
}

.careers-apply__close:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
  border-radius: 6px;
}

.careers-apply__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 32px;
  line-height: 1.15;
  color: #fff;
}

.careers-apply__position {
  margin: 10px 0 0;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 15px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: rgba(255, 255, 255, 0.85);
}

.careers-apply__header {
  margin-bottom: 28px;
  padding-right: 48px;
}

.careers-apply__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.25fr);
  gap: 34px;
  align-items: start;
}

.careers-apply__details {
  padding: 24px 22px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.careers-apply__details-title {
  margin: 0 0 16px;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.88);
}

.careers-apply__details-list {
  margin: 0;
  padding: 0 0 0 1.15em;
  list-style: disc;
}

.careers-apply__details-list li {
  margin: 0 0 12px;
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.92);
}

.careers-apply__details-list li:last-child {
  margin-bottom: 0;
}

.careers-apply__form-column {
  min-width: 0;
}

.careers-apply .contact__field {
  margin-bottom: 18px;
}

.careers-apply .contact__label {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.careers-apply .contact__input,
.careers-apply .contact__textarea,
.careers-apply select.contact__input {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 17px;
  letter-spacing: normal;
}

.careers-apply input[type="file"].contact__input::file-selector-button {
  margin-right: 12px;
  padding: 6px 14px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 20px;
  background: transparent;
  font-family: var(--font-body);
  font-size: 13px;
  color: #fff;
  cursor: pointer;
}

.careers-apply input[type="file"].contact__input {
  padding: 12px 17.28px;
  font-size: 15px;
  cursor: pointer;
}

.careers-apply .contact__submit,
.careers-apply input.contact__submit {
  margin-top: 8px;
}

body.careers-apply-open {
  overflow: hidden;
}

.careers-apply__steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 28px;
}

.careers-apply__step {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 8px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.72);
  transition: background 0.25s ease, color 0.25s ease;
}

.careers-apply__step.is-active,
.careers-apply__step.is-complete {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

.careers-apply__step-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
}

.careers-apply__step.is-active .careers-apply__step-index,
.careers-apply__step.is-complete .careers-apply__step-index {
  background: #fff;
  color: var(--color-red);
}

.careers-apply__step-label {
  font-family: var(--font-body);
  font-size: 11px;
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.careers-apply__panels {
  margin-bottom: 8px;
}

.careers-apply__panel[hidden] {
  display: none;
}

.careers-apply__required {
  color: rgba(255, 255, 255, 0.85);
}

.careers-apply__hint,
.careers-apply__empty {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.78);
}

.careers-apply__choice-group {
  display: grid;
  gap: 10px;
}

.careers-apply__choice {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  color: #fff;
}

.careers-apply__choice input {
  width: 18px;
  height: 18px;
  accent-color: #fff;
}

.careers-apply__error {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.35;
  color: #ffe8e8;
}

.careers-apply__error[hidden] {
  display: none;
}

.careers-apply__review-section + .careers-apply__review-section {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.careers-apply__review-title {
  margin: 0 0 12px;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.82);
}

.careers-apply__review-row {
  display: grid;
  grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
  gap: 12px;
  padding: 8px 0;
}

.careers-apply__review-label {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.72);
}

.careers-apply__review-value {
  font-size: 15px;
  color: #fff;
  word-break: break-word;
}

.careers-apply__actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 18px;
}

.careers-apply__btn {
  min-width: 140px;
  padding: 14px 22px;
  border: 0;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.careers-apply__btn[disabled] {
  opacity: 0.65;
  cursor: wait;
}

.careers-apply__btn--ghost {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.55);
  color: #fff;
}

.careers-apply__btn--primary {
  background: #fff;
  color: var(--color-red);
}

.careers-apply__message {
  margin: 0 0 12px;
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 14px;
  line-height: 1.45;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}

.careers-apply__message.is-error {
  background: rgba(0, 0, 0, 0.22);
}

.careers-apply__message.is-success {
  background: rgba(255, 255, 255, 0.22);
}

.careers-apply__message[hidden] {
  display: none;
}

.careers-apply select.contact__input {
  appearance: none;
  background-color: rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  color-scheme: dark;
  background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%);
  background-position: calc(100% - 18px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.careers-apply select.contact__input option,
.careers-apply select.contact__input optgroup {
  background-color: #a50206;
  color: #fff;
}

.careers-apply select.contact__input option:checked {
  background-color: #7a0104;
  color: #fff;
}

.careers-apply select.contact__input:focus {
  background-color: rgba(255, 255, 255, 0.12);
  outline: none;
}

.careers-apply textarea.contact__input {
  min-height: 120px;
  resize: vertical;
}

.careers-apply__layout--form-only {
  grid-template-columns: minmax(0, 1fr);
  max-width: 720px;
  margin: 0 auto;
}

.careers-apply__layout--form-only .careers-apply__form-column {
  width: 100%;
}

/* ─── Career job detail page ─── */

.career-detail-page .catalog-page__stage {
  min-height: 582px;
}

.career-detail {
  position: absolute;
  left: 55.898px;
  top: 671.833px;
  z-index: 3;
  width: min(1804px, calc(100% - 111.796px));
  color: #181818;
}

.career-detail__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 32px;
  margin: 0 0 36px;
  padding: 0;
  list-style: none;
}

.career-detail__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.4;
  color: #181818;
}

.career-detail__meta-icon {
  flex-shrink: 0;
}

.career-detail__meta-label {
  font-weight: 600;
  margin-right: 4px;
}

.career-detail__section {
  margin-bottom: 32px;
}

.career-detail__section-title {
  margin: 0 0 16px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 28px;
  line-height: 1.25;
  color: var(--color-red);
}

.career-detail__overview {
  margin: 0;
  font-family: var(--font-body);
  font-size: 22px;
  line-height: 1.55;
  color: #181818;
}

.career-detail__content {
  font-family: var(--font-body);
  font-size: 20px;
  line-height: 1.65;
  color: #181818;
}

.career-detail__content > :first-child {
  margin-top: 0;
}

.career-detail__content > :last-child {
  margin-bottom: 0;
}

.career-detail__content h2,
.career-detail__content h3,
.career-detail__content h4 {
  margin: 32px 0 16px;
  font-family: var(--font-body);
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-red);
}

.career-detail__content h2 {
  font-size: 28px;
}

.career-detail__content h3 {
  font-size: 24px;
}

.career-detail__content h4 {
  font-size: 20px;
}

.career-detail__content p {
  margin: 0 0 20px;
}

.career-detail__content ul,
.career-detail__content ol {
  margin: 0 0 20px;
  padding-left: 1.35em;
}

.career-detail__content li {
  margin-bottom: 10px;
}

.career-detail__content a {
  color: var(--color-red);
  text-decoration: underline;
  text-underline-offset: 0.12em;
}

.career-detail__content a:hover {
  opacity: 0.85;
}

.career-detail__content strong,
.career-detail__content b {
  font-weight: 700;
}

.career-detail__actions {
  margin-top: 48px;
  padding-top: 8px;
}

.career-detail__apply.contact__submit {
  min-width: 220px;
}

.career-detail-page .catalog-page__stage .site-footer {
  position: absolute;
  left: 0;
  width: 100%;
}

/* ─── Services page — Figma frame 47:3084 (1920×8626) ─── */
.services-page .catalog-page__stage {
  height: 8626px;
}

.services-page .services-partners {
  left: 10px;
  top: 980.989px;
}

.services-page .industry-detail-intro {
  top: 1224.329px;
}

.services-page .industry-detail-columns {
  top: 1513.803px;
}

.services-page .services-feature {
  top: 1751.711px;
}

.services-page .service-detail-offerings {
  top: 4870.045px;
}

.services-page .faq {
  position: absolute;
  left: 0;
  top: 6225.153px;
  z-index: 3;
  width: 1920px;
  height: 781px;
  background: #fff;
}

.services-page .faq__intro {
  top: 0;
}

.services-page .faq__list {
  top: 148.383px;
}

/* Site-wide FAQ alignment — Figma 1:1508 / 1:1511 (homepage + all catalog pages) */
.section-six .faq__intro,
.catalog-page__stage .faq__intro {
  left: 60px;
  width: 1144px;
}

.section-six .faq__list,
.catalog-page__stage .faq__list {
  left: 60px;
  width: 1806px;
}

/* Shared contact + footer inset — Figma 1:1437 (homepage + catalog pages) */
.section-six .contact__shell,
.section-six .site-footer,
.catalog-page__stage .contact__shell,
.catalog-page__stage .site-footer {
  left: 10px;
  width: 1900px;
}

.section-six .site-footer__columns,
.catalog-page__stage .site-footer__columns {
  left: 435.039px;
}

.services-page .catalog-page__stage .contact {
  top: 7156.77px;
}

.services-page .contact--project .contact__title {
  line-height: 1.03;
}

.services-page .catalog-page__stage .site-footer {
  top: 8045.77px;
}

/* ─── Services listing page ─── */
.services-listing-page .catalog-page__stage {
  height: 3600px;
}

.services-listing-page .product-banner__title--services-listing {
  width: 846.275px;
  white-space: normal;
  z-index: 2;
}

.services-listing-page .product-banner__bar--services-listing {
  z-index: 1;
  height: 76.928px;
  transform: none;
}

.services-listing-intro {
  position: absolute;
  left: 129.654px;
  top: 650px;
  z-index: 3;
  width: 1660.692px;
}

.services-listing-intro__title {
  margin: 0 0 18px;
  max-width: 980px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 48px;
  line-height: 1.08;
  color: #0e202a;
}

.services-listing-intro__text {
  margin: 0;
  max-width: 920px;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 20px;
  line-height: 1.55;
  color: #5c6b74;
}

.services-listing-grid {
  position: absolute;
  left: 129.654px;
  top: 928px;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 50px 33px;
  width: 1660.692px;
}

.services-listing-page .catalog-page__soft-bg {
  top: 2140px;
}

.services-listing-page .catalog-page__stage .contact {
  top: 2499px;
}

.services-listing-page .catalog-page__stage .site-footer {
  top: 3388px;
}

.services-listing-page .industry-card {
  width: 100%;
  height: auto;
}

.services-listing-page .industry-card__link {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 548.587px;
  padding: 18px 18px 24px;
}

.services-listing-page .industry-card__visual {
  flex-shrink: 0;
  width: 100%;
  height: 248px;
  border-radius: 8px;
  background: #f7f7f7;
}

.services-listing-page .industry-card__img {
  border-radius: 8px;
  object-fit: contain;
}

.services-listing-page .industry-card__link:hover .industry-card__img {
  transform: none;
}

.services-listing-page .industry-card__tone {
  display: none;
}

.services-listing-page .industry-card__body {
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 4px 0;
  min-height: 0;
}

.services-listing-page .industry-card__title {
  line-height: 1.25;
}

.services-listing-page .industry-card__desc {
  line-height: 1.45;
}

.services-listing-page .industry-card__cta-text {
  margin-top: auto;
  padding-right: 36px;
}

.services-listing-page .industry-card__cta-arrow {
  position: absolute;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  width: 24px;
  height: 24px;
}

.services-hero {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 1920px;
  height: 970px;
  background: #fff;
}

.services-hero__media {
  position: absolute;
  top: 0.782px;
  width: 343px;
  height: 970px;
  margin: 0;
  overflow: hidden;
}

.services-hero__media--left {
  left: 0;
}

.services-hero__media--right {
  left: 1577px;
}

.services-hero__media--left img {
  position: absolute;
  top: 0;
  left: -258.15%;
  width: 502.75%;
  max-width: none;
  height: 100%;
  object-fit: cover;
}

.services-hero__media--right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.services-hero__content {
  position: absolute;
  left: 431px;
  top: 280.282px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 1058px;
}

.services-hero__eyebrow {
  margin: 0;
  width: 100%;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 19.365px;
  letter-spacing: 1.3832px;
  text-transform: uppercase;
  text-align: center;
  color: var(--color-red);
}

.services-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  width: 100%;
}

.services-hero__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 23px;
  width: 100%;
}

.services-hero__title {
  margin: 0;
  width: 100%;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 64px;
  line-height: normal;
  text-align: center;
  color: #000;
}

.services-hero__body {
  width: 100%;
}

.services-hero__body p {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  text-align: center;
  color: #181818;
}

.services-hero__body p + p {
  margin-top: 36px;
}

.services-hero__cta {
  width: 195px;
}

.services-blocks {
  position: absolute;
  left: 0;
  top: 2639.589px;
  z-index: 3;
  width: 1920px;
  height: 2079.475px;
  padding: 150px 60px;
  background: #eee;
}

.services-blocks__inner {
  display: flex;
  flex-direction: column;
  gap: 100px;
  width: 1771.34px;
}

.services-block {
  display: flex;
  align-items: center;
  gap: 84px;
  width: 100%;
}

.services-block--reverse {
  flex-direction: row-reverse;
}

.services-block__copy {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 850.248px;
  flex-shrink: 0;
}

.services-block__text {
  display: flex;
  flex-direction: column;
  gap: 23px;
}

.services-block__visual {
  width: 837.092px;
  height: 797.214px;
  margin: 0;
  border-radius: 30px;
  overflow: hidden;
  flex-shrink: 0;
}

.services-block__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Service detail — sub-services & packages */
.service-detail-offerings {
  position: absolute;
  left: 0;
  right: 0;
  top: 4870.045px;
  z-index: 3;
  width: 1660.692px;
  margin: 0 auto;
}

.service-detail-offerings__inner {
  display: flex;
  flex-direction: column;
  gap: 72px;
}

.service-detail-offerings__title {
  margin: 0 0 28px;
  max-width: 980px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 48px;
  line-height: 1.08;
  letter-spacing: -0.4px;
  color: #0e202a;
}

.service-detail-offerings__title--packages {
  text-align: center;
  max-width: none;
}

.service-sub-services__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.service-sub-services__item {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 16px 20px;
  border: 1px solid #d9dee3;
  border-radius: 10px;
  background: #fff;
}

.service-sub-services__icon {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-red);
}

.service-sub-services__label {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.35;
  color: #1a2832;
}

.service-packages__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.service-package-card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 100%;
  padding: 28px 24px 24px;
  border: 1px solid #d9dee3;
  border-radius: 12px;
  background: #fff;
  transition: box-shadow 0.28s ease, border-color 0.28s ease, transform 0.28s ease;
}

.service-package-card.is-selected {
  border-color: var(--color-red);
  box-shadow: 0 18px 40px rgba(237, 3, 8, 0.12);
  transform: translateY(-4px);
}

.service-package-card__head {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.service-package-card__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  color: #0e202a;
}

.service-package-card__price {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  color: var(--color-red);
}

.service-package-card__desc {
  margin: 0;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.5;
  color: #5c6b74;
}

.service-package-card__features {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.service-package-card__features li {
  position: relative;
  padding-left: 18px;
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.45;
  color: #334049;
}

.service-package-card__features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-red);
  transform: translateY(-50%);
}

.service-package-card__quote {
  margin-top: auto;
  width: 100%;
  border: 0;
  cursor: pointer;
}

.eq-service-enquiry-field--hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.eq-service-enquiry-summary {
  margin: 0 0 12px;
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.4;
  color: var(--color-red);
}

/* ─── Privacy Policy page — Figma frame 38:9761 (1920×6097) ─── */
.privacy-page .catalog-page__stage {
  height: 6097px;
}

.privacy-page .product-banner__title--privacy {
  width: 846.275px;
  white-space: normal;
  z-index: 2;
}

.privacy-page .product-banner__bar--privacy {
  z-index: 1;
  transform: none;
}

.privacy-page .privacy-policy {
  position: absolute;
  left: 55.898px;
  top: 671.833px;
  z-index: 3;
  width: 1804.102px;
  color: #181818;
}

.privacy-page .privacy-policy__heading {
  margin: 0 0 24px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 48px;
  line-height: normal;
  color: var(--color-red);
}

.privacy-page .privacy-policy__updated {
  margin: 0 0 24px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 24px;
  line-height: normal;
}

.privacy-page .privacy-policy__section {
  margin-bottom: 24px;
}

.privacy-page .privacy-policy__section-title,
.privacy-page .privacy-policy__label {
  margin: 0 0 24px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 24px;
  line-height: normal;
}

.privacy-page .privacy-policy__section p {
  margin: 0 0 24px;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 24px;
  line-height: normal;
}

.privacy-page .privacy-policy__section ul {
  margin: 0 0 24px;
  padding-left: 36px;
  list-style: disc;
}

.privacy-page .privacy-policy__section li {
  margin-bottom: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 24px;
  line-height: normal;
}

.privacy-page .privacy-policy__contacts {
  list-style: none;
  padding-left: 0;
}

.privacy-page .privacy-policy__contacts a {
  color: #181818;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.privacy-page .privacy-policy__contacts a:hover {
  color: var(--color-red);
}

.privacy-page .catalog-page__stage .contact {
  top: 4628px;
}

.privacy-page .contact--scientific .contact__title {
  line-height: 1.03;
}

.privacy-page .catalog-page__stage .site-footer {
  top: 5517px;
}

/* Refund and Returns Policy — same legal layout as Privacy Policy */
.refund-returns-page .catalog-page__stage {
  height: 6097px;
}

.refund-returns-page .product-banner__title--legal {
  width: 846.275px;
  white-space: normal;
  z-index: 2;
}

.refund-returns-page .product-banner__bar--legal {
  z-index: 1;
  transform: none;
}

.refund-returns-page .legal-document {
  position: absolute;
  left: 55.898px;
  top: 671.833px;
  z-index: 3;
  width: 1804.102px;
  color: #181818;
}

.refund-returns-page .legal-document__heading {
  margin: 0 0 24px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 48px;
  line-height: normal;
  color: var(--color-red);
}

.refund-returns-page .legal-document__updated {
  margin: 0 0 24px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 24px;
  line-height: normal;
}

.refund-returns-page .legal-document__section {
  margin-bottom: 24px;
}

.refund-returns-page .legal-document__section-title,
.refund-returns-page .legal-document__label {
  margin: 0 0 24px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 24px;
  line-height: normal;
}

.refund-returns-page .legal-document__section p {
  margin: 0 0 24px;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 24px;
  line-height: normal;
}

.refund-returns-page .legal-document__section ul {
  margin: 0 0 24px;
  padding-left: 36px;
  list-style: disc;
}

.refund-returns-page .legal-document__section li {
  margin-bottom: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 24px;
  line-height: normal;
}

.refund-returns-page .legal-document__contacts {
  list-style: none;
  padding-left: 0;
}

.refund-returns-page .legal-document__contacts a {
  color: #181818;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.refund-returns-page .legal-document__contacts a:hover {
  color: var(--color-red);
}

.refund-returns-page .catalog-page__stage .contact {
  top: 4628px;
}

.refund-returns-page .contact--scientific .contact__title {
  line-height: 1.03;
}

.refund-returns-page .catalog-page__stage .site-footer {
  top: 5517px;
}

/* ─── Homepage motion refinements (page-home only) ─── */
.page-home {
  --motion-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --motion-hover: 0.48s var(--motion-ease-out);
}

.page-home .site-nav__cta {
  transition:
    transform var(--motion-hover),
    box-shadow var(--motion-hover),
    filter var(--motion-hover),
    background 0.32s var(--motion-ease-out),
    color 0.32s var(--motion-ease-out),
    border-color 0.32s var(--motion-ease-out);
}

.page-home .site-fab__btn,
.page-home .services__row-cta,
.page-home .applications__cta,
.page-home .cta__cta,
.page-home .contact__submit {
  transition:
    transform var(--motion-hover),
    box-shadow var(--motion-hover),
    filter var(--motion-hover);
}

.page-home .site-nav__cta:active,
.page-home .services__row-cta:active,
.page-home .applications__cta:active,
.page-home .cta__cta:active,
.page-home .contact__submit:active {
  transition-duration: 0.18s;
}

.page-home .equipment__card-visual {
  transition: background-color var(--motion-hover);
  transform-origin: center center;
}

.page-home .equipment__card.is-hover .equipment__card-visual {
  transform: none;
}

.page-home .equipment__card-img {
  transition: none;
}

.page-home .applications__product-visual {
  transform-origin: center center;
  transition: background-color var(--motion-hover);
}

.page-home .applications__product.is-hover .applications__product-visual {
  transform: none;
}

.page-home .applications__product-img {
  transition: none;
}

.page-home .services__product-float,
.page-home .services__product-float.is-visible {
  display: none !important;
}

.page-home .services__row-group {
  transition: opacity 0.35s var(--motion-ease-out);
}

.page-home .services.has-motion .services__row-group {
  transition: none;
}

.page-home .faq__item-icon {
  transition: none;
}

.page-home .faq__item-trigger:hover .faq__item-question,
.page-home .faq__item-trigger:hover .faq__item-rule,
.page-home .faq__item-trigger:hover .faq__item-icon {
  transition:
    color 0.32s var(--motion-ease-out),
    opacity 0.32s var(--motion-ease-out);
}

.page-home .cta__desc,
.page-home .cta__cta {
  will-change: opacity, transform;
}

.page-home .section-six__stage .faq__intro,
.page-home .section-six__stage .faq__list {
  will-change: transform, opacity;
}

/* Section Six — Index Draw motion hooks */
.page-home .section-six.has-motion:not(.is-revealed) .faq__title {
  opacity: 0;
}

.page-home .section-six.has-motion .faq__item-divider,
.page-home .section-six.has-motion .faq__item-rule,
.page-home .section-six.has-motion .contact__line {
  transform-origin: 0% 50%;
  will-change: transform;
}

.page-home .section-six.has-motion .faq__item-question,
.page-home .section-six.has-motion .contact__title {
  will-change: clip-path, opacity, transform;
}

.page-home .section-six.has-motion.is-revealed .faq__item-divider,
.page-home .section-six.has-motion.is-revealed .faq__item-rule,
.page-home .section-six.has-motion.is-revealed .contact__line,
.page-home .section-six.has-motion.is-revealed .faq__item-question,
.page-home .section-six.has-motion.is-revealed .contact__title {
  will-change: auto;
}

.page-home .section-six.has-motion .faq__item-icon {
  transition: none;
}

.page-home .section-six.has-motion .faq.is-revealed .faq__item-icon,
.page-home .section-six.has-motion.is-revealed .faq__item-icon {
  transition: transform 0.45s cubic-bezier(0.45, 0, 0.2, 1);
}

/* Become a Distributor */
.supplier-page .product-banner__title--supplier {
  width: 1170.905px;
  white-space: normal;
  position: relative;
  z-index: 3;
}

.supplier-page .product-banner__title--supplier .product-banner__hl {
  display: inline-block;
  position: relative;
  z-index: 2;
}

.supplier-page .product-banner__bar--supplier {
  z-index: 1;
  transform: none;
  opacity: 0;
  visibility: hidden;
}

.supplier-page .product-banner__bar--supplier.is-aligned {
  opacity: 1;
  visibility: visible;
}

.supplier-page .supplier-registration {
  position: absolute;
  left: 55.898px;
  top: 671.833px;
  z-index: 3;
  width: 1804.102px;
  color: #181818;
  padding-bottom: 48px;
}

.supplier-page .supplier-registration__heading {
  margin: 0 0 16px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 48px;
  line-height: normal;
  color: var(--color-red);
  text-align: center;
}

.supplier-page .supplier-registration__intro {
  max-width: 920px;
  margin: 0 auto 40px;
  font: 400 20px/1.6 var(--font-body);
  color: rgba(24, 24, 24, 0.78);
  text-align: center;
}

.supplier-page .supplier-registration__form {
  max-width: 760px;
  margin: 0 auto;
  padding: 40px 48px 36px;
  border-radius: 24px;
  border: 1px solid #ececec;
  background: #fafafa;
}

.supplier-page .supplier-registration__form .contact__field {
  margin-bottom: 22px;
}

.supplier-page .supplier-registration__form .contact__label {
  color: #181818;
}

.supplier-page .supplier-registration__form .contact__input,
.supplier-page .supplier-registration__form .contact__textarea,
.supplier-page .supplier-registration__form .wpcf7-form-control.contact__input,
.supplier-page .supplier-registration__form .wpcf7-form-control.contact__textarea {
  color: #181818;
}

.supplier-page .supplier-registration__form .contact__input::placeholder,
.supplier-page .supplier-registration__form .contact__textarea::placeholder,
.supplier-page .supplier-registration__form .wpcf7-form-control.contact__input::placeholder,
.supplier-page .supplier-registration__form .wpcf7-form-control.contact__textarea::placeholder {
  color: rgba(24, 24, 24, 0.45);
}

.supplier-page .supplier-registration__form .contact__line {
  background: rgba(24, 24, 24, 0.22);
}

.supplier-page .supplier-registration__form .wpcf7-not-valid-tip {
  color: #c62828;
}

.supplier-page .supplier-registration__form .wpcf7-response-output {
  margin-top: 20px;
  color: #303030;
  background: #fff;
  border: 1px solid #e4e4e4;
}

.supplier-page .supplier-registration__form .contact__submit,
.supplier-page .supplier-registration__form input.contact__submit {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.supplier-page .catalog-page__stage .site-footer {
  position: absolute;
}

.supplier-page .supplier-registration__notice {
  max-width: 760px;
  margin: 0 auto;
  padding: 32px 36px;
  border-radius: 24px;
  border: 1px solid #ececec;
  background: #fafafa;
  text-align: center;
}

.supplier-page .supplier-registration__notice--success p {
  margin: 0 0 16px;
  font: 400 18px/1.6 var(--font-body);
  color: #303030;
}

.supplier-page .supplier-registration__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 28px;
  border-radius: 999px;
  background: var(--color-red);
  color: #fff;
  font: 500 18px/1 var(--font-body);
  text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-home .equipment__card-visual,
  .page-home .applications__product-visual,
  .page-home .site-nav__cta,
  .page-home .cta__desc,
  .page-home .cta__cta {
    transition: none !important;
  }
}

/* News / promotions notice bar */
.eq-news-bar {
  width: 100%;
  background: #0b1f3a;
  color: #fff;
  font-size: 0.875rem;
}
.eq-news-bar--urgent { background: #7f1d1d; }
.eq-news-bar__inner {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0.55rem var(--eq-page-gutter, 1.25rem);
  text-align: center;
}
.eq-news-bar__text { margin: 0; line-height: 1.4; }
.eq-news-bar__badge {
  display: inline-block;
  margin-right: 0.4rem;
  padding: 0.1rem 0.45rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.18);
  font-weight: 700;
  letter-spacing: 0.04em;
  font-size: 0.7rem;
}
.eq-news-bar__link {
  margin-left: 0.5rem;
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

/* Shared rich-text (ACF WYSIWYG) — scoped to converted editorial fields */
.eq-rich-text > *:first-child {
  margin-top: 0;
}

.eq-rich-text > *:last-child {
  margin-bottom: 0;
}

.eq-rich-text p {
  margin: 0;
}

.eq-rich-text p + p,
.eq-rich-text p + ul,
.eq-rich-text p + ol,
.eq-rich-text ul + p,
.eq-rich-text ol + p {
  margin-top: 0.75em;
}

.eq-rich-text ul,
.eq-rich-text ol {
  margin: 0.75em 0 0;
  padding-left: 1.25em;
}

.eq-rich-text li + li {
  margin-top: 0.35em;
}

.eq-rich-text a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.eq-rich-text strong,
.eq-rich-text b {
  font-weight: 700;
}

.eq-rich-text em,
.eq-rich-text i {
  font-style: italic;
}

.eq-rich-text h2,
.eq-rich-text h3,
.eq-rich-text h4 {
  margin: 0.9em 0 0.4em;
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.2;
  color: inherit;
}

.eq-rich-text h2:first-child,
.eq-rich-text h3:first-child,
.eq-rich-text h4:first-child {
  margin-top: 0;
}

.industry-detail-column.eq-rich-text p + p {
  margin-top: 1em;
}

.careers-intro__card-body .eq-rich-text p + p,
.careers-intro__card-body p + p {
  margin-top: 1em;
}

/* ─── 404 Page Not Found ─── */
.eq-404-page .catalog-page__stage {
  height: 1400px;
}

.eq-404-page .eq-404 {
  position: absolute;
  left: 160px;
  top: 220px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1600px;
  padding: 72px 80px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid #ececec;
  box-shadow: 0 18px 48px rgba(6, 46, 98, 0.06);
  text-align: center;
}

.eq-404-page .eq-404__code {
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 120px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--color-red);
}

.eq-404-page .eq-404__title {
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 48px;
  line-height: 1.15;
  color: var(--color-navy, #062e62);
}

.eq-404-page .eq-404__copy {
  margin: 0 0 36px;
  max-width: 640px;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  color: #666;
}

.eq-404-page .eq-404__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 40px;
}

.eq-404-page .eq-404__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 28px;
  border-radius: 999px;
  border: 2px solid transparent;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.eq-404-page .eq-404__btn--primary {
  background: var(--color-red);
  border-color: var(--color-red);
  color: #fff;
  box-shadow: 0 10px 24px rgba(237, 3, 8, 0.22);
}

.eq-404-page .eq-404__btn--primary:hover,
.eq-404-page .eq-404__btn--primary:focus-visible {
  background: #c10500;
  border-color: #c10500;
  color: #fff;
}

.eq-404-page .eq-404__btn--secondary {
  background: #fff;
  border-color: #d8d8d8;
  color: var(--color-navy, #062e62);
}

.eq-404-page .eq-404__btn--secondary:hover,
.eq-404-page .eq-404__btn--secondary:focus-visible {
  border-color: var(--color-red);
  color: var(--color-red);
}

.eq-404-page .eq-404__search {
  width: 100%;
  max-width: 520px;
  padding-top: 28px;
  border-top: 1px solid #ececec;
}

.eq-404-page .eq-404__search-label {
  margin: 0 0 14px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  color: var(--color-navy, #062e62);
}

.eq-404-page .eq-404__search .woocommerce-product-search {
  display: flex;
  align-items: stretch;
  gap: 10px;
  width: 100%;
}

.eq-404-page .eq-404__search .woocommerce-product-search .search-field {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 52px;
  margin: 0;
  padding: 0 18px;
  border: 1px solid #d8d8d8;
  border-radius: 999px;
  background: #fff;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.3;
  color: #303030;
}

.eq-404-page .eq-404__search .woocommerce-product-search .search-field:focus {
  outline: none;
  border-color: var(--color-navy, #062e62);
  box-shadow: 0 0 0 3px rgba(6, 46, 98, 0.12);
}

.eq-404-page .eq-404__search .woocommerce-product-search button {
  flex: 0 0 auto;
  min-height: 52px;
  margin: 0;
  padding: 0 22px;
  border: 2px solid var(--color-navy, #062e62);
  border-radius: 999px;
  background: var(--color-navy, #062e62);
  color: #fff;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
}

.eq-404-page .eq-404__search .woocommerce-product-search button:hover,
.eq-404-page .eq-404__search .woocommerce-product-search button:focus-visible {
  background: #041f45;
  border-color: #041f45;
}

.eq-404-page .catalog-page__stage .site-footer {
  top: 980px;
}

.eq-404-page .catalog-page__stage.is-layout-ready .site-footer {
  opacity: 1;
  visibility: visible;
}