:root {
  --ink: #080807;
  --ink-soft: #11110f;
  --surface: #171612;
  --ivory: #f5f0e6;
  --ivory-soft: #d8d1c4;
  --muted: #9f988c;
  --gold: #d8a94d;
  --gold-light: #f0d28c;
  --gold-deep: #8b5c20;
  --line: rgba(232, 198, 126, 0.22);
  --line-soft: rgba(245, 240, 230, 0.12);
  --success: #35c86f;
  --display: "Newsreader", Georgia, serif;
  --body: "Source Sans 3", Arial, sans-serif;
  --shell: min(88vw, 1380px);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --header-height: 104px;
  --z-base: 1;
  --z-header: 30;
  --z-menu: 40;
  --z-float: 50;
}

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

html {
  scroll-behavior: smooth;
  scrollbar-color: var(--gold-deep) var(--ink);
  background: var(--ink);
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background: var(--ink);
  color: var(--ivory);
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.menu-open { overflow: hidden; }

img, svg { display: block; }
img { max-width: 100%; }
button, a { touch-action: manipulation; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

::selection { background: var(--gold); color: var(--ink); }

.shell { width: var(--shell); margin-inline: auto; }

.skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 200;
  padding: 12px 18px;
  transform: translateY(-150%);
  background: var(--ivory);
  color: var(--ink);
  border-radius: 2px;
}

.skip-link:focus { transform: translateY(0); }

:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 5px; }

.grain {
  position: fixed;
  inset: 0;
  z-index: 99;
  opacity: 0.035;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
}

.page-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 2px;
  background: transparent;
}

.page-progress span {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left;
  background: var(--gold);
}

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: var(--z-header);
  height: var(--header-height);
  transition: background-color 280ms ease, border-color 280ms ease, transform 350ms var(--ease);
  border-bottom: 1px solid transparent;
}

.site-header.scrolled {
  background: rgba(8, 8, 7, 0.88);
  border-color: var(--line-soft);
  backdrop-filter: blur(16px);
}

.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 32px; }

.brand {
  display: flex;
  width: 112px;
  height: 76px;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
}

.brand img {
  display: block;
  width: auto;
  height: 70px;
  max-width: 100%;
  object-fit: contain;
}

.desktop-nav { display: flex; align-items: center; gap: clamp(22px, 2.6vw, 44px); margin-left: auto; }

.desktop-nav a {
  position: relative;
  padding-block: 12px;
  color: var(--ivory-soft);
  font-size: 13px;
  letter-spacing: 0.02em;
  transition: color 220ms ease;
}

.desktop-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: right;
  background: var(--gold);
  transition: transform 300ms var(--ease);
}

.desktop-nav a:hover { color: var(--ivory); }
.desktop-nav a:hover::after { transform: scaleX(1); transform-origin: left; }

.header-cta {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  gap: 14px;
  padding: 0 20px;
  border: 1px solid var(--line);
  color: var(--gold-light);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
  transition: color 220ms ease, background-color 220ms ease, border-color 220ms ease;
}

.header-cta svg, .button svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.header-cta:hover { color: var(--ink); background: var(--gold-light); border-color: var(--gold-light); }

.menu-toggle { display: none; }
.mobile-menu { display: none; }

.section { position: relative; padding-block: clamp(104px, 12vw, 190px); }

.light-wave-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.light-wave-canvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  pointer-events: none;
}
.light-wave-section::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(ellipse 48% 92% at 18% 48%, rgba(250,241,218,.35), rgba(250,241,218,.08) 62%, transparent 82%),
    linear-gradient(180deg, rgba(255,246,223,.08), transparent 34%, rgba(87,45,4,.08));
  pointer-events: none;
}
.light-wave-section > :not(.light-wave-canvas) { position: relative; z-index: 1; }
.light-wave-fallback {
  background:
    radial-gradient(ellipse at 78% 32%, rgba(251,218,143,.82), transparent 35%),
    radial-gradient(ellipse at 38% 82%, rgba(139,76,10,.72), transparent 42%),
    linear-gradient(135deg, #edc873, #c48a25 58%, #9c5b10);
}

.light-wave-section p:not(.eyebrow) { color: #44331e; }

.eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 28px;
  color: var(--gold-light);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  line-height: 1.3;
  text-transform: uppercase;
}

.eyebrow > span { width: 34px; height: 1px; background: var(--gold); }

h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: var(--display); font-optical-sizing: auto; font-weight: 400; }
h2 { margin-bottom: 0; font-size: clamp(42px, 5.4vw, 82px); line-height: 1.05; letter-spacing: -0.045em; }
h2 em { color: var(--gold-light); font-weight: 400; }

.hero {
  position: relative;
  min-height: max(720px, 100svh);
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid var(--line-soft);
}

.hero-media {
  position: absolute;
  inset: 0;
  z-index: -4;
  overflow: hidden;
  background: #090908 url("assets/legacy-office-hero.webp") center / cover no-repeat;
  pointer-events: none;
}

.hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(7,7,6,.9) 0%, rgba(7,7,6,.78) 40%, rgba(7,7,6,.57) 72%, rgba(7,7,6,.7) 100%),
    linear-gradient(180deg, rgba(7,7,6,.68) 0%, rgba(7,7,6,.28) 44%, rgba(7,7,6,.88) 100%);
}

.hero::before, .hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

.hero::before {
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0, transparent calc(50% - 1px), rgba(255,255,255,.032) 50%, transparent calc(50% + 1px)),
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 100% 100%, 100% 120px;
  mask-image: linear-gradient(to bottom, #000, transparent 90%);
}

.hero::after {
  width: 55vw;
  height: 55vw;
  right: -17vw;
  top: -24vw;
  border: 1px solid rgba(216,169,77,.08);
  border-radius: 50%;
  box-shadow: 0 0 0 10vw rgba(216,169,77,.012), 0 0 0 20vw rgba(216,169,77,.008);
}

.hero-glow {
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background: radial-gradient(680px circle at var(--pointer-x, 72%) var(--pointer-y, 44%), rgba(181, 122, 38, 0.115), transparent 67%);
}

.hero-grid {
  display: grid;
  min-height: max(680px, calc(100svh - 80px));
  grid-template-columns: minmax(0, 7fr) minmax(330px, 5fr);
  align-items: center;
  gap: clamp(40px, 7vw, 120px);
  padding-top: calc(var(--header-height) + 34px);
  padding-bottom: 100px;
}

.hero-copy { position: relative; z-index: 2; max-width: 780px; }
.hero-eyebrow { margin-bottom: 32px; }

.hero h1 {
  margin: 0;
  font-size: clamp(64px, 6.8vw, 108px);
  line-height: 0.93;
  letter-spacing: -0.066em;
}

.hero h1 .line {
  display: block;
  overflow: visible;
  padding: .08em .12em .14em .08em;
  margin: -.08em -.12em -.14em -.08em;
}
.hero h1 .line > span { display: block; }
.hero h1 .accent { margin-left: 0; color: var(--gold-light); font-style: italic; }

.hero-lead {
  max-width: 620px;
  margin: 34px 0 0 clamp(30px, 5vw, 92px);
  color: var(--ivory-soft);
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.7;
}

.hero-actions { display: flex; align-items: center; gap: 30px; margin: 38px 0 0 clamp(30px, 5vw, 92px); }

.button {
  position: relative;
  display: inline-flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  gap: 28px;
  overflow: hidden;
  padding: 0 26px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: background-color 250ms ease, color 250ms ease, box-shadow 250ms ease;
}

.button > * { position: relative; z-index: 1; }
.button::before { content: ""; position: absolute; inset: 0; transform: translateX(-102%); background: var(--ivory); transition: transform 450ms var(--ease); }
.button:hover::before { transform: translateX(0); }
.button-primary { background: var(--gold-light); color: #17120a; box-shadow: 0 12px 50px rgba(189, 133, 51, 0.12); }
.button-primary:hover { color: var(--ink); box-shadow: 0 16px 60px rgba(189, 133, 51, 0.22); }

.text-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--line);
  color: var(--ivory-soft);
  font-size: 13px;
  transition: color 220ms ease, border-color 220ms ease;
}
.text-link:hover { color: var(--gold-light); border-color: var(--gold); }
.text-link span { color: var(--gold); }

.hero-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 22px 0 0 clamp(30px, 5vw, 92px);
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.02em;
}
.hero-note svg { width: 16px; fill: none; stroke: var(--gold); stroke-width: 1.6; }

.hero-mark { position: relative; display: grid; aspect-ratio: 1; place-items: center; }
.hero-mark.home-depth {
  --rx: 0deg;
  --ry: 0deg;
  transform: perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry));
  transform-style: preserve-3d;
  transition: transform 480ms var(--ease), opacity 800ms ease;
  will-change: transform;
}
.hero-mark.home-depth.is-interacting { transition-duration: 70ms; }
.hero-mark img { position: relative; z-index: 2; width: min(36vw, 430px); height: auto; filter: drop-shadow(0 28px 40px rgba(0,0,0,.45)); }

.mark-orbit { position: absolute; border-radius: 50%; border: 1px solid var(--line); }
.orbit-one { inset: 8%; }
.orbit-two { inset: 20%; border-color: rgba(216,169,77,.1); }
.orbit-one::before, .orbit-one::after { content: ""; position: absolute; width: 6px; height: 6px; border: 1px solid var(--gold); background: var(--ink); transform: rotate(45deg); }
.orbit-one::before { left: 10%; top: 18%; }
.orbit-one::after { right: 8%; bottom: 20%; }

.orbit-copy {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  color: var(--gold);
  font-size: 9px;
  letter-spacing: .32em;
  text-transform: uppercase;
  white-space: nowrap;
}

.hero-ledger {
  position: absolute;
  right: 0;
  bottom: 38px;
  display: grid;
  width: min(47vw, 720px);
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line-soft);
  border-left: 1px solid var(--line-soft);
}

.hero-ledger > div { display: flex; min-height: 94px; align-items: center; gap: 14px; padding: 18px 24px; border-right: 1px solid var(--line-soft); }
.hero-ledger strong { color: var(--gold-light); font-family: var(--display); font-size: 32px; font-weight: 400; line-height: 1; }
.hero-ledger span { color: var(--muted); font-size: 10px; line-height: 1.45; text-transform: uppercase; letter-spacing: .08em; }

