/* PROCESS SECTION
   Stable fallback + enhanced architectural blueprint path. */

:root {
  --av-process-teal-950: #020707;
  --av-process-teal-900: #031416;
  --av-process-teal-850: #052326;
  --av-process-mint: #86e8de;
  --av-process-ivory: #f7f3e8;
  --av-process-champagne: #ead9a5;
  --av-process-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --av-process-height: clamp(540px, 45vw, 700px);
  --av-process-center-width: clamp(220px, 17vw, 286px);
  --av-process-gap: clamp(14px, 1.4vw, 22px);
  --av-process-stage-height: clamp(700px, 62vw, 850px);
}

[data-loc="src/web/pages/Home.tsx:300"] {
  box-sizing: border-box !important;
  isolation: isolate !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: clamp(72px, 8vw, 124px) 0 0 !important;
  padding: clamp(50px, 5.4vw, 78px) clamp(18px, 4.6vw, 64px) !important;
  display: flex !important;
  justify-content: center !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse at 18% 20%, rgba(134, 232, 222, 0.13), transparent 34%),
    radial-gradient(ellipse at 86% 30%, rgba(234, 217, 165, 0.10), transparent 30%),
    linear-gradient(135deg, #020606 0%, var(--av-process-teal-900) 36%, var(--av-process-teal-850) 64%, #020707 100%) !important;
  border-top: 1px solid rgba(134, 232, 222, 0.18) !important;
  border-bottom: 1px solid rgba(234, 217, 165, 0.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 72px 120px rgba(0, 0, 0, 0.48),
    inset 0 -76px 120px rgba(0, 0, 0, 0.36) !important;
}

[data-loc="src/web/pages/Home.tsx:300"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.032) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px),
    linear-gradient(135deg, transparent 0 48%, rgba(134, 232, 222, 0.042) 48.2% 48.45%, transparent 48.8% 100%) !important;
  background-size: 68px 68px, 68px 68px, 220px 220px !important;
  mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 84%, transparent 100%) !important;
  opacity: 0.32 !important;
}

[data-loc="src/web/pages/Home.tsx:300"]::after {
  content: "" !important;
  position: absolute !important;
  inset: clamp(16px, 3vw, 42px) clamp(14px, 3.5vw, 52px) !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border: 1px solid rgba(134, 232, 222, 0.12) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(rgba(134, 232, 222, 0.22), rgba(134, 232, 222, 0.22)) left top / 84px 1px no-repeat,
    linear-gradient(rgba(234, 217, 165, 0.18), rgba(234, 217, 165, 0.18)) right bottom / 84px 1px no-repeat,
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)) !important;
}

/* Fallback triptych stays usable if the enhancement script is unavailable. */
[data-loc="src/web/pages/Home.tsx:301"],
.process-triptych-grid {
  box-sizing: border-box !important;
  position: relative !important;
  width: 100% !important;
  max-width: 1180px !important;
  height: var(--av-process-height) !important;
  min-height: var(--av-process-height) !important;
  margin: 0 auto !important;
  padding: clamp(12px, 1.3vw, 20px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--av-process-center-width) minmax(0, 1fr) !important;
  gap: var(--av-process-gap) !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border: 1px solid rgba(134, 232, 222, 0.13) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)) !important;
}

[data-loc="src/web/pages/Home.tsx:304"],
[data-loc="src/web/pages/Home.tsx:342"] {
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--av-process-gap) !important;
}

[data-loc="src/web/pages/Home.tsx:310"],
[data-loc="src/web/pages/Home.tsx:348"] {
  box-sizing: border-box !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  border: 1px solid rgba(134, 232, 222, 0.18) !important;
  background: #041517 !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  cursor: pointer !important;
  transform: translateZ(0) !important;
  animation: none !important;
  transition:
    border-color 260ms ease,
    color 260ms ease,
    transform 420ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

[data-loc="src/web/pages/Home.tsx:310"]:hover,
[data-loc="src/web/pages/Home.tsx:348"]:hover {
  transform: translate3d(0, -4px, 0) !important;
  border-color: rgba(134, 232, 222, 0.34) !important;
}

[data-loc="src/web/pages/Home.tsx:314"],
[data-loc="src/web/pages/Home.tsx:352"] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: brightness(0.72) saturate(1.06) contrast(1.04) !important;
  transform: scale(1.001) !important;
  transition:
    filter 360ms ease,
    transform 650ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-loc="src/web/pages/Home.tsx:310"]:hover [data-loc="src/web/pages/Home.tsx:314"],
[data-loc="src/web/pages/Home.tsx:348"]:hover [data-loc="src/web/pages/Home.tsx:352"] {
  filter: brightness(0.84) saturate(1.08) contrast(1.04) !important;
  transform: scale(1.04) !important;
}

[data-loc="src/web/pages/Home.tsx:315"],
[data-loc="src/web/pages/Home.tsx:353"] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(3, 20, 22, 0.08) 0%, rgba(3, 20, 22, 0.32) 56%, rgba(2, 8, 9, 0.72) 100%),
    linear-gradient(90deg, rgba(134, 232, 222, 0.13), transparent 36%, rgba(234, 217, 165, 0.10)) !important;
}

[data-loc="src/web/pages/Home.tsx:316"],
[data-loc="src/web/pages/Home.tsx:354"] {
  box-sizing: border-box !important;
  position: absolute !important;
  z-index: 2 !important;
  left: clamp(16px, 2vw, 28px) !important;
  right: clamp(16px, 2vw, 28px) !important;
  bottom: clamp(16px, 2vw, 28px) !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  color: rgba(255, 255, 255, 0.95) !important;
  text-align: left !important;
  transform: none !important;
}

[data-loc="src/web/pages/Home.tsx:354"] {
  text-align: right !important;
}

[data-loc="src/web/pages/Home.tsx:317"],
[data-loc="src/web/pages/Home.tsx:355"] {
  margin: 0 !important;
  font-family: var(--av-process-font) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  line-height: 1 !important;
  color: rgba(234, 217, 165, 0.94) !important;
}

[data-loc="src/web/pages/Home.tsx:318"],
[data-loc="src/web/pages/Home.tsx:356"] {
  width: 44px !important;
  height: 1px !important;
  margin: 9px 0 10px !important;
  background: rgba(234, 217, 165, 0.82) !important;
  transform: none !important;
}

[data-loc="src/web/pages/Home.tsx:356"] {
  margin-left: auto !important;
}

[data-loc="src/web/pages/Home.tsx:320"],
[data-loc="src/web/pages/Home.tsx:358"] {
  display: inline !important;
  margin: 0 !important;
  font-family: var(--av-process-font) !important;
  font-size: clamp(16px, 1.25vw, 21px) !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: 1.14 !important;
  color: currentColor !important;
  text-wrap: balance !important;
}

[data-loc="src/web/pages/Home.tsx:320"]:empty,
[data-loc="src/web/pages/Home.tsx:358"]:empty {
  display: none !important;
}

[data-loc="src/web/pages/Home.tsx:320"] + [data-loc="src/web/pages/Home.tsx:320"]::before,
[data-loc="src/web/pages/Home.tsx:358"] + [data-loc="src/web/pages/Home.tsx:358"]::before {
  content: " " !important;
}

[data-loc="src/web/pages/Home.tsx:328"] {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: clamp(34px, 3vw, 48px) clamp(22px, 2.4vw, 34px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  border: 1px solid rgba(134, 232, 222, 0.16) !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(134, 232, 222, 0.15), transparent 33%),
    radial-gradient(circle at 50% 86%, rgba(234, 217, 165, 0.10), transparent 35%),
    linear-gradient(160deg, rgba(3, 23, 25, 0.98) 0%, rgba(5, 43, 47, 0.98) 50%, rgba(3, 17, 18, 0.98) 100%) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  text-align: center !important;
  cursor: default !important;
}

