:root {
  color-scheme: dark;
  --protocol-black: #070807;
  --deep-graphite: #111311;
  --map-charcoal: #181b18;
  --soft-bone: #ece7d8;
  --muted-olive: #8e9489;
  --signal-gold: #d4af62;
  --leak-amber: #f59e0b;
  --route-green: #7dd3a0;
  --memory-violet: #a78bfa;
  --owner-blue: #7ba7ff;
  --exception-red: #ef6f6c;
  --line: rgba(212, 175, 98, .24);
  --line-soft: rgba(236, 231, 216, .1);
  --panel: rgba(17, 19, 17, .78);
  --panel-strong: rgba(24, 27, 24, .9);
  --shadow: 0 18px 70px rgba(0, 0, 0, .48);
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "DM Sans", "Segoe UI", Arial, sans-serif;
  --mono: "IBM Plex Mono", Consolas, monospace;
  --max: 1160px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 92px;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  margin: 0;
  width: 100%;
  background: var(--protocol-black);
  color: var(--soft-bone);
  font-family: var(--sans);
  line-height: 1.5;
  overflow-x: hidden;
  padding-bottom: 0;
}

main {
  max-width: 100%;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html,
  body,
  main {
    overflow-x: clip;
  }
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(rgba(236, 231, 216, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(236, 231, 216, .014) 1px, transparent 1px),
    radial-gradient(circle at 20% 16%, rgba(212, 175, 98, .12), transparent 24%),
    radial-gradient(circle at 80% 12%, rgba(125, 211, 160, .06), transparent 28%),
    #070807;
  background-size: 64px 64px, 64px 64px, auto, auto, auto;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .58;
  background-image:
    radial-gradient(circle, rgba(212, 175, 98, .26) 0 1px, transparent 1.5px),
    linear-gradient(120deg, transparent 0 38%, rgba(212, 175, 98, .055) 38.2% 38.35%, transparent 38.6% 100%),
    linear-gradient(28deg, transparent 0 56%, rgba(125, 211, 160, .035) 56.2% 56.35%, transparent 56.6% 100%);
  background-size: 340px 260px, 100% 100%, 100% 100%;
}

img,
video,
svg {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
}

.wrap {
  width: min(var(--max), calc(100% - 48px));
  margin-inline: auto;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 60;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 max(24px, calc((100vw - var(--max)) / 2));
  border-bottom: 1px solid rgba(212, 175, 98, .16);
  background: linear-gradient(180deg, rgba(7, 8, 7, .94), rgba(7, 8, 7, .62));
  backdrop-filter: blur(18px);
  transition: background .28s ease, border-color .28s ease, min-height .28s ease;
}

.site-header.is-scrolled {
  min-height: 60px;
  border-color: var(--line-soft);
  background: rgba(7, 8, 7, .86);
}

.brand,
.nav-links,
.contact-actions,
.hero-actions,
.site-footer nav {
  display: flex;
  align-items: center;
}

.brand {
  gap: 12px;
  text-decoration: none;
  font-family: var(--serif);
  font-size: 25px;
  white-space: nowrap;
  min-width: 194px;
  transition: transform .34s cubic-bezier(.16, 1, .3, 1), min-width .34s ease;
}

.brand-mark {
  width: 36px;
  height: 36px;
  border: 1px solid var(--line);
  display: grid;
  place-items: center;
  position: relative;
  font-size: 0;
  box-shadow: 0 0 28px rgba(212, 175, 98, .12);
}

.brand-mark::before {
  content: "";
  width: 23px;
  height: 23px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpolygon points='24,2 44,13 44,35 24,46 4,35 4,13' fill='none' stroke='%23d4af62' stroke-width='2' stroke-linejoin='round'/%3E%3Cline x1='24' y1='2' x2='24' y2='46' stroke='%23d4af62' stroke-width='1' opacity='.6'/%3E%3Cline x1='4' y1='13' x2='44' y2='35' stroke='%23d4af62' stroke-width='1' opacity='.6'/%3E%3Cline x1='44' y1='13' x2='4' y2='35' stroke='%23d4af62' stroke-width='1' opacity='.6'/%3E%3Ccircle cx='24' cy='24' r='5.5' fill='none' stroke='%23d4af62' stroke-width='1.8'/%3E%3Ccircle cx='24' cy='24' r='1.8' fill='%23d4af62'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.brand-name {
  transition: font-size .28s ease, letter-spacing .28s ease, text-transform .28s ease;
}

.nav-links {
  gap: 16px;
  transition: opacity .26s ease, transform .26s ease, visibility .26s ease;
}

.nav-links a {
  text-decoration: none;
  color: rgba(236, 231, 216, .78);
  font: 600 11px/1 var(--mono);
  letter-spacing: .09em;
  text-transform: uppercase;
  transition: color .2s ease;
}

.nav-links a:hover,
.nav-links a:focus-visible {
  color: var(--soft-bone);
}

.nav-cta {
  color: #090907 !important;
  background: var(--signal-gold);
  padding: 12px 15px;
  box-shadow: 0 0 34px rgba(212, 175, 98, .18);
}

.hero-backdrop > img {
  animation: hero-visual-drift 18s ease-in-out infinite alternate;
}

@keyframes hero-visual-drift {
  from {
    transform: scale(1.025) translate3d(-.6%, 0, 0);
  }
  to {
    transform: scale(1.055) translate3d(.6%, -.35%, 0);
  }
}

.language-toggle {
  min-width: 38px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(212, 175, 98, .28);
  background: rgba(17, 19, 17, .5);
}

.mobile-language-toggle {
  display: none;
  text-decoration: none;
  color: rgba(236, 231, 216, .78);
  font: 600 12px/1 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  min-width: 38px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(212, 175, 98, .28);
  background: rgba(17, 19, 17, .5);
}

body.tp-header-collapsed .site-header {
  min-height: 58px;
  justify-content: center;
  background: linear-gradient(180deg, rgba(7, 8, 7, .78), rgba(7, 8, 7, .36));
  border-color: rgba(212, 175, 98, .12);
}

body.tp-header-collapsed .nav-links {
  position: absolute;
  right: max(24px, calc((100vw - var(--max)) / 2));
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(-8px);
}

body.tp-header-collapsed .nav-links a:not(.language-toggle) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

body.tp-header-collapsed .language-toggle {
  transform: translateY(8px);
  color: var(--signal-gold);
  background: rgba(7, 8, 7, .72);
}

body.tp-header-collapsed .brand {
  min-width: 0;
  transform: translateX(-56px);
}

body.tp-header-collapsed .brand-name {
  font-size: 24px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.scene {
  position: relative;
  padding: 56px 0;
  border-bottom: 1px solid rgba(212, 175, 98, .11);
}

.scene[id] {
  scroll-margin-top: 92px;
}

.hero {
  min-height: clamp(480px, 62svh, 620px);
  display: grid;
  align-items: center;
  padding: 88px 0 36px;
  overflow: hidden;
}

.hero-backdrop {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #050605;
}

.hero-backdrop > img,
.hero-bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 51%;
  opacity: .9;
  filter: brightness(.76) saturate(.98) contrast(1.04);
  transform: scale(1.025);
}

.hero-bg-video {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: .6;
  filter: brightness(.49) saturate(.68) contrast(.94);
  transition: opacity .7s ease, filter .7s ease;
}

.hero-bg-video.is-playing {
  opacity: .68;
  filter: brightness(.55) saturate(.74) contrast(.96);
}

.hero-bg-fallback {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .42;
}

.hero-backdrop::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(90deg, rgba(7, 8, 7, .95), rgba(7, 8, 7, .68) 34%, rgba(7, 8, 7, .2) 64%, rgba(7, 8, 7, .64)),
    linear-gradient(180deg, rgba(7, 8, 7, .78), transparent 28%, rgba(7, 8, 7, .9) 96%);
}

.hero-backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  background:
    radial-gradient(ellipse at 28% 72%, rgba(7, 8, 7, .34), transparent 22%),
    radial-gradient(ellipse at 49% 48%, rgba(7, 8, 7, .18), transparent 30%);
  pointer-events: none;
}

.hero-video-chip {
  position: absolute;
  right: max(24px, calc((100vw - var(--max)) / 2));
  bottom: 44px;
  width: min(290px, 24vw);
  aspect-ratio: 16 / 10;
  border: 1px solid rgba(212, 175, 98, .34);
  background: rgba(7, 8, 7, .62);
  box-shadow: 0 26px 80px rgba(0, 0, 0, .46);
  overflow: hidden;
}

.hero-video-chip video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .76;
}

.hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  max-width: 940px;
}

.hero-copy {
  min-width: 0;
}

.eyebrow {
  margin: 0 0 18px;
  color: var(--signal-gold);
  font: 600 12px/1.2 var(--mono);
  letter-spacing: .26em;
  text-transform: uppercase;
}

h1,
h2,
h3,
p {
  overflow-wrap: break-word;
}

h1,
h2 {
  margin: 0;
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: 0;
}

h1 {
  max-width: 840px;
  font-size: clamp(54px, 5.55vw, 88px);
  line-height: .9;
}

h1 span {
  display: block;
}

h2 {
  font-size: clamp(40px, 4.4vw, 70px);
  line-height: .94;
}

h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
}

.hero-lead,
.section-copy p,
.section-head p,
.contact-card p {
  color: rgba(236, 231, 216, .72);
  font-size: clamp(17px, 1.55vw, 20px);
}

.hero-lead {
  max-width: 680px;
  margin: 20px 0 0;
}

.hero-actions,
.contact-actions {
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 24px;
}

.button {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 20px;
  border: 1px solid var(--line);
  color: var(--soft-bone);
  text-decoration: none;
  font: 700 12px/1 var(--mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.button:hover,
.button:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(212, 175, 98, .72);
}

.button.primary {
  color: #080907;
  background: var(--signal-gold);
  border-color: var(--signal-gold);
}

.button.ghost {
  background: rgba(7, 8, 7, .46);
}

.button.wide {
  width: 100%;
}

.hero-proofline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 18px;
  color: rgba(236, 231, 216, .64);
  font: 600 11px/1.3 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.hero-proofline span {
  position: relative;
  padding-left: 14px;
}

.hero-proofline span::before {
  content: "";
  position: absolute;
  left: 0;
  top: .45em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--signal-gold);
  box-shadow: 0 0 18px rgba(212, 175, 98, .5);
}

.hero-console,
.offer-card,
.contact-card,
.cockpit-screen,
.protocol-map,
.evidence-rail article,
.route-copy,
.scenario,
.faq-list details,
.human-card,
.media-frame,
.motion-card {
  border: 1px solid var(--line);
  background: linear-gradient(145deg, rgba(17, 19, 17, .88), rgba(7, 8, 7, .66));
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}

.media-frame {
  position: relative;
  min-width: 0;
  min-height: clamp(260px, 32vw, 430px);
  margin: 0;
  overflow: hidden;
  border-radius: 8px;
}

.media-frame img {
  width: 100%;
  height: 100%;
  min-height: clamp(260px, 32vw, 430px);
  object-fit: cover;
  object-position: center;
  opacity: .9;
  filter: brightness(.86) saturate(1) contrast(1.04);
  transform: scale(1.015);
}

.media-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(7, 8, 7, .3), transparent 44%, rgba(7, 8, 7, .18)),
    radial-gradient(circle at 64% 45%, rgba(212, 175, 98, .08), transparent 30%);
}

.surface-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.site-compass-scene {
  padding-top: 38px;
  padding-bottom: 42px;
  background:
    linear-gradient(180deg, rgba(7, 8, 7, .98), rgba(17, 19, 17, .68)),
    radial-gradient(circle at 22% 18%, rgba(212, 175, 98, .1), transparent 28%),
    radial-gradient(circle at 82% 72%, rgba(125, 211, 160, .075), transparent 30%);
}

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

.route-primer {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.route-primer-card {
  min-height: 184px;
  display: grid;
  align-content: space-between;
  gap: 16px;
  padding: 22px;
  border: 1px solid rgba(212, 175, 98, .2);
  background:
    linear-gradient(145deg, rgba(17, 19, 17, .84), rgba(7, 8, 7, .6)),
    radial-gradient(circle at 16% 18%, rgba(123, 167, 255, .07), transparent 28%);
  box-shadow: 0 16px 48px rgba(0, 0, 0, .26);
}

.route-primer-card span {
  color: var(--signal-gold);
  font: 700 11px/1 var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}

.route-primer-card b {
  display: block;
  font-family: var(--serif);
  font-size: clamp(30px, 2.7vw, 42px);
  font-weight: 400;
  line-height: .98;
}

.route-primer-card p {
  margin: 0;
  color: rgba(236, 231, 216, .68);
  font-size: 16px;
}

.signal-gap-scene {
  padding-top: 48px;
  padding-bottom: 46px;
  background:
    radial-gradient(circle at 78% 18%, rgba(123, 167, 255, .105), transparent 28%),
    linear-gradient(180deg, rgba(7, 8, 7, .96), rgba(14, 18, 17, .82));
}

.signal-gap-grid {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(420px, 1.22fr);
  gap: 26px;
  align-items: center;
}

.gap-console {
  position: relative;
  overflow: hidden;
  min-height: 430px;
  border: 1px solid rgba(212, 175, 98, .24);
  background:
    linear-gradient(135deg, rgba(10, 13, 13, .95), rgba(9, 11, 10, .76)),
    radial-gradient(circle at 70% 30%, rgba(123, 167, 255, .12), transparent 26%);
  box-shadow: 0 24px 86px rgba(0, 0, 0, .36);
}

.gap-console::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(236, 231, 216, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(236, 231, 216, .04) 1px, transparent 1px);
  background-size: 56px 56px;
  opacity: .44;
  mask-image: linear-gradient(180deg, #000, transparent 96%);
}

.gap-console-head {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px 0;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.gap-console-head span {
  color: rgba(236, 231, 216, .6);
}

.gap-console-head b {
  color: var(--signal-gold);
}

.gap-chart {
  position: relative;
  z-index: 2;
  padding: 10px 16px 0;
}

.gap-grid-line {
  stroke: rgba(236, 231, 216, .12);
  stroke-width: 1;
}

.gap-axis-label {
  fill: rgba(236, 231, 216, .56);
  font: 600 12px/1 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gap-area-ai {
  fill: rgba(123, 167, 255, .2);
}

.gap-area-ops {
  fill: rgba(212, 175, 98, .2);
}

.gap-line-ai,
.gap-line-ops,
.gap-route-line {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 860;
  stroke-dashoffset: 860;
  animation: gap-line-draw 2.2s cubic-bezier(.16, 1, .3, 1) .28s forwards;
}

.gap-line-ai {
  stroke: #7ba7ff;
  stroke-width: 4;
}

.gap-line-ops {
  stroke: var(--signal-gold);
  stroke-width: 4;
  animation-delay: .54s;
}

.gap-route-line {
  stroke: #7dd3a0;
  stroke-width: 3;
  stroke-dasharray: 10 12;
  animation-delay: .92s;
}

.gap-point {
  fill: #070807;
  stroke-width: 3;
  transform-box: fill-box;
  transform-origin: center;
  animation: gap-point-pulse 2.8s ease-in-out infinite;
}

.gap-point.ai {
  stroke: #7ba7ff;
}

.gap-point.ops {
  stroke: var(--signal-gold);
  animation-delay: .28s;
}

.gap-point.route {
  stroke: #7dd3a0;
  animation-delay: .56s;
}

.gap-card-row {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0 22px 22px;
}

.gap-card {
  min-height: 86px;
  padding: 13px 14px;
  border: 1px solid rgba(236, 231, 216, .1);
  background: rgba(7, 8, 7, .55);
}

.gap-card span {
  display: block;
  color: var(--signal-gold);
  font: 700 10px/1 var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.gap-card b {
  display: block;
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.15;
}

@keyframes gap-line-draw {
  to { stroke-dashoffset: 0; }
}

@keyframes gap-point-pulse {
  0%, 100% { r: 5; filter: drop-shadow(0 0 0 rgba(212, 175, 98, 0)); }
  50% { r: 7; filter: drop-shadow(0 0 10px rgba(212, 175, 98, .45)); }
}

.data-reality-scene {
  padding-top: 42px;
  padding-bottom: 50px;
  background:
    radial-gradient(circle at 18% 20%, rgba(245, 158, 11, .09), transparent 26%),
    radial-gradient(circle at 84% 70%, rgba(123, 167, 255, .09), transparent 28%),
    linear-gradient(180deg, rgba(10, 12, 10, .94), rgba(7, 8, 7, .96));
}

.data-reality-grid {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(520px, 1.28fr);
  gap: 28px;
  align-items: center;
}

.data-board {
  position: relative;
  min-height: 430px;
  overflow: hidden;
  border: 1px solid rgba(212, 175, 98, .24);
  border-radius: 8px;
  background:
    linear-gradient(rgba(236, 231, 216, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(236, 231, 216, .035) 1px, transparent 1px),
    radial-gradient(circle at 50% 48%, rgba(212, 175, 98, .16), transparent 31%),
    rgba(9, 11, 10, .82);
  background-size: 42px 42px, 42px 42px, auto, auto;
  box-shadow: 0 24px 84px rgba(0, 0, 0, .38);
}

.data-board::before,
.data-board::after {
  content: "";
  position: absolute;
  inset: 18% 12%;
  border: 1px dashed rgba(212, 175, 98, .24);
  border-radius: 999px;
  transform: rotate(-8deg);
}

.data-board::after {
  inset: 26% 18%;
  border-color: rgba(125, 211, 160, .22);
  transform: rotate(12deg);
}

.data-board-core,
.data-source {
  position: absolute;
  z-index: 2;
  border: 1px solid rgba(236, 231, 216, .13);
  background: rgba(7, 8, 7, .72);
  box-shadow: 0 18px 52px rgba(0, 0, 0, .28);
}

.data-board-core {
  left: 50%;
  top: 50%;
  width: min(260px, 52%);
  min-height: 118px;
  display: grid;
  place-content: center;
  gap: 10px;
  text-align: center;
  border-color: rgba(212, 175, 98, .46);
  border-radius: 8px;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(circle at 50% 36%, rgba(212, 175, 98, .22), transparent 45%),
    rgba(7, 8, 7, .78);
}

.data-board-core span,
.data-source span {
  color: var(--signal-gold);
  font: 700 10px/1 var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.data-board-core b {
  font-family: var(--serif);
  font-size: clamp(28px, 2.6vw, 38px);
  font-weight: 400;
  line-height: .96;
}

.data-source {
  width: 166px;
  min-height: 76px;
  padding: 12px;
  border-radius: 8px;
  animation: data-source-breathe 5.6s ease-in-out infinite alternate;
}

.data-source b {
  display: block;
  margin-top: 8px;
  color: rgba(236, 231, 216, .76);
  font-size: 14px;
  line-height: 1.18;
}

.source-crm { left: 7%; top: 12%; }
.source-sap { right: 8%; top: 10%; animation-delay: .4s; }
.source-sheet { left: 9%; bottom: 16%; animation-delay: .8s; }
.source-chat { right: 9%; bottom: 18%; animation-delay: 1.2s; }
.source-docs { left: 34%; top: 5%; animation-delay: 1.6s; }
.source-memory { right: 33%; bottom: 6%; animation-delay: 2s; }
.source-ai { left: 5%; top: 44%; animation-delay: 2.4s; }

@keyframes data-source-breathe {
  from { transform: translateY(0); border-color: rgba(236, 231, 216, .12); }
  to { transform: translateY(-6px); border-color: rgba(212, 175, 98, .34); }
}

.maturity-scene {
  padding-top: 48px;
  padding-bottom: 48px;
  background:
    linear-gradient(180deg, rgba(7, 8, 7, .96), rgba(12, 16, 15, .86)),
    radial-gradient(circle at 72% 16%, rgba(125, 211, 160, .08), transparent 26%);
}

.maturity-ladder {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.maturity-ladder article {
  min-height: 220px;
  padding: 18px;
  border: 1px solid rgba(212, 175, 98, .18);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(17, 19, 17, .82), rgba(7, 8, 7, .62));
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.maturity-ladder article:hover {
  transform: translateY(-5px);
  border-color: rgba(212, 175, 98, .48);
}

.maturity-ladder article.is-target {
  border-color: rgba(125, 211, 160, .54);
  background:
    radial-gradient(circle at 70% 16%, rgba(125, 211, 160, .14), transparent 30%),
    linear-gradient(145deg, rgba(17, 29, 22, .88), rgba(7, 8, 7, .66));
}

.maturity-ladder span {
  color: var(--signal-gold);
  font: 700 11px/1 var(--mono);
  letter-spacing: .16em;
}

.maturity-ladder b {
  display: block;
  margin-top: 34px;
  font-family: var(--serif);
  font-size: clamp(25px, 2.1vw, 34px);
  font-weight: 400;
  line-height: 1;
}

.maturity-ladder p {
  margin: 16px 0 0;
  color: rgba(236, 231, 216, .66);
  font-size: 15px;
}

.compass-card {
  min-height: 158px;
  display: grid;
  align-content: space-between;
  gap: 12px;
  padding: 18px;
  border: 1px solid rgba(212, 175, 98, .18);
  background: linear-gradient(145deg, rgba(17, 19, 17, .82), rgba(7, 8, 7, .58));
  color: var(--soft-bone);
  text-decoration: none;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .28);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.compass-card:hover,
.compass-card:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(212, 175, 98, .58);
  background: linear-gradient(145deg, rgba(24, 27, 24, .96), rgba(7, 8, 7, .7));
}

.compass-card span {
  color: var(--signal-gold);
  font: 700 10px/1.25 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.compass-card b {
  display: block;
  font-family: var(--serif);
  font-size: clamp(25px, 2.2vw, 34px);
  font-weight: 400;
  line-height: .96;
}

.compass-card p {
  margin: 0;
  color: rgba(236, 231, 216, .62);
  font-size: 14px;
}

.trailer-visual {
  min-height: clamp(320px, 44svh, 520px);
  overflow: hidden;
}

.trailer-visual img {
  width: 100%;
  height: 100%;
  min-height: clamp(320px, 44svh, 520px);
  object-fit: cover;
  object-position: center;
  opacity: .88;
  filter: brightness(.84) saturate(.98) contrast(1.04);
  transition: transform 1.2s ease, opacity .24s ease, filter .24s ease;
}

.trailer-visual:hover img {
  transform: scale(1.045);
  opacity: .96;
  filter: brightness(.92) saturate(1.02) contrast(1.05);
}

.artifact-preview {
  min-height: clamp(300px, 36svh, 460px);
}

.artifact-preview img {
  min-height: clamp(300px, 36svh, 460px);
  animation: artifact-drift 11s ease-in-out infinite alternate;
}

.artifact-label {
  position: absolute;
  z-index: 3;
  margin: 0;
  padding: 9px 11px;
  border: 1px solid rgba(212, 175, 98, .28);
  border-radius: 999px;
  background: rgba(7, 8, 7, .72);
  color: rgba(236, 231, 216, .78);
  font: 700 10px/1 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .28);
  animation: label-float 5s ease-in-out infinite alternate;
}

.label-signal { left: 8%; top: 18%; }
.label-memory { left: 42%; top: 42%; animation-delay: .55s; }
.label-route { right: 8%; bottom: 17%; animation-delay: 1.1s; }

@keyframes label-float {
  from { transform: translateY(0); }
  to { transform: translateY(-6px); }
}

.door-grid,
.proof-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.proof-card-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.door-card,
.proof-card {
  display: block;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  background: linear-gradient(145deg, rgba(17, 19, 17, .86), rgba(7, 8, 7, .62));
  color: var(--soft-bone);
  text-decoration: none;
  box-shadow: var(--shadow);
  position: relative;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.door-card {
  min-height: 320px;
}

.door-card::before {
  content: "";
  display: block;
  height: 210px;
  background: center / cover no-repeat;
  opacity: .8;
  filter: brightness(.82) saturate(.98) contrast(1.04);
  transition: transform 1.2s ease, opacity .22s ease, filter .22s ease;
}

.door-card.visual-logistics::before {
  background-image: url("assets/demo-logistics-eta-map.webp");
}

.door-card.visual-ai::before {
  background-image: url("assets/brand-decision-wall.webp");
}

.door-card::after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(212, 175, 98, .32);
  background:
    linear-gradient(45deg, transparent 46%, rgba(212, 175, 98, .92) 47% 53%, transparent 54%) center / 14px 14px no-repeat,
    rgba(7, 8, 7, .66);
  opacity: .74;
  transform: rotate(45deg);
  transition: opacity .18s ease, border-color .18s ease, background-color .18s ease;
}

.door-card:hover::after,
.door-card:focus-visible::after {
  opacity: 1;
  border-color: rgba(212, 175, 98, .72);
  background-color: rgba(212, 175, 98, .12);
}

.proof-card {
  min-height: 250px;
  padding-top: 12px;
}

.proof-card::before {
  content: "";
  display: block;
  height: 118px;
  margin: -12px 0 14px;
  background: center / cover no-repeat;
  opacity: .72;
  filter: brightness(.78) saturate(.96) contrast(1.03);
  transition: opacity .22s ease, filter .22s ease, transform 1.1s ease;
}

.proof-card:hover::before,
.proof-card:focus-visible::before {
  opacity: .9;
  filter: brightness(.88) saturate(1.04) contrast(1.05);
  transform: scale(1.035);
}

.proof-map::before {
  background-image: url("assets/brand-route-map.webp");
}

.proof-offer::before {
  background-image: url("assets/artifact-deliverables-console-02.webp");
}

.proof-trust::before {
  background-image: url("assets/brand-trust-fibers.webp");
}

.proof-founder::before {
  background-image: url("assets/brand-founder-map.webp");
}

.door-card:hover,
.door-card:focus-visible,
.proof-card:hover,
.proof-card:focus-visible {
  transform: translateY(-5px);
  border-color: rgba(212, 175, 98, .58);
  background: linear-gradient(145deg, rgba(24, 27, 24, .94), rgba(7, 8, 7, .72));
}

.door-card img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  object-position: center;
  opacity: .78;
  filter: brightness(.82) saturate(.96) contrast(1.04);
  transition: transform 1.2s ease, opacity .22s ease, filter .22s ease;
}

.door-card:hover img,
.door-card:focus-visible img {
  transform: scale(1.045);
  opacity: .92;
  filter: brightness(.9) saturate(1.02) contrast(1.05);
}

.door-card:hover::before,
.door-card:focus-visible::before {
  transform: scale(1.045);
  opacity: .92;
  filter: brightness(.9) saturate(1.02) contrast(1.05);
}

.door-card span,
.proof-card span {
  display: block;
  margin: 18px 20px 12px;
  color: var(--signal-gold);
  font: 700 11px/1 var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}

.door-card h3,
.proof-card b {
  display: block;
  margin: 0 20px;
  font-family: var(--serif);
  font-size: clamp(28px, 2.6vw, 40px);
  font-weight: 400;
  line-height: 1;
}

.door-card p,
.proof-card p {
  margin: 14px 20px 22px;
  color: rgba(236, 231, 216, .66);
  font-size: 16px;
}

.hero-console {
  padding: 18px;
  max-width: 410px;
  border-radius: 8px;
  pointer-events: none;
}

.console-top,
.screen-top,
.site-footer,
.route-step,
.offer-grid,
.split,
.section-head {
  display: flex;
  justify-content: space-between;
  gap: 28px;
}

.console-top {
  align-items: center;
  color: var(--muted-olive);
  font: 600 12px/1 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.console-top b {
  color: var(--route-green);
}

.console-route {
  display: grid;
  grid-template-columns: 16px 1fr 16px 1fr 16px;
  align-items: center;
  gap: 8px;
  margin: 22px 0;
}

.dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-shadow: 0 0 24px currentColor;
}

.dot.amber {
  color: var(--leak-amber);
  background: var(--leak-amber);
}

.dot.violet {
  color: var(--memory-violet);
  background: var(--memory-violet);
}

.dot.green {
  color: var(--route-green);
  background: var(--route-green);
}

.line {
  height: 2px;
  background: currentColor;
  opacity: .8;
}

.line.gold {
  color: var(--signal-gold);
}

.line.green {
  color: var(--route-green);
}

.console-list {
  margin: 0;
}

.console-list div {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 14px;
  padding: 12px 14px;
  margin-top: 8px;
  border: 1px solid rgba(236, 231, 216, .08);
  border-radius: 8px;
  background: rgba(7, 8, 7, .26);
}

.console-list dt {
  color: var(--signal-gold);
  font: 700 12px/1.2 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.console-list dd {
  margin: 0;
  color: rgba(236, 231, 216, .78);
}

.marquee {
  overflow: hidden;
  contain: paint;
  border-block: 1px solid var(--line);
  background: rgba(17, 19, 17, .72);
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 42s linear infinite;
}

.marquee-set {
  display: flex;
  align-items: center;
}

.marquee span {
  position: relative;
  padding: 18px 42px;
  color: rgba(236, 231, 216, .76);
  font: 600 13px/1 var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.marquee span::after {
  content: "/";
  position: absolute;
  right: -4px;
  color: rgba(212, 175, 98, .78);
}

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

.split {
  align-items: start;
}

.map-scene .split {
  align-items: center;
}

.split > * {
  flex: 1 1 0;
  min-width: 0;
}

.reverse {
  flex-direction: row-reverse;
}

.section-copy {
  max-width: 650px;
}

.sticky-copy {
  position: sticky;
  top: 108px;
}

.section-copy p {
  margin: 22px 0 0;
}

.section-head {
  align-items: end;
  margin-bottom: 26px;
}

.section-head h2 {
  max-width: 820px;
}

.section-head p {
  max-width: 420px;
  margin: 0;
}

.section-head.narrow {
  display: block;
  max-width: 880px;
}

.section-head.narrow p:last-child {
  margin-top: 18px;
  max-width: 720px;
}

.scenario-stack {
  display: grid;
  gap: 16px;
}

.scenario {
  position: relative;
  min-height: 138px;
  padding: 22px 22px 22px 92px;
  cursor: pointer;
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
  overflow: hidden;
}

.scenario::before {
  content: "";
  position: absolute;
  left: 22px;
  top: 28px;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(212, 175, 98, .42);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(212, 175, 98, .9) 0 4px, transparent 5px),
    radial-gradient(circle, rgba(245, 158, 11, .18), transparent 64%);
  box-shadow: 0 0 26px rgba(212, 175, 98, .14);
}

.scenario::after {
  content: "";
  position: absolute;
  left: 43px;
  top: 74px;
  bottom: 22px;
  width: 1px;
  background: linear-gradient(180deg, rgba(212, 175, 98, .5), rgba(125, 211, 160, .08));
}

.scenario[data-scenario="brief"]::before {
  border-radius: 8px;
  border-color: rgba(245, 158, 11, .45);
  background:
    linear-gradient(90deg, transparent 43%, rgba(245, 158, 11, .6) 44% 56%, transparent 57%),
    linear-gradient(0deg, transparent 43%, rgba(245, 158, 11, .6) 44% 56%, transparent 57%),
    radial-gradient(circle, rgba(245, 158, 11, .14), transparent 62%);
}

.scenario[data-scenario="handoff"]::before {
  border-color: rgba(123, 167, 255, .5);
  background:
    radial-gradient(circle at 36% 36%, rgba(123, 167, 255, .9) 0 4px, transparent 5px),
    radial-gradient(circle at 64% 64%, rgba(125, 211, 160, .9) 0 4px, transparent 5px),
    linear-gradient(135deg, transparent 45%, rgba(123, 167, 255, .55) 46% 54%, transparent 55%);
}

.scenario:hover,
.scenario:focus-visible,
.scenario.is-active {
  transform: translateX(-8px);
  border-color: rgba(212, 175, 98, .62);
  background: linear-gradient(145deg, rgba(24, 27, 24, .96), rgba(17, 19, 17, .82));
}

.scenario span {
  color: var(--signal-gold);
  font: 700 13px/1 var(--mono);
}

.scenario h3 {
  margin-top: 28px;
  font-size: clamp(24px, 2.2vw, 34px);
  font-family: var(--serif);
  font-weight: 400;
}

.scenario p {
  color: rgba(236, 231, 216, .66);
  margin: 16px 0 0;
  font-size: 18px;
}

.route-theater {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 24px;
  align-items: stretch;
}

.route-board,
.route-insight,
.tuesday-board,
.tuesday-detail,
.deliverable-orbit article {
  border: 1px solid var(--line);
  background: linear-gradient(145deg, rgba(17, 19, 17, .86), rgba(7, 8, 7, .62));
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px);
}

.route-board {
  position: relative;
  min-height: 390px;
  padding: 22px;
  overflow: hidden;
}

.route-board::before {
  content: "";
  position: absolute;
  inset: 44px 58px;
  border: 1px solid rgba(212, 175, 98, .13);
  transform: skew(-12deg);
}

.route-thread {
  position: absolute;
  left: 90px;
  right: 90px;
  top: 50%;
  height: 5px;
  background: linear-gradient(90deg, var(--signal-gold), var(--leak-amber), var(--owner-blue), var(--memory-violet), var(--route-green));
  border-radius: 999px;
  box-shadow: 0 0 30px rgba(212, 175, 98, .24);
  transform: translateY(-50%);
}

.route-node {
  position: absolute;
  z-index: 2;
  width: min(208px, 38%);
  min-height: 82px;
  padding: 14px;
  border: 1px solid rgba(236, 231, 216, .11);
  border-radius: 8px;
  background: rgba(7, 8, 7, .82);
  color: var(--soft-bone);
  text-align: left;
  cursor: pointer;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .32);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.route-node:hover,
.route-node:focus-visible,
.route-node.is-active {
  transform: translateY(-5px);
  border-color: rgba(212, 175, 98, .64);
  background: rgba(24, 27, 24, .96);
}

.route-node span {
  display: block;
  margin-bottom: 10px;
  color: var(--signal-gold);
  font: 700 11px/1 var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.route-node b {
  display: block;
  font-size: 16px;
  line-height: 1.25;
}

.route-node.signal { left: 22px; top: 42px; }
.route-node.leak { left: 29%; top: 150px; }
.route-node.owner { right: 11%; top: 48px; }
.route-node.memory { left: 15%; bottom: 38px; }
.route-node.route { right: 24px; bottom: 42px; }

.route-node.leak span { color: var(--leak-amber); }
.route-node.owner span { color: var(--owner-blue); }
.route-node.memory span { color: var(--memory-violet); }
.route-node.route span { color: var(--route-green); }

.route-insight {
  padding: 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.route-insight span {
  color: var(--route-green);
  font: 700 12px/1 var(--mono);
  letter-spacing: .18em;
  text-transform: uppercase;
}

.route-insight h3 {
  margin-top: 22px;
  font-family: var(--serif);
  font-size: clamp(32px, 3vw, 48px);
  font-weight: 400;
  line-height: .96;
}

.route-insight p {
  margin: 20px 0 0;
  color: rgba(236, 231, 216, .7);
  font-size: 18px;
}

.route-visual {
  position: relative;
  min-height: 560px;
  overflow: hidden;
  border: 1px solid rgba(212, 175, 98, .28);
  background: #050605;
  box-shadow: var(--shadow);
}

.route-visual img {
  width: 100%;
  height: 100%;
  min-height: 560px;
  object-fit: cover;
  object-position: center;
  opacity: .86;
  filter: brightness(.78) saturate(.94);
}

.route-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(7, 8, 7, .68), transparent 28%, rgba(7, 8, 7, .1) 62%, rgba(7, 8, 7, .68)),
    linear-gradient(180deg, rgba(7, 8, 7, .54), transparent 40%, rgba(7, 8, 7, .5));
}

.route-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.pulse {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--leak-amber);
  box-shadow: 0 0 0 0 rgba(245, 158, 11, .62), 0 0 34px rgba(245, 158, 11, .78);
  animation: pulse 2.4s infinite;
}

.p1 { left: 23%; top: 32%; }
.p2 { left: 47%; top: 45%; animation-delay: .4s; }
.p3 { left: 68%; top: 36%; animation-delay: .8s; background: var(--route-green); box-shadow: 0 0 0 0 rgba(125, 211, 160, .5), 0 0 34px rgba(125, 211, 160, .78); }
.p4 { left: 78%; top: 64%; animation-delay: 1.2s; background: var(--owner-blue); }

@keyframes pulse {
  70% {
    box-shadow: 0 0 0 28px rgba(245, 158, 11, 0), 0 0 34px currentColor;
  }
  100% {
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0), 0 0 34px currentColor;
  }
}

.route-copy {
  padding: 18px;
  display: grid;
  gap: 12px;
}

.route-step {
  align-items: center;
  min-height: 120px;
  padding: 22px;
  border: 1px solid var(--line-soft);
  background: rgba(7, 8, 7, .38);
  transition: border-color .2s ease, transform .2s ease;
}

.route-step:hover {
  transform: translateY(-4px);
  border-color: rgba(212, 175, 98, .54);
}

.route-step span {
  color: var(--signal-gold);
  font: 700 12px/1 var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.route-step strong {
  max-width: 280px;
  font-size: 20px;
}

.route-step.leak span {
  color: var(--leak-amber);
}

.route-step.route span {
  color: var(--route-green);
}

.protocol-map {
  position: relative;
  min-height: 430px;
  padding: 24px;
  overflow: hidden;
}

.protocol-map svg {
  width: 100%;
  height: auto;
  min-height: 300px;
}

.route-line {
  fill: none;
  stroke-width: 8;
  stroke-linecap: round;
  opacity: .9;
}

.route-line.weak {
  stroke: rgba(236, 231, 216, .13);
  stroke-width: 2;
}

.route-line.amber {
  stroke: var(--leak-amber);
  filter: url("#glow");
  stroke-dasharray: 620;
  stroke-dashoffset: 620;
  animation: route-draw 6.8s ease-in-out infinite;
}

.route-line.green {
  stroke: var(--route-green);
  filter: url("#glow");
  stroke-dasharray: 620;
  stroke-dashoffset: 620;
  animation: route-draw 6.8s ease-in-out 1.4s infinite;
}

.route-line.violet {
  stroke: var(--memory-violet);
  stroke-width: 3;
  opacity: .65;
  stroke-dasharray: 420;
  stroke-dashoffset: 420;
  animation: route-draw 7.2s ease-in-out .7s infinite;
}

.node circle {
  fill: rgba(7, 8, 7, .96);
  stroke-width: 2;
  filter: url("#glow");
}

.node text {
  fill: var(--soft-bone);
  font: 700 17px var(--mono);
  text-anchor: middle;
}

.node.signal circle { stroke: var(--signal-gold); }
.node.leak circle { stroke: var(--leak-amber); }
.node.owner circle { stroke: var(--owner-blue); }
.node.memory circle { stroke: var(--memory-violet); }
.node.route circle { stroke: var(--route-green); }

.node {
  transform-box: fill-box;
  transform-origin: center;
  animation: node-breathe 5.8s ease-in-out infinite;
}

.node.leak {
  animation-delay: .8s;
}

.node.owner {
  animation-delay: 1.4s;
}

.node.route {
  animation-delay: 2.1s;
}

.map-dossier {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
  border: 1px solid var(--line);
  background: rgba(7, 8, 7, .7);
}

.map-dossier span {
  color: var(--muted-olive);
  font: 600 12px/1 var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.map-dossier b {
  color: var(--route-green);
}

.map-events {
  position: absolute;
  inset: 18px 22px auto;
  min-height: 250px;
  pointer-events: none;
}

.map-events span {
  position: absolute;
  padding: 7px 9px;
  border: 1px solid rgba(212, 175, 98, .16);
  background: rgba(7, 8, 7, .62);
  color: rgba(236, 231, 216, .66);
  font: 600 10px/1.1 var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(8px);
  animation: map-event 6.8s ease-in-out infinite;
}

.event-one { left: 6%; top: 22%; animation-delay: .2s; }
.event-two { left: 35%; top: 40%; animation-delay: 1.2s; }
.event-three { right: 30%; top: 24%; animation-delay: 2.1s; }
.event-four { right: 6%; top: 42%; animation-delay: 3s; }

.evidence-scene {
  position: relative;
}

.evidence-scene::before {
  content: "";
  position: absolute;
  inset: 8% 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(212, 175, 98, .34), rgba(125, 211, 160, .2), transparent);
  opacity: .74;
}

.evidence-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.25fr);
  gap: clamp(32px, 6vw, 84px);
  align-items: center;
}

.evidence-rail {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.evidence-rail article {
  min-height: 178px;
  padding: 22px;
  position: relative;
  overflow: hidden;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.evidence-rail article:hover {
  transform: translateY(-4px);
  border-color: rgba(212, 175, 98, .5);
  background: linear-gradient(145deg, rgba(24, 27, 24, .94), rgba(7, 8, 7, .72));
}

.evidence-rail article::before {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  top: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--signal-gold), transparent);
}

.evidence-rail span {
  display: block;
  margin-bottom: 20px;
  color: rgba(212, 175, 98, .68);
  font: 600 12px/1 var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}

.evidence-rail b {
  display: block;
  margin-bottom: 12px;
  font-family: var(--serif);
  font-size: clamp(24px, 2.45vw, 32px);
  font-weight: 500;
  line-height: 1;
}

.evidence-rail p {
  margin: 0;
  color: rgba(236, 231, 216, .68);
  font-size: 15px;
}

.map-readout {
  display: grid;
  gap: 12px;
  margin-top: 28px;
}

.map-readout article {
  position: relative;
  padding: 15px 16px 15px 18px;
  border: 1px solid var(--line-soft);
  background:
    linear-gradient(90deg, rgba(212, 175, 98, .08), transparent 44%),
    rgba(17, 19, 17, .54);
  overflow: hidden;
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.map-readout article::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--signal-gold);
}

.map-readout article[data-tone="leak"]::before { background: var(--leak-amber); }
.map-readout article[data-tone="memory"]::before { background: var(--memory-violet); }
.map-readout article[data-tone="route"]::before { background: var(--route-green); }

.map-readout article:hover {
  transform: translateX(6px);
  border-color: rgba(212, 175, 98, .42);
  background:
    linear-gradient(90deg, rgba(212, 175, 98, .14), transparent 52%),
    rgba(24, 27, 24, .64);
}

.map-readout span {
  display: block;
  margin-bottom: 6px;
  color: var(--signal-gold);
  font: 700 11px/1 var(--mono);
  letter-spacing: .18em;
  text-transform: uppercase;
}

.map-readout article[data-tone="leak"] span { color: var(--leak-amber); }
.map-readout article[data-tone="memory"] span { color: var(--memory-violet); }
.map-readout article[data-tone="route"] span { color: var(--route-green); }

.map-readout b {
  display: block;
  color: var(--soft-bone);
  font-size: 17px;
  line-height: 1.25;
}

.map-readout p {
  margin: 6px 0 0;
  color: rgba(236, 231, 216, .64);
  font-size: 14px;
  line-height: 1.45;
}

@keyframes route-draw {
  0%,
  18% {
    stroke-dashoffset: 620;
  }
  56%,
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes node-breathe {
  0%,
  100% {
    opacity: .86;
    transform: scale(1);
  }
  45% {
    opacity: 1;
    transform: scale(1.035);
  }
}

@keyframes map-event {
  0%,
  14%,
  100% {
    opacity: 0;
    transform: translateY(8px);
  }
  20%,
  48% {
    opacity: .9;
    transform: translateY(0);
  }
}

.cockpit {
  display: grid;
  grid-template-columns: minmax(0, .98fr) minmax(340px, .72fr);
  gap: 22px;
  align-items: stretch;
}

.tuesday-board {
  display: grid;
  gap: 10px;
  padding: 18px;
}

.tuesday-row {
  width: 100%;
  display: grid;
  grid-template-columns: 112px minmax(140px, .7fr) 1fr;
  gap: 18px;
  align-items: center;
  min-height: 84px;
  padding: 16px;
  border: 1px solid rgba(236, 231, 216, .09);
  border-radius: 8px;
  background: rgba(7, 8, 7, .36);
  color: var(--soft-bone);
  text-align: left;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.tuesday-row:hover,
.tuesday-row:focus-visible,
.tuesday-row.is-active {
  transform: translateX(6px);
  border-color: rgba(212, 175, 98, .58);
  background: rgba(212, 175, 98, .065);
}

.tuesday-row span {
  color: var(--signal-gold);
  font: 700 12px/1 var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}

.tuesday-row b {
  font-size: 20px;
}

.tuesday-row em {
  color: rgba(236, 231, 216, .62);
  font-style: normal;
}

.tuesday-detail {
  padding: 26px;
  display: grid;
  align-content: center;
}

.detail-top {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  color: var(--muted-olive);
  font: 700 12px/1 var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}

.detail-top b {
  color: var(--leak-amber);
}

.tuesday-detail h3 {
  margin-top: 24px;
  font-family: var(--serif);
  font-size: clamp(36px, 3.4vw, 58px);
  font-weight: 400;
  line-height: .92;
}

.tuesday-detail p {
  margin: 20px 0 0;
  color: rgba(236, 231, 216, .72);
  font-size: 19px;
}

.detail-route {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 28px;
}

.detail-route span {
  min-height: 58px;
  display: grid;
  place-items: center;
  padding: 12px;
  border: 1px solid rgba(125, 211, 160, .22);
  border-radius: 999px;
  background: rgba(125, 211, 160, .055);
  color: rgba(236, 231, 216, .74);
  font: 600 11px/1.3 var(--mono);
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
}

.cockpit-screen {
  min-height: 620px;
  padding: 24px;
}

.screen-top {
  align-items: center;
  color: var(--muted-olive);
  font: 600 12px/1 var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.screen-top b {
  color: var(--leak-amber);
}

.screen-body {
  position: relative;
  min-height: 430px;
  margin-top: 26px;
  display: grid;
  align-items: end;
  overflow: hidden;
  border: 1px solid var(--line-soft);
  background:
    linear-gradient(rgba(236, 231, 216, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(236, 231, 216, .03) 1px, transparent 1px),
    radial-gradient(circle at var(--mx, 54%) var(--my, 42%), rgba(212, 175, 98, .18), transparent 26%),
    rgba(7, 8, 7, .64);
  background-size: 54px 54px, 54px 54px, auto, auto;
}

.screen-copy {
  position: relative;
  z-index: 2;
  max-width: 610px;
  padding: 32px;
}

.screen-copy h3 {
  font-family: var(--serif);
  font-size: clamp(42px, 4.8vw, 74px);
  font-weight: 400;
  line-height: .9;
}

.screen-copy p {
  margin: 20px 0 0;
  color: rgba(236, 231, 216, .72);
  font-size: 20px;
}

.network-grid {
  position: absolute;
  inset: 0;
}

.network-grid::before,
.network-grid::after {
  content: "";
  position: absolute;
  inset: 16%;
  border: 1px solid rgba(212, 175, 98, .12);
  transform: rotate(15deg);
}

.network-grid::after {
  inset: 27%;
  border-color: rgba(125, 211, 160, .16);
  transform: rotate(-20deg);
}

.n {
  position: absolute;
  width: 18px;
  height: 18px;
  border: 1px solid var(--signal-gold);
  border-radius: 50%;
  background: rgba(7, 8, 7, .92);
  box-shadow: 0 0 28px rgba(212, 175, 98, .32);
}

.n1 { left: 13%; top: 20%; }
.n2 { left: 34%; top: 34%; border-color: var(--leak-amber); }
.n3 { left: 58%; top: 18%; border-color: var(--memory-violet); }
.n4 { left: 74%; top: 42%; border-color: var(--owner-blue); }
.n5 { left: 48%; top: 60%; border-color: var(--route-green); }
.n6 { left: 82%; top: 70%; border-color: var(--route-green); }

.path {
  position: absolute;
  left: 14%;
  right: 16%;
  top: 36%;
  height: 3px;
  background: linear-gradient(90deg, var(--signal-gold), var(--leak-amber), var(--memory-violet), var(--route-green));
  transform: rotate(14deg);
  transform-origin: left center;
  box-shadow: 0 0 22px rgba(212, 175, 98, .32);
}

.screen-log {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 16px;
}

.screen-log span {
  min-height: 66px;
  padding: 14px;
  border: 1px solid var(--line-soft);
  color: rgba(236, 231, 216, .7);
  font: 500 12px/1.35 var(--mono);
  text-transform: uppercase;
}

.cockpit-control {
  border: 1px solid var(--line);
  background: rgba(17, 19, 17, .58);
  padding: 22px;
  align-self: start;
  position: sticky;
  top: 92px;
}

.cockpit-control label {
  display: block;
  margin-bottom: 18px;
  color: var(--signal-gold);
  font: 700 12px/1 var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}

input[type="range"] {
  width: 100%;
  accent-color: var(--signal-gold);
}

.layer-buttons {
  display: grid;
  gap: 8px;
  margin-top: 20px;
}

.layer-buttons button {
  min-height: 48px;
  border: 1px solid var(--line-soft);
  background: rgba(7, 8, 7, .42);
  color: rgba(236, 231, 216, .68);
  font: 700 12px/1 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.layer-buttons button:hover,
.layer-buttons button.is-active {
  color: var(--soft-bone);
  border-color: rgba(212, 175, 98, .62);
  background: rgba(212, 175, 98, .08);
  transform: translateX(-4px);
}

.compact-head {
  align-items: start;
}

.compact-head h2 {
  max-width: 620px;
}

.motion-sequence {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
  padding: 10px 0 18px;
}

.motion-sequence::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 48%;
  height: 1px;
  background: linear-gradient(90deg, rgba(245, 158, 11, .2), rgba(125, 211, 160, .56), rgba(123, 167, 255, .24));
  box-shadow: 0 0 26px rgba(125, 211, 160, .18);
  pointer-events: none;
}

.motion-card {
  position: relative;
  z-index: 1;
  min-height: clamp(208px, 21vw, 262px);
  overflow: hidden;
  border-radius: 8px;
  background: #050605;
  cursor: pointer;
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.motion-card:nth-child(2) {
  margin-top: 28px;
}

.motion-card:nth-child(3) {
  margin-top: 12px;
}

.motion-card:hover,
.motion-card.is-playing {
  transform: translateY(-5px);
  border-color: rgba(212, 175, 98, .6);
}

.motion-card video {
  width: 100%;
  height: clamp(208px, 21vw, 262px);
  object-fit: cover;
  object-position: center;
  background: #050605;
  opacity: .68;
  filter: brightness(.72) contrast(.96) saturate(.8);
  transition: opacity .28s ease, filter .28s ease;
}

.motion-card.is-playing video {
  opacity: .88;
  filter: brightness(.84) contrast(1) saturate(.9);
}

.motion-card.is-played video {
  opacity: .6;
}

.motion-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(7, 8, 7, .08), transparent 42%, rgba(7, 8, 7, .5)),
    linear-gradient(90deg, rgba(7, 8, 7, .18), transparent 35%, rgba(7, 8, 7, .18));
  pointer-events: none;
}

.motion-card span {
  position: absolute;
  z-index: 2;
  left: 14px;
  right: 14px;
  bottom: 12px;
  padding: 8px 10px;
  border: 1px solid rgba(212, 175, 98, .2);
  background: rgba(7, 8, 7, .72);
  color: rgba(236, 231, 216, .78);
  font: 700 10px/1 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.deliverable-orbit {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 14px;
}

.deliverable-orbit article {
  min-height: 112px;
  padding: 18px;
  border-radius: 8px;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.deliverable-orbit article:hover {
  transform: translateY(-5px);
  border-color: rgba(212, 175, 98, .58);
  background: linear-gradient(145deg, rgba(24, 27, 24, .96), rgba(7, 8, 7, .76));
}

.deliverable-orbit b {
  display: block;
  color: var(--signal-gold);
  font: 700 12px/1 var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}

.deliverable-orbit span {
  display: block;
  margin-top: 16px;
  color: rgba(236, 231, 216, .68);
}

.artifact-console {
  position: relative;
  margin: 34px calc(50% - 50vw) 0;
  min-height: clamp(300px, 46svh, 500px);
  overflow: hidden;
  border-block: 1px solid rgba(212, 175, 98, .24);
  background: #050605;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .44);
}

.artifact-console img {
  display: block;
  width: 100%;
  height: clamp(300px, 46svh, 500px);
  min-height: 0;
  object-fit: cover;
  object-position: center 42%;
  opacity: .9;
  filter: brightness(.86) saturate(.98) contrast(1.04);
  transform: scale(1.02);
  animation: artifact-drift 12s ease-in-out infinite alternate;
}

.artifact-console::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(7, 8, 7, .14), transparent 48%, rgba(7, 8, 7, .18)),
    linear-gradient(180deg, rgba(7, 8, 7, .03), transparent 62%, rgba(7, 8, 7, .22));
  pointer-events: none;
}

.artifact-console figcaption {
  position: absolute;
  left: max(24px, calc((100vw - var(--max)) / 2));
  top: clamp(24px, 5vw, 56px);
  z-index: 2;
  color: var(--signal-gold);
  font: 700 13px/1 var(--mono);
  letter-spacing: .32em;
  text-transform: uppercase;
}

.human-card {
  position: relative;
  min-height: clamp(420px, 58svh, 590px);
  overflow: hidden;
  background: #050605;
}

.human-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: .96;
  filter: brightness(.9) saturate(1.12) contrast(1.04);
}

.human-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(7, 8, 7, .9), rgba(7, 8, 7, .54) 38%, rgba(7, 8, 7, .16) 70%),
    linear-gradient(180deg, rgba(7, 8, 7, .38), transparent 42%, rgba(7, 8, 7, .5));
}

.human-copy {
  position: relative;
  z-index: 2;
  max-width: 660px;
  padding: clamp(34px, 7vw, 88px);
  animation: human-copy-drift 8s ease-in-out infinite alternate;
}

.human-copy h2 {
  font-size: clamp(42px, 5.3vw, 84px);
}

.human-card h1 {
  max-width: 780px;
  font-size: clamp(44px, 5vw, 78px);
  line-height: .92;
}

.human-copy p:last-child {
  color: rgba(236, 231, 216, .72);
  font-size: 20px;
}

.compact-proof-scene .human-card {
  min-height: clamp(360px, 46svh, 500px);
}

.compact-proof-scene .human-card img {
  object-position: center 42%;
  opacity: .86;
  filter: brightness(.76) saturate(1.04) contrast(1.05);
}

.compact-proof-scene .human-card::after {
  background:
    linear-gradient(90deg, rgba(7, 8, 7, .92), rgba(7, 8, 7, .62) 44%, rgba(7, 8, 7, .22) 78%),
    linear-gradient(180deg, rgba(7, 8, 7, .34), transparent 46%, rgba(7, 8, 7, .56));
}

.compact-proof-scene .human-copy {
  max-width: 620px;
}

.compact-proof-scene .human-copy h2 {
  font-size: clamp(38px, 4.2vw, 64px);
}

.proof-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.proof-links a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(212, 175, 98, .26);
  background: rgba(7, 8, 7, .48);
  color: rgba(236, 231, 216, .74);
  text-decoration: none;
  font: 700 10px/1 var(--mono);
  letter-spacing: .13em;
  text-transform: uppercase;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}

.proof-links a:hover,
.proof-links a:focus-visible {
  border-color: rgba(212, 175, 98, .62);
  color: var(--soft-bone);
  background: rgba(24, 27, 24, .72);
}

@keyframes human-copy-drift {
  from {
    transform: translateX(-6px);
  }
  to {
    transform: translateX(6px);
  }
}

@keyframes artifact-drift {
  from {
    transform: scale(1.02) translate3d(-.8%, 0, 0);
  }
  to {
    transform: scale(1.06) translate3d(.8%, -.5%, 0);
  }
}

.offer-scene {
  overflow: hidden;
}

.offer-scene::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(7, 8, 7, .96), rgba(7, 8, 7, .78) 42%, rgba(7, 8, 7, .58)),
    url("/assets/visual-system-flow-wide.webp") center / cover no-repeat;
  opacity: .72;
  transform: scale(1.06);
}

.offer-grid {
  position: relative;
  z-index: 1;
  align-items: center;
}

.offer-grid > div:first-child {
  max-width: 710px;
}

.offer-card {
  flex: 0 0 min(430px, 100%);
  padding: 30px;
}

.price {
  font-family: var(--serif);
  font-size: clamp(64px, 7vw, 96px);
  line-height: .9;
  color: var(--signal-gold);
}

.price-note {
  margin: 14px 0 4px;
  color: rgba(236, 231, 216, .7);
  font: 600 12px/1.45 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.offer-layers {
  display: grid;
  gap: 10px;
  margin: 24px 0;
}

.offer-shortlist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.offer-shortlist span {
  min-height: 38px;
  display: flex;
  align-items: center;
  padding: 10px 12px 10px 24px;
  border: 1px solid rgba(125, 211, 160, .2);
  background: rgba(125, 211, 160, .045);
  color: rgba(236, 231, 216, .8);
  font: 700 10px/1.25 var(--mono);
  letter-spacing: .09em;
  text-transform: uppercase;
  position: relative;
}

.offer-shortlist span::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--route-green);
  box-shadow: 0 0 14px rgba(125, 211, 160, .58);
  transform: translateY(-50%);
}

.offer-layer {
  border: 1px solid var(--line-soft);
  background: rgba(7, 8, 7, .34);
  overflow: hidden;
}

.offer-layer[open] {
  border-color: rgba(212, 175, 98, .34);
  background: rgba(17, 19, 17, .64);
}

.offer-layer summary {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  color: rgba(236, 231, 216, .9);
  cursor: pointer;
  font: 700 11px/1.25 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.offer-layer summary::after {
  content: "+";
  color: var(--signal-gold);
  font-size: 16px;
}

.offer-layer[open] summary::after {
  content: "-";
}

.offer-layer p {
  margin: 0;
  padding: 0 16px 16px;
  color: rgba(236, 231, 216, .66);
  font-size: 15px;
}

.risk-note {
  color: rgba(236, 231, 216, .64);
  font-size: 15px;
  margin: 0 0 22px;
}

.trust-scene {
  background:
    linear-gradient(180deg, rgba(24, 27, 24, .46), rgba(7, 8, 7, .92)),
    radial-gradient(circle at 72% 22%, rgba(123, 167, 255, .1), transparent 28%);
}

.trust-grid {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(24px, 5vw, 64px);
  align-items: start;
}

.trust-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.trust-card {
  min-height: 220px;
  padding: 24px;
}

.trust-card span {
  color: var(--signal-gold);
  font: 600 12px/1 var(--mono);
  letter-spacing: .16em;
}

.trust-card h3 {
  margin: 18px 0 10px;
  font-size: 21px;
}

.trust-card p {
  margin: 0;
  color: rgba(236, 231, 216, .66);
  font-size: 15px;
}

.fit-scene {
  padding-top: 48px;
  padding-bottom: 48px;
  background:
    linear-gradient(180deg, rgba(12, 15, 13, .9), rgba(7, 8, 7, .96)),
    radial-gradient(circle at 78% 16%, rgba(212, 175, 98, .08), transparent 28%);
}

.fit-grid {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(460px, 1.18fr);
  gap: 28px;
  align-items: start;
}

.fit-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.fit-panel > div {
  min-height: 310px;
  padding: 22px;
  border: 1px solid rgba(212, 175, 98, .22);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(17, 19, 17, .86), rgba(7, 8, 7, .66)),
    radial-gradient(circle at 78% 16%, rgba(125, 211, 160, .08), transparent 26%);
  box-shadow: 0 18px 60px rgba(0, 0, 0, .32);
}

.fit-panel > div:last-child {
  border-color: rgba(239, 111, 108, .2);
  background:
    linear-gradient(145deg, rgba(17, 19, 17, .82), rgba(7, 8, 7, .66)),
    radial-gradient(circle at 78% 16%, rgba(239, 111, 108, .07), transparent 26%);
}

.fit-panel span {
  color: var(--signal-gold);
  font: 700 11px/1 var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}

.fit-panel ul {
  display: grid;
  gap: 14px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.fit-panel li {
  position: relative;
  padding-left: 22px;
  color: rgba(236, 231, 216, .7);
  font-size: 16px;
}

.fit-panel li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .55em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--route-green);
  box-shadow: 0 0 18px rgba(125, 211, 160, .42);
}

.fit-panel > div:last-child li::before {
  background: var(--exception-red);
  box-shadow: 0 0 18px rgba(239, 111, 108, .32);
}

.faq-list {
  display: grid;
  gap: 12px;
}

.faq-list details {
  padding: 0;
  overflow: hidden;
  border-radius: 8px;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.faq-list details:hover,
.faq-list details[open] {
  border-color: rgba(212, 175, 98, .5);
  background: linear-gradient(145deg, rgba(24, 27, 24, .92), rgba(7, 8, 7, .72));
}

.faq-list summary {
  position: relative;
  cursor: pointer;
  padding: 22px 56px 22px 24px;
  font-size: 19px;
  list-style: none;
}

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

.faq-list details[open] summary {
  color: var(--signal-gold);
}

.faq-list summary::after {
  content: "+";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--signal-gold);
  font: 700 22px/1 var(--mono);
}

.faq-list details[open] summary::after {
  content: "-";
}

.faq-list p {
  margin: 0;
  padding: 0 24px 24px;
  color: rgba(236, 231, 216, .68);
}

.contact-card {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(320px, .68fr);
  align-items: center;
  gap: clamp(24px, 4vw, 54px);
  text-align: left;
  padding: clamp(86px, 8vw, 108px) clamp(34px, 6vw, 68px) clamp(34px, 6vw, 68px);
}

.contact-scene {
  scroll-margin-top: 112px;
  padding-top: 84px;
  padding-bottom: 30px;
}

.contact-card h2 {
  max-width: 860px;
}

.contact-card p {
  max-width: 720px;
  margin: 26px 0 0;
}

.contact-actions {
  justify-content: flex-start;
}

.contact-visual {
  position: relative;
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: clamp(260px, 32vw, 400px);
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(212, 175, 98, .22);
  border-radius: 8px;
  background: #050605;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}

.contact-visual img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center;
  opacity: .92;
  filter: brightness(.86) saturate(1) contrast(1.04);
  transform: scale(1.02);
  transition: transform 1.8s ease, opacity .35s ease, filter .35s ease;
}

.contact-visual:hover img {
  opacity: .98;
  filter: brightness(.9) saturate(1.04) contrast(1.05);
  transform: scale(1.08);
}

.contact-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(7, 8, 7, .42), transparent 45%, rgba(7, 8, 7, .28)),
    radial-gradient(circle at 63% 47%, rgba(125, 211, 160, .08), transparent 30%);
}

.site-footer {
  align-items: center;
  padding: 18px max(24px, calc((100vw - var(--max)) / 2));
  color: rgba(236, 231, 216, .52);
  font-size: 14px;
}

.site-footer nav {
  gap: 18px;
}

.site-footer a {
  color: rgba(236, 231, 216, .52);
  text-decoration: none;
}

.reveal-item {
  opacity: .86;
  transform: translateY(10px);
  transition: opacity .42s ease, transform .42s ease, border-color .18s ease, background .18s ease;
}

.reveal-item.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.scenario.reveal-item.is-visible:hover,
.scenario.reveal-item.is-visible:focus-visible,
.scenario.reveal-item.is-visible.is-active {
  transform: translateX(-8px);
}

.route-node.reveal-item.is-visible:hover,
.route-node.reveal-item.is-visible:focus-visible,
.route-node.reveal-item.is-visible.is-active,
.deliverable-orbit article.reveal-item.is-visible:hover,
.motion-card.reveal-item.is-visible:hover {
  transform: translateY(-5px);
}

.tuesday-row.reveal-item.is-visible:hover,
.tuesday-row.reveal-item.is-visible:focus-visible,
.tuesday-row.reveal-item.is-visible.is-active {
  transform: translateX(6px);
}

@media (max-width: 980px) {
  .nav-links a:not(.nav-cta):not(.language-toggle) {
    display: none;
  }

  .hero-grid,
  .signal-gap-grid,
  .data-reality-grid,
  .route-theater,
  .cockpit,
  .evidence-grid,
  .trust-grid,
  .fit-grid,
  .contact-card {
    grid-template-columns: 1fr;
  }

  .route-board {
    min-height: 420px;
  }

  .route-node.signal { left: 24px; top: 38px; }
  .route-node.leak { left: 24px; top: 168px; }
  .route-node.owner { right: 24px; top: 100px; }
  .route-node.memory { left: 24px; bottom: 56px; }
  .route-node.route { right: 24px; bottom: 56px; }

  .hero {
    align-items: center;
  }

  .hero-console {
    max-width: none;
  }

  .hero-video-chip {
    display: none;
  }

  .split,
  .section-head,
  .offer-grid {
    display: grid;
  }

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

  .door-grid,
  .proof-card-grid {
    grid-template-columns: 1fr;
  }

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

  .fit-panel {
    grid-template-columns: 1fr;
  }

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

  .route-primer {
    grid-template-columns: 1fr;
  }

  .signal-gap-grid {
    grid-template-columns: 1fr;
  }

  .data-board {
    min-height: 520px;
  }

  .data-source {
    width: min(156px, 42vw);
  }

  .source-crm { left: 4%; top: 11%; }
  .source-sap { right: 4%; top: 9%; }
  .source-sheet { left: 5%; bottom: 13%; }
  .source-chat { right: 5%; bottom: 14%; }
  .source-docs { left: 28%; top: 2%; }
  .source-memory { right: 25%; bottom: 2%; }
  .source-ai { left: 4%; top: 43%; }

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

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

  .sticky-copy,
  .cockpit-control {
    position: static;
  }

  .scenario:hover,
  .scenario:focus-visible,
  .scenario.is-active,
  .tuesday-row:hover,
  .tuesday-row:focus-visible,
  .tuesday-row.is-active {
    transform: translateY(-4px);
  }
}

@media (max-width: 680px) {
  html {
    scroll-padding-top: 128px;
  }

  .scene[id] {
    scroll-margin-top: 128px;
  }

  .wrap {
    width: min(100% - 28px, 362px);
    margin-left: 14px;
    margin-right: auto;
  }

  .site-header {
    min-height: 64px;
    padding-inline: 14px;
    justify-content: flex-start;
  }

  .brand {
    font-size: 21px;
    min-width: 0;
    max-width: calc(100% - 58px);
  }

  .brand-mark {
    width: 34px;
    height: 34px;
  }

  .brand-name {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .nav-links {
    display: none;
    position: absolute;
    top: 50%;
    right: 14px;
    margin-left: 0;
    gap: 8px;
    transform: translateY(-50%);
  }

  .nav-links a:not(.language-toggle) {
    display: none !important;
  }

  .mobile-language-toggle {
    position: absolute;
    top: 50%;
    right: max(14px, calc(100vw - 376px)) !important;
    z-index: 2;
    display: inline-grid !important;
    width: 40px;
    min-width: 40px;
    transform: translateY(-50%);
    flex: 0 0 auto;
    opacity: 1;
    visibility: visible;
    color: var(--signal-gold);
    background: rgba(7, 8, 7, .78);
  }

  body.tp-header-collapsed .nav-links {
    position: absolute;
    right: 14px;
    transform: translateY(-50%);
  }

  body.tp-header-collapsed .brand {
    transform: none;
  }

  .scene {
    padding: 56px 0;
  }

  .scene[id] {
    scroll-margin-top: 76px;
  }

  .hero {
    min-height: auto;
    padding-top: 96px;
    padding-bottom: 30px;
  }

  .hero-backdrop > img,
  .hero-bg-video {
    object-position: 50% 50%;
  }

  .hero-backdrop::before {
    background:
      linear-gradient(180deg, rgba(7, 8, 7, .86), rgba(7, 8, 7, .56) 34%, rgba(7, 8, 7, .96) 84%),
      linear-gradient(90deg, rgba(7, 8, 7, .72), rgba(7, 8, 7, .32));
  }

  h1 {
    font-size: clamp(40px, 12.2vw, 50px);
    line-height: .94;
  }

  h2 {
    font-size: clamp(34px, 10.4vw, 46px);
    line-height: 1;
  }

  .hero-lead,
  .section-copy p,
  .section-head p,
  .contact-card p {
    font-size: 16px;
  }

  .eyebrow {
    letter-spacing: .16em;
    line-height: 1.45;
  }

  .button {
    width: 100%;
  }

  .surface-actions {
    display: grid;
  }

  .door-card,
  .proof-card {
    min-height: 0;
  }

  .maturity-ladder {
    grid-template-columns: 1fr;
  }

  .maturity-ladder article,
  .fit-panel > div {
    min-height: 0;
  }

  .data-board {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    min-height: 0;
    overflow: visible;
    padding: 14px;
  }

  .data-board::before,
  .data-board::after {
    display: none;
  }

  .data-board-core,
  .data-source {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: auto;
    min-height: 0;
    transform: none;
    animation: none;
  }

  .data-board-core {
    min-height: 92px;
    width: auto;
  }

  .data-source {
    padding: 14px;
  }

  .compass-grid {
    grid-template-columns: 1fr;
  }

  .compass-card {
    min-height: 116px;
    padding: 16px;
  }

  .route-primer-card {
    min-height: 0;
    padding: 18px;
  }

  .gap-console {
    min-height: auto;
  }

  .gap-console-head {
    display: grid;
    gap: 6px;
    padding: 16px 16px 0;
  }

  .gap-chart {
    padding: 8px 10px 0;
  }

  .gap-card-row {
    grid-template-columns: 1fr;
    padding: 0 14px 16px;
  }

  .door-card img {
    height: 180px;
  }

  .hero-proofline {
    gap: 8px;
    font-size: 9px;
  }

  .motion-sequence {
    grid-template-columns: 1fr;
  }

  .motion-sequence::before {
    display: none;
  }

  .motion-card:nth-child(2),
  .motion-card:nth-child(3) {
    margin-top: 0;
  }

  .motion-card,
  .motion-card video {
    min-height: 0;
    height: 206px;
  }

  .console-list div,
  .screen-log,
  .detail-route,
  .deliverable-orbit {
    grid-template-columns: 1fr;
  }

  .route-board,
  .cockpit-screen {
    min-height: 420px;
  }

  .route-board,
  .route-insight,
  .protocol-map,
  .cockpit-screen,
  .offer-card,
  .trust-card,
  .tuesday-board,
  .tuesday-detail {
    padding: 16px;
  }

  .route-thread {
    left: 38px;
    right: 38px;
    transform: rotate(90deg);
  }

  .route-node {
    position: relative;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100%;
    margin-bottom: 10px;
    cursor: default;
    pointer-events: none;
  }

  .route-node:hover,
  .route-node:focus-visible,
  .route-node.is-active {
    transform: none;
  }

  .route-board {
    display: grid;
    align-content: start;
  }

  .tuesday-row {
    grid-template-columns: 1fr;
    gap: 8px;
    cursor: default;
    pointer-events: none;
  }

  .tuesday-row:hover,
  .tuesday-row:focus-visible,
  .tuesday-row.is-active {
    transform: none;
  }

  .route-insight h3,
  .tuesday-detail h3 {
    font-size: clamp(30px, 9vw, 40px);
    line-height: 1;
  }

  .route-insight p,
  .tuesday-detail p {
    font-size: 16px;
  }

  .detail-route span {
    min-height: 42px;
    border-radius: 8px;
    background: rgba(7, 8, 7, .38);
  }

  .map-dossier {
    position: static;
    margin-top: 18px;
    flex-direction: column;
    align-items: start;
  }

  .human-card {
    min-height: 380px;
  }

  .compact-proof-scene .human-card {
    min-height: 360px;
  }

  .compact-proof-scene .human-card::after {
    background: linear-gradient(180deg, rgba(7, 8, 7, .9), rgba(7, 8, 7, .72) 56%, rgba(7, 8, 7, .98));
  }

  .compact-proof-scene .human-copy h2 {
    font-size: clamp(32px, 9.7vw, 42px);
  }

  .human-card h1 {
    font-size: clamp(34px, 10vw, 46px);
    line-height: .98;
  }

  .proof-links a {
    flex: 1 1 auto;
    justify-content: center;
  }

  .offer-shortlist {
    grid-template-columns: 1fr;
  }

  .offer-layer summary {
    padding: 13px 14px;
  }

  .contact-card {
    text-align: left;
  }

  .site-footer {
    align-items: flex-start;
  }

  .site-footer nav {
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 100%;
    gap: 12px 16px;
  }

  .trust-cards {
    grid-template-columns: 1fr;
  }

  .evidence-rail {
    grid-template-columns: 1fr;
  }

  .trust-card {
    min-height: 0;
  }

  .contact-visual,
  .contact-visual img {
    min-height: 220px;
  }

  .human-card::after {
    background: linear-gradient(180deg, rgba(7, 8, 7, .86), rgba(7, 8, 7, .64) 52%, rgba(7, 8, 7, .96));
  }

  .human-copy {
    padding: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-bg-video {
    display: none;
  }

  .hero-bg-fallback {
    display: block;
  }

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

@media (max-width: 680px) {
  body {
    padding-bottom: 0;
  }

  .site-header > .mobile-language-toggle {
    position: fixed !important;
    top: 15px !important;
    right: max(14px, calc(100vw - 376px)) !important;
    z-index: 2147483647 !important;
    display: grid !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 34px !important;
    place-items: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: var(--signal-gold) !important;
    background: rgba(7, 8, 7, .86) !important;
    border: 1px solid rgba(212, 175, 98, .36) !important;
  }
}
/* Agency v6: site as product trailer, not a maze. */
.site-header {
  min-height: 72px;
}

body.tp-header-collapsed .site-header {
  min-height: 64px;
}

body.tp-header-collapsed .nav-links {
  transform: none;
  opacity: 1;
  pointer-events: auto;
}

body.tp-header-collapsed .nav-links a:not(.language-toggle),
body.tp-header-collapsed .brand {
  transform: none;
  opacity: 1;
}

body.tp-header-collapsed .brand-name {
  max-width: none;
}

.scene {
  padding: clamp(34px, 5vw, 72px) 0;
}

.agency-trailer-scene,
.signal-gap-scene,
.data-reality-scene,
.maturity-scene,
.pain-scene,
.trailer-map-scene,
.demo-door-scene,
.proof-library-scene,
.fit-scene,
.faq-scene {
  min-height: 0;
}

.agency-trailer-grid,
.harness-board {
  display: grid;
  gap: 22px;
}

.agency-trailer-grid {
  grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
  align-items: stretch;
}

.loop-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: 24px;
  border: 1px solid rgba(212, 175, 98, .24);
  background: rgba(212, 175, 98, .11);
}

.loop-strip span {
  min-height: 58px;
  display: grid;
  place-items: center;
  padding: 12px;
  background: rgba(8, 10, 9, .82);
  color: rgba(245, 239, 225, .86);
  font-family: var(--mono);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  text-align: center;
}

.motion-panel,
.fit-motion,
.faq-visual {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(212, 175, 98, .24);
  background: rgba(12, 14, 12, .74);
  box-shadow: inset 0 0 44px rgba(212, 175, 98, .07);
}

.motion-panel {
  min-height: clamp(280px, 34vw, 460px);
}

.motion-panel video,
.fit-motion video,
.faq-visual video,
.contact-visual video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  opacity: .82;
  filter: saturate(.92) contrast(1.05);
}

.motion-panel::after,
.fit-motion::after,
.faq-visual::after,
.contact-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(5, 6, 5, .06), rgba(5, 6, 5, .48)),
    radial-gradient(circle at 70% 26%, rgba(123, 167, 255, .14), transparent 38%);
  pointer-events: none;
}

.motion-panel figcaption,
.fit-motion figcaption,
.faq-visual figcaption {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
  z-index: 2;
  color: rgba(245, 239, 225, .82);
  font-family: var(--mono);
  font-size: .76rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.compact-route {
  margin-top: 18px;
}

.compact-route .route-primer-card {
  min-height: 136px;
}

.harness-scene {
  border-top: 1px solid rgba(212, 175, 98, .12);
  border-bottom: 1px solid rgba(212, 175, 98, .12);
  background:
    radial-gradient(circle at 20% 10%, rgba(123, 167, 255, .08), transparent 34%),
    radial-gradient(circle at 80% 72%, rgba(125, 211, 160, .08), transparent 30%);
}

.harness-board {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.harness-board article {
  min-height: 190px;
  padding: 18px;
  border: 1px solid rgba(212, 175, 98, .24);
  background: rgba(9, 11, 10, .74);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.harness-board article:hover {
  transform: translateY(-4px);
  border-color: rgba(212, 175, 98, .52);
  background: rgba(15, 18, 16, .88);
}

.harness-board span,
.harness-board em {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .72rem;
}

.harness-board span {
  color: var(--signal-gold);
  font-weight: 700;
}

.harness-board b {
  color: var(--bone);
  font-size: clamp(1.25rem, 2vw, 1.95rem);
  font-family: var(--serif);
  font-weight: 500;
  line-height: 1;
}

.harness-board em {
  color: rgba(245, 239, 225, .62);
  font-style: normal;
  line-height: 1.45;
}

.harness-board .is-ready {
  border-color: rgba(125, 211, 160, .52);
  box-shadow: inset 0 0 44px rgba(125, 211, 160, .08);
}

.maturity-ladder article {
  min-height: 178px;
}

.is-live-section {
  border-top: 1px solid rgba(212, 175, 98, .12);
}

.motion-sequence {
  gap: 18px;
}

.motion-card {
  min-height: clamp(220px, 22vw, 330px);
}

.proof-card::before,
.door-card::before {
  height: 42%;
  opacity: .92;
  background-size: cover;
  background-position: center;
}

.proof-card,
.door-card {
  overflow: hidden;
}

.proof-card.proof-offer::before {
  background-image: url("assets/security-artifact.webp");
}

.proof-card.proof-founder::before {
  background-position: center 42%;
}

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

.fit-motion {
  grid-column: 1 / -1;
  min-height: 240px;
  margin-top: 2px;
}

.faq-scene .split {
  grid-template-columns: minmax(320px, .8fr) minmax(420px, 1.2fr);
  align-items: start;
}

.faq-visual {
  min-height: 260px;
  margin-top: 24px;
}

.faq-list {
  align-self: start;
}

.faq-list details {
  min-height: 0;
}

.contact-visual {
  min-height: 320px;
}

.contact-visual img {
  display: none;
}

@media (max-width: 980px) {
  .agency-trailer-grid,
  .faq-scene .split {
    grid-template-columns: 1fr;
  }

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

  .harness-board .is-ready {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .loop-strip,
  .harness-board,
  .fit-panel {
    grid-template-columns: 1fr;
  }

  .motion-panel,
  .fit-motion,
  .faq-visual,
  .contact-visual {
    min-height: 220px;
  }
}

/* Agency v7 trailer rebuild */
body.trailer-v7 {
  background: #050605;
}

body.trailer-v7 .site-header,
body.trailer-v7.tp-header-collapsed .site-header {
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.trailer-v7 .scene,
body.trailer-v7 .v7-section {
  min-height: 0;
}

.v7-hero {
  position: relative;
  isolation: isolate;
  min-height: min(760px, calc(100svh - 92px));
  display: grid;
  align-items: center;
  border-bottom: 1px solid rgba(196,162,101,.22);
  overflow: hidden;
  padding: clamp(96px, 12vh, 148px) 0 clamp(48px, 8vh, 92px);
}

.v7-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 28% 36%, rgba(196,162,101,.22), transparent 32%),
    linear-gradient(90deg, rgba(5,6,5,.96), rgba(5,6,5,.72) 46%, rgba(5,6,5,.4));
}

.v7-hero-media {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.v7-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: .82;
  transform: scale(1.02);
  animation: v7-drift 18s ease-in-out infinite alternate;
}

@keyframes v7-drift {
  from { transform: scale(1.02) translate3d(-1.2%, 0, 0); }
  to { transform: scale(1.08) translate3d(1.4%, -.7%, 0); }
}

.v7-hero-grid,
.v7-route-grid,
.v7-map-grid,
.v7-agency-grid,
.v7-offer-grid,
.v7-trust-grid,
.v7-faq-grid {
  display: grid;
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}

.v7-hero-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .5fr);
}

.v7-hero-copy {
  max-width: 760px;
}

.v7-hero h1,
.v7-section-head h2,
.v7-final h2 {
  margin: 0;
  color: #f2eee6;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 400;
  letter-spacing: 0;
}

.v7-hero h1 {
  max-width: 880px;
  font-size: clamp(58px, 8vw, 118px);
  line-height: .86;
}

.v7-hero p,
.v7-section-head p,
.v7-output-card p,
.v7-price-card p,
.v7-final p,
.v7-video-panel figcaption {
  color: rgba(242,238,230,.72);
}

.v7-hero-copy > p:not(.eyebrow) {
  max-width: 690px;
  margin: 24px 0 0;
  font-size: clamp(19px, 2vw, 28px);
  line-height: 1.28;
}

.v7-signal-chips,
.v7-trust-chips,
.v7-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.v7-signal-chips {
  margin-top: 24px;
}

.v7-signal-chips span,
.v7-trust-chips span,
.v7-columns span {
  border: 1px solid rgba(196,162,101,.28);
  background: rgba(10,14,12,.62);
  color: rgba(242,238,230,.82);
  padding: 9px 12px;
  font: 700 11px/1 "IBM Plex Mono", Consolas, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.v7-output-card,
.v7-price-card,
.v7-pain-grid article,
.v7-stepper article,
.v7-video-panel,
.v7-final-card {
  border: 1px solid rgba(196,162,101,.28);
  background: linear-gradient(145deg, rgba(14,18,15,.86), rgba(5,6,5,.68));
  box-shadow: 0 28px 90px rgba(0,0,0,.34);
}

.v7-output-card {
  align-self: end;
  padding: clamp(22px, 3vw, 34px);
}

.v7-output-card span,
.v7-price-card > span,
.v7-pain-grid span,
.v7-stepper span {
  display: block;
  margin-bottom: 14px;
  color: #d4af62;
  font: 700 12px/1 "IBM Plex Mono", Consolas, monospace;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.v7-output-card b,
.v7-pain-grid b,
.v7-stepper b {
  display: block;
  color: #f2eee6;
  font: 700 clamp(22px, 2.3vw, 32px)/1.05 "DM Sans", system-ui, sans-serif;
}

.v7-output-card ul,
.v7-price-card ul {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.v7-output-card li,
.v7-price-card li {
  border-top: 1px solid rgba(242,238,230,.08);
  padding: 12px 0;
  color: rgba(242,238,230,.8);
}

.v7-marquee {
  overflow: hidden;
  border-bottom: 1px solid rgba(196,162,101,.2);
  background: rgba(11,13,11,.86);
}

.v7-marquee div {
  display: flex;
  min-width: max-content;
  gap: clamp(28px, 5vw, 72px);
  padding: 18px 0;
  animation: v7-marquee 24s linear infinite;
}

.v7-marquee span {
  color: rgba(242,238,230,.74);
  font: 700 13px/1 "IBM Plex Mono", Consolas, monospace;
  letter-spacing: .18em;
  text-transform: uppercase;
}

@keyframes v7-marquee {
  to { transform: translateX(-35%); }
}

.v7-section {
  padding: clamp(58px, 8vw, 112px) 0;
  border-bottom: 1px solid rgba(196,162,101,.16);
}

.v7-section-head {
  max-width: 960px;
}

.v7-section-head.compact {
  max-width: 680px;
}

.v7-section-head h2,
.v7-final h2 {
  font-size: clamp(44px, 6vw, 86px);
  line-height: .92;
}

.v7-section-head p {
  max-width: 760px;
  margin: 18px 0 0;
  font-size: clamp(18px, 2vw, 26px);
  line-height: 1.34;
}

.v7-pain-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
}

.v7-pain-grid article,
.v7-stepper article {
  padding: clamp(20px, 2.4vw, 30px);
  min-height: 220px;
}

.v7-pain-grid p,
.v7-stepper p {
  margin: 18px 0 0;
  color: rgba(242,238,230,.66);
  font-size: 18px;
  line-height: 1.38;
}

.v7-route-grid,
.v7-agency-grid,
.v7-trust-grid,
.v7-faq-grid {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
}

.v7-stepper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  position: relative;
}

.v7-stepper::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 42px;
  height: 1px;
  background: linear-gradient(90deg, rgba(196,162,101,.1), rgba(196,162,101,.72), rgba(196,162,101,.1));
}

.v7-map-grid,
.v7-offer-grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
}

.v7-map-visual {
  position: relative;
  min-height: clamp(380px, 45vw, 620px);
  overflow: hidden;
  border: 1px solid rgba(196,162,101,.28);
  background: #060706;
}

.v7-map-visual img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  object-position: center;
  opacity: .9;
  filter: saturate(.9) contrast(1.08);
}

.v7-map-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent, rgba(5,6,5,.36));
}

.v7-map-nodes span {
  position: absolute;
  left: var(--x);
  top: var(--y);
  z-index: 2;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(125,211,160,.62);
  background: rgba(5,12,9,.78);
  color: #dff7e7;
  padding: 8px 10px;
  font: 700 10px/1 "IBM Plex Mono", Consolas, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
  box-shadow: 0 0 30px rgba(125,211,160,.16);
}

.v7-columns {
  margin: 24px 0;
}

.v7-video-panel {
  position: relative;
  overflow: hidden;
  min-height: clamp(310px, 36vw, 520px);
}

.v7-video-panel video {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  display: block;
  opacity: .9;
}

.v7-video-panel figcaption {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  z-index: 2;
  margin: 0;
  padding: 12px 14px;
  background: rgba(5,6,5,.72);
  border: 1px solid rgba(196,162,101,.22);
  font: 700 11px/1.35 "IBM Plex Mono", Consolas, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.v7-price-card {
  padding: clamp(28px, 4vw, 48px);
}

.v7-price-card h2 {
  margin: 0;
  color: #d4af62;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(76px, 9vw, 128px);
  font-weight: 400;
  line-height: .82;
}

.v7-price-card p {
  max-width: 620px;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.34;
}

.v7-trust-chips {
  margin-top: 24px;
}

.v7-faq-grid {
  align-items: start;
}

.v7-faq .faq-list {
  display: grid;
  gap: 10px;
}

.v7-faq .faq-list details {
  min-height: 0;
}

.v7-final {
  padding: clamp(62px, 10vw, 132px) 0;
}

.v7-final-card {
  text-align: center;
  padding: clamp(34px, 6vw, 76px);
  background:
    linear-gradient(145deg, rgba(14,18,15,.88), rgba(5,6,5,.74)),
    url("assets/brand-decision-wall.webp") center/cover;
}

.v7-final-card p {
  max-width: 680px;
  margin: 18px auto 0;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.34;
}

.v7-final .hero-actions {
  justify-content: center;
}

@media (max-width: 1080px) {
  .v7-hero-grid,
  .v7-route-grid,
  .v7-map-grid,
  .v7-agency-grid,
  .v7-offer-grid,
  .v7-trust-grid,
  .v7-faq-grid {
    grid-template-columns: 1fr;
  }

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

  .v7-output-card {
    align-self: auto;
  }
}

@media (max-width: 720px) {
  .v7-hero {
    min-height: auto;
    padding: 96px 0 46px;
  }

  .v7-hero h1,
  .v7-section-head h2,
  .v7-final h2 {
    font-size: clamp(42px, 14vw, 66px);
  }

  .v7-pain-grid,
  .v7-stepper {
    grid-template-columns: 1fr;
  }

  .v7-stepper::before {
    display: none;
  }

  .v7-pain-grid article,
  .v7-stepper article {
    min-height: 0;
  }

  .v7-map-visual,
  .v7-video-panel {
    min-height: 260px;
  }

  .v7-signal-chips span,
  .v7-trust-chips span,
  .v7-columns span {
    font-size: 10px;
    padding: 8px 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .v7-hero-media img,
  .v7-marquee div {
    animation: none !important;
  }
}

/* Agency v8 mobile premium polish */
.mobile-menu-toggle {
  display: none;
}

body.mobile-nav-open {
  overflow: hidden;
}

.site-header a:focus-visible,
.site-header button:focus-visible,
.button:focus-visible,
.faq-list summary:focus-visible {
  outline: 2px solid rgba(125, 211, 160, .82);
  outline-offset: 3px;
}

body.trailer-v7 .button {
  border-radius: 0;
}

body.trailer-v7 .button.primary {
  box-shadow: 0 18px 42px rgba(212, 175, 98, .16);
}

@media (hover: hover) {
  body.trailer-v7 .v7-pain-grid article,
  body.trailer-v7 .v7-stepper article,
  body.trailer-v7 .v7-output-card,
  body.trailer-v7 .v7-price-card,
  body.trailer-v7 .v7-final-card {
    transition: transform .28s cubic-bezier(.16, 1, .3, 1), border-color .28s ease, background .28s ease, box-shadow .28s ease;
  }

  body.trailer-v7 .v7-pain-grid article:hover,
  body.trailer-v7 .v7-stepper article:hover,
  body.trailer-v7 .v7-output-card:hover,
  body.trailer-v7 .v7-price-card:hover,
  body.trailer-v7 .v7-final-card:hover {
    transform: translateY(-3px);
    border-color: rgba(212, 175, 98, .46);
    box-shadow: 0 32px 92px rgba(0, 0, 0, .42), 0 0 44px rgba(212, 175, 98, .07);
  }
}

@media (max-width: 720px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  body.trailer-v7 {
    --mobile-pad: clamp(16px, 5vw, 24px);
    background:
      radial-gradient(circle at 74% 14%, rgba(125, 211, 160, .05), transparent 30%),
      #050605;
  }

  body.trailer-v7 .wrap,
  .wrap {
    width: min(100% - calc(var(--mobile-pad) * 2), 100%);
    margin-inline: auto;
  }

  body.trailer-v7 .site-header,
  .site-header {
    min-height: 68px;
    padding: 0 var(--mobile-pad);
    gap: 10px;
    justify-content: flex-start;
    background:
      linear-gradient(180deg, rgba(5, 6, 5, .96), rgba(5, 6, 5, .8)),
      radial-gradient(circle at 64% 0, rgba(212, 175, 98, .1), transparent 32%);
    border-color: rgba(212, 175, 98, .2);
  }

  body.trailer-v7 .site-header.is-scrolled,
  .site-header.is-scrolled {
    min-height: 62px;
    background: rgba(5, 6, 5, .9);
  }

  body.trailer-v7 .brand,
  .brand {
    gap: 10px;
    min-width: 0;
    max-width: calc(100vw - 148px);
    font-size: clamp(18px, 5.8vw, 22px);
    letter-spacing: 0;
    z-index: 82;
  }

  body.trailer-v7 .brand-mark,
  .brand-mark {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
  }

  body.trailer-v7 .brand-name,
  .brand-name {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mobile-menu-toggle {
    position: fixed !important;
    top: 10px !important;
    left: auto !important;
    right: 10px !important;
    z-index: 84;
    display: inline-grid;
    flex: 0 0 82px;
    place-items: center;
    width: 82px;
    height: 48px;
    margin-left: 0;
    border: 1px solid rgba(212, 175, 98, .48);
    background: rgba(10, 12, 10, .88);
    color: #e8d49a;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .28), inset 0 0 24px rgba(212, 175, 98, .05);
    transform: none !important;
    cursor: pointer;
  }

  .mobile-menu-toggle span {
    position: absolute;
    left: 15px;
    top: 50%;
    width: 16px;
    height: 1px;
    background: currentColor;
    margin-left: 0;
    box-shadow: 0 0 12px rgba(212, 175, 98, .36);
    transition: transform .2s ease, opacity .2s ease;
  }

  .mobile-menu-toggle em {
    position: absolute;
    left: 39px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    font: 700 10px/1 var(--mono);
    letter-spacing: .09em;
    text-transform: uppercase;
    color: rgba(242, 238, 230, .88);
    font-style: normal;
  }

  .mobile-menu-toggle span:first-child {
    transform: translateY(-4px);
  }

  .mobile-menu-toggle span:last-child {
    transform: translateY(4px);
  }

  body.mobile-nav-open .mobile-menu-toggle span:first-child {
    transform: rotate(45deg);
  }

  body.mobile-nav-open .mobile-menu-toggle span:last-child {
    transform: rotate(-45deg);
  }

  body.trailer-v7 .site-header > .mobile-language-toggle,
  .site-header > .mobile-language-toggle {
    display: none !important;
  }

  body.trailer-v7 .nav-links,
  .nav-links,
  body.tp-header-collapsed .nav-links {
    position: fixed;
    top: 78px;
    left: var(--mobile-pad);
    right: var(--mobile-pad);
    z-index: 80;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 0;
    max-height: calc(100svh - 96px);
    overflow-y: auto;
    padding: 10px;
    border: 1px solid rgba(212, 175, 98, .28);
    background:
      linear-gradient(145deg, rgba(16, 20, 16, .98), rgba(5, 6, 5, .94)),
      radial-gradient(circle at 78% 12%, rgba(125, 211, 160, .08), transparent 36%);
    box-shadow: 0 28px 90px rgba(0, 0, 0, .58);
    backdrop-filter: blur(20px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px) scale(.985);
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
  }

  body.mobile-nav-open .nav-links,
  body.mobile-nav-open.tp-header-collapsed .nav-links {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }

  body.trailer-v7 .nav-links a,
  .nav-links a,
  body.tp-header-collapsed .nav-links a:not(.language-toggle) {
    display: flex !important;
    min-height: 48px;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    border-bottom: 1px solid rgba(242, 238, 230, .08);
    color: rgba(242, 238, 230, .82);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }

  body.trailer-v7 .nav-links a::after,
  .nav-links a::after {
    content: "→";
    color: rgba(212, 175, 98, .72);
    font-family: var(--mono);
  }

  body.trailer-v7 .nav-links .nav-cta,
  .nav-links .nav-cta {
    margin-top: 10px;
    min-height: 54px;
    justify-content: center;
    border: 0;
    color: #080907 !important;
  }

  body.trailer-v7 .nav-links .nav-cta::after,
  .nav-links .nav-cta::after {
    content: "";
  }

  body.trailer-v7 .nav-links .language-toggle,
  .nav-links .language-toggle {
    justify-content: center;
    min-height: 46px;
    border: 1px solid rgba(212, 175, 98, .24);
    border-bottom: 1px solid rgba(212, 175, 98, .24);
    margin-top: 8px;
  }

  body.trailer-v7 .v7-hero {
    min-height: calc(100svh - 68px);
    align-items: end;
    padding: 92px 0 34px;
  }

  body.trailer-v7 .v7-hero::after {
    background:
      radial-gradient(circle at 24% 28%, rgba(212, 175, 98, .18), transparent 34%),
      radial-gradient(circle at 86% 72%, rgba(125, 211, 160, .08), transparent 32%),
      linear-gradient(180deg, rgba(5, 6, 5, .88), rgba(5, 6, 5, .72) 42%, rgba(5, 6, 5, .96));
  }

  body.trailer-v7 .v7-hero-media img {
    object-position: 59% center;
    opacity: .72;
    transform: scale(1.08);
  }

  body.trailer-v7 .v7-hero-grid,
  body.trailer-v7 .v7-route-grid,
  body.trailer-v7 .v7-map-grid,
  body.trailer-v7 .v7-agency-grid,
  body.trailer-v7 .v7-offer-grid,
  body.trailer-v7 .v7-trust-grid,
  body.trailer-v7 .v7-faq-grid {
    gap: 22px;
  }

  body.trailer-v7 .v7-hero-copy {
    max-width: min(100%, 320px);
  }

  body.trailer-v7 .eyebrow {
    max-width: 32ch;
    font-size: clamp(10px, 2.8vw, 12px);
    line-height: 1.45;
    letter-spacing: .18em;
  }

  body.trailer-v7 .v7-hero h1 {
    max-width: 11ch;
    font-size: clamp(48px, 14.6vw, 64px);
    line-height: .88;
  }

  body.trailer-v7 .v7-section-head h2,
  body.trailer-v7 .v7-final h2 {
    font-size: clamp(34px, 10.8vw, 48px);
    line-height: .94;
  }

  body.trailer-v7 .v7-hero-copy > p:not(.eyebrow),
  body.trailer-v7 .v7-section-head p,
  body.trailer-v7 .v7-price-card p,
  body.trailer-v7 .v7-final-card p {
    margin-top: 16px;
    font-size: clamp(16px, 4.4vw, 19px);
    line-height: 1.42;
  }

  body.trailer-v7 .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 20px;
  }

  body.trailer-v7 .button {
    width: 100%;
    min-height: 54px;
    padding: 15px 16px;
    font-size: 11px;
    line-height: 1.18;
    letter-spacing: .09em;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.trailer-v7 .v7-signal-chips,
  body.trailer-v7 .v7-trust-chips,
  body.trailer-v7 .v7-columns {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-inline: calc(var(--mobile-pad) * -1);
    padding: 0 var(--mobile-pad) 4px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  body.trailer-v7 .v7-signal-chips::-webkit-scrollbar,
  body.trailer-v7 .v7-trust-chips::-webkit-scrollbar,
  body.trailer-v7 .v7-columns::-webkit-scrollbar {
    display: none;
  }

  body.trailer-v7 .v7-signal-chips span,
  body.trailer-v7 .v7-trust-chips span,
  body.trailer-v7 .v7-columns span {
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
  }

  body.trailer-v7 .v7-output-card {
    padding: 20px;
    background:
      linear-gradient(145deg, rgba(14, 18, 15, .88), rgba(5, 6, 5, .76)),
      radial-gradient(circle at 86% 18%, rgba(125, 211, 160, .08), transparent 32%);
  }

  body.trailer-v7 .v7-output-card b,
  body.trailer-v7 .v7-pain-grid b,
  body.trailer-v7 .v7-stepper b {
    font-size: clamp(22px, 7vw, 28px);
    line-height: 1.04;
  }

  body.trailer-v7 .v7-output-card p,
  body.trailer-v7 .v7-pain-grid p,
  body.trailer-v7 .v7-stepper p {
    margin-top: 14px;
    font-size: 16px;
    line-height: 1.45;
  }

  body.trailer-v7 .v7-output-card ul,
  body.trailer-v7 .v7-price-card ul {
    margin-top: 14px;
  }

  body.trailer-v7 .v7-output-card li,
  body.trailer-v7 .v7-price-card li {
    padding: 11px 0;
    font-size: 15px;
    line-height: 1.35;
  }

  body.trailer-v7 .v7-marquee div {
    gap: 30px;
    padding: 13px 0;
    animation-duration: 34s;
  }

  body.trailer-v7 .v7-marquee span {
    font-size: 11px;
    letter-spacing: .14em;
  }

  body.trailer-v7 .v7-section {
    padding: 54px 0;
  }

  body.trailer-v7 .v7-pain-grid {
    gap: 12px;
    margin-top: 22px;
  }

  body.trailer-v7 .v7-pain-grid article,
  body.trailer-v7 .v7-stepper article {
    min-height: 0;
    padding: 20px;
    border-color: rgba(212, 175, 98, .24);
    background:
      linear-gradient(145deg, rgba(16, 20, 17, .86), rgba(5, 6, 5, .68)),
      radial-gradient(circle at 12% 12%, rgba(212, 175, 98, .08), transparent 28%);
  }

  body.trailer-v7 .v7-stepper {
    gap: 10px;
  }

  body.trailer-v7 .v7-map-visual {
    min-height: 0;
    aspect-ratio: 4 / 3;
    border-radius: 12px;
  }

  body.trailer-v7 .v7-map-visual img {
    min-height: 0;
    height: 100%;
    object-position: 54% center;
  }

  body.trailer-v7 .v7-map-nodes span {
    padding: 7px 8px;
    font-size: 9px;
    letter-spacing: .08em;
  }

  body.trailer-v7 .v7-video-panel {
    min-height: 0;
    aspect-ratio: 4 / 3;
    border-radius: 12px;
  }

  body.trailer-v7 .v7-video-panel video {
    min-height: 0;
    height: 100%;
    filter: brightness(.88) saturate(.95) contrast(1.06);
  }

  body.trailer-v7 .v7-video-panel figcaption {
    left: 12px;
    right: 12px;
    bottom: 12px;
    padding: 10px 11px;
    font-size: 9px;
    letter-spacing: .08em;
    line-height: 1.38;
  }

  body.trailer-v7 .v7-price-card {
    padding: 22px;
  }

  body.trailer-v7 .v7-price-card h2 {
    font-size: clamp(66px, 22vw, 92px);
  }

  body.trailer-v7 .v7-faq-grid {
    gap: 18px;
  }

  body.trailer-v7 .v7-faq .faq-list {
    gap: 8px;
  }

  body.trailer-v7 .faq-list details,
  body.trailer-v7 .v7-faq .faq-list details {
    border-color: rgba(212, 175, 98, .24);
    background: linear-gradient(145deg, rgba(15, 18, 15, .9), rgba(5, 6, 5, .72));
  }

  body.trailer-v7 .faq-list summary {
    min-height: 58px;
    padding: 18px 46px 18px 18px;
    font-size: 17px;
    line-height: 1.22;
  }

  body.trailer-v7 .faq-list summary::after {
    right: 18px;
  }

  body.trailer-v7 .faq-list p {
    padding: 0 18px 20px;
    font-size: 15px;
    line-height: 1.45;
  }

  body.trailer-v7 .v7-final {
    padding: 54px 0 74px;
  }

  body.trailer-v7 .v7-final-card {
    text-align: left;
    padding: 24px 20px;
    border-radius: 14px;
    background:
      linear-gradient(145deg, rgba(14, 18, 15, .9), rgba(5, 6, 5, .78)),
      url("assets/brand-decision-wall.webp") 58% center/cover;
  }

  body.trailer-v7 .v7-final .hero-actions {
    justify-content: stretch;
  }

  .site-footer {
    display: grid;
    gap: 18px;
    padding: 28px var(--mobile-pad) 36px;
  }

  .site-footer nav {
    justify-content: flex-start;
    gap: 10px 16px;
  }

  .tp-consent {
    left: var(--mobile-pad) !important;
    right: var(--mobile-pad) !important;
    bottom: 12px !important;
    max-height: min(78svh, 520px);
    overflow-y: auto;
    padding: 18px !important;
  }

  .tp-consent-options,
  .tp-consent-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .tp-consent-actions button {
    min-height: 48px;
  }
}

@media (max-width: 430px) {
  body.trailer-v7 .v7-hero h1 {
    max-width: 10ch;
    font-size: clamp(43px, 13.8vw, 58px);
  }

  body.trailer-v7 .v7-section-head h2,
  body.trailer-v7 .v7-final h2 {
    font-size: clamp(32px, 10.4vw, 44px);
  }

  body.trailer-v7 .v7-map-visual,
  body.trailer-v7 .v7-video-panel {
    aspect-ratio: 1 / 1;
  }
}

@media (max-width: 360px) {
  body.trailer-v7 {
    --mobile-pad: 14px;
  }

  body.trailer-v7 .brand {
    max-width: calc(100vw - 132px);
    font-size: 18px;
  }

  body.trailer-v7 .brand-mark {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }

  body.trailer-v7 .site-header > .mobile-language-toggle,
  .site-header > .mobile-language-toggle {
    width: 38px;
    min-width: 38px;
    height: 40px;
    right: calc(var(--mobile-pad) + 50px) !important;
  }

  .mobile-menu-toggle {
    left: min(232px, calc(100vw - 78px)) !important;
    right: auto !important;
    width: 64px;
    flex-basis: 64px;
    height: 42px;
  }

  .mobile-menu-toggle em {
    right: 8px;
    font-size: 9px;
    letter-spacing: .08em;
  }

  body.trailer-v7 .v7-hero {
    padding-top: 84px;
  }

  body.trailer-v7 .v7-hero h1 {
    font-size: clamp(39px, 13.2vw, 48px);
    max-width: min(11ch, 292px);
  }

  body.trailer-v7 .button {
    font-size: 10px;
    letter-spacing: .07em;
  }
}

@media (min-width: 721px) {
  .mobile-menu-toggle {
    display: none !important;
  }

  body.mobile-nav-open {
    overflow: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-menu-toggle span,
  .nav-links,
  body.trailer-v7 .v7-pain-grid article,
  body.trailer-v7 .v7-stepper article,
  body.trailer-v7 .v7-output-card,
  body.trailer-v7 .v7-price-card,
  body.trailer-v7 .v7-final-card {
    transition: none !important;
  }
}

/* Agency v9 visual motion polish */
body.visual-motion-v9 {
  overflow-x: hidden;
}

body.visual-motion-v9 .site-header {
  min-width: 0;
}

body.visual-motion-v9 .brand {
  min-width: 0;
}

body.visual-motion-v9 .brand-name {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

body.visual-motion-v9 .v7-marquee div {
  animation-duration: 20s;
}

body.visual-motion-v9 .v7-columns,
body.visual-motion-v9 .v7-signal-chips,
body.visual-motion-v9 .v7-trust-chips {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 8px;
  scrollbar-width: thin;
  scrollbar-color: rgba(212,175,98,.48) rgba(255,255,255,.04);
}

body.visual-motion-v9 .v7-columns span,
body.visual-motion-v9 .v7-signal-chips span,
body.visual-motion-v9 .v7-trust-chips span {
  flex: 0 0 auto;
  white-space: nowrap;
}

body.visual-motion-v9 .v7-video-panel,
body.visual-motion-v9 .v7-map-visual {
  border-color: rgba(196,162,101,.12);
  border-radius: 0;
  background: #050605;
  box-shadow: none;
}

body.visual-motion-v9 .v7-video-panel {
  min-height: clamp(430px, 48vw, 720px);
}

body.visual-motion-v9 .v7-video-panel video {
  opacity: 1;
  filter: saturate(1.05) contrast(1.06);
  transform: scale(1.01);
}

body.visual-motion-v9 .v7-agency .v7-video-panel,
body.visual-motion-v9 .v7-offer .v7-video-panel,
body.visual-motion-v9 .v7-trust .v7-video-panel {
  margin-inline: calc(-1 * clamp(0px, 2vw, 18px));
}

body.visual-motion-v9 .v7-video-panel figcaption {
  left: clamp(14px, 2vw, 24px);
  right: clamp(14px, 2vw, 24px);
  bottom: clamp(12px, 2vw, 24px);
  border-color: rgba(196,162,101,.24);
  background: rgba(5,6,5,.58);
  backdrop-filter: blur(14px);
}

body.visual-motion-v9 .button {
  position: relative;
}

body.visual-motion-v9 .button::after {
  content: "";
  position: absolute;
  inset: -1px;
  border: 1px solid rgba(125,211,160,0);
  pointer-events: none;
  transition: border-color .22s ease, box-shadow .22s ease;
}

body.visual-motion-v9 .button:hover::after,
body.visual-motion-v9 .button:focus-visible::after {
  border-color: rgba(125,211,160,.36);
  box-shadow: 0 0 28px rgba(125,211,160,.08);
}

body.visual-motion-v9 .v7-map .button.ghost {
  width: fit-content;
  max-width: 100%;
}

@media (max-width: 720px) {
  body.visual-motion-v9 .site-header {
    min-height: 68px;
    padding: 10px 12px;
  }

  body.visual-motion-v9 .brand,
  body.trailer-v7.visual-motion-v9 .brand {
    max-width: calc(100vw - 126px) !important;
    gap: 10px;
  }

  body.visual-motion-v9 .brand-mark {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
  }

  body.visual-motion-v9 .brand-name {
    max-width: calc(100vw - 196px);
    font-size: clamp(25px, 7vw, 34px);
    letter-spacing: .11em;
  }

  body.visual-motion-v9 .mobile-menu-toggle {
    left: auto !important;
    right: 12px !important;
    width: 82px !important;
    height: 48px !important;
  }

  body.visual-motion-v9 .mobile-menu-toggle span {
    left: 15px !important;
    top: 50% !important;
    width: 16px !important;
    margin-left: 0 !important;
  }

  body.visual-motion-v9 .mobile-menu-toggle em {
    left: 39px !important;
    right: auto !important;
    letter-spacing: .08em !important;
  }

  body.visual-motion-v9 .mobile-menu-toggle span:first-child {
    transform: translateY(-4px) !important;
  }

  body.visual-motion-v9 .mobile-menu-toggle span:last-child {
    transform: translateY(4px) !important;
  }

  body.visual-motion-v9.mobile-nav-open .mobile-menu-toggle span:first-child,
  body.mobile-nav-open.visual-motion-v9 .mobile-menu-toggle span:first-child {
    transform: rotate(45deg) !important;
  }

  body.visual-motion-v9.mobile-nav-open .mobile-menu-toggle span:last-child,
  body.mobile-nav-open.visual-motion-v9 .mobile-menu-toggle span:last-child {
    transform: rotate(-45deg) !important;
  }

  body.visual-motion-v9 .v7-marquee {
    border-top: 1px solid rgba(196,162,101,.13);
  }

  body.visual-motion-v9 .v7-marquee div {
    animation-duration: 13s;
    padding: 16px 0;
    gap: 36px;
  }

  body.visual-motion-v9 .v7-marquee span {
    color: rgba(242,238,230,.86);
    font-size: 12px;
  }

  body.visual-motion-v9 .v7-section {
    padding: 54px 0;
  }

  body.visual-motion-v9 .v7-section-head h2,
  body.visual-motion-v9 .v7-final h2 {
    font-size: clamp(39px, 12.4vw, 58px);
    line-height: .95;
  }

  body.visual-motion-v9 .v7-section-head p {
    font-size: 19px;
    line-height: 1.42;
  }

  body.visual-motion-v9 .v7-columns,
  body.visual-motion-v9 .v7-signal-chips,
  body.visual-motion-v9 .v7-trust-chips {
    margin-left: calc(-1 * var(--page-pad));
    margin-right: calc(-1 * var(--page-pad));
    padding: 0 var(--page-pad) 12px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  body.visual-motion-v9 .v7-columns span,
  body.visual-motion-v9 .v7-signal-chips span,
  body.visual-motion-v9 .v7-trust-chips span {
    display: inline-grid;
    min-height: 46px;
    place-items: center;
    scroll-snap-align: start;
  }

  body.visual-motion-v9 .v7-video-panel,
  body.visual-motion-v9 .v7-map-visual {
    min-height: min(72svh, 540px);
    margin-left: calc(-1 * var(--page-pad));
    margin-right: calc(-1 * var(--page-pad));
    border-left: 0;
    border-right: 0;
  }

  body.visual-motion-v9 .offer-motion video {
    object-position: 52% center;
  }

  body.visual-motion-v9 .trust-motion video {
    object-position: 58% center;
  }

  body.visual-motion-v9 .v7-video-panel figcaption {
    left: var(--page-pad);
    right: var(--page-pad);
    bottom: 14px;
    padding: 11px 12px;
    font-size: 10px;
    line-height: 1.32;
  }

  body.visual-motion-v9 .v7-map .button.ghost {
    width: 100%;
    min-height: 52px;
    white-space: normal;
  }
}

@media (max-width: 380px) {
  body.visual-motion-v9 .brand-mark {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
  }

  body.visual-motion-v9 .brand-name {
    max-width: calc(100vw - 186px);
    font-size: clamp(22px, 6.4vw, 29px);
  }

  body.visual-motion-v9 .mobile-menu-toggle {
    width: 78px !important;
  }
}

/* Agency v9.1: borderless media and mobile rail refinement */
body.visual-motion-v9 .motion-panel,
body.visual-motion-v9 .fit-motion,
body.visual-motion-v9 .faq-visual,
body.visual-motion-v9 .contact-visual,
body.visual-motion-v9 .media-frame.trailer-visual {
  border-radius: 0;
  border-color: rgba(196, 162, 101, 0.14);
  box-shadow: none;
  background: #050605;
  overflow: hidden;
}

body.visual-motion-v9 .motion-panel,
body.visual-motion-v9 .fit-motion,
body.visual-motion-v9 .faq-visual,
body.visual-motion-v9 .contact-visual {
  min-height: clamp(420px, 48vw, 720px);
  margin-inline: calc(-1 * clamp(0px, 2vw, 18px));
}

body.visual-motion-v9 .motion-panel video,
body.visual-motion-v9 .fit-motion video,
body.visual-motion-v9 .faq-visual video,
body.visual-motion-v9 .contact-visual video,
body.visual-motion-v9 .media-frame.trailer-visual img {
  opacity: 1;
  filter: saturate(1.06) contrast(1.08);
  transform: scale(1.025);
}

body.visual-motion-v9 .motion-panel figcaption,
body.visual-motion-v9 .fit-motion figcaption,
body.visual-motion-v9 .faq-visual figcaption {
  background: rgba(5, 6, 5, 0.58);
  border-color: rgba(196, 162, 101, 0.24);
  backdrop-filter: blur(14px);
}

body.visual-motion-v9 .v7-columns,
body.visual-motion-v9 .v7-signal-chips,
body.visual-motion-v9 .v7-trust-chips {
  scrollbar-width: none;
  scroll-padding-inline: var(--page-pad, 30px);
}

body.visual-motion-v9 .v7-columns::-webkit-scrollbar,
body.visual-motion-v9 .v7-signal-chips::-webkit-scrollbar,
body.visual-motion-v9 .v7-trust-chips::-webkit-scrollbar {
  display: none;
}

body.visual-motion-v9 .v7-columns span,
body.visual-motion-v9 .v7-signal-chips span,
body.visual-motion-v9 .v7-trust-chips span {
  border-color: rgba(214, 177, 94, 0.25);
  background:
    linear-gradient(90deg, rgba(214, 177, 94, 0.08), rgba(116, 211, 255, 0.035)),
    rgba(5, 7, 6, 0.68);
}

@media (max-width: 720px) {
  body.visual-motion-v9 .brand,
  body.trailer-v7.visual-motion-v9 .brand {
    max-width: calc(100vw - 112px) !important;
  }

  body.visual-motion-v9 .brand-name {
    max-width: min(54vw, 196px);
    font-size: clamp(24px, 6.7vw, 34px);
    letter-spacing: 0.045em;
  }

  body.visual-motion-v9 .v7-marquee div {
    animation-duration: 10s;
    gap: 42px;
  }

  body.visual-motion-v9 .v7-video-panel,
  body.visual-motion-v9 .v7-map-visual,
  body.visual-motion-v9 .motion-panel,
  body.visual-motion-v9 .fit-motion,
  body.visual-motion-v9 .faq-visual,
  body.visual-motion-v9 .contact-visual,
  body.visual-motion-v9 .media-frame.trailer-visual {
    min-height: min(74svh, 560px);
    margin-left: calc(-1 * var(--page-pad));
    margin-right: calc(-1 * var(--page-pad));
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }

  body.visual-motion-v9 .offer-motion video,
  body.visual-motion-v9 .trust-motion video,
  body.visual-motion-v9 .contact-visual video,
  body.visual-motion-v9 .faq-visual video,
  body.visual-motion-v9 .motion-panel video {
    object-position: 50% 60%;
  }

  body.visual-motion-v9 .v7-columns,
  body.visual-motion-v9 .v7-signal-chips,
  body.visual-motion-v9 .v7-trust-chips {
    gap: 9px;
  }

  body.visual-motion-v9 .v7-columns span,
  body.visual-motion-v9 .v7-signal-chips span,
  body.visual-motion-v9 .v7-trust-chips span {
    min-height: 48px;
    scroll-snap-align: start;
  }
}

@media (max-width: 380px) {
  body.visual-motion-v9 .brand-name {
    max-width: min(50vw, 148px);
    font-size: 23px;
    letter-spacing: 0.035em;
  }
}

@media (max-width: 720px) {
  .mobile-menu-toggle,
  body.visual-motion-v9 .mobile-menu-toggle,
  body.trailer-v7.visual-motion-v9 .mobile-menu-toggle {
    position: fixed !important;
    top: max(10px, env(safe-area-inset-top)) !important;
    left: auto !important;
    right: 14px !important;
    width: 88px !important;
    height: 54px !important;
    transform: none !important;
    z-index: 120 !important;
  }

  .mobile-menu-toggle span,
  body.visual-motion-v9 .mobile-menu-toggle span {
    left: 16px !important;
    right: auto !important;
    width: 16px !important;
    margin-left: 0 !important;
  }

  .mobile-menu-toggle em,
  body.visual-motion-v9 .mobile-menu-toggle em {
    left: 40px !important;
    right: auto !important;
    letter-spacing: 0.075em !important;
  }
}

/* Visual language v10: cinematic proof surfaces, no repeated body media */
body.visual-motion-v10 {
  --v10-cyan: rgba(116, 211, 255, 0.34);
  --v10-gold-soft: rgba(214, 177, 94, 0.2);
  --v10-section-gap: clamp(48px, 7vw, 110px);
}

body.visual-motion-v10 .v7-section,
body.visual-motion-v10 .v7-final {
  padding-block: var(--v10-section-gap);
}

body.visual-motion-v10 .v10-visual-section {
  position: relative;
  overflow: hidden;
}

body.visual-motion-v10 .v10-visual-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 20%, rgba(116, 211, 255, 0.055), transparent 32%),
    radial-gradient(circle at 18% 80%, rgba(214, 177, 94, 0.075), transparent 34%);
  opacity: 0.8;
}

body.visual-motion-v10 .v10-dual-stage,
body.visual-motion-v10 .v10-final-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.92fr);
  gap: clamp(28px, 4.6vw, 84px);
  align-items: center;
}

body.visual-motion-v10 .route-stage {
  grid-template-columns: minmax(420px, 0.92fr) minmax(0, 1fr);
}

body.visual-motion-v10 .v10-copy-stack {
  position: relative;
  z-index: 2;
}

body.visual-motion-v10 .v10-cinematic-surface {
  position: relative;
  min-height: clamp(500px, 48vw, 790px);
  margin: 0;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(135deg, rgba(214, 177, 94, 0.08), transparent 34%),
    #030504;
  border: 1px solid rgba(214, 177, 94, 0.12);
  border-radius: 0;
  box-shadow:
    inset 0 0 0 1px rgba(116, 211, 255, 0.035),
    inset 0 0 120px rgba(0, 0, 0, 0.76);
}

body.visual-motion-v10 .v10-cinematic-surface video,
body.visual-motion-v10 .v10-cinematic-surface img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
  filter: saturate(1.08) contrast(1.1) brightness(0.9);
  transform: scale(1.035);
  animation: v10-media-breathe 16s ease-in-out infinite alternate;
}

body.visual-motion-v10 .problem-surface video {
  object-position: 55% center;
}

body.visual-motion-v10 .route-surface video {
  object-position: 50% center;
}

body.visual-motion-v10 .agency-surface video {
  object-position: 54% center;
}

body.visual-motion-v10 .offer-surface video {
  object-position: 56% center;
}

body.visual-motion-v10 .trust-surface video,
body.visual-motion-v10 .faq-surface video,
body.visual-motion-v10 .final-surface video {
  object-position: 50% center;
}

body.visual-motion-v10 .v10-cinematic-surface::before,
body.visual-motion-v10 .v10-cinematic-surface::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

body.visual-motion-v10 .v10-cinematic-surface::before {
  background:
    linear-gradient(90deg, rgba(3, 5, 4, 0.68), transparent 18%, transparent 74%, rgba(3, 5, 4, 0.82)),
    linear-gradient(180deg, rgba(3, 5, 4, 0.68), transparent 30%, rgba(3, 5, 4, 0.82));
}

body.visual-motion-v10 .v10-cinematic-surface::after {
  background:
    radial-gradient(circle at 70% 28%, var(--v10-cyan), transparent 30%),
    radial-gradient(circle at 28% 70%, var(--v10-gold-soft), transparent 34%);
  mix-blend-mode: screen;
  opacity: 0.32;
}

body.visual-motion-v10 .v10-cinematic-surface figcaption {
  position: absolute;
  left: clamp(18px, 2.2vw, 34px);
  right: clamp(18px, 2.2vw, 34px);
  bottom: clamp(18px, 2.2vw, 34px);
  z-index: 2;
  margin: 0;
  padding: 14px 16px;
  color: rgba(245, 242, 233, 0.82);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  line-height: 1.45;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: rgba(4, 6, 5, 0.62);
  border: 1px solid rgba(214, 177, 94, 0.18);
  backdrop-filter: blur(16px);
}

body.visual-motion-v10 .compact-pains {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

body.visual-motion-v10 .compact-pains article {
  min-height: 180px;
  background:
    linear-gradient(135deg, rgba(116, 211, 255, 0.045), transparent 42%),
    rgba(4, 7, 6, 0.68);
}

body.visual-motion-v10 .v7-stepper article,
body.visual-motion-v10 .v7-price-card,
body.visual-motion-v10 .faq-list details,
body.visual-motion-v10 .v7-output-card {
  background:
    linear-gradient(135deg, rgba(116, 211, 255, 0.035), transparent 42%),
    rgba(5, 7, 6, 0.72);
}

body.visual-motion-v10 .v7-map-visual {
  min-height: clamp(520px, 50vw, 820px);
  overflow: hidden;
  border-radius: 0;
}

body.visual-motion-v10 .v7-map-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
  animation: v10-media-breathe 18s ease-in-out infinite alternate;
}

body.visual-motion-v10 .v7-columns,
body.visual-motion-v10 .v7-signal-chips,
body.visual-motion-v10 .v7-trust-chips {
  scrollbar-width: none;
}

body.visual-motion-v10 .v7-columns::-webkit-scrollbar,
body.visual-motion-v10 .v7-signal-chips::-webkit-scrollbar,
body.visual-motion-v10 .v7-trust-chips::-webkit-scrollbar {
  display: none;
}

body.visual-motion-v10 .v7-columns span,
body.visual-motion-v10 .v7-signal-chips span,
body.visual-motion-v10 .v7-trust-chips span {
  background:
    linear-gradient(90deg, rgba(214, 177, 94, 0.08), rgba(116, 211, 255, 0.04)),
    rgba(5, 7, 6, 0.7);
}

body.visual-motion-v10 .v7-marquee div {
  animation-duration: 10.5s;
}

@keyframes v10-media-breathe {
  0% {
    transform: scale(1.025) translate3d(-0.8%, -0.4%, 0);
  }
  100% {
    transform: scale(1.07) translate3d(0.8%, 0.5%, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.visual-motion-v10 .v10-cinematic-surface video,
  body.visual-motion-v10 .v10-cinematic-surface img,
  body.visual-motion-v10 .v7-map-visual img {
    animation: none;
    transform: none;
  }
}

@media (max-width: 980px) {
  body.visual-motion-v10 .v10-dual-stage,
  body.visual-motion-v10 .v10-final-grid,
  body.visual-motion-v10 .route-stage {
    grid-template-columns: 1fr;
  }

  body.visual-motion-v10 .route-stage .v10-copy-stack {
    order: 1;
  }

  body.visual-motion-v10 .route-stage .route-surface {
    order: 2;
  }
}

@media (max-width: 720px) {
  body.visual-motion-v10 {
    --v10-section-gap: clamp(42px, 11vw, 72px);
  }

  body.visual-motion-v10 .brand,
  body.trailer-v7.visual-motion-v10 .brand {
    max-width: calc(100vw - 112px) !important;
  }

  body.visual-motion-v10 .brand-name {
    max-width: min(47vw, 178px) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0.035em;
  }

  body.visual-motion-v10 .v7-hero-grid {
    min-height: min(92svh, 740px);
  }

  body.visual-motion-v10 .hero-actions {
    gap: 10px;
  }

  body.visual-motion-v10 .hero-actions .button {
    width: 100%;
    justify-content: center;
    white-space: normal;
  }

  body.visual-motion-v10 .v10-cinematic-surface,
  body.visual-motion-v10 .v7-map-visual {
    min-height: min(76svh, 620px);
    margin-left: calc(-1 * var(--page-pad));
    margin-right: calc(-1 * var(--page-pad));
    border-left: 0;
    border-right: 0;
  }

  body.visual-motion-v10 .compact-pains {
    grid-template-columns: 1fr;
  }

  body.visual-motion-v10 .compact-pains article {
    min-height: 150px;
  }

  body.visual-motion-v10 .v7-columns,
  body.visual-motion-v10 .v7-signal-chips,
  body.visual-motion-v10 .v7-trust-chips {
    display: flex;
    overflow-x: auto;
    gap: 9px;
    margin-left: calc(-1 * var(--page-pad));
    margin-right: calc(-1 * var(--page-pad));
    padding: 0 var(--page-pad) 12px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  body.visual-motion-v10 .v7-columns span,
  body.visual-motion-v10 .v7-signal-chips span,
  body.visual-motion-v10 .v7-trust-chips span {
    flex: 0 0 auto;
    min-height: 48px;
    scroll-snap-align: start;
  }

  body.visual-motion-v10 .v7-marquee div {
    animation-duration: 5.6s;
    gap: 44px;
  }

  body.visual-motion-v10 .v10-cinematic-surface figcaption {
    left: var(--page-pad);
    right: var(--page-pad);
    bottom: 14px;
    padding: 11px 12px;
    font-size: 10px;
  }
}

@media (max-width: 380px) {
  body.visual-motion-v10 .brand-name {
    max-width: min(44vw, 142px) !important;
    font-size: 23px;
  }
}

/* v11: scroll-storytelling, media, and click-clarity layer */
body.visual-motion-v11 {
  --clickable-border: rgba(216, 179, 92, .62);
  --label-border: rgba(216, 179, 92, .22);
  --cyan-trace: rgba(111, 208, 222, .28);
}

body.visual-motion-v11 .brand-name {
  max-width: 18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.visual-motion-v11 .button,
body.visual-motion-v11 .nav-cta,
body.visual-motion-v11 .language-toggle,
body.visual-motion-v11 .mobile-language-toggle {
  cursor: pointer;
  position: relative;
  border-color: var(--clickable-border);
}

body.visual-motion-v11 .button::after,
body.visual-motion-v11 .nav-cta::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 18px;
  height: 1px;
  background: currentColor;
  opacity: 0;
  transform: translate(-8px, -50%);
  transition: opacity .2s ease, transform .2s ease;
}

body.visual-motion-v11 .button:hover::after,
body.visual-motion-v11 .nav-cta:hover::after,
body.visual-motion-v11 .button:focus-visible::after,
body.visual-motion-v11 .nav-cta:focus-visible::after {
  opacity: .7;
  transform: translate(0, -50%);
}

body.visual-motion-v11 .v7-columns span,
body.visual-motion-v11 .v7-signal-chips span,
body.visual-motion-v11 .v7-trust-chips span,
body.visual-motion-v11 .v11-proof-strip span,
body.visual-motion-v11 .v11-founder-proof span {
  cursor: default;
  border-color: var(--label-border);
  color: rgba(244, 239, 225, .72);
  background: rgba(8, 11, 9, .52);
  box-shadow: inset 0 0 0 1px rgba(111, 208, 222, .035);
}

body.visual-motion-v11 .v7-columns span::before,
body.visual-motion-v11 .v7-signal-chips span::before,
body.visual-motion-v11 .v7-trust-chips span::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 9px;
  border-radius: 50%;
  background: rgba(216, 179, 92, .72);
  vertical-align: middle;
}

  body.visual-motion-v11 .mobile-menu-toggle {
    left: auto !important;
    right: var(--page-pad) !important;
    width: 106px;
    min-width: 106px;
    border-color: var(--clickable-border);
  }

body.visual-motion-v11 .mobile-menu-toggle span {
  left: 14px;
  right: auto;
  width: 16px;
}

body.visual-motion-v11 .mobile-menu-toggle em {
  display: block;
  padding-left: 28px;
}

body.visual-motion-v11 .v10-visual-section {
  position: relative;
  isolation: isolate;
}

body.visual-motion-v11 .v10-visual-section::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(216, 179, 92, .5), var(--cyan-trace), transparent);
  opacity: .45;
  transform: scaleX(.12);
  transform-origin: left;
  transition: transform 1.2s cubic-bezier(.2, .7, .1, 1), opacity .6s ease;
  z-index: 0;
}

body.visual-motion-v11 .v10-visual-section.is-visible::before {
  transform: scaleX(1);
  opacity: .9;
}

body.visual-motion-v11 .v10-cinematic-surface {
  border-color: rgba(216, 179, 92, .16);
  background: rgba(5, 7, 6, .48);
  overflow: hidden;
}

body.visual-motion-v11 .v10-cinematic-surface::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 50%, transparent 34%, rgba(3, 4, 3, .34) 72%),
    linear-gradient(90deg, rgba(3, 4, 3, .52), transparent 22%, transparent 78%, rgba(3, 4, 3, .62));
  z-index: 1;
}

body.visual-motion-v11 .v10-cinematic-surface figcaption {
  z-index: 2;
}

body.visual-motion-v11 .problem-surface,
body.visual-motion-v11 .final-surface {
  min-height: clamp(460px, 48vw, 720px);
}

body.visual-motion-v11 .problem-surface video,
body.visual-motion-v11 .final-surface video {
  filter: saturate(1.08) contrast(1.12) brightness(.78);
}

body.visual-motion-v11 .v10-cinematic-surface video[data-play-once].is-ended {
  animation: none;
  transform: scale(1.035);
}

body.visual-motion-v11 .route-surface {
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(216, 179, 92, .08), 0 32px 120px rgba(0, 0, 0, .44);
  min-height: clamp(520px, 56vw, 820px);
}

body.visual-motion-v11 .route-surface video {
  filter: saturate(.94) contrast(1.18) brightness(.52);
  opacity: .96;
}

body.visual-motion-v11 .agency-surface {
  min-height: clamp(330px, 32vw, 560px);
  border-color: rgba(216, 179, 92, .1);
}

body.visual-motion-v11 .agency-surface video {
  filter: saturate(.8) contrast(1.02) brightness(.46) blur(.2px);
  opacity: .62;
}

body.visual-motion-v11 .v7-stepper {
  position: relative;
  gap: clamp(14px, 2vw, 22px);
}

body.visual-motion-v11 .v7-stepper::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 54px;
  height: 1px;
  background: linear-gradient(90deg, rgba(216, 179, 92, .18), rgba(111, 208, 222, .42), rgba(216, 179, 92, .18));
  transform: scaleX(.2);
  transform-origin: left;
  transition: transform 1.2s cubic-bezier(.2, .7, .1, 1);
}

body.visual-motion-v11 .v7-route.is-visible .v7-stepper::before {
  transform: scaleX(1);
}

body.visual-motion-v11 .v7-stepper article {
  position: relative;
  min-height: 260px;
  padding-top: 72px;
  background:
    radial-gradient(circle at 50% 22%, rgba(111, 208, 222, .08), transparent 28%),
    rgba(8, 11, 9, .58);
  transition: transform .35s ease, border-color .35s ease, background .35s ease;
}

body.visual-motion-v11 .v7-stepper article:hover,
body.visual-motion-v11 .v7-stepper article:focus-within {
  transform: translateY(-6px);
  border-color: rgba(216, 179, 92, .55);
  background:
    radial-gradient(circle at 50% 22%, rgba(111, 208, 222, .13), transparent 31%),
    rgba(11, 14, 11, .74);
}

body.visual-motion-v11 .v7-stepper article > i {
  position: absolute;
  left: 46px;
  top: 42px;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(216, 179, 92, .72);
  border-radius: 50%;
  background: rgba(216, 179, 92, .14);
  box-shadow: 0 0 28px rgba(216, 179, 92, .22);
}

body.visual-motion-v11 .v7-stepper article > i::after {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: inherit;
  background: rgba(216, 179, 92, .92);
  animation: v11-pulse 2.8s ease-in-out infinite;
}

body.visual-motion-v11 .v11-proof-strip,
body.visual-motion-v11 .v11-founder-proof,
body.visual-motion-v11 .v11-check-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

body.visual-motion-v11 .v11-proof-strip span,
body.visual-motion-v11 .v11-founder-proof span {
  padding: 12px 14px;
  border: 1px solid var(--label-border);
  font-family: var(--mono);
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}

body.visual-motion-v11 .v11-check-list {
  flex-direction: column;
  padding: 0;
  list-style: none;
  color: rgba(244, 239, 225, .72);
}

body.visual-motion-v11 .v11-check-list li {
  position: relative;
  padding-left: 28px;
}

body.visual-motion-v11 .v11-check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .78em;
  width: 13px;
  height: 1px;
  background: rgba(216, 179, 92, .8);
}

body.visual-motion-v11 .v11-layer-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.visual-motion-v11 .v11-layer-grid .proof-card {
  min-height: 220px;
}

body.visual-motion-v11 .v11-borderless-media,
body.visual-motion-v11 .founder-surface,
body.visual-motion-v11 .contact-visual {
  border-color: transparent;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .34);
}

body.visual-motion-v11 .v11-founder-card {
  min-height: min(78svh, 820px);
}

body.visual-motion-v11 .v11-founder-card img {
  object-position: 50% 45%;
}

body.visual-motion-v11 .v11-founder-nodes .scenario {
  background:
    linear-gradient(120deg, rgba(216, 179, 92, .08), transparent 42%),
    rgba(8, 11, 9, .66);
}

body.visual-motion-v11 .v11-contact-card {
  overflow: hidden;
}

body.visual-motion-v11 .v11-contact-card .contact-visual img {
  object-position: 50% 48%;
}

body.visual-motion-v11 .v7-faq-grid {
  align-items: stretch;
}

body.visual-motion-v11 .faq-surface {
  min-height: clamp(420px, 40vw, 620px);
}

body.visual-motion-v11 .v7-marquee div {
  animation-duration: 21s;
}

@keyframes v11-pulse {
  0%, 100% { opacity: .45; transform: scale(.8); }
  45% { opacity: 1; transform: scale(1.2); }
}

@media (max-width: 980px) {
  body.visual-motion-v11 .v11-layer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.visual-motion-v11 .v10-dual-stage,
  body.visual-motion-v11 .v7-agency-grid,
  body.visual-motion-v11 .v7-offer-grid,
  body.visual-motion-v11 .v7-trust-grid,
  body.visual-motion-v11 .v7-faq-grid {
    gap: 28px;
  }
}

@media (max-width: 720px) {
  body.visual-motion-v11 .site-header {
    min-height: 78px;
  }

  body.visual-motion-v11 .brand {
    min-width: 0;
  }

  body.visual-motion-v11 .brand-name {
    max-width: min(48vw, 260px) !important;
  }

  body.visual-motion-v11 .nav-links a {
    min-height: 54px;
  }

  body.visual-motion-v11 .v7-section,
  body.visual-motion-v11 .scene {
    padding-top: clamp(56px, 14vw, 92px);
    padding-bottom: clamp(56px, 14vw, 92px);
  }

  body.visual-motion-v11 .v7-section-head h2,
  body.visual-motion-v11 .section-copy h2,
  body.visual-motion-v11 .hero-copy h1,
  body.visual-motion-v11 .human-copy h1 {
    text-wrap: balance;
    overflow-wrap: normal;
    font-size: clamp(3.05rem, 13vw, 5.2rem);
    line-height: .9;
  }

  body.visual-motion-v11 .v10-cinematic-surface {
    border-left-color: transparent;
    border-right-color: transparent;
    margin-left: calc(var(--page-pad) * -1);
    margin-right: calc(var(--page-pad) * -1);
    border-radius: 0;
  }

  body.visual-motion-v11 .problem-surface,
  body.visual-motion-v11 .route-surface,
  body.visual-motion-v11 .final-surface {
    min-height: min(72svh, 620px);
  }

  body.visual-motion-v11 .agency-surface,
  body.visual-motion-v11 .faq-surface {
    min-height: min(54svh, 460px);
  }

  body.visual-motion-v11 .v7-stepper {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(250px, 82vw);
    grid-template-columns: none;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding: 4px var(--page-pad) 16px;
    margin-left: calc(var(--page-pad) * -1);
    margin-right: calc(var(--page-pad) * -1);
    scrollbar-width: none;
  }

  body.visual-motion-v11 .v7-stepper::-webkit-scrollbar {
    display: none;
  }

  body.visual-motion-v11 .v7-stepper::before {
    left: 44px;
    right: auto;
    width: calc(250px * 3);
  }

  body.visual-motion-v11 .v7-stepper article {
    min-height: 276px;
    scroll-snap-align: start;
  }

  body.visual-motion-v11 .v7-columns {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    overflow-x: auto;
    padding-bottom: 10px;
    scrollbar-width: none;
  }

  body.visual-motion-v11 .v7-columns::-webkit-scrollbar {
    display: none;
  }

  body.visual-motion-v11 .v11-layer-grid {
    grid-template-columns: 1fr;
  }

  body.visual-motion-v11 .v7-marquee div {
    animation-duration: 3.1s;
  }
}

/* Scroll story v12: button clarity, mobile rhythm, and anti-maze polish */
body.visual-motion-v12 .button,
body.visual-motion-v12 .nav-cta {
  position: relative;
  isolation: isolate;
  border-width: 1px;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .02) inset, 0 14px 40px rgba(0, 0, 0, .2);
}

body.visual-motion-v12 .button::after,
body.visual-motion-v12 .nav-cta::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 1px;
  margin-left: 14px;
  vertical-align: middle;
  background: currentColor;
  transform-origin: left center;
  opacity: .72;
  transition: transform .22s ease, opacity .22s ease;
}

body.visual-motion-v12 .button:hover::after,
body.visual-motion-v12 .button:focus-visible::after,
body.visual-motion-v12 .nav-cta:hover::after,
body.visual-motion-v12 .nav-cta:focus-visible::after {
  transform: scaleX(1.45);
  opacity: 1;
}

body.visual-motion-v12 .button.ghost {
  background:
    linear-gradient(90deg, rgba(212, 175, 98, .08), rgba(125, 211, 160, .03)),
    rgba(5, 7, 6, .62);
}

body.visual-motion-v12 .v7-signal-chips span,
body.visual-motion-v12 .v7-trust-chips span,
body.visual-motion-v12 .hero-proofline span,
body.visual-motion-v12 .v11-proof-strip span {
  cursor: default;
  pointer-events: none;
  border-color: rgba(242, 238, 230, .12);
  background: rgba(242, 238, 230, .035);
  color: rgba(242, 238, 230, .7);
  box-shadow: none;
}

body.visual-motion-v12 .v7-columns {
  gap: 10px;
}

body.visual-motion-v12 .v7-columns span {
  cursor: default;
  pointer-events: none;
  border: 0;
  border-left: 1px solid rgba(125, 211, 160, .28);
  border-radius: 0;
  background: linear-gradient(90deg, rgba(125, 211, 160, .08), rgba(125, 211, 160, .01));
  color: rgba(242, 238, 230, .7);
  box-shadow: none;
}

body.visual-motion-v12 .v7-stepper article {
  transition: transform .28s ease, border-color .28s ease, background .28s ease;
}

body.visual-motion-v12 .v7-stepper article:hover {
  transform: translateY(-4px);
  border-color: rgba(212, 175, 98, .46);
  background:
    linear-gradient(145deg, rgba(21, 26, 22, .92), rgba(5, 6, 5, .72)),
    radial-gradient(circle at 12% 18%, rgba(212, 175, 98, .12), transparent 30%);
}

body.visual-motion-v12 .v10-cinematic-surface {
  border-color: rgba(196, 162, 101, .22);
  box-shadow: 0 34px 100px rgba(0, 0, 0, .34);
}

body.visual-motion-v12 .v10-cinematic-surface::after {
  background:
    linear-gradient(90deg, rgba(4, 5, 4, .54), transparent 28%, transparent 72%, rgba(4, 5, 4, .56)),
    linear-gradient(180deg, rgba(4, 5, 4, .18), transparent 46%, rgba(4, 5, 4, .68));
}

body.visual-motion-v12 .v7-marquee div {
  animation-duration: 20s;
}

@media (max-width: 900px) {
  body.visual-motion-v12 .v7-hero {
    min-height: auto;
  }

  body.visual-motion-v12 .v7-hero-grid {
    padding-top: clamp(34px, 8svh, 72px);
    padding-bottom: 42px;
  }

  body.visual-motion-v12 .v7-section,
  body.visual-motion-v12 .scene {
    scroll-margin-top: 82px;
  }

  body.visual-motion-v12 .v10-cinematic-surface {
    min-height: min(52svh, 520px);
  }

  body.visual-motion-v12 .problem-surface,
  body.visual-motion-v12 .final-surface {
    min-height: min(48svh, 480px);
  }

  body.visual-motion-v12 .v7-stepper {
    position: relative;
    grid-auto-columns: minmax(240px, 78vw);
    padding-bottom: 8px;
  }

  body.visual-motion-v12 .v7-stepper::after,
  body.visual-motion-v12 .v7-signal-chips::after,
  body.visual-motion-v12 .v7-columns::after {
    content: "";
    flex: 0 0 18px;
    pointer-events: none;
  }

  body.visual-motion-v12 .v7-stepper article {
    min-height: 232px;
  }

  body.visual-motion-v12 .v7-map-visual {
    aspect-ratio: 1 / 1;
  }

  body.visual-motion-v12 .v7-map-visual img {
    object-position: 58% center;
  }
}

@media (max-width: 720px) {
  body.visual-motion-v12 .site-header {
    min-height: 78px;
  }

  body.visual-motion-v12 .brand {
    min-width: 0;
  }

  body.visual-motion-v12 .brand-name {
    max-width: min(50vw, 230px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.visual-motion-v12 .mobile-menu-toggle {
    min-width: 104px;
    background: rgba(8, 10, 8, .82);
  }

  body.visual-motion-v12 .mobile-menu-toggle em {
    letter-spacing: .08em;
  }

  body.visual-motion-v12 .v7-hero h1,
  body.visual-motion-v12 .v7-section-head h2,
  body.visual-motion-v12 .v7-final h2 {
    font-size: clamp(40px, 11.7vw, 58px);
    line-height: .94;
  }

  body.visual-motion-v12 .v7-hero-copy > p:not(.eyebrow),
  body.visual-motion-v12 .v7-section-head p,
  body.visual-motion-v12 .v7-final-card p {
    font-size: clamp(16px, 4.4vw, 20px);
    line-height: 1.42;
  }

  body.visual-motion-v12 .v7-section {
    padding: 46px 0;
  }

  body.visual-motion-v12 .v10-dual-stage,
  body.visual-motion-v12 .v7-map-grid,
  body.visual-motion-v12 .v7-offer-grid,
  body.visual-motion-v12 .v7-trust-grid,
  body.visual-motion-v12 .v7-faq-grid,
  body.visual-motion-v12 .v10-final-grid {
    gap: 22px;
  }

  body.visual-motion-v12 .v7-pain-grid article,
  body.visual-motion-v12 .v7-stepper article,
  body.visual-motion-v12 .v7-price-card,
  body.visual-motion-v12 .v7-final-card {
    padding: 22px;
  }

  body.visual-motion-v12 .v7-stepper {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(232px, 82vw);
    grid-template-columns: none;
    overflow-x: auto;
    margin-inline: calc(var(--mobile-pad) * -1);
    padding-inline: var(--mobile-pad);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  body.visual-motion-v12 .v7-stepper::-webkit-scrollbar {
    display: none;
  }

  body.visual-motion-v12 .v7-stepper article {
    scroll-snap-align: start;
  }

  body.visual-motion-v12 .v7-stepper::before {
    display: none;
  }

  body.visual-motion-v12 .v7-marquee div {
    animation-duration: 14s;
  }

  body.visual-motion-v12 .v7-marquee span {
    color: rgba(242, 238, 230, .86);
  }

  body.visual-motion-v12 .button::after,
  body.visual-motion-v12 .nav-cta::after {
    width: 14px;
    margin-left: 10px;
  }

  body.visual-motion-v12 .v10-cinematic-surface {
    min-height: min(46svh, 420px);
    border-radius: 16px;
  }

  body.visual-motion-v12 .v10-cinematic-surface figcaption {
    left: 12px;
    right: 12px;
    bottom: 12px;
    max-width: none;
  }
}

@media (max-width: 420px) {
  body.visual-motion-v12 .brand-mark {
    width: 46px;
    height: 46px;
  }

  body.visual-motion-v12 .brand-name {
    max-width: 46vw;
    font-size: clamp(24px, 7vw, 31px);
  }

  body.visual-motion-v12 .mobile-menu-toggle {
    min-width: 96px;
    padding-inline: 12px;
  }

  body.visual-motion-v12 .v7-hero h1,
  body.visual-motion-v12 .v7-section-head h2,
  body.visual-motion-v12 .v7-final h2 {
    font-size: clamp(38px, 12.2vw, 50px);
  }

  body.visual-motion-v12 .v10-cinematic-surface {
    min-height: 360px;
  }
}

/* V12.2 release repair: production truth, mobile-first storytelling, clear control affordances. */
body.visual-motion-v12-2 {
  --v122-pad: clamp(18px, 4.8vw, 56px);
  --v122-gold: #d8b65f;
  --v122-green: #7dd3a0;
  --v122-blue: #87c9ff;
  --v122-ink: rgba(5, 7, 6, .94);
  --v122-line: rgba(216, 182, 95, .24);
  overflow-x: hidden;
}

body.visual-motion-v12-2 *,
body.visual-motion-v12-2 *::before,
body.visual-motion-v12-2 *::after {
  box-sizing: border-box;
}

body.visual-motion-v12-2 main,
body.visual-motion-v12-2 .site-shell,
body.visual-motion-v12-2 .v7-hero,
body.visual-motion-v12-2 .v7-section,
body.visual-motion-v12-2 .v10-visual-section,
body.visual-motion-v12-2 .v7-final {
  max-width: 100%;
  overflow-x: clip;
}

body.visual-motion-v12-2 .site-header {
  border-bottom-color: rgba(216, 182, 95, .2);
  backdrop-filter: blur(18px);
}

body.visual-motion-v12-2 .brand {
  min-width: 0;
}

body.visual-motion-v12-2 .brand-name {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.visual-motion-v12-2 .button,
body.visual-motion-v12-2 .nav-cta,
body.visual-motion-v12-2 .mobile-menu-toggle,
body.visual-motion-v12-2 a.v7-output-card,
body.visual-motion-v12-2 .v7-final-card {
  cursor: pointer;
  position: relative;
}

body.visual-motion-v12-2 .button,
body.visual-motion-v12-2 .nav-cta {
  box-shadow: 0 16px 42px rgba(216, 182, 95, .1), inset 0 0 0 1px rgba(255, 244, 204, .12);
}

body.visual-motion-v12-2 .v7-signal-chips span,
body.visual-motion-v12-2 .v7-trust-chips span,
body.visual-motion-v12-2 .v7-columns span {
  pointer-events: none;
  cursor: default;
  border: 0;
  border-left: 1px solid rgba(125, 211, 160, .32);
  border-radius: 0;
  background: linear-gradient(90deg, rgba(125, 211, 160, .08), rgba(216, 182, 95, .035));
  color: rgba(242, 238, 230, .72);
  box-shadow: none;
}

body.visual-motion-v12-2 .v7-stepper article,
body.visual-motion-v12-2 .v7-pain-grid article,
body.visual-motion-v12-2 .v11-value-card,
body.visual-motion-v12-2 .proof-card {
  cursor: default;
  transform: none;
}

body.visual-motion-v12-2 .v7-stepper article:hover,
body.visual-motion-v12-2 .v7-pain-grid article:hover,
body.visual-motion-v12-2 .v11-value-card:hover,
body.visual-motion-v12-2 .proof-card:hover {
  transform: none;
}

body.visual-motion-v12-2 .v10-cinematic-surface {
  border: 0;
  border-radius: clamp(18px, 2.2vw, 32px);
  min-height: clamp(520px, 68vh, 820px);
  overflow: hidden;
  background: radial-gradient(circle at 50% 45%, rgba(135, 201, 255, .1), transparent 32%), #030403;
  box-shadow: 0 34px 120px rgba(0, 0, 0, .44), inset 0 0 0 1px rgba(216, 182, 95, .12);
  isolation: isolate;
}

body.visual-motion-v12-2 .v10-cinematic-surface::before,
body.visual-motion-v12-2 .v7-hero-media::before,
body.visual-motion-v12-2 .v7-map-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2, 3, 2, .82), transparent 24%, transparent 68%, rgba(2, 3, 2, .76)),
    linear-gradient(180deg, rgba(2, 3, 2, .42), transparent 36%, rgba(2, 3, 2, .76));
}

body.visual-motion-v12-2 .v10-cinematic-surface video,
body.visual-motion-v12-2 .v10-cinematic-surface img,
body.visual-motion-v12-2 .v7-hero-media img,
body.visual-motion-v12-2 .v7-map-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.68) saturate(1.08) contrast(1.04);
  transform: scale(calc(1.035 + (var(--story-progress, 0) * .035))) translate3d(0, calc(var(--story-shift, 0px) * -1), 0);
  transition: filter .32s ease;
  will-change: transform;
}

body.visual-motion-v12-2 .v10-cinematic-surface:hover video,
body.visual-motion-v12-2 .v10-cinematic-surface:hover img,
body.visual-motion-v12-2 .v7-hero-media:hover img,
body.visual-motion-v12-2 .v7-map-visual:hover img {
  filter: brightness(.76) saturate(1.14) contrast(1.06);
}

body.visual-motion-v12-2 .v10-cinematic-surface figcaption {
  z-index: 3;
  border: 0;
  border-left: 1px solid rgba(216, 182, 95, .42);
  background: linear-gradient(90deg, rgba(5, 7, 6, .74), rgba(5, 7, 6, .28));
}

body.visual-motion-v12-2 .reveal-item {
  opacity: .28;
  transform: translateY(28px) scale(.985);
  transition: opacity .72s ease, transform .72s cubic-bezier(.19, 1, .22, 1), border-color .28s ease, background .28s ease;
}

body.visual-motion-v12-2 .reveal-item.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

body.visual-motion-v12-2 .v10-visual-section {
  position: relative;
}

body.visual-motion-v12-2 .v10-visual-section::after {
  content: "";
  position: absolute;
  left: var(--v122-pad);
  right: var(--v122-pad);
  bottom: 0;
  height: 1px;
  opacity: .58;
  background: linear-gradient(90deg, transparent, rgba(216, 182, 95, .34), rgba(135, 201, 255, .18), transparent);
}

body.visual-motion-v12-2 .v7-marquee div {
  animation-duration: 17s;
}

@media (min-width: 981px) {
  body.visual-motion-v12-2 .v10-visual-section {
    padding-top: clamp(90px, 8vw, 150px);
    padding-bottom: clamp(90px, 8vw, 150px);
  }

  body.visual-motion-v12-2 .v7-stepper article,
  body.visual-motion-v12-2 .v7-pain-grid article {
    min-height: 260px;
  }
}

@media (max-width: 980px) {
  body.visual-motion-v12-2 .v7-hero-grid,
  body.visual-motion-v12-2 .v7-route-grid,
  body.visual-motion-v12-2 .v7-map-grid,
  body.visual-motion-v12-2 .v7-offer-grid,
  body.visual-motion-v12-2 .v7-trust-grid,
  body.visual-motion-v12-2 .v7-faq-grid,
  body.visual-motion-v12-2 .v10-dual-stage,
  body.visual-motion-v12-2 .v10-final-grid {
    grid-template-columns: 1fr;
  }

  body.visual-motion-v12-2 .v10-cinematic-surface {
    min-height: clamp(420px, 62svh, 680px);
  }
}

@media (max-width: 720px) {
  html,
  body.visual-motion-v12-2 {
    max-width: 100%;
    overflow-x: hidden;
  }

  body.visual-motion-v12-2 .site-header,
  body.visual-motion-v12-2.tp-header-collapsed .site-header {
    min-height: 78px;
    padding: 10px 14px;
    justify-content: flex-start;
  }

  body.visual-motion-v12-2 .brand {
    gap: 10px;
    max-width: calc(100vw - 124px);
  }

  body.visual-motion-v12-2 .brand-mark {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
  }

  body.visual-motion-v12-2 .brand-name {
    max-width: calc(100vw - 188px);
    font-size: clamp(18px, 5.2vw, 25px);
    letter-spacing: .1em;
  }

  body.visual-motion-v12-2 .mobile-menu-toggle {
    top: 12px !important;
    right: 14px !important;
    left: auto !important;
    width: 88px;
    min-width: 88px;
    height: 54px;
    padding: 0 12px;
    border-color: rgba(216, 182, 95, .4);
    background: rgba(5, 7, 6, .88);
  }

  body.visual-motion-v12-2 .mobile-menu-toggle em {
    font-size: 12px;
    letter-spacing: .06em;
  }

  body.visual-motion-v12-2 .v7-hero,
  body.visual-motion-v12-2 .v7-section,
  body.visual-motion-v12-2 .v7-final,
  body.visual-motion-v12-2 .v10-visual-section {
    padding-left: var(--v122-pad);
    padding-right: var(--v122-pad);
  }

  body.visual-motion-v12-2 .v7-hero {
    padding-top: calc(92px + 8svh);
    padding-bottom: 34px;
    min-height: auto;
  }

  body.visual-motion-v12-2 .v7-section,
  body.visual-motion-v12-2 .v10-visual-section,
  body.visual-motion-v12-2 .v7-final {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  body.visual-motion-v12-2 .v7-hero h1,
  body.visual-motion-v12-2 .v7-section-head h2,
  body.visual-motion-v12-2 .v7-final h2 {
    max-width: 100%;
    font-size: clamp(42px, 13vw, 60px);
    line-height: .94;
    letter-spacing: 0;
    overflow-wrap: normal;
    text-wrap: balance;
  }

  body.visual-motion-v12-2 .v7-section-head p,
  body.visual-motion-v12-2 .v7-hero p,
  body.visual-motion-v12-2 .v7-final p,
  body.visual-motion-v12-2 .v7-stepper p,
  body.visual-motion-v12-2 .v7-pain-grid p {
    font-size: clamp(18px, 5vw, 22px);
    line-height: 1.42;
    overflow-wrap: anywhere;
  }

  body.visual-motion-v12-2 .hero-actions,
  body.visual-motion-v12-2 .v7-final-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body.visual-motion-v12-2 .button,
  body.visual-motion-v12-2 .nav-cta,
  body.visual-motion-v12-2 .v7-final-card {
    width: 100%;
    min-height: 58px;
    justify-content: center;
    text-align: center;
    white-space: normal;
  }

  body.visual-motion-v12-2 .v7-stepper,
  body.visual-motion-v12-2 .v7-columns,
  body.visual-motion-v12-2 .v7-signal-chips,
  body.visual-motion-v12-2 .v7-trust-chips {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(238px, 84vw);
    grid-template-columns: none;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding: 0 18px 12px 0;
    margin-right: calc(var(--v122-pad) * -1);
  }

  body.visual-motion-v12-2 .v7-stepper::-webkit-scrollbar,
  body.visual-motion-v12-2 .v7-columns::-webkit-scrollbar,
  body.visual-motion-v12-2 .v7-signal-chips::-webkit-scrollbar,
  body.visual-motion-v12-2 .v7-trust-chips::-webkit-scrollbar {
    display: none;
  }

  body.visual-motion-v12-2 .v7-stepper article,
  body.visual-motion-v12-2 .v7-columns span,
  body.visual-motion-v12-2 .v7-signal-chips span,
  body.visual-motion-v12-2 .v7-trust-chips span {
    scroll-snap-align: start;
  }

  body.visual-motion-v12-2 .v7-stepper::before {
    display: none;
  }

  body.visual-motion-v12-2 .v7-stepper article {
    min-height: 252px;
    padding: 24px;
    background:
      linear-gradient(160deg, rgba(12, 18, 15, .94), rgba(4, 5, 4, .74)),
      radial-gradient(circle at 18% 8%, rgba(216, 182, 95, .12), transparent 36%);
  }

  body.visual-motion-v12-2 .v10-cinematic-surface,
  body.visual-motion-v12-2 .v7-map-visual,
  body.visual-motion-v12-2 .v7-hero-media {
    width: calc(100% + (var(--v122-pad) * 2));
    margin-left: calc(var(--v122-pad) * -1);
    margin-right: calc(var(--v122-pad) * -1);
    border-radius: 0;
    border: 0;
    min-height: clamp(430px, 76svh, 680px);
  }

  body.visual-motion-v12-2 .v10-cinematic-surface figcaption {
    left: var(--v122-pad);
    right: var(--v122-pad);
    bottom: 18px;
    max-width: none;
    font-size: 11px;
    line-height: 1.35;
  }

  body.visual-motion-v12-2 .v7-marquee div {
    animation-duration: 7.8s;
  }

  body.visual-motion-v12-2 .v7-marquee span {
    color: rgba(242, 238, 230, .88);
    letter-spacing: .16em;
  }
}

@media (max-width: 390px) {
  body.visual-motion-v12-2 .brand-name {
    max-width: calc(100vw - 168px);
    font-size: clamp(17px, 5vw, 22px);
  }

  body.visual-motion-v12-2 .mobile-menu-toggle {
    width: 82px;
    min-width: 82px;
  }

  body.visual-motion-v12-2 .v7-hero h1,
  body.visual-motion-v12-2 .v7-section-head h2,
  body.visual-motion-v12-2 .v7-final h2 {
    font-size: clamp(38px, 12.6vw, 54px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.visual-motion-v12-2 .v10-cinematic-surface video,
  body.visual-motion-v12-2 .v10-cinematic-surface img,
  body.visual-motion-v12-2 .v7-hero-media img,
  body.visual-motion-v12-2 .v7-map-visual img,
  body.visual-motion-v12-2 .reveal-item {
    transform: none !important;
    transition: none !important;
  }
}

body.visual-motion-v13 .v13-score-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 22px 0;
}

body.visual-motion-v13 .v13-score-grid article {
  min-height: 150px;
  padding: 22px;
  border: 1px solid rgba(216, 182, 95, .28);
  background:
    linear-gradient(145deg, rgba(11, 15, 12, .88), rgba(5, 6, 5, .72)),
    radial-gradient(circle at 18% 0%, rgba(216, 182, 95, .12), transparent 44%);
}

body.visual-motion-v13 .v13-score-grid span {
  display: block;
  margin-bottom: 10px;
  color: rgba(216, 182, 95, .92);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.visual-motion-v13 .v13-score-grid b {
  display: block;
  margin-bottom: 10px;
  color: var(--text);
  font-family: var(--serif);
  font-size: clamp(40px, 5vw, 64px);
  font-weight: 500;
  line-height: .9;
}

body.visual-motion-v13 .v13-score-grid p {
  margin: 0;
  color: rgba(242, 238, 230, .68);
  font-size: 17px;
  line-height: 1.45;
}

body.visual-motion-v13 .audit-hero,
body.visual-motion-v13 .audit-bridge,
body.visual-motion-v13 .audit-close {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(216, 182, 95, .14);
}

body.visual-motion-v13 .audit-hero {
  min-height: min(860px, 92svh);
  padding: 150px 0 92px;
  display: grid;
  align-items: center;
}

body.visual-motion-v13 .audit-hero::before,
body.visual-motion-v13 .audit-bridge::before,
body.visual-motion-v13 .audit-close::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(216, 182, 95, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216, 182, 95, .028) 1px, transparent 1px);
  background-size: 118px 118px;
  opacity: .72;
}

body.visual-motion-v13 .audit-hero-media {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

body.visual-motion-v13 .audit-hero-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .34;
  filter: saturate(.9) contrast(1.08);
  transform: scale(1.04);
}

body.visual-motion-v13 .audit-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 74% 42%, rgba(216, 182, 95, .14), transparent 34%),
    linear-gradient(90deg, rgba(5, 6, 5, .95), rgba(5, 6, 5, .72) 52%, rgba(5, 6, 5, .92));
}

body.visual-motion-v13 .audit-hero-grid,
body.visual-motion-v13 .audit-two-col,
body.visual-motion-v13 .audit-close-card {
  position: relative;
  z-index: 1;
}

body.visual-motion-v13 .audit-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: clamp(28px, 5vw, 82px);
  align-items: end;
}

body.visual-motion-v13 .audit-copy h1,
body.visual-motion-v13 .audit-two-col h2,
body.visual-motion-v13 .audit-close h2 {
  margin: 0;
  color: var(--text);
  font-family: var(--serif);
  font-size: clamp(64px, 8.5vw, 126px);
  font-weight: 500;
  line-height: .88;
  letter-spacing: 0;
  text-wrap: balance;
}

body.visual-motion-v13 .audit-copy p,
body.visual-motion-v13 .audit-two-col p,
body.visual-motion-v13 .audit-close p {
  max-width: 820px;
  color: rgba(242, 238, 230, .72);
  font-size: clamp(20px, 2vw, 30px);
  line-height: 1.42;
}

body.visual-motion-v13 .audit-output-card,
body.visual-motion-v13 .audit-close-card {
  border: 1px solid rgba(216, 182, 95, .34);
  background:
    linear-gradient(155deg, rgba(10, 14, 11, .92), rgba(5, 6, 5, .72)),
    radial-gradient(circle at 22% 0%, rgba(216, 182, 95, .16), transparent 42%);
  box-shadow: 0 24px 90px rgba(0, 0, 0, .36);
}

body.visual-motion-v13 .audit-output-card {
  padding: clamp(24px, 3vw, 40px);
}

body.visual-motion-v13 .audit-output-card span {
  color: var(--gold);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

body.visual-motion-v13 .audit-output-card b {
  display: block;
  margin: 14px 0 18px;
  color: var(--text);
  font-family: var(--serif);
  font-size: clamp(44px, 4.6vw, 70px);
  font-weight: 500;
  line-height: .95;
}

body.visual-motion-v13 .audit-output-card ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.visual-motion-v13 .audit-output-card li {
  padding: 12px 0 12px 22px;
  border-top: 1px solid rgba(216, 182, 95, .14);
  color: rgba(242, 238, 230, .76);
  font-size: 17px;
  line-height: 1.35;
}

body.visual-motion-v13 .audit-output-card li::before {
  content: "";
  position: absolute;
}

body.visual-motion-v13 .audit-bridge {
  padding: clamp(76px, 9vw, 150px) 0;
}

body.visual-motion-v13 .audit-two-col {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(360px, 1fr);
  gap: clamp(28px, 5vw, 90px);
  align-items: center;
}

body.visual-motion-v13 .audit-lens-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

body.visual-motion-v13 .audit-lens-grid article {
  min-height: 172px;
  padding: 22px;
  border: 1px solid rgba(216, 182, 95, .24);
  background: rgba(5, 7, 6, .54);
}

body.visual-motion-v13 .audit-lens-grid span {
  color: var(--gold);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
}

body.visual-motion-v13 .audit-lens-grid b {
  display: block;
  margin: 20px 0 10px;
  color: var(--text);
  font-family: var(--serif);
  font-size: clamp(30px, 3vw, 46px);
  font-weight: 500;
  line-height: .96;
}

body.visual-motion-v13 .audit-lens-grid p {
  margin: 0;
  font-size: 16px;
}

body.visual-motion-v13 .audit-proof-surface {
  min-height: clamp(340px, 42vw, 620px);
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(216, 182, 95, .25);
  background: #050605;
}

body.visual-motion-v13 .audit-proof-surface img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  opacity: .78;
}

body.visual-motion-v13 .audit-close {
  padding: clamp(88px, 10vw, 170px) 0;
}

body.visual-motion-v13 .audit-close-card {
  padding: clamp(34px, 5vw, 72px);
}

@media (max-width: 900px) {
  body.visual-motion-v13 .audit-hero-grid,
  body.visual-motion-v13 .audit-two-col {
    grid-template-columns: 1fr;
  }

  body.visual-motion-v13 .audit-hero {
    min-height: auto;
    padding-top: 118px;
  }
}

@media (max-width: 720px) {
  body.visual-motion-v13 .v13-score-grid,
  body.visual-motion-v13 .audit-lens-grid {
    grid-template-columns: 1fr;
  }

  body.visual-motion-v13 .audit-copy h1,
  body.visual-motion-v13 .audit-two-col h2,
  body.visual-motion-v13 .audit-close h2 {
    font-size: clamp(42px, 12.5vw, 62px);
    line-height: .94;
  }

  body.visual-motion-v13 .audit-copy p,
  body.visual-motion-v13 .audit-two-col p,
  body.visual-motion-v13 .audit-close p {
    font-size: clamp(18px, 5vw, 22px);
  }

  body.visual-motion-v13 .audit-hero,
  body.visual-motion-v13 .audit-bridge,
  body.visual-motion-v13 .audit-close {
    padding-left: var(--v122-pad);
    padding-right: var(--v122-pad);
  }

  body.visual-motion-v13 .audit-proof-surface {
    width: calc(100% + (var(--v122-pad) * 2));
    margin-left: calc(var(--v122-pad) * -1);
    margin-right: calc(var(--v122-pad) * -1);
    border-left: 0;
    border-right: 0;
  }
}

/* v13.1 conversion polish: clean CTA, organic final slides, embedded proof surfaces. */
body.visual-motion-v13-1 {
  overflow-x: hidden;
}

body.visual-motion-v13-1 .button,
body.visual-motion-v13-1 .nav-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 54px;
  text-decoration: none;
  cursor: pointer;
}

body.visual-motion-v13-1 .button::after,
body.visual-motion-v13-1 .nav-cta::after {
  content: "";
  width: .62em;
  height: .62em;
  flex: 0 0 .62em;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg) translateX(0);
  transition: transform .22s ease, opacity .22s ease;
  opacity: .9;
}

body.visual-motion-v13-1 .button:hover::after,
body.visual-motion-v13-1 .button:focus-visible::after,
body.visual-motion-v13-1 .nav-cta:hover::after,
body.visual-motion-v13-1 .nav-cta:focus-visible::after {
  transform: rotate(45deg) translate(4px, -4px);
  opacity: 1;
}

body.visual-motion-v13-1 .v7-final-card::after,
body.visual-motion-v13-1 .page-final-cta::after,
body.visual-motion-v13-1 .v131-quiz-option::after,
body.visual-motion-v13-1 .v131-timeline-card::after {
  content: none !important;
  display: none !important;
}

body.visual-motion-v13-1 a,
body.visual-motion-v13-1 button,
body.visual-motion-v13-1 [role="button"] {
  touch-action: manipulation;
}

body.visual-motion-v13-1 a:hover,
body.visual-motion-v13-1 button:hover {
  transform: translateY(-2px);
}

body.visual-motion-v13-1 .v7-signal-chips span,
body.visual-motion-v13-1 .v7-trust-chips span,
body.visual-motion-v13-1 .v7-columns span,
body.visual-motion-v13-1 .v131-label-chip {
  cursor: default;
  pointer-events: none;
  border: 0;
  border-left: 1px solid rgba(125, 211, 160, .42);
  border-radius: 0;
  background: linear-gradient(90deg, rgba(125, 211, 160, .1), rgba(216, 182, 95, .035));
  box-shadow: none;
}

body.visual-motion-v13-1 .v7-section,
body.visual-motion-v13-1 .v7-final,
body.visual-motion-v13-1 .page-final-cta {
  position: relative;
  overflow: clip;
}

body.visual-motion-v13-1 .v131-split {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(360px, 1.12fr);
  gap: clamp(34px, 5vw, 84px);
  align-items: center;
}

body.visual-motion-v13-1 .v131-split.reverse {
  grid-template-columns: minmax(360px, 1.02fr) minmax(0, .98fr);
}

body.visual-motion-v13-1 .v131-process-timeline,
body.visual-motion-v13-1 .v131-quiz-section,
body.visual-motion-v13-1 .v131-sovereignty-section,
body.visual-motion-v13-1 .v131-founder-proof {
  padding: clamp(72px, 9vw, 138px) 0;
  border-top: 1px solid rgba(216, 182, 95, .18);
}

body.visual-motion-v13-1 .v131-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid rgba(216, 182, 95, .24);
  background: rgba(216, 182, 95, .14);
}

body.visual-motion-v13-1 .v131-slider-controls {
  display: none;
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}

body.visual-motion-v13-1 .v131-slider-controls button {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(216, 182, 95, .34);
  background: rgba(0, 0, 0, .22);
  color: var(--gold);
  font: 400 26px/1 var(--serif);
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

body.visual-motion-v13-1 .v131-slider-controls button:hover,
body.visual-motion-v13-1 .v131-slider-controls button:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(216, 182, 95, .72);
  background: rgba(216, 182, 95, .08);
}

body.visual-motion-v13-1 .v131-slider-dots {
  display: flex;
  gap: 7px;
}

body.visual-motion-v13-1 .v131-slider-dots i {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(216, 182, 95, .32);
}

body.visual-motion-v13-1 .v131-slider-dots i:first-child {
  background: var(--gold);
}

body.visual-motion-v13-1 .v131-timeline-card,
body.visual-motion-v13-1 .v131-icon-list article {
  min-height: 210px;
  padding: clamp(22px, 3vw, 34px);
  background: linear-gradient(145deg, rgba(12, 18, 14, .94), rgba(8, 9, 7, .92));
}

body.visual-motion-v13-1 .v131-timeline-card span,
body.visual-motion-v13-1 .v131-map-callouts span::before {
  color: var(--gold);
  font: 700 13px/1.1 "IBM Plex Mono", Consolas, monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.visual-motion-v13-1 .v131-timeline-card h3,
body.visual-motion-v13-1 .v131-quiz-card h3,
body.visual-motion-v13-1 .v131-icon-list b {
  color: var(--paper);
}

body.visual-motion-v13-1 .v131-timeline-card p,
body.visual-motion-v13-1 .v131-icon-list p {
  color: rgba(242, 238, 230, .72);
}

body.visual-motion-v13-1 .v131-quiz-grid {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(360px, 1fr);
  gap: clamp(32px, 5vw, 76px);
  align-items: center;
}

body.visual-motion-v13-1 .v131-quiz-card {
  min-height: 520px;
  border: 1px solid rgba(216, 182, 95, .32);
  background:
    radial-gradient(circle at 20% 12%, rgba(125, 211, 160, .13), transparent 28%),
    linear-gradient(145deg, rgba(13, 19, 15, .96), rgba(7, 8, 6, .94));
  box-shadow: 0 32px 90px rgba(0, 0, 0, .36), inset 0 0 0 1px rgba(255, 244, 204, .06);
  padding: clamp(24px, 4vw, 46px);
}

body.visual-motion-v13-1 .v131-quiz-progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 32px;
  color: var(--gold);
  font: 700 12px/1 "IBM Plex Mono", Consolas, monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.visual-motion-v13-1 .v131-quiz-progress i {
  position: relative;
  display: block;
  flex: 1;
  height: 2px;
  background: rgba(216, 182, 95, .18);
  overflow: hidden;
}

body.visual-motion-v13-1 .v131-quiz-progress i::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--quiz-progress, 20%);
  background: linear-gradient(90deg, var(--gold), rgba(125, 211, 160, .78));
  transition: width .35s ease;
}

body.visual-motion-v13-1 .v131-quiz-screen {
  display: none;
  opacity: 0;
  transform: translateY(18px);
}

body.visual-motion-v13-1 .v131-quiz-screen.is-active {
  display: block;
  animation: v131QuizIn .36s ease forwards;
}

@keyframes v131QuizIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.visual-motion-v13-1 .v131-quiz-screen button:not(.button) {
  width: 100%;
  min-height: 58px;
  margin-top: 12px;
  padding: 16px 18px;
  border: 1px solid rgba(216, 182, 95, .24);
  background: rgba(0, 0, 0, .25);
  color: var(--paper);
  font: 700 13px/1.2 "IBM Plex Mono", Consolas, monospace;
  letter-spacing: .08em;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

body.visual-motion-v13-1 .v131-quiz-screen button:not(.button):hover,
body.visual-motion-v13-1 .v131-quiz-screen button:not(.button):focus-visible {
  border-color: rgba(216, 182, 95, .72);
  background: rgba(216, 182, 95, .12);
}

body.visual-motion-v13-1 .v131-email-gate label {
  display: grid;
  gap: 9px;
  margin: 22px 0;
  color: rgba(242, 238, 230, .7);
  font: 700 12px/1 "IBM Plex Mono", Consolas, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.visual-motion-v13-1 .v131-email-gate input {
  min-height: 56px;
  border: 1px solid rgba(216, 182, 95, .32);
  background: rgba(0, 0, 0, .36);
  color: var(--paper);
  padding: 0 16px;
  font: 500 16px/1.2 Inter, system-ui, sans-serif;
}

body.visual-motion-v13-1 .v131-map-preview {
  position: relative;
  min-height: clamp(420px, 48vw, 680px);
}

body.visual-motion-v13-1 .v131-map-callouts {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

body.visual-motion-v13-1 .v131-map-callouts span {
  position: absolute;
  max-width: 250px;
  padding: 12px 14px;
  border: 1px solid rgba(216, 182, 95, .34);
  background: rgba(5, 7, 5, .78);
  color: rgba(242, 238, 230, .86);
  font: 700 12px/1.35 "IBM Plex Mono", Consolas, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .32);
}

body.visual-motion-v13-1 .v131-map-callouts span:nth-child(1) { left: 8%; top: 18%; }
body.visual-motion-v13-1 .v131-map-callouts span:nth-child(2) { right: 7%; top: 44%; }
body.visual-motion-v13-1 .v131-map-callouts span:nth-child(3) { left: 22%; bottom: 12%; }

body.visual-motion-v13-1 .v131-sovereignty-visual {
  min-height: clamp(360px, 45vw, 560px);
  border: 1px solid rgba(216, 182, 95, .28);
  background:
    radial-gradient(circle at 30% 30%, rgba(125, 211, 160, .18), transparent 28%),
    url("/assets/visual-trust-ecosystem.webp") center/cover no-repeat;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: end;
  gap: 1px;
  overflow: hidden;
}

body.visual-motion-v13-1 .v131-sovereignty-visual span {
  min-height: 88px;
  display: grid;
  place-items: center;
  background: rgba(3, 5, 4, .72);
  border-top: 1px solid rgba(216, 182, 95, .2);
  color: var(--paper);
  font: 700 12px/1.1 "IBM Plex Mono", Consolas, monospace;
  letter-spacing: .14em;
}

body.visual-motion-v13-1 .v131-icon-list {
  display: grid;
  gap: 1px;
  border: 1px solid rgba(216, 182, 95, .18);
  background: rgba(216, 182, 95, .12);
  margin-top: 26px;
}

body.visual-motion-v13-1 .v131-proof-visual {
  min-height: clamp(380px, 42vw, 580px);
  margin: 0;
  border: 1px solid rgba(216, 182, 95, .28);
  overflow: hidden;
  background: rgba(0, 0, 0, .22);
}

body.visual-motion-v13-1 .v131-proof-visual img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  filter: saturate(.92) brightness(.82);
}

body.visual-motion-v13-1 .v131-proof-visual figcaption {
  margin: -72px 22px 22px;
  position: relative;
  padding: 16px;
  border-left: 1px solid var(--gold);
  background: rgba(5, 7, 5, .72);
  color: rgba(242, 238, 230, .74);
  font: 700 12px/1.45 "IBM Plex Mono", Consolas, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.visual-motion-v13-1 .v131-metric {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 28px;
  padding: 18px;
  border-left: 1px solid rgba(125, 211, 160, .55);
  background: rgba(125, 211, 160, .08);
}

body.visual-motion-v13-1 .v131-metric strong {
  color: var(--gold);
  font-family: "IBM Plex Mono", Consolas, monospace;
  text-transform: uppercase;
  white-space: nowrap;
}

body.visual-motion-v13-1 .page-final-cta {
  min-height: clamp(560px, 72svh, 780px);
  display: grid;
  place-items: center;
  padding: clamp(72px, 10vw, 150px) 0;
  border-top: 1px solid rgba(216, 182, 95, .18);
  background:
    radial-gradient(circle at 72% 22%, rgba(125, 211, 160, .1), transparent 32%),
    linear-gradient(180deg, rgba(7, 9, 7, .7), rgba(4, 5, 4, .96));
}

body.visual-motion-v13-1 .page-final-cta .wrap {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(320px, .65fr);
  gap: clamp(28px, 5vw, 76px);
  align-items: center;
}

body.visual-motion-v13-1 .page-final-cta h2 {
  max-width: 920px;
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(54px, 8vw, 118px);
  line-height: .9;
  letter-spacing: 0;
}

body.visual-motion-v13-1 .page-final-cta p {
  max-width: 680px;
  color: rgba(242, 238, 230, .72);
  font-size: clamp(20px, 2.2vw, 31px);
  line-height: 1.35;
}

body.visual-motion-v13-1 .page-final-cta aside {
  border: 1px solid rgba(216, 182, 95, .28);
  background: rgba(0, 0, 0, .26);
  padding: clamp(22px, 3vw, 36px);
}

body.visual-motion-v13-1 .site-footer,
body.visual-motion-v13-1 footer {
  margin-top: 0 !important;
}

body.visual-motion-v13-1 .reveal-item {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .72s ease, transform .72s ease, filter .72s ease;
  filter: blur(4px);
}

body.visual-motion-v13-1 .reveal-item.is-visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

@media (max-width: 1020px) {
  body.visual-motion-v13-1 .v131-split,
  body.visual-motion-v13-1 .v131-split.reverse,
  body.visual-motion-v13-1 .v131-quiz-grid,
  body.visual-motion-v13-1 .page-final-cta .wrap {
    grid-template-columns: 1fr;
  }

  body.visual-motion-v13-1 .v131-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.visual-motion-v13-1 .v131-slider-controls {
    display: flex;
  }
}

@media (max-width: 720px) {
  body.visual-motion-v13-1 .v7-section,
  body.visual-motion-v13-1 .v7-final,
  body.visual-motion-v13-1 .v131-process-timeline,
  body.visual-motion-v13-1 .v131-quiz-section,
  body.visual-motion-v13-1 .v131-sovereignty-section,
  body.visual-motion-v13-1 .v131-founder-proof {
    padding-top: clamp(62px, 16vw, 92px);
    padding-bottom: clamp(62px, 16vw, 92px);
  }

  body.visual-motion-v13-1 .hero-actions,
  body.visual-motion-v13-1 .v7-columns,
  body.visual-motion-v13-1 .v7-signal-chips,
  body.visual-motion-v13-1 .v7-trust-chips {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding-bottom: 6px;
  }

  body.visual-motion-v13-1 .v7-columns span,
  body.visual-motion-v13-1 .v7-signal-chips span,
  body.visual-motion-v13-1 .v7-trust-chips span {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  body.visual-motion-v13-1 .v131-timeline {
    display: flex;
    grid-template-columns: none;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  body.visual-motion-v13-1 .v131-timeline-card,
  body.visual-motion-v13-1 .v131-quiz-card {
    min-height: auto;
  }

  body.visual-motion-v13-1 .v131-timeline-card {
    flex: 0 0 min(84vw, 360px);
    scroll-snap-align: start;
  }

  body.visual-motion-v13-1 .v131-map-preview {
    min-height: 460px;
  }

  body.visual-motion-v13-1 .v131-map-callouts span {
    max-width: 210px;
    font-size: 10px;
  }

  body.visual-motion-v13-1 .v131-map-callouts span:nth-child(1) { left: 5%; top: 12%; }
  body.visual-motion-v13-1 .v131-map-callouts span:nth-child(2) { right: 5%; top: 46%; }
  body.visual-motion-v13-1 .v131-map-callouts span:nth-child(3) { left: 7%; bottom: 8%; }

  body.visual-motion-v13-1 .v131-sovereignty-visual {
    grid-template-columns: 1fr;
    min-height: 420px;
  }

  body.visual-motion-v13-1 .v131-sovereignty-visual span {
    min-height: 64px;
  }

  body.visual-motion-v13-1 .page-final-cta {
    min-height: auto;
  }

  body.visual-motion-v13-1 .page-final-cta h2 {
    font-size: clamp(46px, 14vw, 70px);
  }

  body.visual-motion-v13-1 .button,
  body.visual-motion-v13-1 .nav-cta {
    width: 100%;
    white-space: normal;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.visual-motion-v13-1 .reveal-item,
  body.visual-motion-v13-1 .v131-quiz-screen.is-active {
    transition: none;
    animation: none;
    transform: none;
    filter: none;
  }
}

/* v14: AI operationalization audit / AI Usage Reality Check */
body.visual-motion-v14 .v14-ai-reality {
  position: relative;
}

body.visual-motion-v14 .v14-ai-reality .v131-split {
  align-items: center;
}

body.visual-motion-v14 .v14-ai-reality .v131-split.reverse {
  direction: rtl;
}

body.visual-motion-v14 .v14-ai-reality .v131-split.reverse > * {
  direction: ltr;
}

body.visual-motion-v14 .v14-reality-surface {
  min-height: clamp(380px, 54vw, 700px);
  overflow: hidden;
}

body.visual-motion-v14 .v14-reality-surface video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.66) contrast(1.08) saturate(.92);
  transform: scale(1.03);
}

body.visual-motion-v14 .v14-reality-surface::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 28%, rgba(62, 196, 214, .12), transparent 34%),
    linear-gradient(90deg, rgba(7, 8, 7, .34), rgba(7, 8, 7, .12) 42%, rgba(7, 8, 7, .72));
}

body.visual-motion-v14 .v14-reality-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}

body.visual-motion-v14 .v14-reality-grid article {
  min-height: 174px;
  border: 1px solid rgba(196, 162, 101, .32);
  background:
    linear-gradient(145deg, rgba(14, 18, 15, .82), rgba(6, 7, 6, .72)),
    radial-gradient(circle at top right, rgba(62, 196, 214, .12), transparent 44%);
  padding: 20px;
  transition: transform .28s ease, border-color .28s ease, background .28s ease;
}

body.visual-motion-v14 .v14-reality-grid article:hover {
  transform: translateY(-5px);
  border-color: rgba(95, 211, 226, .42);
  background:
    linear-gradient(145deg, rgba(15, 23, 19, .9), rgba(6, 7, 6, .76)),
    radial-gradient(circle at top right, rgba(95, 211, 226, .16), transparent 48%);
}

body.visual-motion-v14 .v14-reality-grid span {
  display: block;
  margin-bottom: 18px;
  color: var(--signal-gold);
  font: 700 13px/1 "IBM Plex Mono", Consolas, monospace;
  letter-spacing: .12em;
}

body.visual-motion-v14 .v14-reality-grid b {
  display: block;
  margin-bottom: 10px;
  color: var(--paper);
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.05;
}

body.visual-motion-v14 .v14-reality-grid p {
  margin: 0;
  color: rgba(242, 238, 230, .68);
  font-size: 17px;
  line-height: 1.5;
}

body.visual-motion-v14 .button::before,
body.visual-motion-v14 .nav-cta::before {
  content: none !important;
  display: none !important;
}

body.visual-motion-v14 .button,
body.visual-motion-v14 .nav-cta {
  cursor: pointer;
}

body.visual-motion-v14 .button:hover,
body.visual-motion-v14 .nav-cta:hover {
  transform: translateY(-2px);
}

body.visual-motion-v14 .v7-signal-chips span,
body.visual-motion-v14 .v7-trust-chips span,
body.visual-motion-v14 .v7-columns span,
body.visual-motion-v14 .v131-label-chip {
  cursor: default !important;
  pointer-events: none;
  border-style: dashed;
  background: rgba(196, 162, 101, .055);
}

@media (max-width: 900px) {
  body.visual-motion-v14 .v14-ai-reality .v131-split.reverse {
    direction: ltr;
  }

  body.visual-motion-v14 .v14-reality-surface {
    min-height: 300px;
  }

  body.visual-motion-v14 .v14-reality-grid {
    grid-template-columns: 1fr;
  }

  body.visual-motion-v14 .v14-reality-grid article {
    min-height: auto;
    padding: 18px;
  }
}


/* AI SEO v16 */
body.visual-motion-v16 .button::after,
body.visual-motion-v16 .nav-cta::after {
  content: "";
  display: inline-block;
  width: .62em;
  height: .62em;
  margin-left: .7em;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: translateY(-1px) rotate(45deg);
}

body.visual-motion-v16 .v7-columns span,
body.visual-motion-v16 .v7-signal-chips span {
  pointer-events: none;
  cursor: default !important;
}

body.visual-motion-v16 .v13-score-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

body.visual-motion-v16 .glossary-grid {
  align-items: stretch;
}

body.visual-motion-v16 .glossary-term {
  min-height: 220px;
}

@media (max-width: 720px) {
  body.visual-motion-v16 .v13-score-grid {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.visual-motion-v16 .v7-columns {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: thin;
  }
}


/* 20260630-ref-v17: reference-led clarity layer */
body.visual-motion-v17 .v17-proof-chips span {
  border-style: dashed;
  background: rgba(20, 34, 28, 0.32);
}

body.visual-motion-v17 .v17-lifecycle {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 18px;
  color: var(--muted);
  font: 700 0.76rem/1.2 var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.visual-motion-v17 .v17-lifecycle span {
  border: 1px solid rgba(214, 179, 94, 0.38);
  background: rgba(7, 9, 8, 0.56);
  padding: 10px 12px;
}

body.visual-motion-v17 .v17-lifecycle i {
  width: 28px;
  height: 1px;
  background: linear-gradient(90deg, rgba(214, 179, 94, 0.15), rgba(86, 168, 158, 0.65));
}

body.visual-motion-v17 .v17-404 {
  min-height: calc(100svh - var(--header-height, 96px));
}

@media (max-width: 640px) {
  body.visual-motion-v17 .v17-lifecycle {
    gap: 8px;
  }

  body.visual-motion-v17 .v17-lifecycle span {
    flex: 1 1 calc(50% - 8px);
    min-width: 132px;
    text-align: center;
  }

  body.visual-motion-v17 .v17-lifecycle i {
    display: none;
  }
}


/* 20260630-visual-v18: one-pass visual polish */
body.visual-motion-v18 {
  overflow-x: clip;
}

body.visual-motion-v18 .button::before,
body.visual-motion-v18 .nav-cta::before {
  content: none !important;
}

body.visual-motion-v18 .button::after,
body.visual-motion-v18 .nav-cta::after {
  content: "";
  display: inline-block;
  width: .58em;
  height: .58em;
  margin-left: .72em;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  transition: transform .22s ease;
}

body.visual-motion-v18 .button:hover::after,
body.visual-motion-v18 .nav-cta:hover::after {
  transform: rotate(45deg) translate(3px, -4px);
}

body.visual-motion-v18 .v7-hero h1 .tp-split-word {
  display: inline-block;
  opacity: 0;
  transform: translateY(.75em) rotate(.4deg);
  animation: v18SplitIn .84s cubic-bezier(.22, 1, .36, 1) forwards;
  animation-delay: var(--d, 0ms);
}

@keyframes v18SplitIn {
  to {
    opacity: 1;
    transform: translateY(0) rotate(0);
  }
}

body.visual-motion-v18 .v17-proof-chips span {
  opacity: 0;
  transform: translateY(10px);
  animation: v18ChipIn .5s cubic-bezier(.22, 1, .36, 1) forwards;
  animation-delay: calc(.8s + (var(--i, 0) * 60ms));
}

@keyframes v18ChipIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.visual-motion-v18 .v7-bg-dots span,
body.visual-motion-v18 .bg-particles span {
  opacity: .65 !important;
  animation: v18ParticleDrift 5.8s ease-in-out infinite alternate;
}

@keyframes v18ParticleDrift {
  from { transform: translateY(-3px); }
  to { transform: translateY(3px); }
}

body.visual-motion-v18 .v17-proof-chips span,
body.visual-motion-v18 .v7-columns span {
  transition: border-color .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease, transform .22s ease, opacity .22s ease;
}

body.visual-motion-v18 .v17-proof-chips span:hover,
body.visual-motion-v18 .v7-columns span:hover {
  border-color: rgba(201, 168, 76, .72);
  background: rgba(201, 168, 76, .1);
  color: #d6b35e;
  box-shadow: 0 0 18px rgba(201, 168, 76, .18);
  transform: translateY(-2px);
}

body.visual-motion-v18 .v17-lifecycle i {
  position: relative;
  overflow: hidden;
  background: rgba(201, 168, 76, .12);
}

body.visual-motion-v18 .v17-lifecycle i::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(90deg, rgba(201, 168, 76, .2), rgba(86, 168, 158, .7));
  animation: v18Connector .88s cubic-bezier(.22, 1, .36, 1) forwards;
}

body.visual-motion-v18 .v17-lifecycle i:nth-of-type(2)::after { animation-delay: .3s; }
body.visual-motion-v18 .v17-lifecycle i:nth-of-type(3)::after { animation-delay: .6s; }

@keyframes v18Connector {
  to { transform: scaleX(1); }
}

body.visual-motion-v18 .v17-lifecycle:has(span:hover) span {
  opacity: .42;
}

body.visual-motion-v18 .v17-lifecycle:has(span:hover) span:hover {
  opacity: 1;
  border-color: rgba(201, 168, 76, .78);
  box-shadow: 0 0 22px rgba(201, 168, 76, .16);
}

body.visual-motion-v18 .v131-sovereignty-section {
  background-image:
    linear-gradient(90deg, rgba(5, 6, 5, .95) 0%, rgba(5, 6, 5, .9) 48%, rgba(5, 6, 5, .58) 100%),
    url("/assets/visual-trust-ecosystem.webp");
  background-size: cover;
  background-position: center right;
}

body.visual-motion-v18 .v131-icon-list article {
  border-left: 2px solid rgba(201, 168, 76, .52);
  padding-left: 1.35rem;
  margin-bottom: 1.35rem;
  background: linear-gradient(90deg, rgba(201, 168, 76, .055), rgba(255,255,255,0));
}

body.visual-motion-v18 .v131-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 22px);
}

body.visual-motion-v18 .v131-timeline-card {
  position: relative;
  min-height: 220px;
  padding: 1.65rem;
  border: 1px solid rgba(201, 168, 76, .18);
  border-radius: 8px;
  background: rgba(255, 255, 255, .032);
  overflow: hidden;
}

body.visual-motion-v18 .v131-timeline-card > span {
  position: absolute;
  top: .8rem;
  right: 1rem;
  font-size: clamp(2rem, 4vw, 3.35rem);
  line-height: 1;
  color: #c9a84c;
  opacity: .34;
  font-family: var(--serif);
}

body.visual-motion-v18 .v131-timeline-card h3 {
  margin-top: 4.4rem;
}

body.visual-motion-v18 .v131-slider-controls button {
  display: none !important;
}

body.visual-motion-v18 .v131-slider-controls {
  justify-content: flex-start;
  gap: 8px;
  margin: 0 0 18px;
}

body.visual-motion-v18 .v131-slider-dots i {
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: rgba(201, 168, 76, .32);
}

body.visual-motion-v18 .v131-slider-dots i:first-child {
  width: 26px;
  background: #c9a84c;
}

body.visual-motion-v18 .v10-cinematic-surface,
body.visual-motion-v18 .v131-map-preview,
body.visual-motion-v18 .agency-surface {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(201, 168, 76, .15);
  box-shadow: 0 0 60px rgba(0, 0, 0, .56);
}

body.visual-motion-v18 .v10-cinematic-surface::after,
body.visual-motion-v18 .v131-map-preview::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 38%;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(5, 6, 5, .86));
}

body.visual-motion-v18 .v10-cinematic-surface figcaption {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 1rem 1.25rem;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .78));
  color: rgba(214, 179, 94, .86);
  font-size: .75rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body.visual-motion-v18 .v14-reality-surface video,
body.visual-motion-v18 .agency-surface video {
  filter: brightness(.74) saturate(.95);
}

body.visual-motion-v18 .v131-map-callouts {
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  gap: 8px;
  padding: 1rem;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .84));
}

body.visual-motion-v18 .v131-map-callouts span {
  display: flex;
  align-items: center;
  gap: .7rem;
  width: min(92%, 680px);
  padding: .62rem .75rem;
  border: 1px solid rgba(201, 168, 76, .18);
  background: rgba(8, 10, 9, .64);
  color: rgba(245, 240, 226, .9);
}

body.visual-motion-v18 .v131-map-callouts em {
  display: grid;
  place-items: center;
  flex: 0 0 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  background: rgba(201, 168, 76, .2);
  color: #d6b35e;
  font-style: normal;
  font: 800 .78rem/1 var(--mono);
}

body.visual-motion-v18 .v13-score-grid article span + b {
  margin-left: .55rem;
}

body.visual-motion-v18 .v7-columns span[data-tooltip] {
  position: relative;
  cursor: pointer;
}

body.visual-motion-v18 .v7-columns span[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  width: min(240px, 80vw);
  padding: .7rem .8rem;
  border: 1px solid rgba(201, 168, 76, .32);
  border-radius: 8px;
  background: rgba(5, 6, 5, .96);
  color: rgba(245, 240, 226, .9);
  font: 600 .72rem/1.35 var(--sans);
  letter-spacing: 0;
  text-transform: none;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 6px);
  transition: opacity .18s ease, transform .18s ease;
  z-index: 20;
}

body.visual-motion-v18 .v7-columns span[data-tooltip]:hover::after,
body.visual-motion-v18 .v7-columns span[data-tooltip]:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, 0);
}

body.visual-motion-v18 .v131-quiz-card {
  --quiz-progress: 20%;
  border-radius: 16px;
  border: 1px solid rgba(201, 168, 76, .2);
  background: linear-gradient(135deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012));
  box-shadow: 0 30px 70px rgba(0, 0, 0, .36);
}

body.visual-motion-v18 .v131-quiz-progress {
  position: relative;
  height: 6px;
  margin-bottom: 1.5rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  overflow: hidden;
}

body.visual-motion-v18 .v131-quiz-progress span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

body.visual-motion-v18 .v131-quiz-progress i {
  display: block;
  width: var(--quiz-progress);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #c9a84c, #e8d5b5);
  transition: width .35s cubic-bezier(.22, 1, .36, 1);
}

body.visual-motion-v18 .v131-quiz-screen button:not(.button) {
  cursor: pointer;
  border: 1px solid rgba(201, 168, 76, .18);
  background: rgba(255, 255, 255, .035);
  color: rgba(245, 240, 226, .88);
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

body.visual-motion-v18 .v131-quiz-screen button:not(.button):hover,
body.visual-motion-v18 .v131-quiz-screen button:not(.button).is-selected {
  border-color: #c9a84c;
  background: rgba(201, 168, 76, .12);
  transform: translateY(-1px);
}

body.visual-motion-v18 .v131-result h3 {
  font-size: clamp(2.6rem, 7vw, 4.2rem);
  line-height: .95;
  background: linear-gradient(90deg, #c9a84c, #e8d5b5);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@media (max-width: 900px) {
  body.visual-motion-v18 .v131-timeline {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
  }

  body.visual-motion-v18 .v131-timeline-card {
    flex: 0 0 min(84vw, 340px);
    scroll-snap-align: start;
  }

  body.visual-motion-v18 .v10-cinematic-surface,
  body.visual-motion-v18 .v131-map-preview,
  body.visual-motion-v18 .agency-surface {
    border-radius: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.visual-motion-v18 .tp-split-word,
  body.visual-motion-v18 .v17-proof-chips span,
  body.visual-motion-v18 .v17-lifecycle i::after,
  body.visual-motion-v18 .v7-bg-dots span,
  body.visual-motion-v18 .bg-particles span {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* visual-motion-v22 cinematic completion start */
body.visual-motion-v22 {
  overflow-x: clip;
  --tp-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --tp-gold-rgb: 201, 168, 76;
  --tp-cyan-rgb: 79, 152, 163;
}

body.visual-motion-v22 *,
body.visual-motion-v22 *::before,
body.visual-motion-v22 *::after {
  box-sizing: border-box;
}

body.visual-motion-v22 main,
body.visual-motion-v22 .page-shell {
  overflow: hidden;
}

body.visual-motion-v22 .wrap,
body.visual-motion-v22 .v7-wrap,
body.visual-motion-v22 .v10-wrap,
body.visual-motion-v22 .v131-wrap {
  max-width: min(1180px, calc(100vw - clamp(36px, 7vw, 96px)));
}

body.visual-motion-v22 .v22-scene {
  opacity: 0.001;
  transform: translate3d(0, 30px, 0);
  transition:
    opacity 900ms var(--tp-ease-out),
    transform 900ms var(--tp-ease-out);
}

body.visual-motion-v22 .v22-scene.is-in-scene {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

body.visual-motion-v22 .v22-scene.is-in-scene .v131-timeline-card,
body.visual-motion-v22 .v22-scene.is-in-scene .v7-problem-card,
body.visual-motion-v22 .v22-scene.is-in-scene .v7-route-step,
body.visual-motion-v22 .v22-scene.is-in-scene .v131-proof-card {
  animation: v22-card-in 820ms var(--tp-ease-out) both;
}

body.visual-motion-v22 .v22-scene.is-in-scene .v131-timeline-card:nth-child(2),
body.visual-motion-v22 .v22-scene.is-in-scene .v7-problem-card:nth-child(2),
body.visual-motion-v22 .v22-scene.is-in-scene .v7-route-step:nth-child(2),
body.visual-motion-v22 .v22-scene.is-in-scene .v131-proof-card:nth-child(2) {
  animation-delay: 90ms;
}

body.visual-motion-v22 .v22-scene.is-in-scene .v131-timeline-card:nth-child(3),
body.visual-motion-v22 .v22-scene.is-in-scene .v7-problem-card:nth-child(3),
body.visual-motion-v22 .v22-scene.is-in-scene .v7-route-step:nth-child(3),
body.visual-motion-v22 .v22-scene.is-in-scene .v131-proof-card:nth-child(3) {
  animation-delay: 180ms;
}

body.visual-motion-v22 .v22-scene.is-in-scene .v131-timeline-card:nth-child(4),
body.visual-motion-v22 .v22-scene.is-in-scene .v7-problem-card:nth-child(4),
body.visual-motion-v22 .v22-scene.is-in-scene .v7-route-step:nth-child(4),
body.visual-motion-v22 .v22-scene.is-in-scene .v131-proof-card:nth-child(4) {
  animation-delay: 270ms;
}

body.visual-motion-v22 .tp-split-word {
  display: inline-block;
  opacity: 0;
  transform: translate3d(0, 0.45em, 0);
  animation: v22-word-in 820ms var(--tp-ease-out) forwards;
  animation-delay: calc(var(--tp-word-index, 0) * 42ms);
}

body.visual-motion-v22 .v7-signal-chips {
  animation: v22-soft-in 700ms var(--tp-ease-out) both;
  animation-delay: 820ms;
}

body.visual-motion-v22 .button,
body.visual-motion-v22 .nav-cta,
body.visual-motion-v22 a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.74rem;
  min-height: 48px;
  cursor: pointer;
  transition:
    transform 220ms var(--tp-ease-out),
    border-color 220ms ease,
    background 220ms ease,
    box-shadow 220ms ease;
}

body.visual-motion-v22 .button::before,
body.visual-motion-v22 .nav-cta::before {
  content: none !important;
  display: none !important;
}

body.visual-motion-v22 .button::after,
body.visual-motion-v22 .nav-cta::after {
  content: "" !important;
  position: static !important;
  display: inline-block !important;
  flex: 0 0 auto;
  width: 0.56rem !important;
  height: 0.56rem !important;
  margin-left: 0.16rem !important;
  border-top: 2px solid currentColor !important;
  border-right: 2px solid currentColor !important;
  background: transparent !important;
  transform: rotate(45deg) !important;
  opacity: 0.82 !important;
}

body.visual-motion-v22 .button:hover,
body.visual-motion-v22 .nav-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.34);
}

body.visual-motion-v22 .v7-signal-chips span,
body.visual-motion-v22 .v7-trust-chips span,
body.visual-motion-v22 .v17-proof-chips span,
body.visual-motion-v22 .v131-trust-chip {
  cursor: default;
  pointer-events: none;
  border-style: dashed;
  opacity: 0.84;
}

body.visual-motion-v22 .v7-columns span,
body.visual-motion-v22 .v131-map-chip {
  cursor: pointer;
  pointer-events: auto;
  transition:
    background 190ms ease,
    border-color 190ms ease,
    color 190ms ease,
    box-shadow 190ms ease,
    transform 190ms ease;
}

body.visual-motion-v22 .v7-columns span:hover,
body.visual-motion-v22 .v131-map-chip:hover {
  color: rgb(var(--tp-gold-rgb));
  background: rgba(var(--tp-gold-rgb), 0.10);
  border-color: rgba(var(--tp-gold-rgb), 0.62);
  box-shadow: 0 0 16px rgba(var(--tp-gold-rgb), 0.14);
  transform: translateY(-1px);
}

body.visual-motion-v22 .v10-cinematic-surface,
body.visual-motion-v22 .v131-video-card,
body.visual-motion-v22 .v131-media-card,
body.visual-motion-v22 .v131-preview-media,
body.visual-motion-v22 .v131-visual-card {
  position: relative;
  min-height: clamp(360px, 38vw, 680px);
  overflow: hidden;
  border-radius: clamp(16px, 2vw, 28px);
  border: 1px solid rgba(var(--tp-gold-rgb), 0.16);
  background: rgba(2, 5, 4, 0.72);
  box-shadow: 0 38px 120px rgba(0, 0, 0, 0.42);
  isolation: isolate;
}

body.visual-motion-v22 .v10-cinematic-surface > img,
body.visual-motion-v22 .v10-cinematic-surface > video,
body.visual-motion-v22 .v131-video-card video,
body.visual-motion-v22 .v131-media-card video,
body.visual-motion-v22 .v131-preview-media video,
body.visual-motion-v22 .v131-visual-card video,
body.visual-motion-v22 .v131-visual-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.92) contrast(1.05) brightness(0.70);
  transform: scale(1.035);
  transition:
    transform 1200ms var(--tp-ease-out),
    filter 1200ms var(--tp-ease-out);
  z-index: 0;
}

body.visual-motion-v22 .v10-cinematic-surface::before,
body.visual-motion-v22 .v131-video-card::before,
body.visual-motion-v22 .v131-media-card::before,
body.visual-motion-v22 .v131-preview-media::before,
body.visual-motion-v22 .v131-visual-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 70% 22%, rgba(var(--tp-cyan-rgb), 0.18), transparent 42%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.72), transparent 44%, rgba(0, 0, 0, 0.38)),
    linear-gradient(0deg, rgba(0, 0, 0, 0.78), transparent 34%, rgba(0, 0, 0, 0.46));
}

body.visual-motion-v22 .v10-cinematic-surface::after,
body.visual-motion-v22 .v131-preview-media::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 36%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(transparent, rgba(3, 5, 4, 0.92));
}

body.visual-motion-v22 .v10-cinematic-surface:hover > img,
body.visual-motion-v22 .v10-cinematic-surface:hover > video,
body.visual-motion-v22 .v131-video-card:hover video,
body.visual-motion-v22 .v131-media-card:hover video,
body.visual-motion-v22 .v131-preview-media:hover video,
body.visual-motion-v22 .v131-visual-card:hover video,
body.visual-motion-v22 .v131-visual-card:hover img {
  transform: scale(1.065);
  filter: saturate(1.0) contrast(1.08) brightness(0.78);
}

body.visual-motion-v22 .v10-cinematic-surface figcaption,
body.visual-motion-v22 .v131-video-caption,
body.visual-motion-v22 .v131-media-caption,
body.visual-motion-v22 .v131-preview-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  padding: clamp(1rem, 2vw, 1.45rem) clamp(1.1rem, 2.4vw, 1.8rem);
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.84) 36%, rgba(0, 0, 0, 0.92));
  color: rgba(238, 230, 210, 0.88);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: clamp(0.68rem, 0.74vw, 0.82rem);
}

body.visual-motion-v22 .v131-sovereignty-section,
body.visual-motion-v22 .v131-data-section {
  position: relative;
  isolation: isolate;
}

body.visual-motion-v22 .v131-sovereignty-section::after,
body.visual-motion-v22 .v131-data-section::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(7, 8, 6, 0.94) 0%, rgba(7, 8, 6, 0.88) 44%, rgba(15, 20, 19, 0.54) 100%),
    radial-gradient(circle at 78% 38%, rgba(var(--tp-cyan-rgb), 0.14), transparent 44%);
}

body.visual-motion-v22 .v131-sovereignty-section p,
body.visual-motion-v22 .v131-data-section p {
  border-left: 2px solid rgba(var(--tp-gold-rgb), 0.48);
  padding-left: clamp(1rem, 1.6vw, 1.5rem);
}

body.visual-motion-v22 .v131-timeline {
  gap: clamp(12px, 1.4vw, 22px);
}

body.visual-motion-v22 .v131-timeline-card,
body.visual-motion-v22 .v7-route-step,
body.visual-motion-v22 .v7-problem-card,
body.visual-motion-v22 .v131-proof-card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.047), rgba(255, 255, 255, 0.018)),
    rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(var(--tp-gold-rgb), 0.17);
  transition:
    transform 240ms var(--tp-ease-out),
    border-color 240ms ease,
    background 240ms ease;
}

body.visual-motion-v22 .v131-timeline-card:hover,
body.visual-motion-v22 .v7-route-step:hover,
body.visual-motion-v22 .v7-problem-card:hover,
body.visual-motion-v22 .v131-proof-card:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--tp-gold-rgb), 0.38);
  background:
    linear-gradient(145deg, rgba(var(--tp-gold-rgb), 0.07), rgba(255, 255, 255, 0.018)),
    rgba(0, 0, 0, 0.28);
}

body.visual-motion-v22 .v131-timeline-card [class*="num"],
body.visual-motion-v22 .v7-route-step small,
body.visual-motion-v22 .v7-problem-card small {
  color: rgb(var(--tp-gold-rgb));
  opacity: 0.58;
}

body.visual-motion-v22 .v131-slider-controls button {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(var(--tp-gold-rgb), 0.24);
  background: rgba(0, 0, 0, 0.38);
  color: rgba(238, 230, 210, 0.88);
  cursor: pointer;
}

body.visual-motion-v22 .v131-slider-controls button:hover {
  border-color: rgba(var(--tp-gold-rgb), 0.6);
  color: rgb(var(--tp-gold-rgb));
}

body.visual-motion-v22 .v131-quiz-option,
body.visual-motion-v22 .v131-quiz-card button:not(.button),
body.visual-motion-v22 .quiz-option {
  min-height: 42px;
  border: 1px solid rgba(var(--tp-gold-rgb), 0.20);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(238, 230, 210, 0.88);
  cursor: pointer;
  transition:
    background 190ms ease,
    border-color 190ms ease,
    color 190ms ease,
    transform 190ms var(--tp-ease-out);
}

body.visual-motion-v22 .v131-quiz-option:hover,
body.visual-motion-v22 .v131-quiz-card button:not(.button):hover,
body.visual-motion-v22 .quiz-option:hover,
body.visual-motion-v22 .v131-quiz-option.is-selected,
body.visual-motion-v22 .v131-quiz-card button.is-selected,
body.visual-motion-v22 .quiz-option.is-selected {
  background: rgba(var(--tp-gold-rgb), 0.13);
  border-color: rgba(var(--tp-gold-rgb), 0.72);
  color: #f5ead0;
  transform: translateY(-1px);
}

body.visual-motion-v22 .v131-score,
body.visual-motion-v22 .quiz-score {
  font-size: clamp(2.7rem, 7vw, 5rem);
  line-height: 0.9;
  font-weight: 750;
  background: linear-gradient(90deg, #c9a84c, #ead7ad 58%, #79c8d1);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.visual-motion-v22 .v131-progress,
body.visual-motion-v22 .quiz-progress {
  height: 3px;
  width: min(220px, 100%);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
}

body.visual-motion-v22 .v131-progress::before,
body.visual-motion-v22 .quiz-progress::before {
  content: "";
  display: block;
  height: 100%;
  width: var(--quiz-progress, 20%);
  background: linear-gradient(90deg, #c9a84c, #79c8d1);
  transition: width 360ms var(--tp-ease-out);
}

body.visual-motion-v22 .v131-preview-notes {
  display: grid;
  gap: 0.72rem;
}

body.visual-motion-v22 .v131-preview-notes span,
body.visual-motion-v22 .v131-preview-notes li {
  display: flex;
  align-items: flex-start;
  gap: 0.66rem;
}

body.visual-motion-v22 .v131-preview-notes span::before,
body.visual-motion-v22 .v131-preview-notes li::before {
  content: "!";
  display: inline-grid;
  place-items: center;
  flex: 0 0 1.28rem;
  width: 1.28rem;
  height: 1.28rem;
  border-radius: 50%;
  color: #0b0905;
  background: rgb(var(--tp-gold-rgb));
  font-weight: 800;
  font-size: 0.72rem;
  margin-top: 0.08rem;
}

body.visual-motion-v22 .v22-firefly,
body.visual-motion-v22 .particle,
body.visual-motion-v22 [class*="firefly"] {
  opacity: 0.65 !important;
  animation: v22-drift 6.5s ease-in-out infinite alternate;
}

@keyframes v22-word-in {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes v22-soft-in {
  from {
    opacity: 0;
    transform: translate3d(0, 12px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes v22-card-in {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes v22-drift {
  from { transform: translate3d(0, -3px, 0); }
  to { transform: translate3d(0, 3px, 0); }
}

@media (max-width: 760px) {
  html,
  body.visual-motion-v22 {
    max-width: 100%;
    overflow-x: hidden;
  }

  body.visual-motion-v22 .site-header,
  body.visual-motion-v22 .topbar {
    min-height: 72px;
  }

  body.visual-motion-v22 .brand,
  body.visual-motion-v22 .logo-lockup {
    min-width: 0;
  }

  body.visual-motion-v22 .brand-text,
  body.visual-motion-v22 .logo-text {
    max-width: min(62vw, 280px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.visual-motion-v22 .wrap,
  body.visual-motion-v22 .v7-wrap,
  body.visual-motion-v22 .v10-wrap,
  body.visual-motion-v22 .v131-wrap {
    width: min(100% - 34px, 680px);
    max-width: min(100% - 34px, 680px);
  }

  body.visual-motion-v22 h1,
  body.visual-motion-v22 .hero-title {
    font-size: clamp(3rem, 16vw, 4.85rem);
    line-height: 0.9;
    letter-spacing: 0;
  }

  body.visual-motion-v22 h2 {
    font-size: clamp(2.45rem, 11vw, 3.65rem);
    line-height: 0.96;
  }

  body.visual-motion-v22 p,
  body.visual-motion-v22 li {
    font-size: clamp(1rem, 4.8vw, 1.22rem);
    line-height: 1.48;
  }

  body.visual-motion-v22 .v10-dual-stage,
  body.visual-motion-v22 .v10-final-grid,
  body.visual-motion-v22 .v131-split,
  body.visual-motion-v22 .v131-quiz-grid,
  body.visual-motion-v22 .v131-preview-grid,
  body.visual-motion-v22 .v131-proof-grid {
    grid-template-columns: 1fr !important;
    gap: 1.2rem;
  }

  body.visual-motion-v22 .v10-cinematic-surface,
  body.visual-motion-v22 .v131-video-card,
  body.visual-motion-v22 .v131-media-card,
  body.visual-motion-v22 .v131-preview-media,
  body.visual-motion-v22 .v131-visual-card {
    min-height: min(54svh, 470px);
    border-radius: 18px;
  }

  body.visual-motion-v22 .v131-timeline {
    display: grid !important;
    grid-template-columns: 1fr !important;
    overflow: visible !important;
  }

  body.visual-motion-v22 .v7-signal-chips,
  body.visual-motion-v22 .v7-columns,
  body.visual-motion-v22 .v131-map-chips,
  body.visual-motion-v22 .v17-proof-chips {
    display: flex !important;
    gap: 0.62rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.5rem;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  body.visual-motion-v22 .v7-signal-chips span,
  body.visual-motion-v22 .v7-columns span,
  body.visual-motion-v22 .v131-map-chip,
  body.visual-motion-v22 .v17-proof-chips span {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  body.visual-motion-v22 .button,
  body.visual-motion-v22 a.button {
    width: 100%;
    max-width: 100%;
  }

  body.visual-motion-v22 .v22-scene {
    transform: translate3d(0, 18px, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.visual-motion-v22 *,
  body.visual-motion-v22 *::before,
  body.visual-motion-v22 *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}
/* visual-motion-v22 cinematic completion end */



















/* 20260723-en-editorial-flow: preserve visual parity without CTA fatigue */
body.v24-en-home-editorial main > section.en-r7-editorial-scene {
  min-height:clamp(430px,64svh,760px);
}
body.v24-en-home-editorial main > section.en-r7-editorial-scene:is(#hero,#offer,#contact) {
  min-height:clamp(680px,88svh,980px);
}
body.v24-en-home-editorial .en-r7-editorial-scene .es-r5-focus-copy {
  max-width:46rem;
}
body.v24-en-home-editorial .en-r7-editorial-scene:not(:is(#hero,#offer,#contact)) .button {
  display:none;
}
@media(max-width:760px){
  body.v24-en-home-editorial main > section.en-r7-editorial-scene { min-height:clamp(390px,58svh,620px); }
  body.v24-en-home-editorial main > section.en-r7-editorial-scene:is(#hero,#offer,#contact) { min-height:clamp(620px,82svh,820px); }
}

/* 20260701-story-v23: story integrity, mobile containment, visual hierarchy */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

body.visual-motion-v23 {
  overflow-x: clip;
  --tp-v23-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --tp-v23-gold: 201, 168, 76;
  --tp-v23-paper: 242, 238, 230;
  --tp-v23-green: 125, 211, 160;
}

body.visual-motion-v23 *,
body.visual-motion-v23 *::before,
body.visual-motion-v23 *::after {
  box-sizing: border-box;
}

body.visual-motion-v23 main,
body.visual-motion-v23 .page-shell,
body.visual-motion-v23 .v7-section,
body.visual-motion-v23 .v7-final,
body.visual-motion-v23 .v131-process-timeline,
body.visual-motion-v23 .v131-quiz-section,
body.visual-motion-v23 .v131-sovereignty-section,
body.visual-motion-v23 .v131-founder-proof {
  max-width: 100%;
  overflow-x: clip;
}

body.visual-motion-v23 .wrap,
body.visual-motion-v23 .v7-wrap,
body.visual-motion-v23 .v10-wrap,
body.visual-motion-v23 .v131-wrap {
  width: min(1180px, calc(100vw - clamp(34px, 7vw, 96px)));
  max-width: min(1180px, calc(100vw - clamp(34px, 7vw, 96px)));
  min-width: 0;
  margin-inline: auto;
}

body.visual-motion-v23 video,
body.visual-motion-v23 img {
  max-width: 100%;
  -webkit-user-drag: none;
}

body.visual-motion-v23 video {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

body.visual-motion-v23 .v7-hero {
  min-height: auto;
  padding-top: clamp(116px, 14vh, 172px);
  padding-bottom: clamp(88px, 12vh, 150px);
}

body.visual-motion-v23 .v7-hero-grid,
body.visual-motion-v23 .v7-map-grid,
body.visual-motion-v23 .v7-agency-grid,
body.visual-motion-v23 .v7-offer-grid,
body.visual-motion-v23 .v7-trust-grid,
body.visual-motion-v23 .v7-faq-grid,
body.visual-motion-v23 .v131-split,
body.visual-motion-v23 .v131-split.reverse {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-width: 0;
}

body.visual-motion-v23 .v7-hero-copy,
body.visual-motion-v23 .v7-section-head,
body.visual-motion-v23 .v7-map-visual,
body.visual-motion-v23 .v10-cinematic-surface,
body.visual-motion-v23 .v131-sovereignty-visual,
body.visual-motion-v23 .v131-proof-visual {
  min-width: 0;
}

body.visual-motion-v23 .v7-hero-copy .button + .button,
body.visual-motion-v23 .v7-hero-copy .button + a,
body.visual-motion-v23 .v7-hero-copy a + a {
  margin-left: 10px;
}

body.visual-motion-v23 .button,
body.visual-motion-v23 .nav-cta,
body.visual-motion-v23 a.button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  min-height: 48px;
  cursor: pointer;
  white-space: normal;
  text-decoration: none;
  isolation: isolate;
  transition: transform 220ms var(--tp-v23-ease), border-color 220ms ease, background 220ms ease, box-shadow 220ms ease;
}

body.visual-motion-v23 .button::before,
body.visual-motion-v23 .nav-cta::before {
  content: none !important;
  display: none !important;
}

body.visual-motion-v23 .button::after,
body.visual-motion-v23 .nav-cta::after {
  content: "" !important;
  position: static !important;
  display: inline-block !important;
  flex: 0 0 auto;
  width: .56rem !important;
  height: .56rem !important;
  margin-left: .18rem !important;
  border-top: 2px solid currentColor !important;
  border-right: 2px solid currentColor !important;
  background: transparent !important;
  transform: rotate(45deg) !important;
  opacity: .82 !important;
}

body.visual-motion-v23 .button:hover,
body.visual-motion-v23 .nav-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .34);
}

body.visual-motion-v23 .v7-signal-chips span,
body.visual-motion-v23 .v7-trust-chips span,
body.visual-motion-v23 .v17-proof-chips span,
body.visual-motion-v23 .v131-trust-chip,
body.visual-motion-v23 .v131-label-chip {
  cursor: default;
  pointer-events: none;
  border-style: dashed;
  opacity: .82;
  box-shadow: none;
}

body.visual-motion-v23 .v7-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  overflow: visible;
  max-width: 100%;
}

body.visual-motion-v23 .v7-columns span {
  cursor: default;
  pointer-events: none;
  min-width: 0;
  white-space: normal;
  border-style: solid;
  background: rgba(242, 238, 230, .035);
  border-color: rgba(125, 211, 160, .18);
  color: rgba(242, 238, 230, .72);
}

body.visual-motion-v23 .v7-columns span::before {
  content: "";
  display: inline-block;
  width: .38em;
  height: .38em;
  margin-right: .52em;
  border-radius: 50%;
  background: rgba(var(--tp-v23-gold), .82);
  vertical-align: middle;
}

body.visual-motion-v23 .v131-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(190px, 1fr));
  gap: 1px;
  border-radius: 18px;
  overflow: hidden;
}

body.visual-motion-v23 .v131-timeline-card {
  min-width: 0;
  padding: clamp(22px, 2.6vw, 42px);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(242, 238, 230, .045), rgba(242, 238, 230, .012)),
    rgba(17, 19, 17, .68);
}

body.visual-motion-v23 .v131-timeline-card > span:first-child {
  display: block;
  margin-bottom: clamp(28px, 4vw, 76px);
  font-size: clamp(38px, 7vw, 76px);
  line-height: .8;
  color: rgba(var(--tp-v23-gold), .38);
}

body.visual-motion-v23 .v131-timeline-card p {
  max-width: 28ch;
}

body.visual-motion-v23 .v10-cinematic-surface,
body.visual-motion-v23 .v131-proof-visual,
body.visual-motion-v23 .v7-map-visual {
  border-radius: clamp(16px, 2.2vw, 30px);
  overflow: hidden;
  border: 1px solid rgba(var(--tp-v23-gold), .18);
  box-shadow: inset 0 0 0 1px rgba(125, 211, 160, .035), 0 34px 90px rgba(0, 0, 0, .38);
}

body.visual-motion-v23 .v10-cinematic-surface {
  min-height: clamp(360px, 42vw, 640px);
}

body.visual-motion-v23 .v10-cinematic-surface::after,
body.visual-motion-v23 .v131-proof-visual::after,
body.visual-motion-v23 .v7-map-visual::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 34%;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(3, 5, 4, .82));
  z-index: 2;
}

body.visual-motion-v23 .v10-cinematic-surface figcaption,
body.visual-motion-v23 .v131-proof-visual figcaption {
  position: absolute;
  z-index: 3;
  left: clamp(18px, 3vw, 34px);
  right: clamp(18px, 3vw, 34px);
  bottom: clamp(16px, 2.4vw, 28px);
  margin: 0;
  color: rgba(var(--tp-v23-paper), .86);
  font-size: clamp(12px, 1vw, 14px);
  line-height: 1.55;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.visual-motion-v23 .v131-sovereignty-section {
    background:
    linear-gradient(90deg, rgba(3, 5, 4, .96) 0%, rgba(3, 5, 4, .86) 48%, rgba(3, 5, 4, .58) 100%),
    url("/assets/v23-monolith.webp") center/cover no-repeat;
}

body.visual-motion-v23 .v131-sovereignty-visual {
  min-height: clamp(300px, 34vw, 480px);
  border-radius: clamp(16px, 2vw, 28px);
  background:
    linear-gradient(180deg, rgba(3, 5, 4, .2), rgba(3, 5, 4, .72)),
    url("/assets/v23-cube.webp") center/cover no-repeat;
}

body.visual-motion-v23 .v131-icon-list article {
  border-left: 2px solid rgba(var(--tp-v23-gold), .54);
  padding-left: clamp(18px, 2vw, 28px);
}

body.visual-motion-v23 .v14-reality-grid,
body.visual-motion-v23 .v13-score-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}

body.visual-motion-v23 .v131-process-timeline {
  background:
    radial-gradient(circle at 18% 22%, rgba(var(--tp-v23-gold), .13), transparent 28%),
    linear-gradient(90deg, rgba(3, 5, 4, .96), rgba(3, 5, 4, .78)),
    url("/assets/v23-engine.webp") center/cover no-repeat;
}

body.visual-motion-v23 .v14-reality-grid article,
body.visual-motion-v23 .v13-score-grid article {
  min-width: 0;
  border: 1px solid rgba(var(--tp-v23-gold), .16);
  background: rgba(242, 238, 230, .035);
  border-radius: 12px;
  padding: clamp(16px, 2vw, 24px);
}

body.visual-motion-v23 .v131-map-preview-notes {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

body.visual-motion-v23 .v131-map-preview-notes span {
  display: block;
  padding-left: 1.35rem;
  color: rgba(var(--tp-v23-paper), .78);
  position: relative;
}

body.visual-motion-v23 .v131-map-preview-notes span::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: .45em;
  height: .45em;
  border-radius: 50%;
  background: rgba(var(--tp-v23-gold), .9);
}

body.visual-motion-v23 .v23-scene {
  opacity: .001;
  transform: translate3d(0, 28px, 0);
  transition: opacity 850ms var(--tp-v23-ease), transform 850ms var(--tp-v23-ease);
}

body.visual-motion-v23 .v23-scene.is-in-scene {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

body.visual-motion-v23 .v23-scene.is-in-scene .v131-timeline-card,
body.visual-motion-v23 .v23-scene.is-in-scene .v14-reality-grid article,
body.visual-motion-v23 .v23-scene.is-in-scene .v13-score-grid article {
  animation: v23-rise 720ms var(--tp-v23-ease) both;
}

body.visual-motion-v23 .v23-scene.is-in-scene .v131-timeline-card:nth-child(2),
body.visual-motion-v23 .v23-scene.is-in-scene .v14-reality-grid article:nth-child(2),
body.visual-motion-v23 .v23-scene.is-in-scene .v13-score-grid article:nth-child(2) {
  animation-delay: 80ms;
}

body.visual-motion-v23 .v23-scene.is-in-scene .v131-timeline-card:nth-child(3),
body.visual-motion-v23 .v23-scene.is-in-scene .v14-reality-grid article:nth-child(3),
body.visual-motion-v23 .v23-scene.is-in-scene .v13-score-grid article:nth-child(3) {
  animation-delay: 160ms;
}

body.visual-motion-v23 .v23-scene.is-in-scene .v131-timeline-card:nth-child(4) {
  animation-delay: 240ms;
}

body.visual-motion-v23 .v131-workflow-check .v131-quiz-progress span {
  min-width: 7.5ch;
}

body.visual-motion-v23 .v131-workflow-check .v131-quiz-screen h3 {
  max-width: 26ch;
}

body.visual-motion-v23 .v131-workflow-check .v131-quiz-screen button[data-risk] {
  width: 100%;
  justify-content: flex-start;
  text-align: left;
}

body.visual-motion-v23 .v131-workflow-check .v131-result h3 {
  display: grid;
  gap: 8px;
}

body.visual-motion-v23 .v131-workflow-check .v131-result h3 small {
  color: rgba(var(--tp-v23-paper), .64);
  font-size: clamp(13px, 1.6vw, 16px);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

body.visual-motion-v23 .v131-result-grid,
body.visual-motion-v23 .v131-result-leaks {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

body.visual-motion-v23 .v131-result-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.visual-motion-v23 .v131-result-grid article,
body.visual-motion-v23 .v131-result-leaks li,
body.visual-motion-v23 .v131-privacy-note {
  border: 1px solid rgba(var(--tp-v23-gold), .15);
  background: rgba(242, 238, 230, .035);
  border-radius: 16px;
  padding: 14px;
}

body.visual-motion-v23 .v131-result-grid span,
body.visual-motion-v23 .v131-result-leaks span {
  display: block;
  color: rgba(var(--tp-v23-paper), .58);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

body.visual-motion-v23 .v131-result-grid b {
  display: block;
  margin-top: 4px;
  font-size: clamp(30px, 5vw, 48px);
  line-height: 1;
  color: rgba(var(--tp-v23-paper), .94);
}

body.visual-motion-v23 .v131-result-leaks {
  list-style: none;
  padding: 0;
}

body.visual-motion-v23 .v131-result-leaks b {
  display: block;
  margin-top: 4px;
  color: rgba(var(--tp-v23-paper), .92);
}

body.visual-motion-v23 .v131-privacy-note {
  margin-top: 16px;
  color: rgba(var(--tp-v23-paper), .62);
  font-size: 13px;
}

body.visual-motion-v23 .v131-micro-intake {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

body.visual-motion-v23 .v131-micro-intake label {
  display: grid;
  gap: 7px;
  color: rgba(var(--tp-v23-paper), .7);
  font-size: 12px;
}

body.visual-motion-v23 .v131-micro-intake label:first-child {
  grid-column: 1 / -1;
}

body.visual-motion-v23 .v131-micro-intake input,
body.visual-motion-v23 .v131-micro-intake select {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(var(--tp-v23-gold), .2);
  border-radius: 8px;
  background: rgba(8, 9, 12, .76);
  color: rgba(var(--tp-v23-paper), .92);
  padding: 12px;
  font: inherit;
}

@keyframes v23-rise {
  from { opacity: 0; transform: translate3d(0, 18px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@media (max-width: 1120px) {
  body.visual-motion-v23 .v131-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  html,
  body.visual-motion-v23 {
    overflow-x: hidden;
  }

  body.visual-motion-v23 .wrap,
  body.visual-motion-v23 .v7-wrap,
  body.visual-motion-v23 .v10-wrap,
  body.visual-motion-v23 .v131-wrap {
    width: min(100% - 32px, 720px);
    max-width: min(100% - 32px, 720px);
  }

  body.visual-motion-v23 .v7-hero {
    padding-top: clamp(96px, 16svh, 132px);
    padding-bottom: clamp(76px, 14svh, 126px);
  }

  body.visual-motion-v23 .v7-hero-grid,
  body.visual-motion-v23 .v7-map-grid,
  body.visual-motion-v23 .v7-agency-grid,
  body.visual-motion-v23 .v7-offer-grid,
  body.visual-motion-v23 .v7-trust-grid,
  body.visual-motion-v23 .v7-faq-grid,
  body.visual-motion-v23 .v131-split,
  body.visual-motion-v23 .v131-split.reverse {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(24px, 7vw, 44px);
  }

  body.visual-motion-v23 .v7-hero h1,
  body.visual-motion-v23 .v7-section-head h2,
  body.visual-motion-v23 .v7-final h2 {
    font-size: clamp(42px, 13vw, 72px);
    line-height: .92;
  }

  body.visual-motion-v23 .v7-hero p,
  body.visual-motion-v23 .v7-section-head p {
    font-size: clamp(18px, 5.2vw, 26px);
    line-height: 1.28;
  }

  body.visual-motion-v23 .v10-cinematic-surface {
    min-height: min(410px, 74vw);
  }

  body.visual-motion-v23 .v131-micro-intake {
    grid-template-columns: minmax(0, 1fr);
  }

  body.visual-motion-v23 .v131-micro-intake label:first-child {
    grid-column: auto;
  }

  body.visual-motion-v23 .v131-sovereignty-visual {
    min-height: min(360px, 70vw);
    grid-template-columns: 1fr;
  }

  body.visual-motion-v23 .v131-sovereignty-visual span {
    min-height: 54px;
  }
}

@media (max-width: 640px) {
  body.visual-motion-v23 .v131-timeline {
    grid-template-columns: minmax(0, 1fr);
  }

  body.visual-motion-v23 .v131-timeline-card > span:first-child {
    margin-bottom: 28px;
    font-size: clamp(42px, 18vw, 70px);
  }

  body.visual-motion-v23 .v7-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.visual-motion-v23 .v7-columns span {
    padding: 10px 9px;
    font-size: 10px;
    letter-spacing: .08em;
  }

  body.visual-motion-v23 .button,
  body.visual-motion-v23 a.button {
    width: 100%;
    min-height: 54px;
  }

  body.visual-motion-v23 .v7-hero-copy .button + .button,
  body.visual-motion-v23 .v7-hero-copy .button + a,
  body.visual-motion-v23 .v7-hero-copy a + a {
    margin-left: 0;
    margin-top: 12px;
  }

  body.visual-motion-v23 .v131-result-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 380px) {
  body.visual-motion-v23 .v7-columns {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.visual-motion-v23 .v23-scene,
  body.visual-motion-v23 .v23-scene.is-in-scene,
  body.visual-motion-v23 .v23-scene.is-in-scene .v131-timeline-card,
  body.visual-motion-v23 .v23-scene.is-in-scene .v14-reality-grid article,
  body.visual-motion-v23 .v23-scene.is-in-scene .v13-score-grid article {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}
/* 20260701-story-v23 end */

/* 20260711-product-staging-v24: product-led delegation readiness */
body.product-staging-v24 { --product-green:#9fe870; --product-cyan:#6ed7e8; --product-red:#ff8f78; --product-ink:#07100f; }
body.product-staging-v24 .v24-hero { min-height:min(880px,92vh); display:grid; align-items:center; padding:clamp(7rem,11vw,10rem) 0 4rem; overflow:hidden; position:relative; }
body.product-staging-v24 .v24-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(110deg,rgba(7,16,15,.98),rgba(7,16,15,.72)),url('/assets/v23-hero.webp') center/cover; }
body.product-staging-v24 .v24-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.9fr); gap:clamp(2rem,5vw,5rem); align-items:center; }
body.product-staging-v24 .v24-hero h1 { max-width:850px; font-size:clamp(3rem,6vw,6.5rem); line-height:.91; letter-spacing:0; }
body.product-staging-v24 .v24-hero-copy>p { max-width:720px; font-size:clamp(1.05rem,1.6vw,1.3rem); color:#c8d4d0; }
body.product-staging-v24 .v24-hero .hero-actions { margin-top:1.8rem; }
body.product-staging-v24 .v24-flow { display:grid; gap:.55rem; padding:1.2rem; border:1px solid rgba(159,232,112,.3); background:rgba(3,12,11,.84); box-shadow:0 30px 80px rgba(0,0,0,.35); }
body.product-staging-v24 .v24-flow-head { display:flex; align-items:center; justify-content:space-between; color:#9fe870; font:600 .72rem/1.2 'IBM Plex Mono',monospace; text-transform:uppercase; }
body.product-staging-v24 .v24-flow-node { min-height:54px; display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:.8rem; padding:.7rem .85rem; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.045); }
body.product-staging-v24 .v24-flow-node i { width:30px; height:30px; display:grid; place-items:center; border:1px solid #6ed7e8; color:#6ed7e8; font:500 .72rem/1 'IBM Plex Mono',monospace; }
body.product-staging-v24 .v24-flow-node b { font-size:.94rem; }
body.product-staging-v24 .v24-flow-node span { color:#83918d; font:500 .68rem/1.2 'IBM Plex Mono',monospace; }
body.product-staging-v24 .v24-flow-arrow { height:16px; border-left:1px solid #6ed7e8; margin-left:27px; }
body.product-staging-v24 .v24-band { padding:clamp(4rem,8vw,7rem) 0; border-top:1px solid rgba(255,255,255,.09); }
body.product-staging-v24 .v24-section-head { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr); gap:2rem; align-items:end; margin-bottom:2.5rem; }
body.product-staging-v24 .v24-section-head h2 { font-size:clamp(2.2rem,4.3vw,4.5rem); line-height:.98; letter-spacing:0; }
body.product-staging-v24 .v24-section-head>p { color:#9caaa6; max-width:580px; }
body.product-staging-v24 .v24-metrics,body.product-staging-v24 .v24-paid-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.14); }
body.product-staging-v24 .v24-metrics article,body.product-staging-v24 .v24-paid-grid article { min-height:180px; padding:1.25rem; background:#0a1413; }
body.product-staging-v24 .v24-metrics span,body.product-staging-v24 .v24-paid-grid span { color:#6ed7e8; font:500 .72rem/1.2 'IBM Plex Mono',monospace; text-transform:uppercase; }
body.product-staging-v24 .v24-metrics b,body.product-staging-v24 .v24-paid-grid b { display:block; margin:.8rem 0 .55rem; font-size:1.15rem; }
body.product-staging-v24 .v24-decision { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); border:1px solid rgba(255,255,255,.16); background:#081210; }
body.product-staging-v24 .v24-decision-state { padding:2rem; border-right:1px solid rgba(255,255,255,.14); }
body.product-staging-v24 .v24-decision-state strong { display:block; margin:1.2rem 0; color:#9fe870; font:600 clamp(1.5rem,3vw,2.5rem)/1.05 'IBM Plex Mono',monospace; }
body.product-staging-v24 .v24-decision-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
body.product-staging-v24 .v24-decision-grid div { padding:1.2rem; border:solid rgba(255,255,255,.1); border-width:0 0 1px 1px; }
body.product-staging-v24 .v24-decision-grid span { display:block; color:#778581; font:500 .68rem/1.2 'IBM Plex Mono',monospace; text-transform:uppercase; }
body.product-staging-v24 .v24-decision-grid b { display:block; margin-top:.45rem; }
body.product-staging-v24 .v24-map { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; position:relative; }
body.product-staging-v24 .v24-map::before { content:""; position:absolute; left:8%; right:8%; top:50%; border-top:1px solid #6ed7e8; opacity:.55; }
body.product-staging-v24 .v24-map article { position:relative; z-index:1; min-height:160px; padding:1.2rem; background:#0a1413; border:1px solid rgba(255,255,255,.16); }
body.product-staging-v24 .v24-map article:nth-child(4n+2) { transform:translateY(20px); }
body.product-staging-v24 .v24-map span { color:#9fe870; font:500 .7rem/1.2 'IBM Plex Mono',monospace; }
body.product-staging-v24 .v24-map b { display:block; margin:.8rem 0; }
body.product-staging-v24 .v24-example-note { margin-top:2rem; color:#94a29e; font:500 .74rem/1.4 'IBM Plex Mono',monospace; }
body.product-staging-v24 .v24-price { display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; padding:2rem; margin-top:2rem; border:1px solid rgba(159,232,112,.4); background:linear-gradient(100deg,rgba(159,232,112,.08),rgba(110,215,232,.04)); }
body.product-staging-v24 .v24-price strong { display:block; font-size:clamp(3rem,7vw,6rem); line-height:.8; color:#9fe870; }
body.product-staging-v24 .v24-result-product { margin:1.3rem 0; border:1px solid rgba(159,232,112,.32); background:#07100f; }
body.product-staging-v24 .v24-result-status { padding:1.2rem; border-bottom:1px solid rgba(255,255,255,.12); }
body.product-staging-v24 .v24-result-status b { display:block; margin:.5rem 0; color:#9fe870; font:600 1.25rem/1.15 'IBM Plex Mono',monospace; }
body.product-staging-v24 .v24-result-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
body.product-staging-v24 .v24-result-facts div { padding:1rem; border:solid rgba(255,255,255,.09); border-width:0 1px 1px 0; }
body.product-staging-v24 .v24-result-facts span { display:block; color:#788681; font:500 .66rem/1.2 'IBM Plex Mono',monospace; text-transform:uppercase; }
body.product-staging-v24 .v24-result-facts b { display:block; margin-top:.35rem; font-size:.9rem; }
body.product-staging-v24 .v24-result-notes { padding:1rem; display:grid; gap:.55rem; }
body.product-staging-v24 .v24-result-notes p { margin:0; color:#b8c4c0; font-size:.88rem; }
body.product-staging-v24 .v24-loop { display:flex; align-items:center; justify-content:center; gap:.65rem; flex-wrap:wrap; }
body.product-staging-v24 .v24-loop span { padding:.7rem .9rem; border:1px solid rgba(255,255,255,.15); font:500 .75rem/1.2 'IBM Plex Mono',monospace; }
body.product-staging-v24 .v24-loop i { color:#6ed7e8; font-style:normal; }
@media(max-width:900px){body.product-staging-v24 .v24-hero-grid,body.product-staging-v24 .v24-section-head,body.product-staging-v24 .v24-decision{grid-template-columns:1fr}body.product-staging-v24 .v24-decision-state{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}body.product-staging-v24 .v24-metrics,body.product-staging-v24 .v24-paid-grid,body.product-staging-v24 .v24-map{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){body.product-staging-v24 .v24-hero{min-height:auto;padding-top:6.5rem}body.product-staging-v24 .v24-hero h1{font-size:2.75rem}body.product-staging-v24 .v24-flow-node{grid-template-columns:32px 1fr}body.product-staging-v24 .v24-flow-node>span{grid-column:2}body.product-staging-v24 .v24-metrics,body.product-staging-v24 .v24-paid-grid,body.product-staging-v24 .v24-map,body.product-staging-v24 .v24-decision-grid,body.product-staging-v24 .v24-result-facts{grid-template-columns:1fr}body.product-staging-v24 .v24-map article:nth-child(4n+2){transform:none}body.product-staging-v24 .v24-map::before{display:none}body.product-staging-v24 .v24-price{align-items:flex-start;flex-direction:column}}
/* 20260711-product-staging-v24 end */

/* 20260712-v24-kinetic-hero: delegate govern prove */
body.v24-kinetic-hero { --k-cyan:#69d7e8; --k-yellow:#ffe071; --k-green:#9fe870; }
body.v24-kinetic-hero .v24k-hero { min-height:min(900px,94vh); padding:clamp(7rem,11vw,10rem) 0 4rem; display:grid; align-items:center; position:relative; overflow:hidden; background:#06100f; }
body.v24-kinetic-hero .v24k-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(105deg,rgba(4,13,12,.98),rgba(4,13,12,.64)),url('/assets/v23-hero.webp') center/cover; }
body.v24-kinetic-hero .v24k-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr); gap:clamp(2.4rem,5vw,5rem); align-items:center; }
body.v24-kinetic-hero .v24k-copy h1 { max-width:930px; font-size:clamp(3rem,5.7vw,6.3rem); line-height:.91; letter-spacing:0; }
body.v24-kinetic-hero .v24k-copy>p { max-width:760px; color:#c3d0cc; font-size:clamp(1.04rem,1.55vw,1.26rem); }
body.v24-kinetic-hero .v24k-stage { min-height:520px; padding:1.1rem; display:grid; grid-template-rows:auto 1fr auto; gap:1rem; border:1px solid rgba(255,255,255,.17); background:rgba(4,13,12,.9); box-shadow:0 30px 90px rgba(0,0,0,.38); contain:layout paint; }
body.v24-kinetic-hero .v24k-stage-head,body.v24-kinetic-hero .v24k-stage-foot { display:flex; justify-content:space-between; gap:1rem; color:#82918c; font:500 .68rem/1.2 'IBM Plex Mono',monospace; text-transform:uppercase; }
body.v24-kinetic-hero .v24k-pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; }
body.v24-kinetic-hero .v24k-pillars span { padding:.55rem; text-align:center; border:1px solid rgba(255,255,255,.13); font:600 .7rem/1 'IBM Plex Mono',monospace; }
body.v24-kinetic-hero .v24k-pillars span:nth-child(1){color:var(--k-cyan)}body.v24-kinetic-hero .v24k-pillars span:nth-child(2){color:var(--k-yellow)}body.v24-kinetic-hero .v24k-pillars span:nth-child(3){color:var(--k-green)}
body.v24-kinetic-hero .v24k-route { position:relative; display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(2,minmax(88px,1fr)); gap:.7rem; align-content:center; }
body.v24-kinetic-hero .v24k-route::before { content:""; position:absolute; left:8%; right:8%; top:50%; border-top:1px solid #51615c; }
body.v24-kinetic-hero .v24k-node { position:relative; z-index:1; padding:.8rem; display:flex; flex-direction:column; justify-content:space-between; border:1px solid rgba(255,255,255,.14); background:#091412; animation:v24k-node 7s ease-in-out infinite; }
body.v24-kinetic-hero .v24k-node i { width:28px; height:28px; display:grid; place-items:center; border:1px solid currentColor; font:500 .65rem/1 'IBM Plex Mono',monospace; font-style:normal; }
body.v24-kinetic-hero .v24k-node b { font-size:.82rem; }
body.v24-kinetic-hero .v24k-node small { color:#74827d; font-size:.63rem; }
body.v24-kinetic-hero .v24k-node[data-role="delegate"]{color:var(--k-cyan)}body.v24-kinetic-hero .v24k-node[data-role="govern"]{color:var(--k-yellow)}body.v24-kinetic-hero .v24k-node[data-role="prove"]{color:var(--k-green)}
body.v24-kinetic-hero .v24k-node:nth-child(1){animation-delay:0s}body.v24-kinetic-hero .v24k-node:nth-child(2){animation-delay:.45s}body.v24-kinetic-hero .v24k-node:nth-child(3){animation-delay:.9s}body.v24-kinetic-hero .v24k-node:nth-child(4){animation-delay:1.35s}body.v24-kinetic-hero .v24k-node:nth-child(5){animation-delay:1.8s}body.v24-kinetic-hero .v24k-node:nth-child(6){animation-delay:2.25s}body.v24-kinetic-hero .v24k-node:nth-child(7){animation-delay:2.7s}body.v24-kinetic-hero .v24k-node:nth-child(8){animation-delay:3.15s}
body.v24-kinetic-hero .v24k-gate { position:absolute; z-index:3; left:49%; top:20%; bottom:20%; border-left:2px solid var(--k-yellow); animation:v24k-gate 7s ease-in-out infinite; }
body.v24-kinetic-hero .v24k-gate span { position:absolute; top:45%; left:-42px; padding:.45rem .6rem; width:84px; text-align:center; background:#1b1a0d; border:1px solid var(--k-yellow); color:var(--k-yellow); font:600 .62rem/1.2 'IBM Plex Mono',monospace; }
body.v24-kinetic-hero .v24k-evidence { position:absolute; right:8%; top:8%; padding:.55rem .7rem; border:1px solid var(--k-green); color:var(--k-green); background:#0a1710; font:600 .64rem/1.2 'IBM Plex Mono',monospace; animation:v24k-evidence 7s ease-in-out infinite; }
body.v24-kinetic-hero .v24k-resolved { display:grid; grid-template-columns:repeat(3,1fr); gap:.45rem; }
body.v24-kinetic-hero .v24k-resolved b { padding:.65rem; text-align:center; border:1px solid rgba(255,255,255,.14); font:600 .72rem/1 'IBM Plex Mono',monospace; animation:v24k-resolve 7s ease-in-out infinite; }
body.v24-kinetic-hero .v24k-resolved b:nth-child(1){color:var(--k-cyan)}body.v24-kinetic-hero .v24k-resolved b:nth-child(2){color:var(--k-yellow)}body.v24-kinetic-hero .v24k-resolved b:nth-child(3){color:var(--k-green)}
body.v24-kinetic-hero.v24k-paused .v24k-stage *,body.v24-kinetic-hero .v24k-stage.is-paused * { animation-play-state:paused!important; }
@keyframes v24k-node{0%,15%{transform:translateY(5px);opacity:.45}24%,76%{transform:none;opacity:1}86%,100%{transform:translateY(-3px);opacity:.65}}
@keyframes v24k-gate{0%,24%{opacity:0;transform:scaleY(.25)}34%,82%{opacity:1;transform:scaleY(1)}92%,100%{opacity:.2;transform:scaleY(.4)}}
@keyframes v24k-evidence{0%,42%{opacity:0;transform:translateX(18px)}54%,88%{opacity:1;transform:none}100%{opacity:0;transform:translateX(-8px)}}
@keyframes v24k-resolve{0%,58%{opacity:.28}70%,92%{opacity:1;box-shadow:inset 0 0 24px rgba(159,232,112,.05)}100%{opacity:.45}}
@media(max-width:900px){body.v24-kinetic-hero .v24k-grid{grid-template-columns:1fr}body.v24-kinetic-hero .v24k-stage{min-height:470px}}
@media(max-width:520px){body.v24-kinetic-hero .v24k-hero{min-height:auto;padding-top:6.4rem}body.v24-kinetic-hero .v24k-copy h1{font-size:2.7rem}body.v24-kinetic-hero .v24k-stage{min-height:auto}body.v24-kinetic-hero .v24k-route{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,82px)}body.v24-kinetic-hero .v24k-route::before{display:none}body.v24-kinetic-hero .v24k-gate{left:50%;top:4%;bottom:4%}body.v24-kinetic-hero .v24k-evidence{right:4%;top:38%}.v24k-stage-head span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){body.v24-kinetic-hero .v24k-stage *{animation:none!important;transform:none!important;opacity:1!important}body.v24-kinetic-hero .v24k-gate{transform:none!important;opacity:1!important}}
/* 20260712-v24-kinetic-hero end */

/* 20260712-v24-surgical-ux: hierarchy only */
body.v24-surgical-ux .v24k-hero { padding-bottom:clamp(2.4rem,5vw,4.5rem); }
body.v24-surgical-ux .v24k-node[data-flow="route"] { border-color:rgba(105,215,232,.34); }
body.v24-surgical-ux .v24k-node[data-flow="control"] { border-color:rgba(255,224,113,.58); background:rgba(255,224,113,.07); }
body.v24-surgical-ux .v24k-node[data-flow]::after { content:attr(data-flow); color:#84928d; font:600 .58rem/1.1 'IBM Plex Mono',monospace; text-transform:uppercase; }
body.v24-surgical-ux .v24k-node[data-flow="control"]::after { color:#ffe071; }
body.v24-surgical-ux #result-example { padding-top:clamp(2.8rem,5vw,4.8rem); background:#071210; }
body.v24-surgical-ux #result-example .v24-section-head { margin-bottom:1.35rem; }
body.v24-surgical-ux #result-example .v24-decision { grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr); box-shadow:0 24px 70px rgba(0,0,0,.22); }
body.v24-surgical-ux #how-it-works { padding-top:clamp(3.5rem,6vw,5.5rem); }
body.v24-surgical-ux .v24-metrics { gap:1rem; }
body.v24-surgical-ux .v24-metrics article { min-height:220px; padding:1.35rem; border:1px solid rgba(255,255,255,.16); background:#0a1513; }
body.v24-surgical-ux #pricing { background:#0a1412; }
body.v24-surgical-ux #protocol-map-preview { padding-top:clamp(4rem,7vw,6rem); }
body.v24-surgical-ux #problem + #leak-check { border-top:1px solid rgba(255,255,255,.12); }
body.v24-surgical-ux #trust .v7-section-head,body.v24-surgical-ux #sovereignty .v7-section-head { padding:clamp(1.4rem,3vw,2.2rem); border:1px solid rgba(255,255,255,.16); background:#0a1513; }
body.v24-surgical-ux #contact #final-title { max-width:900px; font-size:clamp(3rem,6vw,6.2rem); line-height:.92; }
body.v24-surgical-ux .v24-section-head { margin-bottom:clamp(1.7rem,3vw,2.6rem); }
@media(max-width:760px){body.v24-surgical-ux #result-example .v24-decision{grid-template-columns:1fr}body.v24-surgical-ux .v24-metrics article{min-height:0}body.v24-surgical-ux #contact #final-title{font-size:clamp(2.8rem,13vw,4.7rem)}}
/* 20260712-v24-surgical-ux end */

/* 20260713-v24-cinematic-staging */
body.v24-cinematic-continuation a.button,body.v24-cinematic-continuation button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:.55rem; padding:.82rem 1.15rem; line-height:1.2; text-align:center; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
body.v24-cinematic-continuation a.button:focus-visible,body.v24-cinematic-continuation button:focus-visible { outline:3px solid #ffe071; outline-offset:3px; }
body.v24-cinematic-continuation a.button:active,body.v24-cinematic-continuation button:active { transform:translateY(1px) scale(.985); }
body.v24-cinematic-continuation .eyebrow,body.v24-cinematic-continuation [class*="chip"],body.v24-cinematic-continuation [class*="label"] { cursor:default; }
body.v24-cinematic-continuation *::before,body.v24-cinematic-continuation *::after,body.v24-cinematic-continuation img,body.v24-cinematic-continuation video,body.v24-cinematic-continuation .v24-bg-media,body.v24-cinematic-continuation .v24-bg-asset { pointer-events:none; }
body.v24-cinematic-continuation main[data-route-continuation]>.hero,body.v24-cinematic-continuation main[data-route-continuation]>.human-scene { min-height:min(680px,78vh); position:relative; }
html[lang="es"] body.v24-cinematic-continuation main[data-route-continuation]>.hero::after,html[lang="es"] body.v24-cinematic-continuation main[data-route-continuation]>.human-scene::after { content:"CONTINUA / PROFUNDIZA"; }
html[lang="en"] body.v24-cinematic-continuation main[data-route-continuation]>.hero::after,html[lang="en"] body.v24-cinematic-continuation main[data-route-continuation]>.human-scene::after { content:"CONTINUE / GO DEEPER"; }
body.v24-cinematic-continuation main[data-route-continuation]>.hero::after,body.v24-cinematic-continuation main[data-route-continuation]>.human-scene::after { position:absolute; right:clamp(1rem,4vw,4rem); bottom:1.2rem; color:rgba(255,255,255,.48); font:600 .65rem/1 'IBM Plex Mono',monospace; letter-spacing:.08em; }
body.v24-cinematic-continuation main>section:has(.v24-bg-media) { position:relative; overflow:hidden; isolation:isolate; min-height:clamp(520px,70vh,820px); display:grid; align-items:center; }
body.v24-cinematic-continuation main>section:has(.v24-bg-media)::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(95deg,rgba(4,11,10,.96) 0%,rgba(4,11,10,.78) 48%,rgba(4,11,10,.45) 100%); }
body.v24-cinematic-continuation .v24-bg-media { position:absolute!important; inset:0!important; z-index:-2!important; width:100%!important; height:100%!important; margin:0!important; border:0!important; border-radius:0!important; overflow:hidden; background:#06100f; }
body.v24-cinematic-continuation .v24-bg-media img,body.v24-cinematic-continuation .v24-bg-media video { width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; opacity:.68; filter:saturate(.82) contrast(1.05); }
body.v24-cinematic-continuation .v24-bg-media figcaption { position:absolute; right:clamp(1rem,4vw,4rem); bottom:1.2rem; max-width:420px; padding:.55rem .7rem; color:rgba(255,255,255,.7); background:rgba(3,9,8,.58); font-size:.72rem; }
body.v24-cinematic-continuation .human-card:has(.v24-bg-asset) { position:relative; overflow:hidden; isolation:isolate; min-height:min(680px,78vh); display:grid; align-items:end; border:0; }
body.v24-cinematic-continuation .human-card:has(.v24-bg-asset)::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(3,10,9,.94),rgba(3,10,9,.5)); }
body.v24-cinematic-continuation .v24-bg-asset { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; }
body.v24-cinematic-continuation [data-motion] { opacity:1; transform:none; clip-path:inset(0); }
body.v24-cinematic-continuation.v24-motion-ready [data-motion] { opacity:0; transition:opacity .75s ease,transform .85s cubic-bezier(.2,.72,.2,1),clip-path .9s cubic-bezier(.2,.72,.2,1); }
body.v24-cinematic-continuation [data-motion="left"] { transform:translateX(-64px); }
body.v24-cinematic-continuation [data-motion="right"] { transform:translateX(64px); }
body.v24-cinematic-continuation [data-motion="sweep"] { clip-path:inset(0 100% 0 0); }
body.v24-cinematic-continuation [data-motion].is-visible { opacity:1; transform:none; clip-path:inset(0); }
body.v24-cinematic-continuation [data-motion="type"].is-visible .eyebrow { width:max-content; max-width:100%; overflow:hidden; white-space:nowrap; animation:v24Type 1.15s steps(22,end) both; }
@keyframes v24Type { from{max-width:0} to{max-width:100%} }
body.v24-cinematic-continuation.v24-focused-check main[data-check-route] { padding-top:clamp(5.5rem,9vw,7rem); }
body.v24-cinematic-continuation.v24-focused-check main[data-check-route]>#leak-check { min-height:calc(100vh - 5.5rem); }
@media(max-width:760px){body.v24-cinematic-continuation .hero-actions,body.v24-cinematic-continuation .contact-actions,body.v24-cinematic-continuation .v24-price{display:grid!important;grid-template-columns:1fr!important;gap:.7rem!important}body.v24-cinematic-continuation a.button,body.v24-cinematic-continuation button:not(.mobile-menu-toggle){width:100%;max-width:none;min-height:52px;padding:.9rem 1rem;white-space:normal}body.v24-cinematic-continuation .mobile-menu-toggle{min-width:48px;min-height:48px;padding:0}body.v24-cinematic-continuation .site-nav a,body.v24-cinematic-continuation .mobile-language-toggle{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}body.v24-cinematic-continuation main>section:has(.v24-bg-media){min-height:620px}body.v24-cinematic-continuation main>section:has(.v24-bg-media)::before{background:linear-gradient(180deg,rgba(4,11,10,.74),rgba(4,11,10,.96) 72%)}body.v24-cinematic-continuation .v24-bg-media figcaption{left:1rem;right:1rem;bottom:.8rem}body.v24-cinematic-continuation.v24-focused-check main[data-check-route]{padding-top:4.75rem}}
@media(prefers-reduced-motion:reduce){body.v24-cinematic-continuation [data-motion]{opacity:1;transform:none;clip-path:none;transition:none}body.v24-cinematic-continuation [data-motion="type"] .eyebrow{animation:none;max-width:100%}}
/* 20260713-v24-cinematic-staging end */

/* 20260713-v24-es-home-final: mobile-first visual acceptance */
body.v24-es-home-final {
  --es-paper:#f1eee6;
  --es-ink:#06100f;
  --es-gold:#d8b65f;
  --es-cyan:#79d7e6;
  --es-green:#9fe870;
  --es-pad:clamp(18px,4.8vw,68px);
  background:#050908;
}

body.v24-es-home-final *::before,
body.v24-es-home-final *::after,
body.v24-es-home-final .v24-es-scene-media,
body.v24-es-home-final .v24-bg-media,
body.v24-es-home-final .v24-bg-asset,
body.v24-es-home-final .v131-sovereignty-visual { pointer-events:none!important; }

.tp-es-loader {
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  color:var(--es-paper,#f1eee6);
  background:radial-gradient(circle at 50% 44%,rgba(216,182,95,.1),transparent 36%),#050807;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  animation:tpEsLoaderFailOpen .34s ease 1.44s forwards;
}
.tp-es-loader.is-complete { opacity:0; visibility:hidden; pointer-events:none; }
.tp-es-loader-core { display:grid; justify-items:center; gap:14px; padding:24px; text-align:center; }
.tp-es-loader-octa { width:clamp(82px,12vw,126px); color:var(--es-gold,#d8b65f); overflow:visible; }
.tp-es-loader-octa path,.tp-es-loader-octa circle { fill:rgba(216,182,95,.025); stroke:currentColor; stroke-width:1.4; vector-effect:non-scaling-stroke; transform-origin:60px 60px; }
.tp-es-plane-a { animation:tpEsPlaneA .72s cubic-bezier(.2,.8,.2,1) both; }
.tp-es-plane-b { animation:tpEsPlaneB .72s .08s cubic-bezier(.2,.8,.2,1) both; }
.tp-es-plane-c { animation:tpEsPlaneC .72s .16s cubic-bezier(.2,.8,.2,1) both; }
.tp-es-plane-d { animation:tpEsPlaneD .72s .24s cubic-bezier(.2,.8,.2,1) both; }
.tp-es-loader-octa circle { animation:tpEsCore .45s .62s ease-out both; }
.tp-es-loader-core p { margin:0; color:rgba(241,238,230,.9); font:600 .68rem/1.2 'IBM Plex Mono',monospace; letter-spacing:.12em; }
.tp-es-loader-core span { color:rgba(241,238,230,.52); font:500 .72rem/1.2 'IBM Plex Mono',monospace; letter-spacing:.04em; }
@keyframes tpEsPlaneA { from{transform:translateY(-20px);opacity:0} to{transform:none;opacity:1} }
@keyframes tpEsPlaneB { from{transform:translateX(-20px);opacity:0} to{transform:none;opacity:1} }
@keyframes tpEsPlaneC { from{transform:translateX(20px);opacity:0} to{transform:none;opacity:1} }
@keyframes tpEsPlaneD { from{transform:translateY(20px);opacity:0} to{transform:none;opacity:1} }
@keyframes tpEsCore { from{transform:scale(.2);opacity:0} to{transform:scale(1);opacity:1} }
@keyframes tpEsLoaderFailOpen { to{opacity:0;visibility:hidden;pointer-events:none} }

body.v24-es-home-final main>section {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(680px,88svh,980px);
  display:grid;
  align-items:center;
  padding:clamp(5rem,9vw,8rem) 0;
  border-top:1px solid rgba(241,238,230,.09);
  background:#06100f;
}
body.v24-es-home-final main>.v7-marquee { min-height:0; display:block; padding:.85rem 0; }
body.v24-es-home-final main>section>.wrap { position:relative; z-index:2; width:min(1180px,calc(100% - (2 * var(--es-pad)))); }
body.v24-es-home-final main>section::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(3,9,8,.91) 0%,rgba(3,9,8,.66) 52%,rgba(3,9,8,.22) 100%);
  pointer-events:none;
}
body.v24-es-home-final .v24-es-scene-media,
body.v24-es-home-final .v24-bg-media {
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#07110f;
}
body.v24-es-home-final .v24-es-scene-media img,
body.v24-es-home-final .v24-bg-media img,
body.v24-es-home-final .v24-es-scene-media video,
body.v24-es-home-final .v24-bg-media video {
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:.8!important;
  border:0!important;
  border-radius:0!important;
  transform:scale(1.01);
}
body.v24-es-home-final .v24-es-scene-media video,
body.v24-es-home-final .v24-bg-media video { filter:brightness(1.2) saturate(.94) contrast(1.04)!important; }
body.v24-es-home-final .v24-es-scene-media img,
body.v24-es-home-final .v24-bg-media img { filter:saturate(.86) contrast(1.05)!important; animation:tpEsBackgroundDrift 18s ease-in-out infinite alternate; }
body.v24-es-home-final .v24-bg-media figcaption { position:absolute; right:var(--es-pad); bottom:1.1rem; z-index:3; max-width:440px; padding:.55rem .7rem; color:rgba(241,238,230,.75); background:rgba(3,9,8,.62); font-size:.72rem; }
@keyframes tpEsBackgroundDrift { from{transform:scale(1.01) translate3d(-.4%,0,0)} to{transform:scale(1.045) translate3d(.7%,-.35%,0)} }

body.v24-es-home-final .v24-es-hero { min-height:clamp(700px,92svh,980px); padding-top:clamp(8rem,14vw,11rem); }
body.v24-es-home-final .v24-es-hero::after { background:linear-gradient(90deg,rgba(3,9,8,.93) 0%,rgba(3,9,8,.69) 58%,rgba(3,9,8,.28) 100%); }
body.v24-es-home-final .v24-es-hero-grid { display:block; }
body.v24-es-home-final .v24k-copy { max-width:900px; }
body.v24-es-home-final .v24k-copy h1 { max-width:14ch; margin:.65rem 0 1.2rem; font-size:clamp(3.25rem,7vw,7rem); line-height:.9; letter-spacing:0; text-wrap:balance; }
body.v24-es-home-final .v24k-copy>p:not(.eyebrow) { max-width:690px; color:rgba(241,238,230,.78); font-size:clamp(1.05rem,1.6vw,1.3rem); }
body.v24-es-home-final .v24-es-flap-shell { width:min(670px,100%); margin:clamp(2rem,4vw,3.4rem) 0 2rem; }
body.v24-es-home-final .v24-es-split-flap { position:relative; height:clamp(74px,9vw,112px); display:flex; align-items:center; overflow:hidden; border-block:1px solid rgba(121,215,230,.42); background:linear-gradient(90deg,rgba(7,20,18,.72),rgba(7,20,18,.16)); }
body.v24-es-home-final .v24-es-split-flap::before { content:""; position:absolute; inset:50% 0 auto; border-top:1px solid rgba(241,238,230,.12); }
body.v24-es-home-final .v24-es-split-flap span { display:block; width:100%; color:var(--es-cyan); font:700 clamp(1.35rem,3.3vw,2.8rem)/1 'IBM Plex Mono',monospace; letter-spacing:.03em; text-transform:uppercase; }
body.v24-es-home-final .v24-es-split-flap.is-changing span { animation:tpEsFlap .42s cubic-bezier(.2,.8,.2,1) both; }
@keyframes tpEsFlap { 0%{opacity:1;transform:translateY(0) rotateX(0)} 48%{opacity:0;transform:translateY(-36%) rotateX(64deg)} 52%{opacity:0;transform:translateY(36%) rotateX(-64deg)} 100%{opacity:1;transform:none} }
body.v24-es-home-final .v24-es-flap-route { display:flex; align-items:center; gap:.55rem; margin-top:.75rem; color:rgba(241,238,230,.54); font:600 .62rem/1 'IBM Plex Mono',monospace; letter-spacing:.08em; }
body.v24-es-home-final .v24-es-flap-route i { flex:1; border-top:1px solid rgba(216,182,95,.36); }
body.v24-es-home-final .hero-actions { display:flex!important; flex-wrap:wrap; align-items:center; gap:1rem!important; }
body.v24-es-home-final .v24-es-inline-link { display:inline-flex; align-items:center; min-height:48px; width:auto; color:var(--es-paper); border-bottom:1px solid rgba(216,182,95,.52); }

body.v24-es-home-final .v24-section-head { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(260px,.55fr); gap:clamp(1.5rem,4vw,4rem); align-items:end; max-width:1040px; }
body.v24-es-home-final .v24-section-head h2,
body.v24-es-home-final .v7-section-head h2 { max-width:16ch; font-size:clamp(2.65rem,5vw,5.5rem); line-height:.94; letter-spacing:0; text-wrap:balance; }
body.v24-es-home-final .v24-section-head>p,
body.v24-es-home-final .v7-section-head>p { color:rgba(241,238,230,.74); font-size:clamp(1rem,1.4vw,1.18rem); }
body.v24-es-home-final .v24-es-product-scene:nth-of-type(even)::after { background:linear-gradient(270deg,rgba(3,9,8,.91),rgba(3,9,8,.66) 55%,rgba(3,9,8,.24)); }
body.v24-es-home-final #result-example .v24-es-scene-media img { object-position:64% center!important; }
body.v24-es-home-final #how-it-works .v24-es-scene-media img { object-position:58% center!important; }
body.v24-es-home-final #illustrative-map .v24-es-scene-media img { object-position:68% center!important; }
body.v24-es-home-final #reassessment .v24-es-scene-media img { object-position:60% center!important; }

body.v24-es-home-final .v24-decision { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:clamp(1.2rem,3vw,2.4rem); margin-top:2.5rem; background:rgba(4,13,11,.5); backdrop-filter:blur(8px); }
body.v24-es-home-final .v24-decision-state { align-self:stretch; display:flex; flex-direction:column; justify-content:flex-end; padding:clamp(1.4rem,3vw,2.4rem); border-left:3px solid var(--es-gold); background:linear-gradient(180deg,rgba(216,182,95,.04),rgba(216,182,95,.12)); }
body.v24-es-home-final .v24-decision-state strong { color:var(--es-gold); font-size:clamp(1.55rem,3vw,3rem); }
body.v24-es-home-final .v24-es-decision-rail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; }
body.v24-es-home-final .v24-es-decision-rail>div { min-height:104px; padding:1rem 1.2rem; border:0; border-left:1px solid rgba(121,215,230,.24); border-bottom:1px solid rgba(241,238,230,.1); background:rgba(5,15,13,.66); }
body.v24-es-home-final .v24-es-decision-rail b { overflow-wrap:anywhere; }

body.v24-es-home-final .v24-es-measure-route { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin-top:clamp(2rem,5vw,4rem); background:rgba(3,10,9,.42); }
body.v24-es-home-final .v24-es-measure-route article { position:relative; min-height:280px; padding:1.5rem; border:0; border-left:1px solid rgba(121,215,230,.35); background:linear-gradient(180deg,rgba(121,215,230,.04),rgba(3,10,9,.74)); }
body.v24-es-home-final .v24-es-measure-route article:nth-child(3) { border-color:rgba(216,182,95,.5); }

body.v24-es-home-final .v24-es-delivery-route,
body.v24-es-home-final .v24-es-map-route { list-style:none; padding:0; margin:clamp(2rem,5vw,4rem) 0; position:relative; }
body.v24-es-home-final .v24-es-delivery-route { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 3rem; max-width:940px; counter-reset:delivery; }
body.v24-es-home-final .v24-es-delivery-route::before,
body.v24-es-home-final .v24-es-map-route::before { content:""; position:absolute; top:0; bottom:0; left:29px; border-left:1px solid rgba(216,182,95,.42); }
body.v24-es-home-final .v24-es-delivery-route li,
body.v24-es-home-final .v24-es-map-route li { position:relative; min-height:68px; padding:.8rem 1rem .8rem 4.3rem; border-bottom:1px solid rgba(241,238,230,.11); background:rgba(3,10,9,.54); }
body.v24-es-home-final .v24-es-delivery-route li span,
body.v24-es-home-final .v24-es-map-route li>span { position:absolute; left:.8rem; top:1rem; color:var(--es-gold); font:600 .68rem/1 'IBM Plex Mono',monospace; }
body.v24-es-home-final .v24-es-map-route { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 3rem; max-width:1000px; }
body.v24-es-home-final .v24-es-map-route li { min-height:132px; }
body.v24-es-home-final .v24-es-map-route p { margin:.4rem 0 0; color:rgba(241,238,230,.65); }
body.v24-es-home-final .v24-price { max-width:940px; padding:1.5rem 0; border:0; border-top:1px solid rgba(159,232,112,.55); background:none; }
body.v24-es-home-final .v24-price strong { color:var(--es-green); }
body.v24-es-home-final .v24-es-loop { list-style:none; padding:0; margin:2.4rem 0 0; display:flex; flex-wrap:wrap; gap:.65rem; counter-reset:loop; }
body.v24-es-home-final .v24-es-loop li { display:flex; align-items:center; min-height:52px; padding:.75rem 1rem; border-left:2px solid var(--es-cyan); background:rgba(4,14,12,.68); }
body.v24-es-home-final .v24-es-loop li:not(:last-child)::after { content:"→"; margin-left:1rem; color:var(--es-gold); }

body.v24-es-home-final .v131-split,
body.v24-es-home-final .v7-trust-grid,
body.v24-es-home-final .v7-faq-grid,
body.v24-es-home-final .v10-final-grid,
body.v24-es-home-final .v10-dual-stage { display:block!important; }
body.v24-es-home-final .v7-section-head.compact,
body.v24-es-home-final .v10-copy-stack { position:relative; z-index:2; max-width:760px; }
body.v24-es-home-final .v7-pain-grid,
body.v24-es-home-final .v14-reality-grid,
body.v24-es-home-final .v131-icon-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; max-width:820px; margin-top:2rem; background:rgba(241,238,230,.12); }
body.v24-es-home-final .v7-pain-grid article,
body.v24-es-home-final .v14-reality-grid article,
body.v24-es-home-final .v131-icon-list article { min-height:160px; padding:1.2rem; border:0; background:rgba(4,13,11,.82); }
body.v24-es-home-final .faq-list { max-width:760px; margin-top:2rem; background:rgba(4,13,11,.72); }
body.v24-es-home-final .faq-list details { border:0; border-bottom:1px solid rgba(241,238,230,.13); border-radius:0; background:transparent; }
body.v24-es-home-final #contact .v7-final-card { position:relative; z-index:2; max-width:820px; padding:clamp(1.4rem,4vw,3rem); background:linear-gradient(90deg,rgba(3,9,8,.85),rgba(3,9,8,.36)); }
body.v24-es-home-final #contact #final-title { max-width:12ch; }
body.v24-es-home-final #contact::after { background:linear-gradient(90deg,rgba(3,9,8,.89),rgba(3,9,8,.44) 65%,rgba(3,9,8,.18)); }

body.v24-es-home-final.v24-motion-ready [data-motion],
body.v24-es-home-final [data-motion],
body.v24-es-home-final .reveal-item,
body.v24-es-home-final .v22-scene,
body.v24-es-home-final .v23-scene { opacity:1!important; transform:none!important; clip-path:none!important; visibility:visible!important; }
html.v24-es-motion-ready body.v24-es-home-final [data-es-scene]>.wrap { opacity:1; transform:translate3d(0,18px,0); transition:transform .82s cubic-bezier(.2,.8,.2,1); }
html.v24-es-motion-ready body.v24-es-home-final [data-es-scene].is-es-visible>.wrap { opacity:1; transform:none; }
body.v24-es-home-final [data-motion-pattern="reveal-left"].is-es-visible>.wrap { --es-direction:-22px; }
body.v24-es-home-final [data-motion-pattern="reveal-right"].is-es-visible>.wrap { --es-direction:22px; }

@media(max-width:760px){
  body.v24-es-home-final { --es-pad:clamp(18px,5vw,24px); }
  body.v24-es-home-final .site-header { min-height:78px; padding:10px 14px!important; display:flex; align-items:center; justify-content:space-between; }
  body.v24-es-home-final .brand { max-width:calc(100vw - 116px)!important; min-width:0; }
  body.v24-es-home-final .brand-name { font-size:clamp(1.15rem,5.9vw,1.65rem)!important; white-space:nowrap; }
  body.v24-es-home-final .mobile-menu-toggle { position:fixed!important; top:12px!important; right:14px!important; left:auto!important; width:88px!important; min-width:88px!important; max-width:88px!important; height:54px!important; min-height:54px!important; padding:0 10px!important; z-index:84!important; }
  body.v24-es-home-final .mobile-menu-toggle em { display:block!important; min-width:4ch!important; max-width:none!important; overflow:visible!important; opacity:1!important; visibility:visible!important; white-space:nowrap!important; transform:none!important; }
  body.v24-es-home-final .site-header>.mobile-language-toggle { display:none!important; }
  body.v24-es-home-final .tp-consent { left:10px!important; right:10px!important; bottom:10px!important; max-height:none!important; overflow:visible!important; grid-template-columns:1fr!important; gap:6px!important; padding:8px!important; }
  body.v24-es-home-final .tp-consent-copy { display:none!important; }
  body.v24-es-home-final .tp-consent-options,
  body.v24-es-home-final .tp-consent-actions { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:5px!important; }
  body.v24-es-home-final .tp-consent-option { min-height:32px!important; padding:5px 6px!important; }
  body.v24-es-home-final .tp-consent-option strong { font-size:8px!important; letter-spacing:.03em!important; }
  body.v24-es-home-final .tp-consent input { width:14px!important; height:14px!important; }
  body.v24-es-home-final .tp-consent button { width:100%!important; min-height:34px!important; padding:6px 3px!important; font-size:8px!important; letter-spacing:.03em!important; white-space:normal!important; }
  body.v24-es-home-final:not(.mobile-nav-open) .nav-links,
  body.v24-es-home-final:not(.mobile-nav-open) .nav-links a { opacity:0!important; visibility:hidden!important; pointer-events:none!important; }
  body.v24-es-home-final.mobile-nav-open .nav-links { opacity:1!important; visibility:visible!important; pointer-events:auto!important; }
  body.v24-es-home-final.mobile-nav-open .nav-links a { display:flex!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; }
  body.v24-es-home-final .nav-links { top:78px!important; left:14px!important; right:14px!important; width:auto!important; height:auto!important; max-height:calc(100dvh - 92px); overflow:auto; }

  body.v24-es-home-final main>section,
  body.v24-es-home-final main>section:has(.v24-bg-media),
  body.v24-es-home-final main>section:has(.v24-es-scene-media) { min-height:0!important; height:auto!important; padding:clamp(4.2rem,13vw,6rem) 0!important; align-items:start; }
  body.v24-es-home-final main>.v7-marquee { padding:.72rem 0!important; }
  body.v24-es-home-final main>section::after { background:linear-gradient(180deg,rgba(3,9,8,.46) 0%,rgba(3,9,8,.78) 42%,rgba(3,9,8,.94) 100%)!important; }
  body.v24-es-home-final .v24-es-scene-media img,
  body.v24-es-home-final .v24-bg-media img,
  body.v24-es-home-final .v24-es-scene-media video,
  body.v24-es-home-final .v24-bg-media video { opacity:.88!important; object-position:center!important; }
  body.v24-es-home-final .v24-es-scene-media video,
  body.v24-es-home-final .v24-bg-media video { filter:brightness(1.4) saturate(.96) contrast(1.02)!important; }
  body.v24-es-home-final .v24-bg-media figcaption { left:var(--es-pad); right:var(--es-pad); bottom:.8rem; max-width:none; }

  body.v24-es-home-final .v24-es-hero { min-height:0!important; padding-top:clamp(7.3rem,26vw,8.8rem)!important; padding-bottom:4rem!important; }
  body.v24-es-home-final .v24-es-hero::after { background:linear-gradient(180deg,rgba(3,9,8,.36),rgba(3,9,8,.72) 38%,rgba(3,9,8,.94) 100%)!important; }
  body.v24-es-home-final .v24k-copy h1 { max-width:100%; font-size:clamp(2.7rem,12.2vw,4.2rem); line-height:.92; overflow-wrap:normal; }
  body.v24-es-home-final .v24k-copy>p:not(.eyebrow) { font-size:1rem; line-height:1.5; }
  body.v24-es-home-final .v24-es-split-flap { height:84px; }
  body.v24-es-home-final .v24-es-split-flap span { font-size:clamp(1.05rem,5.8vw,1.5rem); overflow-wrap:anywhere; }
  body.v24-es-home-final .v24-es-flap-route { gap:.35rem; font-size:.52rem; }
  body.v24-es-home-final .hero-actions { display:flex!important; flex-direction:column; align-items:flex-start; }
  body.v24-es-home-final a.button,
  body.v24-es-home-final button:not(.mobile-menu-toggle) { width:fit-content!important; max-width:100%!important; min-height:48px; }

  body.v24-es-home-final .v24-section-head { grid-template-columns:1fr; gap:1rem; margin-bottom:1.8rem; }
  body.v24-es-home-final .v24-section-head h2,
  body.v24-es-home-final .v7-section-head h2 { max-width:100%; font-size:clamp(2.35rem,10.8vw,3.55rem); line-height:.96; }
  body.v24-es-home-final .v24-decision { grid-template-columns:1fr; margin-top:1.4rem; backdrop-filter:none; }
  body.v24-es-home-final .v24-es-decision-rail { grid-template-columns:1fr; }
  body.v24-es-home-final .v24-es-decision-rail>div { min-height:0; padding:1rem; }
  body.v24-es-home-final .v24-es-measure-route,
  body.v24-es-home-final .v7-pain-grid,
  body.v24-es-home-final .v14-reality-grid,
  body.v24-es-home-final .v131-icon-list { grid-template-columns:1fr; }
  body.v24-es-home-final .v24-es-measure-route article,
  body.v24-es-home-final .v7-pain-grid article,
  body.v24-es-home-final .v14-reality-grid article,
  body.v24-es-home-final .v131-icon-list article { min-height:0; padding:1.1rem; }
  body.v24-es-home-final .v24-es-delivery-route,
  body.v24-es-home-final .v24-es-map-route { grid-template-columns:1fr; gap:0; }
  body.v24-es-home-final .v24-es-map-route li { min-height:0; }
  body.v24-es-home-final .v24-price { display:grid!important; grid-template-columns:1fr!important; gap:1rem!important; }
  body.v24-es-home-final .v24-es-loop { display:grid; grid-template-columns:1fr; }
  body.v24-es-home-final .v24-es-loop li:not(:last-child)::after { content:"↓"; margin-left:auto; }
  body.v24-es-home-final #contact .v7-final-card { padding:1.25rem 0 4rem; background:none; }
}

@media(prefers-reduced-motion:reduce){
  .tp-es-loader { animation:tpEsLoaderFailOpen .15s linear .35s forwards; }
  .tp-es-loader-octa path,.tp-es-loader-octa circle,
  body.v24-es-home-final .v24-es-scene-media img,
  body.v24-es-home-final .v24-bg-media img,
  body.v24-es-home-final .v24-es-split-flap span { animation:none!important; transition:none!important; transform:none!important; }
  html.v24-es-motion-ready body.v24-es-home-final [data-es-scene]>.wrap { opacity:1!important; transform:none!important; transition:none!important; }
}
/* 20260713-v24-es-home-final end */

/* 20260714-v24-es-home-r5: 20-scene mobile-first product journey */
body.v24-es-home-final {
  --es-header:78px;
  --es-scene-pad:clamp(20px,5vw,68px);
  overflow-x:clip;
}
body.v24-es-home-final main[data-es-home-experience="r5"] { overflow:clip; }
body.v24-es-home-final main[data-es-home-experience="r5"]>.es-r5-scene {
  position:relative;
  isolation:isolate;
  display:grid;
  align-items:center;
  min-height:clamp(640px,82svh,900px);
  padding:clamp(5rem,9vw,8rem) 0;
  overflow:hidden;
  border-top:1px solid rgba(241,238,230,.1);
  background:#06100f;
}
body.v24-es-home-final main[data-es-home-experience="r5"]>.es-r5-scene>.wrap {
  position:relative;
  z-index:3;
  width:min(1120px,calc(100% - (2 * var(--es-scene-pad))));
  margin-inline:auto;
}
body.v24-es-home-final main[data-es-home-experience="r5"]>.es-r5-scene::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(94deg,rgba(3,9,8,.94) 0%,rgba(3,9,8,.72) 53%,rgba(3,9,8,.24) 100%);
}
body.v24-es-home-final main[data-es-home-experience="r5"]>.es-r5-scene:nth-child(even)::after {
  background:linear-gradient(266deg,rgba(3,9,8,.94) 0%,rgba(3,9,8,.7) 54%,rgba(3,9,8,.24) 100%);
}
body.v24-es-home-final .v24-es-scene-media,
body.v24-es-home-final .v24-es-scene-media *,
body.v24-es-home-final .es-r5-route-pulse,
body.v24-es-home-final .es-r5-map-key,
body.v24-es-home-final .es-r5-accepted-line { pointer-events:none!important; }
body.v24-es-home-final main[data-es-home-experience="r5"] .v24-es-scene-media {
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#07110f;
}
body.v24-es-home-final main[data-es-home-experience="r5"] .v24-es-scene-media img,
body.v24-es-home-final main[data-es-home-experience="r5"] .v24-es-scene-media video {
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:.88!important;
  border:0!important;
  border-radius:0!important;
}
body.v24-es-home-final main[data-es-home-experience="r5"] .v24-es-scene-media video {
  filter:brightness(1.2) saturate(.96) contrast(1.03)!important;
}
body.v24-es-home-final main[data-es-home-experience="r5"] .v24-es-scene-media img {
  filter:saturate(.88) contrast(1.06)!important;
  animation:tpEsR5Drift 18s ease-in-out infinite alternate;
}
@keyframes tpEsR5Drift { from{transform:scale(1.005) translate3d(-.25%,0,0)} to{transform:scale(1.035) translate3d(.55%,-.25%,0)} }

body.v24-es-home-final .es-r5-scene h1,
body.v24-es-home-final .es-r5-scene h2 { margin:.65rem 0 1.1rem; max-width:15ch; color:var(--es-paper); font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(3rem,6.2vw,6.6rem); font-weight:500; line-height:.92; letter-spacing:0; text-wrap:balance; }
body.v24-es-home-final .es-r5-scene h3 { margin:.3rem 0 .5rem; color:var(--es-paper); font-size:clamp(1.25rem,2vw,1.8rem); line-height:1.12; letter-spacing:0; }
body.v24-es-home-final .es-r5-scene p { max-width:720px; color:rgba(241,238,230,.78); font-size:clamp(1rem,1.45vw,1.22rem); line-height:1.55; }
body.v24-es-home-final .es-r5-scene .eyebrow { color:var(--es-gold); font:650 .72rem/1.3 'IBM Plex Mono',monospace; letter-spacing:.16em; text-transform:uppercase; }
body.v24-es-home-final .es-r5-support { max-width:780px!important; }
body.v24-es-home-final .es-r5-focus-copy { max-width:840px; }
body.v24-es-home-final .es-r5-text-link { display:inline-flex; align-items:center; min-height:48px; margin-top:1rem; color:var(--es-paper); border-bottom:1px solid var(--es-gold); }
body.v24-es-home-final .es-r5-text-link::after { content:"↗"; margin-left:.55rem; color:var(--es-gold); }

body.v24-es-home-final .es-r5-hero { min-height:100svh!important; padding-top:calc(var(--es-header) + env(safe-area-inset-top,0px) + clamp(2.2rem,4vw,4rem))!important; padding-bottom:clamp(2rem,4vw,3.5rem)!important; align-items:start!important; }
body.v24-es-home-final .es-r5-hero::after { background:linear-gradient(90deg,rgba(3,9,8,.93),rgba(3,9,8,.69) 62%,rgba(3,9,8,.25))!important; }
body.v24-es-home-final .es-r5-hero-copy { max-width:930px; }
body.v24-es-home-final .es-r5-hero h1 { max-width:14ch; font-size:clamp(3.4rem,5vw,5.4rem); }
body.v24-es-home-final .es-r5-hero p:not(.eyebrow) { max-width:680px; margin-bottom:1.55rem; }
body.v24-es-home-final .es-r5-hero .button { min-height:52px; width:fit-content; }

body.v24-es-home-final .es-r5-sequence { min-height:88svh!important; }
body.v24-es-home-final .es-r5-sequence>.wrap { max-width:980px; }
body.v24-es-home-final .es-r5-sequence h2 { max-width:12ch; }
body.v24-es-home-final .v24-es-flap-shell { width:min(860px,100%); margin:clamp(2rem,5vw,4rem) 0 0; }
body.v24-es-home-final .v24-es-split-flap { height:clamp(92px,13vw,150px); padding:0 clamp(1rem,3vw,2rem); border:1px solid rgba(121,215,230,.42); background:linear-gradient(90deg,rgba(6,19,17,.84),rgba(6,19,17,.3)); perspective:600px; }
body.v24-es-home-final .v24-es-split-flap span { font-size:clamp(1.35rem,4.2vw,3.4rem); line-height:1; overflow-wrap:anywhere; }
body.v24-es-home-final .v24-es-flap-route { padding-inline:.3rem; }

body.v24-es-home-final .es-r5-decision-layout,
body.v24-es-home-final .es-r5-method,
body.v24-es-home-final .es-r5-faq-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr); gap:clamp(2rem,6vw,6rem); align-items:center; }
body.v24-es-home-final .es-r5-decision-state { padding:clamp(1.4rem,3vw,2.5rem); border-left:3px solid var(--es-gold); background:linear-gradient(145deg,rgba(216,182,95,.16),rgba(4,14,12,.72)); backdrop-filter:blur(8px); }
body.v24-es-home-final .es-r5-decision-state span,
body.v24-es-home-final .es-r5-signal-list span,
body.v24-es-home-final .es-r5-orbit-list span,
body.v24-es-home-final .es-r5-map-route span,
body.v24-es-home-final .es-r5-fractures span,
body.v24-es-home-final .es-r5-chapters span { color:rgba(241,238,230,.58); font:600 .68rem/1.3 'IBM Plex Mono',monospace; letter-spacing:.05em; text-transform:uppercase; }
body.v24-es-home-final .es-r5-decision-state strong { display:block; margin:.7rem 0 1rem; color:var(--es-gold); font-size:clamp(1.7rem,3.5vw,3.6rem); line-height:.98; }

body.v24-es-home-final .es-r5-signal-list { position:relative; max-width:900px; margin-top:2.4rem; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:clamp(2rem,6vw,6rem); }
body.v24-es-home-final .es-r5-signal-list::before { content:""; position:absolute; top:0; bottom:0; left:50%; border-left:1px solid rgba(121,215,230,.3); }
body.v24-es-home-final .es-r5-signal-list>div { min-height:102px; display:flex; flex-direction:column; justify-content:center; padding:1rem 0; border-bottom:1px solid rgba(241,238,230,.13); }
body.v24-es-home-final .es-r5-signal-list b { margin-top:.42rem; color:var(--es-paper); font-size:clamp(1rem,1.6vw,1.4rem); overflow-wrap:anywhere; }
body.v24-es-home-final .es-r5-signal-list .is-next b { color:var(--es-green); }

body.v24-es-home-final .es-r5-big-number { display:flex; align-items:flex-end; gap:1rem; margin-top:2rem; color:var(--es-cyan); }
body.v24-es-home-final .es-r5-big-number strong { font:500 clamp(5rem,12vw,11rem)/.72 'Cormorant Garamond',Georgia,serif; }
body.v24-es-home-final .es-r5-big-number span { max-width:12ch; padding-bottom:.35rem; font:600 .75rem/1.3 'IBM Plex Mono',monospace; text-transform:uppercase; }
body.v24-es-home-final .es-r5-orbit-list,
body.v24-es-home-final .es-r5-map-route { list-style:none; position:relative; max-width:940px; margin:2.4rem 0 0; padding:0 0 0 3.2rem; }
body.v24-es-home-final .es-r5-orbit-list::before,
body.v24-es-home-final .es-r5-map-route::before { content:""; position:absolute; top:0; bottom:0; left:.75rem; width:1px; background:linear-gradient(var(--es-cyan),var(--es-gold),var(--es-green)); }
body.v24-es-home-final .es-r5-orbit-list li,
body.v24-es-home-final .es-r5-map-route li { position:relative; min-height:112px; padding:1.15rem 0; border-bottom:1px solid rgba(241,238,230,.13); }
body.v24-es-home-final .es-r5-orbit-list li::before,
body.v24-es-home-final .es-r5-map-route li::before { content:""; position:absolute; left:-2.72rem; top:1.55rem; width:13px; aspect-ratio:1; border:1px solid var(--es-gold); background:#081513; transform:rotate(45deg); }
body.v24-es-home-final .es-r5-orbit-list b,
body.v24-es-home-final .es-r5-map-route b { display:block; margin:.45rem 0 .25rem; color:var(--es-paper); font-size:clamp(1.15rem,2vw,1.65rem); }
body.v24-es-home-final .es-r5-orbit-list p,
body.v24-es-home-final .es-r5-map-route p { margin:0; font-size:1rem; }

body.v24-es-home-final .es-r5-route-pulse,
body.v24-es-home-final .es-r5-map-key,
body.v24-es-home-final .es-r5-accepted-line { display:flex; align-items:center; gap:.8rem; max-width:720px; margin-top:2.2rem; color:var(--es-paper); font:650 .68rem/1.2 'IBM Plex Mono',monospace; letter-spacing:.08em; }
body.v24-es-home-final .es-r5-route-pulse i,
body.v24-es-home-final .es-r5-map-key i,
body.v24-es-home-final .es-r5-accepted-line i { flex:1; min-width:20px; border-top:1px solid var(--es-gold); transform-origin:left; }
body.v24-es-home-final .is-es-visible .es-r5-route-pulse i,
body.v24-es-home-final .is-es-visible .es-r5-map-key i,
body.v24-es-home-final .is-es-visible .es-r5-accepted-line i { animation:tpEsR5Trace 1.2s cubic-bezier(.2,.8,.2,1) both; }
@keyframes tpEsR5Trace { from{transform:scaleX(0);opacity:.2} to{transform:scaleX(1);opacity:1} }

body.v24-es-home-final .es-r5-chapters { max-width:960px; margin-top:2.6rem; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1rem,3vw,2rem); }
body.v24-es-home-final .es-r5-chapters article { min-height:210px; padding:1.35rem 1.5rem; border-left:2px solid var(--es-gold); background:linear-gradient(130deg,rgba(4,14,12,.9),rgba(4,14,12,.48)); }
body.v24-es-home-final .es-r5-chapters p { margin:.5rem 0 0; font-size:1rem; }
body.v24-es-home-final .es-r5-price { max-width:760px; margin-top:2rem; }
body.v24-es-home-final .es-r5-price>strong { display:block; color:var(--es-green); font:600 clamp(4.2rem,10vw,9rem)/.85 'IBM Plex Mono',monospace; letter-spacing:0; }
body.v24-es-home-final .es-r5-price .button { margin-top:1.2rem; width:fit-content; }

body.v24-es-home-final .es-r5-map-route { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 4rem; max-width:1040px; }
body.v24-es-home-final .es-r5-map-route::before { left:.75rem; }
body.v24-es-home-final .es-r5-loop { list-style:none; max-width:820px; margin:2.4rem 0 0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; background:rgba(121,215,230,.22); }
body.v24-es-home-final .es-r5-loop li { min-height:120px; display:flex; align-items:flex-end; padding:1rem; background:rgba(4,14,12,.82); border-top:2px solid var(--es-cyan); }
body.v24-es-home-final .es-r5-loop li:nth-child(3) { border-color:var(--es-gold); }
body.v24-es-home-final .es-r5-loop li:last-child { border-color:var(--es-green); }

body.v24-es-home-final .es-r5-fractures { max-width:940px; margin-top:2.2rem; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:rgba(241,238,230,.12); clip-path:polygon(0 0,100% 2%,98% 100%,2% 98%); }
body.v24-es-home-final .es-r5-fractures article { min-height:190px; padding:1.4rem; background:rgba(4,14,12,.88); }
body.v24-es-home-final .es-r5-fractures b { display:block; margin:.55rem 0; color:var(--es-paper); font-size:clamp(1.25rem,2.3vw,2rem); }
body.v24-es-home-final .es-r5-fractures p { margin:0; font-size:1rem; }
body.v24-es-home-final .es-r5-maturity-route { list-style:none; max-width:900px; margin:2.4rem 0 0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(.75rem,2vw,1.4rem); align-items:end; }
body.v24-es-home-final .es-r5-maturity-route li { min-height:200px; padding:1.3rem; border-bottom:3px solid var(--es-cyan); background:rgba(4,14,12,.82); }
body.v24-es-home-final .es-r5-maturity-route li:nth-child(2) { min-height:250px; border-color:var(--es-gold); }
body.v24-es-home-final .es-r5-maturity-route li:nth-child(3) { min-height:300px; border-color:var(--es-green); }
body.v24-es-home-final .es-r5-maturity-route span { color:var(--es-gold); font-family:'IBM Plex Mono',monospace; }
body.v24-es-home-final .es-r5-maturity-route b { display:block; margin:.8rem 0; color:var(--es-paper); font-size:1.35rem; }
body.v24-es-home-final .es-r5-maturity-route p { margin:0; font-size:1rem; }

body.v24-es-home-final .es-r5-proof-rail { max-width:840px; margin-top:2rem; display:flex; flex-wrap:wrap; gap:.65rem 1.5rem; padding:1rem 0; border-block:1px solid rgba(241,238,230,.18); }
body.v24-es-home-final .es-r5-proof-rail span { position:relative; padding-left:1rem; color:rgba(241,238,230,.82); font:600 .72rem/1.4 'IBM Plex Mono',monospace; text-transform:uppercase; }
body.v24-es-home-final .es-r5-proof-rail span::before { content:""; position:absolute; left:0; top:.35em; width:6px; aspect-ratio:1; border-radius:50%; background:var(--es-green); }
body.v24-es-home-final .es-r5-sovereignty-layers { max-width:820px; margin-top:2.2rem; display:grid; gap:.75rem; }
body.v24-es-home-final .es-r5-sovereignty-layers article { padding:1.25rem 1.4rem 1.25rem clamp(1.4rem,5vw,4rem); border:1px solid rgba(216,182,95,.26); background:linear-gradient(90deg,rgba(4,14,12,.92),rgba(4,14,12,.48)); }
body.v24-es-home-final .es-r5-sovereignty-layers article:nth-child(2) { transform:translateX(clamp(0px,3vw,44px)); }
body.v24-es-home-final .es-r5-sovereignty-layers article:nth-child(3) { transform:translateX(clamp(0px,6vw,88px)); }
body.v24-es-home-final .es-r5-sovereignty-layers b { color:var(--es-paper); font-size:1.3rem; }
body.v24-es-home-final .es-r5-sovereignty-layers p { margin:.35rem 0 0; font-size:1rem; }

body.v24-es-home-final .es-r5-accepted { max-width:900px; }
body.v24-es-home-final .es-r5-accepted-line strong { color:var(--es-green); }
body.v24-es-home-final .es-r5-method-proof { padding:clamp(1.3rem,3vw,2.2rem); border-left:3px solid var(--es-cyan); background:rgba(4,14,12,.74); }
body.v24-es-home-final .es-r5-method-proof strong { display:block; color:var(--es-cyan); font:500 clamp(4rem,9vw,8rem)/.8 'Cormorant Garamond',Georgia,serif; }
body.v24-es-home-final .es-r5-method-proof span { display:block; margin-top:1rem; color:var(--es-paper); font-size:1.2rem; }
body.v24-es-home-final .es-r5-method-proof small { display:block; margin-top:1.2rem; color:rgba(241,238,230,.58); line-height:1.5; }
body.v24-es-home-final .es-r5-faq-layout { align-items:start; }
body.v24-es-home-final .es-r5-faq-layout .faq-list { margin:0; background:rgba(4,14,12,.76); }
body.v24-es-home-final .es-r5-faq-layout details { min-height:58px; border-bottom:1px solid rgba(241,238,230,.13); }
body.v24-es-home-final .es-r5-faq-layout summary { min-height:58px; display:flex; align-items:center; }

body.v24-es-home-final .es-r5-final { min-height:92svh!important; }
body.v24-es-home-final .es-r5-final::after { background:linear-gradient(90deg,rgba(3,9,8,.92),rgba(3,9,8,.62) 64%,rgba(3,9,8,.18))!important; }
body.v24-es-home-final .es-r5-final-copy { max-width:860px; }
body.v24-es-home-final .es-r5-final h2 { max-width:11ch; }
body.v24-es-home-final .es-r5-final-offer { display:flex; flex-direction:column; gap:.25rem; margin:1.5rem 0; }
body.v24-es-home-final .es-r5-final-offer strong { color:var(--es-green); font:650 1rem/1.3 'IBM Plex Mono',monospace; }
body.v24-es-home-final .es-r5-final-offer span { color:rgba(241,238,230,.7); }
body.v24-es-home-final .es-r5-final .button { width:fit-content; }

html.es-r5-motion-ready body.v24-es-home-final .es-r5-scene>.wrap { transform:translate3d(0,22px,0); transition:transform .82s cubic-bezier(.2,.8,.2,1); }
html.es-r5-motion-ready body.v24-es-home-final .es-r5-scene[data-motion-pattern="reveal-left"]>.wrap { transform:translate3d(-24px,0,0); }
html.es-r5-motion-ready body.v24-es-home-final .es-r5-scene[data-motion-pattern="reveal-right"]>.wrap { transform:translate3d(24px,0,0); }
html.es-r5-motion-ready body.v24-es-home-final .es-r5-scene.is-es-visible>.wrap { transform:none; }

@media(max-width:760px){
  body.v24-es-home-final { --es-header:78px; --es-scene-pad:clamp(18px,5.4vw,24px); }
  body.v24-es-home-final .site-header { min-height:var(--es-header); }
  body.v24-es-home-final .brand { min-height:44px; display:flex; align-items:center; }
  body.v24-es-home-final .tp-consent button { min-height:44px!important; }
  body.v24-es-home-final.mobile-nav-open .site-header { opacity:1!important; visibility:visible!important; transform:none!important; pointer-events:auto!important; }
  body.v24-es-home-final.mobile-nav-open .site-header>nav.nav-links,
  body.v24-es-home-final.mobile-nav-open.tp-header-collapsed .site-header>nav.nav-links { display:grid!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:none!important; }
  body.v24-es-home-final main[data-es-home-experience="r5"]>.es-r5-scene { min-height:0!important; height:auto!important; padding:clamp(4.2rem,14vw,6rem) 0!important; align-items:start; }
  body.v24-es-home-final main[data-es-home-experience="r5"]>.es-r5-scene::after,
  body.v24-es-home-final main[data-es-home-experience="r5"]>.es-r5-scene:nth-child(even)::after { background:linear-gradient(180deg,rgba(3,9,8,.38) 0%,rgba(3,9,8,.76) 43%,rgba(3,9,8,.95) 100%)!important; }
  body.v24-es-home-final main[data-es-home-experience="r5"] .v24-es-scene-media img,
  body.v24-es-home-final main[data-es-home-experience="r5"] .v24-es-scene-media video { opacity:.9!important; object-position:center!important; }
  body.v24-es-home-final main[data-es-home-experience="r5"] .v24-es-scene-media video { filter:brightness(1.4) saturate(.98) contrast(1.02)!important; }
  body.v24-es-home-final .es-r5-scene h1,
  body.v24-es-home-final .es-r5-scene h2 { max-width:100%; font-size:clamp(2.45rem,11.3vw,3.6rem); line-height:.95; }
  body.v24-es-home-final .es-r5-scene h3 { font-size:1.25rem; }
  body.v24-es-home-final .es-r5-scene p { font-size:1rem; line-height:1.48; }
  body.v24-es-home-final .es-r5-hero { min-height:100svh!important; padding-top:calc(var(--es-header) + env(safe-area-inset-top,0px) + 1.25rem)!important; padding-bottom:1.2rem!important; align-items:start!important; }
  body.v24-es-home-final .es-r5-hero h1 { margin:.45rem 0 .8rem; font-size:clamp(2.3rem,10.9vw,3.15rem); line-height:.92; }
  body.v24-es-home-final .es-r5-hero p:not(.eyebrow) { margin-bottom:.8rem; line-height:1.42; }
  body.v24-es-home-final .es-r5-hero .button { min-height:50px; }
  body.v24-es-home-final .es-r5-sequence { min-height:82svh!important; display:grid!important; align-items:center!important; }
  body.v24-es-home-final .v24-es-split-flap { height:108px; padding:.85rem; }
  body.v24-es-home-final .v24-es-split-flap span { font-size:clamp(1.1rem,6vw,1.55rem); }
  body.v24-es-home-final .v24-es-flap-route { font-size:.5rem; gap:.32rem; }
  body.v24-es-home-final .es-r5-decision-layout,
  body.v24-es-home-final .es-r5-method,
  body.v24-es-home-final .es-r5-faq-layout { grid-template-columns:1fr; gap:1.6rem; }
  body.v24-es-home-final .es-r5-signal-list { grid-template-columns:1fr; margin-top:1.4rem; }
  body.v24-es-home-final .es-r5-signal-list::before { left:0; }
  body.v24-es-home-final .es-r5-signal-list>div { min-height:0; padding:1rem 0 1rem 1.2rem; }
  body.v24-es-home-final .es-r5-orbit-list,
  body.v24-es-home-final .es-r5-map-route { display:block; padding-left:2.5rem; margin-top:1.5rem; }
  body.v24-es-home-final .es-r5-orbit-list li,
  body.v24-es-home-final .es-r5-map-route li { min-height:0; padding:1rem 0; }
  body.v24-es-home-final .es-r5-orbit-list li::before,
  body.v24-es-home-final .es-r5-map-route li::before { left:-2.05rem; }
  body.v24-es-home-final .es-r5-route-pulse,
  body.v24-es-home-final .es-r5-map-key,
  body.v24-es-home-final .es-r5-accepted-line { gap:.42rem; font-size:.52rem; }
  body.v24-es-home-final .es-r5-chapters,
  body.v24-es-home-final .es-r5-fractures { grid-template-columns:1fr; }
  body.v24-es-home-final .es-r5-chapters article,
  body.v24-es-home-final .es-r5-fractures article { min-height:0; padding:1.15rem; }
  body.v24-es-home-final .es-r5-price>strong { font-size:clamp(3rem,15vw,4.5rem); }
  body.v24-es-home-final .es-r5-loop { grid-template-columns:1fr; }
  body.v24-es-home-final .es-r5-loop li { min-height:64px; align-items:center; }
  body.v24-es-home-final .es-r5-maturity-route { grid-template-columns:1fr; align-items:stretch; }
  body.v24-es-home-final .es-r5-maturity-route li,
  body.v24-es-home-final .es-r5-maturity-route li:nth-child(2),
  body.v24-es-home-final .es-r5-maturity-route li:nth-child(3) { min-height:0; }
  body.v24-es-home-final .es-r5-sovereignty-layers article:nth-child(2),
  body.v24-es-home-final .es-r5-sovereignty-layers article:nth-child(3) { transform:none; margin-left:clamp(8px,4vw,18px); }
  body.v24-es-home-final .es-r5-faq-layout .faq-list { margin-top:.5rem; }
  body.v24-es-home-final .es-r5-final { min-height:88svh!important; display:grid!important; align-items:center!important; }
  body.v24-es-home-final a.button,
  body.v24-es-home-final button:not(.mobile-menu-toggle) { width:fit-content!important; max-width:100%!important; min-height:48px; }
  body.v24-es-home-final .tp-consent { min-height:0!important; }
}

@media(prefers-reduced-motion:reduce){
  body.v24-es-home-final main[data-es-home-experience="r5"] .v24-es-scene-media img,
  body.v24-es-home-final .is-es-visible .es-r5-route-pulse i,
  body.v24-es-home-final .is-es-visible .es-r5-map-key i,
  body.v24-es-home-final .is-es-visible .es-r5-accepted-line i { animation:none!important; transform:none!important; }
  html.es-r5-motion-ready body.v24-es-home-final .es-r5-scene>.wrap { transform:none!important; transition:none!important; }
}
/* 20260714-v24-es-home-r5 end */

/* 20260714-v24-es-home-r6: header containment, kinetic continuity, visible marquees */
body.v24-es-home-final main[data-es-home-experience="r7"]>.es-r5-scene:not(.es-r5-hero)::before {
  content:"";
  position:absolute;
  top:0;
  left:var(--es-scene-pad);
  right:var(--es-scene-pad);
  z-index:2;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--es-cyan) 18%,var(--es-gold) 50%,var(--es-green) 82%,transparent);
  opacity:.22;
  transform:scaleX(.12);
  transform-origin:center;
}
body.v24-es-home-final main[data-es-home-experience="r7"]>.es-r5-scene.is-es-visible:not(.es-r5-hero)::before {
  animation:tpEsR6Bridge 1.15s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes tpEsR6Bridge {
  0% { opacity:.12; transform:scaleX(.08); filter:blur(5px); }
  58% { opacity:1; transform:scaleX(.72); filter:blur(0); }
  100% { opacity:.78; transform:scaleX(1); filter:blur(0); }
}

html.es-r5-motion-ready body.v24-es-home-final .es-r5-scene[data-motion-pattern="masked-reveal"]>.v24-es-scene-media {
  clip-path:inset(0 100% 0 0);
  transition:clip-path 1s cubic-bezier(.2,.8,.2,1);
}
html.es-r5-motion-ready body.v24-es-home-final .es-r5-scene[data-motion-pattern="masked-reveal"].is-es-visible>.v24-es-scene-media {
  clip-path:inset(0);
}
html.es-r5-motion-ready body.v24-es-home-final .es-r5-scene[data-motion-pattern="depth-in"]>.wrap {
  transform:translate3d(0,24px,0) scale(.975);
  transition:transform 1s cubic-bezier(.2,.8,.2,1);
}
html.es-r5-motion-ready body.v24-es-home-final .es-r5-scene[data-motion-pattern="depth-in"].is-es-visible>.wrap {
  transform:none;
}

body.v24-es-home-final .es-r6-kinetic-line {
  position:relative;
  display:flex;
  align-items:center;
  width:min(720px,100%);
  min-height:58px;
  margin:1.35rem 0;
  padding:.75rem 1rem .75rem 1.25rem;
  overflow:hidden;
  border-left:3px solid var(--es-cyan);
  border-block:1px solid rgba(121,215,230,.2);
  background:linear-gradient(90deg,rgba(5,22,21,.94),rgba(5,22,21,.28));
  pointer-events:none;
}
body.v24-es-home-final .es-r6-kinetic-line::after {
  content:"";
  position:absolute;
  right:0;
  width:26%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--es-gold));
}
body.v24-es-home-final .es-r6-kinetic-line span {
  color:var(--es-cyan);
  font:700 clamp(.86rem,1.7vw,1.15rem)/1.2 'IBM Plex Mono',monospace;
  letter-spacing:.06em;
  text-transform:uppercase;
}
body.v24-es-home-final .es-r6-kinetic-line.is-changing span { animation:tpEsR6Kinetic .44s cubic-bezier(.2,.8,.2,1) both; }
@keyframes tpEsR6Kinetic { 0%{opacity:1;transform:none} 45%{opacity:0;transform:translate3d(0,-12px,0)} 46%{transform:translate3d(0,12px,0)} 100%{opacity:1;transform:none} }

body.v24-es-home-final #readiness-conditions,
body.v24-es-home-final #ai-usage-reality { padding-bottom:calc(clamp(5rem,9vw,8rem) + 48px)!important; }
body.v24-es-home-final .es-r6-marquee {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:4;
  min-height:48px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-block:1px solid rgba(216,182,95,.72);
  background:rgba(2,10,9,.96);
  box-shadow:0 -12px 32px rgba(0,0,0,.28);
  pointer-events:none;
}
body.v24-es-home-final .es-r6-marquee-track {
  display:flex;
  align-items:center;
  flex:none;
  width:max-content;
  gap:1.25rem;
  padding:.72rem 0;
  animation:tpEsR6Marquee 24s linear infinite;
  will-change:transform;
}
body.v24-es-home-final .es-r6-marquee.is-reverse .es-r6-marquee-track { animation-direction:reverse; animation-duration:28s; }
body.v24-es-home-final .es-r6-marquee span {
  color:#f4ead0;
  font:700 .72rem/1 'IBM Plex Mono',monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 0 20px rgba(216,182,95,.24);
}
body.v24-es-home-final .es-r6-marquee span:nth-of-type(even) { color:var(--es-cyan); }
body.v24-es-home-final .es-r6-marquee i { color:var(--es-green); font-style:normal; }
@keyframes tpEsR6Marquee { to { transform:translate3d(calc(-50% - .625rem),0,0); } }

body.v24-es-home-final .es-r5-final { min-height:78svh!important; }
body.v24-es-home-final .es-r5-final-copy { max-width:760px; }
body.v24-es-home-final .es-r5-final h2 { max-width:9ch; }
body.v24-es-home-final .es-r5-final-copy>p:not(.eyebrow) { max-width:570px; }
body.v24-es-home-final .es-r5-final-offer { margin:1.25rem 0; }
body.v24-es-home-final .es-r5-final-offer strong { font-size:1.05rem; }

@media(max-width:760px){
  body.v24-es-home-final { --es-header:72px; }
  body.v24-es-home-final .site-header,
  body.v24-es-home-final.tp-header-collapsed .site-header {
    min-height:var(--es-header)!important;
    height:var(--es-header)!important;
    padding:8px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    overflow:visible!important;
  }
  body.v24-es-home-final .site-header .brand,
  body.v24-es-home-final.tp-header-collapsed .site-header .brand {
    min-height:44px!important;
    max-width:calc(100vw - 118px)!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  body.v24-es-home-final .mobile-menu-toggle,
  body.v24-es-home-final.tp-header-collapsed .mobile-menu-toggle {
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    flex:0 0 82px!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0 0 0 auto!important;
    padding:0 9px!important;
    transform:none!important;
  }
  body.v24-es-home-final .mobile-menu-toggle em,
  body.v24-es-home-final.tp-header-collapsed .mobile-menu-toggle em {
    display:block!important;
    min-width:4ch!important;
    max-width:none!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    clip-path:none!important;
    transform:none!important;
    white-space:nowrap!important;
  }
  body.v24-es-home-final .nav-links { top:var(--es-header)!important; max-height:calc(100dvh - var(--es-header) - 12px)!important; }
  body.v24-es-home-final #readiness-conditions,
  body.v24-es-home-final #ai-usage-reality { padding-bottom:calc(clamp(4.2rem,14vw,6rem) + 42px)!important; }
  body.v24-es-home-final .es-r6-marquee { min-height:42px; }
  body.v24-es-home-final .es-r6-marquee-track { gap:.9rem; padding:.62rem 0; animation-duration:20s; }
  body.v24-es-home-final .es-r6-marquee span { font-size:.62rem; letter-spacing:.1em; }
  body.v24-es-home-final .es-r6-kinetic-line { min-height:52px; margin:1rem 0 1.15rem; padding:.68rem .8rem .68rem 1rem; }
  body.v24-es-home-final .es-r6-kinetic-line span { font-size:.74rem; }
  body.v24-es-home-final .es-r5-final { min-height:76svh!important; padding-block:5rem!important; }
  body.v24-es-home-final .es-r5-final h2 { max-width:8.5ch; font-size:clamp(2.8rem,12vw,3.65rem); }
  body.v24-es-home-final .es-r5-final .button {
    position:relative;
    z-index:5;
    width:min(100%,300px)!important;
    min-height:52px!important;
    justify-content:center;
    color:#080907!important;
    -webkit-text-fill-color:#080907!important;
    font-size:.72rem!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.08em!important;
    overflow:visible!important;
  }
  body.v24-es-home-final .es-r5-final .button>span {
    position:relative!important;
    z-index:2!important;
    display:block!important;
    color:#080907!important;
    -webkit-text-fill-color:#080907!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.v24-es-home-final .es-r6-marquee-track,
  body.v24-es-home-final .es-r6-kinetic-line span,
  body.v24-es-home-final main[data-es-home-experience="r7"]>.es-r5-scene::before { animation:none!important; transform:none!important; }
  body.v24-es-home-final .es-r6-marquee-track { justify-content:center; }
  html.es-r5-motion-ready body.v24-es-home-final .es-r5-scene[data-motion-pattern]>.wrap,
  html.es-r5-motion-ready body.v24-es-home-final .es-r5-scene[data-motion-pattern]>.v24-es-scene-media { clip-path:none!important; transform:none!important; transition:none!important; }
}
/* 20260714-v24-es-home-r6 end */

/* 20260715-v24-es-home-r7: narrative motion, semantic color, proof interactions */
body.v24-es-home-final {
  --r7-signal:var(--es-cyan);
  --r7-control:var(--es-gold);
  --r7-proof:var(--es-green);
  --r7-risk:#e78b78;
  --r7-truth:#f1eee6;
}
body.v24-es-home-final main[data-es-home-experience="r7"] { isolation:isolate; }
body.v24-es-home-final .es-r5-scene[data-r7-tone="signal"] { --r7-tone:var(--r7-signal); }
body.v24-es-home-final .es-r5-scene[data-r7-tone="control"] { --r7-tone:var(--r7-control); }
body.v24-es-home-final .es-r5-scene[data-r7-tone="proof"] { --r7-tone:var(--r7-proof); }
body.v24-es-home-final .es-r5-scene[data-r7-tone="risk"] { --r7-tone:var(--r7-risk); }
body.v24-es-home-final .es-r5-scene[data-r7-tone="truth"] { --r7-tone:var(--r7-truth); }
body.v24-es-home-final .es-r5-scene[data-r7-tone="offer"] { --r7-tone:var(--r7-control); }
body.v24-es-home-final .es-r5-scene[data-r7-tone] { box-shadow:inset 0 1px color-mix(in srgb,var(--r7-tone) 28%,transparent); }
body.v24-es-home-final .es-r5-scene[data-r7-tone] .eyebrow { color:var(--r7-tone); }
body.v24-es-home-final main[data-es-home-experience="r7"]>.es-r5-scene>.v24-es-scene-media {
  transform:scale(1.025);
  filter:saturate(.84) brightness(.88);
  transition:transform 1.35s cubic-bezier(.2,.8,.2,1),filter 1s ease;
}
body.v24-es-home-final main[data-es-home-experience="r7"]>.es-r5-scene.is-r7-current>.v24-es-scene-media {
  transform:scale(1);
  filter:saturate(1) brightness(1);
}

body.v24-es-home-final .es-r7-progress {
  position:fixed;
  z-index:18;
  top:50%;
  right:14px;
  width:46px;
  display:grid;
  justify-items:center;
  gap:.55rem;
  transform:translateY(-50%);
  pointer-events:none;
  color:#d8dfdc;
  font:700 .62rem/1 'IBM Plex Mono',monospace;
}
body.v24-es-home-final .es-r7-progress>i { display:block; position:relative; width:2px; height:132px; overflow:hidden; background:rgba(255,255,255,.18); }
body.v24-es-home-final .es-r7-progress>i>b { position:absolute; inset:0; transform:scaleY(.05); transform-origin:top; background:linear-gradient(var(--r7-signal),var(--r7-control),var(--r7-proof)); transition:transform .45s ease; }
body.v24-es-home-final .es-r7-progress>em { writing-mode:vertical-rl; color:var(--r7-tone,var(--r7-signal)); font-style:normal; letter-spacing:.08em; }

body.v24-es-home-final .es-r7-hero-triad {
  width:min(900px,100%);
  margin:1.5rem 0 1.65rem;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  border-block:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.14);
  pointer-events:none;
}
body.v24-es-home-final .es-r7-hero-triad>span {
  min-width:0;
  padding:1rem .8rem;
  overflow:hidden;
  background:rgba(3,12,11,.88);
  color:#e5ebe8;
  font:800 clamp(1.2rem,2.6vw,2.35rem)/1 'IBM Plex Mono',monospace;
  text-align:center;
  text-transform:uppercase;
  transition:color .35s ease,background .35s ease,box-shadow .35s ease;
}
body.v24-es-home-final .es-r7-hero-triad>[data-r7-pillar="delegate"] { --pillar:var(--r7-signal); }
body.v24-es-home-final .es-r7-hero-triad>[data-r7-pillar="govern"] { --pillar:var(--r7-control); }
body.v24-es-home-final .es-r7-hero-triad>[data-r7-pillar="prove"] { --pillar:var(--r7-proof); }
body.v24-es-home-final .es-r7-hero-triad>span.is-r7-active { color:var(--pillar); background:color-mix(in srgb,var(--pillar) 12%,#03100e); box-shadow:inset 0 -3px var(--pillar),0 0 28px color-mix(in srgb,var(--pillar) 16%,transparent); }
body.v24-es-home-final .es-r7-hero-triad .r7-char { display:inline-block; }
body.v24-es-home-final .es-r7-hero-triad>span.is-r7-active .r7-char { animation:tpR7CharRise .62s cubic-bezier(.2,.8,.2,1) both; animation-delay:calc(var(--char-index) * 42ms); }
@keyframes tpR7CharRise { from { opacity:.1; transform:translate3d(0,22px,0) rotateX(-72deg); } to { opacity:1; transform:none; } }

body.v24-es-home-final .r7-word { display:inline-block; margin-right:.22em; }
html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-primed>.wrap {
  opacity:.12;
  filter:blur(3px);
  transition:opacity .85s ease,transform 1.05s cubic-bezier(.2,.8,.2,1),filter .7s ease;
}
html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-primed[data-r7-entry="left"]>.wrap { transform:translate3d(-64px,0,0); }
html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-primed[data-r7-entry="right"]>.wrap { transform:translate3d(64px,0,0); }
html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-primed[data-r7-entry="up"]>.wrap { transform:translate3d(0,48px,0); }
html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-primed[data-r7-entry="depth"]>.wrap { transform:translate3d(0,24px,0) scale(.96); }
html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-visible>.wrap { opacity:1; filter:none; transform:none; }
html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-primed [data-r7-words] .r7-word { opacity:.08; transform:translate3d(0,1.1em,0); transition:opacity .62s ease,transform .82s cubic-bezier(.2,.8,.2,1); transition-delay:calc(var(--word-index) * 58ms); }
html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-visible [data-r7-words] .r7-word { opacity:1; transform:none; }
html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-primed>.wrap>*:not(.v24-es-scene-media) {
  opacity:.16;
  transform:translate3d(0,18px,0);
  transition:opacity .62s ease,transform .82s cubic-bezier(.2,.8,.2,1);
}
html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-visible>.wrap>*:not(.v24-es-scene-media) { opacity:1; transform:none; }
html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-visible>.wrap>*:nth-child(2) { transition-delay:90ms; }
html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-visible>.wrap>*:nth-child(3) { transition-delay:180ms; }
html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-visible>.wrap>*:nth-child(n+4) { transition-delay:260ms; }

body.v24-es-home-final .es-r7-price-ladder { margin:2rem 0 1.4rem; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:rgba(255,255,255,.16); }
body.v24-es-home-final .es-r7-price-ladder article { min-height:210px; padding:1.15rem; display:flex; flex-direction:column; justify-content:space-between; background:rgba(3,13,12,.94); transition:transform .3s ease,background .3s ease; }
body.v24-es-home-final .es-r7-price-ladder article:hover { transform:translateY(-5px); background:#0b1c19; }
body.v24-es-home-final .es-r7-price-ladder span { color:#8fa09a; font:700 .67rem/1.3 'IBM Plex Mono',monospace; }
body.v24-es-home-final .es-r7-price-ladder strong { display:block; margin:.7rem 0; color:#f1eee6; font-size:clamp(1.7rem,3vw,2.65rem); }
body.v24-es-home-final .es-r7-price-ladder [data-r7-tier="evidence"] { box-shadow:inset 0 3px var(--r7-control); }
body.v24-es-home-final .es-r7-price-ladder [data-r7-tier="evidence"] strong { color:var(--r7-control); }
body.v24-es-home-final .es-r7-price-ladder [data-r7-tier="free"] strong { color:var(--r7-signal); }
body.v24-es-home-final .es-r7-price-ladder [data-r7-tier="build"] strong { color:var(--r7-proof); }

body.v24-es-home-final .es-r7-compare { margin:2rem 0; padding:1rem; border:1px solid rgba(231,139,120,.42); background:rgba(2,11,10,.9); }
body.v24-es-home-final .es-r7-compare-stage { position:relative; min-height:360px; overflow:hidden; background:#120d0c; }
body.v24-es-home-final .es-r7-compare-stage article { position:absolute; inset:0; padding:clamp(1.2rem,4vw,2.6rem); display:flex; flex-direction:column; justify-content:center; }
body.v24-es-home-final .es-r7-compare-stage .is-before { color:#ead8d3; background:linear-gradient(120deg,rgba(79,25,19,.82),rgba(10,15,14,.96)); }
body.v24-es-home-final .es-r7-compare-stage .is-after { clip-path:inset(0 calc(100% - var(--r7-split)) 0 0); color:#e8f5e2; background:linear-gradient(120deg,rgba(7,42,35,.98),rgba(20,54,26,.84)); }
body.v24-es-home-final .es-r7-compare-stage article>span { color:currentColor; opacity:.68; font:700 .68rem/1.2 'IBM Plex Mono',monospace; }
body.v24-es-home-final .es-r7-compare-stage article>strong { max-width:18ch; margin:1.2rem 0; font:800 clamp(1.45rem,4vw,3rem)/1.05 'IBM Plex Mono',monospace; }
body.v24-es-home-final .es-r7-compare-stage article>p { max-width:540px; }
body.v24-es-home-final .es-r7-compare-stage>i { position:absolute; z-index:3; top:0; bottom:0; left:var(--r7-split); width:2px; background:var(--r7-control); box-shadow:0 0 28px rgba(216,182,95,.55); transform:translateX(-1px); pointer-events:none; }
body.v24-es-home-final .es-r7-compare label { display:grid; grid-template-columns:auto minmax(150px,1fr); gap:1rem; align-items:center; margin-top:1rem; color:#c8d1ce; font-size:.82rem; }
body.v24-es-home-final .es-r7-compare input[type="range"] { width:100%; min-height:44px; accent-color:var(--r7-control); cursor:ew-resize; }

body.v24-es-home-final .es-r7-deadpan { margin:1.6rem 0; padding:1.35rem; border-left:3px solid var(--r7-control); background:rgba(4,14,13,.9); }
body.v24-es-home-final .es-r7-deadpan>span { color:var(--r7-control); font:700 .65rem/1.2 'IBM Plex Mono',monospace; }
body.v24-es-home-final .es-r7-deadpan>strong { display:block; margin:.8rem 0 .35rem; font-size:clamp(1.45rem,3vw,2.35rem); }
body.v24-es-home-final .es-r7-deadpan>p { color:var(--r7-signal); font-family:'IBM Plex Mono',monospace; }

body.v24-es-home-final .es-r7-dialogue { width:min(680px,100%); margin:1.6rem 0; padding:0; display:grid; border:1px solid rgba(216,182,95,.5); background:rgba(2,10,9,.94); color:#edf1ef; text-align:left; cursor:pointer; }
body.v24-es-home-final .es-r7-dialogue>span { padding:.9rem 1rem; border-bottom:1px solid rgba(255,255,255,.1); font:600 .88rem/1.4 'IBM Plex Mono',monospace; }
body.v24-es-home-final .es-r7-dialogue b { color:var(--r7-control); }
body.v24-es-home-final .es-r7-dialogue .is-answer { max-height:0; padding-block:0; overflow:hidden; opacity:0; transition:max-height .45s ease,padding .45s ease,opacity .35s ease; }
body.v24-es-home-final .es-r7-dialogue[aria-expanded="true"] .is-answer,
body.v24-es-home-final .es-r7-dialogue:hover .is-answer,
body.v24-es-home-final .es-r7-dialogue:focus-visible .is-answer { max-height:100px; padding-block:.9rem; opacity:1; }
body.v24-es-home-final .es-r7-dialogue>em { padding:.75rem 1rem; color:var(--r7-signal); font:700 .68rem/1.2 'IBM Plex Mono',monospace; font-style:normal; text-transform:uppercase; }
body.v24-es-home-final .es-r7-dialogue>em::after { content:" +"; color:var(--r7-control); }
body.v24-es-home-final .es-r7-dialogue[aria-expanded="true"]>em::after { content:" -"; }

body.v24-es-home-final .es-r7-internal-proof { display:grid; grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr); gap:clamp(2rem,5vw,5rem); align-items:start; }
body.v24-es-home-final .es-r7-internal-proof>ol { margin:0; padding:0; list-style:none; border:1px solid rgba(255,255,255,.17); background:rgba(2,12,11,.9); }
body.v24-es-home-final .es-r7-internal-proof li { min-height:108px; padding:1rem 1.15rem; display:grid; grid-template-columns:130px 1fr; gap:.35rem 1rem; align-content:center; border-bottom:1px solid rgba(255,255,255,.12); transition:background .25s ease,transform .25s ease; }
body.v24-es-home-final .es-r7-internal-proof li:last-child { border-bottom:0; }
body.v24-es-home-final .es-r7-internal-proof li:hover { background:rgba(121,215,230,.07); transform:translateX(5px); }
body.v24-es-home-final .es-r7-internal-proof li>span { grid-row:1/3; color:var(--r7-signal); font:700 .66rem/1.3 'IBM Plex Mono',monospace; }
body.v24-es-home-final .es-r7-internal-proof li>b { font-size:1rem; }
body.v24-es-home-final .es-r7-internal-proof li>em { color:#98a6a1; font-style:normal; font-size:.82rem; }

@media(min-width:900px){
  body.v24-es-home-final .es-r5-scene[data-r7-pin] { min-height:112svh!important; align-items:start!important; }
  body.v24-es-home-final .es-r5-scene[data-r7-pin]>.wrap { position:sticky!important; top:calc(var(--es-header) + 5vh); }
}
@media(hover:hover) and (pointer:fine){
  body.v24-es-home-final .es-r5-orbit-list li:hover,
  body.v24-es-home-final .es-r5-chapters article:hover,
  body.v24-es-home-final .es-r5-map-route li:hover { transform:translateY(-4px); border-color:color-mix(in srgb,var(--r7-tone) 54%,transparent); }
}
@media(max-width:760px){
  body.v24-es-home-final main[data-es-home-experience="r7"],
  body.v24-es-home-final main[data-es-home-experience="r7"]>.es-r5-scene { width:100%; max-width:100%; overflow-x:clip; }
  body.v24-es-home-final main[data-es-home-experience="r7"]>.es-r5-scene>.wrap {
    width:100%!important;
    max-width:100%!important;
    margin-inline:auto!important;
    padding-left:clamp(20px,6vw,28px)!important;
    padding-right:clamp(24px,7vw,34px)!important;
    box-sizing:border-box!important;
  }
  body.v24-es-home-final main[data-es-home-experience="r7"]>:is(#decision-evidence,#delivery-contents,#map-route,#problem,#method-proof)>.wrap {
    padding-left:clamp(26px,7.5vw,34px)!important;
    padding-right:clamp(30px,8.5vw,40px)!important;
  }
  body.v24-es-home-final .es-r7-progress { top:84px; right:4px; width:28px; transform:none; }
  body.v24-es-home-final .es-r7-progress>i { height:82px; }
  body.v24-es-home-final .es-r7-progress>em { display:none; }
  body.v24-es-home-final .es-r7-hero-triad { grid-template-columns:1fr; width:min(100%,340px); margin:1.1rem 0 1.3rem; }
  body.v24-es-home-final .es-r7-hero-triad>span { min-height:52px; padding:.72rem .8rem; font-size:clamp(1.35rem,6.4vw,1.8rem); }
  body.v24-es-home-final #hero .es-r5-hero-copy>p:not(.eyebrow) { max-width:32ch; }
  body.v24-es-home-final .es-r7-price-ladder { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.v24-es-home-final .es-r7-price-ladder article { min-height:180px; padding:1rem; }
  body.v24-es-home-final .es-r7-price-ladder strong { font-size:1.65rem; }
  body.v24-es-home-final .es-r7-compare { padding:.65rem; }
  body.v24-es-home-final .es-r7-compare-stage { min-height:370px; }
  body.v24-es-home-final .es-r7-compare-stage article { padding:1.1rem; justify-content:flex-end; }
  body.v24-es-home-final .es-r7-compare-stage .is-before { align-items:flex-end; padding-left:52%; text-align:right; }
  body.v24-es-home-final .es-r7-compare-stage .is-after { align-items:flex-start; padding-right:52%; text-align:left; }
  body.v24-es-home-final .es-r7-compare-stage article>strong { width:100%; max-width:100%; font-size:clamp(.92rem,4.2vw,1.12rem); overflow-wrap:anywhere; }
  body.v24-es-home-final .es-r7-compare-stage article>p { max-width:100%; font-size:.78rem; line-height:1.45; }
  body.v24-es-home-final .es-r7-compare label { grid-template-columns:1fr; gap:.35rem; }
  body.v24-es-home-final .es-r7-internal-proof { grid-template-columns:1fr; gap:1.5rem; }
  body.v24-es-home-final .es-r7-internal-proof li { min-height:96px; grid-template-columns:104px 1fr; padding:.9rem; }
  body.v24-es-home-final .es-r7-dialogue { margin:1.2rem 0; }
  html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-primed[data-r7-entry="left"]>.wrap,
  html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-primed[data-r7-entry="right"]>.wrap { transform:translate3d(0,22px,0); }
}
@media(max-width:390px){
  body.v24-es-home-final .es-r7-price-ladder { grid-template-columns:1fr; }
  body.v24-es-home-final .es-r7-price-ladder article { min-height:142px; }
  body.v24-es-home-final .es-r7-internal-proof li { grid-template-columns:1fr; }
  body.v24-es-home-final .es-r7-internal-proof li>span { grid-row:auto; }
}
@media(prefers-reduced-motion:reduce){
  body.v24-es-home-final .es-r7-hero-triad .r7-char,
  body.v24-es-home-final .es-r7-price-ladder article,
  body.v24-es-home-final .es-r7-internal-proof li { animation:none!important; transition:none!important; transform:none!important; }
  html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-primed>.wrap,
  html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-primed>.wrap>*,
  html.es-r7-motion-ready body.v24-es-home-final .es-r5-scene.is-r7-primed [data-r7-words] .r7-word,
  body.v24-es-home-final main[data-es-home-experience="r7"]>.es-r5-scene>.v24-es-scene-media { opacity:1!important; filter:none!important; transform:none!important; transition:none!important; }
  body.v24-es-home-final .es-r7-dialogue .is-answer { max-height:100px; padding-block:.9rem; opacity:1; }
}
/* 20260715-v24-es-home-r7 end */

/* 20260723-en-editorial-flow: preserve visual parity without CTA fatigue */
body.v24-en-home-editorial main > section.en-r7-editorial-scene {
  min-height:clamp(430px,64svh,760px);
}
body.v24-en-home-editorial main > section.en-r7-editorial-scene:is(#hero,#offer,#contact) {
  min-height:clamp(680px,88svh,980px);
}
body.v24-en-home-editorial .en-r7-editorial-scene .es-r5-focus-copy {
  max-width:46rem;
}
body.v24-en-home-editorial .en-r7-editorial-scene:not(:is(#hero,#offer,#contact)) .button {
  display:none;
}
@media(max-width:760px){
  body.v24-en-home-editorial main > section.en-r7-editorial-scene { min-height:clamp(390px,58svh,620px); }
  body.v24-en-home-editorial main > section.en-r7-editorial-scene:is(#hero,#offer,#contact) { min-height:clamp(620px,82svh,820px); }
}

/* 20260722-r7-3-master-refinement: provisional identity and continuous mobile route */
.brand-mark {
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.brand-mark::before { content:none!important; display:none!important; }
.tp-provisional-mark { width:100%; height:100%; display:block; overflow:visible; color:#f7f3ec; filter:drop-shadow(0 0 12px rgba(31,169,123,.20)); }
.tp-provisional-mark :is(.tp-mark-gate,.tp-mark-fold) { fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:square; stroke-linejoin:miter; vector-effect:non-scaling-stroke; }
.tp-provisional-mark .tp-mark-route { fill:none; stroke:#1fa97b; stroke-width:2; stroke-linecap:square; vector-effect:non-scaling-stroke; }
.tp-provisional-mark .tp-mark-channel { fill:none; stroke:rgba(0,0,0,.34); stroke-width:4; stroke-linecap:square; vector-effect:non-scaling-stroke; }
.tp-provisional-mark .tp-mark-evidence { fill:#1fa97b; stroke:none; }
.tp-provisional-mark .tp-mark-result { fill:#1fa97b; stroke:none; }
.tp-provisional-mark .tp-mark-result-cut { fill:#050908; stroke:none; }

.tp-es-loader-octa.tp-provisional-loader-mark { width:clamp(82px,12vw,118px); color:#d8b65f; }
.tp-es-loader-octa.tp-provisional-loader-mark :is(.tp-mark-gate,.tp-mark-fold) { fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:square; stroke-linejoin:miter; transform-origin:24px 24px; }
.tp-es-loader-octa.tp-provisional-loader-mark .tp-mark-channel { fill:none; stroke:rgba(0,0,0,.34); stroke-width:3.5; stroke-linecap:square; }
.tp-es-loader-octa.tp-provisional-loader-mark .tp-mark-route { fill:none; stroke:#1fa97b; stroke-width:1.6; stroke-linecap:square; }
.tp-es-loader-octa.tp-provisional-loader-mark .tp-mark-evidence { fill:#1fa97b; stroke:none; }
.tp-es-loader-octa.tp-provisional-loader-mark .tp-mark-route,
.tp-es-loader-octa.tp-provisional-loader-mark .tp-mark-fold,
.tp-es-loader-octa.tp-provisional-loader-mark .tp-mark-evidence { stroke-dasharray:96; stroke-dashoffset:96; animation:tpR73MarkDraw .68s cubic-bezier(.2,.8,.2,1) forwards; }
.tp-es-loader-octa.tp-provisional-loader-mark .tp-mark-gate { stroke-dasharray:40; stroke-dashoffset:40; animation:tpR73MarkDraw .42s .34s ease forwards; }
.tp-es-loader-octa.tp-provisional-loader-mark .tp-mark-result { fill:currentColor; stroke:none; opacity:0; animation:tpR73MarkAccept .3s .68s ease forwards; }
.tp-es-loader-octa.tp-provisional-loader-mark .tp-mark-result-cut { fill:#050908; stroke:none; opacity:0; animation:tpR73MarkAccept .3s .76s ease forwards; }
@keyframes tpR73MarkDraw { to { stroke-dashoffset:0; } }
@keyframes tpR73MarkAccept { to { opacity:1; } }

body.v24-es-home-final .es-r7-price-ladder [data-r7-tier="build"] strong {
  max-width:16ch;
  color:var(--r7-proof);
  font:750 clamp(1.15rem,2vw,1.7rem)/1.05 'IBM Plex Mono',monospace;
  overflow-wrap:anywhere;
}
body.v24-es-home-final .es-r5-scene { scroll-margin-top:calc(var(--es-header,72px) + 14px); }
body.v24-es-home-final main[data-es-home-experience="r7"] { position:relative; }
body.v24-es-home-final main[data-es-home-experience="r7"]>.es-r5-scene>.v24-es-scene-media { clip-path:inset(1.5% 0); }
body.v24-es-home-final main[data-es-home-experience="r7"]>.es-r5-scene.is-r7-current>.v24-es-scene-media { clip-path:inset(0); }

@media(max-width:760px){
  body.v24-es-home-final main[data-es-home-experience="r7"]::before {
    content:"";
    position:absolute;
    z-index:3;
    top:0;
    bottom:0;
    left:10px;
    width:1px;
    pointer-events:none;
    background:linear-gradient(to bottom,#79d7e6 0 20%,#9fe870 20% 40%,#d8b65f 40% 60%,#79d7e6 60% 80%,#9fe870 80% 100%);
    opacity:.48;
  }
  body.v24-es-home-final main[data-es-home-experience="r7"]>.es-r5-scene {
    margin:0!important;
    padding-top:clamp(3.5rem,12vw,5rem)!important;
    padding-bottom:clamp(3.5rem,12vw,5rem)!important;
  }
  body.v24-es-home-final main[data-es-home-experience="r7"]>.es-r5-scene>.v24-es-scene-media {
    clip-path:inset(8% 0 8% 0);
    transition:clip-path .9s cubic-bezier(.2,.8,.2,1),transform 1.1s cubic-bezier(.2,.8,.2,1),filter .8s ease!important;
  }
  body.v24-es-home-final main[data-es-home-experience="r7"]>.es-r5-scene.is-r7-visible>.v24-es-scene-media { clip-path:inset(0); }
  body.v24-es-home-final .es-r7-price-ladder [data-r7-tier="build"] strong { font-size:1.22rem; }
  .brand-mark { width:38px!important; height:38px!important; flex-basis:38px!important; }
}
@media(hover:none) and (pointer:coarse){
  body.v24-es-home-final .es-r7-price-ladder article:hover { transform:none; }
}
@media(prefers-reduced-motion:reduce){
  .tp-es-loader-octa.tp-provisional-loader-mark *,
  body.v24-es-home-final main[data-es-home-experience="r7"]>.es-r5-scene>.v24-es-scene-media { animation:none!important; transition:none!important; transform:none!important; clip-path:none!important; opacity:1!important; }
}
/* 20260722-r7-3-master-refinement end */

/* 20260722-form-replace: one real intake route, no mail client */
body.tp-form-replace {
  --tp-route-header-clearance:112px;
  max-width:100%;
  overflow-x:clip;
}
body.tp-form-replace main,
body.tp-form-replace .scene,
body.tp-form-replace .v131-quiz-section { max-width:100%; overflow-x:clip; }
body.tp-form-replace main[data-route-continuation]>.hero:first-child {
  min-height:clamp(620px,74svh,760px)!important;
  padding-top:calc(var(--tp-route-header-clearance) + 42px)!important;
  padding-bottom:clamp(3rem,7vw,6rem)!important;
}
body.tp-form-replace main[data-check-route] { padding-top:var(--tp-route-header-clearance)!important; }
body.tp-form-replace #contact { scroll-margin-top:var(--tp-route-header-clearance)!important; }
body.tp-form-replace .offer-scene { min-height:0!important; padding-block:clamp(4.5rem,8vw,7rem)!important; }
body.tp-form-replace .offer-grid {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,430px)!important;
  align-items:start!important;
  gap:clamp(2rem,6vw,5.5rem)!important;
}
body.tp-form-replace .offer-card { width:100%; max-width:430px; justify-self:end; }
body.tp-form-replace .contact-scene { padding-block:clamp(4.5rem,8vw,7rem)!important; }
body.tp-form-replace .contact-card {
  grid-template-columns:minmax(0,1fr) minmax(280px,.58fr)!important;
  align-items:start!important;
  padding:clamp(2rem,5vw,4.25rem)!important;
}
body.tp-form-replace .tp-intake-form { display:grid; gap:14px; max-width:680px; margin-top:1.75rem; }
body.tp-form-replace .tp-intake-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
body.tp-form-replace .tp-intake-form label:not(.v131-consent):not(.v131-honeypot) { display:grid; gap:7px; color:rgba(242,238,230,.74); font-size:.82rem; }
body.tp-form-replace .tp-intake-form label:first-child { grid-column:1 / -1; }
body.tp-form-replace .tp-intake-form input:not([type="checkbox"]),
body.tp-form-replace .tp-intake-form select { width:100%; min-width:0; min-height:48px; padding:12px; border:1px solid rgba(216,182,95,.24); border-radius:6px; background:rgba(3,10,9,.74); color:var(--paper,#f1eee6); font:inherit; }
body.tp-form-replace .tp-intake-form button { width:fit-content; }
body.tp-form-replace .v131-intake-status { min-height:1.4em; margin:0; }
body.tp-form-replace .v131-intake-status[data-state="success"] { color:var(--green,#9fe870); }
body.tp-form-replace .v131-intake-status[data-state="error"] { color:#ffb1a1; }
body.tp-form-replace .v131-intake-status[data-state="pending"] { color:var(--gold,#d8b65f); }
body.tp-form-replace .v131-quiz-grid { grid-template-columns:minmax(0,.82fr) minmax(360px,1fr)!important; }
body.tp-form-replace .v131-quiz-grid>.v7-section-head { grid-column:1; grid-row:1; align-self:start; }
body.tp-form-replace .tp-check-quest { grid-column:1; grid-row:1; align-self:end; display:flex; flex-wrap:wrap; gap:8px; margin-top:2rem; }
body.tp-form-replace .tp-check-quest span { display:inline-flex; align-items:center; gap:.55rem; min-height:34px; padding:.45rem .65rem; border:1px solid rgba(216,182,95,.24); background:rgba(3,10,9,.55); }
body.tp-form-replace .tp-check-quest b { color:var(--gold,#d8b65f); font:700 .68rem/1 'IBM Plex Mono',monospace; }
body.tp-form-replace .tp-check-quest em { color:rgba(242,238,230,.78); font:650 .62rem/1 'IBM Plex Mono',monospace; font-style:normal; letter-spacing:.08em; }
body.tp-form-replace .v131-quiz-grid>.v131-quiz-card { grid-column:2; grid-row:1; min-width:0; }
@media(max-width:1200px){
  body.tp-form-replace .offer-grid,
  body.tp-form-replace .contact-card,
  body.tp-form-replace .v131-quiz-grid { grid-template-columns:minmax(0,1fr)!important; }
  body.tp-form-replace .offer-card { justify-self:start; max-width:min(100%,680px); }
  body.tp-form-replace .contact-visual { min-height:320px; }
  body.tp-form-replace .v131-quiz-grid>.v7-section-head,
  body.tp-form-replace .tp-check-quest,
  body.tp-form-replace .v131-quiz-grid>.v131-quiz-card { grid-column:1; grid-row:auto; }
  body.tp-form-replace .tp-check-quest { align-self:auto; margin-top:0; }
}
@media(max-width:760px){
  body.tp-form-replace { --tp-route-header-clearance:86px; }
  body.tp-form-replace main[data-route-continuation]>.hero:first-child { min-height:0!important; padding-top:calc(var(--tp-route-header-clearance) + 36px)!important; padding-bottom:3.5rem!important; }
  body.tp-form-replace main[data-check-route] { padding-top:calc(var(--tp-route-header-clearance) + 12px)!important; }
  body.tp-form-replace .offer-scene,
  body.tp-form-replace .contact-scene { padding-block:4.25rem!important; }
  body.tp-form-replace .contact-card { padding:1.4rem 0!important; background:none!important; }
  body.tp-form-replace .tp-intake-grid { grid-template-columns:minmax(0,1fr); }
  body.tp-form-replace .tp-intake-form label:first-child { grid-column:auto; }
  body.tp-form-replace .tp-intake-form button { width:100%; }
  body.tp-form-replace .tp-check-quest { gap:6px; }
  body.tp-form-replace .tp-check-quest span { flex:1 1 100%; justify-content:space-between; }
}
/* 20260722-form-replace end */

/* R7.3.6 ES mobile eyebrow overflow fix */
@media (max-width:760px) {
  body.v24-es-home-final.v24-cinematic-continuation
  [data-motion="type"].is-visible .eyebrow {
    width:auto;
    max-width:100%;
    overflow:visible;
    white-space:normal;
    overflow-wrap:break-word;
    animation:none;
  }
}
/* R7.3.6 end */


/* R7.3.9 audit page reconstruction */
body.audit-rebuilt {
  background:#050605;
}

body.audit-rebuilt .audit-rebuild-main {
  position:relative;
  overflow:hidden;
}

body.audit-rebuilt .audit-hero,
body.audit-rebuilt .audit-section,
body.audit-rebuilt .audit-close {
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(216,182,95,.14);
}

body.audit-rebuilt .audit-hero {
  min-height:min(790px,88svh);
  padding:clamp(7rem,11vw,9.5rem) 0 clamp(4rem,7vw,6rem);
  display:grid;
  align-items:center;
  isolation:isolate;
}

body.audit-rebuilt .audit-hero-media {
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
}

body.audit-rebuilt .audit-hero-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.30;
  filter:saturate(.9) contrast(1.08);
  transform:scale(1.02);
}

body.audit-rebuilt .audit-hero::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 78% 36%,rgba(216,182,95,.14),transparent 34%),
    linear-gradient(90deg,rgba(5,6,5,.96),rgba(5,6,5,.72) 52%,rgba(5,6,5,.94));
}

body.audit-rebuilt .audit-hero-grid,
body.audit-rebuilt .audit-proof-grid,
body.audit-rebuilt .audit-boundary-card {
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(280px,.62fr);
  gap:clamp(1.4rem,4vw,4.5rem);
  align-items:end;
}

body.audit-rebuilt .audit-copy {
  max-width:800px;
}

body.audit-rebuilt .audit-copy h1,
body.audit-rebuilt .audit-section h2,
body.audit-rebuilt .audit-close h2 {
  margin:0;
  color:rgba(246,242,232,.98);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:400;
  letter-spacing:-.045em;
  line-height:.93;
}

body.audit-rebuilt .audit-copy h1 {
  max-width:760px;
  font-size:clamp(3.4rem,8.4vw,8.8rem);
}

body.audit-rebuilt .audit-section h2,
body.audit-rebuilt .audit-close h2 {
  max-width:880px;
  font-size:clamp(2.3rem,5vw,5.4rem);
}

body.audit-rebuilt .audit-lead,
body.audit-rebuilt .audit-section-head>p:not(.eyebrow),
body.audit-rebuilt .audit-proof-grid>div>p,
body.audit-rebuilt .audit-close-card>p:not(.eyebrow) {
  max-width:760px;
  color:rgba(241,238,230,.76);
  font-size:clamp(1.05rem,1.45vw,1.32rem);
  line-height:1.55;
}

body.audit-rebuilt .eyebrow {
  color:#d8b65f;
  letter-spacing:.18em;
  text-transform:uppercase;
  font:700 .72rem/1.3 "IBM Plex Mono",monospace;
}

body.audit-rebuilt .audit-route-strip {
  width:min(100%,860px);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.7rem;
  margin:1.6rem 0 1.8rem;
  color:rgba(241,238,230,.78);
  font:700 .72rem/1 "IBM Plex Mono",monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.audit-rebuilt .audit-route-strip i {
  width:34px;
  height:1px;
  background:linear-gradient(90deg,rgba(216,182,95,.2),rgba(216,182,95,.8));
}

body.audit-rebuilt .audit-output-card,
body.audit-rebuilt .audit-proof-card,
body.audit-rebuilt .audit-lens-grid article,
body.audit-rebuilt .audit-process-grid article,
body.audit-rebuilt .audit-boundary-card {
  border:1px solid rgba(216,182,95,.2);
  background:linear-gradient(145deg,rgba(216,182,95,.09),rgba(255,255,255,.025));
  box-shadow:0 26px 90px rgba(0,0,0,.34);
  backdrop-filter:blur(12px);
}

body.audit-rebuilt .audit-output-card {
  padding:clamp(1.25rem,2.4vw,2.1rem);
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:end;
}

body.audit-rebuilt .audit-output-card span,
body.audit-rebuilt .audit-proof-card span,
body.audit-rebuilt .audit-process-grid span,
body.audit-rebuilt .audit-lens-grid span {
  color:#d8b65f;
  font:700 .68rem/1.2 "IBM Plex Mono",monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.audit-rebuilt .audit-output-card b {
  display:block;
  margin:.65rem 0 1rem;
  color:rgba(246,242,232,.98);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(2rem,4vw,4.2rem);
  font-weight:400;
  line-height:.9;
}

body.audit-rebuilt .audit-output-card ul,
body.audit-rebuilt .audit-boundary-card ul {
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.72rem;
}

body.audit-rebuilt .audit-output-card li,
body.audit-rebuilt .audit-boundary-card li {
  color:rgba(241,238,230,.78);
  line-height:1.45;
  padding-left:1rem;
  position:relative;
}

body.audit-rebuilt .audit-output-card li::before,
body.audit-rebuilt .audit-boundary-card li::before {
  content:"";
  position:absolute;
  left:0;
  top:.65em;
  width:5px;
  height:5px;
  background:#d8b65f;
}

body.audit-rebuilt .audit-section {
  padding:clamp(4.2rem,8vw,7.5rem) 0;
}

body.audit-rebuilt .audit-section-head {
  display:grid;
  gap:.8rem;
  margin-bottom:clamp(1.8rem,4vw,3rem);
}

body.audit-rebuilt .audit-section-head.compact {
  max-width:900px;
}

body.audit-rebuilt .audit-lens-grid,
body.audit-rebuilt .audit-process-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}

body.audit-rebuilt .audit-process-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
}

body.audit-rebuilt .audit-lens-grid article,
body.audit-rebuilt .audit-process-grid article {
  padding:clamp(1.15rem,2vw,1.65rem);
  min-height:210px;
}

body.audit-rebuilt .audit-lens-grid b,
body.audit-rebuilt .audit-process-grid b {
  display:block;
  margin:.85rem 0 .7rem;
  color:rgba(246,242,232,.97);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(1.55rem,2.4vw,2.25rem);
  font-weight:400;
  line-height:1;
}

body.audit-rebuilt .audit-lens-grid p,
body.audit-rebuilt .audit-process-grid p,
body.audit-rebuilt .audit-proof-card p {
  color:rgba(241,238,230,.72);
  line-height:1.55;
}

body.audit-rebuilt .audit-proof-card {
  padding:clamp(1.35rem,2.5vw,2.2rem);
}

body.audit-rebuilt .audit-proof-card i {
  display:block;
  height:1px;
  margin:1.25rem 0;
  background:linear-gradient(90deg,transparent,rgba(216,182,95,.65),transparent);
}

body.audit-rebuilt .audit-boundary-card {
  padding:clamp(1.35rem,3vw,2.5rem);
  align-items:start;
}

body.audit-rebuilt .audit-close {
  padding:clamp(4.5rem,8vw,7rem) 0;
  background:
    radial-gradient(circle at 16% 18%,rgba(216,182,95,.12),transparent 32%),
    linear-gradient(180deg,rgba(216,182,95,.035),transparent 52%);
}

body.audit-rebuilt .audit-close-card {
  max-width:960px;
}

@media (max-width:900px) {
  body.audit-rebuilt .audit-hero {
    min-height:auto;
    padding:6.4rem 0 3.8rem;
  }

  body.audit-rebuilt .audit-hero-grid,
  body.audit-rebuilt .audit-proof-grid,
  body.audit-rebuilt .audit-boundary-card {
    grid-template-columns:1fr;
    align-items:start;
  }

  body.audit-rebuilt .audit-copy h1 {
    font-size:clamp(3.05rem,14vw,5.4rem);
  }

  body.audit-rebuilt .audit-lens-grid,
  body.audit-rebuilt .audit-process-grid {
    grid-template-columns:1fr;
  }

  body.audit-rebuilt .audit-lens-grid article,
  body.audit-rebuilt .audit-process-grid article {
    min-height:auto;
  }

  body.audit-rebuilt .audit-route-strip {
    gap:.55rem;
  }

  body.audit-rebuilt .audit-route-strip i {
    width:22px;
  }

  body.audit-rebuilt .hero-actions {
    display:grid;
    grid-template-columns:1fr;
  }
}
/* R7.3.9 end */


/* R7.3.10 audit storytelling composition */
body.audit-storyboard .audit-story-main {
  --audit-gold:#d8b65f;
  --audit-ink:#f6f2e8;
  --audit-muted:rgba(241,238,230,.74);
  --audit-line:rgba(216,182,95,.18);
}

body.audit-storyboard .audit-section,
body.audit-storyboard .audit-close {
  padding:clamp(5.4rem,9vw,8.6rem) 0;
}

body.audit-storyboard .audit-story-hero {
  min-height:min(820px,90svh);
}

body.audit-storyboard .audit-story-hero .audit-lead {
  max-width:690px;
  margin-top:1.15rem;
  font-size:clamp(1.12rem,1.5vw,1.36rem);
}

body.audit-storyboard .audit-evidence-card {
  align-self:center;
  max-width:420px;
  justify-self:end;
}

body.audit-storyboard .audit-centered-head {
  max-width:980px;
  margin-inline:auto;
  text-align:center;
}

body.audit-storyboard .audit-centered-head h2 {
  margin-inline:auto;
}

body.audit-storyboard .audit-centered-head p:not(.eyebrow) {
  margin-inline:auto;
}

body.audit-storyboard .audit-story-spine {
  background:
    radial-gradient(circle at 50% 0%,rgba(216,182,95,.10),transparent 34%),
    linear-gradient(180deg,rgba(216,182,95,.025),transparent 62%);
}

body.audit-storyboard .audit-spine-grid {
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
  margin-top:clamp(2.1rem,4.5vw,4rem);
}

body.audit-storyboard .audit-spine-grid::before {
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:34px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,182,95,.72),transparent);
  opacity:.78;
}

body.audit-storyboard .audit-spine-grid article,
body.audit-storyboard .audit-deliverable-grid article {
  position:relative;
  min-height:260px;
  padding:clamp(1.25rem,2.2vw,1.85rem);
  border:1px solid rgba(216,182,95,.18);
  background:
    linear-gradient(145deg,rgba(216,182,95,.085),rgba(255,255,255,.022)),
    rgba(5,6,5,.52);
  box-shadow:0 24px 80px rgba(0,0,0,.26);
  backdrop-filter:blur(10px);
}

body.audit-storyboard .audit-spine-grid article::before {
  content:"";
  display:block;
  width:13px;
  height:13px;
  margin-bottom:1.3rem;
  background:var(--audit-gold);
  box-shadow:0 0 0 8px rgba(216,182,95,.08),0 0 28px rgba(216,182,95,.36);
}

body.audit-storyboard .audit-spine-grid span,
body.audit-storyboard .audit-deliverable-grid span {
  color:var(--audit-gold);
  font:700 .68rem/1.2 "IBM Plex Mono",monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}

body.audit-storyboard .audit-spine-grid b,
body.audit-storyboard .audit-deliverable-grid b {
  display:block;
  margin:.9rem 0 .75rem;
  color:var(--audit-ink);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(1.65rem,2.45vw,2.55rem);
  font-weight:400;
  line-height:.96;
}

body.audit-storyboard .audit-spine-grid p,
body.audit-storyboard .audit-deliverable-grid p {
  color:var(--audit-muted);
  line-height:1.55;
}

body.audit-storyboard .audit-before-after {
  background:
    radial-gradient(circle at 86% 24%,rgba(216,182,95,.10),transparent 30%),
    linear-gradient(180deg,transparent,rgba(216,182,95,.025));
}

body.audit-storyboard .audit-contrast-card {
  align-self:center;
}

body.audit-storyboard .audit-contrast-card div {
  display:grid;
  gap:.45rem;
}

body.audit-storyboard .audit-deliverable-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}

body.audit-storyboard .audit-deliverable-grid article {
  min-height:230px;
}

body.audit-storyboard .audit-process-story {
  background:
    linear-gradient(90deg,rgba(216,182,95,.035),transparent 30%,transparent 70%,rgba(216,182,95,.035));
}

body.audit-storyboard .audit-process-grid article {
  min-height:250px;
}

body.audit-storyboard .audit-boundaries-story .audit-boundary-card {
  grid-template-columns:minmax(0,.9fr) minmax(300px,1fr);
  align-items:center;
}

body.audit-storyboard .audit-final-story {
  min-height:560px;
  display:grid;
  align-items:center;
}

/* storytelling motion, powered by existing section is-visible observer */
body.audit-storyboard.v24-motion-ready .audit-section .audit-section-head,
body.audit-storyboard.v24-motion-ready .audit-spine-grid article,
body.audit-storyboard.v24-motion-ready .audit-deliverable-grid article,
body.audit-storyboard.v24-motion-ready .audit-process-grid article,
body.audit-storyboard.v24-motion-ready .audit-boundary-card,
body.audit-storyboard.v24-motion-ready .audit-close-card {
  opacity:0;
  transform:translate3d(0,28px,0);
  transition:
    opacity .78s cubic-bezier(.16,1,.3,1),
    transform .9s cubic-bezier(.16,1,.3,1);
}

body.audit-storyboard.v24-motion-ready .audit-section.is-visible .audit-section-head,
body.audit-storyboard.v24-motion-ready .audit-section.is-visible .audit-spine-grid article,
body.audit-storyboard.v24-motion-ready .audit-section.is-visible .audit-deliverable-grid article,
body.audit-storyboard.v24-motion-ready .audit-section.is-visible .audit-process-grid article,
body.audit-storyboard.v24-motion-ready .audit-section.is-visible .audit-boundary-card,
body.audit-storyboard.v24-motion-ready .audit-close.is-visible .audit-close-card {
  opacity:1;
  transform:none;
}

body.audit-storyboard.v24-motion-ready .audit-section.is-visible article:nth-child(2) { transition-delay:90ms; }
body.audit-storyboard.v24-motion-ready .audit-section.is-visible article:nth-child(3) { transition-delay:180ms; }
body.audit-storyboard.v24-motion-ready .audit-section.is-visible article:nth-child(4) { transition-delay:270ms; }

body.audit-storyboard.v24-motion-ready .audit-spine-grid::before {
  transform-origin:left center;
  animation:auditSpineDraw 1s cubic-bezier(.16,1,.3,1) both;
}

@keyframes auditSpineDraw {
  from { transform:scaleX(0); opacity:0; }
  to { transform:scaleX(1); opacity:.78; }
}

@media (max-width:980px) {
  body.audit-storyboard .audit-section,
  body.audit-storyboard .audit-close {
    padding:4.3rem 0;
  }

  body.audit-storyboard .audit-evidence-card {
    max-width:none;
    justify-self:stretch;
  }

  body.audit-storyboard .audit-spine-grid,
  body.audit-storyboard .audit-deliverable-grid {
    grid-template-columns:1fr;
  }

  body.audit-storyboard .audit-spine-grid::before {
    left:22px;
    right:auto;
    top:0;
    bottom:0;
    width:1px;
    height:auto;
    background:linear-gradient(180deg,transparent,rgba(216,182,95,.72),transparent);
  }

  body.audit-storyboard .audit-spine-grid article,
  body.audit-storyboard .audit-deliverable-grid article,
  body.audit-storyboard .audit-process-grid article {
    min-height:auto;
  }

  body.audit-storyboard .audit-boundaries-story .audit-boundary-card {
    grid-template-columns:1fr;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.audit-storyboard.v24-motion-ready .audit-section .audit-section-head,
  body.audit-storyboard.v24-motion-ready .audit-spine-grid article,
  body.audit-storyboard.v24-motion-ready .audit-deliverable-grid article,
  body.audit-storyboard.v24-motion-ready .audit-process-grid article,
  body.audit-storyboard.v24-motion-ready .audit-boundary-card,
  body.audit-storyboard.v24-motion-ready .audit-close-card {
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}
/* R7.3.10 end */


/* R7.3.11 audit visual storytelling layer */
body.audit-visual-story .audit-visual-main {
  --audit-gold:#d8b65f;
  --audit-ink:#f6f2e8;
  --audit-muted:rgba(241,238,230,.74);
  --audit-panel:rgba(216,182,95,.075);
  --audit-line:rgba(216,182,95,.2);
}

body.audit-visual-story .audit-section,
body.audit-visual-story .audit-close {
  padding:clamp(4.4rem,7vw,7.2rem) 0;
}

body.audit-visual-story .audit-viz-hero {
  min-height:min(780px,88svh);
  padding:clamp(6.8rem,9vw,8.8rem) 0 clamp(3.8rem,6vw,5.4rem);
}

body.audit-visual-story .audit-hero-grid {
  align-items:center;
}

body.audit-visual-story .audit-visual-stage {
  position:relative;
  min-height:520px;
  isolation:isolate;
}

body.audit-visual-story .audit-glass-frame {
  position:absolute;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(216,182,95,.22);
  background:rgba(5,6,5,.55);
  box-shadow:0 36px 120px rgba(0,0,0,.42);
}

body.audit-visual-story .audit-glass-frame img {
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.78;
  filter:saturate(.92) contrast(1.08);
}

body.audit-visual-story .frame-primary {
  inset:0 8% 18% 0;
  transform:rotate(-2deg);
}

body.audit-visual-story .frame-secondary {
  inset:36% 0 0 24%;
  transform:rotate(2.4deg);
}

body.audit-visual-story .audit-live-proof {
  position:absolute;
  left:6%;
  bottom:10%;
  z-index:4;
  display:grid;
  gap:.25rem;
  padding:1rem 1.15rem;
  border:1px solid rgba(216,182,95,.28);
  background:rgba(5,6,5,.76);
  backdrop-filter:blur(12px);
}

body.audit-visual-story .audit-live-proof span,
body.audit-visual-story .audit-live-proof small,
body.audit-visual-story .audit-map-tags span {
  color:var(--audit-gold);
  font:700 .66rem/1.2 "IBM Plex Mono",monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.audit-visual-story .audit-live-proof b {
  color:var(--audit-ink);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:2.5rem;
  font-weight:400;
  line-height:.9;
}

body.audit-visual-story .audit-split,
body.audit-visual-story .audit-map-layout,
body.audit-visual-story .audit-process-layout,
body.audit-visual-story .audit-final-layout {
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(320px,1.12fr);
  gap:clamp(1.6rem,4.4vw,4.8rem);
  align-items:center;
}

body.audit-visual-story .audit-map-layout {
  grid-template-columns:minmax(0,.82fr) minmax(340px,1.18fr);
  margin-bottom:clamp(2rem,4vw,3.2rem);
}

body.audit-visual-story .audit-process-layout {
  grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr);
}

body.audit-visual-story .audit-final-layout {
  grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);
}

body.audit-visual-story .audit-large-visual,
body.audit-visual-story .audit-map-visual figure,
body.audit-visual-story .audit-final-visual {
  position:relative;
  margin:0;
  overflow:hidden;
  min-height:360px;
  border:1px solid rgba(216,182,95,.22);
  background:linear-gradient(145deg,rgba(216,182,95,.08),rgba(255,255,255,.02));
  box-shadow:0 32px 100px rgba(0,0,0,.32);
}

body.audit-visual-story .audit-large-visual img,
body.audit-visual-story .audit-map-visual img,
body.audit-visual-story .audit-final-visual img {
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  opacity:.74;
  filter:saturate(.9) contrast(1.08);
  transform:scale(1.03);
}

body.audit-visual-story .audit-large-visual::after,
body.audit-visual-story .audit-map-visual figure::after,
body.audit-visual-story .audit-final-visual::after {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,6,5,.72),transparent 52%,rgba(5,6,5,.78)),
    radial-gradient(circle at 70% 34%,rgba(216,182,95,.13),transparent 34%);
}

body.audit-visual-story figcaption {
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:1rem;
  z-index:2;
  display:grid;
  gap:.25rem;
  padding:.9rem 1rem;
  border:1px solid rgba(216,182,95,.2);
  background:rgba(5,6,5,.68);
  backdrop-filter:blur(10px);
}

body.audit-visual-story figcaption span {
  color:var(--audit-gold);
  font:700 .64rem/1.2 "IBM Plex Mono",monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.audit-visual-story figcaption b {
  color:var(--audit-ink);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(1.45rem,2.4vw,2.3rem);
  font-weight:400;
  line-height:.95;
}

body.audit-visual-story .audit-cinematic-section {
  padding-top:clamp(4rem,6vw,6.4rem);
}

body.audit-visual-story .audit-cinematic-grid {
  gap:1.15rem;
}

body.audit-visual-story .audit-spine-grid article,
body.audit-visual-story .audit-deliverable-grid article,
body.audit-visual-story .audit-process-grid article {
  min-height:220px;
}

body.audit-visual-story .audit-tight-grid {
  gap:1.1rem;
}

body.audit-visual-story .audit-map-visual {
  position:relative;
}

body.audit-visual-story .audit-map-tags {
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:1rem;
  z-index:5;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}

body.audit-visual-story .audit-map-tags span {
  padding:.55rem .7rem;
  border:1px solid rgba(216,182,95,.22);
  background:rgba(5,6,5,.72);
}

body.audit-visual-story .audit-boundary-list {
  margin:1.2rem 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.85rem;
}

body.audit-visual-story .audit-boundary-list li {
  position:relative;
  padding-left:1.1rem;
  color:var(--audit-muted);
  line-height:1.55;
}

body.audit-visual-story .audit-boundary-list li::before {
  content:"";
  position:absolute;
  left:0;
  top:.65em;
  width:5px;
  height:5px;
  background:var(--audit-gold);
}

/* motion layer */
body.audit-visual-story.v24-motion-ready .audit-section .audit-large-visual,
body.audit-visual-story.v24-motion-ready .audit-section .audit-map-visual,
body.audit-visual-story.v24-motion-ready .audit-section .audit-final-visual,
body.audit-visual-story.v24-motion-ready .audit-spine-grid article,
body.audit-visual-story.v24-motion-ready .audit-deliverable-grid article,
body.audit-visual-story.v24-motion-ready .audit-process-grid article {
  opacity:0;
  transform:translate3d(0,34px,0) scale(.985);
  transition:
    opacity .84s cubic-bezier(.16,1,.3,1),
    transform .92s cubic-bezier(.16,1,.3,1);
}

body.audit-visual-story.v24-motion-ready .audit-section.is-visible .audit-large-visual,
body.audit-visual-story.v24-motion-ready .audit-section.is-visible .audit-map-visual,
body.audit-visual-story.v24-motion-ready .audit-section.is-visible .audit-final-visual,
body.audit-visual-story.v24-motion-ready .audit-section.is-visible .audit-spine-grid article,
body.audit-visual-story.v24-motion-ready .audit-section.is-visible .audit-deliverable-grid article,
body.audit-visual-story.v24-motion-ready .audit-section.is-visible .audit-process-grid article {
  opacity:1;
  transform:none;
}

body.audit-visual-story .audit-visual-stage::before,
body.audit-visual-story .audit-large-visual::before,
body.audit-visual-story .audit-map-visual figure::before {
  content:"";
  position:absolute;
  inset:-20%;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 36%,rgba(216,182,95,.13) 50%,transparent 64%);
  transform:translateX(-60%);
  animation:auditScan 5.6s cubic-bezier(.16,1,.3,1) infinite;
}

@keyframes auditScan {
  0%,32% { transform:translateX(-62%); opacity:0; }
  44% { opacity:1; }
  62%,100% { transform:translateX(62%); opacity:0; }
}

@media (max-width:980px) {
  body.audit-visual-story .audit-section,
  body.audit-visual-story .audit-close {
    padding:3.8rem 0;
  }

  body.audit-visual-story .audit-viz-hero {
    padding-top:6.1rem;
  }

  body.audit-visual-story .audit-split,
  body.audit-visual-story .audit-map-layout,
  body.audit-visual-story .audit-process-layout,
  body.audit-visual-story .audit-final-layout {
    grid-template-columns:1fr;
  }

  body.audit-visual-story .audit-visual-stage {
    min-height:390px;
  }

  body.audit-visual-story .audit-large-visual,
  body.audit-visual-story .audit-map-visual figure,
  body.audit-visual-story .audit-final-visual {
    min-height:300px;
  }

  body.audit-visual-story .audit-large-visual img,
  body.audit-visual-story .audit-map-visual img,
  body.audit-visual-story .audit-final-visual img {
    min-height:300px;
  }
}
/* R7.3.11 end */