.hero-footer { position: absolute; bottom: 34px; left: 50%; display: flex; width: 88vw; align-items: center; gap: 16px; transform: translateX(-50%); color: #716c62; font-size: 9px; letter-spacing: .16em; text-transform: uppercase; pointer-events: none; }
.hero-footer-line { width: 55px; height: 1px; background: var(--line-soft); }

.statement { background: var(--ivory); color: var(--ink); }
.statement-grid { display: grid; grid-template-columns: 1fr 6.2fr 3.2fr; gap: clamp(30px, 5vw, 80px); align-items: start; }
.section-code { margin: 10px 0 0; color: #8d806d; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; }
.statement .eyebrow { color: var(--gold-deep); }
.statement .eyebrow > span { background: var(--gold-deep); }
.statement h2 { font-size: clamp(44px, 5.5vw, 84px); }
.statement h2 em { color: var(--gold-deep); }
.statement-copy { max-width: 410px; margin: 74px 0 0; color: #5e594f; font-size: 16px; line-height: 1.85; }

.ledger-strip { background: var(--ivory); color: var(--ink); border-top: 1px solid rgba(36,28,17,.14); border-bottom: 1px solid rgba(36,28,17,.14); }
.ledger-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.ledger-grid > div { display: flex; min-height: 142px; gap: 22px; align-items: center; padding: 26px 36px; border-right: 1px solid rgba(36,28,17,.14); }
.ledger-grid > div:first-child { border-left: 1px solid rgba(36,28,17,.14); }
.ledger-grid span { color: var(--gold-deep); font-family: var(--display); font-size: 13px; }
.ledger-grid p { margin: 0; color: #70695f; font-size: 13px; line-height: 1.6; }
.ledger-grid strong { display: block; color: var(--ink); font-weight: 600; }

.process { background: var(--ivory); color: var(--ink); }
.process-layout { display: grid; grid-template-columns: minmax(320px, 4fr) minmax(440px, 5fr); gap: clamp(60px, 11vw, 180px); }
.process-intro { position: sticky; top: calc(var(--header-height) + 60px); align-self: start; }
.process .eyebrow { color: var(--gold-deep); }
.process .eyebrow > span { background: var(--gold-deep); }
.process-intro h2 { max-width: 640px; font-size: clamp(46px, 5vw, 76px); }
.process-intro > p:not(.eyebrow) { max-width: 540px; margin: 34px 0 28px; color: #625d54; }
.process .text-link { color: #332f29; border-color: rgba(35,30,24,.24); }

.process-steps { position: relative; padding-left: 56px; }
.process-line { position: absolute; top: 16px; bottom: 30px; left: 0; width: 1px; background: rgba(81,65,42,.18); }
.process-line i { display: block; width: 1px; height: 100%; transform: scaleY(var(--process-progress, 0)); transform-origin: top; background: var(--gold-deep); }
.process-step { position: relative; display: grid; min-height: 250px; grid-template-columns: 56px 1fr; gap: 28px; padding: 26px 0 54px; border-top: 1px solid rgba(36,28,17,.16); }
.process-step:last-child { min-height: auto; }
.step-number { position: absolute; top: 29px; left: -56px; transform: translateX(-50%); padding: 4px 7px; background: var(--ivory); color: var(--gold-deep); font-family: var(--display); font-size: 12px; }
.step-icon { display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(139,92,32,.35); }
.step-icon svg { width: 23px; fill: none; stroke: var(--gold-deep); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.3; }
.process-step h3 { margin: 4px 0 14px; font-family: var(--display); font-size: 30px; font-weight: 500; line-height: 1.2; }
.process-step p { max-width: 560px; margin: 0; color: #6b655b; font-size: 14px; line-height: 1.8; }

/* 3D value journey */
.value-journey {
  isolation: isolate;
  overflow: hidden;
  padding-bottom: clamp(92px, 9vw, 140px);
  border-block: 1px solid var(--line-soft);
  background:
    radial-gradient(circle at 50% 48%, rgba(216,169,77,.12), transparent 31%),
    linear-gradient(180deg, #080807 0%, #030303 55%, #090806 100%);
}
.value-journey::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .5;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 112px 112px;
  mask-image: radial-gradient(circle at center, #000, transparent 72%);
}
.value-journey-heading { display: grid; grid-template-columns: 1.35fr .65fr; align-items: end; gap: clamp(50px, 10vw, 150px); }
.value-journey-heading h2 { max-width: 850px; }
.value-journey-intro { padding-bottom: 8px; }
.value-journey-intro p { max-width: 490px; margin-bottom: 30px; color: var(--muted); }
.value-journey-intro .text-link { color: var(--ivory-soft); border-color: var(--line); }

.value-carousel {
  position: relative;
  width: 100%;
  height: clamp(540px, 58vw, 720px);
  margin-top: clamp(28px, 5vw, 70px);
  overflow: hidden;
  cursor: grab;
  perspective: 1350px;
  touch-action: pan-y;
  user-select: none;
}
.value-carousel:active, .value-carousel.is-dragging { cursor: grabbing; }
.value-carousel::before, .value-carousel::after {
  content: "";
  position: absolute;
  z-index: 20;
  top: 0;
  bottom: 0;
  width: min(13vw, 190px);
  pointer-events: none;
}
.value-carousel::before { left: 0; background: linear-gradient(90deg, #040403 4%, transparent); }
.value-carousel::after { right: 0; background: linear-gradient(-90deg, #040403 4%, transparent); }
.value-cylinder { position: absolute; inset: 0; transform-style: preserve-3d; }
.value-card {
  --card-opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(285px, 30vw, 420px);
  aspect-ratio: 1.5925;
  opacity: var(--card-opacity);
  transform-style: preserve-3d;
  will-change: transform, opacity;
  pointer-events: none;
}
.value-card-volume {
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  --shine-x: 50%;
  --shine-y: 35%;
  position: absolute;
  inset: 0;
  transform: rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transform-style: preserve-3d;
  transition: filter 360ms ease;
}
.value-card[aria-current="true"] .value-card-volume {
  animation: valueCardFloat 4.6s ease-in-out infinite;
  filter: drop-shadow(0 34px 44px rgba(0,0,0,.55)) drop-shadow(0 0 28px rgba(216,169,77,.13));
}
.value-carousel.is-dragging .value-card-volume { animation-play-state: paused; }
@keyframes valueCardFloat {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -11px; }
}
.value-card-slice, .value-card-face { position: absolute; inset: 0; border-radius: clamp(18px, 2vw, 26px); }
.value-card-slice { border: 1px solid rgba(240,210,140,.22); background: linear-gradient(135deg, #7c6338, #28251e 45%, #b49150); }
.value-card-slice.slice-1 { transform: translateZ(-4px); }
.value-card-slice.slice-2 { transform: translateZ(-2px); }
.value-card-slice.slice-3 { transform: translateZ(0); }
.value-card-slice.slice-4 { transform: translateZ(2px); }
.value-card-face {
  overflow: hidden;
  border: 1px solid rgba(240,210,140,.27);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.value-card-front {
  padding: clamp(22px, 2.4vw, 34px);
  transform: translateZ(5px);
  background: #11100d;
  box-shadow: inset 0 1px rgba(255,255,255,.09);
}
.value-card-front::before, .value-card-front::after { content: ""; position: absolute; inset: 0; }
.value-card-front::before { background-image: var(--card-image); background-position: center; background-size: cover; filter: saturate(.9) contrast(1.06); transform: scale(1.015); }
.value-card-front::after { background: linear-gradient(105deg, rgba(5,5,4,.72) 0%, rgba(5,5,4,.4) 48%, rgba(5,5,4,.05) 100%), linear-gradient(0deg, rgba(5,5,4,.66), transparent 61%); }
.value-card-final::after { background: linear-gradient(105deg, rgba(5,5,4,.7) 0%, rgba(5,5,4,.37) 50%, rgba(111,77,23,.06) 100%), linear-gradient(0deg, rgba(5,5,4,.68), transparent 61%); }
.value-card-shine { position: absolute; inset: 0; z-index: 2; opacity: .7; background: radial-gradient(circle at var(--shine-x) var(--shine-y), rgba(255,240,198,.2), transparent 31%); mix-blend-mode: screen; }
.value-card-kicker, .value-card-logo, .value-card-chip, .value-card-copy, .value-card-mark { position: absolute; z-index: 3; }
.value-card-kicker { top: clamp(21px, 2.2vw, 31px); left: clamp(22px, 2.4vw, 34px); color: var(--gold-light); font-size: 9px; font-weight: 600; letter-spacing: .17em; text-transform: uppercase; }
.value-card-logo { top: 8px; right: clamp(20px, 2.3vw, 31px); width: clamp(70px, 6.6vw, 94px); height: auto; opacity: .95; }
.value-card-chip {
  top: 45%;
  right: clamp(22px, 2.5vw, 35px);
  width: 42px;
  height: 32px;
  transform: translateY(-50%);
  overflow: hidden;
  border: 1px solid rgba(255,244,210,.72);
  border-radius: 7px;
  background: linear-gradient(135deg, #77613a, #f2db9a 42%, #8e703e 72%, #f0d28c);
  box-shadow: inset 0 0 0 1px rgba(48,34,14,.34);
}
.value-card-chip::before, .value-card-chip::after, .value-card-chip i { content: ""; position: absolute; background: rgba(63,46,22,.48); }
.value-card-chip::before { top: 0; bottom: 0; left: 50%; width: 1px; }
.value-card-chip::after { top: 50%; right: 0; left: 0; height: 1px; }
.value-card-chip i:first-child { top: 7px; right: 0; left: 0; height: 1px; }
.value-card-chip i:last-child { right: 0; bottom: 7px; left: 0; height: 1px; }
.value-card-copy { right: 24%; bottom: clamp(21px, 2.4vw, 33px); left: clamp(22px, 2.4vw, 34px); }
.value-card-copy small { color: var(--gold-light); font-size: 9px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.value-card-copy h3 { margin: 8px 0 8px; color: #fffaf0; font-family: var(--display); font-size: clamp(27px, 2.6vw, 39px); font-weight: 400; line-height: .98; letter-spacing: -.035em; }
.value-card-copy p { max-width: 290px; margin: 0; color: rgba(245,240,230,.7); font-size: clamp(10px, .92vw, 13px); line-height: 1.45; }
.value-card-mark { right: 25px; bottom: 16px; color: transparent; font-family: var(--display); font-size: clamp(62px, 7vw, 98px); line-height: 1; -webkit-text-stroke: 1px rgba(240,210,140,.24); }

.value-card-back {
  padding: clamp(26px, 3vw, 42px);
  transform: rotateY(180deg) translateZ(5px);
  background: radial-gradient(circle at 80% 80%, rgba(216,169,77,.16), transparent 35%), linear-gradient(145deg, #1c1a15, #080807 75%);
  box-shadow: inset 0 1px rgba(255,255,255,.08);
}
.value-card-final-back { background: radial-gradient(circle at 78% 78%, rgba(53,200,111,.14), transparent 38%), linear-gradient(145deg, #1d1b15, #080807 75%); }
.value-card-stripe { position: absolute; top: 18%; right: 0; left: 0; height: 17%; background: linear-gradient(180deg, #030303, #171713 48%, #030303); box-shadow: 0 1px rgba(255,255,255,.08); }
.value-card-backcopy { position: absolute; right: clamp(24px, 3vw, 42px); bottom: clamp(30px, 3vw, 42px); left: clamp(24px, 3vw, 42px); }
.value-card-backcopy small { display: block; margin-bottom: 6px; color: var(--gold); font-size: 8px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.value-card-backcopy strong { display: block; color: var(--ivory); font-family: var(--display); font-size: clamp(23px, 2.3vw, 34px); font-weight: 400; line-height: 1.1; }
.value-card-backcopy p { max-width: 310px; margin: 8px 0 0; color: var(--muted); font-size: clamp(10px, .9vw, 12px); line-height: 1.5; }
.value-card-code { position: absolute; top: 8%; left: clamp(24px, 3vw, 42px); color: rgba(240,210,140,.72); font-size: 8px; font-weight: 600; letter-spacing: .18em; }

.value-carousel-controls { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; margin-top: -18px; }
.value-carousel-status { display: flex; align-items: center; gap: 18px; min-width: 0; }
.value-carousel-status span { color: var(--gold); font-size: 10px; font-weight: 600; letter-spacing: .15em; }
.value-carousel-status strong { overflow: hidden; color: var(--ivory-soft); font-family: var(--display); font-size: 20px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.value-carousel-dots { display: flex; align-items: center; gap: 10px; }
.value-carousel-dots button { width: 28px; height: 44px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.value-carousel-dots button::before { content: ""; display: block; width: 100%; height: 1px; background: rgba(245,240,230,.25); transition: height 220ms var(--ease), background-color 220ms ease; }
.value-carousel-dots button:hover::before, .value-carousel-dots button[aria-pressed="true"]::before { height: 3px; background: var(--gold); }
.value-carousel-arrows { display: flex; justify-content: flex-end; gap: 8px; }
.value-carousel-arrows button { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.02); color: var(--ivory); cursor: pointer; transition: color 220ms ease, border-color 220ms ease, background-color 220ms ease, transform 220ms var(--ease); }
.value-carousel-arrows button:hover { transform: translateY(-2px); border-color: var(--gold); background: var(--gold); color: var(--ink); }
.value-carousel-arrows button[aria-pressed="true"] { border-color: var(--gold); color: var(--gold-light); }
.value-carousel-arrows button[data-value-toggle] span { font-size: 12px; letter-spacing: -2px; transform: translateX(-1px); }

.audiences { overflow: hidden; background: #0d0d0b; }
.audiences::before { content: ""; position: absolute; top: 0; right: 6vw; width: 1px; height: 100%; background: var(--line-soft); }
.audiences-heading { display: grid; grid-template-columns: 1.4fr .6fr; gap: 80px; align-items: end; margin-bottom: 74px; }
.audiences-heading > p { max-width: 470px; margin-bottom: 8px; color: var(--muted); }
.audiences-heading h2 em { color: var(--gold-light); }
.audience-panels { display: grid; grid-template-columns: 1fr 1fr; }
.audience-panel { position: relative; min-height: 680px; overflow: hidden; padding: clamp(34px, 4.4vw, 72px); border: 1px solid var(--line-soft); }
.audience-panel + .audience-panel { border-left: 0; }
.panel-index { position: relative; z-index: 2; color: var(--gold-light); font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.panel-copy { position: absolute; right: clamp(34px, 4.4vw, 72px); bottom: clamp(34px, 4.4vw, 72px); left: clamp(34px, 4.4vw, 72px); z-index: 2; }
.panel-copy h3 { max-width: 520px; margin: 0 0 20px; font-family: var(--display); font-size: clamp(35px, 3.4vw, 54px); font-weight: 400; line-height: 1.05; letter-spacing: -.035em; }
.panel-copy > p { max-width: 520px; color: var(--muted); font-size: 14px; }
.panel-copy ul { display: flex; flex-wrap: wrap; gap: 0; margin: 28px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line-soft); }
.panel-copy li { flex: 1 1 33%; padding: 16px 10px 0 0; color: var(--ivory-soft); font-size: 10px; letter-spacing: .04em; }
.panel-copy li::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 8px; transform: rotate(45deg); border: 1px solid var(--gold); }

.panel-art { position: absolute; inset: 0; opacity: .7; }
.panel-art span { position: absolute; display: block; border: 1px solid rgba(216,169,77,.18); border-radius: 50%; }
.panel-art span:nth-child(1) { width: 52%; aspect-ratio: 1; top: 10%; right: 8%; }
.panel-art span:nth-child(2) { width: 34%; aspect-ratio: 1; top: 19%; right: 17%; border-color: rgba(216,169,77,.11); }
.panel-art span:nth-child(3) { width: 1px; height: 48%; top: 0; right: 34%; border: 0; border-left: 1px solid rgba(216,169,77,.18); border-radius: 0; }
.holder::after { content: ""; position: absolute; width: 42%; height: 55%; top: 10%; right: 7%; background: linear-gradient(145deg, rgba(216,169,77,.12), transparent 60%); clip-path: polygon(50% 0, 100% 100%, 0 100%); }

.partner { background: var(--gold-light); color: var(--ink); border-color: var(--gold-light); }
.partner .panel-index { color: var(--gold-deep); }
.partner .panel-copy > p { color: #5f543f; }
.partner .panel-copy ul { border-color: rgba(35,27,15,.18); }
.partner .panel-copy li { color: #392f21; }
.partner .panel-copy li::before { border-color: var(--gold-deep); }
.partner-symbol { position: absolute; top: 16%; left: 50%; width: 48%; aspect-ratio: 1.8; transform: translateX(-50%) rotate(-8deg); }
.partner-symbol span { position: absolute; top: 20%; width: 58%; height: 58%; border: 1px solid rgba(63,43,17,.38); }
.partner-symbol span:first-child { left: 0; }
.partner-symbol span:last-child { right: 0; }
.partner-symbol::before { content: ""; position: absolute; inset: 38% 37%; z-index: 2; transform: rotate(45deg); background: var(--ink); box-shadow: 0 12px 30px rgba(43,29,10,.2); }

.trust { min-height: 900px; overflow: hidden; background: var(--ink); }
.trust-backdrop { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
.trust-backdrop span { color: transparent; font-family: var(--display); font-size: 26vw; line-height: 1; -webkit-text-stroke: 1px rgba(216,169,77,.055); }
.trust-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(70px, 13vw, 220px); align-items: start; }
.trust-number { position: sticky; top: 160px; display: flex; align-items: flex-end; gap: 20px; padding-top: 60px; }
.trust-number strong { color: var(--gold-light); font-family: var(--display); font-size: clamp(150px, 20vw, 300px); font-weight: 400; line-height: .72; letter-spacing: -.07em; }
.trust-number span { padding-bottom: 8px; color: var(--muted); font-size: 10px; line-height: 1.6; letter-spacing: .1em; text-transform: uppercase; }
.trust-copy h2 { max-width: 800px; font-size: clamp(48px, 5.8vw, 86px); }
.trust-principles { margin-top: 70px; border-top: 1px solid var(--line-soft); }
.trust-principles article { display: grid; grid-template-columns: 50px 1fr; gap: 30px; padding: 30px 0; border-bottom: 1px solid var(--line-soft); }
.trust-principles article > span { color: var(--gold); font-family: var(--display); font-size: 12px; }
.trust-principles h3 { margin: 0 0 8px; font-size: 15px; font-weight: 600; }
.trust-principles p { max-width: 640px; margin: 0; color: var(--muted); font-size: 13px; }

.knowledge { background: var(--gold-light); color: var(--ink); }
.knowledge-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(50px, 10vw, 160px); align-items: end; }
.knowledge .eyebrow { color: var(--gold-deep); }
.knowledge .eyebrow > span { background: var(--gold-deep); }
.knowledge h2 { font-size: clamp(44px, 5.2vw, 78px); }
.knowledge-copy { padding-bottom: 8px; }
.knowledge-copy > p { color: #544a3a; font-size: 16px; line-height: 1.9; }
.source-links { display: flex; flex-direction: column; margin-top: 34px; border-top: 1px solid rgba(45,34,20,.2); }
.source-links a { display: flex; min-height: 54px; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(45,34,20,.2); font-size: 12px; font-weight: 600; }
.source-links a span { color: var(--gold-deep); }

.faq { background: var(--ivory); color: var(--ink); }
.faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(70px, 12vw, 190px); }
.faq-intro { position: sticky; top: calc(var(--header-height) + 60px); align-self: start; }
.faq .eyebrow { color: var(--gold-deep); }
.faq .eyebrow > span { background: var(--gold-deep); }
.faq h2 em { color: var(--gold-deep); }
.faq-intro > p:last-child { max-width: 330px; margin-top: 30px; color: #6c655b; font-size: 14px; }
.faq-list { border-top: 1px solid rgba(36,28,17,.2); }
.faq-list details { border-bottom: 1px solid rgba(36,28,17,.2); }
.faq-list summary { display: grid; min-height: 96px; grid-template-columns: 1fr 32px; align-items: center; gap: 30px; cursor: pointer; list-style: none; font-family: var(--display); font-size: clamp(21px, 2vw, 28px); line-height: 1.25; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary i { position: relative; display: block; width: 24px; height: 24px; }
.faq-list summary i::before, .faq-list summary i::after { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 1px; background: var(--gold-deep); transition: transform 250ms ease; }
.faq-list summary i::after { transform: translate(-50%, -50%) rotate(90deg); }
.faq-list summary i::before { transform: translate(-50%, -50%); }
.faq-list details[open] summary i::after { transform: translate(-50%, -50%) rotate(0); }
.faq-list details p { max-width: 690px; margin: -8px 60px 32px 0; color: #686158; font-size: 14px; line-height: 1.8; }

.closing { position: relative; overflow: hidden; padding-block: clamp(120px, 15vw, 220px); text-align: center; }
.closing-inner { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; }
.closing .eyebrow { justify-content: center; }
.closing h2 { max-width: 1000px; font-size: clamp(54px, 7vw, 108px); }
.closing h2 em { color: var(--gold-light); }
.closing-inner > p:not(.eyebrow) { max-width: 520px; margin: 34px auto 0; color: var(--muted); }
.button-large { min-height: 68px; margin-top: 42px; padding-inline: 34px; }
.closing-lines { position: absolute; inset: 0; display: flex; justify-content: center; pointer-events: none; }
.closing-lines span { position: absolute; top: -22%; width: 1px; height: 145%; transform-origin: center; background: linear-gradient(to bottom, transparent, rgba(216,169,77,.16), transparent); }
.closing-lines span:nth-child(1) { left: 28%; transform: rotate(18deg); }
.closing-lines span:nth-child(2) { left: 50%; }
.closing-lines span:nth-child(3) { right: 28%; transform: rotate(-18deg); }

.site-footer { border-top: 1px solid var(--line-soft); background: #050504; }
.footer-main { display: grid; grid-template-columns: 1.25fr .65fr .8fr 1.2fr; gap: clamp(40px, 7vw, 100px); padding-block: 74px; }
.footer-brand { display: block; width: 180px; align-self: start; }
.footer-brand img { display: block; width: 180px; height: auto; object-fit: contain; }
.footer-nav, .footer-contact, .footer-message { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.footer-main div > p:first-child { margin-bottom: 12px; color: #706a61; font-size: 9px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.footer-main div > a:not(.text-link) { min-height: 34px; color: var(--ivory-soft); font-size: 12px; transition: color 200ms ease; }
.footer-main div > a:hover { color: var(--gold-light); }
.footer-contact .footer-instagram {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 9px;
}
.footer-instagram img {
  display: block;
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  opacity: .84;
  transition: opacity 200ms ease, transform 260ms var(--ease);
}
.footer-instagram:hover img,
.footer-instagram:focus-visible img { opacity: 1; transform: scale(1.08); }
.footer-message > p:first-child { max-width: 330px; color: var(--ivory-soft) !important; font-family: var(--display); font-size: 28px !important; font-weight: 400 !important; line-height: 1.25; letter-spacing: -.02em !important; text-transform: none !important; }
.footer-legal { display: flex; justify-content: space-between; gap: 60px; padding-block: 24px 34px; border-top: 1px solid var(--line-soft); color: #6f6a62; font-size: 9px; line-height: 1.6; }
.footer-legal p { margin: 0; }
.footer-legal p:last-child { max-width: 660px; text-align: right; }

.whatsapp-float { position: fixed; right: 24px; bottom: 24px; z-index: var(--z-float); display: flex; align-items: center; gap: 10px; }
.whatsapp-icon { position: relative; display: grid; width: 60px; height: 60px; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; background: #25d366; box-shadow: 0 4px 0 #128c4a, 0 16px 38px rgba(0,0,0,.38), 0 0 0 5px rgba(8,8,7,.48); transition: transform 220ms var(--ease), box-shadow 220ms ease, background-color 220ms ease; }
.whatsapp-icon::before { content: ""; position: absolute; inset: -8px; border: 1px solid rgba(37,211,102,.38); border-radius: 50%; animation: waPulse 2.8s ease-out infinite; }
.whatsapp-icon img { display: block; width: 31px; height: 31px; }
.whatsapp-float:hover .whatsapp-icon { transform: translateY(-2px) scale(1.045); background: #2be06d; box-shadow: 0 5px 0 #128c4a, 0 20px 48px rgba(0,0,0,.42), 0 0 0 5px rgba(8,8,7,.55); }
.whatsapp-float:active .whatsapp-icon { transform: translateY(1px) scale(.98); box-shadow: 0 2px 0 #128c4a, 0 10px 26px rgba(0,0,0,.34), 0 0 0 5px rgba(8,8,7,.5); }
.whatsapp-tooltip { padding: 9px 13px; transform: translateX(8px); opacity: 0; border: 1px solid var(--line-soft); background: rgba(8,8,7,.94); color: var(--ivory-soft); box-shadow: 0 10px 30px rgba(0,0,0,.2); font-size: 12px; font-weight: 500; letter-spacing: .015em; white-space: nowrap; transition: opacity 220ms ease, transform 220ms ease; pointer-events: none; }
.whatsapp-float:hover .whatsapp-tooltip, .whatsapp-float:focus-visible .whatsapp-tooltip { transform: translateX(0); opacity: 1; }

@keyframes waPulse { 0% { transform: scale(.9); opacity: .75; } 70%,100% { transform: scale(1.35); opacity: 0; } }

.js .hero-eyebrow, .js .hero-lead, .js .hero-actions, .js .hero-note, .js .hero-mark, .js .hero-ledger { opacity: 0; }
.js .hero h1 .line > span { opacity: 0; transform: translateY(.28em); }
.js.ready .hero h1 .line > span { opacity: 1; transform: translateY(0); transition: opacity .7s ease, transform 1s var(--ease); }
.js.ready .hero h1 .line:nth-child(2) > span { transition-delay: 100ms; }
.js.ready .hero-eyebrow, .js.ready .hero-lead, .js.ready .hero-actions, .js.ready .hero-note, .js.ready .hero-mark, .js.ready .hero-ledger { opacity: 1; transition: opacity 800ms ease, transform 800ms var(--ease); }
.js.ready .hero-eyebrow { transition-delay: 180ms; }
.js.ready .hero-lead { transition-delay: 280ms; }
.js.ready .hero-actions { transition-delay: 360ms; }
.js.ready .hero-note { transition-delay: 420ms; }
.js.ready .hero-mark { transition-delay: 260ms; }
.js.ready .hero-ledger { transition-delay: 500ms; }

.js .reveal { opacity: 0; transform: translateY(34px); }
.js .reveal.is-visible { opacity: 1; transform: translateY(0); transition: opacity 750ms ease, transform 850ms var(--ease); }
.js .ledger-grid .reveal:nth-child(2), .js .trust-principles .reveal:nth-child(2) { transition-delay: 80ms; }
.js .ledger-grid .reveal:nth-child(3), .js .trust-principles .reveal:nth-child(3) { transition-delay: 160ms; }
.parallax-layer { transform: translate3d(0, var(--parallax-y, 0), 0); will-change: transform; }

@media (max-width: 1160px) {
  :root { --shell: min(92vw, 1100px); --header-height: 88px; }
  .desktop-nav { display: none; }
  .header-cta { margin-left: auto; }
  .menu-toggle { display: flex; width: 48px; height: 48px; flex-direction: column; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--line-soft); background: transparent; color: var(--ivory); cursor: pointer; }
  .menu-toggle span { width: 19px; height: 1px; background: currentColor; transition: transform 250ms ease; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .mobile-menu { position: fixed; inset: var(--header-height) 0 0; z-index: var(--z-menu); display: block; visibility: hidden; transform: translateY(-12px); opacity: 0; background: rgba(8,8,7,.98); transition: opacity 250ms ease, transform 350ms var(--ease), visibility 0s linear 350ms; }
  .mobile-menu.open { visibility: visible; transform: translateY(0); opacity: 1; transition-delay: 0s; }
  .mobile-menu nav { display: flex; width: var(--shell); height: 100%; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; margin: auto; padding-bottom: 8vh; }
  .mobile-menu nav > a { display: flex; width: 100%; min-height: 62px; align-items: center; border-bottom: 1px solid var(--line-soft); font-family: var(--display); font-size: clamp(30px, 6vw, 52px); }
  .mobile-menu nav .mobile-menu-cta { min-height: 54px; width: auto; margin-top: 30px; padding: 0 22px; border: 1px solid var(--line); color: var(--gold-light); font-family: var(--body); font-size: 12px; }
  .hero-grid { grid-template-columns: 1fr minmax(300px, .65fr); gap: 30px; }
  .hero h1 { font-size: clamp(66px, 9.8vw, 112px); }
  .hero-ledger { width: min(57vw, 670px); }
  .hero-ledger > div { padding-inline: 16px; }
  .hero-footer { display: none; }
  .statement-grid { grid-template-columns: 70px 1fr; }
  .statement-copy { grid-column: 2; margin-top: 10px; }
  .audience-panel { min-height: 630px; }
  .trust-layout { grid-template-columns: .6fr 1.4fr; gap: 60px; }
  .footer-main { grid-template-columns: 1fr 1fr 1fr; }
  .footer-message { grid-column: 3; }
}

@media (max-width: 820px) {
  :root { --shell: calc(100vw - 40px); --header-height: 78px; }
  .brand { width: 88px; height: 64px; }
  .brand img { width: auto; height: 57px; max-width: 100%; }
  .header-cta { display: none; }
  .hero { min-height: auto; }
  .hero-grid { min-height: 0; grid-template-columns: 1fr; padding-top: calc(var(--header-height) + 70px); padding-bottom: 210px; }
  .hero h1 { font-size: clamp(62px, 18vw, 94px); line-height: .87; }
  .hero h1 .accent { margin-left: 0; }
  .hero-lead, .hero-actions, .hero-note { margin-left: 8vw; }
  .hero-lead { max-width: 560px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 16px; }
  .button { width: min(100%, 390px); }
  .hero-mark { position: absolute; right: -24vw; bottom: 70px; width: 76vw; opacity: .48 !important; }
  .hero-mark img { width: 46vw; }
  .orbit-copy { display: none; }
  .hero-ledger { bottom: 0; left: 0; width: 100%; }
  .hero-ledger > div { min-height: 94px; padding: 14px 12px; }
  .hero-ledger strong { font-size: 27px; }
  .hero-ledger span { font-size: 8px; }
  .statement-grid { grid-template-columns: 1fr; }
  .statement .section-code { display: none; }
  .statement-copy { grid-column: auto; max-width: 600px; margin-top: 22px; }
  .ledger-grid { grid-template-columns: 1fr; }
  .ledger-grid > div { min-height: 100px; border-right: 1px solid rgba(36,28,17,.14); border-bottom: 1px solid rgba(36,28,17,.14); }
  .ledger-grid > div:last-child { border-bottom: 0; }
  .process-layout { grid-template-columns: 1fr; gap: 70px; }
  .process-intro, .faq-intro, .trust-number { position: static; }
  .process-steps { padding-left: 42px; }
  .step-number { left: -42px; }
  .value-journey-heading { grid-template-columns: 1fr; gap: 34px; }
  .value-journey-intro { max-width: 610px; margin-left: 8vw; }
  .value-carousel { height: 590px; margin-top: 20px; }
  .value-card { width: clamp(280px, 56vw, 370px); }
  .value-carousel-controls { grid-template-columns: 1fr auto; }
  .value-carousel-dots { order: 3; grid-column: 1 / -1; justify-content: center; }
  .audiences-heading { grid-template-columns: 1fr; gap: 28px; }
  .audiences-heading > p { margin-left: 8vw; }
  .audience-panels { grid-template-columns: 1fr; }
  .audience-panel + .audience-panel { border-top: 0; border-left: 1px solid var(--line-soft); }
  .audience-panel { min-height: 590px; }
  .partner { border-color: var(--gold-light) !important; }
  .trust { min-height: auto; }
  .trust-layout { grid-template-columns: 1fr; gap: 80px; }
  .trust-number { padding-top: 0; }
  .trust-number strong { font-size: 190px; }
  .knowledge-layout { grid-template-columns: 1fr; }
  .faq-layout { grid-template-columns: 1fr; gap: 70px; }
  .footer-main { grid-template-columns: 1fr 1fr; }
  .footer-message { grid-column: 2; }
  .footer-legal { flex-direction: column; gap: 12px; }
  .footer-legal p:last-child { max-width: none; text-align: left; }
}

@media (max-width: 560px) {
  :root { --shell: calc(100vw - 32px); }
  body { font-size: 15px; }
  .section { padding-block: 94px; }
  .hero-grid { padding-top: calc(var(--header-height) + 54px); padding-bottom: 280px; }
  .hero-eyebrow { max-width: 290px; }
  .hero h1 { font-size: clamp(58px, 18.5vw, 80px); }
  .hero-lead, .hero-actions, .hero-note { margin-left: 0; }
  .hero-lead { margin-top: 24px; }
  .hero-actions { margin-top: 30px; }
  .hero-note { align-items: flex-start; }
  .hero-mark { right: -31vw; bottom: 112px; width: 92vw; }
  .hero-mark img { width: 57vw; }
  .hero-ledger { grid-template-columns: 1fr; }
  .hero-ledger > div { min-height: 70px; border-bottom: 1px solid var(--line-soft); }
  .hero-ledger > div:last-child { border-bottom: 0; }
  .hero-ledger span br { display: none; }
  h2, .statement h2, .process-intro h2, .trust-copy h2, .knowledge h2 { font-size: clamp(40px, 12vw, 58px); }
  .statement h2 br, .process h2 br, .trust h2 br, .knowledge h2 br { display: none; }
  .ledger-grid > div { padding-inline: 20px; }
  .process-step { grid-template-columns: 45px 1fr; gap: 20px; min-height: 280px; }
  .step-icon { width: 44px; height: 44px; }
  .process-step h3 { font-size: 25px; }
  .value-journey { padding-bottom: 88px; }
  .value-journey h2 br { display: none; }
  .value-journey-intro { margin-left: 0; }
  .value-carousel { height: 510px; margin-top: 32px; }
  .value-card { width: min(78vw, 310px); }
  .value-card-logo { top: 6px; width: 66px; }
  .value-card-chip { width: 35px; height: 27px; }
  .value-card-copy { right: 18%; }
  .value-card-copy h3 { font-size: 27px; }
  .value-card-copy p { display: none; }
  .value-card-mark { right: 18px; font-size: 66px; }
  .value-card-backcopy p { font-size: 10px; }
  .value-carousel-controls { grid-template-columns: minmax(0, 1fr) auto; margin-top: -6px; }
  .value-carousel-status { gap: 10px; }
  .value-carousel-status strong { font-size: 17px; }
  .value-carousel-arrows button { width: 46px; height: 46px; }
  .audiences-heading { margin-bottom: 46px; }
  .audiences-heading > p { margin-left: 0; }
  .audience-panel { min-height: 610px; padding: 28px 24px; }
  .panel-copy { right: 24px; bottom: 28px; left: 24px; }
  .panel-copy h3 { font-size: 38px; }
  .panel-copy ul { flex-direction: column; gap: 12px; padding-top: 16px; }
  .panel-copy li { padding: 0; }
  .trust-number strong { font-size: 160px; }
  .trust-principles article { grid-template-columns: 34px 1fr; gap: 16px; }
  .faq-list summary { min-height: 86px; font-size: 21px; }
  .faq-list details p { margin-right: 0; }
  .closing h2 { font-size: clamp(48px, 14.5vw, 72px); }
  .closing h2 br { display: none; }
  .footer-main { grid-template-columns: 1fr; }
  .footer-message { grid-column: auto; }
  .footer-brand { width: 150px; }
  .whatsapp-float { right: 16px; bottom: 16px; }
  .whatsapp-icon { width: 54px; height: 54px; }
  .whatsapp-tooltip { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
  .js .reveal, .js .hero-eyebrow, .js .hero-lead, .js .hero-actions, .js .hero-note, .js .hero-mark, .js .hero-ledger { opacity: 1; transform: none; }
  .js .hero h1 .line > span { opacity: 1; transform: none; }
  .parallax-layer { transform: none !important; }
  .whatsapp-icon::before { display: none; }
  .value-card, .value-card-volume { will-change: auto; }
  .value-card[aria-current="true"] .value-card-volume { animation: none; }
  .light-wave-canvas { opacity: 1; }
}

/* =========================================================
   INNER PAGES · LEGACY DEPTH SYSTEM
   ========================================================= */

.inner-page {
  --scene-x: 50%;
  --scene-y: 50%;
  background: var(--ink);
}

.inner-page .desktop-nav { gap: clamp(18px, 1.8vw, 31px); }
.desktop-nav a[aria-current="page"] { color: var(--gold-light); }
.desktop-nav a[aria-current="page"]::after { transform: scaleX(1); }
.header-cta > span { font-size: 16px; }

.page-transition {
  position: fixed;
  inset: 0;
  z-index: 150;
  display: grid;
  place-items: center;
  background: var(--gold-light);
  color: var(--ink);
  pointer-events: none;
  transform: translate3d(0, 0, 0);
}

.page-transition::before,
.page-transition::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: rgba(31, 24, 13, .17);
}
.page-transition::before { left: 33.333%; }
.page-transition::after { right: 33.333%; }
.page-transition span {
  max-width: 94vw;
  padding: .16em .14em .22em;
  overflow: visible;
  font-family: var(--display);
  font-size: clamp(58px, 11vw, 170px);
  line-height: 1.08;
  letter-spacing: -.055em;
  text-align: center;
  text-transform: uppercase;
}
.js.ready .page-transition { transform: translate3d(0, -102%, 0); transition: transform 900ms var(--ease) 100ms; }
.js body.is-leaving .page-transition { transform: translate3d(0, 0, 0); transition: transform 520ms var(--ease); }

.inner-hero {
  position: relative;
  min-height: max(760px, 100svh);
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid var(--line-soft);
}

.inner-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, transparent calc(25% - 1px), rgba(255,255,255,.027) 25%, transparent calc(25% + 1px), transparent calc(75% - 1px), rgba(255,255,255,.027) 75%, transparent calc(75% + 1px)),
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 100% 100%, 100% 112px;
  mask-image: linear-gradient(#000 68%, transparent);
}

.inner-hero::after {
  content: attr(data-watermark);
  position: absolute;
  right: -1vw;
  bottom: -7vw;
  z-index: -1;
  color: transparent;
  font-family: var(--display);
  font-size: 23vw;
  line-height: 1;
  -webkit-text-stroke: 1px rgba(216, 169, 77, .045);
}

.scene-light {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(760px circle at var(--scene-x) var(--scene-y), rgba(202, 144, 58, .13), transparent 62%);
  pointer-events: none;
}

.inner-hero-grid {
  display: grid;
  min-height: max(720px, calc(100svh - 30px));
  grid-template-columns: minmax(0, 1.15fr) minmax(420px, .85fr);
  gap: clamp(40px, 7vw, 110px);
  align-items: center;
  padding-top: calc(var(--header-height) + 50px);
  padding-bottom: 96px;
}

.inner-hero-copy { position: relative; z-index: 3; }
.breadcrumb { display: flex; align-items: center; gap: 10px; margin-bottom: 48px; color: #777066; font-size: 9px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.breadcrumb a { min-height: 28px; display: inline-flex; align-items: center; transition: color 200ms ease; }
.breadcrumb a:hover { color: var(--gold-light); }
.breadcrumb span[aria-current="page"] { color: var(--gold); }

.inner-hero h1 {
  max-width: 990px;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(68px, 7.8vw, 124px);
  font-weight: 400;
  line-height: .88;
  letter-spacing: -.065em;
}
.inner-hero h1 .line {
  display: block;
  overflow: hidden;
  padding: .13em .18em .23em .12em;
  margin: -.13em -.18em -.23em -.12em;
}
.inner-hero h1 .line > span { display: block; }
.inner-hero h1 .accent { color: var(--gold-light); font-size: .85em; font-style: italic; }
.inner-hero-lead { max-width: 650px; margin: 32px 0 0 clamp(24px, 4vw, 72px); color: var(--ivory-soft); font-size: clamp(16px, 1.25vw, 19px); line-height: 1.8; }
.inner-hero-index { position: absolute; right: 0; bottom: 0; left: 0; display: flex; min-height: 68px; align-items: center; gap: 16px; border-top: 1px solid var(--line-soft); color: #6f6a61; font-size: 9px; letter-spacing: .15em; text-transform: uppercase; }
.inner-hero-index span:first-child { color: var(--gold); font-family: var(--display); font-size: 13px; }
.inner-hero-index i { width: 46px; height: 1px; background: var(--line); }

.depth-scene {
  --rx: 0deg;
  --ry: 0deg;
  --lift: 0px;
  position: relative;
  min-height: 590px;
  transform: perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0, var(--lift), 0);
  transform-style: preserve-3d;
  transition: transform 520ms cubic-bezier(.2,.8,.2,1);
  will-change: transform;
}

.depth-scene.is-interacting { transition-duration: 80ms; }
.depth-floor { position: absolute; right: 2%; bottom: 5%; left: 2%; height: 44%; transform: rotateX(70deg) translateZ(-70px); transform-origin: bottom; background: radial-gradient(ellipse, rgba(194, 133, 48, .14), transparent 68%); filter: blur(18px); }
.scene-label { position: absolute; z-index: 8; padding: 8px 11px; border: 1px solid rgba(216,169,77,.22); background: rgba(8,8,7,.68); color: var(--gold); font-size: 8px; letter-spacing: .16em; text-transform: uppercase; backdrop-filter: blur(8px); transform: translateZ(100px); }
.label-top { top: 13%; right: 2%; }
.label-bottom { right: 4%; bottom: 11%; }

/* About scene */
.seal-ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(216,169,77,.26); border-radius: 50%; transform-style: preserve-3d; }
.seal-ring::before, .seal-ring::after { content: ""; position: absolute; width: 8px; height: 8px; border: 1px solid var(--gold); background: var(--ink); transform: rotate(45deg); }
.seal-ring::before { top: 10%; left: 12%; }
.seal-ring::after { right: 10%; bottom: 15%; }
.seal-ring-a { width: 470px; height: 470px; transform: translate3d(-50%,-50%,20px) rotateY(-8deg); animation: sceneSpin 22s linear infinite; }
.seal-ring-b { width: 350px; height: 350px; border-color: rgba(216,169,77,.11); transform: translate3d(-50%,-50%,55px) rotateY(-8deg); }
.seal-plate { position: absolute; top: 50%; left: 50%; display: grid; width: 310px; height: 310px; place-items: center; transform: translate3d(-50%,-50%,95px) rotateY(-8deg); border: 1px solid rgba(240,210,140,.24); border-radius: 50%; background: radial-gradient(circle at 35% 30%, #242017, #0b0b09 67%); box-shadow: inset 0 0 0 12px rgba(216,169,77,.025), 0 40px 80px rgba(0,0,0,.5); }
.seal-plate::after { content: ""; position: absolute; inset: 9px; border: 1px dashed rgba(216,169,77,.22); border-radius: inherit; }
.seal-plate img { width: 230px; height: auto; object-fit: contain; filter: drop-shadow(0 16px 24px rgba(0,0,0,.4)); }

/* How scene */
.process-document { position: absolute; top: 50%; left: 50%; display: flex; width: 330px; height: 210px; flex-direction: column; justify-content: space-between; padding: 28px; border: 1px solid rgba(240,210,140,.22); background: linear-gradient(145deg, rgba(31,29,23,.96), rgba(11,11,9,.98)); box-shadow: 0 28px 70px rgba(0,0,0,.45); transform-style: preserve-3d; }
.process-document::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 35%, rgba(240,210,140,.08), transparent 65%); transform: translateZ(1px); }
.process-document span { color: var(--gold); font-family: var(--display); font-size: 13px; }
.process-document b { font-family: var(--display); font-size: 30px; font-weight: 400; }
.process-document i { width: 60%; height: 1px; background: var(--line); box-shadow: 0 13px var(--line-soft), 0 26px var(--line-soft); }
.doc-1 { transform: translate3d(-69%,-71%,0) rotateX(4deg) rotateY(-14deg) rotateZ(-6deg); }
.doc-2 { transform: translate3d(-57%,-61%,40px) rotateX(3deg) rotateY(-10deg) rotateZ(-2deg); }
.doc-3 { transform: translate3d(-45%,-51%,80px) rotateX(2deg) rotateY(-6deg) rotateZ(2deg); }
.doc-4 { transform: translate3d(-33%,-41%,120px) rotateX(1deg) rotateY(-2deg) rotateZ(6deg); border-color: rgba(240,210,140,.42); background: linear-gradient(145deg, #272117, #0e0d0a); }

/* Partner scene · a clear three-stage relationship map */
.partner-network {
  position: absolute;
  inset: 18% -6% 17%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1.08fr) 42px minmax(0, 1fr);
  align-items: center;
  transform: translateZ(48px) rotateY(-4deg);
  transform-style: preserve-3d;
}
.partner-network::before {
  content: "";
  position: absolute;
  inset: -12%;
  z-index: -1;
  background: radial-gradient(circle at 51% 46%, rgba(216,169,77,.17), transparent 47%);
  filter: blur(16px);
}
.partner-node {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 270px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 22px 18px;
  overflow: hidden;
  border: 1px solid rgba(240,210,140,.24);
  background: linear-gradient(145deg, rgba(34,28,18,.96), rgba(8,8,7,.98) 70%);
  box-shadow: 0 28px 55px rgba(0,0,0,.42), inset 0 1px rgba(255,245,218,.06);
  transform-style: preserve-3d;
}
.partner-node::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(125deg, transparent 38%, rgba(240,210,140,.08), transparent 67%);
  transform: translateX(-110%);
  animation: partnerSheen 7s var(--ease) infinite;
}
.partner-node > * { position: relative; z-index: 1; }
.partner-node small { position: absolute; top: 18px; left: 18px; color: #c99c4c; font-size: 8px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.partner-node strong { align-self: stretch; margin-top: 22px; color: var(--ivory); font-family: var(--display); font-size: clamp(21px, 1.8vw, 29px); font-weight: 400; line-height: 1; letter-spacing: -.025em; text-align: center; }
.partner-node p { align-self: stretch; max-width: 150px; margin: 12px auto 0; color: #aaa094; font-size: 10px; line-height: 1.55; text-align: center; }
.partner-node-icon,
.partner-node-brand {
  display: grid;
  align-self: center;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 1px solid rgba(240,210,140,.48);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 28%, rgba(240,210,140,.18), rgba(12,10,7,.94) 68%);
  box-shadow: 0 0 0 7px rgba(216,169,77,.035), 0 0 28px rgba(216,169,77,.12);
}
.partner-node-icon svg { width: 23px; fill: none; stroke: #f0d28c; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.partner-node-brand { width: 70px; height: 70px; border-radius: 3px; }
.partner-node-brand img { display: block; width: 58px; height: 49px; object-fit: contain; }
.partner-node-legacy {
  min-height: 320px;
  border-color: rgba(240,210,140,.52);
  transform: translateZ(55px);
  background: radial-gradient(circle at 50% 22%, rgba(216,169,77,.17), transparent 38%), linear-gradient(150deg, #21190e, #080807 72%);
  box-shadow: 0 38px 75px rgba(0,0,0,.52), 0 0 45px rgba(216,169,77,.09), inset 0 1px rgba(255,245,218,.11);
}
.partner-route { position: relative; z-index: 3; height: 1px; background: rgba(240,210,140,.36); }
.partner-route::before,
.partner-route::after { content: ""; position: absolute; top: 50%; width: 5px; height: 5px; border: 1px solid #d8a94d; background: #090806; transform: translateY(-50%) rotate(45deg); }
.partner-route::before { left: -2px; }
.partner-route::after { right: -2px; }
.partner-route i { position: absolute; top: -3px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #ffe3a0; box-shadow: 0 0 16px rgba(240,210,140,.95); animation: partnerSignal 3.2s ease-in-out infinite; }
.partner-route span { position: absolute; top: 13px; left: 50%; color: #8d7650; font-size: 7px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; transform: translateX(-50%); }
@keyframes partnerSignal { 0%, 15% { left: 0; opacity: 0; } 30% { opacity: 1; } 80% { opacity: 1; } 100% { left: calc(100% - 7px); opacity: 0; } }
@keyframes partnerSheen { 0%, 62% { transform: translateX(-110%); } 88%, 100% { transform: translateX(110%); } }

/* Security scene */
.vault-frame { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(216,169,77,.15); border-radius: 50%; }
.vault-back { width: 470px; height: 470px; transform: translate3d(-50%,-50%,-40px) rotateY(-8deg); box-shadow: inset 0 0 0 30px rgba(216,169,77,.018); }
.vault-mid { width: 390px; height: 390px; transform: translate3d(-50%,-50%,20px) rotateY(-8deg); border: 22px solid rgba(87,65,33,.22); box-shadow: inset 0 0 0 1px rgba(240,210,140,.22), 0 38px 90px rgba(0,0,0,.55); }
.vault-door { position: absolute; top: 50%; left: 50%; display: grid; width: 310px; height: 310px; place-items: center; transform: translate3d(-50%,-50%,95px) rotateY(-8deg); border: 1px solid rgba(240,210,140,.3); border-radius: 50%; background: radial-gradient(circle at 35% 30%, #292318, #0c0b09 70%); box-shadow: inset 0 0 0 9px rgba(216,169,77,.035); }
.vault-door img { width: 120px; height: auto; object-fit: contain; opacity: .88; transform: translateZ(18px); }
.vault-wheel { position: absolute; inset: 54px; border: 1px solid rgba(216,169,77,.24); border-radius: 50%; animation: sceneSpin 28s linear infinite reverse; }
.vault-wheel i { position: absolute; top: 50%; left: 50%; width: 100%; height: 1px; background: rgba(216,169,77,.18); }
.vault-wheel i:nth-child(2) { transform: rotate(45deg); }.vault-wheel i:nth-child(3) { transform: rotate(90deg); }.vault-wheel i:nth-child(4) { transform: rotate(135deg); }
.vault-status { position: absolute; right: 1%; bottom: 10%; display: flex; align-items: center; gap: 8px; padding: 9px 12px; transform: translateZ(120px); border: 1px solid rgba(53,200,111,.25); background: rgba(8,8,7,.76); color: #8ddcad; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.vault-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--success); box-shadow: 0 0 12px var(--success); }

/* Questions scene */
.questions-photo { position: absolute; top: 50%; left: 50%; width: 360px; height: 450px; overflow: hidden; transform: translate3d(-52%,-50%,18px) rotateY(-10deg) rotateZ(-2deg); border: 1px solid rgba(240,210,140,.22); background: #11100d; box-shadow: 0 38px 90px rgba(0,0,0,.52); }
.questions-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(145deg, transparent 38%, rgba(0,0,0,.4)); }
.questions-photo img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(1.08); }
.question-sheet { position: absolute; top: 50%; left: 50%; display: grid; width: 290px; height: 190px; place-items: end start; padding: 25px; border: 1px solid rgba(240,210,140,.23); background: linear-gradient(145deg, #242018, #0c0b09); box-shadow: 0 28px 70px rgba(0,0,0,.45); }
.question-sheet span { font-family: var(--display); font-size: 29px; }
.q-sheet-1 { transform: translate3d(-95%,-88%,65px) rotateY(-18deg) rotateZ(-8deg) scale(.72); }
.q-sheet-2 { transform: translate3d(-52%,-52%,105px) rotateY(-8deg) scale(.72); }
.q-sheet-3 { transform: translate3d(-7%,-16%,145px) rotateY(3deg) rotateZ(8deg) scale(.72); }
.question-orb { position: absolute; top: 50%; left: 50%; display: grid; width: 125px; height: 125px; place-items: center; transform: translate3d(-50%,-50%,180px); border: 1px solid var(--gold-light); border-radius: 50%; background: rgba(8,8,7,.9); color: var(--gold-light); font-family: var(--display); font-size: 76px; box-shadow: 0 0 70px rgba(216,169,77,.18); }

@keyframes sceneSpin { to { rotate: 360deg; } }

.js .inner-hero .hero-eyebrow,
.js .inner-hero-lead,
.js .depth-scene,
.js .breadcrumb,
.js .inner-hero-index { opacity: 0; }
.js .inner-hero h1 .line > span { transform: translateY(112%); }
.js.ready .inner-hero h1 .line > span { transform: translateY(0); transition: transform 1s var(--ease) 780ms; }
.js.ready .inner-hero h1 .line:nth-child(2) > span { transition-delay: 880ms; }
.js.ready .breadcrumb,
.js.ready .inner-hero .hero-eyebrow,
.js.ready .inner-hero-lead,
.js.ready .depth-scene,
.js.ready .inner-hero-index { opacity: 1; transition: opacity 700ms ease, transform 900ms var(--ease); }
.js.ready .breadcrumb { transition-delay: 720ms; }
.js.ready .inner-hero .hero-eyebrow { transition-delay: 770ms; }
.js.ready .inner-hero-lead { transition-delay: 970ms; }
.js.ready .depth-scene { transition-delay: 840ms; }
.js.ready .inner-hero-index { transition-delay: 1060ms; }

/* Shared editorial patterns */
.section-light { background: var(--ivory); color: var(--ink); }
.section-light .eyebrow, .dark-heading .eyebrow { color: var(--gold-deep); }
.section-light .eyebrow > span, .dark-heading .eyebrow > span { background: var(--gold-deep); }
.section-light h2 em, .dark-heading h2 em { color: var(--gold-deep); }
.editorial-grid { display: grid; grid-template-columns: .55fr 1.3fr .7fr; gap: clamp(40px, 7vw, 100px); align-items: start; }
.editorial-grid .section-code { padding-top: 8px; }
.editorial-body { padding-top: 72px; color: #625c52; }
.editorial-body p { font-size: 15px; line-height: 1.9; }
.editorial-body p + p { margin-top: 24px; }
.editorial-body .about-signature {
  display: grid;
  gap: 4px;
  padding: 18px 0 18px 20px;
  border-left: 1px solid var(--gold);
}
.editorial-body .about-signature strong { color: var(--ink); font-family: var(--display); font-size: 20px; font-weight: 500; }
.editorial-body .about-signature span { color: #85765f; font-size: 12px; letter-spacing: .06em; }
.split-heading { display: grid; grid-template-columns: 1.35fr .65fr; gap: clamp(50px, 10vw, 150px); align-items: end; margin-bottom: 72px; }
.split-heading > p { max-width: 490px; margin-bottom: 8px; color: var(--muted); }
.ceo-profile { max-width: 490px; margin-bottom: 8px; }
.ceo-profile p { margin: 0; color: var(--muted); line-height: 1.65; }
.ceo-profile .text-link { margin-top: 18px; }
.ceo-profile .text-link svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.dark-heading > p { color: #675f54; }

/* About sections */
.principles-3d { background: #0c0c0a; overflow: hidden; }
.tilt-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line-soft); border: 1px solid var(--line-soft); perspective: 1500px; }
.depth-card, .constellation-card, .story-card, .security-layer, .legal-dossier, .type-panels article, .ai-media {
  --rx: 0deg; --ry: 0deg;
  position: relative;
  transform: perspective(1300px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);
  transform-style: preserve-3d;
  transition: transform 450ms var(--ease), border-color 250ms ease, background-color 250ms ease;
  will-change: transform;
}
.depth-card.is-interacting, .constellation-card.is-interacting, .story-card.is-interacting, .security-layer.is-interacting, .legal-dossier.is-interacting, .type-panels article.is-interacting, .ai-media.is-interacting { transition-duration: 70ms; }
.depth-card { min-height: 520px; padding: clamp(28px, 3.6vw, 56px); overflow: hidden; background: #0c0c0a; }
.depth-card::before, .constellation-card::before, .story-card::before, .security-layer::before, .legal-dossier::before, .type-panels article::before { content: ""; position: absolute; inset: 0; opacity: 0; background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(240,210,140,.16), transparent 62%); transition: opacity 250ms ease; pointer-events: none; }
.depth-card:hover::before, .constellation-card:hover::before, .story-card:hover::before, .security-layer:hover::before, .legal-dossier:hover::before, .type-panels article:hover::before { opacity: 1; }
.depth-card-index { color: var(--gold); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; transform: translateZ(30px); }
.depth-card h3 { position: absolute; right: clamp(28px,3.6vw,56px); bottom: 150px; left: clamp(28px,3.6vw,56px); margin: 0; font-family: var(--display); font-size: clamp(30px, 3vw, 45px); font-weight: 400; line-height: 1.08; transform: translateZ(38px); }
.depth-card p { position: absolute; right: clamp(28px,3.6vw,56px); bottom: 42px; left: clamp(28px,3.6vw,56px); margin: 0; color: var(--muted); font-size: 13px; transform: translateZ(26px); }
.card-depth-mark { position: absolute; top: 70px; right: -10px; color: transparent; font-family: var(--display); font-size: 210px; line-height: 1; -webkit-text-stroke: 1px rgba(216,169,77,.13); transform: translateZ(12px); }

/* Generated editorial imagery */
.media-story { position: relative; overflow: hidden; padding-block: clamp(105px, 12vw, 180px); border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.media-story::before { content: ""; position: absolute; top: -35%; right: -18%; width: 60vw; height: 60vw; border: 1px solid rgba(216,169,77,.055); border-radius: 50%; box-shadow: 0 0 0 9vw rgba(216,169,77,.012); }
.media-story-dark { background: #090908; color: var(--ivory); }
.media-story-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(360px,.86fr) minmax(420px,1.14fr); gap: clamp(65px,11vw,170px); align-items: center; }
.media-story-reverse .ai-media { order: 2; }
.media-story-reverse .media-story-copy { order: 1; }
.ai-media { margin: 0; }
.ai-media-frame { position: relative; overflow: hidden; border: 1px solid rgba(240,210,140,.2); background: #11100d; box-shadow: 0 42px 100px rgba(0,0,0,.48); transform: translateZ(18px); }
.ai-media-frame::before { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(145deg, rgba(240,210,140,.1), transparent 35%, rgba(0,0,0,.26)); pointer-events: none; }
.ai-media-frame::after { content: ""; position: absolute; inset: 15px; z-index: 3; border: 1px solid rgba(240,210,140,.13); pointer-events: none; }
.ai-media-portrait .ai-media-frame { aspect-ratio: 4 / 5; }
.ai-media-landscape .ai-media-frame { aspect-ratio: 3 / 2; }
.ai-media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.88) contrast(1.04); transition: transform 900ms var(--ease), filter 500ms ease; }
.ai-media:hover img { transform: scale(1.035); filter: saturate(1) contrast(1.06); }
.ai-media figcaption { display: flex; align-items: center; gap: 14px; min-height: 54px; color: #777066; font-size: 8px; letter-spacing: .14em; text-transform: uppercase; transform: translateZ(24px); }
.ai-media figcaption span:first-child { color: var(--gold); }
.ai-media figcaption i { width: 38px; height: 1px; background: var(--line); }
.media-story-copy { position: relative; }
.media-story-copy h2 { max-width: 790px; font-size: clamp(48px,5.8vw,86px); }
.media-story-copy > p:last-child { max-width: 610px; margin: 34px 0 0 clamp(18px,3vw,52px); color: var(--muted); font-size: 14px; line-height: 1.9; }

.legacy-years { position: relative; overflow: hidden; min-height: 920px; }
.years-watermark { position: absolute; top: 48%; left: -5vw; transform: translateY(-50%); color: transparent; font-family: var(--display); font-size: 48vw; line-height: .7; -webkit-text-stroke: 1px rgba(216,169,77,.07); }
.years-grid { position: relative; display: grid; grid-template-columns: .8fr 1.2fr; gap: 13vw; }
.years-title { position: sticky; top: 160px; align-self: start; }
.years-title h2 { font-size: clamp(48px,5.6vw,82px); }
.years-chapters { padding-top: 60px; }
.years-chapters article { min-height: 260px; padding: 42px 0; border-top: 1px solid var(--line-soft); }
.years-chapters article:last-child { border-bottom: 1px solid var(--line-soft); }
.years-chapters span { color: var(--gold); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }
.years-chapters h3 { max-width: 570px; margin: 18px 0; font-family: var(--display); font-size: clamp(28px,3vw,42px); font-weight: 400; line-height: 1.15; }
.years-chapters p { max-width: 560px; color: var(--muted); font-size: 13px; }

.expertise-rows { border-top: 1px solid rgba(36,28,17,.18); }
.expertise-rows article { position: relative; display: grid; min-height: 150px; grid-template-columns: .7fr 1.3fr 60px; gap: 40px; align-items: center; border-bottom: 1px solid rgba(36,28,17,.18); }
.expertise-rows article > span { font-family: var(--display); font-size: clamp(25px,2.5vw,36px); }
.expertise-rows p { max-width: 540px; margin: 0; color: #686158; font-size: 13px; }
.expertise-rows i { color: var(--gold-deep); font-family: var(--display); font-size: 12px; font-style: normal; text-align: right; }

/* How sections */
.story-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(70px,12vw,180px); }
.story-intro { position: sticky; top: 150px; align-self: start; }
.story-intro h2 { font-size: clamp(46px,5.2vw,77px); }
.story-intro > p:last-child { max-width: 460px; margin-top: 32px; color: #676056; }
.story-track { position: relative; padding-left: 44px; }
.story-progress { position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: rgba(76,60,38,.17); }
.story-progress i { display: block; width: 100%; height: 100%; transform: scaleY(var(--story-progress, 0)); transform-origin: top; background: var(--gold-deep); }
.story-step { min-height: 610px; padding-bottom: 90px; }
.story-card { min-height: 420px; padding: clamp(32px,4vw,58px); border: 1px solid rgba(69,54,33,.2); background: #f0eade; box-shadow: 0 28px 60px rgba(39,31,18,.08); }
.story-index { color: var(--gold-deep); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }
.story-card h3 { margin: 75px 0 20px; font-family: var(--display); font-size: clamp(36px,4vw,58px); font-weight: 400; letter-spacing: -.04em; transform: translateZ(32px); }
.story-card p { max-width: 580px; color: #625b51; transform: translateZ(24px); }
.story-card ul { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 44px 0 0; padding: 20px 0 0; border-top: 1px solid rgba(69,54,33,.18); list-style: none; transform: translateZ(20px); }
.story-card li { color: #534a3d; font-size: 10px; }
.story-step aside { display: grid; grid-template-columns: 120px 1fr; gap: 28px; margin: 24px 0 0 34px; }
.story-step aside span { color: var(--gold-deep); font-size: 9px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.story-step aside p { margin: 0; color: #71695e; font-size: 12px; }

.analysis-room { overflow: hidden; }
.analysis-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(60px,10vw,150px); align-items: center; }
.analysis-copy h2 { font-size: clamp(48px,5.6vw,82px); }
.analysis-copy > p:last-child { max-width: 520px; margin-top: 28px; color: var(--muted); }
.analysis-console { --rx:0deg; --ry:0deg; position: relative; min-height: 520px; padding: 32px; transform: perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry)); border: 1px solid var(--line); background: linear-gradient(145deg,#171510,#090908); box-shadow: 0 40px 100px rgba(0,0,0,.46); overflow: hidden; }
.analysis-console.has-photo::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to bottom, rgba(8,8,7,.15), rgba(8,8,7,.64) 46%, rgba(8,8,7,.92)); pointer-events: none; }
.console-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .86; filter: saturate(.78) contrast(1.08); }
.console-top { display: flex; justify-content: space-between; padding-bottom: 22px; border-bottom: 1px solid var(--line-soft); color: var(--gold); font-size: 8px; letter-spacing: .13em; text-transform: uppercase; }
.has-photo .console-top, .has-photo .console-grid { position: relative; z-index: 2; }
.console-top i { color: #8ddcad; font-style: normal; }
.console-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; margin-top: 50px; background: var(--line-soft); }
.console-grid article { position: relative; min-height: 160px; padding: 28px; background: #0e0e0c; }
.has-photo .console-grid article { background: rgba(10,10,8,.76); backdrop-filter: blur(8px); }
.console-grid span { color: #777168; font-size: 8px; letter-spacing: .13em; text-transform: uppercase; }
.console-grid b { display: block; margin-top: 25px; font-family: var(--display); font-size: 25px; font-weight: 400; }
.console-grid i { position: absolute; right: 25px; bottom: 25px; width: 7px; height: 7px; transform: rotate(45deg); border: 1px solid var(--gold); }
.console-scan { position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg,transparent,var(--gold-light),transparent); box-shadow: 0 0 20px rgba(216,169,77,.6); animation: consoleScan 4s var(--ease) infinite; }
.has-photo .console-scan { z-index: 3; }
@keyframes consoleScan { 0%,10% { transform: translateY(40px); opacity:0; } 30% { opacity:1; } 70% { opacity:.6; } 90%,100% { transform: translateY(450px); opacity:0; } }

.documents-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(60px,11vw,170px); }
.documents-grid > div > p:last-child { max-width: 480px; margin-top: 28px; color:#665f55; }
.document-list { margin: 0; padding: 0; border-top: 1px solid rgba(36,28,17,.19); list-style: none; }
.document-list li { display: grid; grid-template-columns: 48px 1fr; gap: 24px; padding: 30px 0; border-bottom: 1px solid rgba(36,28,17,.19); }
.document-list li > span { color: var(--gold-deep); font-family: var(--display); font-size:12px; }
.document-list h3 { margin: 0 0 8px; font-family: var(--display); font-size:28px; font-weight:400; }
.document-list p { margin:0; color:#696257; font-size:12px; }
.decision-band { padding-block: clamp(100px,12vw,170px); background: var(--gold-light); color:var(--ink); }
.decision-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(60px,12vw,180px); align-items:end; }
.decision-band .eyebrow { color:var(--gold-deep); }.decision-band .eyebrow>span{background:var(--gold-deep)}.decision-band h2 em{color:var(--gold-deep)}
.decision-grid>div:last-child>p{max-width:560px;color:#554a39}.decision-grid .button{margin-top:28px;background:var(--ink);color:var(--gold-light)}.decision-grid .button::before{background:#2a241a}.decision-grid .button i,.partner-cta .button i,.question-cta .button i{position:relative;z-index:1;font-style:normal}

/* Partner sections */
.benefit-constellation { position:relative; display:grid; grid-template-columns:repeat(2,1fr); gap:1px; padding:1px; background:var(--line-soft); }
.benefit-constellation::before { content:""; position:absolute; top:50%; left:50%; width:9px; height:9px; transform:translate(-50%,-50%) rotate(45deg); background:var(--gold-light); box-shadow:0 0 36px rgba(216,169,77,.5); z-index:3; }
.constellation-card { min-height:330px; padding:42px; overflow:hidden; background:#0c0c0a; }
.constellation-card>span{color:var(--gold);font-family:var(--display);font-size:12px}.constellation-card h3{margin:90px 0 14px;font-family:var(--display);font-size:40px;font-weight:400;transform:translateZ(30px)}.constellation-card p{max-width:450px;margin:0;color:var(--muted);font-size:13px;transform:translateZ(20px)}.constellation-card>i{position:absolute;right:36px;bottom:36px;width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--gold)}
.partner-flow-grid { display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(60px,12vw,180px) }.partner-flow-intro{position:sticky;top:150px;align-self:start}.partner-flow-intro>p:last-child{max-width:470px;margin-top:30px;color:#6a6258}.flow-rail{border-top:1px solid rgba(36,28,17,.18)}.flow-rail article{position:relative;display:grid;grid-template-columns:45px 1fr;gap:28px;min-height:190px;padding:35px 0;border-bottom:1px solid rgba(36,28,17,.18)}.flow-rail article>i{color:var(--gold-deep);font-family:var(--display);font-size:12px;font-style:normal}.flow-rail h3{margin:0 0 12px;font-family:var(--display);font-size:32px;font-weight:400}.flow-rail p{max-width:560px;margin:0;color:#696157;font-size:13px}.flow-dot{position:absolute;top:42px;right:0;width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--gold-deep)}
.type-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}.type-panels article{min-height:590px;padding:clamp(34px,4vw,60px);overflow:hidden;background:#0c0c0a}.type-panels article>span{color:var(--gold);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.type-panels h3{max-width:500px;margin:150px 0 24px;font-family:var(--display);font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.06;transform:translateZ(35px)}.type-panels p{max-width:520px;color:var(--muted);transform:translateZ(24px)}.type-panels ul{display:flex;flex-wrap:wrap;gap:16px 24px;margin:40px 0 0;padding:24px 0 0;border-top:1px solid var(--line-soft);list-style:none;transform:translateZ(20px)}.type-panels li{color:var(--ivory-soft);font-size:10px}.type-panels li::before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;transform:rotate(45deg);border:1px solid var(--gold)}
.partner-cta,.question-cta{padding-block:clamp(100px,12vw,170px);background:var(--gold-light);color:var(--ink)}.partner-cta-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(60px,12vw,180px);align-items:end}.partner-cta .eyebrow,.question-cta .eyebrow{color:var(--gold-deep)}.partner-cta .eyebrow>span,.question-cta .eyebrow>span{background:var(--gold-deep)}.partner-cta h2 em,.question-cta h2 em{color:var(--gold-deep)}.partner-cta-grid>div:last-child>p{color:#574c3a}.partner-cta .button,.question-cta .button{margin-top:28px;background:var(--ink);color:var(--gold-light)}.partner-cta .button::before,.question-cta .button::before{background:#2b251b}

/* Security sections */
.layers-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(70px,12vw,180px)}.layers-copy{position:sticky;top:150px;align-self:start}.layers-copy>p:last-child{max-width:470px;margin-top:30px;color:var(--muted)}.security-stack{perspective:1600px;padding-top:40px}.security-layer{min-height:220px;margin-top:-36px;padding:42px 48px 42px 150px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(29,27,21,.98),rgba(10,10,8,.98));box-shadow:0 30px 70px rgba(0,0,0,.32);transform-origin:bottom}.security-layer:first-child{margin-top:0}.security-layer>span{color:var(--gold);font-size:8px;letter-spacing:.15em;text-transform:uppercase}.security-layer h3{margin:22px 0 8px;font-family:var(--display);font-size:36px;font-weight:400;transform:translateZ(30px)}.security-layer p{max-width:530px;margin:0;color:var(--muted);font-size:12px;transform:translateZ(20px)}.security-layer>i{position:absolute;top:50%;left:45px;transform:translateY(-50%) translateZ(35px);color:transparent;font-family:var(--display);font-size:55px;font-style:normal;-webkit-text-stroke:1px rgba(216,169,77,.3)}
.data-flow{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1fr;align-items:center}.data-flow article{min-height:230px;padding:30px;border:1px solid rgba(36,28,17,.18)}.data-flow>i{text-align:center;color:var(--gold-deep);font-style:normal}.data-flow span{color:var(--gold-deep);font-family:var(--display);font-size:12px}.data-flow h3{margin:65px 0 10px;font-family:var(--display);font-size:28px;font-weight:400}.data-flow p{margin:0;color:#696157;font-size:11px}
.never-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,12vw,180px)}.never-list{border-top:1px solid var(--line-soft)}.never-list article{display:grid;grid-template-columns:70px 1fr;gap:30px;min-height:125px;align-items:center;border-bottom:1px solid var(--line-soft)}.never-list span{color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.never-list p{max-width:630px;margin:0;color:var(--ivory-soft);font-family:var(--display);font-size:26px;line-height:1.3}
.legal-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(60px,12vw,180px)}.legal-dossier{padding:clamp(36px,5vw,70px);border:1px solid rgba(36,28,17,.2);background:#f0eadf;box-shadow:0 35px 70px rgba(42,32,18,.08)}.legal-dossier>span{color:var(--gold-deep);font-size:9px;letter-spacing:.15em;text-transform:uppercase}.legal-dossier h3{margin:48px 0 13px;font-family:var(--display);font-size:31px;font-weight:400;transform:translateZ(28px)}.legal-dossier p{color:#655e54;font-size:13px;transform:translateZ(18px)}.legal-dossier a{display:flex;min-height:48px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(36,28,17,.2);font-size:11px;font-weight:600}.legal-dossier a i{color:var(--gold-deep);font-style:normal}

/* FAQ center */
.faq-center-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(60px,12vw,170px);align-items:end}.faq-search-wrap{padding-bottom:10px}.faq-search-wrap label{display:block;margin-bottom:10px;color:#665d51;font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.faq-search{display:grid;grid-template-columns:1fr 44px;border-bottom:1px solid rgba(36,28,17,.32)}.faq-search input{width:100%;min-height:56px;padding:0;border:0;background:transparent;color:var(--ink);font:16px var(--body);outline:none}.faq-search input::placeholder{color:#8a8277}.faq-search>span{display:grid;place-items:center;color:var(--gold-deep);font-family:var(--display);font-size:29px}.faq-count{margin:12px 0 0;color:#81796d;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.faq-filters{display:flex;flex-wrap:wrap;gap:8px;margin:80px 0 44px}.faq-filters button{min-height:44px;padding:0 18px;border:1px solid rgba(36,28,17,.2);background:transparent;color:#5f584f;font-size:10px;font-weight:600;cursor:pointer;transition:background-color 200ms ease,color 200ms ease,border-color 200ms ease}.faq-filters button:hover,.faq-filters button.active{border-color:var(--gold-deep);background:var(--gold-deep);color:var(--ivory)}
.faq-library{border-top:1px solid rgba(36,28,17,.2)}.faq-library details{border-bottom:1px solid rgba(36,28,17,.2)}.faq-library details[hidden]{display:none}.faq-library summary{display:grid;min-height:105px;grid-template-columns:1fr 34px;gap:30px;align-items:center;cursor:pointer;list-style:none}.faq-library summary::-webkit-details-marker{display:none}.faq-library summary>span{display:grid;grid-template-columns:120px 1fr;gap:30px;align-items:center;font-family:var(--display);font-size:clamp(21px,2.1vw,30px);line-height:1.25}.faq-library summary i{font-family:var(--body);font-size:8px;font-style:normal;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-deep)}.faq-library summary b{position:relative;width:26px;height:26px}.faq-library summary b::before,.faq-library summary b::after{content:"";position:absolute;top:50%;left:50%;width:17px;height:1px;background:var(--gold-deep);transition:transform 220ms ease}.faq-library summary b::before{transform:translate(-50%,-50%)}.faq-library summary b::after{transform:translate(-50%,-50%) rotate(90deg)}.faq-library details[open] summary b::after{transform:translate(-50%,-50%)}.faq-library details>p{max-width:760px;margin:-4px 60px 34px 150px;color:#655e54;font-size:14px;line-height:1.85}.faq-empty{padding:90px 20px;text-align:center;border-top:1px solid rgba(36,28,17,.2)}.faq-empty>span{color:var(--gold-deep);font-family:var(--display);font-size:80px}.faq-empty h3{margin:0 0 8px;font-family:var(--display);font-size:32px;font-weight:400}.faq-empty p{color:#71695e}.faq-empty a{display:inline-flex;min-height:44px;align-items:center;margin-top:12px;border-bottom:1px solid var(--gold-deep);font-size:11px;font-weight:600}
.sources-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,12vw,180px)}.source-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-soft)}.source-cards a{position:relative;min-height:390px;padding:40px;background:#0c0c0a;border:1px solid var(--line-soft);transition:background-color 250ms ease}.source-cards a:hover{background:#15130e}.source-cards a>span{color:var(--gold);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.source-cards h3{margin:120px 0 16px;font-family:var(--display);font-size:36px;font-weight:400}.source-cards p{color:var(--muted);font-size:12px}.source-cards i{position:absolute;right:35px;bottom:30px;color:var(--gold);font-style:normal}.question-cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.question-cta-inner h2{max-width:950px}.question-cta-inner>p:not(.eyebrow){max-width:560px;margin-top:28px;color:#5a4f3e}

/* Page next */
.page-next{position:relative;overflow:hidden;padding-block:clamp(110px,14vw,200px);border-top:1px solid var(--line-soft)}.page-next::before{content:"";position:absolute;right:-15vw;bottom:-25vw;width:65vw;height:65vw;border:1px solid rgba(216,169,77,.07);border-radius:50%}.page-next-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center}.page-next h2{font-size:clamp(49px,6vw,90px)}.next-orbit{position:relative;display:grid;width:230px;height:230px;place-items:center;justify-self:end;border:1px solid var(--line);border-radius:50%;color:var(--gold-light);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:background-color 350ms ease,color 350ms ease,transform 450ms var(--ease)}.next-orbit::before{content:"";position:absolute;inset:20px;border:1px dashed rgba(216,169,77,.19);border-radius:inherit;transition:rotate 700ms var(--ease)}.next-orbit span,.next-orbit i{position:relative;z-index:2}.next-orbit i{position:absolute;right:25px;font-style:normal;font-size:18px}.next-orbit:hover{transform:scale(1.045);background:var(--gold-light);color:var(--ink)}.next-orbit:hover::before{rotate:90deg;border-color:rgba(8,8,7,.2)}

@media (max-width: 1160px) {
  .inner-hero-grid{grid-template-columns:1fr minmax(340px,.65fr);gap:30px}.inner-hero h1{font-size:clamp(62px,8.4vw,100px)}.depth-scene{min-height:520px;scale:.88}.editorial-grid{grid-template-columns:80px 1fr}.editorial-body{grid-column:2;padding-top:0;max-width:650px}.tilt-grid{grid-template-columns:1fr}.depth-card{min-height:390px}.depth-card h3{bottom:120px}.years-grid,.story-layout,.analysis-layout,.partner-flow-grid,.layers-layout{gap:70px}.data-flow{grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(36,28,17,.18)}.data-flow>i{display:none}.data-flow article{background:var(--ivory)}
}

@media (max-width: 820px) {
  .inner-page .desktop-nav{display:none}.inner-hero{min-height:auto}.inner-hero-grid{min-height:900px;grid-template-columns:1fr;align-content:start;padding-top:calc(var(--header-height) + 70px);padding-bottom:300px}.inner-hero h1{font-size:clamp(56px,14vw,88px)}.inner-hero-lead{margin-left:5vw}.depth-scene{position:absolute;right:-15vw;bottom:45px;width:70vw;min-height:470px;scale:.7;opacity:.65!important}.inner-hero-index{min-height:55px}.editorial-grid{grid-template-columns:1fr}.editorial-grid .section-code{display:none}.editorial-body{grid-column:auto}.split-heading,.years-grid,.story-layout,.analysis-layout,.documents-grid,.decision-grid,.partner-flow-grid,.partner-cta-grid,.layers-layout,.never-grid,.legal-grid,.faq-center-heading,.sources-grid,.page-next-grid,.media-story-grid{grid-template-columns:1fr}.split-heading{gap:28px}.years-title,.story-intro,.partner-flow-intro,.layers-copy{position:static}.years-chapters{padding-top:0}.expertise-rows article{grid-template-columns:1fr 50px;gap:15px;padding:25px 0}.expertise-rows article>p{grid-column:1}.story-step{min-height:auto;padding-bottom:70px}.analysis-console{min-height:480px}.benefit-constellation,.type-panels,.source-cards{grid-template-columns:1fr}.security-stack{padding-top:0}.security-layer{margin-top:-20px}.data-flow{grid-template-columns:1fr}.never-grid,.legal-grid,.sources-grid{gap:70px}.faq-center-heading{gap:50px}.faq-library summary>span{grid-template-columns:90px 1fr;gap:18px}.faq-library details>p{margin-left:108px}.page-next-grid{gap:60px}.next-orbit{justify-self:start;width:190px;height:190px}.footer-main{grid-template-columns:1fr 1fr}.media-story-grid{gap:55px}.media-story-reverse .ai-media,.media-story-reverse .media-story-copy{order:initial}.ai-media{max-width:620px}.media-story-copy>p:last-child{margin-left:0}
}

@media (max-width: 560px) {
  .page-transition span{font-size:64px}.inner-hero-grid{min-height:820px;padding-top:calc(var(--header-height) + 42px);padding-bottom:250px}.breadcrumb{margin-bottom:28px}.inner-hero .eyebrow{margin-bottom:20px}.inner-hero h1{font-size:clamp(48px,14.4vw,72px);line-height:.91}.inner-hero-lead{margin:20px 0 0;font-size:15px}.depth-scene{right:-34vw;bottom:15px;width:105vw;scale:.55}.editorial-body p{font-size:14px}.depth-card{min-height:430px;padding:28px}.depth-card h3{right:28px;bottom:135px;left:28px}.depth-card p{right:28px;bottom:30px;left:28px}.legacy-years{min-height:auto}.years-chapters article{min-height:auto}.expertise-rows article{grid-template-columns:1fr 35px}.expertise-rows article>span{font-size:25px}.story-track{padding-left:20px}.story-card{min-height:auto;padding:28px}.story-card h3{margin-top:55px}.story-card ul{grid-template-columns:1fr}.story-step aside{grid-template-columns:1fr;margin-left:0}.console-grid{grid-template-columns:1fr}.console-grid article{min-height:120px}.analysis-console{min-height:650px;padding:20px}.document-list li{grid-template-columns:35px 1fr}.constellation-card{min-height:300px;padding:28px}.constellation-card h3{margin-top:65px}.type-panels article{min-height:540px;padding:28px}.type-panels h3{margin-top:120px}.security-layer{min-height:230px;padding:35px 25px 35px 85px}.security-layer>i{left:24px;font-size:42px}.never-list article{grid-template-columns:45px 1fr;gap:15px}.never-list p{font-size:22px}.legal-dossier{padding:28px}.faq-filters{margin-top:55px}.faq-library summary{min-height:100px}.faq-library summary>span{display:block;font-size:21px}.faq-library summary i{display:block;margin-bottom:8px}.faq-library details>p{margin:0 0 28px}.source-cards a{min-height:330px;padding:28px}.next-orbit{width:165px;height:165px}.footer-main{grid-template-columns:1fr}
}

@media (prefers-reduced-motion: reduce) {
  .page-transition{display:none}.depth-scene,.depth-card,.constellation-card,.story-card,.analysis-console,.security-layer,.legal-dossier,.type-panels article,.ai-media{transform:none!important}.seal-ring-a,.vault-wheel,.console-scan{animation:none!important}.js .inner-hero .hero-eyebrow,.js .inner-hero-lead,.js .depth-scene,.js .breadcrumb,.js .inner-hero-index{opacity:1}.js .inner-hero h1 .line>span{transform:none}.ai-media:hover img{transform:none}
}

/* =========================================================
   GOLD WAVE SECTIONS · HIGH-CONTRAST INK SURFACE SYSTEM
   ========================================================= */
.light-wave-section {
  --wave-ink: #0b0a08;
  --wave-surface: rgba(14, 12, 8, .91);
  --wave-surface-soft: rgba(24, 19, 11, .84);
  --wave-copy: #ded7ca;
  --wave-line: rgba(240, 210, 140, .34);
  --wave-line-soft: rgba(240, 210, 140, .16);
}

.light-wave-section::after {
  background:
    radial-gradient(ellipse 42% 78% at 12% 45%, rgba(255, 233, 178, .15), transparent 72%),
    linear-gradient(180deg, rgba(255, 242, 205, .03), transparent 35%, rgba(55, 27, 1, .12));
}

.light-wave-section > .shell {
  position: relative;
  isolation: isolate;
  padding: clamp(34px, 5vw, 76px);
  border: 1px solid var(--wave-line);
  background:
    linear-gradient(112deg, rgba(255, 226, 158, .055), transparent 28%),
    linear-gradient(145deg, var(--wave-surface), rgba(10, 9, 7, .94));
  box-shadow:
    0 42px 90px rgba(64, 33, 3, .30),
    inset 0 1px rgba(255, 237, 191, .11),
    inset 0 -1px rgba(0, 0, 0, .38);
  color: var(--ivory);
  backdrop-filter: blur(13px) saturate(.86);
}

.light-wave-section > .shell::before,
.light-wave-section > .shell::after {
  content: "";
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.light-wave-section > .shell::before {
  top: -1px;
  left: clamp(24px, 5vw, 82px);
  width: min(240px, 35%);
  height: 2px;
  background: linear-gradient(90deg, transparent, #f0d28c 18%, #b9791c 78%, transparent);
  box-shadow: 0 0 24px rgba(240, 210, 140, .44);
}

.light-wave-section > .shell::after {
  right: 18px;
  bottom: 18px;
  width: 34px;
  height: 34px;
  border-right: 1px solid rgba(240, 210, 140, .48);
  border-bottom: 1px solid rgba(240, 210, 140, .48);
}

.light-wave-section h2,
.light-wave-section h3 { color: var(--ivory); text-shadow: 0 2px 22px rgba(0, 0, 0, .25); }
.light-wave-section h2 em,
.light-wave-section .dark-heading h2 em { color: var(--gold-light); }
.light-wave-section .eyebrow,
.light-wave-section .section-code,
.light-wave-section .story-index,
.light-wave-section .document-list li > span,
.light-wave-section .flow-rail article > i,
.light-wave-section .data-flow span,
.light-wave-section .faq-library summary i { color: var(--gold-light); }
.light-wave-section .eyebrow > span,
.light-wave-section .dark-heading .eyebrow > span { background: var(--gold-light); box-shadow: 0 0 14px rgba(240, 210, 140, .45); }
.light-wave-section p:not(.eyebrow),
.light-wave-section .editorial-body,
.light-wave-section .editorial-body p,
.light-wave-section .split-heading > p,
.light-wave-section .story-intro > p:last-child,
.light-wave-section .documents-grid > div > p:last-child,
.light-wave-section .partner-flow-intro > p:last-child,
.light-wave-section .partner-cta-grid > div:last-child > p,
.light-wave-section .question-cta-inner > p:not(.eyebrow) { color: var(--wave-copy); }
.light-wave-section .text-link { color: var(--ivory); border-color: rgba(240, 210, 140, .46); }
.light-wave-section .text-link span { color: var(--gold-light); }

/* Home manifesto and process */
.statement.light-wave-section .statement-copy {
  margin-top: 58px;
  padding: 26px 28px;
  border-left: 2px solid var(--gold);
  background: rgba(255, 255, 255, .035);
  color: var(--wave-copy);
  box-shadow: inset 0 0 0 1px rgba(240, 210, 140, .08);
}

.process.light-wave-section > .shell { overflow: visible; }
.process.light-wave-section .process-layout {
  grid-template-columns: minmax(350px, .86fr) minmax(560px, 1.14fr);
  gap: clamp(46px, 5.8vw, 92px);
  align-items: start;
}
.process.light-wave-section .process-intro h2 {
  max-width: 650px;
  font-size: clamp(46px, 4.7vw, 74px);
}
.process-steps { padding-left: 48px; }
.process-line { left: 0; width: 2px; background: rgba(240, 210, 140, .14); }
.process-line i {
  width: 2px;
  background: linear-gradient(180deg, #fff0c5, #d8a94d 55%, #7b4510);
  box-shadow: 0 0 18px rgba(240, 210, 140, .7);
}

.process-step {
  --step-x: 50%;
  --step-y: 50%;
  min-height: 290px;
  grid-template-columns: 74px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: 30px;
  row-gap: 0;
  margin-bottom: 20px;
  padding: 34px 34px 34px 38px;
  overflow: visible;
  border: 1px solid var(--wave-line-soft);
  background:
    linear-gradient(135deg, rgba(240, 210, 140, .055), transparent 42%),
    rgba(8, 8, 6, .76);
  box-shadow: 0 22px 48px rgba(0, 0, 0, .20), inset 0 1px rgba(255, 255, 255, .035);
  transition: transform 420ms var(--ease), border-color 260ms ease, background-color 260ms ease, box-shadow 320ms ease;
}

.process-step::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0;
  background: radial-gradient(260px circle at var(--step-x) var(--step-y), rgba(240, 210, 140, .16), transparent 68%);
  transition: opacity 220ms ease;
  pointer-events: none;
}

.process-step::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold-light), var(--gold), transparent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 700ms var(--ease);
  pointer-events: none;
}

.process-step > * { position: relative; z-index: 1; }
.process-step > div:last-child { display: contents; }
.process-step > div:last-child h3,
.process-step > div:last-child p { position: relative; z-index: 1; min-width: 0; }
.process-step.is-current {
  transform: translate3d(7px, -2px, 0);
  border-color: rgba(240, 210, 140, .50);
  background-color: rgba(15, 12, 7, .90);
  box-shadow: 0 30px 70px rgba(0, 0, 0, .32), 0 0 38px rgba(216, 169, 77, .10), inset 0 1px rgba(255, 245, 218, .09);
}
.process-step.is-current::after { transform: scaleX(1); }
.process-step.is-current::before,
.process-step:hover::before { opacity: 1; }

.step-number {
  top: 36px;
  left: -48px;
  display: grid;
  width: 34px;
  height: 34px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(240, 210, 140, .58);
  border-radius: 50%;
  background: #0c0a07;
  color: var(--gold-light);
  box-shadow: 0 0 0 7px rgba(12, 10, 7, .72), 0 0 22px rgba(216, 169, 77, .18);
}

.step-icon {
  position: relative;
  display: grid;
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: start;
  width: 68px;
  height: 68px;
  place-items: center;
  border: 1px solid rgba(240, 210, 140, .62);
  border-radius: 50%;
  background: radial-gradient(circle at 38% 30%, rgba(240, 210, 140, .20), rgba(27, 18, 8, .78) 58%, #080806 100%);
  box-shadow: inset 0 0 22px rgba(216, 169, 77, .11), 0 12px 30px rgba(0, 0, 0, .26);
  transition: transform 380ms var(--ease), box-shadow 300ms ease;
}

.step-icon::before {
  content: "";
  position: absolute;
  inset: -8px;
  border: 1px solid rgba(240, 210, 140, .22);
  border-top-color: rgba(255, 236, 188, .78);
  border-radius: inherit;
  animation: stepOrbit 8s linear infinite;
}

.step-icon::after {
  content: "";
  position: absolute;
  top: -11px;
  left: 50%;
  width: 5px;
  height: 5px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: #ffeab6;
  box-shadow: 0 0 12px 2px rgba(240, 210, 140, .72);
}

.step-icon svg { width: 28px; stroke: #ffe7ad; stroke-width: 1.45; filter: drop-shadow(0 0 8px rgba(240, 210, 140, .38)); }
.step-icon svg path { stroke-dasharray: 52; stroke-dashoffset: 52; }
.process-step.is-visible .step-icon svg path { animation: stepDraw 900ms var(--ease) forwards; }
.process-step.is-visible .step-icon svg path:nth-child(2) { animation-delay: 130ms; }
.process-step.is-visible .step-icon svg path:nth-child(3) { animation-delay: 220ms; }
.process-step.is-current .step-icon { transform: translateZ(0) scale(1.06); box-shadow: inset 0 0 28px rgba(216, 169, 77, .18), 0 0 30px rgba(216, 169, 77, .18); }
.process-step h3 {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  max-width: 430px;
  margin: 0;
  color: var(--ivory);
  font-size: clamp(29px, 2.15vw, 36px);
  line-height: 1.08;
}
.process-step p {
  grid-column: 1 / -1;
  grid-row: 2;
  align-self: start;
  max-width: 680px;
  margin: 34px 0 0;
  color: var(--wave-copy);
  font-size: 15px;
  line-height: 1.72;
}

@keyframes stepOrbit { to { transform: rotate(360deg); } }
@keyframes stepDraw { to { stroke-dashoffset: 0; } }

/* Reusable editorial modules over the gold wave */
.light-wave-section .story-card,
.light-wave-section .legal-dossier {
  border-color: var(--wave-line);
  background:
    radial-gradient(circle at 90% 8%, rgba(216, 169, 77, .12), transparent 35%),
    linear-gradient(145deg, rgba(28, 22, 12, .96), rgba(9, 9, 7, .98));
  box-shadow: 0 30px 70px rgba(0, 0, 0, .32), inset 0 1px rgba(255, 242, 207, .08);
}
.light-wave-section .story-card p,
.light-wave-section .story-card li,
.light-wave-section .legal-dossier p { color: var(--wave-copy); }
.light-wave-section .story-card ul,
.light-wave-section .legal-dossier a { border-color: var(--wave-line-soft); }
.light-wave-section .legal-dossier a { color: var(--ivory); }
.light-wave-section .legal-dossier a i { color: var(--gold-light); }

.light-wave-section .expertise-rows,
.light-wave-section .document-list,
.light-wave-section .flow-rail,
.light-wave-section .faq-list,
.light-wave-section .faq-library { border-color: var(--wave-line); }

.light-wave-section .expertise-rows article,
.light-wave-section .document-list li,
.light-wave-section .flow-rail article,
.light-wave-section .data-flow article,
.light-wave-section .faq-list details,
.light-wave-section .faq-library details {
  border: 1px solid var(--wave-line-soft);
  background: rgba(8, 8, 6, .70);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
  transition: transform 300ms var(--ease), border-color 220ms ease, background-color 220ms ease, box-shadow 300ms ease;
}

.light-wave-section .expertise-rows article { margin-top: 12px; padding: 28px 30px; }
.light-wave-section .document-list li { margin-top: 12px; padding: 28px; }
.light-wave-section .flow-rail article { margin-top: 12px; padding: 30px; }
.light-wave-section .data-flow { gap: 12px; }
.light-wave-section .data-flow article { position: relative; overflow: hidden; }
.light-wave-section .data-flow article::after {
  content: "";
  position: absolute;
  right: -45%;
  bottom: -65%;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(240, 210, 140, .14);
  border-radius: 50%;
  box-shadow: 0 0 0 18px rgba(240, 210, 140, .025);
  transition: transform 500ms var(--ease);
}
.light-wave-section .data-flow > i { color: var(--gold-light); text-shadow: 0 0 14px rgba(240, 210, 140, .48); }
.light-wave-section .data-flow h3 { color: var(--ivory); }
.light-wave-section .data-flow p,
.light-wave-section .expertise-rows p,
.light-wave-section .document-list p,
.light-wave-section .flow-rail p { color: var(--wave-copy); }

.light-wave-section .faq-list details,
.light-wave-section .faq-library details { margin-top: 10px; padding-inline: clamp(18px, 2.4vw, 34px); }
.light-wave-section .faq-list summary,
.light-wave-section .faq-library summary { color: var(--ivory); }
.light-wave-section .faq-list summary i::before,
.light-wave-section .faq-list summary i::after,
.light-wave-section .faq-library summary b::before,
.light-wave-section .faq-library summary b::after { background: var(--gold-light); box-shadow: 0 0 8px rgba(240, 210, 140, .32); }
.light-wave-section .faq-list details p,
.light-wave-section .faq-library details > p { color: var(--wave-copy); }
.light-wave-section .faq-list details[open],
.light-wave-section .faq-library details[open] { border-color: rgba(240, 210, 140, .48); background: rgba(18, 14, 8, .92); }

.light-wave-section .faq-search-wrap {
  padding: 22px 26px;
  border: 1px solid var(--wave-line-soft);
  background: rgba(8, 8, 6, .68);
}
.light-wave-section .faq-search-wrap label,
.light-wave-section .faq-count { color: #c9bda9; }
.light-wave-section .faq-search { border-color: rgba(240, 210, 140, .40); }
.light-wave-section .faq-search input { color: var(--ivory); }
.light-wave-section .faq-search input::placeholder { color: #aaa092; }
.light-wave-section .faq-search > span { color: var(--gold-light); }
.light-wave-section .faq-filters button { border-color: var(--wave-line); color: var(--ivory); background: rgba(8, 8, 6, .58); }
.light-wave-section .faq-filters button:hover,
.light-wave-section .faq-filters button.active { border-color: var(--gold-light); background: var(--gold-light); color: var(--ink); }

.light-wave-section .button-primary { background: var(--gold-light); color: var(--ink); box-shadow: 0 15px 34px rgba(0, 0, 0, .25), 0 0 0 1px rgba(255, 243, 210, .22); }
.light-wave-section .button-primary::before { background: #fff0c5; }

@media (hover: hover) and (pointer: fine) {
  .light-wave-section .expertise-rows article:hover,
  .light-wave-section .document-list li:hover,
  .light-wave-section .flow-rail article:hover,
  .light-wave-section .data-flow article:hover,
  .light-wave-section .faq-list details:hover,
  .light-wave-section .faq-library details:hover {
    transform: translateY(-3px);
    border-color: rgba(240, 210, 140, .44);
    background-color: rgba(20, 16, 9, .90);
    box-shadow: 0 20px 42px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 244, 216, .06);
  }
  .light-wave-section .data-flow article:hover::after { transform: translate(-18px, -12px) scale(1.08); }
}

@media (max-width: 1160px) {
  .process.light-wave-section .process-layout {
    grid-template-columns: minmax(300px, .78fr) minmax(480px, 1.22fr);
    gap: 48px;
  }
  .light-wave-section .data-flow { grid-template-columns: repeat(2, 1fr); background: transparent; }
  .light-wave-section .data-flow > i { display: none; }
  .light-wave-section .data-flow article { background: rgba(8, 8, 6, .76); }
}

@media (max-width: 820px) {
  .light-wave-section > .shell { width: 92vw; padding: clamp(25px, 6vw, 42px); }
  .statement.light-wave-section .statement-copy { margin-top: 22px; }
  .process.light-wave-section .process-layout { grid-template-columns: 1fr; gap: 60px; }
  .process-steps { padding-left: 30px; }
  .process-step { grid-template-columns: 58px minmax(0, 1fr); column-gap: 20px; min-height: 250px; padding: 30px 24px; }
  .step-number { left: -30px; width: 30px; height: 30px; }
  .step-icon { width: 54px; height: 54px; }
  .step-icon svg { width: 23px; }
  .light-wave-section .data-flow { grid-template-columns: 1fr; }
  .light-wave-section .faq-library details > p { margin-left: 108px; }
}

@media (max-width: 560px) {
  .light-wave-section > .shell { width: 94vw; padding: 24px 19px 30px; }
  .light-wave-section > .shell::after { right: 10px; bottom: 10px; width: 23px; height: 23px; }
  .process-steps { padding-left: 0; }
  .process-line { display: none; }
  .process-step {
    display: grid;
    min-height: auto;
    grid-template-columns: 48px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 16px;
    padding: 26px 20px 28px;
  }
  .step-number { top: 14px; right: 14px; left: auto; width: 27px; height: 27px; transform: none; box-shadow: none; }
  .step-icon { width: 46px; height: 46px; }
  .step-icon::before { inset: -5px; }
  .step-icon::after { top: -8px; }
  .process-step h3 { max-width: calc(100% - 30px); margin: 0; padding-right: 0; font-size: 25px; }
  .process-step p { max-width: none; margin-top: 22px; font-size: 14px; }
  .process-step.is-current { transform: translateY(-2px); }
  .light-wave-section .expertise-rows article,
  .light-wave-section .document-list li,
  .light-wave-section .flow-rail article { padding: 22px 18px; }
  .light-wave-section .faq-list details,
  .light-wave-section .faq-library details { padding-inline: 16px; }
  .light-wave-section .faq-library details > p { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .step-icon::before,
  .process-step.is-visible .step-icon svg path { animation: none !important; }
  .step-icon svg path { stroke-dashoffset: 0; }
  .process-step,
  .process-step.is-current { transform: none; }
}

/* =========================================================
   FLOW BUTTON · UNIFIED CTA MOTION SYSTEM
   ========================================================= */
.flow-button {
  --flow-border: rgba(240, 210, 140, .48);
  --flow-text: #f0d28c;
  --flow-fill: #f0d28c;
  --flow-on-fill: #080807;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  width: auto;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  gap: 0;
  overflow: hidden;
  padding: 0 58px 0 32px;
  border: 1.5px solid var(--flow-border);
  border-radius: 999px;
  background: transparent !important;
  color: var(--flow-text);
  box-shadow: none;
  font-family: var(--body);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: .015em;
  text-align: center;
  cursor: pointer;
  transition:
    color 360ms ease,
    border-color 360ms ease,
    border-radius 600ms cubic-bezier(.23, 1, .32, 1),
    box-shadow 360ms ease,
    scale 160ms ease;
}

.flow-button::before,
.flow-button::after { content: none !important; }

.flow-button > * { position: relative; z-index: 2; }
.flow-button::before { display: none; }

.flow-button .flow-fill {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--flow-fill);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.5);
  transition:
    transform 800ms cubic-bezier(.19, 1, .22, 1),
    opacity 180ms ease;
  pointer-events: none;
}

.flow-button .flow-label {
  z-index: 2;
  font-size: inherit;
  line-height: inherit;
  transform: translateX(-5px);
  transition: transform 800ms cubic-bezier(.23, 1, .32, 1);
}

.flow-button .flow-arrow {
  position: absolute;
  z-index: 3;
  display: block;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition:
    left 800ms cubic-bezier(.34, 1.56, .64, 1),
    right 800ms cubic-bezier(.34, 1.56, .64, 1),
    color 300ms ease,
    transform 300ms ease;
}

.flow-button i.flow-arrow,
.flow-button span.flow-arrow {
  width: auto;
  height: auto;
  color: inherit;
  font-family: var(--body);
  font-size: 17px;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1;
}

.flow-button .flow-arrow-left { left: -26%; }
.flow-button .flow-arrow-right { right: 22px; }

.flow-button:hover,
.flow-button:focus-visible {
  border-color: transparent;
  border-radius: 999px;
  color: var(--flow-on-fill) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .24), 0 0 0 1px rgba(255, 255, 255, .055);
}

.flow-button:hover .flow-fill,
.flow-button:focus-visible .flow-fill {
  opacity: 1;
  transform: translate(-50%, -50%) scale(28);
}

.flow-button:hover .flow-label,
.flow-button:focus-visible .flow-label { transform: translateX(11px); }
.flow-button:hover .flow-arrow-left,
.flow-button:focus-visible .flow-arrow-left { left: 21px; }
.flow-button:hover .flow-arrow-right,
.flow-button:focus-visible .flow-arrow-right { right: -26%; }
.flow-button:active { scale: .96; }

.flow-button.button-large { min-height: 68px; margin-top: 42px; padding-inline: 38px 66px; }
.flow-button.header-cta {
  min-height: 48px;
  padding: 0 48px 0 22px;
  font-size: 12px;
  letter-spacing: .03em;
}
.flow-button.header-cta .flow-arrow { width: 16px; height: 16px; }
.flow-button.header-cta .flow-arrow-right { right: 18px; }
.flow-button.header-cta:hover .flow-arrow-left,
.flow-button.header-cta:focus-visible .flow-arrow-left { left: 17px; }

.mobile-menu nav .mobile-menu-cta.flow-button {
  width: 100%;
  min-height: 56px;
  margin-top: 30px;
  padding: 0 54px 0 26px;
  border: 1.5px solid var(--flow-border);
  border-radius: 999px;
  color: var(--flow-text);
  font-family: var(--body);
  font-size: 12px;
}

.flow-button.next-orbit {
  width: auto;
  height: auto;
  min-height: 60px;
  justify-self: end;
  padding: 0 58px 0 30px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.flow-button.next-orbit .flow-arrow-right { right: 22px; }
.flow-button.next-orbit:hover,
.flow-button.next-orbit:focus-visible { transform: none; }

/* Gold environments invert only the semantic color tokens. */
.decision-band .flow-button {
  --flow-border: rgba(8, 8, 7, .55);
  --flow-text: #17120a;
  --flow-fill: #080807;
  --flow-on-fill: #f5f0e6;
  background: rgba(8, 8, 7, .035) !important;
  color: var(--flow-text) !important;
}

.light-wave-section .flow-button {
  --flow-border: rgba(240, 210, 140, .58);
  --flow-text: #f7dfa7;
  --flow-fill: #f0d28c;
  --flow-on-fill: #080807;
  background: rgba(240, 210, 140, .055) !important;
  color: var(--flow-text) !important;
}
.decision-band .flow-button:hover,
.decision-band .flow-button:focus-visible,
.light-wave-section .flow-button:hover,
.light-wave-section .flow-button:focus-visible { color: var(--flow-on-fill) !important; }

/* Partner application */
.partner-application-grid {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(500px, 1.28fr);
  gap: clamp(54px, 8vw, 125px);
  align-items: start;
}
.partner-application-copy { position: sticky; top: calc(var(--header-height) + 46px); }
.partner-application-copy > p:not(.eyebrow) { max-width: 490px; margin: 34px 0 38px; color: var(--wave-copy) !important; font-size: 15px; line-height: 1.75; }
.application-assurance { display: grid; grid-template-columns: 34px 1fr; gap: 16px; padding: 19px 0; border-top: 1px solid rgba(240,210,140,.18); }
.application-assurance:last-child { border-bottom: 1px solid rgba(240,210,140,.18); }
.application-assurance span { color: var(--gold-light); font-family: var(--display); font-size: 13px; }
.application-assurance p { margin: 0; color: #bdb2a2 !important; font-size: 12px; line-height: 1.65; }
.partner-form {
  position: relative;
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid rgba(240,210,140,.32);
  background: linear-gradient(145deg, rgba(26,21,13,.96), rgba(7,7,6,.98) 68%);
  box-shadow: 0 35px 80px rgba(0,0,0,.38), inset 0 1px rgba(255,245,218,.07);
}
.partner-form::before { content: ""; position: absolute; top: -1px; left: 8%; width: 28%; height: 1px; background: linear-gradient(90deg, transparent, #f0d28c, transparent); box-shadow: 0 0 16px rgba(240,210,140,.45); }
.partner-form-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 34px; padding-bottom: 20px; border-bottom: 1px solid rgba(240,210,140,.17); }
.partner-form-heading span { color: var(--ivory); font-family: var(--display); font-size: 28px; }
.partner-form-heading p { margin: 0; color: #91887a !important; font-size: 10px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 18px; }
.form-field { min-width: 0; }
.form-field-wide { grid-column: 1 / -1; }
.form-field label { display: block; margin-bottom: 9px; color: #d6cbbc; font-size: 10px; font-weight: 600; letter-spacing: .045em; }
.form-field input,
.form-field select,
.form-field textarea {
  display: block;
  width: 100%;
  min-height: 52px;
  padding: 0 15px;
  border: 1px solid rgba(240,210,140,.22);
  border-radius: 0;
  outline: none;
  background: rgba(2,2,2,.48);
  color: var(--ivory);
  font: 13px/1.45 var(--body);
  transition: border-color 220ms ease, box-shadow 220ms ease, background-color 220ms ease;
}
.form-field textarea { min-height: 126px; padding-block: 14px; resize: vertical; }
.form-field select { color-scheme: dark; cursor: pointer; }
.form-field input::placeholder,
.form-field textarea::placeholder { color: #766f65; }
.form-field input:hover,
.form-field select:hover,
.form-field textarea:hover { border-color: rgba(240,210,140,.42); }
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus { border-color: #e4bd68; background: rgba(13,10,6,.88); box-shadow: 0 0 0 3px rgba(216,169,77,.10), 0 10px 28px rgba(0,0,0,.18); }
.form-field [aria-invalid="true"] { border-color: #d8816f; box-shadow: 0 0 0 3px rgba(216,129,111,.08); }
.field-error { display: block; min-height: 17px; padding-top: 5px; color: #e6a293; font-size: 10px; line-height: 1.35; }
.form-consent { display: grid; grid-template-columns: 18px 1fr; gap: 12px; align-items: start; margin-top: 24px; color: #ada396; font-size: 11px; line-height: 1.55; cursor: pointer; }
.form-consent input { width: 17px; height: 17px; margin: 0; accent-color: #d8a94d; }
.form-consent.has-error span { color: #e6a293; }
.form-status { min-height: 22px; margin: 16px 0 0; color: #e6a293 !important; font-size: 11px; line-height: 1.5; }
.form-status.is-success { color: #91daa9 !important; }
.partner-form .flow-button { margin-top: 5px; }

@media (max-width: 820px) {
  .flow-button.next-orbit { justify-self: start; width: auto; height: auto; }
  .partner-application-grid { grid-template-columns: 1fr; gap: 52px; }
  .partner-application-copy { position: static; }
  .partner-network { inset: 14% -4% 15%; }
}

@media (max-width: 560px) {
  .flow-button { min-height: 54px; padding: 0 51px 0 24px; font-size: 12px; }
  .flow-button .flow-arrow-right { right: 18px; }
  .flow-button:hover .flow-arrow-left,
  .flow-button:focus-visible .flow-arrow-left { left: 17px; }
  .flow-button.button-large { min-height: 60px; padding-inline: 28px 55px; }
  .flow-button.next-orbit { min-height: 56px; padding: 0 52px 0 24px; }
  .partner-form { padding: 26px 18px; }
  .partner-form-heading { display: block; }
  .partner-form-heading p { margin-top: 7px; }
  .form-grid { grid-template-columns: 1fr; gap: 15px; }
  .form-field-wide { grid-column: auto; }
  .partner-network { inset: 17% -9% 17%; grid-template-columns: minmax(0,1fr) 30px minmax(0,1.08fr) 30px minmax(0,1fr); }
  .partner-node { min-height: 240px; padding: 16px 12px; }
  .partner-node-legacy { min-height: 285px; }
  .partner-node strong { font-size: 20px; }
  .partner-node p { font-size: 9px; }
  .partner-node small { top: 13px; left: 12px; font-size: 7px; }
  .partner-node-icon { width: 45px; height: 45px; }
  .partner-node-brand { width: 55px; height: 55px; }
  .partner-node-brand img { width: 47px; height: 41px; }
  .partner-route span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .flow-button,
  .flow-button .flow-fill,
  .flow-button .flow-label,
  .flow-button .flow-arrow { transition-duration: .01ms !important; }
  .partner-route i,
  .partner-node::before { animation: none !important; }
}

/* =========================================================
   MOBILE ART DIRECTION · PHONE + COMPACT TABLET
   Desktop remains intentionally untouched.
   ========================================================= */
@media (max-width: 820px) {
  :root {
    --shell: calc(100vw - 32px);
    --header-height: 76px;
  }

  html { scroll-padding-top: calc(var(--header-height) + 18px); }
  body { font-size: 16px; line-height: 1.68; }
  a, button, summary, input, select, textarea { -webkit-tap-highlight-color: rgba(216,169,77,.16); }
  .grain { opacity: .025; }
  .shell { max-width: 680px; }
  .section { padding-block: clamp(76px, 19vw, 112px); }
  h2,
  .statement h2,
  .process-intro h2,
  .trust-copy h2,
  .knowledge h2,
  .media-story-copy h2,
  .page-next h2 { font-size: clamp(39px, 11.6vw, 60px); line-height: .98; letter-spacing: -.048em; }
  .eyebrow { gap: 10px; margin-bottom: 22px; font-size: 10px; letter-spacing: .15em; }
  .eyebrow > span { width: 26px; }

  /* Header and full-screen navigation */
  .site-header {
    height: calc(var(--header-height) + env(safe-area-inset-top, 0px));
    padding-top: env(safe-area-inset-top, 0px);
    border-bottom-color: rgba(240, 210, 140, .10);
    background: linear-gradient(180deg, rgba(8,8,7,.97), rgba(8,8,7,.86));
    backdrop-filter: blur(18px) saturate(.9);
  }
  .site-header.scrolled { background: rgba(8,8,7,.94); }
  .header-inner { position: relative; display: flex; justify-content: flex-start; gap: 0; }
  .header-cta.flow-button,
  .site-header .header-cta { display: none !important; }
  .brand {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 58px;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
  }
  .brand img { width: 70px; height: 56px; object-fit: contain; object-position: center; }
  .js .brand { opacity: 0; transform: translate(-50%, calc(-50% - 8px)); }
  .js.ready .brand { opacity: 1; transform: translate(-50%, -50%); transition: opacity .55s ease .08s, transform .7s var(--ease) .08s; }
  .menu-toggle {
    position: relative;
    order: -1;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-color: rgba(240,210,140,.28);
    border-radius: 50%;
    background: rgba(240,210,140,.035);
    transition: border-color 220ms ease, background-color 220ms ease, scale 160ms ease;
  }
  .menu-toggle::after { display: none; }
  .menu-toggle[aria-expanded="true"] { border-color: var(--gold-light); background: rgba(240,210,140,.10); }
  .menu-toggle:active { scale: .94; }
  .mobile-menu {
    inset: calc(var(--header-height) + env(safe-area-inset-top, 0px)) 0 0;
    height: calc(100dvh - var(--header-height) - env(safe-area-inset-top, 0px));
    overflow-y: auto;
    overscroll-behavior: contain;
    background:
      radial-gradient(circle at 88% 8%, rgba(216,169,77,.13), transparent 32%),
      #080807;
  }
  .mobile-menu::before { content: ""; position: fixed; inset: auto 0 0; height: 34%; background: linear-gradient(transparent, rgba(216,169,77,.035)); pointer-events: none; }
  .mobile-menu nav {
    width: var(--shell);
    height: auto;
    min-height: 100%;
    justify-content: center;
    gap: 0;
    padding: 36px 0 calc(38px + env(safe-area-inset-bottom, 0px));
  }
  .mobile-menu nav > a {
    position: relative;
    min-height: 62px;
    padding-right: 36px;
    color: #d8d1c4;
    font-size: clamp(30px, 9.3vw, 46px);
    line-height: 1;
    transition: color 180ms ease, padding-left 240ms var(--ease);
  }
  .js .mobile-menu nav > a { opacity: 0; transform: translateY(12px); }
  .js .mobile-menu.open nav > a { opacity: 1; transform: translateY(0); transition: opacity .36s ease, transform .48s var(--ease), color 180ms ease, padding-left 240ms var(--ease); }
  .js .mobile-menu.open nav > a:nth-child(2) { transition-delay: 35ms; }
  .js .mobile-menu.open nav > a:nth-child(3) { transition-delay: 70ms; }
  .js .mobile-menu.open nav > a:nth-child(4) { transition-delay: 105ms; }
  .js .mobile-menu.open nav > a:nth-child(5) { transition-delay: 140ms; }
  .js .mobile-menu.open nav > a:nth-child(6) { transition-delay: 175ms; }
  .js .mobile-menu.open nav > a:nth-child(7) { transition-delay: 210ms; }
  .js .mobile-menu.open nav > a:nth-child(8) { transition-delay: 245ms; }
  .mobile-menu nav > a:not(.mobile-menu-cta)::after { content: "↗"; position: absolute; right: 2px; color: #65573f; font-family: var(--body); font-size: 14px; }
  .mobile-menu nav > a[aria-current="page"] { padding-left: 20px; color: var(--gold-light); }
  .mobile-menu nav > a[aria-current="page"]::before { content: ""; position: absolute; left: 0; width: 7px; height: 7px; border: 1px solid var(--gold); transform: rotate(45deg); }
  .mobile-menu nav .mobile-menu-cta.flow-button { width: 100%; max-width: none; margin-top: 28px; }

  /* Touch behavior and CTA stability */
  .button,
  .flow-button { width: 100%; max-width: 420px; min-height: 56px; }
  .text-link,
  .source-links a,
  .footer-main div > a:not(.text-link),
  .legal-dossier a { min-height: 48px; }
  .flow-button { transition-duration: 260ms; }
  .flow-button .flow-label,
  .flow-button .flow-arrow { transition-duration: 360ms; }
  .flow-button:active { scale: .985; border-color: transparent; background: var(--flow-fill) !important; color: var(--flow-on-fill) !important; }
  .flow-button:active .flow-label { transform: translateX(4px); }
  .flow-button:active .flow-arrow-right { transform: translateX(4px); }

  /* Home hero */
  .hero { min-height: max(720px, 100svh); }
  .hero-media::after {
    background:
      linear-gradient(180deg, rgba(7,7,6,.8) 0%, rgba(7,7,6,.58) 42%, rgba(7,7,6,.92) 100%),
      linear-gradient(90deg, rgba(7,7,6,.76), rgba(7,7,6,.58));
  }
  .hero-grid {
    min-height: max(720px, 100svh);
    align-content: start;
    justify-items: center;
    padding-top: calc(var(--header-height) + env(safe-area-inset-top, 0px) + 58px);
    padding-bottom: 126px;
    text-align: center;
  }
  .hero-copy { width: 100%; max-width: 540px; margin-inline: auto; }
  .hero-eyebrow { justify-content: center; max-width: none; margin: 0 auto 26px; }
  .hero h1 { max-width: 100%; font-size: clamp(48px, 13.2vw, 64px); line-height: .95; letter-spacing: -.054em; }
  .hero h1 .line { padding-right: .06em; margin-right: -.06em; }
  .hero h1 .accent { margin-left: 0; }
  .hero-lead { max-width: 430px; margin: 25px auto 0; font-size: 15px; line-height: 1.62; }
  .hero-actions { width: 100%; max-width: 420px; align-items: center; margin: 29px auto 0; gap: 12px; }
  .hero-actions .text-link { width: max-content; max-width: 100%; }
  .hero-note { max-width: 390px; justify-content: center; margin: 20px auto 0; font-size: 12px; line-height: 1.45; text-align: left; }
  .hero-note svg { flex: 0 0 16px; margin-top: 2px; }
  .hero-mark { display: none; }
  .hero-ledger { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hero-ledger > div { min-height: 104px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 7px; padding: 13px 11px; border-bottom: 0; }
  .hero-ledger strong { font-size: 27px; }
  .hero-ledger span { font-size: 8px; line-height: 1.35; }
  .hero-ledger span br { display: none; }

  /* Home content rhythm */
  .light-wave-section > .shell { width: calc(100vw - 24px); padding: clamp(26px, 7vw, 44px); }
  .light-wave-section > .shell { backdrop-filter: blur(7px) saturate(.9); }
  .statement.light-wave-section .statement-copy { margin-top: 28px; padding: 22px 20px; font-size: 15px; }
  .ledger-grid > div { gap: 18px; padding: 23px 20px; }
  .ledger-grid p { font-size: 14px; }
  .process.light-wave-section .process-layout { gap: 48px; }
  .process-intro > p:not(.eyebrow),
  .value-journey-intro p,
  .audiences-heading > p,
  .trust-principles p,
  .faq-intro > p:last-child { font-size: 15px; line-height: 1.7; }
  .process-steps { padding-left: 0; }
  .process-line { display: none; }
  .process-step { min-height: auto; margin-bottom: 14px; padding: 28px 22px 30px; }
  .process-step.is-current { transform: translateY(-2px); }
  /* Mobile card story: one card per scroll beat, no cylinder overlap */
  .value-journey.is-mobile-story { padding-bottom: 94px; }
  .value-journey.is-mobile-story .value-carousel {
    height: auto;
    margin-top: 54px;
    overflow: visible;
    cursor: default;
    perspective: none;
    touch-action: pan-y;
  }
  .value-journey.is-mobile-story .value-carousel::before,
  .value-journey.is-mobile-story .value-carousel::after { display: none; }
  .value-journey.is-mobile-story .value-cylinder {
    position: relative;
    inset: auto;
    display: grid;
    gap: clamp(58px, 15vw, 88px);
    padding: 0 15px;
    transform-style: flat;
  }
  .value-journey.is-mobile-story .value-card {
    --mobile-card-angle: -2.8deg;
    --mobile-card-shift: -7px;
    position: relative;
    top: auto;
    left: auto;
    width: min(86vw, 410px);
    aspect-ratio: 1.5925;
    justify-self: center;
    opacity: 0;
    transform: translate3d(var(--mobile-card-shift), 68px, 0) rotateZ(var(--mobile-card-angle)) scale(.92) !important;
    transform-origin: center;
    transition: opacity .7s ease, transform 1s var(--ease);
    pointer-events: auto;
  }
  .value-journey.is-mobile-story .value-card:nth-child(even) { --mobile-card-angle: 2.8deg; --mobile-card-shift: 7px; }
  .value-journey.is-mobile-story .value-card:nth-child(3n) { --mobile-card-angle: -1.3deg; --mobile-card-shift: 0px; }
  .value-journey.is-mobile-story .value-card::after {
    content: "";
    position: absolute;
    right: 12%;
    bottom: -34px;
    left: 12%;
    height: 28px;
    border-radius: 50%;
    background: rgba(0,0,0,.55);
    filter: blur(17px);
    transform: scale(.72);
    transition: transform 1s var(--ease);
  }
  .value-journey.is-mobile-story .value-card.is-mobile-visible {
    opacity: 1;
    transform: translate3d(var(--mobile-card-shift), 0, 0) rotateZ(var(--mobile-card-angle)) scale(1) !important;
  }
  .value-journey.is-mobile-story .value-card.is-mobile-visible::after { transform: scale(1); }
  .value-journey.is-mobile-story .value-card-volume {
    --tilt-x: 0deg !important;
    --tilt-y: 0deg !important;
    width: 100%;
    height: 100%;
    animation: none !important;
    filter: drop-shadow(0 25px 36px rgba(0,0,0,.42));
    transform: rotateY(-82deg);
    transform-origin: center;
    transition: transform 1.15s cubic-bezier(.16,1,.3,1);
  }
  .value-journey.is-mobile-story .value-card:nth-child(even) .value-card-volume { transform: rotateY(82deg); }
  .value-journey.is-mobile-story .value-card.is-mobile-visible .value-card-volume { transform: rotateY(0deg); }
  .value-journey.is-mobile-story .value-card-face { backface-visibility: hidden; -webkit-backface-visibility: hidden; }
  .value-journey.is-mobile-story .value-card-front { transform: translateZ(5px); }
  .value-journey.is-mobile-story .value-card-back { transform: rotateY(180deg) translateZ(5px); }
  .value-journey.is-mobile-story .value-carousel-controls { display: none; }
  .audiences-heading { margin-bottom: 40px; }
  .audience-panels { gap: 14px; background: transparent; }
  .audience-panel,
  .audience-panel + .audience-panel { min-height: 540px; border: 1px solid var(--line-soft); }
  .trust { min-height: auto; }
  .trust-layout { gap: 54px; }
  .trust-number { justify-content: flex-start; }
  .trust-number strong { font-size: clamp(120px, 36vw, 190px); }
  .trust-principles { margin-top: 46px; }
  .trust-principles article { gap: 18px; padding: 24px 0; }
  .knowledge-layout { gap: 38px; }
  .knowledge-copy > p { font-size: 16px; line-height: 1.7; }
  .faq-layout { gap: 48px; }
  .faq-list summary { min-height: 82px; gap: 18px; font-size: 22px; }
  .faq-list summary i { width: 32px; height: 32px; }
  .faq-list details p { margin: 0 0 28px; font-size: 15px; }
  .closing { padding-block: 94px; }
  .closing-inner > p:not(.eyebrow) { margin-top: 24px; font-size: 15px; }

  /* Inner-page hero: preserve 3D, reframe it for a phone */
  .inner-hero { min-height: 850px; overflow: hidden; }
  .inner-hero-grid {
    min-height: 850px;
    align-content: start;
    padding-top: calc(var(--header-height) + env(safe-area-inset-top, 0px) + 46px);
    padding-bottom: 390px;
  }
  .inner-hero-copy { max-width: 650px; }
  .breadcrumb { margin-bottom: 28px; font-size: 9px; }
  .inner-hero h1 { max-width: 100%; font-size: clamp(48px, 13.7vw, 72px); line-height: .91; letter-spacing: -.058em; }
  .inner-hero h1 .line { overflow: visible; padding: .06em .08em .12em .05em; margin: -.06em -.08em -.12em -.05em; }
  .js .inner-hero h1 .line > span { opacity: 0; transform: translateY(.22em); }
  .js.ready .inner-hero h1 .line > span { opacity: 1; transform: translateY(0); transition: opacity .65s ease 480ms, transform .82s var(--ease) 480ms; }
  .js.ready .inner-hero h1 .line:nth-child(2) > span { transition-delay: 560ms; }
  .inner-hero-lead { max-width: 540px; margin: 24px 0 0; font-size: 16px; line-height: 1.65; }
  .inner-hero-index { display: none; }
  .depth-scene {
    right: -10vw;
    bottom: 2px;
    width: 120vw;
    min-height: 430px;
    scale: .72;
    opacity: .76 !important;
    transform-origin: center bottom;
  }
  .partner-network { inset: 15% -1% 14%; }

  /* Inner-page content */
  .editorial-grid,
  .split-heading,
  .years-grid,
  .story-layout,
  .analysis-layout,
  .documents-grid,
  .decision-grid,
  .partner-flow-grid,
  .partner-cta-grid,
  .layers-layout,
  .never-grid,
  .legal-grid,
  .faq-center-heading,
  .sources-grid,
  .page-next-grid,
  .media-story-grid { gap: 42px; }
  .editorial-body,
  .editorial-body p,
  .story-intro > p:last-child,
  .analysis-copy > p:last-child,
  .documents-grid > div > p:last-child,
  .partner-flow-intro > p:last-child,
  .layers-copy > p:last-child,
  .question-cta-inner > p:not(.eyebrow),
  .media-story-copy > p:last-child { font-size: 15px; line-height: 1.72; }
  .media-story { padding-block: 86px; }
  .media-story-grid { display: flex; flex-direction: column; align-items: stretch; }
  .media-story-copy { order: 1 !important; }
  .media-story-grid .ai-media { order: 2 !important; width: 100%; max-width: 620px; }
  .ai-media-frame { box-shadow: 0 24px 60px rgba(0,0,0,.40); }
  .ai-media-frame::after { inset: 9px; }
  .tilt-grid,
  .benefit-constellation,
  .type-panels,
  .source-cards { gap: 14px; border: 0; background: transparent; }
  .depth-card,
  .constellation-card,
  .type-panels article,
  .source-cards a { border: 1px solid var(--line-soft); }
  .depth-card,
  .constellation-card,
  .story-card,
  .security-layer,
  .legal-dossier,
  .type-panels article,
  .ai-media { will-change: auto; }
  .years-chapters article { min-height: auto; padding: 34px 0; }
  .years-chapters p,
  .expertise-rows p,
  .story-card p,
  .document-list p,
  .constellation-card p,
  .flow-rail p,
  .type-panels p,
  .security-layer p,
  .data-flow p,
  .legal-dossier p,
  .source-cards p { font-size: 14px; line-height: 1.68; }
  .story-track { padding-left: 0; }
  .story-progress { display: none; }
  .story-step { padding-bottom: 24px; }
  .story-card { min-height: auto; padding: 28px 22px; }
  .story-card h3 { margin: 44px 0 18px; font-size: clamp(34px, 10vw, 50px); }
  .story-step aside { margin: 18px 0 18px; }
  .analysis-console { min-height: 560px; padding: 18px; }
  .console-grid { gap: 8px; margin-top: 30px; background: transparent; }
  .console-grid article { min-height: 118px; padding: 20px; border: 1px solid var(--line-soft); }
  .document-list li { gap: 16px; padding: 24px 0; }
  .decision-band { padding-block: 82px; }
  .decision-grid .button { width: 100%; }
  .constellation-card { min-height: 270px; padding: 28px 24px; }
  .constellation-card h3 { margin-top: 62px; font-size: 35px; }
  .flow-rail article { min-height: auto; gap: 18px; padding: 28px 0; }
  .flow-dot { top: 32px; }
  .type-panels article { min-height: auto; padding: 34px 26px; }
  .type-panels h3 { margin: 84px 0 22px; font-size: 42px; }
  .type-panels ul { gap: 12px 18px; margin-top: 30px; }
  .security-stack { display: grid; gap: 14px; }
  .security-layer,
  .security-layer:first-child { min-height: 210px; margin: 0; padding: 32px 24px 30px 84px; }
  .security-layer > i { left: 22px; font-size: 40px; }
  .data-flow { gap: 12px; background: transparent; }
  .data-flow article { min-height: auto; padding: 27px 22px; }
  .data-flow h3 { margin-top: 38px; }
  .never-list article { min-height: 112px; gap: 16px; }
  .legal-dossier { padding: 28px 22px; }
  .faq-center-heading { gap: 34px; }
  .faq-filters { margin: 42px 0 28px; gap: 8px; }
  .faq-filters button { min-height: 48px; padding: 0 16px; font-size: 11px; }
  .faq-library summary { min-height: 88px; gap: 16px; }
  .faq-library summary > span { display: block; font-size: 21px; }
  .faq-library summary i { display: block; margin-bottom: 6px; font-size: 9px; }
  .faq-library summary b { width: 32px; height: 32px; }
  .faq-library details > p { margin: 0 0 28px; font-size: 15px; }
  .source-cards a { min-height: 280px; padding: 28px 24px; }
  .source-cards h3 { margin-top: 78px; }
  .page-next { padding-block: 88px; }
  .page-next-grid { gap: 38px; }
  .flow-button.next-orbit { width: 100%; max-width: 320px; min-height: 58px; justify-self: start; }

  /* Partner form */
  .partner-application-grid { gap: 48px; }
  .partner-form { padding: 28px 22px; }
  .form-field input,
  .form-field select,
  .form-field textarea { min-height: 56px; font-size: 16px; }
  .form-field textarea { min-height: 136px; }
  .form-field label { font-size: 12px; }
  .form-consent { grid-template-columns: 22px 1fr; font-size: 13px; }
  .form-consent input { width: 20px; height: 20px; }
  .partner-form .flow-button { max-width: none; }

  /* Footer and WhatsApp */
  .footer-main { grid-template-columns: 1fr 1fr; gap: 42px 28px; padding-block: 56px 46px; }
  .footer-brand { grid-column: 1 / -1; width: 136px; }
  .footer-brand img { width: 136px; }
  .footer-message { grid-column: 1 / -1; padding-top: 8px; }
  .footer-main div > p:first-child { font-size: 10px; }
  .footer-main div > a:not(.text-link) { display: flex; align-items: center; font-size: 14px; }
  .footer-legal { gap: 10px; padding-block: 24px calc(32px + env(safe-area-inset-bottom, 0px)); font-size: 10px; }
  .whatsapp-float { right: 14px; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }
  .whatsapp-icon { width: 56px; height: 56px; border-width: 3px; box-shadow: 0 12px 30px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.10); }
  .whatsapp-icon img { width: 29px; height: 29px; }
}

@keyframes mobileBrandFloat {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -7px, 0); }
}

@media (max-width: 480px) {
  :root { --shell: calc(100vw - 28px); --header-height: 72px; }
  .section { padding-block: 76px; }
  .brand { width: 64px; height: 54px; }
  .brand img { width: 64px; height: 52px; }
  .hero-grid { padding-top: calc(var(--header-height) + env(safe-area-inset-top, 0px) + 46px); }
  .hero h1 { font-size: clamp(46px, 12.8vw, 58px); }
  .hero-ledger > div { min-height: 96px; padding-inline: 9px; }
  .hero-ledger strong { font-size: 24px; }
  .hero-ledger span { font-size: 7.5px; }
  .value-journey.is-mobile-story .value-cylinder { gap: 64px; padding-inline: 5px; }
  .value-journey.is-mobile-story .value-card { width: min(88vw, 390px); }
  .value-card-copy { right: 16%; }
  .value-card-copy h3 { font-size: 26px; }
  .value-card-copy p { display: none; }
  .value-card-logo { top: 5px; width: 64px; }
  .value-card-chip { width: 34px; height: 26px; }
  .audience-panel,
  .audience-panel + .audience-panel { min-height: 560px; padding: 26px 22px; }
  .panel-copy { right: 22px; bottom: 26px; left: 22px; }
  .panel-copy h3 { font-size: 36px; }
  .panel-copy ul { gap: 11px; }
  .panel-copy li { flex-basis: 100%; padding-top: 0; }
  .inner-hero,
  .inner-hero-grid { min-height: 810px; }
  .inner-hero-grid { padding-top: calc(var(--header-height) + env(safe-area-inset-top, 0px) + 38px); padding-bottom: 350px; }
  .inner-hero h1 { font-size: clamp(45px, 13.5vw, 60px); }
  .depth-scene { right: -17vw; width: 134vw; min-height: 410px; scale: .68; }
  .partner-network { inset: 17% -8% 17%; }
  .partner-node { padding-inline: 10px; }
  .partner-node p { font-size: 9px; }
  .partner-node small { font-size: 8px; }
  .analysis-console { min-height: 610px; }
  .console-grid { grid-template-columns: 1fr; }
  .console-grid article { min-height: 105px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-field-wide { grid-column: auto; }
  .partner-form-heading { display: block; }
  .partner-form-heading p { margin-top: 7px; }
  .footer-main { grid-template-columns: 1fr; gap: 34px; }
  .footer-brand,
  .footer-message { grid-column: auto; }
}

@media (max-width: 380px) {
  :root { --shell: calc(100vw - 24px); }
  .hero h1 { font-size: 54px; }
  .hero-ledger span { letter-spacing: .055em; }
  .inner-hero h1 { font-size: 44px; }
  .mobile-menu nav > a { font-size: 30px; }
  .process-step { grid-template-columns: 48px minmax(0,1fr); column-gap: 15px; padding-inline: 18px; }
  .process-step h3 { font-size: 24px; }
  .partner-node strong { font-size: 18px; }
}

@media (max-width: 820px) and (orientation: landscape) {
  .mobile-menu nav { padding-top: 20px; padding-bottom: 24px; }
  .mobile-menu nav > a { min-height: 48px; font-size: 28px; }
  .mobile-menu nav .mobile-menu-cta.flow-button { margin-top: 18px; }
  .hero { min-height: 760px; }
  .inner-hero,
  .inner-hero-grid { min-height: 720px; }
  .inner-hero-grid { padding-bottom: 270px; }
  .depth-scene { bottom: -55px; scale: .58; }
}

@media (hover: none) and (pointer: coarse) {
  .flow-button:hover { border-color: var(--flow-border); border-radius: 999px; color: var(--flow-text) !important; box-shadow: none; }
  .flow-button:hover .flow-fill { opacity: 0; transform: translate(-50%, -50%) scale(.5); }
  .flow-button:hover .flow-label { transform: translateX(-5px); }
  .flow-button:hover .flow-arrow-left { left: -26%; }
  .flow-button:hover .flow-arrow-right { right: 22px; }
  .decision-band .flow-button:hover,
  .light-wave-section .flow-button:hover { color: var(--flow-text) !important; }
  .decision-band .flow-button:active,
  .light-wave-section .flow-button:active { color: var(--flow-on-fill) !important; }
  .ai-media:hover img { transform: none; filter: saturate(.92) contrast(1.05); }
  .depth-card:hover::before,
  .constellation-card:hover::before,
  .story-card:hover::before,
  .security-layer:hover::before,
  .legal-dossier:hover::before,
  .type-panels article:hover::before { opacity: 0; }
}

@media (max-width: 820px) and (prefers-reduced-motion: reduce) {
  .js .brand,
  .js.ready .brand { opacity: 1; transform: translate(-50%, -50%); transition: none !important; }
  .js .mobile-menu nav > a,
  .js .mobile-menu.open nav > a,
  .js .inner-hero h1 .line > span,
  .js.ready .inner-hero h1 .line > span { opacity: 1; transform: none; transition: none !important; }
  .js.ready .hero-mark img,
  .partner-route i,
  .partner-node::before { animation: none !important; }
  .value-journey.is-mobile-story .value-card,
  .value-journey.is-mobile-story .value-card.is-mobile-visible { opacity: 1; transform: translate3d(var(--mobile-card-shift),0,0) rotateZ(var(--mobile-card-angle)) !important; transition: none !important; }
  .value-journey.is-mobile-story .value-card-volume,
  .value-journey.is-mobile-story .value-card:nth-child(even) .value-card-volume,
  .value-journey.is-mobile-story .value-card.is-mobile-visible .value-card-volume { transform: rotateY(0) !important; transition: none !important; }
  .depth-scene { --lift: 0px !important; }
}

/* Mobile refinement pass — viewport-safe header, hero scenes, forms and footer */
@media (max-width: 820px) {
  /* Anchor the wordmark to the viewport itself. This keeps it optically centered
     even when the menu button and the desktop CTA have different widths. */
  .site-header .brand {
    position: fixed;
    top: calc(env(safe-area-inset-top, 0px) + (var(--header-height) / 2));
    left: 50vw;
    width: 62px;
    height: 54px;
  }
  .site-header .brand img { width: 62px; height: 52px; }
  .js .site-header .brand { transform: translate(-50%, calc(-50% - 8px)); }
  .js.ready .site-header .brand { transform: translate(-50%, -50%); }

  /* Keep the floating contact action fully inside narrow and safe-area screens. */
  .whatsapp-float {
    right: calc(20px + env(safe-area-inset-right, 0px));
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    width: 54px;
    max-width: calc(100vw - 40px);
  }
  .whatsapp-icon { width: 54px; height: 54px; flex: 0 0 54px; }

  /* The flow arrows must remain positioned independently from legacy <i> rules. */
  .flow-button .flow-arrow {
    position: absolute !important;
    margin: 0 !important;
  }
  .question-cta .flow-button {
    width: min(100%, 400px);
    min-height: 58px;
    padding-inline: 56px;
    justify-content: center;
  }
  .question-cta .flow-button .flow-label { transform: none; text-align: center; }
  .question-cta .flow-button .flow-arrow-right { right: 21px; }
  .question-cta .flow-button .flow-arrow-left { left: -26%; }

  /* Each illustration gets its own optical position instead of sharing one crop. */
  .page-partners .inner-hero-grid { padding-bottom: 360px; }
  .page-partners .depth-scene,
  .page-security .depth-scene,
  .page-questions .depth-scene {
    left: 50%;
    right: auto;
    width: 100vw;
    margin-left: -50vw;
    transform-origin: center bottom;
  }
  .page-partners .depth-scene { bottom: 42px; min-height: 340px; scale: .94; }
  .page-partners .partner-network {
    inset: 8% 3% 9%;
    grid-template-columns: minmax(0,1fr) 20px minmax(0,1.08fr) 20px minmax(0,1fr);
  }
  .page-partners .partner-node { min-width: 0; padding: 22px 7px 16px; }
  .page-partners .partner-node small { top: 12px; left: 10px; font-size: 6px; }
  .page-partners .partner-node-icon,
  .page-partners .partner-node-brand { margin-inline: auto; }
  .page-partners .partner-node strong { margin-top: 13px; font-size: clamp(17px, 4.6vw, 23px); }
  .page-partners .partner-node p { margin-top: 8px; font-size: 8px; line-height: 1.45; }
  .page-partners .partner-route span { display: none; }
  .page-security .depth-scene,
  .page-questions .depth-scene {
    width: 126vw;
    margin-left: -63vw;
  }
  .page-security .depth-scene { bottom: 72px; scale: .72; }
  .page-questions .depth-scene { bottom: 64px; scale: .72; }

  /* Compact partner application: errors no longer reserve blank rows. */
  .partner-application-grid { gap: 38px; }
  .partner-form { padding: 22px 18px; }
  .partner-form-heading { margin-bottom: 22px; padding-bottom: 15px; }
  .partner-form-heading span { font-size: 24px; }
  .form-grid { gap: 13px 14px; }
  .form-field label { margin-bottom: 7px; font-size: 11px; }
  .form-field input,
  .form-field select,
  .form-field textarea { min-height: 50px; padding-inline: 13px; }
  .form-field textarea { min-height: 104px; padding-block: 12px; resize: vertical; }
  .field-error { min-height: 0; padding-top: 4px; }
  .field-error:empty { display: none; }
  .form-consent { margin-top: 18px; }
  .form-status:empty { display: none; }
  .partner-form .flow-button { min-height: 58px; margin-top: 18px; }

  /* A smaller, more composed footer that still preserves two useful columns. */
  .footer-main {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 30px 22px;
    padding-block: 46px 36px;
  }
  .footer-brand {
    grid-column: 1 / -1;
    justify-self: center;
    width: 88px;
  }
  .footer-brand img { width: 88px; }
  .footer-nav,
  .footer-contact { min-width: 0; }
  .footer-main div > p:first-child { margin-bottom: 14px; }
  .footer-main div > a:not(.text-link) { min-height: 38px; font-size: 13px; line-height: 1.35; }
  .footer-message {
    grid-column: 1 / -1;
    padding: 24px 0 2px;
    border-top: 1px solid var(--line-soft);
  }
  .footer-message > p { max-width: 310px; margin-bottom: 16px; font-family: var(--display); font-size: 24px; line-height: 1.05; }
  .footer-legal {
    display: grid;
    gap: 8px;
    padding-block: 22px calc(28px + env(safe-area-inset-bottom, 0px));
    text-align: left;
  }
  .footer-legal p:last-child { max-width: 430px; text-align: left; }
}

@media (min-width: 390px) and (max-width: 820px) {
  .partner-form .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .partner-form .form-field-wide { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
  .site-header .brand { width: 58px; height: 50px; }
  .site-header .brand img { width: 58px; height: 49px; }
  .page-partners .inner-hero,
  .page-partners .inner-hero-grid { min-height: 840px; }
  .page-partners .inner-hero-grid { padding-bottom: 335px; }
  .page-partners .depth-scene { bottom: 38px; min-height: 315px; scale: .93; }
  .page-security .depth-scene { bottom: 76px; scale: .70; }
  .page-questions .depth-scene { bottom: 70px; scale: .70; }
  .partner-form { padding: 20px 15px; }
  .footer-main { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px 18px; }
  .footer-brand,
  .footer-message { grid-column: 1 / -1; }
  .question-cta { padding-block: 78px; }
  .question-cta-inner h2 br { display: none; }
  .question-cta-inner > p:not(.eyebrow) { margin-top: 22px; }
  .question-cta .flow-button { margin-top: 26px; }
}

@media (max-width: 360px) {
  .page-partners .partner-node p { display: none; }
  .page-partners .partner-node { padding-inline: 5px; }
  .page-partners .partner-node strong { font-size: 16px; }
  .page-partners .partner-node-icon,
  .page-partners .partner-node-brand { width: 54px; height: 54px; }
  .partner-form .form-grid { grid-template-columns: 1fr; }
  .partner-form .form-field-wide { grid-column: auto; }
  .footer-main { gap: 25px 14px; }
  .footer-main div > a:not(.text-link) { font-size: 12px; }
}

/* Home mobile header: use physical viewport coordinates, independent of the shell. */
@media (max-width: 820px) {
  html {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
  }
  body.home-page {
    position: relative;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
    overscroll-behavior-x: none;
  }
  .home-page main,
  .home-page .hero,
  .home-page .site-footer,
  .home-page section {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
  }

  .home-page .site-header .brand {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + ((var(--header-height) - 50px) / 2)) !important;
    right: auto !important;
    left: calc(50vw - 29px) !important;
    width: 58px !important;
    height: 50px !important;
    margin: 0 !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .home-page .site-header .brand img {
    width: 58px !important;
    height: 49px !important;
  }

  .home-page .whatsapp-float {
    position: fixed !important;
    inset: auto calc(26px + env(safe-area-inset-right, 0px)) calc(22px + env(safe-area-inset-bottom, 0px)) auto !important;
    display: block !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
  .home-page .whatsapp-tooltip { display: none !important; }
  .home-page .whatsapp-icon {
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.12) !important;
  }
  .home-page .whatsapp-icon::before { display: none !important; }

  /* The large floating crest competes with the headline and can extend the
     first mobile viewport. The header wordmark remains as the sole brand mark. */
  .home-page .hero-mark,
  .home-page .hero-mark.home-depth { display: none !important; }
}

@media (max-width: 380px) {
  .home-page .whatsapp-float {
    right: calc(22px + env(safe-area-inset-right, 0px)) !important;
    bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Clear-offer homepage — fewer claims, faster qualification */
.purchase-scope { color: var(--ink); }
.purchase-heading,
.approval-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .65fr);
  gap: clamp(48px, 10vw, 150px);
  align-items: end;
  margin-bottom: clamp(48px, 7vw, 86px);
}
.purchase-heading > p,
.approval-heading > p { max-width: 510px; margin: 0 0 10px; line-height: 1.75; }
.purchase-heading h2,
.approval-heading h2 { font-size: clamp(48px, 6.5vw, 92px); }
.purchase-heading h2 em { color: var(--gold-deep); }
.purchase-grid {
  display: grid;
  grid-template-columns: 1.18fr .91fr .91fr;
  gap: 1px;
  padding: 1px;
  background: rgba(36,28,17,.17);
}
.purchase-card {
  min-height: 430px;
  padding: clamp(28px, 3.2vw, 48px);
  background: #f3ede2;
}
.purchase-card-featured { background: var(--ink); color: var(--ivory); }
.purchase-card-top { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 20px; border-bottom: 1px solid rgba(36,28,17,.16); }
.purchase-card-featured .purchase-card-top { border-color: var(--line-soft); }
.purchase-card-top span { color: var(--gold-deep); font-size: 9px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.purchase-card-featured .purchase-card-top span { color: var(--gold-light); }
.purchase-card-top strong { font-size: 10px; font-weight: 600; }
.purchase-card h3 { margin: 74px 0 18px; font-family: var(--display); font-size: clamp(32px, 3vw, 46px); font-weight: 400; line-height: 1.02; }
.purchase-card p { max-width: 470px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.purchase-tags,
.purchase-regions,
.purchase-cities { display: flex; flex-wrap: wrap; gap: 9px; margin: 30px 0 0; padding: 0; list-style: none; }
.purchase-tags li,
.purchase-regions li,
.purchase-cities li { padding: 8px 11px; border: 1px solid rgba(36,28,17,.18); font-size: 10px; line-height: 1; }
.purchase-card-featured .purchase-tags li { border-color: rgba(240,210,140,.23); color: var(--ivory-soft); }
.purchase-regions li { min-width: 39px; text-align: center; }
.purchase-action { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding-top: 34px; }
.purchase-action p { max-width: 620px; margin: 0; color: #655e54; }
.purchase-action .button { flex: 0 0 auto; }

.approval-section { background: #090908; }
.approval-heading > p { color: var(--muted); }
.approval-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line-soft); }
.approval-card { min-height: 360px; padding: clamp(26px, 3vw, 42px); border-right: 1px solid var(--line-soft); }
.approval-card:last-child { border-right: 0; }
.approval-card > span { color: var(--gold); font-size: 9px; letter-spacing: .14em; }
.approval-icon { display: grid; width: 54px; height: 54px; place-items: center; margin: 62px 0 28px; border: 1px solid var(--line); border-radius: 50%; color: var(--gold-light); font-family: var(--display); font-size: 21px; }
.approval-card h3 { margin: 0 0 14px; font-family: var(--display); font-size: 34px; font-weight: 400; }
.approval-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.approval-note { display: grid; grid-template-columns: .35fr 1fr; gap: 40px; padding: 30px 0; border-bottom: 1px solid var(--line-soft); }
.approval-note strong { color: var(--gold-light); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.approval-note p { max-width: 790px; margin: 0; color: var(--ivory-soft); line-height: 1.7; }
.analysis-caveat { margin-top: 22px !important; padding: 16px 0 16px 20px; border-left: 1px solid var(--gold); color: var(--ivory-soft) !important; font-size: 12px !important; }

@media (max-width: 1020px) {
  .purchase-grid { grid-template-columns: 1fr 1fr; }
  .purchase-card-featured { grid-column: 1 / -1; }
  .approval-grid { grid-template-columns: repeat(2, 1fr); }
  .approval-card:nth-child(2) { border-right: 0; }
  .approval-card:nth-child(-n+2) { border-bottom: 1px solid var(--line-soft); }
}

@media (max-width: 820px) {
  .purchase-heading,
  .approval-heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 42px; }
  .purchase-heading h2,
  .approval-heading h2 { font-size: clamp(43px, 12vw, 64px); }
  .purchase-grid { grid-template-columns: 1fr; gap: 12px; padding: 0; background: transparent; }
  .purchase-card-featured { grid-column: auto; }
  .purchase-card { min-height: auto; padding: 30px 24px; border: 1px solid rgba(36,28,17,.16); }
  .purchase-card h3 { margin-top: 46px; }
  .purchase-action { align-items: flex-start; flex-direction: column; padding-top: 28px; }
  .purchase-action .button { width: 100%; }
  .approval-grid { grid-template-columns: 1fr 1fr; }
  .approval-card { min-height: 300px; padding: 26px 22px; }
  .approval-icon { margin: 40px 0 22px; }
  .approval-note { grid-template-columns: 1fr; gap: 12px; }
  .home-page .value-journey { padding-top: 88px; }
}

@media (max-width: 520px) {
  .approval-grid { grid-template-columns: 1fr; }
  .approval-card,
  .approval-card:nth-child(2) { min-height: auto; border-right: 0; border-bottom: 1px solid var(--line-soft); }
  .approval-card:last-child { border-bottom: 0; }
  .approval-icon { margin-top: 30px; }
  .purchase-card-top { align-items: flex-start; flex-direction: column; gap: 8px; }
}

/* Social proof carousel */
.social-proof {
  position: relative;
  overflow: hidden;
  color: var(--ivory);
  background:
    radial-gradient(circle at 15% 30%, rgba(199,147,49,.12), transparent 34%),
    radial-gradient(circle at 86% 70%, rgba(199,147,49,.08), transparent 30%),
    #090908;
}
.social-proof::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image:
    linear-gradient(rgba(222,178,91,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(222,178,91,.08) 1px, transparent 1px);
  background-size: 130px 130px;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 82%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 82%, transparent);
}
.social-proof-heading {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, .62fr);
  gap: clamp(48px, 9vw, 140px);
  align-items: end;
  margin-bottom: clamp(54px, 7vw, 92px);
}
.social-proof-heading h2 {
  max-width: 960px;
  font-size: clamp(48px, 6.1vw, 88px);
  line-height: .97;
}
.social-proof-heading h2 em { color: var(--gold-light); }
.social-proof-heading > p { max-width: 480px; margin: 0 0 8px; color: rgba(244,237,224,.66); line-height: 1.75; }
.proof-carousel {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(70px, 1fr) auto minmax(70px, 1fr);
  grid-template-areas:
    "rail rail rail"
    "prev viewport next"
    "dots dots dots"
    "hint hint hint";
  gap: 20px clamp(24px, 4vw, 58px);
  align-items: center;
  outline: none;
}
.proof-carousel:focus-visible { outline: 1px solid rgba(231,190,103,.5); outline-offset: 12px; }
.proof-carousel-rail {
  grid-area: rail;
  justify-self: center;
  align-self: center;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 112px;
  padding-bottom: 2px;
  color: var(--gold-light);
  font-size: 11px;
  letter-spacing: .18em;
}
.proof-current { font-family: var(--font-display); font-size: 40px; letter-spacing: 0; line-height: 1; }
.proof-divider { width: 34px; height: 1px; background: rgba(229,184,91,.44); }
.proof-total { color: rgba(244,237,224,.38); }
.proof-viewport {
  grid-area: viewport;
  position: relative;
  width: min(62vw, 440px);
  aspect-ratio: 9 / 18.4;
}
.proof-viewport::before,
.proof-viewport::after { display: none; }
.proof-slide {
  position: absolute;
  inset: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 360ms ease, visibility 360ms;
}
.proof-slide.is-active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.proof-phone-frame {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 9 / 16;
  border: 8px solid #171613;
  border-radius: 46px;
  box-shadow:
    0 0 0 1px rgba(232,195,118,.5),
    0 0 0 3px #050504,
    0 38px 100px rgba(0,0,0,.58),
    inset 0 0 0 1px rgba(255,255,255,.1),
    inset 0 0 24px rgba(0,0,0,.42);
  pointer-events: none;
}
.proof-phone-island {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 50%;
  width: 108px;
  height: 27px;
  transform: translateX(-50%);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 99px;
  background:
    radial-gradient(circle at 82% 50%, #203446 0 2px, #070707 3px 5px, transparent 6px),
    #050505;
  box-shadow: 0 2px 8px rgba(0,0,0,.65), inset 0 1px rgba(255,255,255,.05);
}
.proof-phone-volume,
.proof-phone-power {
  position: absolute;
  display: block;
  width: 6px;
  background: linear-gradient(90deg, #080807, #4b463c 45%, #171613);
  border: 1px solid rgba(218,177,91,.18);
}
.proof-phone-volume {
  top: 110px;
  left: -14px;
  height: 46px;
  border-radius: 4px 0 0 4px;
  box-shadow: 0 62px 0 #24211c;
}
.proof-phone-power {
  top: 160px;
  right: -14px;
  height: 72px;
  border-radius: 0 4px 4px 0;
}
.proof-media {
  position: relative;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border: 8px solid transparent;
  border-radius: 46px;
  background: #070706;
  box-shadow: none;
  isolation: isolate;
}
.testimonial-video-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(244,239,229,.78), rgba(244,239,229,.78)) center calc(100% - 10px) / 76px 4px no-repeat,
    linear-gradient(180deg, transparent 50%, rgba(5,5,4,.66));
  pointer-events: none;
  transition: opacity 260ms ease;
}
.testimonial-video-frame video { display: block; width: 100%; height: 100%; object-fit: cover; background: #080807; }
.proof-image-frame { margin: 0; background: #f6f4ef; }
.proof-image-frame img { display: block; width: 100%; height: 100%; object-fit: contain; }
.proof-slide .proof-media > video,
.proof-slide .proof-media > img {
  opacity: .2;
  transform: translate3d(34px,0,0) scale(1.015);
  transition: opacity 420ms ease, transform 620ms var(--ease);
}
.proof-slide.is-active .proof-media > video,
.proof-slide.is-active .proof-media > img {
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
}
.proof-image-frame::after {
  content: "";
  position: absolute;
  z-index: 6;
  bottom: 10px;
  left: 50%;
  width: 76px;
  height: 4px;
  transform: translateX(-50%);
  border-radius: 10px;
  background: rgba(8,8,7,.72);
  pointer-events: none;
}
.testimonial-play {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  gap: 15px;
  padding-bottom: 42px;
  border: 0;
  background: transparent;
  color: var(--ivory);
  cursor: pointer;
}
.testimonial-play > span {
  display: grid;
  width: 72px;
  height: 72px;
  place-items: center;
  border: 1px solid rgba(240,210,140,.72);
  border-radius: 50%;
  background: rgba(8,8,7,.72);
  box-shadow: 0 0 0 10px rgba(8,8,7,.18), 0 12px 35px rgba(0,0,0,.35);
  backdrop-filter: blur(9px);
  transition: transform 260ms var(--ease), background-color 260ms ease, border-color 260ms ease;
}
.testimonial-play svg { width: 28px; fill: var(--gold-light); }
.testimonial-play small { font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.testimonial-play:hover > span,
.testimonial-play:focus-visible > span { transform: scale(1.08); border-color: var(--gold-light); background: rgba(8,8,7,.9); }
.testimonial-play:focus-visible { outline: 2px solid var(--gold-deep); outline-offset: -5px; }
.proof-slide.is-playing .testimonial-play { visibility: hidden; opacity: 0; pointer-events: none; }
.proof-slide.is-playing .testimonial-video-frame::after { opacity: 0; }
.proof-caption {
  display: grid;
  grid-template-columns: .7fr 1.25fr;
  gap: 18px;
  min-height: 64px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(224,181,92,.28);
}
.proof-caption span { color: var(--gold-light); font-size: 9px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.proof-caption p { margin: 0; color: rgba(244,237,224,.57); font-size: 11px; line-height: 1.55; }
.proof-arrow {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border: 1px solid rgba(224,181,92,.42);
  border-radius: 50%;
  background: rgba(10,10,9,.76);
  color: var(--gold-light);
  cursor: pointer;
  transition: border-color 250ms ease, background-color 250ms ease, color 250ms ease;
}
.proof-arrow svg { width: 22px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.4; }
.proof-arrow:hover,
.proof-arrow:focus-visible { border-color: var(--gold-light); background: var(--gold-light); color: #0a0907; outline: none; }
.proof-arrow-prev { grid-area: prev; justify-self: end; align-self: center; }
.proof-arrow-next { grid-area: next; justify-self: start; align-self: center; }
.proof-dots { grid-area: dots; display: flex; align-items: center; justify-self: center; align-self: center; gap: 8px; }
.proof-dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 1px solid rgba(225,181,91,.48);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: width 250ms var(--ease), border-radius 250ms var(--ease), background-color 250ms ease;
}
.proof-dot.is-active { width: 28px; border-radius: 10px; background: var(--gold-light); }
.proof-hint { grid-area: hint; margin: 2px 0 0; color: rgba(244,237,224,.35); font-size: 9px; letter-spacing: .12em; text-align: center; text-transform: uppercase; }

@media (max-width: 820px) {
  .social-proof-heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 54px; }
  .social-proof-heading h2 { font-size: clamp(43px, 11.5vw, 64px); }
  .proof-carousel { grid-template-columns: 58px auto 58px; grid-template-areas: "rail rail rail" "prev viewport next" "dots dots dots" "hint hint hint"; gap: 20px 16px; }
  .proof-carousel-rail { justify-self: center; align-self: center; padding: 0; }
  .proof-arrow-prev,
  .proof-arrow-next { justify-self: center; align-self: center; }
  .proof-dots { justify-self: center; }
}

@media (max-width: 520px) {
  .social-proof { padding-top: 86px; padding-bottom: 92px; }
  .social-proof-heading { margin-bottom: 42px; }
  .social-proof-heading h2 { font-size: clamp(41px, 12.5vw, 58px); line-height: 1; }
  .social-proof-heading > p { font-size: 14px; }
  .proof-carousel { grid-template-columns: 1fr 1fr; grid-template-areas: "rail rail" "viewport viewport" "prev next" "dots dots" "hint hint"; gap: 18px 14px; }
  .proof-viewport { width: min(84vw, 390px); }
  .proof-media { border-width: 7px; border-radius: 38px; }
  .proof-phone-frame { border-width: 7px; border-radius: 38px; }
  .proof-phone-island { top: 9px; width: 92px; height: 24px; }
  .proof-phone-volume { left: -12px; width: 5px; }
  .proof-phone-power { right: -12px; width: 5px; }
  .proof-arrow { width: 54px; height: 54px; }
  .proof-arrow-prev { justify-self: end; }
  .proof-arrow-next { justify-self: start; }
  .proof-caption { grid-template-columns: 1fr; gap: 6px; min-height: 78px; }
  .testimonial-play { padding-bottom: 34px; }
  .testimonial-play > span { width: 66px; height: 66px; }
}

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

/* Obsidian-inspired process map */
.process-map {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  isolation: isolate;
  padding-top: clamp(88px, 8vw, 132px);
  padding-bottom: clamp(82px, 8vw, 126px);
  background:
    radial-gradient(circle at var(--map-x, 50%) var(--map-y, 46%), rgba(208,158,62,.13), transparent 26%),
    radial-gradient(circle at 50% 50%, rgba(188,133,36,.08), transparent 42%),
    #090908;
}
.process-map::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .32;
  background-image:
    linear-gradient(rgba(224,182,96,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(224,182,96,.07) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: radial-gradient(circle at center, #000 25%, transparent 82%);
  mask-image: radial-gradient(circle at center, #000 25%, transparent 82%);
}
.process-map::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(8,8,7,.88), transparent 12%, transparent 88%, rgba(8,8,7,.82));
}
.process-map-heading {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(290px, .55fr);
  align-items: end;
  gap: clamp(48px, 10vw, 150px);
  margin-bottom: clamp(42px, 5vw, 70px);
}
.process-map-heading h2 { max-width: 760px; font-size: clamp(52px, 6.2vw, 90px); line-height: .96; }
.process-map-heading h2 em { color: var(--gold-light); }
.process-map-intro { padding-bottom: 8px; }
.process-map-intro > p { max-width: 500px; margin: 0 0 26px; color: rgba(245,240,230,.63); line-height: 1.75; }
.process-map-intro .text-link { color: var(--ivory); border-color: rgba(232,198,126,.35); }
.process-map-canvas {
  position: relative;
  height: clamp(580px, 47vw, 650px);
  border-top: 1px solid rgba(225,181,91,.2);
  border-bottom: 1px solid rgba(225,181,91,.15);
  background:
    radial-gradient(circle at 50% 52%, rgba(220,169,67,.13), transparent 19%),
    linear-gradient(180deg, rgba(255,255,255,.015), transparent 35%, rgba(255,255,255,.01));
}
.process-map-canvas::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #090908, transparent 9%, transparent 91%, #090908);
}
.process-map-links { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; overflow: visible; }
.process-spoke,
.process-route,
.process-route-signal { fill: none; vector-effect: non-scaling-stroke; }
.process-spoke {
  stroke: rgba(223,181,95,.22);
  stroke-width: 1.15;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  filter: drop-shadow(0 0 5px rgba(218,169,77,.28));
  transition: stroke-dashoffset .68s cubic-bezier(.22,1,.36,1);
}
.process-route {
  stroke: url(#processRouteGradient);
  stroke-width: 1.6;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  filter: drop-shadow(0 0 7px rgba(218,169,77,.34));
  transition: stroke-dashoffset 1.8s var(--ease) 5.35s;
}
.process-route-signal {
  opacity: 0;
  stroke: var(--gold-light);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 9 185;
  filter: drop-shadow(0 0 5px rgba(240,210,140,.95));
}
.process-core-halo { opacity: 0; transform-origin: 600px 310px; }
.process-map-canvas.is-map-visible .process-spoke { stroke-dashoffset: 0; }
.process-map-canvas.is-map-visible .process-spoke-1 { transition-delay: .55s; }
.process-map-canvas.is-map-visible .process-spoke-2 { transition-delay: 1.45s; }
.process-map-canvas.is-map-visible .process-spoke-3 { transition-delay: 2.35s; }
.process-map-canvas.is-map-visible .process-spoke-4 { transition-delay: 3.25s; }
.process-map-canvas.is-map-visible .process-spoke-5 { transition-delay: 4.15s; }
.process-map-canvas.is-map-visible .process-route { stroke-dashoffset: 0; }
.process-map-canvas.is-map-visible .process-route-signal { opacity: 1; animation: processSignal 7s linear 6.3s infinite; }
.process-map-canvas.is-map-visible .process-core-halo { animation: processHalo 3.4s ease-in-out .6s infinite; }
@keyframes processSignal { to { stroke-dashoffset: -776; } }
@keyframes processHalo { 0%,100% { opacity: .22; transform: scale(.84); } 50% { opacity: .7; transform: scale(1.18); } }
.process-map-core {
  position: absolute;
  z-index: 3;
  top: 51.7%;
  left: 50%;
  display: flex;
  width: 156px;
  height: 156px;
  align-items: center;
  justify-content: center;
  padding: 24px;
  transform: translate(-50%,-50%) scale(.72);
  border: 1px solid rgba(234,194,112,.5);
  border-radius: 50%;
  background: radial-gradient(circle at 38% 30%, rgba(110,80,27,.82), rgba(14,13,10,.95) 68%);
  box-shadow: 0 0 0 12px rgba(211,161,62,.035), 0 0 70px rgba(200,146,41,.18), inset 0 0 32px rgba(233,193,111,.1);
  opacity: 0;
  transition: opacity .8s ease .25s, transform 1s var(--ease) .25s;
}
.process-map-canvas.is-map-visible .process-map-core { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.process-map-core img { position: relative; z-index: 2; display: block; width: 112px; height: auto; margin: 0; object-fit: contain; transform: translateY(-1px); filter: drop-shadow(0 6px 15px rgba(0,0,0,.4)); }
.process-map-core small { position: absolute; right: 0; bottom: -28px; left: 0; color: rgba(240,210,140,.68); font-size: 8px; font-weight: 600; letter-spacing: .16em; text-align: center; text-transform: uppercase; }
.process-core-ring { position: absolute; inset: -17px; border: 1px dashed rgba(226,181,89,.25); border-radius: 50%; animation: processCoreSpin 24s linear infinite; }
.process-core-ring::after { content: ""; position: absolute; top: 7px; left: 22px; width: 7px; height: 7px; border-radius: 50%; background: var(--gold-light); box-shadow: 0 0 16px var(--gold); }
@keyframes processCoreSpin { to { transform: rotate(360deg); } }
.process-map-node {
  position: absolute;
  z-index: 2;
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 15px;
  width: clamp(205px, 18vw, 240px);
  min-height: 168px;
  padding: 21px 20px 19px;
  border: 0;
  background: rgba(13,12,10,0);
  box-shadow: none;
  backdrop-filter: blur(12px);
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
  transition: transform .3s var(--ease), box-shadow .3s ease, background-color .45s ease calc(1.18s + var(--node-order) * .9s);
}
.process-map-canvas.is-map-visible .process-map-node { background-color: rgba(15,14,11,.86); }
.process-node-outline { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.process-node-outline rect { fill: none; stroke: rgba(229,188,103,.62); stroke-width: .65; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 1; filter: drop-shadow(0 0 5px rgba(214,161,57,.18)); transition: stroke-dashoffset .78s cubic-bezier(.22,1,.36,1) calc(.74s + var(--node-order) * .9s); }
.process-map-node > .process-node-index,
.process-map-node > div { position: relative; z-index: 1; opacity: 0; transform: translateY(10px); transition: opacity .42s ease calc(1.34s + var(--node-order) * .9s), transform .55s var(--ease) calc(1.34s + var(--node-order) * .9s); }
.process-map-canvas.is-map-visible .process-node-outline rect { stroke-dashoffset: 0; }
.process-map-canvas.is-map-visible .process-map-node > .process-node-index,
.process-map-canvas.is-map-visible .process-map-node > div { opacity: 1; transform: translateY(0); }
.process-map-node:hover { z-index: 5; transform: translate3d(0,-5px,0) scale(1.018); background-color: rgba(21,19,14,.94); box-shadow: 0 28px 80px rgba(0,0,0,.4), 0 0 35px rgba(207,153,50,.1); }
.process-node-index { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(230,187,99,.48); border-radius: 50%; color: var(--gold-light); font-family: var(--display); font-size: 15px; }
.process-map-node small { display: block; margin: 2px 0 9px; color: var(--gold); font-size: 8px; font-weight: 600; letter-spacing: .11em; line-height: 1.35; text-transform: uppercase; }
.process-map-node h3 { margin: 0 0 9px; color: var(--ivory); font-family: var(--display); font-size: clamp(23px, 2vw, 29px); font-weight: 400; line-height: .98; }
.process-map-node p { margin: 0; color: rgba(245,240,230,.55); font-size: 11px; line-height: 1.52; }
.process-map-node-1 { top: 14%; left: 2%; }
.process-map-node-2 { top: 59%; left: 13.8%; }
.process-map-node-3 { top: 9%; left: 39.6%; }
.process-map-node-4 { top: 59%; left: 58.7%; }
.process-map-node-5 { top: 21%; right: 1%; }
.process-map-canvas.is-map-visible .process-map-node-5 { background-color: rgba(42,31,15,.9); }
.process-map-node-5 .process-node-outline rect { stroke: rgba(240,203,127,.9); }
.process-map-node-5 .process-node-index { background: var(--gold-light); color: #0a0907; }
.process-map-footer { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding-top: 32px; }
.process-map-footer p { display: flex; align-items: center; gap: 12px; margin: 0; color: rgba(245,240,230,.45); font-size: 11px; }
.process-map-footer p > span { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 15px rgba(216,169,77,.7); }
.process-map-footer .button { flex: none; }

@media (max-width: 1000px) {
  .process-map-heading { grid-template-columns: 1fr; gap: 26px; }
  .process-map-intro { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: end; }
  .process-map-node { width: 205px; padding: 18px 17px; }
  .process-map-node-1 { left: 0; }
  .process-map-node-5 { right: 0; }
}

@media (max-width: 820px) {
  .process-map { min-height: auto; padding-top: 92px; padding-bottom: 92px; }
  .process-map-heading { margin-bottom: 46px; }
  .process-map-heading h2 { font-size: clamp(46px, 12vw, 67px); }
  .process-map-intro { display: block; }
  .process-map-canvas {
    display: grid;
    height: auto;
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 36px 0 36px 44px;
    background: radial-gradient(circle at 50% 95px, rgba(220,169,67,.14), transparent 170px);
  }
  .process-map-canvas::before { content: ""; position: absolute; top: 214px; bottom: 62px; left: 20px; width: 1px; background: linear-gradient(var(--gold-deep), var(--gold-light), var(--gold-deep)); transform: scaleY(0); transform-origin: top; transition: transform 1.8s var(--ease) .5s; }
  .process-map-canvas.is-map-visible::before { transform: scaleY(1); }
  .process-map-canvas::after { background: linear-gradient(90deg, #090908, transparent 12%, transparent); }
  .process-map-links { display: none; }
  .process-map-core {
    position: relative;
    top: auto;
    left: auto;
    width: 142px;
    height: 142px;
    margin: 8px auto 58px;
    padding: 22px;
    transform: scale(.72);
  }
  .process-map-core img { width: 106px; transform: none; }
  .process-map-canvas.is-map-visible .process-map-core { transform: scale(1); }
  .process-map-node,
  .process-map-node-1,
  .process-map-node-2,
  .process-map-node-3,
  .process-map-node-4,
  .process-map-node-5 { position: relative; top: auto; right: auto; left: auto; width: 100%; min-height: auto; padding: 24px 22px; }
  .process-map-canvas.is-map-visible .process-map-node { background-color: rgba(15,14,11,0); }
  .process-map-canvas.is-map-visible .process-map-node-5 { background-color: rgba(42,31,15,0); }
  .process-map-canvas.is-map-visible .process-node-outline rect { stroke-dashoffset: 1; transition: none; }
  .process-map-canvas.is-map-visible .process-map-node > .process-node-index,
  .process-map-canvas.is-map-visible .process-map-node > div { opacity: 0; transform: translateY(10px); transition: none; }
  .process-map-node::before { content: ""; position: absolute; z-index: 2; top: 31px; left: -29px; width: 11px; height: 11px; border: 2px solid #090908; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 1px rgba(232,190,104,.5), 0 0 16px rgba(216,169,77,.5); opacity: 0; transform: scale(.25); transition: opacity .25s ease, transform .45s var(--ease); }
  .process-map-node::after { content: ""; position: absolute; top: 36px; left: -24px; width: 25px; height: 1px; background: linear-gradient(90deg, var(--gold), rgba(232,190,104,.55)); transform: scaleX(0); transform-origin: left; transition: transform .48s var(--ease) .16s; }
  .process-map-node.is-node-visible { background-color: rgba(15,14,11,.9) !important; transition: background-color .38s ease .45s, box-shadow .3s ease, transform .3s var(--ease); }
  .process-map-node-5.is-node-visible { background-color: rgba(42,31,15,.92) !important; }
  .process-map-node.is-node-visible::before { opacity: 1; transform: scale(1); }
  .process-map-node.is-node-visible::after { transform: scaleX(1); }
  .process-map-node.is-node-visible .process-node-outline rect { stroke-dashoffset: 0 !important; transition: stroke-dashoffset .78s cubic-bezier(.22,1,.36,1) .42s !important; }
  .process-map-node.is-node-visible > .process-node-index,
  .process-map-node.is-node-visible > div { opacity: 1 !important; transform: translateY(0) !important; transition: opacity .42s ease 1.02s, transform .55s var(--ease) 1.02s !important; }
  .process-map-node h3 { font-size: 29px; }
  .process-map-node p { max-width: 520px; font-size: 13px; }
  .process-map-footer { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
  .process-map-heading h2 { font-size: clamp(43px, 13vw, 58px); }
  .process-map-intro > p { font-size: 14px; }
  .process-map-canvas { padding-left: 35px; }
  .process-map-canvas::before { left: 15px; }
  .process-map-node { grid-template-columns: 34px 1fr; gap: 12px; padding: 21px 17px; }
  .process-map-node::before { left: -25px; }
  .process-map-node h3 { font-size: 26px; }
  .process-map-footer .button { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .process-map-node,
  .process-map-core { opacity: 1; transition: none; }
  .process-map-core,
  .process-map-canvas.is-map-visible .process-map-core { transform: translate(-50%,-50%) scale(1); }
  .process-map-node,
  .process-map-canvas.is-map-visible .process-map-node { transform: none; }
  .process-spoke,
  .process-route { stroke-dashoffset: 0; transition: none; }
  .process-node-outline rect { stroke-dashoffset: 0 !important; transition: none !important; }
  .process-map-node > .process-node-index,
  .process-map-node > div { opacity: 1 !important; transform: none !important; transition: none !important; }
  .process-route-signal,
  .process-core-halo,
  .process-core-ring { animation: none !important; }
}

@media (max-width: 820px) and (prefers-reduced-motion: reduce) {
  .process-map-core,
  .process-map-canvas.is-map-visible .process-map-core { transform: scale(1); }
}

/* Unified opening composition across all pages */
.hero h1,
.inner-hero h1,
.hero h1 .line > span,
.inner-hero h1 .line > span {
  text-wrap: balance;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.hero-lead,
.inner-hero-lead { text-wrap: pretty; }

.inner-hero {
  min-height: max(720px, 100svh);
  background:
    linear-gradient(90deg, rgba(7,7,6,.9) 0%, rgba(7,7,6,.78) 42%, rgba(7,7,6,.58) 72%, rgba(7,7,6,.72) 100%),
    linear-gradient(180deg, rgba(7,7,6,.7) 0%, rgba(7,7,6,.3) 44%, rgba(7,7,6,.9) 100%),
    url("assets/legacy-office-hero.webp") center / cover no-repeat;
}

.inner-hero-grid {
  min-height: max(680px, calc(100svh - 80px));
  grid-template-columns: minmax(0, 7fr) minmax(330px, 5fr);
  gap: clamp(40px, 7vw, 120px);
  padding-top: calc(var(--header-height) + 34px);
  padding-bottom: 100px;
}

.inner-hero-copy { width: 100%; max-width: 780px; }
.inner-hero .breadcrumb { margin-bottom: 30px; }
.inner-hero h1 {
  max-width: 820px;
  font-size: clamp(58px, 6.4vw, 96px);
  line-height: .93;
  letter-spacing: -.058em;
}
.inner-hero h1 .line { overflow: visible; }
.inner-hero-lead {
  max-width: 590px;
  margin: 28px 0 0 clamp(24px, 3.5vw, 58px);
  font-size: clamp(15px, 1.1vw, 18px);
  line-height: 1.68;
}

.inner-hero-brand {
  width: min(36vw, 500px);
  max-width: 100%;
  justify-self: center;
}
.inner-hero-brand img { width: min(36vw, 430px); }

@media (max-width: 1160px) {
  .inner-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(300px, .65fr); gap: 30px; }
  .inner-hero h1 { font-size: clamp(54px, 7.2vw, 82px); }
  .inner-hero-brand { width: min(39vw, 430px); }
  .inner-hero-brand img { width: min(34vw, 370px); }
}

@media (max-width: 820px) {
  .inner-hero,
  .inner-hero-grid { min-height: max(680px, 100svh); }
  .inner-hero {
    background:
      linear-gradient(180deg, rgba(7,7,6,.8) 0%, rgba(7,7,6,.58) 42%, rgba(7,7,6,.92) 100%),
      linear-gradient(90deg, rgba(7,7,6,.76), rgba(7,7,6,.58)),
      url("assets/legacy-office-hero.webp") 64% center / cover no-repeat;
  }
  .inner-hero-grid {
    grid-template-columns: 1fr;
    align-content: center;
    justify-items: center;
    padding-top: calc(var(--header-height) + env(safe-area-inset-top, 0px) + 52px);
    padding-bottom: 98px;
    text-align: center;
  }
  .inner-hero-copy { max-width: 540px; margin-inline: auto; }
  .inner-hero .breadcrumb { justify-content: center; margin-bottom: 24px; }
  .inner-hero .hero-eyebrow { justify-content: center; margin-inline: auto; }
  .inner-hero h1 { max-width: 520px; margin-inline: auto; font-size: clamp(43px, 11.6vw, 56px); line-height: .96; letter-spacing: -.05em; }
  .inner-hero h1 .line { padding: .08em .06em .12em; margin: -.08em -.06em -.12em; }
  .inner-hero-lead { max-width: 440px; margin: 24px auto 0; font-size: 15px; line-height: 1.62; }
  .inner-hero-brand { display: none; }
  .inner-hero-index { min-height: 54px; justify-content: center; }
  .page-partners .inner-hero,
  .page-partners .inner-hero-grid { min-height: max(680px, 100svh); }
  .page-partners .inner-hero-grid { padding-bottom: 98px; }
}

@media (max-width: 480px) {
  .hero h1 { font-size: clamp(44px, 12.4vw, 56px); }
  .inner-hero h1 { max-width: 440px; font-size: clamp(40px, 11.2vw, 51px); }
  .inner-hero-grid { padding-top: calc(var(--header-height) + env(safe-area-inset-top, 0px) + 42px); padding-bottom: 86px; }
  .page-partners .inner-hero,
  .page-partners .inner-hero-grid { min-height: max(680px, 100svh); }
  .page-partners .inner-hero-grid { padding-bottom: 86px; }
  .inner-hero .breadcrumb { margin-bottom: 20px; }
}

@media (max-width: 360px) {
  .hero h1 { font-size: 47px; }
  .inner-hero h1 { font-size: 42px; }
}

/* Process map v2 — one clear sequence, with motion that explains progress */
.process-map-v2 {
  min-height: auto;
  padding-block: clamp(88px, 7vw, 116px);
  background:
    radial-gradient(circle at 50% 47%, rgba(196,139,36,.1), transparent 31%),
    #090908;
}
.process-map-v2::before {
  opacity: .22;
  background-size: 88px 88px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);
}
.process-map-v2 .process-map-heading {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .55fr);
  align-items: center;
  gap: clamp(56px, 9vw, 132px);
  margin-bottom: 48px;
}
.process-map-v2 .process-map-heading h2 {
  max-width: 720px;
  font-size: clamp(58px, 5.35vw, 78px);
  line-height: .98;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.process-map-v2 .process-map-intro { max-width: 440px; padding: 0; }
.process-map-v2 .process-map-intro > p {
  max-width: 420px;
  margin-bottom: 22px;
  color: rgba(245,240,230,.72);
  font-size: 16px;
  line-height: 1.65;
}
.process-map-v2 .process-map-canvas {
  height: 570px;
  overflow: hidden;
  border: 1px solid rgba(229,188,103,.2);
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 32%),
    radial-gradient(circle at 50% 22%, rgba(212,158,51,.14), transparent 23%);
}
.process-map-v2 .process-map-canvas::before,
.process-map-v2 .process-map-canvas::after { content: none; }
.process-map-v2 .process-map-links { display: none; }
.process-map-v2 .process-map-core {
  top: 28px;
  left: 50%;
  width: 132px;
  height: 132px;
  padding: 21px;
  transform: translateX(-50%) scale(.84);
  border-color: rgba(237,199,121,.55);
  background: radial-gradient(circle at 38% 28%, rgba(103,72,22,.78), rgba(12,11,9,.98) 70%);
  box-shadow: 0 0 0 10px rgba(211,161,62,.025), 0 22px 54px rgba(0,0,0,.38), 0 0 42px rgba(200,146,41,.12), inset 0 0 26px rgba(233,193,111,.08);
  transition: opacity .42s ease, transform .62s cubic-bezier(.22,1,.36,1);
}
.process-map-v2 .process-map-canvas.is-map-visible .process-map-core { transform: translateX(-50%) scale(1); }
.process-map-v2 .process-map-core img { width: 91px; transform: none; }
.process-map-v2 .process-core-ring {
  inset: -10px;
  border-style: solid;
  border-color: rgba(226,181,89,.2);
  animation: none;
}
.process-map-v2 .process-core-ring::after { top: 13px; left: 17px; width: 5px; height: 5px; }
.process-map-axis { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.process-map-stem,
.process-map-rail { position: absolute; display: block; background: linear-gradient(90deg, rgba(173,122,30,.22), var(--gold-light), rgba(173,122,30,.22)); }
.process-map-stem {
  top: 160px;
  left: 50%;
  width: 1px;
  height: 58px;
  background: linear-gradient(var(--gold-light), rgba(198,144,43,.42));
  transform: scaleY(0);
  transform-origin: top;
  transition: transform .34s cubic-bezier(.22,1,.36,1) .18s;
}
.process-map-rail {
  top: 217px;
  right: 7.5%;
  left: 7.5%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .68s cubic-bezier(.22,1,.36,1) .42s;
}
.process-map-canvas.is-map-visible .process-map-stem,
.process-map-canvas.is-map-visible .process-map-rail { transform: scale(1); }
.process-map-nodes {
  position: absolute;
  z-index: 2;
  top: 258px;
  right: 20px;
  left: 20px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.process-map-v2 .process-map-node,
.process-map-v2 .process-map-node-1,
.process-map-v2 .process-map-node-2,
.process-map-v2 .process-map-node-3,
.process-map-v2 .process-map-node-4,
.process-map-v2 .process-map-node-5 {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  display: flex;
  width: auto;
  min-width: 0;
  min-height: 268px;
  flex-direction: column;
  gap: 20px;
  padding: 25px 22px 23px;
  border: 1px solid rgba(229,188,103,.22);
  background: rgba(14,13,11,.78);
  box-shadow: 0 18px 38px rgba(0,0,0,.16);
  backdrop-filter: blur(8px);
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .38s ease calc(.56s + var(--node-order) * .09s), transform .52s cubic-bezier(.22,1,.36,1) calc(.56s + var(--node-order) * .09s), border-color .25s ease, background-color .25s ease;
}
.process-map-v2 .process-map-node::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 1px;
  height: 41px;
  background: linear-gradient(rgba(228,186,100,.62), rgba(228,186,100,.18));
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: opacity .2s ease calc(.46s + var(--node-order) * .09s), transform .34s cubic-bezier(.22,1,.36,1) calc(.46s + var(--node-order) * .09s);
}
.process-map-v2 .process-map-node::after {
  content: "";
  position: absolute;
  top: -46px;
  left: calc(50% - 4px);
  width: 9px;
  height: 9px;
  border: 2px solid #090908;
  border-radius: 50%;
  background: var(--gold-light);
  box-shadow: 0 0 0 1px rgba(232,190,104,.45), 0 0 14px rgba(216,169,77,.42);
  opacity: 0;
  transform: scale(.45);
  transition: opacity .2s ease calc(.58s + var(--node-order) * .09s), transform .34s cubic-bezier(.22,1,.36,1) calc(.58s + var(--node-order) * .09s);
}
.process-map-v2 .process-map-canvas.is-map-visible .process-map-node {
  background-color: rgba(14,13,11,.88);
  opacity: 1;
  transform: translateY(0);
}
.process-map-v2 .process-map-canvas.is-map-visible .process-map-node::before,
.process-map-v2 .process-map-canvas.is-map-visible .process-map-node::after { opacity: 1; transform: scale(1); }
.process-map-v2 .process-map-node:hover {
  z-index: 2;
  transform: none;
  border-color: rgba(235,195,113,.54);
  background-color: rgba(22,19,14,.96);
  box-shadow: 0 20px 48px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.025);
}
.process-map-v2 .process-map-node-3 { border-color: rgba(234,192,106,.42); background: linear-gradient(145deg, rgba(52,38,17,.88), rgba(15,14,11,.94) 68%); }
.process-map-v2 .process-map-canvas.is-map-visible .process-map-node-3 { background-color: transparent; }
.process-map-v2 .process-node-outline { display: none; }
.process-map-v2 .process-map-canvas .process-map-node > .process-node-index,
.process-map-v2 .process-map-canvas .process-map-node > div { opacity: 1 !important; transform: none !important; transition: none !important; }
.process-map-v2 .process-node-index {
  width: 38px;
  height: 38px;
  flex: none;
  border-color: rgba(230,187,99,.52);
  background: rgba(222,174,79,.04);
  font-size: 16px;
}
.process-map-v2 .process-map-node-5 .process-node-index { background: var(--gold-light); color: #0a0907; }
.process-map-v2 .process-map-node small { min-height: 28px; margin: 0 0 11px; font-size: 9px; letter-spacing: .1em; line-height: 1.45; }
.process-map-v2 .process-map-node h3 { min-height: 56px; margin: 0 0 13px; font-size: clamp(25px, 1.75vw, 29px); line-height: 1; text-wrap: balance; }
.process-map-v2 .process-map-node p { color: rgba(245,240,230,.66); font-size: 12px; line-height: 1.58; }
.process-map-v2 .process-map-footer { padding-top: 28px; }
.process-map-v2 .process-map-footer p { color: rgba(245,240,230,.58); font-size: 12px; }

@media (max-width: 1180px) and (min-width: 1001px) {
  .process-map-v2 .process-map-canvas { height: 590px; }
  .process-map-nodes { right: 12px; left: 12px; gap: 8px; }
  .process-map-v2 .process-map-node { min-height: 286px; padding-inline: 17px; }
  .process-map-v2 .process-map-node h3 { font-size: 24px; }
  .process-map-v2 .process-map-node p { font-size: 11px; }
}

@media (max-width: 1000px) and (min-width: 821px) {
  .process-map-v2 .process-map-heading { grid-template-columns: 1fr; gap: 24px; }
  .process-map-v2 .process-map-intro { display: grid; max-width: none; grid-template-columns: 1fr auto; align-items: end; }
  .process-map-v2 .process-map-canvas { height: auto; min-height: 0; padding: 206px 18px 18px; overflow: visible; }
  .process-map-v2 .process-map-axis { display: none; }
  .process-map-v2 .process-map-core { top: 28px; }
  .process-map-nodes { position: relative; top: auto; right: auto; left: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .process-map-v2 .process-map-node { min-height: 220px; }
  .process-map-v2 .process-map-node::before,
  .process-map-v2 .process-map-node::after { content: none; }
}

@media (max-width: 820px) {
  .process-map-v2 { padding-block: 84px; }
  .process-map-v2 .process-map-heading { gap: 24px; margin-bottom: 38px; }
  .process-map-v2 .process-map-heading h2 { max-width: 570px; font-size: clamp(44px, 11.7vw, 62px); }
  .process-map-v2 .process-map-intro > p { font-size: 15px; }
  .process-map-v2 .process-map-canvas {
    display: block;
    height: auto;
    min-height: 0;
    padding: 28px 14px 28px;
    overflow: hidden;
  }
  .process-map-v2 .process-map-canvas::before,
  .process-map-v2 .process-map-canvas::after { content: none; }
  .process-map-v2 .process-map-core {
    position: relative;
    top: auto;
    left: auto;
    width: 126px;
    height: 126px;
    margin: 0 auto 72px;
    padding: 20px;
    transform: scale(.84);
  }
  .process-map-v2 .process-map-canvas.is-map-visible .process-map-core { transform: scale(1); }
  .process-map-v2 .process-map-core img { width: 86px; }
  .process-map-v2 .process-map-axis { top: 178px; bottom: 58px; left: 31px; width: 1px; }
  .process-map-v2 .process-map-stem { inset: 0; width: 1px; height: 100%; transform-origin: top; }
  .process-map-v2 .process-map-rail { display: none; }
  .process-map-nodes { position: relative; top: auto; right: auto; left: auto; display: grid; grid-template-columns: 1fr; gap: 14px; padding-left: 38px; }
  .process-map-v2 .process-map-node,
  .process-map-v2 .process-map-node-1,
  .process-map-v2 .process-map-node-2,
  .process-map-v2 .process-map-node-3,
  .process-map-v2 .process-map-node-4,
  .process-map-v2 .process-map-node-5 {
    width: 100%;
    min-height: auto;
    padding: 23px 20px;
    gap: 16px;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .34s ease, transform .48s cubic-bezier(.22,1,.36,1), border-color .25s ease, background-color .25s ease;
  }
  .process-map-v2 .process-map-canvas.is-map-visible .process-map-node {
    opacity: 0;
    transform: translateY(12px);
  }
  .process-map-v2 .process-map-node::before {
    top: 31px;
    bottom: auto;
    left: -24px;
    width: 24px;
    height: 1px;
    transform: scaleX(0);
    transform-origin: left;
    background: linear-gradient(90deg, var(--gold-light), rgba(228,186,100,.3));
  }
  .process-map-v2 .process-map-node::after { top: 27px; left: -29px; }
  .process-map-v2 .process-map-canvas.is-map-visible .process-map-node::before,
  .process-map-v2 .process-map-canvas.is-map-visible .process-map-node::after { opacity: 0; transform: scale(.45); }
  .process-map-v2 .process-map-canvas.is-map-visible .process-map-node.is-node-visible { opacity: 1; transform: translateY(0); }
  .process-map-v2 .process-map-canvas.is-map-visible .process-map-node.is-node-visible::before,
  .process-map-v2 .process-map-canvas.is-map-visible .process-map-node.is-node-visible::after { opacity: 1; transform: scale(1); }
  .process-map-v2 .process-map-node h3 { min-height: 0; font-size: 27px; }
  .process-map-v2 .process-map-node small { min-height: 0; font-size: 9px; }
  .process-map-v2 .process-map-node p { max-width: 540px; font-size: 13px; }
  .process-map-v2 .process-map-footer { gap: 24px; padding-top: 24px; }
}

@media (max-width: 520px) {
  .process-map-v2 .process-map-heading h2 { font-size: clamp(42px, 12vw, 53px); }
  .process-map-v2 .process-map-canvas { padding-inline: 10px; }
  .process-map-v2 .process-map-axis { left: 24px; }
  .process-map-nodes { padding-left: 30px; }
  .process-map-v2 .process-map-node { padding: 21px 17px; }
  .process-map-v2 .process-map-node::before { left: -18px; width: 18px; }
  .process-map-v2 .process-map-node::after { left: -23px; }
}

@media (prefers-reduced-motion: reduce) {
  .process-map-v2 .process-map-core,
  .process-map-v2 .process-map-canvas.is-map-visible .process-map-core,
  .process-map-v2 .process-map-node,
  .process-map-v2 .process-map-node.is-node-visible { opacity: 1; transform: none; transition: none; }
  .process-map-v2 .process-map-stem,
  .process-map-v2 .process-map-rail,
  .process-map-v2 .process-map-node::before,
  .process-map-v2 .process-map-node::after { opacity: 1; transform: none; transition: none; }
}

@media (min-width: 821px) and (prefers-reduced-motion: reduce) {
  .process-map-v2 .process-map-core,
  .process-map-v2 .process-map-canvas.is-map-visible .process-map-core { transform: translateX(-50%); }
}

/* =========================================================
   PURCHASE COVERAGE · A DECISION TOOL, NOT A DECORATIVE LIST
   ========================================================= */
.purchase-scope.light-wave-section {
  padding-block: clamp(88px, 8vw, 138px);
}

.purchase-scope.light-wave-section > .purchase-heading,
.purchase-scope.light-wave-section > .purchase-grid,
.purchase-scope.light-wave-section > .purchase-action {
  width: min(1380px, calc(100% - 48px));
  margin-inline: auto;
  border-color: rgba(240, 210, 140, .3);
  background:
    radial-gradient(circle at 13% 0%, rgba(207, 153, 48, .12), transparent 32%),
    linear-gradient(145deg, rgba(14, 12, 9, .97), rgba(8, 8, 7, .985));
  box-shadow: none;
}

.purchase-scope.light-wave-section > .purchase-heading {
  grid-template-columns: minmax(0, 1.05fr) minmax(410px, .72fr);
  align-items: end;
  gap: clamp(52px, 8vw, 132px);
  margin-bottom: 0;
  padding: clamp(52px, 5vw, 76px) clamp(42px, 5vw, 72px) clamp(44px, 4.4vw, 66px);
  border-bottom: 0;
}

.purchase-scope.light-wave-section > .purchase-heading::after,
.purchase-scope.light-wave-section > .purchase-grid::before,
.purchase-scope.light-wave-section > .purchase-grid::after,
.purchase-scope.light-wave-section > .purchase-action::before {
  content: none;
}

.purchase-scope.light-wave-section .purchase-heading h2 {
  max-width: 760px;
  margin: 0;
  color: var(--ivory);
  font-size: clamp(54px, 5.8vw, 88px);
  line-height: .96;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.purchase-scope.light-wave-section .purchase-heading h2 em {
  color: var(--gold-light);
  text-shadow: 0 0 34px rgba(216, 169, 77, .13);
}

.purchase-guide {
  position: relative;
  padding: 0 0 3px 28px;
  border-left: 1px solid rgba(239, 202, 124, .42);
}

.purchase-guide > span {
  display: block;
  margin-bottom: 14px;
  color: var(--gold-light);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.purchase-scope.light-wave-section .purchase-guide > p {
  max-width: 500px;
  margin: 0;
  color: rgba(247, 241, 229, .82);
  font-size: 15px;
  line-height: 1.68;
}

.purchase-guide ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.purchase-guide li {
  display: grid;
  min-height: 73px;
  align-content: space-between;
  gap: 12px;
  padding-top: 13px;
  border-top: 1px solid rgba(240, 210, 140, .18);
  color: rgba(247, 241, 229, .72);
  font-size: 11px;
  line-height: 1.4;
}

.purchase-guide li b {
  color: var(--gold-light);
  font-family: var(--display);
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}

.purchase-scope.light-wave-section > .purchase-grid {
  grid-template-columns: 1.12fr .94fr .94fr;
  gap: 14px;
  margin-top: 0;
  padding: 0 clamp(42px, 5vw, 72px) clamp(42px, 5vw, 72px);
  border-top: 0;
  border-bottom: 0;
}

.purchase-scope.light-wave-section .purchase-card,
.purchase-scope.light-wave-section .purchase-card-featured {
  position: relative;
  isolation: isolate;
  min-height: 438px;
  overflow: hidden;
  padding: clamp(28px, 3vw, 42px);
  border: 1px solid rgba(240, 210, 140, .21);
  color: var(--ivory);
  background:
    linear-gradient(150deg, rgba(255, 236, 192, .035), transparent 42%),
    rgba(13, 12, 10, .92);
  box-shadow: inset 0 1px rgba(255, 247, 226, .025);
  transition: border-color 260ms ease, background-color 260ms ease, box-shadow 260ms ease;
}

.purchase-scope.light-wave-section .purchase-card-featured {
  border-color: rgba(241, 204, 126, .42);
  background:
    radial-gradient(circle at 82% 24%, rgba(213, 158, 50, .18), transparent 37%),
    linear-gradient(145deg, rgba(43, 31, 14, .96), rgba(11, 10, 8, .97) 66%);
}

.purchase-scope.light-wave-section .purchase-card::after {
  content: attr(data-scope-mark);
  position: absolute;
  right: 20px;
  bottom: -24px;
  z-index: -1;
  color: rgba(240, 210, 140, .055);
  font-family: var(--display);
  font-size: clamp(128px, 12vw, 205px);
  font-weight: 400;
  letter-spacing: -.08em;
  line-height: .8;
  pointer-events: none;
}

.purchase-scope.light-wave-section .purchase-card-featured::after {
  color: rgba(240, 210, 140, .085);
}

.purchase-scope.light-wave-section .purchase-card-top {
  position: relative;
  z-index: 1;
  align-items: center;
  padding-bottom: 20px;
  border-color: rgba(240, 210, 140, .18);
}

.purchase-scope.light-wave-section .purchase-card-top span {
  color: var(--gold-light);
  font-size: 10px;
  font-weight: 700;
}

.purchase-scope.light-wave-section .purchase-card-top strong {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 12px;
  border: 1px solid rgba(240, 210, 140, .28);
  border-radius: 999px;
  color: #f5d994;
  background: rgba(227, 181, 88, .07);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.purchase-scope.light-wave-section .purchase-card h3 {
  position: relative;
  z-index: 1;
  max-width: 460px;
  margin: clamp(54px, 5.2vw, 72px) 0 18px;
  color: var(--ivory);
  font-size: clamp(34px, 3.1vw, 48px);
  line-height: .98;
  letter-spacing: -.025em;
  text-shadow: none;
  text-wrap: balance;
}

.purchase-scope.light-wave-section .purchase-card p {
  position: relative;
  z-index: 1;
  max-width: 450px;
  margin: 0;
  color: rgba(245, 240, 230, .7);
  font-size: 13px;
  line-height: 1.65;
}

.purchase-scope.light-wave-section .purchase-tags,
.purchase-scope.light-wave-section .purchase-regions,
.purchase-scope.light-wave-section .purchase-cities {
  position: relative;
  z-index: 1;
  gap: 8px;
  margin-top: 28px;
}

.purchase-scope.light-wave-section .purchase-tags li,
.purchase-scope.light-wave-section .purchase-regions li,
.purchase-scope.light-wave-section .purchase-cities li {
  min-height: 31px;
  padding: 9px 11px;
  border: 1px solid rgba(240, 210, 140, .22);
  color: rgba(250, 243, 229, .82);
  background: rgba(240, 210, 140, .035);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .035em;
}

.purchase-scope.light-wave-section .purchase-regions li {
  min-width: 38px;
}

.purchase-scope.light-wave-section > .purchase-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(32px, 6vw, 90px);
  margin-top: 0;
  padding: clamp(30px, 3vw, 42px) clamp(42px, 5vw, 72px);
  border-top: 1px solid rgba(31, 23, 12, .18);
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 246, 214, .42), transparent 38%),
    linear-gradient(112deg, #e7c273, #c9912c 66%, #a96815);
  box-shadow: 0 32px 70px rgba(56, 29, 3, .25);
}

.purchase-scope.light-wave-section .purchase-action strong {
  display: block;
  color: #151109;
  font-family: var(--display);
  font-size: clamp(27px, 2.5vw, 38px);
  font-weight: 400;
  line-height: 1;
}

.purchase-scope.light-wave-section .purchase-action p {
  max-width: 760px;
  margin: 9px 0 0;
  color: rgba(24, 18, 9, .72);
  font-size: 12px;
  line-height: 1.55;
}

.purchase-scope.light-wave-section .purchase-action .flow-button,
.purchase-scope.light-wave-section .purchase-action .button {
  --flow-border: rgba(16, 12, 6, .56);
  --flow-text: #f5d994;
  --flow-fill: #f5e0a7;
  --flow-on-fill: #0b0905;
  width: auto;
  min-width: 310px;
  justify-content: center;
  border-color: rgba(16, 12, 6, .58);
  background: #0b0a08 !important;
  color: #f5d994 !important;
  box-shadow: 0 16px 34px rgba(31, 17, 3, .24);
}

@media (hover: hover) and (pointer: fine) {
  .purchase-scope.light-wave-section .purchase-card:hover {
    border-color: rgba(242, 207, 135, .5);
    background-color: rgba(22, 19, 14, .96);
    box-shadow: inset 0 1px rgba(255, 247, 226, .055), 0 18px 48px rgba(0, 0, 0, .16);
  }
}

@media (max-width: 1020px) and (min-width: 821px) {
  .purchase-scope.light-wave-section > .purchase-heading {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .purchase-guide { max-width: 760px; }
  .purchase-scope.light-wave-section > .purchase-grid { grid-template-columns: 1fr 1fr; }
  .purchase-scope.light-wave-section .purchase-card-featured { grid-column: 1 / -1; }
}

@media (max-width: 820px) {
  .purchase-scope.light-wave-section {
    padding-block: 76px;
  }
  .purchase-scope.light-wave-section > .purchase-heading,
  .purchase-scope.light-wave-section > .purchase-grid,
  .purchase-scope.light-wave-section > .purchase-action {
    width: calc(100% - 24px);
  }
  .purchase-scope.light-wave-section > .purchase-heading {
    grid-template-columns: 1fr;
    gap: 34px;
    padding: 38px 24px 34px;
  }
  .purchase-scope.light-wave-section .purchase-heading h2 {
    max-width: 620px;
    font-size: clamp(43px, 11.8vw, 62px);
    line-height: .98;
  }
  .purchase-guide { padding-left: 20px; }
  .purchase-scope.light-wave-section .purchase-guide > p { font-size: 14px; }
  .purchase-guide ol { gap: 8px; margin-top: 23px; }
  .purchase-guide li { min-height: 68px; font-size: 10px; }
  .purchase-scope.light-wave-section > .purchase-grid {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 0 24px 28px;
  }
  .purchase-scope.light-wave-section .purchase-card,
  .purchase-scope.light-wave-section .purchase-card-featured {
    grid-column: auto;
    min-height: auto;
    padding: 28px 24px 30px;
  }
  .purchase-scope.light-wave-section .purchase-card h3 {
    max-width: 520px;
    margin-top: 42px;
    font-size: clamp(34px, 9vw, 44px);
  }
  .purchase-scope.light-wave-section .purchase-card p { max-width: 560px; }
  .purchase-scope.light-wave-section .purchase-card::after {
    right: 16px;
    bottom: -15px;
    font-size: clamp(116px, 36vw, 160px);
  }
  .purchase-scope.light-wave-section > .purchase-action {
    grid-template-columns: 1fr;
    gap: 25px;
    padding: 30px 24px 32px;
  }
  .purchase-scope.light-wave-section .purchase-action .flow-button,
  .purchase-scope.light-wave-section .purchase-action .button {
    width: 100%;
    min-width: 0;
    max-width: none;
  }
}

@media (max-width: 520px) {
  .purchase-scope.light-wave-section .purchase-heading h2 {
    font-size: clamp(42px, 12.8vw, 55px);
  }
  .purchase-guide ol { grid-template-columns: 1fr; gap: 0; }
  .purchase-guide li {
    min-height: 0;
    grid-template-columns: 34px 1fr;
    align-items: center;
    padding: 11px 0;
  }
  .purchase-guide li b { font-size: 17px; }
  .purchase-scope.light-wave-section .purchase-card-top {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
  .purchase-scope.light-wave-section .purchase-card h3 { margin-top: 36px; }
  .purchase-scope.light-wave-section .purchase-tags li,
  .purchase-scope.light-wave-section .purchase-regions li,
  .purchase-scope.light-wave-section .purchase-cities li { font-size: 9px; }
  .purchase-scope.light-wave-section .purchase-action strong { font-size: 29px; }
}

/* =========================================================
   CALM EDITORIAL SYSTEM · INNER PAGES
   Inspired by clear legal-service communication, while
   preserving Legacy's black, ivory and gold identity.
   ========================================================= */
:root {
  --clean-paper: #d7a344;
  --clean-paper-deep: #b97924;
  --clean-ink: #171612;
  --clean-copy: #49351d;
  --clean-line: rgba(47, 29, 8, .26);
}

/* Motion is now reserved for orientation and feedback. */
.js .reveal { transform: translateY(12px); }
.js .reveal.is-visible {
  transition-duration: 440ms, 520ms;
  transition-timing-function: ease, var(--ease);
}
.value-card { animation: none; }
.whatsapp-icon::before,
.seal-ring-a,
.vault-wheel,
.console-scan,
.partner-route i,
.partner-node::before,
.process-map-canvas.is-map-visible .process-route-signal,
.process-map-canvas.is-map-visible .process-core-halo,
.process-core-ring { animation: none !important; }
.flow-button,
.flow-button .flow-fill,
.flow-button .flow-label,
.flow-button .flow-arrow { transition-duration: 420ms; }

.clean-inner {
  background: var(--clean-ink);
  color: var(--ivory);
}
.clean-inner .page-transition,
.clean-inner .scene-light,
.clean-inner .inner-hero-brand { display: none !important; }
.clean-inner [data-tilt],
.clean-inner .depth-card,
.clean-inner .constellation-card,
.clean-inner .story-card,
.clean-inner .analysis-console,
.clean-inner .security-layer,
.clean-inner .legal-dossier,
.clean-inner .type-panels article,
.clean-inner .ai-media {
  transform: none !important;
  transform-style: flat;
  will-change: auto;
}
.clean-inner .depth-card::before,
.clean-inner .constellation-card::before,
.clean-inner .story-card::before,
.clean-inner .security-layer::before,
.clean-inner .legal-dossier::before,
.clean-inner .type-panels article::before,
.clean-inner .media-story::before,
.clean-inner .page-next::before { content: none; }
.clean-inner .section { padding-block: clamp(88px, 8vw, 124px); }
.clean-inner h2 {
  font-size: clamp(43px, 4.7vw, 68px);
  line-height: 1.02;
  letter-spacing: -.04em;
  text-wrap: balance;
}
.clean-inner h3 { text-wrap: balance; }
.clean-inner p { text-wrap: pretty; }
.clean-inner .eyebrow {
  margin-bottom: 22px;
  font-size: 9px;
  letter-spacing: .16em;
}
.clean-inner .eyebrow > span {
  width: 28px;
  box-shadow: none;
}

/* A shorter hero that makes one claim instead of staging a spectacle. */
.clean-inner .inner-hero {
  min-height: 680px;
  background:
    linear-gradient(90deg, rgba(7, 7, 6, .96) 0%, rgba(7, 7, 6, .86) 52%, rgba(7, 7, 6, .72) 100%),
    linear-gradient(180deg, rgba(7, 7, 6, .34), rgba(7, 7, 6, .88)),
    url("assets/legacy-office-hero.webp") center / cover no-repeat;
}
.clean-inner .inner-hero::before {
  background: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 100% 120px;
  mask-image: linear-gradient(#000 52%, transparent 96%);
}
.clean-inner .inner-hero::after { content: none; }
.clean-inner .inner-hero-grid {
  min-height: 680px;
  grid-template-columns: minmax(0, 860px);
  align-items: center;
  padding-top: calc(var(--header-height) + 54px);
  padding-bottom: 100px;
}
.clean-inner .inner-hero-copy { max-width: 860px; }
.clean-inner .inner-hero .breadcrumb {
  margin-bottom: 34px;
  color: rgba(245, 240, 230, .5);
}
.clean-inner .inner-hero h1 {
  max-width: 850px;
  font-size: clamp(58px, 6.25vw, 92px);
  line-height: .94;
  letter-spacing: -.052em;
}
.clean-inner .inner-hero h1 .accent {
  color: var(--gold-light);
  font-size: .88em;
}
.clean-inner .inner-hero-lead {
  max-width: 670px;
  margin: 30px 0 0;
  color: rgba(245, 240, 230, .76);
  font-size: 18px;
  line-height: 1.62;
}
.clean-inner .inner-hero-index {
  min-height: 58px;
  color: rgba(245, 240, 230, .46);
}
.clean-inner .inner-hero-index i { width: 34px; }
.js.ready .clean-inner .inner-hero h1 .line > span {
  transition: opacity 380ms ease 80ms, transform 480ms var(--ease) 80ms;
}
.js.ready .clean-inner .inner-hero h1 .line:nth-child(2) > span { transition-delay: 140ms; }
.js.ready .clean-inner .breadcrumb,
.js.ready .clean-inner .inner-hero .hero-eyebrow,
.js.ready .clean-inner .inner-hero-lead,
.js.ready .clean-inner .inner-hero-index {
  transition: opacity 380ms ease 100ms, transform 480ms var(--ease) 100ms;
}

/* Gold surfaces preserve the brand palette without competing with the content. */
.clean-inner .section-light,
.clean-inner .partner-cta,
.clean-inner .question-cta,
.clean-inner .decision-band {
  color: var(--clean-ink);
  background:
    radial-gradient(circle at 18% 16%, rgba(255, 225, 153, .78), transparent 38%),
    linear-gradient(135deg, #d8a442 0%, #f0cd78 48%, #a86416 100%);
}
.clean-inner .section-light h2,
.clean-inner .section-light h3,
.clean-inner .partner-cta h2,
.clean-inner .question-cta h2,
.clean-inner .decision-band h2 { color: var(--clean-ink); text-shadow: none; }
.clean-inner .section-light h2 em,
.clean-inner .section-light h3 em,
.clean-inner .partner-cta h2 em,
.clean-inner .question-cta h2 em,
.clean-inner .decision-band h2 em { color: var(--gold-deep); }
.clean-inner .section-light .eyebrow,
.clean-inner .section-light .section-code,
.clean-inner .partner-cta .eyebrow,
.clean-inner .question-cta .eyebrow,
.clean-inner .decision-band .eyebrow { color: var(--gold-deep); }
.clean-inner .section-light .eyebrow > span,
.clean-inner .partner-cta .eyebrow > span,
.clean-inner .question-cta .eyebrow > span,
.clean-inner .decision-band .eyebrow > span { background: var(--gold-deep); }
.clean-inner .section-light p,
.clean-inner .section-light .editorial-body,
.clean-inner .partner-cta p,
.clean-inner .question-cta p,
.clean-inner .decision-band p { color: var(--clean-copy); }
.clean-inner .editorial-grid {
  grid-template-columns: 120px minmax(0, 1.2fr) minmax(300px, .68fr);
  gap: clamp(38px, 6vw, 92px);
}
.clean-inner .editorial-body { padding-top: 55px; }
.clean-inner .editorial-body p { font-size: 15px; line-height: 1.72; }
.clean-inner .editorial-body p + p { margin-top: 18px; }
.clean-inner .split-heading { gap: clamp(40px, 7vw, 100px); margin-bottom: 58px; }
.clean-inner .split-heading > p { color: rgba(245,240,230,.62); line-height: 1.65; }
.clean-inner .section-light .split-heading > p { color: var(--clean-copy); }

/* Flat content surfaces. */
.clean-inner .tilt-grid,
.clean-inner .benefit-constellation,
.clean-inner .type-panels,
.clean-inner .source-cards {
  gap: 0;
  border: 1px solid var(--line-soft);
  background: transparent;
}
.clean-inner .depth-card {
  min-height: 350px;
  padding: 38px;
  border-right: 1px solid var(--line-soft);
  background: #0d0d0b;
}
.clean-inner .depth-card:last-child { border-right: 0; }
.clean-inner .depth-card h3,
.clean-inner .depth-card p {
  position: relative;
  inset: auto;
  transform: none;
}
.clean-inner .depth-card h3 {
  max-width: 360px;
  margin: 88px 0 18px;
  font-size: clamp(28px, 2.5vw, 38px);
}
.clean-inner .depth-card p { max-width: 380px; color: rgba(245,240,230,.62); font-size: 13px; line-height: 1.65; }
.clean-inner .card-depth-mark { display: none; }
.clean-inner .expertise-rows article { min-height: 124px; }
.clean-inner .expertise-rows p { color: var(--clean-copy); line-height: 1.55; }

.clean-inner .media-story { padding-block: clamp(84px, 8vw, 120px); }
.clean-inner .media-story-grid { gap: clamp(46px, 8vw, 108px); }
.clean-inner .media-story-copy h2 { max-width: 720px; font-size: clamp(44px, 4.8vw, 68px); }
.clean-inner .media-story-copy > p:last-child {
  max-width: 560px;
  margin: 26px 0 0;
  color: rgba(245,240,230,.64);
  font-size: 15px;
  line-height: 1.68;
}
.clean-inner .ai-media-frame {
  border-color: rgba(240,210,140,.18);
  box-shadow: none;
}
.clean-inner .ai-media-frame::before { background: linear-gradient(145deg, rgba(240,210,140,.05), transparent 48%); }
.clean-inner .ai-media-frame::after { content: none; }
.clean-inner .ai-media img { transition: none; filter: saturate(.72) contrast(1.04); }
.clean-inner .ai-media:hover img { transform: none; filter: saturate(.72) contrast(1.04); }

/* Process page: a readable sequence, not a scroll performance. */
.clean-inner .story-layout {
  grid-template-columns: minmax(280px, .58fr) minmax(0, 1.42fr);
  gap: clamp(52px, 8vw, 110px);
}
.clean-inner .story-intro { top: 126px; }
.clean-inner .story-track { padding-left: 30px; }
.clean-inner .story-step { min-height: auto; padding-bottom: 26px; }
.clean-inner .story-card {
  min-height: 0;
  padding: 38px 40px;
  border: 1px solid var(--clean-line);
  background: #c99542;
  box-shadow: none;
}
.clean-inner .story-card h3 { margin: 46px 0 16px; font-size: clamp(34px, 3.4vw, 48px); transform: none; }
.clean-inner .story-card p { color: var(--clean-copy); transform: none; }
.clean-inner .story-card ul { margin-top: 30px; transform: none; }
.clean-inner .story-step aside { margin: 16px 0 0 20px; }
.clean-inner .analysis-layout { gap: clamp(50px, 8vw, 110px); }
.clean-inner .analysis-console {
  min-height: 470px;
  border-color: rgba(240,210,140,.22);
  box-shadow: none;
}
.clean-inner .console-scan { display: none; }
.clean-inner .document-list li { padding-block: 26px; }
.clean-inner .decision-band {
  padding-block: clamp(76px, 8vw, 108px);
  border-top: 1px solid var(--clean-line);
  border-bottom: 1px solid var(--clean-line);
}

/* Partners and security: grids remain functional and still. */
.clean-inner .constellation-card {
  min-height: 260px;
  padding: 34px;
  border: 0;
  border-right: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
  background: #0d0d0b;
}
.clean-inner .constellation-card:nth-child(even) { border-right: 0; }
.clean-inner .constellation-card h3 { margin: 58px 0 12px; font-size: 34px; transform: none; }
.clean-inner .constellation-card p { transform: none; }
.clean-inner .benefit-constellation::before,
.clean-inner .constellation-card > i,
.clean-inner .flow-dot { display: none; }
.clean-inner .partner-flow-intro,
.clean-inner .layers-copy { top: 126px; }
.clean-inner .flow-rail article { min-height: 148px; padding-block: 28px; }
.clean-inner .type-panels article {
  min-height: 420px;
  padding: 42px;
  border: 0;
  border-right: 1px solid var(--line-soft);
  background: #0d0d0b;
}
.clean-inner .type-panels article:last-child { border-right: 0; }
.clean-inner .type-panels h3 { margin: 86px 0 20px; font-size: clamp(34px, 3.5vw, 48px); transform: none; }
.clean-inner .type-panels p,
.clean-inner .type-panels ul { transform: none; }
.clean-inner .partner-cta { padding-block: clamp(84px, 9vw, 124px); }
.clean-inner .partner-application-grid { gap: clamp(48px, 8vw, 110px); }
.clean-inner .partner-application-copy { top: 126px; }
.clean-inner .partner-form {
  border-color: var(--clean-line);
  background: #c99542;
  box-shadow: none;
}
.clean-inner .partner-form::before { content: none; }
.clean-inner .partner-application-copy > p:not(.eyebrow),
.clean-inner .application-assurance p { color: var(--clean-copy) !important; }
.clean-inner .application-assurance { border-color: var(--clean-line); }
.clean-inner .application-assurance span { color: var(--gold-deep); }
.clean-inner .partner-form-heading,
.clean-inner .form-field input,
.clean-inner .form-field select,
.clean-inner .form-field textarea { border-color: rgba(23,22,18,.24); color: var(--clean-ink); background: rgba(23,22,18,.06); }
.clean-inner .form-field label,
.clean-inner .partner-form-heading span,
.clean-inner .partner-form-heading p,
.clean-inner .form-consent { color: var(--clean-copy); }
.clean-inner .form-field input::placeholder,
.clean-inner .form-field textarea::placeholder { color: #847e73; }
.clean-inner .form-field select { color-scheme: light; }
.clean-inner .form-field input:focus,
.clean-inner .form-field select:focus,
.clean-inner .form-field textarea:focus {
  border-color: var(--gold-deep);
  background: rgba(23,22,18,.10);
  box-shadow: 0 0 0 3px rgba(139,92,32,.09);
}
.clean-inner .decision-band .flow-button,
.clean-inner .partner-cta .flow-button,
.clean-inner .question-cta .flow-button {
  --flow-border: rgba(23,22,18,.72);
  --flow-text: #f0d28c;
  --flow-fill: #f0d28c;
  --flow-on-fill: #171612;
  border-color: rgba(23,22,18,.72);
  background: var(--clean-ink) !important;
  color: #f0d28c;
}

.clean-inner .security-layer {
  min-height: 174px;
  margin-top: 10px;
  padding: 32px 38px 32px 118px;
  border-color: var(--line-soft);
  background: #0d0d0b;
  box-shadow: none;
}
.clean-inner .security-layer > i { left: 34px; }
.clean-inner .security-layer h3 { margin: 14px 0 7px; transform: none; }
.clean-inner .security-layer p { transform: none; }
.clean-inner .data-flow { gap: 10px; }
.clean-inner .data-flow article {
  min-height: 196px;
  padding: 26px;
  border-color: var(--clean-line);
  background: transparent;
}
.clean-inner .data-flow h3 { margin-top: 48px; }
.clean-inner .never-list p { font-size: 22px; }
.clean-inner .legal-dossier {
  padding: clamp(34px, 4vw, 56px);
  border-color: var(--clean-line);
  background: #c99542;
  box-shadow: none;
}
.clean-inner .legal-dossier h3,
.clean-inner .legal-dossier p { transform: none; }

/* FAQ: compact, scan-first and with clear controls. */
.clean-inner .faq-center-heading { gap: clamp(44px, 8vw, 110px); }
.clean-inner .faq-filters { margin: 52px 0 32px; }
.clean-inner .faq-library details { border-color: var(--clean-line); }
.clean-inner .faq-library summary { min-height: 88px; }
.clean-inner .faq-library details > p { line-height: 1.68; }
.clean-inner .official-sources { background: #0b0b09; }
.clean-inner .source-cards a {
  min-height: 300px;
  padding: 34px;
  border: 0;
  border-right: 1px solid var(--line-soft);
  background: #0d0d0b;
}
.clean-inner .source-cards a:last-child { border-right: 0; }
.clean-inner .source-cards h3 { margin: 82px 0 14px; }
.clean-inner .question-cta { padding-block: clamp(84px, 9vw, 120px); }

/* Compact continuation and footer. */
.clean-inner .page-next {
  padding-block: clamp(76px, 8vw, 112px);
  border-top: 1px solid var(--line-soft);
}
.clean-inner .page-next-grid { grid-template-columns: minmax(0, 1fr) auto; }
.clean-inner .page-next h2 { max-width: 820px; font-size: clamp(42px, 4.8vw, 68px); }
.clean-inner .page-next .next-orbit.flow-button {
  width: auto;
  height: auto;
  min-width: 210px;
  min-height: 58px;
  border-radius: 999px;
}

@media (max-width: 1000px) {
  .clean-inner .editorial-grid { grid-template-columns: 90px 1fr; }
  .clean-inner .editorial-body { grid-column: 2; padding-top: 0; }
  .clean-inner .story-layout,
  .clean-inner .analysis-layout,
  .clean-inner .partner-flow-grid,
  .clean-inner .layers-layout { gap: 54px; }
}

@media (max-width: 820px) {
  .clean-inner .section { padding-block: 72px; }
  .clean-inner .inner-hero,
  .clean-inner .inner-hero-grid,
  .clean-inner.page-partners .inner-hero,
  .clean-inner.page-partners .inner-hero-grid { min-height: 650px; }
  .clean-inner .inner-hero {
    background:
      linear-gradient(180deg, rgba(7,7,6,.82), rgba(7,7,6,.92)),
      url("assets/legacy-office-hero.webp") 60% center / cover no-repeat;
  }
  .clean-inner .inner-hero-grid {
    display: grid;
    width: var(--shell);
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr);
    align-content: center;
    justify-items: start;
    padding-top: calc(var(--header-height) + env(safe-area-inset-top, 0px) + 42px);
    padding-bottom: 76px;
    text-align: left;
  }
  .clean-inner .inner-hero-copy { margin: 0; }
  .clean-inner .inner-hero-copy,
  .clean-inner .inner-hero h1,
  .clean-inner .inner-hero h1 .line,
  .clean-inner .inner-hero h1 .line > span,
  .clean-inner .inner-hero-lead { min-width: 0; width: 100%; }
  .clean-inner .inner-hero .breadcrumb,
  .clean-inner .inner-hero .hero-eyebrow { justify-content: flex-start; margin-inline: 0; }
  .clean-inner .inner-hero h1 {
    max-width: 600px;
    margin-inline: 0;
    font-size: clamp(45px, 11.8vw, 58px);
  }
  .clean-inner .inner-hero-lead {
    max-width: 540px;
    margin: 24px 0 0;
    font-size: 16px;
  }
  .clean-inner .inner-hero-index { display: none; }
  .clean-inner h2 { font-size: clamp(39px, 10vw, 54px); }
  .clean-inner .editorial-grid,
  .clean-inner .story-layout,
  .clean-inner .analysis-layout,
  .clean-inner .documents-grid,
  .clean-inner .decision-grid,
  .clean-inner .partner-flow-grid,
  .clean-inner .layers-layout,
  .clean-inner .never-grid,
  .clean-inner .legal-grid,
  .clean-inner .faq-center-heading,
  .clean-inner .sources-grid,
  .clean-inner .page-next-grid { grid-template-columns: 1fr; gap: 38px; }
  .clean-inner .editorial-grid .section-code { display: none; }
  .clean-inner .editorial-body { grid-column: auto; }
  .clean-inner .tilt-grid,
  .clean-inner .benefit-constellation,
  .clean-inner .type-panels,
  .clean-inner .source-cards { grid-template-columns: 1fr; }
  .clean-inner .depth-card,
  .clean-inner .constellation-card,
  .clean-inner .type-panels article,
  .clean-inner .source-cards a {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--line-soft);
  }
  .clean-inner .depth-card:last-child,
  .clean-inner .constellation-card:last-child,
  .clean-inner .type-panels article:last-child,
  .clean-inner .source-cards a:last-child { border-bottom: 0; }
  .clean-inner .depth-card h3,
  .clean-inner .constellation-card h3,
  .clean-inner .type-panels h3,
  .clean-inner .source-cards h3 { margin-top: 52px; }
  .clean-inner .story-intro,
  .clean-inner .partner-flow-intro,
  .clean-inner .layers-copy,
  .clean-inner .partner-application-copy { position: static; }
  .clean-inner .story-track { padding-left: 20px; }
  .clean-inner .story-card { padding: 30px 26px; }
  .clean-inner .story-card ul { grid-template-columns: 1fr; }
  .clean-inner .story-step aside { grid-template-columns: 1fr; gap: 7px; margin-left: 0; }
  .clean-inner .data-flow { grid-template-columns: 1fr; }
  .clean-inner .data-flow > i { display: none; }
  .clean-inner .data-flow article { min-height: 160px; }
  .clean-inner .partner-form { padding: 28px 22px; }
  .clean-inner .page-next-grid { gap: 28px; }
  .clean-inner .page-next .next-orbit.flow-button { width: 100%; min-width: 0; max-width: 360px; }
}

@media (max-width: 520px) {
  .clean-inner .inner-hero,
  .clean-inner .inner-hero-grid,
  .clean-inner.page-partners .inner-hero,
  .clean-inner.page-partners .inner-hero-grid { min-height: 620px; }
  .clean-inner .inner-hero-grid { padding-top: calc(var(--header-height) + env(safe-area-inset-top, 0px) + 34px); }
  .clean-inner .inner-hero .breadcrumb { margin-bottom: 22px; }
  .clean-inner .inner-hero h1 { font-size: clamp(42px, 11.5vw, 52px); line-height: .97; }
  .clean-inner .inner-hero-lead { font-size: 15px; line-height: 1.58; }
  .clean-inner .depth-card,
  .clean-inner .constellation-card,
  .clean-inner .type-panels article,
  .clean-inner .source-cards a { padding: 28px 24px; }
  .clean-inner .security-layer { padding: 28px 24px; }
  .clean-inner .security-layer > i { position: static; display: block; margin-bottom: 16px; transform: none; font-size: 34px; }
  .clean-inner .never-list article { grid-template-columns: 48px 1fr; gap: 14px; }
  .clean-inner .never-list p { font-size: 20px; }
  .clean-inner .faq-library summary { min-height: 82px; }
  .clean-inner .faq-library summary > span { display: block; font-size: 21px; }
  .clean-inner .faq-library summary i { display: block; margin-bottom: 6px; }
  .clean-inner .faq-library details > p { margin: 0 0 26px; font-size: 14px; }
}

/* =========================================================
   GOLD WAVE PALETTE · NO PAPER / WHITE SURFACES
   The wave remains Legacy's single ambient signature while
   readable content sits on restrained dark-gold surfaces.
   ========================================================= */
.clean-inner .light-wave-section {
  color: var(--ivory);
  background:
    radial-gradient(circle at 18% 16%, rgba(255, 225, 153, .82), transparent 38%),
    linear-gradient(135deg, #d6a03a 0%, #f1cc72 48%, #9a5812 100%);
  isolation: isolate;
}
.clean-inner .light-wave-canvas {
  display: block;
  opacity: .92;
}
.clean-inner .light-wave-section::after {
  background:
    linear-gradient(90deg, rgba(55, 28, 3, .08), transparent 34%, rgba(70, 37, 5, .10)),
    radial-gradient(circle at 50% 40%, transparent 46%, rgba(91, 48, 7, .14));
}
.clean-inner .light-wave-section > .shell {
  border-color: rgba(244, 207, 123, .34);
  background:
    radial-gradient(circle at 18% 10%, rgba(216, 169, 77, .10), transparent 34%),
    linear-gradient(145deg, rgba(14, 12, 8, .94), rgba(8, 8, 7, .96));
  box-shadow: 0 22px 64px rgba(48, 24, 3, .18);
}
.clean-inner .light-wave-section h2,
.clean-inner .light-wave-section h3,
.clean-inner .light-wave-section .partner-form-heading,
.clean-inner .light-wave-section .faq-library summary,
.clean-inner .light-wave-section .legal-dossier h3 {
  color: var(--ivory);
  text-shadow: none;
}
.clean-inner .light-wave-section h2 em,
.clean-inner .light-wave-section h3 em,
.clean-inner .light-wave-section .eyebrow,
.clean-inner .light-wave-section .section-code,
.clean-inner .light-wave-section .story-index,
.clean-inner .light-wave-section .partner-form-heading span,
.clean-inner .light-wave-section .application-assurance span {
  color: var(--gold-light);
}
.clean-inner .light-wave-section .eyebrow > span { background: var(--gold-light); }
.clean-inner .light-wave-section p,
.clean-inner .light-wave-section .editorial-body,
.clean-inner .light-wave-section .editorial-body p,
.clean-inner .light-wave-section .split-heading > p,
.clean-inner .light-wave-section .story-card p,
.clean-inner .light-wave-section .expertise-rows p,
.clean-inner .light-wave-section .document-list p,
.clean-inner .light-wave-section .flow-rail p,
.clean-inner .light-wave-section .data-flow p,
.clean-inner .light-wave-section .legal-dossier p,
.clean-inner .light-wave-section .partner-application-copy > p:not(.eyebrow),
.clean-inner .light-wave-section .application-assurance p,
.clean-inner .light-wave-section .faq-library details > p,
.clean-inner .light-wave-section .question-cta-inner > p:not(.eyebrow),
.clean-inner .light-wave-section .decision-grid p {
  color: rgba(245, 240, 230, .70) !important;
}
.clean-inner .light-wave-section .story-card,
.clean-inner .light-wave-section .legal-dossier,
.clean-inner .light-wave-section .partner-form {
  border-color: rgba(240, 210, 140, .20);
  background: rgba(11, 10, 8, .88);
}
.clean-inner .light-wave-section .story-card,
.clean-inner .light-wave-section .legal-dossier { box-shadow: none; }
.clean-inner .light-wave-section .story-step aside,
.clean-inner .light-wave-section .application-assurance,
.clean-inner .light-wave-section .partner-form-heading,
.clean-inner .light-wave-section .faq-library details,
.clean-inner .light-wave-section .document-list li,
.clean-inner .light-wave-section .expertise-rows article,
.clean-inner .light-wave-section .flow-rail article,
.clean-inner .light-wave-section .data-flow article {
  border-color: rgba(240, 210, 140, .18);
}
.clean-inner .light-wave-section .form-field label,
.clean-inner .light-wave-section .partner-form-heading p,
.clean-inner .light-wave-section .form-consent { color: rgba(245, 240, 230, .68); }
.clean-inner .light-wave-section .form-field input,
.clean-inner .light-wave-section .form-field select,
.clean-inner .light-wave-section .form-field textarea {
  border-color: rgba(240, 210, 140, .24);
  color: var(--ivory);
  background: rgba(255, 255, 255, .035);
}
.clean-inner .light-wave-section .form-field input::placeholder,
.clean-inner .light-wave-section .form-field textarea::placeholder { color: rgba(245, 240, 230, .42); }
.clean-inner .light-wave-section .form-field select { color-scheme: dark; }
.clean-inner .light-wave-section .form-field input:focus,
.clean-inner .light-wave-section .form-field select:focus,
.clean-inner .light-wave-section .form-field textarea:focus {
  border-color: var(--gold-light);
  background: rgba(255, 255, 255, .065);
  box-shadow: 0 0 0 3px rgba(216, 169, 77, .12);
}
.clean-inner .light-wave-section .decision-band .flow-button,
.clean-inner .light-wave-section .flow-button,
.clean-inner .light-wave-section .button-primary {
  --flow-border: rgba(240, 210, 140, .66);
  --flow-text: var(--gold-light);
  --flow-fill: var(--gold-light);
  --flow-on-fill: var(--ink);
  border-color: rgba(240, 210, 140, .66);
  background: rgba(8, 8, 7, .68) !important;
  color: var(--gold-light);
}

@media (max-width: 820px) {
  .clean-inner .inner-hero-grid {
    justify-items: center;
    text-align: center;
  }
  .clean-inner .inner-hero-copy,
  .clean-inner .inner-hero h1,
  .clean-inner .inner-hero-lead {
    margin-inline: auto;
    text-align: center;
  }
  .clean-inner .inner-hero .breadcrumb,
  .clean-inner .inner-hero .hero-eyebrow,
  .clean-inner .eyebrow {
    justify-content: center;
    margin-inline: auto;
  }
  .clean-inner .split-heading,
  .clean-inner .editorial-grid,
  .clean-inner .story-intro,
  .clean-inner .partner-flow-intro,
  .clean-inner .layers-copy,
  .clean-inner .partner-application-copy,
  .clean-inner .media-story-copy,
  .clean-inner .decision-grid,
  .clean-inner .faq-center-heading,
  .clean-inner .sources-grid,
  .clean-inner .page-next-grid {
    text-align: center;
  }
  .clean-inner .split-heading > p,
  .clean-inner .editorial-body,
  .clean-inner .story-intro > p:last-child,
  .clean-inner .partner-flow-intro > p:last-child,
  .clean-inner .layers-copy > p:last-child,
  .clean-inner .partner-application-copy > p:not(.eyebrow),
  .clean-inner .media-story-copy > p:last-child,
  .clean-inner .decision-grid p,
  .clean-inner .question-cta-inner > p:not(.eyebrow) {
    margin-inline: auto;
  }
  .clean-inner .depth-card,
  .clean-inner .constellation-card,
  .clean-inner .story-card,
  .clean-inner .type-panels article,
  .clean-inner .source-cards a,
  .clean-inner .data-flow article,
  .clean-inner .legal-dossier,
  .clean-inner .security-layer {
    text-align: center;
  }
  .clean-inner .story-card h3,
  .clean-inner .story-card p,
  .clean-inner .constellation-card p,
  .clean-inner .depth-card p,
  .clean-inner .type-panels p,
  .clean-inner .source-cards p,
  .clean-inner .security-layer p {
    margin-inline: auto;
  }
  .clean-inner .story-card ul,
  .clean-inner .type-panels ul,
  .clean-inner .document-list,
  .clean-inner .never-list,
  .clean-inner .faq-library,
  .clean-inner .partner-form { text-align: left; }
  .clean-inner .security-layer > i {
    left: 50%;
    transform: translate(-50%, -50%) !important;
  }
  .clean-inner .question-cta-inner,
  .clean-inner .decision-grid > div,
  .clean-inner .partner-application-copy,
  .clean-inner .faq-search-wrap { justify-items: center; }
  .clean-inner .button,
  .clean-inner .flow-button,
  .clean-inner .next-orbit,
  .clean-inner .page-next .next-orbit.flow-button { margin-inline: auto; }
  .clean-inner .ai-media { margin-inline: auto; }
  .clean-inner .light-wave-section > .shell {
    width: calc(100% - 24px);
    margin-inline: auto;
  }
}

@media (max-width: 520px) {
  .clean-inner .security-layer > i {
    position: static;
    display: block;
    margin: 0 auto 16px;
    transform: none !important;
  }
  .clean-inner .light-wave-section > .shell { width: calc(100% - 20px); }
}

/* =========================================================
   HOME MOBILE GEOMETRY · PROCESS + SOCIAL PROOF
   Keep complex desktop compositions in normal document flow
   on phones so nothing overlaps or drifts off the visual axis.
   ========================================================= */
@media (max-width: 820px) {
  .process-map-v2 {
    display: block;
    min-height: 0;
    padding-block: 76px;
    overflow: clip;
  }
  .process-map-v2 .process-map-heading {
    position: relative;
    z-index: 3;
    display: flex;
    width: var(--shell);
    max-width: 100%;
    align-items: center;
    flex-direction: column;
    gap: 24px;
    margin: 0 auto 42px;
    text-align: center;
  }
  .process-map-v2 .process-map-heading > div,
  .process-map-v2 .process-map-heading h2,
  .process-map-v2 .process-map-intro {
    width: 100%;
    min-width: 0;
    margin-inline: auto;
  }
  .process-map-v2 .process-map-heading .eyebrow {
    justify-content: center;
    margin-inline: auto;
  }
  .process-map-v2 .process-map-heading h2 {
    max-width: 620px;
    font-size: clamp(43px, 10.8vw, 58px);
    line-height: .98;
    text-align: center;
  }
  .process-map-v2 .process-map-intro {
    position: static;
    display: flex;
    max-width: 560px;
    align-items: center;
    flex-direction: column;
    gap: 18px;
    padding: 0;
    text-align: center;
  }
  .process-map-v2 .process-map-intro > p {
    max-width: 520px;
    margin: 0 auto;
  }
  .process-map-v2 .process-map-intro .text-link { margin-inline: auto; }
  .process-map-v2 .process-map-canvas {
    position: relative;
    z-index: 1;
    display: block;
    clear: both;
    width: var(--shell);
    max-width: 100%;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 28px 14px;
  }
  .process-map-v2 .process-map-footer {
    width: var(--shell);
    max-width: 100%;
    align-items: center;
    margin-inline: auto;
    text-align: center;
  }
  .process-map-v2 .process-map-footer p { justify-content: center; }

  .social-proof-heading {
    align-items: center;
    text-align: center;
  }
  .social-proof-heading .eyebrow { justify-content: center; }
  .social-proof-heading h2,
  .social-proof-heading > p { margin-inline: auto; }
  .proof-carousel {
    width: 100%;
    max-width: 100%;
    justify-items: center;
    margin-inline: auto;
  }
  .proof-viewport {
    justify-self: center;
    margin-inline: auto;
    transform: none;
  }
  .proof-slide,
  .proof-media { width: 100%; }
  .proof-phone-frame {
    right: auto;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
  }
}

@media (max-width: 520px) {
  .process-map-v2 { padding-block: 68px; }
  .process-map-v2 .process-map-heading {
    width: calc(100% - 32px);
    margin-bottom: 34px;
  }
  .process-map-v2 .process-map-heading h2 {
    max-width: 430px;
    font-size: clamp(40px, 10.7vw, 51px);
  }
  .process-map-v2 .process-map-intro > p {
    max-width: 410px;
    font-size: 14px;
    line-height: 1.62;
  }
  .process-map-v2 .process-map-canvas {
    width: calc(100% - 24px);
    padding: 26px 10px;
  }
  .process-map-v2 .process-map-footer { width: calc(100% - 32px); }

  .proof-carousel { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .proof-viewport {
    width: min(78vw, 340px);
    max-width: calc(100vw - 62px);
  }
  .proof-phone-volume { left: -9px; }
  .proof-phone-power { right: -9px; }
  .proof-caption {
    width: 100%;
    justify-items: center;
    text-align: center;
  }
}

/* Header eyebrow: the rule is decorative and must not offset the label. */
.hero-eyebrow {
  position: relative;
  display: block;
  width: fit-content;
  max-width: calc(100% - 68px);
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  text-align: center;
}
.hero-eyebrow > span {
  position: absolute;
  top: 50%;
  right: calc(100% + 16px);
  width: 34px;
  transform: translateY(-50%);
}

@media (max-width: 820px) {
  .hero-eyebrow {
    max-width: calc(100% - 56px);
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center;
  }
  .hero-eyebrow > span {
    right: calc(100% + 12px);
    width: 26px;
  }
}

/* Footer channels: compact, unmistakable icon actions. */
.footer-contact {
  display: grid;
  grid-template-columns: repeat(2, 46px);
  align-content: start;
  align-items: center;
  gap: 12px;
}
.footer-contact > p:first-child {
  grid-column: 1 / -1;
  margin-bottom: 8px;
}
.footer-main .footer-contact > .footer-social {
  display: grid;
  width: 46px;
  min-width: 46px;
  height: 46px;
  min-height: 46px;
  place-items: center;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(240, 210, 140, .28);
  border-radius: 50%;
  background: rgba(240, 210, 140, .05);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
  transition: transform 260ms var(--ease), border-color 220ms ease, background-color 220ms ease, box-shadow 220ms ease;
}
.footer-main .footer-contact > .footer-social img {
  display: block;
  width: 22px;
  height: 22px;
  flex: none;
  opacity: 1;
  transform: none;
}
.footer-main .footer-contact > .footer-whatsapp {
  border-color: rgba(255, 255, 255, .24);
  background: #25d366;
  box-shadow: 0 8px 22px rgba(37, 211, 102, .18);
}
.footer-main .footer-contact > .footer-social:hover,
.footer-main .footer-contact > .footer-social:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(240, 210, 140, .72);
  background-color: rgba(240, 210, 140, .12);
  box-shadow: 0 14px 30px rgba(0, 0, 0, .28);
}
.footer-main .footer-contact > .footer-whatsapp:hover,
.footer-main .footer-contact > .footer-whatsapp:focus-visible {
  border-color: rgba(255, 255, 255, .5);
  background-color: #2be06d;
  box-shadow: 0 13px 30px rgba(37, 211, 102, .24);
}

@media (max-width: 520px) {
  .footer-contact {
    justify-content: start;
    grid-template-columns: repeat(2, 44px);
  }
  .footer-main .footer-contact > .footer-social {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }
}

/* Partner information — coverage, deadlines and commission without sales filler. */
.partner-coverage-grid {
  display: grid;
  grid-template-columns: 1.18fr 1fr 1fr;
  border: 1px solid rgba(36, 25, 12, .34);
  background: #0d0d0b;
  box-shadow: 0 30px 80px rgba(55, 29, 4, .18);
}
.partner-coverage-card {
  min-width: 0;
  padding: clamp(30px, 3.2vw, 48px);
  border-right: 1px solid rgba(240, 210, 140, .16);
  color: var(--ivory);
  background: linear-gradient(145deg, rgba(240, 210, 140, .045), transparent 52%);
}
.partner-coverage-card:last-child { border-right: 0; }
.partner-coverage-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(240, 210, 140, .18);
  color: var(--gold-light);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .15em;
  line-height: 1.4;
  text-transform: uppercase;
}
.partner-coverage-card header strong { color: var(--ivory-soft); font-size: 9px; letter-spacing: .08em; text-align: right; }
.clean-inner .section-light .partner-coverage-card h3 {
  max-width: 360px;
  margin: clamp(42px, 5vw, 72px) 0 18px;
  color: var(--ivory);
  font-family: var(--display);
  font-size: clamp(34px, 3.2vw, 48px);
  font-weight: 400;
  line-height: 1.02;
}
.clean-inner .section-light .partner-coverage-card > p {
  max-width: 430px;
  color: rgba(245, 240, 230, .64);
  font-size: 14px;
  line-height: 1.65;
}
.partner-tags,
.partner-place-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}
.partner-tags li,
.partner-place-list li {
  min-height: 34px;
  padding: 9px 11px;
  border: 1px solid rgba(240, 210, 140, .20);
  color: rgba(245, 240, 230, .75);
  font-size: 10px;
  line-height: 1.3;
}
.partner-place-list li { min-width: 43px; text-align: center; }
.partner-place-list-cities li { min-width: 0; }
.clean-inner .section-light .partner-coverage-note {
  margin: 20px 0 0;
  color: rgba(38, 29, 18, .76);
  font-size: 12px;
  line-height: 1.55;
}
.commission-facts { margin: 34px 0 0; border-top: 1px solid var(--line-soft); }
.commission-facts > div {
  display: grid;
  grid-template-columns: minmax(100px, .52fr) minmax(0, 1fr);
  gap: 22px;
  padding: 17px 0;
  border-bottom: 1px solid var(--line-soft);
}
.commission-facts dt {
  color: var(--gold-light);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.commission-facts dd { margin: 0; color: rgba(245, 240, 230, .76); font-size: 14px; line-height: 1.5; }

/* Tax compensation — an accounting-ledger treatment inside the existing identity. */
.page-tax .inner-hero h1 { max-width: 970px; font-size: clamp(56px, 5.7vw, 86px); }
.tax-foundations {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(36, 25, 12, .34);
  background: #0d0d0b;
}
.tax-foundations article {
  min-height: 310px;
  padding: clamp(30px, 3.4vw, 46px);
  border-right: 1px solid rgba(240, 210, 140, .16);
}
.tax-foundations article:last-child { border-right: 0; }
.tax-foundations span,
.tax-process-list > li > span,
.tax-document-list > li > span {
  color: var(--gold-light);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .15em;
}
.clean-inner .section-light .tax-foundations h3 {
  margin: 82px 0 16px;
  color: var(--ivory);
  font-family: var(--display);
  font-size: clamp(30px, 2.7vw, 40px);
  font-weight: 400;
}
.clean-inner .section-light .tax-foundations p { max-width: 370px; color: rgba(245, 240, 230, .64); font-size: 14px; line-height: 1.65; }
.tax-process-layout,
.tax-start-grid {
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  gap: clamp(58px, 9vw, 130px);
  align-items: start;
}
.tax-process-intro { position: sticky; top: 126px; }
.tax-process-intro > p:last-child,
.tax-start-grid > div > p:last-child { max-width: 540px; margin-top: 28px; color: rgba(245, 240, 230, .62); line-height: 1.68; }
.tax-process-list,
.tax-document-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line-soft); }
.tax-process-list li,
.tax-document-list li {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 22px;
  padding: 32px 0;
  border-bottom: 1px solid var(--line-soft);
}
.tax-process-list h3,
.tax-document-list h3 { margin: 0 0 10px; color: var(--ivory); font-family: var(--display); font-size: clamp(27px, 2.4vw, 36px); font-weight: 400; }
.tax-process-list p,
.tax-document-list p { max-width: 610px; margin: 0; color: rgba(245, 240, 230, .60); font-size: 14px; line-height: 1.65; }
.tax-example-panel {
  padding: clamp(36px, 6vw, 86px);
  border: 1px solid rgba(240, 210, 140, .24);
  background: #0d0d0b;
  color: var(--ivory);
  box-shadow: 0 34px 90px rgba(54, 29, 5, .24);
}
.tax-example-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .65fr);
  gap: clamp(42px, 7vw, 100px);
  align-items: end;
}
.page-tax .tax-example-panel h2 { max-width: 740px; color: var(--ivory); font-size: clamp(46px, 5.2vw, 72px); }
.page-tax .tax-example-panel h2 em { color: var(--gold-light); }
.page-tax .tax-example-heading > p { color: rgba(245, 240, 230, .62); font-size: 14px; line-height: 1.68; }
.tax-example-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: clamp(48px, 6vw, 78px);
  border: 1px solid rgba(240, 210, 140, .18);
}
.tax-example-summary article { min-height: 190px; padding: 30px; border-right: 1px solid rgba(240, 210, 140, .18); }
.tax-example-summary article:last-child { border-right: 0; background: rgba(216, 169, 77, .10); }
.tax-example-summary span,
.tax-example-totals span { display: block; color: var(--gold-light); font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.tax-example-summary strong,
.tax-example-totals strong { display: block; margin-top: 34px; color: var(--ivory); font-family: var(--display); font-size: clamp(34px, 3.1vw, 46px); font-weight: 400; line-height: 1; }
.tax-example-summary small { display: block; margin-top: 7px; color: rgba(245, 240, 230, .48); }
.tax-bars { margin-top: 54px; }
.tax-bar-row + .tax-bar-row { margin-top: 30px; }
.tax-bar-row header { display: flex; justify-content: space-between; gap: 24px; margin-bottom: 12px; color: rgba(245, 240, 230, .70); font-size: 12px; }
.tax-bar-row header strong { color: var(--ivory); font-weight: 500; text-align: right; }
.tax-bar { display: flex; height: 24px; overflow: hidden; border: 1px solid rgba(240, 210, 140, .18); background: rgba(255, 255, 255, .035); }
.tax-bar i,
.tax-bar b { display: block; width: var(--bar-size); height: 100%; }
.tax-bar i { background: linear-gradient(90deg, #6f4618, var(--gold)); }
.tax-bar b { background: var(--gold-light); }
.tax-example-totals { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 54px; }
.tax-example-totals article { padding: 28px 30px; border: 1px solid rgba(240, 210, 140, .18); background: rgba(240, 210, 140, .045); }
.tax-example-totals strong { margin-top: 20px; }
.page-tax .tax-example-caveat {
  margin: 30px 0 0;
  padding: 24px 28px;
  border-left: 2px solid var(--gold);
  background: rgba(240, 210, 140, .06);
  color: rgba(245, 240, 230, .66);
  font-size: 13px;
  line-height: 1.65;
}
.page-tax .tax-example-caveat strong { color: var(--ivory); }
.tax-start-grid > div { position: sticky; top: 126px; }
.tax-sources .source-cards a { background: #0d0d0b; }
.clean-inner .tax-sources .source-cards h3 { color: var(--ivory); }
.clean-inner .tax-sources .source-cards p { color: rgba(245, 240, 230, .62); }
.tax-contact .page-next-grid { align-items: center; }

/* Content-focused pass: keep the process cards compact after removing repeated side notes. */
.page-how .story-step { min-height: auto; padding-bottom: clamp(30px, 4vw, 52px); }

@media (max-width: 980px) {
  .partner-coverage-grid { grid-template-columns: 1fr 1fr; }
  .partner-coverage-featured { grid-column: 1 / -1; }
  .partner-coverage-card:nth-child(1) { border-right: 0; border-bottom: 1px solid rgba(240, 210, 140, .16); }
  .partner-coverage-card:nth-child(2) { border-right: 1px solid rgba(240, 210, 140, .16); }
  .tax-foundations { grid-template-columns: 1fr; }
  .tax-foundations article { min-height: auto; border-right: 0; border-bottom: 1px solid rgba(240, 210, 140, .16); }
  .tax-foundations article:last-child { border-bottom: 0; }
  .clean-inner .section-light .tax-foundations h3 { margin-top: 48px; }
}

@media (max-width: 820px) {
  .partner-coverage-grid { grid-template-columns: 1fr; }
  .partner-coverage-featured { grid-column: auto; }
  .partner-coverage-card,
  .partner-coverage-card:nth-child(2) { border-right: 0; border-bottom: 1px solid rgba(240, 210, 140, .16); text-align: left; }
  .partner-coverage-card:last-child { border-bottom: 0; }
  .partner-coverage-card header { align-items: flex-start; }
  .partner-tags,
  .partner-place-list { justify-content: flex-start; }
  .commission-facts { text-align: left; }
  .tax-process-layout,
  .tax-start-grid,
  .tax-example-heading { grid-template-columns: 1fr; gap: 42px; }
  .tax-process-intro,
  .tax-start-grid > div { position: static; text-align: center; }
  .tax-process-intro > p:last-child,
  .tax-start-grid > div > p:last-child { margin-inline: auto; }
  .tax-example-heading { text-align: center; }
  .tax-example-heading > p { max-width: 580px; margin-inline: auto; }
  .tax-example-summary { grid-template-columns: 1fr; }
  .tax-example-summary article { min-height: auto; border-right: 0; border-bottom: 1px solid rgba(240, 210, 140, .18); }
  .tax-example-summary article:last-child { border-bottom: 0; }
  .tax-example-summary strong { margin-top: 20px; }
  .tax-document-list { text-align: left; }
}

@media (max-width: 520px) {
  .partner-coverage-card { padding: 28px 22px; }
  .partner-coverage-card header { display: grid; gap: 7px; }
  .partner-coverage-card header strong { text-align: left; }
  .clean-inner .section-light .partner-coverage-card h3 { margin-top: 38px; font-size: 35px; }
  .partner-coverage-note { text-align: left; }
  .commission-facts > div { grid-template-columns: 1fr; gap: 7px; }
  .page-tax .inner-hero h1 { font-size: clamp(39px, 10.8vw, 50px); }
  .tax-foundations article { padding: 28px 22px; }
  .tax-example-panel { padding: 30px 20px; }
  .page-tax .tax-example-panel h2 { font-size: clamp(39px, 10vw, 50px); }
  .tax-example-summary article,
  .tax-example-totals article { padding: 24px 20px; }
  .tax-example-totals { grid-template-columns: 1fr; }
  .tax-bar-row header { display: grid; gap: 5px; }
  .tax-bar-row header strong { text-align: left; }
  .tax-bar { height: 19px; }
  .page-tax .tax-example-caveat { padding: 20px; }
  .tax-process-list li,
  .tax-document-list li { grid-template-columns: 42px minmax(0, 1fr); gap: 12px; padding-block: 26px; }
  .tax-process-list h3,
  .tax-document-list h3 { font-size: 28px; }
}

/* =========================================================
   HOME HERO · MANCHETE EM TRÊS LINHAS
   A frase mais longa pede corpo menor para caber em uma
   linha só por vez, sem sobra na coluna de texto.
   ========================================================= */
.hero h1 {
  max-width: 100%;
  font-size: clamp(34px, 3.7vw, 58px);
  line-height: .96;
  letter-spacing: -.05em;
}
.hero h1 .line { padding: .06em .1em .12em .06em; margin: -.06em -.1em -.12em -.06em; }
.js.ready .hero h1 .line:nth-child(3) > span { transition-delay: 200ms; }
/* Duas linhas equilibradas em vez de uma última linha com duas palavras. */
.hero-lead { max-width: 560px; text-wrap: balance; }

@media (max-width: 820px) {
  /* No celular a manchete vira uma frase corrida: o navegador
     equilibra as quebras em vez de herdar as três linhas fixas. */
  .hero h1 { font-size: clamp(32px, 9.6vw, 46px); line-height: 1.04; letter-spacing: -.042em; }
  .hero h1 .line,
  .hero h1 .line > span { display: inline; padding: 0; margin: 0; }
  .hero h1 .accent { font-size: 1em; }
  .js.ready .hero h1 .line:nth-child(2) > span,
  .js.ready .hero h1 .line:nth-child(3) > span { transition-delay: 0ms; }
}