[data-loc="src/web/pages/Home.tsx:332"] {
  margin: 0 !important;
  font-family: var(--av-process-font) !important;
  font-size: clamp(34px, 3vw, 46px) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
  color: var(--av-process-ivory) !important;
  text-align: center !important;
}

[data-loc="src/web/pages/Home.tsx:333"] {
  width: min(74%, 150px) !important;
  margin: 0 !important;
}

[data-loc="src/web/pages/Home.tsx:338"] {
  max-width: 210px !important;
  margin: 0 !important;
  display: block !important;
  font-family: var(--av-process-font) !important;
  font-size: clamp(12px, 0.86vw, 13px) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.55 !important;
  color: rgba(247, 243, 232, 0.68) !important;
  text-align: center !important;
}

/* Enhanced blueprint layout. */
[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture,
.process-triptych-grid.av-process-architecture {
  width: min(100%, 1220px) !important;
  max-width: 1220px !important;
  height: var(--av-process-stage-height) !important;
  min-height: var(--av-process-stage-height) !important;
  padding: 0 !important;
  display: block !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:304"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:342"] {
  display: contents !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:328"] {
  position: absolute !important;
  top: clamp(22px, 4vw, 54px) !important;
  left: 0 !important;
  width: min(430px, 39vw) !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  transform: none !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:328"]::before {
  content: "Architectural Sequence" !important;
  display: block !important;
  margin: 0 0 14px !important;
  font-family: var(--av-process-font) !important;
  font-size: clamp(11px, 0.85vw, 13px) !important;
  font-weight: 600 !important;
  letter-spacing: 0.13em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  color: rgba(234, 217, 165, 0.82) !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:332"] {
  max-width: 100% !important;
  font-size: clamp(56px, 7vw, 94px) !important;
  font-weight: 500 !important;
  line-height: 0.92 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:333"] {
  display: none !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:338"] {
  max-width: 310px !important;
  margin: 22px 0 0 !important;
  font-size: clamp(14px, 1.04vw, 16px) !important;
  line-height: 1.55 !important;
  color: rgba(247, 243, 232, 0.68) !important;
  text-align: left !important;
}

.av-process-path {
  position: absolute !important;
  left: 4.5% !important;
  right: 4.5% !important;
  top: 31% !important;
  height: 48% !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.av-process-path svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  overflow: visible !important;
}

.av-process-path__base,
.av-process-path__gold {
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
}

.av-process-path__base {
  stroke: rgba(134, 232, 222, 0.22) !important;
  stroke-width: 1.15 !important;
}

.av-process-path__gold {
  stroke: rgba(234, 217, 165, 0.48) !important;
  stroke-width: 1.3 !important;
  stroke-dasharray: 120 880 !important;
  filter: drop-shadow(0 0 7px rgba(234, 217, 165, 0.20)) !important;
}

.av-process-preview {
  box-sizing: border-box !important;
  position: absolute !important;
  z-index: 2 !important;
  top: clamp(42px, 5.5vw, 76px) !important;
  right: 0 !important;
  width: clamp(280px, 31vw, 420px) !important;
  height: clamp(390px, 43vw, 550px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(134, 232, 222, 0.16) !important;
  border-radius: 46% 46% 8px 8px / 18% 18% 8px 8px !important;
  background: rgba(2, 12, 13, 0.42) !important;
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  opacity: 0.84 !important;
  transition: opacity 280ms ease, transform 420ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.av-process-preview::before {
  content: "" !important;
  position: absolute !important;
  inset: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  border: 1px solid rgba(247, 243, 232, 0.14) !important;
  border-radius: 44% 44% 6px 6px / 16% 16% 6px 6px !important;
}

.av-process-preview__image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: var(--av-process-preview-position, center center) !important;
  filter: brightness(0.83) saturate(1.04) contrast(1.03) !important;
  transform: scale(1.01) !important;
  transition: transform 650ms cubic-bezier(0.16, 1, 0.3, 1), object-position 280ms ease !important;
}

.av-process-preview__shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(3, 20, 22, 0.06), rgba(3, 20, 22, 0.42) 62%, rgba(2, 7, 7, 0.88)),
    linear-gradient(90deg, rgba(134, 232, 222, 0.13), transparent 34%, rgba(234, 217, 165, 0.12)) !important;
}

.av-process-preview__meta {
  position: absolute !important;
  z-index: 3 !important;
  left: 28px !important;
  right: 28px !important;
  bottom: 26px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 18px !important;
  color: rgba(247, 243, 232, 0.88) !important;
  font-family: var(--av-process-font) !important;
}

.av-process-preview__number {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  color: rgba(234, 217, 165, 0.94) !important;
}

.av-process-preview__title {
  max-width: 220px !important;
  margin: 0 !important;
  font-size: clamp(14px, 1vw, 16px) !important;
  font-weight: 500 !important;
  line-height: 1.22 !important;
  text-align: right !important;
}

.av-process-architecture:has(.av-process-step:hover) .av-process-preview,
.av-process-architecture:has(.av-process-step:focus-visible) .av-process-preview {
  opacity: 1 !important;
  transform: translate3d(0, -4px, 0) !important;
}

.av-process-architecture:has(.av-process-step:hover) .av-process-preview__image,
.av-process-architecture:has(.av-process-step:focus-visible) .av-process-preview__image {
  transform: scale(1.045) !important;
}

.av-process-architecture .av-process-step {
  position: absolute !important;
  z-index: 5 !important;
  left: var(--av-process-x, 50%) !important;
  top: var(--av-process-y, 50%) !important;
  width: clamp(150px, 16vw, 232px) !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.av-process-step[data-av-process-step="1"] { --av-process-x: 7%; --av-process-y: 63%; }
.av-process-step[data-av-process-step="2"] { --av-process-x: 24%; --av-process-y: 42%; }
.av-process-step[data-av-process-step="3"] { --av-process-x: 41%; --av-process-y: 66%; }
.av-process-step[data-av-process-step="4"] { --av-process-x: 57%; --av-process-y: 44%; }
.av-process-step[data-av-process-step="5"] { --av-process-x: 73%; --av-process-y: 66%; }
.av-process-step[data-av-process-step="6"] { --av-process-x: 90%; --av-process-y: 47%; }

.av-process-architecture .av-process-step:hover,
.av-process-architecture .av-process-step:focus-visible,
.av-process-architecture .av-process-step.is-active {
  transform: translate3d(-50%, -58%, 0) !important;
}

.av-process-architecture .av-process-step::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -26px !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 999px !important;
  transform: translateX(-50%) !important;
  background: var(--av-process-champagne) !important;
  border: 1px solid rgba(247, 243, 232, 0.74) !important;
  box-shadow:
    0 0 0 8px rgba(234, 217, 165, 0.08),
    0 0 26px rgba(234, 217, 165, 0.40) !important;
}

.av-process-architecture .av-process-step::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -14px !important;
  width: 1px !important;
  height: 32px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, rgba(234, 217, 165, 0.50), rgba(134, 232, 222, 0.08)) !important;
}

.av-process-architecture .av-process-step img,
.av-process-architecture .av-process-step [data-loc="src/web/pages/Home.tsx:315"],
.av-process-architecture .av-process-step [data-loc="src/web/pages/Home.tsx:353"] {
  display: none !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:354"] {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  display: grid !important;
  justify-items: center !important;
  gap: 9px !important;
  color: rgba(247, 243, 232, 0.90) !important;
  text-align: center !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:318"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:356"] {
  margin: 0 auto !important;
  background: linear-gradient(90deg, transparent, rgba(234, 217, 165, 0.86), transparent) !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:320"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:358"] {
  font-size: clamp(15px, 1.15vw, 18px) !important;
  font-weight: 520 !important;
  line-height: 1.16 !important;
}

.av-process-summary {
  display: block !important;
  max-width: 190px !important;
  margin: 0 auto !important;
  font-family: var(--av-process-font) !important;
  font-size: clamp(11px, 0.82vw, 12px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
  color: rgba(247, 243, 232, 0.54) !important;
  text-align: center !important;
}

.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:354"],
.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:354"] {
  color: #ffffff !important;
}

/* Clearer Process composition: stable image anchor + readable blueprint rail. */
[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture,
.process-triptych-grid.av-process-architecture {
  --av-process-stage-height: clamp(690px, 56vw, 790px);
  height: var(--av-process-stage-height) !important;
  min-height: var(--av-process-stage-height) !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:328"] {
  top: clamp(8px, 1.4vw, 18px) !important;
  left: 0 !important;
  width: min(455px, 38vw) !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:328"]::before {
  content: "Blueprint Process" !important;
  margin-bottom: 12px !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:332"] {
  font-size: clamp(58px, 6.4vw, 88px) !important;
  line-height: 0.96 !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:338"] {
  max-width: 330px !important;
  margin-top: 18px !important;
}

.av-process-preview {
  top: clamp(218px, 20vw, 260px) !important;
  left: 0 !important;
  right: auto !important;
  width: clamp(360px, 36vw, 480px) !important;
  height: clamp(380px, 34vw, 500px) !important;
  border-radius: 8px 8px 58px 8px !important;
  opacity: 0.96 !important;
  border-color: rgba(234, 217, 165, 0.22) !important;
  background: rgba(2, 12, 13, 0.58) !important;
  box-shadow:
    0 36px 92px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

.av-process-preview::before {
  inset: 14px !important;
  border-radius: 6px 6px 46px 6px !important;
}

.av-process-preview__meta {
  left: 26px !important;
  right: 26px !important;
  bottom: 24px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(234, 217, 165, 0.24) !important;
}

.av-process-path {
  left: 43% !important;
  right: 1.5% !important;
  top: clamp(252px, 23vw, 306px) !important;
  height: clamp(310px, 27vw, 370px) !important;
  opacity: 0.86 !important;
}

.av-process-path__base {
  stroke: rgba(134, 232, 222, 0.20) !important;
  stroke-width: 1 !important;
}

.av-process-path__gold {
  stroke: rgba(234, 217, 165, 0.42) !important;
  stroke-width: 1.15 !important;
  stroke-dasharray: 72 740 !important;
}

.av-process-architecture .av-process-step {
  width: clamp(228px, 22vw, 292px) !important;
  padding: 4px 0 8px 50px !important;
  background: transparent !important;
  transform: none !important;
  cursor: pointer !important;
  outline: none !important;
}

.av-process-step[data-av-process-step="1"] { --av-process-x: 43%; --av-process-y: 37%; }
.av-process-step[data-av-process-step="2"] { --av-process-x: 70%; --av-process-y: 37%; }
.av-process-step[data-av-process-step="3"] { --av-process-x: 70%; --av-process-y: 53%; }
.av-process-step[data-av-process-step="4"] { --av-process-x: 43%; --av-process-y: 53%; }
.av-process-step[data-av-process-step="5"] { --av-process-x: 43%; --av-process-y: 69%; }
.av-process-step[data-av-process-step="6"] { --av-process-x: 70%; --av-process-y: 69%; }

.av-process-architecture .av-process-step:hover,
.av-process-architecture .av-process-step:focus-visible,
.av-process-architecture .av-process-step.is-active {
  transform: translate3d(10px, 0, 0) !important;
}

.av-process-architecture .av-process-step::before {
  left: 8px !important;
  top: 16px !important;
  width: 13px !important;
  height: 13px !important;
  transform: none !important;
}

.av-process-architecture .av-process-step::after {
  left: 22px !important;
  top: 22px !important;
  width: 24px !important;
  height: 1px !important;
  transform: none !important;
  background: linear-gradient(90deg, rgba(234, 217, 165, 0.54), rgba(134, 232, 222, 0.12)) !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:354"] {
  justify-items: start !important;
  gap: 8px !important;
  text-align: left !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:317"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:355"] {
  padding-bottom: 5px !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  border-bottom: 1px solid rgba(234, 217, 165, 0.54) !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:318"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:356"] {
  display: none !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:320"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:358"] {
  font-size: clamp(16px, 1.18vw, 18px) !important;
  font-weight: 560 !important;
  line-height: 1.18 !important;
  text-align: left !important;
}

.av-process-summary {
  max-width: 230px !important;
  margin: 0 !important;
  text-align: left !important;
  color: rgba(247, 243, 232, 0.58) !important;
}

.av-process-architecture .av-process-step.is-active::before,
.av-process-architecture .av-process-step:hover::before,
.av-process-architecture .av-process-step:focus-visible::before {
  box-shadow:
    0 0 0 8px rgba(234, 217, 165, 0.11),
    0 0 30px rgba(234, 217, 165, 0.44) !important;
}

/* Minimal dynamic Process pass. */
[data-loc="src/web/pages/Home.tsx:300"] {
  padding-top: clamp(54px, 5vw, 76px) !important;
  padding-bottom: clamp(58px, 5.2vw, 84px) !important;
  background:
    radial-gradient(ellipse at 74% 18%, rgba(134, 232, 222, 0.09), transparent 34%),
    linear-gradient(135deg, #020606 0%, #031315 45%, #041b1e 100%) !important;
}

[data-loc="src/web/pages/Home.tsx:300"]::before {
  background-size: 72px 72px, 72px 72px, 260px 260px !important;
  opacity: 0.20 !important;
}

[data-loc="src/web/pages/Home.tsx:300"]::after {
  border-color: rgba(134, 232, 222, 0.08) !important;
  background: none !important;
}

[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture,
.process-triptych-grid.av-process-architecture {
  --av-process-stage-height: clamp(610px, 50vw, 710px);
  --av-process-progress: 100;
  height: var(--av-process-stage-height) !important;
  min-height: var(--av-process-stage-height) !important;
  max-width: 1160px !important;
}

[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture[data-av-process-active="2"],
.process-triptych-grid.av-process-architecture[data-av-process-active="2"] {
  --av-process-progress: 200;
}

[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture[data-av-process-active="3"],
.process-triptych-grid.av-process-architecture[data-av-process-active="3"] {
  --av-process-progress: 300;
}

[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture[data-av-process-active="4"],
.process-triptych-grid.av-process-architecture[data-av-process-active="4"] {
  --av-process-progress: 400;
}

[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture[data-av-process-active="5"],
.process-triptych-grid.av-process-architecture[data-av-process-active="5"] {
  --av-process-progress: 500;
}

[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture[data-av-process-active="6"],
.process-triptych-grid.av-process-architecture[data-av-process-active="6"] {
  --av-process-progress: 600;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:328"] {
  top: 0 !important;
  left: 0 !important;
  width: min(360px, 31vw) !important;
  z-index: 8 !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:328"]::before {
  content: "Process" !important;
  margin-bottom: 10px !important;
  letter-spacing: 0.16em !important;
  color: rgba(234, 217, 165, 0.78) !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:332"] {
  font-size: clamp(50px, 5.4vw, 76px) !important;
  line-height: 0.94 !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:338"] {
  max-width: 290px !important;
  margin-top: 16px !important;
  font-size: 14px !important;
  color: rgba(247, 243, 232, 0.62) !important;
}

.av-process-preview {
  top: clamp(42px, 4vw, 64px) !important;
  left: clamp(330px, 34vw, 430px) !important;
  right: 0 !important;
  bottom: clamp(126px, 10vw, 150px) !important;
  width: auto !important;
  height: auto !important;
  border-radius: 8px !important;
  border-color: rgba(247, 243, 232, 0.10) !important;
  opacity: 0.96 !important;
  transform: none !important;
}

.av-process-preview::before {
  inset: 12px !important;
  border-radius: 6px !important;
  border-color: rgba(247, 243, 232, 0.10) !important;
}

.av-process-preview__image {
  filter: brightness(0.78) saturate(0.96) contrast(1.04) !important;
  transform: scale(1.012) !important;
}

.av-process-preview.is-changing .av-process-preview__image,
.av-process-architecture:has(.av-process-step:hover) .av-process-preview__image,
.av-process-architecture:has(.av-process-step:focus-visible) .av-process-preview__image {
  transform: scale(1.04) !important;
}

.av-process-preview__shade {
  background:
    linear-gradient(180deg, rgba(2, 10, 11, 0.04), rgba(2, 10, 11, 0.50) 72%, rgba(2, 7, 7, 0.88)),
    linear-gradient(90deg, rgba(3, 19, 21, 0.26), transparent 46%, rgba(234, 217, 165, 0.08)) !important;
}

.av-process-preview__meta {
  left: 24px !important;
  right: 24px !important;
  bottom: 22px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(247, 243, 232, 0.14) !important;
}

.av-process-preview__number {
  font-size: 11px !important;
}

.av-process-preview__title {
  max-width: 300px !important;
  font-size: clamp(15px, 1.25vw, 18px) !important;
}

.av-process-path {
  left: 6.5% !important;
  right: 6.5% !important;
  top: auto !important;
  bottom: clamp(96px, 7.8vw, 116px) !important;
  height: 42px !important;
  z-index: 4 !important;
  opacity: 0.72 !important;
}

.av-process-path__base {
  stroke: rgba(247, 243, 232, 0.14) !important;
  stroke-width: 1 !important;
}

.av-process-path__gold {
  stroke: rgba(234, 217, 165, 0.78) !important;
  stroke-width: 1.15 !important;
  stroke-dasharray: var(--av-process-progress, 100) 600 !important;
  transition: stroke-dasharray 520ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.av-process-architecture .av-process-step {
  top: auto !important;
  bottom: clamp(26px, 2.5vw, 42px) !important;
  left: var(--av-process-x, 50%) !important;
  width: clamp(112px, 11vw, 150px) !important;
  padding: 0 !important;
  transform: translate3d(-50%, 0, 0) !important;
}

.av-process-step[data-av-process-step="1"] { --av-process-x: 7.5%; }
.av-process-step[data-av-process-step="2"] { --av-process-x: 24.5%; }
.av-process-step[data-av-process-step="3"] { --av-process-x: 41.5%; }
.av-process-step[data-av-process-step="4"] { --av-process-x: 58.5%; }
.av-process-step[data-av-process-step="5"] { --av-process-x: 75.5%; }
.av-process-step[data-av-process-step="6"] { --av-process-x: 92.5%; }

.av-process-architecture .av-process-step:hover,
.av-process-architecture .av-process-step:focus-visible,
.av-process-architecture .av-process-step.is-active {
  transform: translate3d(-50%, -8px, 0) !important;
}

.av-process-architecture .av-process-step::before,
.av-process-architecture .av-process-step::after {
  display: none !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:354"] {
  display: grid !important;
  justify-items: center !important;
  gap: 9px !important;
  text-align: center !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:317"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:355"] {
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid rgba(234, 217, 165, 0.36) !important;
  border-radius: 999px !important;
  background: rgba(2, 10, 11, 0.72) !important;
  color: rgba(234, 217, 165, 0.86) !important;
  transition: background 260ms ease, color 260ms ease, transform 260ms ease, border-color 260ms ease !important;
}

.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:317"],
.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:355"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:317"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:355"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:317"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:355"] {
  background: rgba(234, 217, 165, 0.92) !important;
  border-color: rgba(247, 243, 232, 0.70) !important;
  color: #071314 !important;
  transform: translate3d(0, -2px, 0) !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:320"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:358"] {
  font-size: clamp(11px, 0.86vw, 13px) !important;
  font-weight: 500 !important;
  line-height: 1.22 !important;
  color: rgba(247, 243, 232, 0.48) !important;
  transition: color 260ms ease !important;
}

.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:320"],
.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:358"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:320"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:358"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:320"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:358"] {
  color: rgba(255, 255, 255, 0.94) !important;
}

.av-process-summary {
  display: none !important;
}

/* Final UI/UX polish: filled left rail + architectural control markers. */
[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture,
.process-triptych-grid.av-process-architecture {
  --av-process-stage-height: clamp(640px, 52vw, 735px);
  --av-process-progress-width: 16.666%;
  max-width: 1180px !important;
}

[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture[data-av-process-active="2"],
.process-triptych-grid.av-process-architecture[data-av-process-active="2"] {
  --av-process-progress-width: 33.333%;
}

[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture[data-av-process-active="3"],
.process-triptych-grid.av-process-architecture[data-av-process-active="3"] {
  --av-process-progress-width: 50%;
}

[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture[data-av-process-active="4"],
.process-triptych-grid.av-process-architecture[data-av-process-active="4"] {
  --av-process-progress-width: 66.666%;
}

[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture[data-av-process-active="5"],
.process-triptych-grid.av-process-architecture[data-av-process-active="5"] {
  --av-process-progress-width: 83.333%;
}

[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture[data-av-process-active="6"],
.process-triptych-grid.av-process-architecture[data-av-process-active="6"] {
  --av-process-progress-width: 100%;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:328"] {
  width: min(350px, 30vw) !important;
}

.av-process-current {
  box-sizing: border-box !important;
  position: absolute !important;
  z-index: 7 !important;
  left: 0 !important;
  top: clamp(210px, 18vw, 246px) !important;
  width: min(344px, 29vw) !important;
  min-height: 230px !important;
  padding: 24px 0 0 !important;
  color: rgba(247, 243, 232, 0.92) !important;
  font-family: var(--av-process-font) !important;
  border-top: 1px solid rgba(234, 217, 165, 0.30) !important;
}

.av-process-current::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: -1px !important;
  width: clamp(72px, 8vw, 112px) !important;
  height: 1px !important;
  background: rgba(234, 217, 165, 0.92) !important;
  box-shadow: 0 0 22px rgba(234, 217, 165, 0.22) !important;
}

.av-process-current__eyebrow {
  display: block !important;
  margin: 0 0 18px !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  letter-spacing: 0.18em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  color: rgba(234, 217, 165, 0.76) !important;
}

.av-process-current__line {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  margin: 0 0 16px !important;
}

.av-process-current__number {
  font-size: clamp(50px, 5vw, 70px) !important;
  font-weight: 420 !important;
  line-height: 0.86 !important;
  color: rgba(247, 243, 232, 0.92) !important;
}

.av-process-current__total {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  color: rgba(247, 243, 232, 0.34) !important;
}

.av-process-current__title {
  max-width: 310px !important;
  margin: 0 0 14px !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  color: rgba(255, 255, 255, 0.94) !important;
}

.av-process-current__body {
  max-width: 300px !important;
  margin: 0 !important;
  font-size: clamp(13px, 1vw, 15px) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.62 !important;
  color: rgba(247, 243, 232, 0.58) !important;
}

.av-process-current__focus {
  display: inline-block !important;
  margin-top: 22px !important;
  padding-left: 14px !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  color: rgba(234, 217, 165, 0.78) !important;
  border-left: 2px solid rgba(234, 217, 165, 0.78) !important;
}

/* Left-side phase dossier: richer, still light. */
.av-process-current {
  padding: 26px 0 0 !important;
  border-top-color: rgba(234, 217, 165, 0.22) !important;
}

.av-process-current::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: clamp(26px, 3vw, 48px) !important;
  top: 92px !important;
  bottom: -20px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border-left: 1px solid rgba(247, 243, 232, 0.08) !important;
  background:
    linear-gradient(90deg, rgba(247, 243, 232, 0.035), transparent 54%),
    repeating-linear-gradient(180deg, rgba(247, 243, 232, 0.045) 0 1px, transparent 1px 34px) !important;
  opacity: 0.72 !important;
}

.av-process-current__line {
  position: relative !important;
  width: fit-content !important;
  padding: 0 18px 0 0 !important;
}

.av-process-current__line::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  width: 42px !important;
  height: 1px !important;
  transform: translate3d(100%, -50%, 0) !important;
  background: linear-gradient(90deg, rgba(234, 217, 165, 0.58), transparent) !important;
}

.av-process-current__number {
  text-shadow: 0 18px 44px rgba(0, 0, 0, 0.28) !important;
}

.av-process-current__title {
  position: relative !important;
  padding-left: 18px !important;
}

.av-process-current__title::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.18em !important;
  bottom: 0.16em !important;
  width: 2px !important;
  background: linear-gradient(180deg, rgba(234, 217, 165, 0.92), rgba(134, 232, 222, 0.22)) !important;
}

.av-process-current__dossier {
  max-width: 312px !important;
  margin: 22px 0 0 !important;
  display: grid !important;
  gap: 8px !important;
}

.av-process-current__dossier-item {
  min-height: 34px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  border: 1px solid rgba(247, 243, 232, 0.10) !important;
  border-radius: 7px !important;
  background:
    linear-gradient(90deg, rgba(247, 243, 232, 0.052), rgba(247, 243, 232, 0.016)) !important;
  color: rgba(247, 243, 232, 0.68) !important;
  font-family: var(--av-process-font) !important;
  font-size: 11px !important;
  font-weight: 620 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.1 !important;
}

.av-process-current__dossier-item::before {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  margin-right: 10px !important;
  border-radius: 999px !important;
  background: rgba(234, 217, 165, 0.76) !important;
  box-shadow: 0 0 14px rgba(234, 217, 165, 0.22) !important;
  flex: 0 0 auto !important;
}

.av-process-current__focus {
  margin-top: 18px !important;
}

.av-process-preview {
  left: clamp(382px, 36vw, 470px) !important;
  bottom: clamp(188px, 14vw, 220px) !important;
  border-color: rgba(247, 243, 232, 0.13) !important;
  box-shadow:
    0 36px 92px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.av-process-path {
  left: 4% !important;
  right: 4% !important;
  bottom: clamp(18px, 1.8vw, 28px) !important;
  height: 68px !important;
  border: 1px solid rgba(247, 243, 232, 0.10) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(247, 243, 232, 0.055), rgba(247, 243, 232, 0.018)),
    rgba(2, 10, 11, 0.64) !important;
  box-shadow:
    0 18px 54px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  overflow: hidden !important;
  opacity: 1 !important;
}

.av-process-path::before,
.av-process-path::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  top: 14px !important;
  height: 1px !important;
  pointer-events: none !important;
}

.av-process-path::before {
  right: 18px !important;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(247, 243, 232, 0.13) 0 1px,
      transparent 1px calc(20% - 1px),
      rgba(247, 243, 232, 0.13) calc(20% - 1px) 20%
    ) !important;
}

.av-process-path::after {
  width: var(--av-process-progress-width, 16.666%) !important;
  background: rgba(234, 217, 165, 0.76) !important;
  box-shadow: 0 0 16px rgba(234, 217, 165, 0.16) !important;
  transition: width 520ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.av-process-path svg {
  opacity: 0 !important;
}

.av-process-architecture .av-process-step {
  bottom: clamp(34px, 2.9vw, 44px) !important;
  width: clamp(132px, 14vw, 174px) !important;
}

.av-process-step[data-av-process-step="1"] { --av-process-x: 11.66%; }
.av-process-step[data-av-process-step="2"] { --av-process-x: 27%; }
.av-process-step[data-av-process-step="3"] { --av-process-x: 42.33%; }
.av-process-step[data-av-process-step="4"] { --av-process-x: 57.66%; }
.av-process-step[data-av-process-step="5"] { --av-process-x: 73%; }
.av-process-step[data-av-process-step="6"] { --av-process-x: 88.33%; }

.av-process-architecture [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:354"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  text-align: left !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:317"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:355"] {
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  clip-path: none !important;
  border: 1px solid rgba(247, 243, 232, 0.18) !important;
  background: rgba(2, 10, 11, 0.62) !important;
  box-shadow:
    0 0 0 5px rgba(2, 10, 11, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:317"],
.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:355"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:317"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:355"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:317"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:355"] {
  background: rgba(234, 217, 165, 0.92) !important;
  box-shadow:
    0 0 0 5px rgba(234, 217, 165, 0.08),
    0 8px 24px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:320"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:358"] {
  display: none !important;
}

.av-process-summary {
  display: inline-block !important;
  max-width: clamp(82px, 9vw, 126px) !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: rgba(247, 243, 232, 0.56) !important;
  font-family: var(--av-process-font) !important;
  font-size: clamp(10px, 0.76vw, 12px) !important;
  font-weight: 560 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  text-transform: none !important;
  white-space: nowrap !important;
  transition: color 260ms ease !important;
}

.av-process-architecture .av-process-step.is-active .av-process-summary,
.av-process-architecture .av-process-step:hover .av-process-summary,
.av-process-architecture .av-process-step:focus-visible .av-process-summary {
  color: rgba(255, 255, 255, 0.94) !important;
}

@media (prefers-reduced-motion: reduce) {
  .av-process-preview,
  .av-process-preview__image,
  .av-process-step {
    transition: none !important;
  }
}

/* Distinct Process treatment: architectural control wall instead of a bottom progress bar. */
[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture,
.process-triptych-grid.av-process-architecture {
  --av-process-stage-height: clamp(660px, 54vw, 760px);
  height: var(--av-process-stage-height) !important;
  min-height: var(--av-process-stage-height) !important;
  max-width: 1180px !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:328"] {
  top: clamp(8px, 1.1vw, 18px) !important;
  width: min(360px, 30vw) !important;
}

.av-process-current {
  top: clamp(222px, 18vw, 266px) !important;
  width: min(350px, 30vw) !important;
}

.av-process-preview {
  top: clamp(28px, 3vw, 48px) !important;
  left: clamp(438px, 39vw, 520px) !important;
  right: 0 !important;
  bottom: clamp(28px, 3vw, 48px) !important;
  border-radius: 8px !important;
  border-color: rgba(247, 243, 232, 0.14) !important;
  box-shadow:
    0 40px 100px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.av-process-preview::after {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 96px !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(2, 10, 11, 0.66), rgba(2, 10, 11, 0.00)) !important;
}

.av-process-path {
  left: clamp(404px, 36vw, 486px) !important;
  right: auto !important;
  top: clamp(82px, 7vw, 106px) !important;
  bottom: clamp(86px, 7.2vw, 112px) !important;
  width: 1px !important;
  height: auto !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, transparent, rgba(247, 243, 232, 0.18), transparent) !important;
  box-shadow: none !important;
}

.av-process-path::before {
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 1px !important;
  height: auto !important;
  background: linear-gradient(180deg, transparent, rgba(247, 243, 232, 0.18), transparent) !important;
}

.av-process-path::after {
  display: none !important;
}

.av-process-architecture .av-process-step {
  left: clamp(412px, 36.6vw, 494px) !important;
  top: var(--av-process-y, 50%) !important;
  bottom: auto !important;
  width: clamp(218px, 20vw, 286px) !important;
  padding: 0 !important;
  transform: translate3d(0, -50%, 0) !important;
}

.av-process-step[data-av-process-step="1"] { --av-process-y: 16%; }
.av-process-step[data-av-process-step="2"] { --av-process-y: 29.6%; }
.av-process-step[data-av-process-step="3"] { --av-process-y: 43.2%; }
.av-process-step[data-av-process-step="4"] { --av-process-y: 56.8%; }
.av-process-step[data-av-process-step="5"] { --av-process-y: 70.4%; }
.av-process-step[data-av-process-step="6"] { --av-process-y: 84%; }

.av-process-architecture .av-process-step:hover,
.av-process-architecture .av-process-step:focus-visible,
.av-process-architecture .av-process-step.is-active {
  transform: translate3d(12px, -50%, 0) !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:354"] {
  width: 100% !important;
  min-height: 48px !important;
  padding: 7px 12px 7px 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  border: 1px solid rgba(247, 243, 232, 0.10) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg, rgba(2, 10, 11, 0.88), rgba(2, 10, 11, 0.46)),
    rgba(2, 10, 11, 0.72) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(10px) !important;
  white-space: nowrap !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:317"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:355"] {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  clip-path: none !important;
  border-color: rgba(234, 217, 165, 0.34) !important;
  background: rgba(234, 217, 165, 0.08) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.av-process-summary {
  max-width: none !important;
  min-width: 0 !important;
  color: rgba(247, 243, 232, 0.66) !important;
  font-size: clamp(11px, 0.86vw, 13px) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-overflow: clip !important;
}

.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:354"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:354"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:354"] {
  border-color: rgba(234, 217, 165, 0.32) !important;
  background:
    linear-gradient(90deg, rgba(234, 217, 165, 0.18), rgba(2, 10, 11, 0.58)),
    rgba(2, 10, 11, 0.78) !important;
}

.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:317"],
.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:355"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:317"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:355"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:317"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:355"] {
  background: rgba(234, 217, 165, 0.92) !important;
  border-color: rgba(247, 243, 232, 0.70) !important;
  color: #071314 !important;
  box-shadow:
    0 0 0 5px rgba(234, 217, 165, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}

/* Signature layer: active callouts behave like architectural annotations. */
.av-process-architecture .av-process-step.is-active,
.av-process-architecture .av-process-step:hover,
.av-process-architecture .av-process-step:focus-visible {
  width: clamp(260px, 23vw, 336px) !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:354"] {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  transition:
    min-height 260ms ease,
    border-color 260ms ease,
    background 260ms ease,
    box-shadow 260ms ease !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:316"]::after,
.av-process-architecture [data-loc="src/web/pages/Home.tsx:354"]::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: calc(100% - 2px) !important;
  top: 50% !important;
  width: 0 !important;
  height: 1px !important;
  transform: translateY(-50%) !important;
  background:
    linear-gradient(90deg, rgba(234, 217, 165, 0.72), rgba(234, 217, 165, 0.00)) !important;
  box-shadow: 0 0 18px rgba(234, 217, 165, 0.18) !important;
  pointer-events: none !important;
  transition: width 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:354"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:354"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:354"] {
  min-height: 72px !important;
  border-color: rgba(234, 217, 165, 0.42) !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(234, 217, 165, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:316"]::after,
.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:354"]::after,
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:316"]::after,
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:354"]::after,
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:316"]::after,
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:354"]::after {
  width: clamp(70px, 8vw, 118px) !important;
}

.av-process-tab-title {
  flex: 0 0 calc(100% - 46px) !important;
  display: block !important;
  max-height: 0 !important;
  margin: -4px 0 0 44px !important;
  overflow: hidden !important;
  color: rgba(247, 243, 232, 0.48) !important;
  font-family: var(--av-process-font) !important;
  font-size: clamp(10px, 0.78vw, 12px) !important;
  font-weight: 500 !important;
  line-height: 1.22 !important;
  white-space: normal !important;
  transition:
    max-height 260ms ease,
    opacity 260ms ease,
    color 260ms ease !important;
  opacity: 0 !important;
}

.av-process-architecture .av-process-step.is-active .av-process-tab-title,
.av-process-architecture .av-process-step:hover .av-process-tab-title,
.av-process-architecture .av-process-step:focus-visible .av-process-tab-title {
  max-height: 42px !important;
  color: rgba(247, 243, 232, 0.72) !important;
  opacity: 1 !important;
}

.av-process-preview::before {
  box-shadow:
    inset 0 0 0 1px rgba(247, 243, 232, 0.04),
    inset 34px 0 70px rgba(2, 10, 11, 0.16) !important;
}

/* Phase compass: all stages visible in one dynamic, image-led composition. */
[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture,
.process-triptych-grid.av-process-architecture {
  --av-process-stage-height: clamp(650px, 53vw, 740px);
  --av-compass-left: clamp(390px, 35vw, 470px);
  height: var(--av-process-stage-height) !important;
  min-height: var(--av-process-stage-height) !important;
  max-width: 1200px !important;
}

.av-process-preview {
  top: clamp(38px, 3.8vw, 58px) !important;
  left: var(--av-compass-left) !important;
  right: clamp(18px, 2vw, 34px) !important;
  bottom: clamp(38px, 3.8vw, 58px) !important;
  border-radius: 10px !important;
  border-color: rgba(247, 243, 232, 0.16) !important;
  opacity: 0.94 !important;
  box-shadow:
    0 30px 78px rgba(0, 0, 0, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.av-process-preview::after {
  width: 100% !important;
  background:
    radial-gradient(ellipse at 54% 48%, transparent 0 44%, rgba(2, 10, 11, 0.14) 68%, rgba(2, 10, 11, 0.38) 100%),
    linear-gradient(90deg, rgba(2, 10, 11, 0.46), transparent 42%, rgba(2, 10, 11, 0.16)) !important;
}

.av-process-path {
  left: calc(var(--av-compass-left) + clamp(34px, 4vw, 58px)) !important;
  right: clamp(64px, 5.6vw, 94px) !important;
  top: clamp(98px, 8vw, 126px) !important;
  bottom: clamp(92px, 7.8vw, 120px) !important;
  width: auto !important;
  height: auto !important;
  border: 1px solid rgba(234, 217, 165, 0.18) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(ellipse at center, rgba(234, 217, 165, 0.055), transparent 43%),
    linear-gradient(90deg, transparent calc(50% - 0.5px), rgba(247, 243, 232, 0.095) 50%, transparent calc(50% + 0.5px)),
    linear-gradient(0deg, transparent calc(50% - 0.5px), rgba(247, 243, 232, 0.095) 50%, transparent calc(50% + 0.5px)) !important;
  box-shadow: none !important;
  opacity: 0.86 !important;
}

.av-process-path::before {
  content: "BUILD\A SEQUENCE" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: clamp(104px, 9vw, 136px) !important;
  height: clamp(104px, 9vw, 136px) !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(234, 217, 165, 0.22) !important;
  border-radius: 50% !important;
  transform: translate3d(-50%, -50%, 0) !important;
  background:
    linear-gradient(180deg, rgba(247, 243, 232, 0.055), rgba(247, 243, 232, 0.015)),
    rgba(2, 10, 11, 0.50) !important;
  color: rgba(247, 243, 232, 0.82) !important;
  font-family: var(--av-process-font) !important;
  font-size: clamp(9px, 0.72vw, 11px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  line-height: 1.34 !important;
  text-align: center !important;
  white-space: pre-line !important;
  box-shadow: inset 0 0 0 12px rgba(234, 217, 165, 0.025) !important;
}

.av-process-path::after {
  content: "" !important;
  position: absolute !important;
  inset: 12% 10% !important;
  display: block !important;
  border: 1px dashed rgba(247, 243, 232, 0.105) !important;
  border-radius: 50% !important;
  background: transparent !important;
}

.av-process-path svg {
  display: none !important;
}

.av-process-architecture .av-process-step {
  left: var(--av-process-x, 68%) !important;
  top: var(--av-process-y, 50%) !important;
  bottom: auto !important;
  width: clamp(126px, 12.2vw, 164px) !important;
  padding: 0 !important;
  transform: translate3d(-50%, -50%, 0) !important;
  z-index: 8 !important;
}

.av-process-step[data-av-process-step="1"] { --av-process-x: 64%; --av-process-y: 15%; }
.av-process-step[data-av-process-step="2"] { --av-process-x: 83%; --av-process-y: 28%; }
.av-process-step[data-av-process-step="3"] { --av-process-x: 88%; --av-process-y: 54%; }
.av-process-step[data-av-process-step="4"] { --av-process-x: 72%; --av-process-y: 79%; }
.av-process-step[data-av-process-step="5"] { --av-process-x: 50%; --av-process-y: 67%; }
.av-process-step[data-av-process-step="6"] { --av-process-x: 48%; --av-process-y: 36%; }

.av-process-architecture .av-process-step:hover,
.av-process-architecture .av-process-step:focus-visible,
.av-process-architecture .av-process-step.is-active {
  width: clamp(174px, 15.6vw, 218px) !important;
  transform: translate3d(-50%, -50%, 0) scale(1.025) !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:354"] {
  min-height: 54px !important;
  padding: 6px 10px 6px 6px !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  border: 1px solid rgba(247, 243, 232, 0.12) !important;
  border-radius: 7px !important;
  background:
    linear-gradient(135deg, rgba(7, 19, 20, 0.84), rgba(2, 10, 11, 0.50)),
    rgba(2, 10, 11, 0.64) !important;
  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: none !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:316"]::after,
.av-process-architecture [data-loc="src/web/pages/Home.tsx:354"]::after {
  display: none !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:317"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:355"] {
  grid-row: 1 / span 2 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 5px !important;
  background:
    linear-gradient(135deg, rgba(234, 217, 165, 0.14), rgba(234, 217, 165, 0.03)) !important;
  color: rgba(234, 217, 165, 0.90) !important;
}

.av-process-summary {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: rgba(247, 243, 232, 0.76) !important;
  font-size: clamp(10px, 0.72vw, 12px) !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.av-process-tab-title {
  grid-column: 2 !important;
  flex: none !important;
  max-height: 0 !important;
  margin: 0 !important;
  color: rgba(247, 243, 232, 0.52) !important;
  font-size: clamp(9px, 0.68vw, 11px) !important;
  line-height: 1.18 !important;
}

.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:354"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:354"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:354"] {
  min-height: 74px !important;
  border-color: rgba(234, 217, 165, 0.36) !important;
  background:
    linear-gradient(135deg, rgba(234, 217, 165, 0.16), rgba(2, 10, 11, 0.58)),
    rgba(2, 10, 11, 0.72) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.av-process-architecture .av-process-step.is-active .av-process-tab-title,
.av-process-architecture .av-process-step:hover .av-process-tab-title,
.av-process-architecture .av-process-step:focus-visible .av-process-tab-title {
  max-height: 34px !important;
  opacity: 1 !important;
}

/* Orbital refinement: real circular axis with lighter, more deliberate markers. */
[data-loc="src/web/pages/Home.tsx:301"].av-process-architecture,
.process-triptych-grid.av-process-architecture {
  --av-process-stage-height: clamp(650px, 53vw, 740px);
  --av-orbit-size: clamp(390px, 34vw, 500px);
  --av-orbit-radius: calc(var(--av-orbit-size) / 2);
  --av-orbit-half: calc(var(--av-orbit-radius) * 0.52);
  --av-orbit-cos: calc(var(--av-orbit-radius) * 0.86);
  --av-process-preview-right: clamp(18px, 2vw, 34px);
  --av-orbit-left: calc(var(--av-compass-left) + ((100% - var(--av-compass-left) - var(--av-process-preview-right) - var(--av-orbit-size)) / 2));
}

.av-process-preview {
  right: var(--av-process-preview-right) !important;
}

.av-process-path {
  left: var(--av-orbit-left) !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  width: var(--av-orbit-size) !important;
  height: var(--av-orbit-size) !important;
  aspect-ratio: 1 / 1 !important;
  transform: translate3d(0, -50%, 0) !important;
  border-color: rgba(234, 217, 165, 0.16) !important;
  background:
    radial-gradient(circle at center, rgba(2, 10, 11, 0.44) 0 17%, transparent 17.5%),
    radial-gradient(circle at center, transparent 0 54%, rgba(234, 217, 165, 0.055) 55%, transparent 70%),
    conic-gradient(from -92deg, rgba(234, 217, 165, 0.20), rgba(134, 232, 222, 0.10), rgba(247, 243, 232, 0.06), rgba(234, 217, 165, 0.20)) !important;
  box-shadow: none !important;
}

.av-process-path::before {
  content: "06\A PHASES" !important;
  width: clamp(92px, 8vw, 118px) !important;
  height: clamp(92px, 8vw, 118px) !important;
  border-color: rgba(234, 217, 165, 0.20) !important;
  background:
    radial-gradient(circle at center, rgba(234, 217, 165, 0.10), transparent 58%),
    rgba(2, 10, 11, 0.42) !important;
  color: rgba(247, 243, 232, 0.86) !important;
  box-shadow:
    inset 0 0 0 10px rgba(247, 243, 232, 0.018),
    0 12px 34px rgba(0, 0, 0, 0.18) !important;
}

.av-process-path::after {
  inset: 18% !important;
  border: 1px solid rgba(247, 243, 232, 0.085) !important;
}

.av-process-step[data-av-process-step="1"] {
  left: calc(var(--av-orbit-left) + var(--av-orbit-radius)) !important;
  top: calc(50% - var(--av-orbit-radius)) !important;
}

.av-process-step[data-av-process-step="2"] {
  left: calc(var(--av-orbit-left) + var(--av-orbit-radius) + var(--av-orbit-cos)) !important;
  top: calc(50% - var(--av-orbit-half)) !important;
}

.av-process-step[data-av-process-step="3"] {
  left: calc(var(--av-orbit-left) + var(--av-orbit-radius) + var(--av-orbit-cos)) !important;
  top: calc(50% + var(--av-orbit-half)) !important;
}

.av-process-step[data-av-process-step="4"] {
  left: calc(var(--av-orbit-left) + var(--av-orbit-radius)) !important;
  top: calc(50% + var(--av-orbit-radius)) !important;
}

.av-process-step[data-av-process-step="5"] {
  left: calc(var(--av-orbit-left) + var(--av-orbit-radius) - var(--av-orbit-cos)) !important;
  top: calc(50% + var(--av-orbit-half)) !important;
}

.av-process-step[data-av-process-step="6"] {
  left: calc(var(--av-orbit-left) + var(--av-orbit-radius) - var(--av-orbit-cos)) !important;
  top: calc(50% - var(--av-orbit-half)) !important;
}

.av-process-architecture .av-process-step {
  width: clamp(118px, 10.8vw, 150px) !important;
}

.av-process-architecture .av-process-step:hover,
.av-process-architecture .av-process-step:focus-visible,
.av-process-architecture .av-process-step.is-active {
  width: clamp(168px, 14.8vw, 212px) !important;
  transform: translate3d(-50%, -50%, 0) scale(1.018) !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:354"] {
  min-height: 48px !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 6px 9px 6px 6px !important;
  border-radius: 9px !important;
  border-color: rgba(247, 243, 232, 0.11) !important;
  background:
    linear-gradient(135deg, rgba(4, 16, 17, 0.84), rgba(2, 10, 11, 0.46)),
    rgba(2, 10, 11, 0.56) !important;
  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.av-process-architecture [data-loc="src/web/pages/Home.tsx:317"],
.av-process-architecture [data-loc="src/web/pages/Home.tsx:355"] {
  width: 30px !important;
  height: 30px !important;
  border-radius: 7px !important;
  background: rgba(234, 217, 165, 0.10) !important;
}

.av-process-summary {
  font-size: clamp(9px, 0.68vw, 11px) !important;
}

.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture .av-process-step.is-active [data-loc="src/web/pages/Home.tsx:354"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture .av-process-step:hover [data-loc="src/web/pages/Home.tsx:354"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:316"],
.av-process-architecture .av-process-step:focus-visible [data-loc="src/web/pages/Home.tsx:354"] {
  min-height: 66px !important;
  border-color: rgba(234, 217, 165, 0.32) !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

.av-process-path::before {
  content: "" !important;
  width: clamp(118px, 10vw, 146px) !important;
  height: clamp(118px, 10vw, 146px) !important;
  border-color: rgba(234, 217, 165, 0.18) !important;
  background:
    radial-gradient(circle at center, rgba(234, 217, 165, 0.10), transparent 58%),
    rgba(2, 10, 11, 0.42) !important;
  box-shadow:
    inset 0 0 0 12px rgba(247, 243, 232, 0.016),
    0 12px 30px rgba(0, 0, 0, 0.16) !important;
}

.av-process-orbit-hub {
  position: absolute !important;
  z-index: 3 !important;
  left: 50% !important;
  top: 50% !important;
  width: clamp(118px, 10vw, 146px) !important;
  height: clamp(118px, 10vw, 146px) !important;
  padding: 18px 14px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 7px !important;
  transform: translate3d(-50%, -50%, 0) !important;
  color: rgba(247, 243, 232, 0.88) !important;
  font-family: var(--av-process-font) !important;
  text-align: center !important;
  pointer-events: none !important;
}

.av-process-orbit-hub__eyebrow {
  display: block !important;
  color: rgba(234, 217, 165, 0.58) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.av-process-orbit-hub__number {
  display: block !important;
  color: rgba(247, 243, 232, 0.94) !important;
  font-size: clamp(30px, 2.8vw, 42px) !important;
  font-weight: 430 !important;
  letter-spacing: 0 !important;
  line-height: 0.86 !important;
}

.av-process-orbit-hub__summary {
  display: block !important;
  max-width: 104px !important;
  color: rgba(247, 243, 232, 0.58) !important;
  font-size: 10px !important;
  font-weight: 560 !important;
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
}

.av-process-orbit-hint {
  position: absolute !important;
  z-index: 3 !important;
  left: 50% !important;
  bottom: clamp(18px, 2vw, 26px) !important;
  transform: translateX(-50%) !important;
  color: rgba(234, 217, 165, 0.42) !important;
  font-family: var(--av-process-font) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

.av-process-architecture .av-process-step::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: -7px !important;
  display: block !important;
  border: 1px solid rgba(234, 217, 165, 0.00) !important;
  border-radius: 13px !important;
  background: transparent !important;
  transform: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transition:
    border-color 260ms ease,
    box-shadow 260ms ease !important;
}

.av-process-architecture .av-process-step.is-active::before,
.av-process-architecture .av-process-step:hover::before,
.av-process-architecture .av-process-step:focus-visible::before {
  border-color: rgba(234, 217, 165, 0.16) !important;
  box-shadow: 0 0 0 5px rgba(234, 217, 165, 0.035) !important;
}

/* Services page process colors */
[data-loc="src/web/pages/Services.tsx:165"],
[data-loc="src/web/pages/Services.tsx:238"] {
  color: #0d9488 !important;
  -webkit-text-fill-color: #0d9488 !important;
}

[data-loc="src/web/pages/Services.tsx:247"] {
  display: inline-block !important;
  width: 54px !important;
  height: 6px !important;
  margin-left: 0 !important;
  background: #c9a84c !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  line-height: 0 !important;
  transform: translateY(2px) !important;
}

[data-loc="src/web/pages/Services.tsx:187"] {
  background: #c9a84c !important;
  border-color: #c9a84c !important;
}

/* v29: keep the full home Process composition inside a standard desktop viewport. */
@media (min-width: 981px) {
  #root [data-loc="src/web/pages/Home.tsx:301"].av-process-architecture,
  #root .process-triptych-grid.av-process-architecture {
    --av-process-stage-height: clamp(560px, calc(100svh - 88px), 640px);
    --av-orbit-size: clamp(330px, 31vw, 400px);
    height: var(--av-process-stage-height) !important;
    min-height: var(--av-process-stage-height) !important;
  }

  #root .av-process-architecture [data-loc="src/web/pages/Home.tsx:328"] {
    top: 10px !important;
    width: min(330px, 28vw) !important;
  }

  #root .av-process-architecture [data-loc="src/web/pages/Home.tsx:332"] {
    font-size: clamp(54px, 5.2vw, 64px) !important;
    line-height: 0.92 !important;
  }

  #root .av-process-architecture [data-loc="src/web/pages/Home.tsx:338"] {
    max-width: 29ch !important;
    margin-top: 10px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  #root .av-process-current {
    top: clamp(166px, 14vw, 184px) !important;
    width: min(330px, 28vw) !important;
    min-height: 0 !important;
    padding-top: 18px !important;
  }

  #root .av-process-current::after {
    top: 76px !important;
    bottom: -10px !important;
  }

  #root .av-process-current__eyebrow {
    margin-bottom: 12px !important;
    font-size: 9px !important;
  }

  #root .av-process-current__line {
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  #root .av-process-current__number {
    font-size: clamp(46px, 4.2vw, 56px) !important;
  }

  #root .av-process-current__total {
    font-size: 10px !important;
  }

  #root .av-process-current__title {
    max-width: 300px !important;
    margin-bottom: 9px !important;
    padding-left: 14px !important;
    font-size: clamp(20px, 1.75vw, 24px) !important;
    line-height: 1.08 !important;
  }

  #root .av-process-current__body {
    max-width: 290px !important;
    font-size: 12px !important;
    line-height: 1.48 !important;
  }

  #root .av-process-current__dossier {
    max-width: 300px !important;
    margin-top: 14px !important;
    gap: 6px !important;
  }

  #root .av-process-current__dossier-item {
    min-height: 30px !important;
    padding-inline: 10px !important;
    font-size: 10px !important;
  }

  #root .av-process-current__dossier-item::before {
    width: 4px !important;
    height: 4px !important;
    margin-right: 8px !important;
  }

  #root .av-process-current__focus {
    margin-top: 12px !important;
    padding-left: 12px !important;
    font-size: 10px !important;
  }

  #root .av-process-preview {
    top: clamp(34px, 5.5vh, 44px) !important;
    bottom: clamp(34px, 5.5vh, 44px) !important;
  }

  #root .av-process-orbit-hub,
  #root .av-process-path::before {
    width: clamp(102px, 8.5vw, 122px) !important;
    height: clamp(102px, 8.5vw, 122px) !important;
  }

  #root .av-process-orbit-hub {
    padding: 14px 12px !important;
    gap: 5px !important;
  }

  #root .av-process-orbit-hub__number {
    font-size: clamp(27px, 2.4vw, 36px) !important;
  }

  #root .av-process-orbit-hint {
    bottom: 16px !important;
    font-size: 8px !important;
  }
}