:root {
  --v-ink: #07171c;
  --v-ink-2: #0b242c;
  --v-ink-3: #123540;
  --v-teal: #006b68;
  --v-teal-bright: #39ded3;
  --v-lime: #c7ff4a;
  --v-paper: #f1f3ee;
  --v-paper-2: #e4e9e2;
  --v-white: #fbfcf9;
  --v-line: rgba(7, 23, 28, 0.16);
  --v-line-dark: rgba(255, 255, 255, 0.13);
  --v-muted: #536367;
  --v-radius: 28px;
  --v-container: min(1440px, calc(100vw - 64px));
  --v-ease: cubic-bezier(.2, .75, .2, 1);
  --v-shadow: 0 34px 90px rgba(3, 18, 23, .16);
}

html {
  scroll-behavior: smooth;
  background: var(--v-ink);
}

.premium-site {
  margin: 0;
  overflow-x: clip;
  background: var(--v-paper);
  color: var(--v-ink);
  font-family: "Manrope", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

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

.premium-site a {
  color: inherit;
  text-decoration: none;
}

.premium-site h1,
.premium-site h2,
.premium-site h3 { color: inherit; }

.premium-site button,
.premium-site input,
.premium-site select,
.premium-site textarea {
  font: inherit;
}

.premium-site img {
  display: block;
  max-width: 100%;
}

.premium-site :focus-visible {
  outline: 3px solid var(--v-teal);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--v-white);
}

.v-header :focus-visible,
.v-hero :focus-visible,
.inner-hero :focus-visible,
.scope-hero :focus-visible,
.dark-section :focus-visible,
.digital-twin :focus-visible,
.v-footer :focus-visible { outline-color: var(--v-lime); box-shadow: 0 0 0 2px var(--v-ink); }

.skip-link {
  position: fixed;
  z-index: 9999;
  top: 12px;
  left: 12px;
  padding: 12px 18px;
  transform: translateY(-160%);
  border-radius: 999px;
  background: var(--v-lime);
  color: var(--v-ink);
  font-weight: 800;
  transition: transform .2s ease;
}

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

.sr-only,
.premium-site .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.reading-progress {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  pointer-events: none;
}

.reading-progress span {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(90deg, var(--v-teal-bright), var(--v-lime));
}

/* Header */
.v-header {
  position: fixed;
  z-index: 900;
  top: 18px;
  left: 50%;
  display: grid;
  grid-template-columns: 210px 1fr auto;
  align-items: center;
  width: var(--v-container);
  min-height: 68px;
  padding: 9px 10px 9px 22px;
  transform: translateX(-50%);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 18px;
  background: rgba(5, 23, 29, .74);
  box-shadow: 0 16px 44px rgba(0, 0, 0, .14);
  backdrop-filter: blur(22px) saturate(140%);
  color: var(--v-white);
  transition: top .35s var(--v-ease), background .35s ease, border-color .35s ease;
}

.v-header.is-scrolled {
  top: 8px;
  border-color: rgba(255, 255, 255, .18);
  background: rgba(5, 23, 29, .92);
}

.v-brand {
  display: inline-flex;
  width: 154px;
}

.v-brand img { width: 100%; height: auto; }

.v-nav {
  display: flex;
  justify-content: center;
  gap: clamp(12px, 2.15vw, 34px);
}

.v-nav a {
  position: relative;
  padding: 10px 0;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -.01em;
  transition: color .25s ease;
}

.v-nav a::after {
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 0;
  height: 1px;
  transform: scaleX(0);
  transform-origin: right;
  background: var(--v-teal-bright);
  content: "";
  transition: transform .35s var(--v-ease);
}

.v-nav a:hover,
.v-nav a.active { color: #fff; }
.v-nav a:hover::after,
.v-nav a.active::after { transform: scaleX(1); transform-origin: left; }

.v-header-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  min-height: 48px;
  padding: 0 18px 0 22px;
  border-radius: 12px;
  background: var(--v-lime);
  color: var(--v-ink);
  font-size: 13px;
  font-weight: 800;
  transition: transform .25s var(--v-ease), box-shadow .25s ease;
}

.v-header-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(199, 255, 74, .2);
}

.v-menu { display: none; }

/* Hero */
.v-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(540px, 1.12fr);
  align-items: center;
  min-height: 100svh;
  padding: 132px max(32px, calc((100vw - 1376px) / 2)) 80px;
  overflow: hidden;
  background:
    radial-gradient(circle at 24% 44%, rgba(17, 185, 181, .14), transparent 31%),
    radial-gradient(circle at 86% 18%, rgba(52, 222, 211, .08), transparent 25%),
    linear-gradient(135deg, #06151a 0%, #091e25 50%, #07171c 100%);
  color: var(--v-white);
}

.v-hero-grid,
.diagnostic-grid {
  position: absolute;
  inset: 0;
  opacity: .28;
  background-image:
    linear-gradient(rgba(93, 201, 200, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 201, 200, .08) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to bottom, #000, transparent 90%);
  pointer-events: none;
}

.v-orb {
  position: absolute;
  width: 42vw;
  aspect-ratio: 1;
  border: 1px solid rgba(61, 224, 214, .1);
  border-radius: 50%;
  pointer-events: none;
}

.v-orb::before,
.v-orb::after {
  position: absolute;
  inset: 11%;
  border: inherit;
  border-radius: inherit;
  content: "";
}
.v-orb::after { inset: 24%; }
.v-orb-one { top: -25vw; right: -10vw; }
.v-orb-two { bottom: -30vw; left: 12vw; opacity: .45; }

.v-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 680px;
  padding-right: clamp(24px, 5vw, 88px);
}

.v-status {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  color: rgba(255,255,255,.72);
  font-family: "DM Mono", monospace;
  font-size: 11px;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.v-status span {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--v-lime);
  box-shadow: 0 0 0 6px rgba(199, 255, 74, .09);
}

.v-status span::after {
  position: absolute;
  inset: -6px;
  border: 1px solid rgba(199,255,74,.55);
  border-radius: 50%;
  animation: status-pulse 2.4s ease infinite;
  content: "";
}

@keyframes status-pulse {
  0%, 100% { transform: scale(.6); opacity: 0; }
  45% { opacity: 1; }
  85% { transform: scale(1.25); opacity: 0; }
}

.v-hero h1 {
  max-width: 700px;
  margin: 0;
  color: #fff;
  font-size: clamp(56px, 5.35vw, 92px);
  font-weight: 600;
  letter-spacing: -.067em;
  line-height: .94;
}

.v-hero h1 em,
.manifesto-grid h2 em {
  color: var(--v-teal-bright);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

.v-hero-copy > p {
  max-width: 600px;
  margin: 30px 0 0;
  color: rgba(255,255,255,.68);
  font-size: clamp(17px, 1.28vw, 20px);
  line-height: 1.65;
}

.v-hero-actions {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 38px;
}

.v-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  min-height: 58px;
  padding: 0 24px 0 28px;
  border: 0;
  border-radius: 13px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .3s var(--v-ease), background .3s ease, box-shadow .3s ease;
}

.v-button:hover { transform: translateY(-3px); }
.v-button-primary { background: var(--v-teal-bright); color: var(--v-ink); }
.v-button-primary:hover { box-shadow: 0 16px 42px rgba(57,222,211,.22); }
.v-button-accent { background: var(--v-lime); color: var(--v-ink); }

.v-text-link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255,255,255,.35);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  transition: gap .3s var(--v-ease), border-color .3s ease;
}

.v-text-link:hover { gap: 20px; border-color: var(--v-teal-bright); }
.v-text-link.dark { border-color: rgba(7,23,28,.3); color: var(--v-ink); }

.v-hero-principles {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 22px;
  margin-top: 52px;
  color: rgba(255,255,255,.6);
  font-size: 11px;
  font-weight: 600;
}

.v-hero-principles span { display: inline-flex; gap: 8px; align-items: center; }
.v-hero-principles b { color: var(--v-teal-bright); font-family: "DM Mono", monospace; font-weight: 500; }

.v-scroll-cue {
  position: absolute;
  z-index: 3;
  bottom: 26px;
  left: max(32px, calc((100vw - 1376px) / 2));
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255,255,255,.38);
  font-family: "DM Mono", monospace;
  font-size: 9px;
  letter-spacing: .14em;
}

.v-scroll-cue i { position: relative; width: 54px; height: 1px; overflow: hidden; background: rgba(255,255,255,.16); }
.v-scroll-cue i::after { position: absolute; inset: 0; transform: translateX(-100%); background: var(--v-teal-bright); content: ""; animation: scroll-line 2.4s ease infinite; }
@keyframes scroll-line { 50%,100% { transform: translateX(100%); } }

/* Digital twin */
.digital-twin {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 760px;
  margin-left: auto;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 26px;
  overflow: hidden;
  background: rgba(8, 35, 43, .56);
  box-shadow: 0 45px 110px rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.06);
  backdrop-filter: blur(16px);
}

.digital-twin-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 78px;
  padding: 16px 20px 14px 24px;
  border-bottom: 1px solid rgba(255,255,255,.09);
}

.digital-twin-topbar > div { display: grid; gap: 4px; }
.digital-twin-topbar small,
.model-readout > span,
.model-coordinates,
.console-top,
.console-detail > span {
  color: rgba(255,255,255,.42);
  font-family: "DM Mono", monospace;
  font-size: 9px;
  letter-spacing: .1em;
}
.digital-twin-topbar strong { color: #fff; font-size: 14px; }

.model-explode {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.72);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: color .2s, background .2s, border-color .2s;
}
.model-explode:hover,
.model-explode[aria-pressed="true"] { border-color: rgba(57,222,211,.48); background: rgba(57,222,211,.09); color: #fff; }
.explode-icon { color: var(--v-teal-bright); font-size: 16px; }

.model-toolbar {
  display: flex;
  gap: 7px;
  padding: 12px 16px;
  overflow-x: auto;
  border-bottom: 1px solid rgba(255,255,255,.08);
  scrollbar-width: none;
}
.model-toolbar::-webkit-scrollbar { display: none; }
.model-toolbar button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: rgba(255,255,255,.48);
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}
.model-toolbar button i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.model-toolbar button.active { border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.07); color: #fff; }
.model-toolbar button[data-model-filter="structure"].active { color: #ffb568; }
.model-toolbar button[data-model-filter="architecture"].active { color: #8dd8ff; }
.model-toolbar button[data-model-filter="mep"].active { color: #52f1bd; }

.model-viewport {
  --rot-x: 62deg;
  --rot-z: -38deg;
  --explode: 0px;
  position: relative;
  height: clamp(410px, 50vh, 570px);
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  background:
    radial-gradient(circle at 50% 48%, rgba(43,185,184,.13), transparent 30%),
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: auto, 28px 28px, 28px 28px;
}
.model-viewport.is-dragging { cursor: grabbing; }
.model-viewport::before,
.model-viewport::after { position: absolute; z-index: 6; pointer-events: none; content: ""; }
.model-viewport::before { inset: 0; background: linear-gradient(to bottom, rgba(5,24,30,.65), transparent 16%, transparent 82%, rgba(5,24,30,.8)); }
.model-viewport::after { right: 16px; bottom: 13px; width: 46px; height: 46px; border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }

.model-glow { position: absolute; top: 50%; left: 50%; width: 72%; height: 44%; transform: translate(-50%,-50%); border-radius: 50%; background: rgba(38,204,195,.13); filter: blur(54px); }

.model-scene {
  position: absolute;
  z-index: 2;
  top: 52%;
  left: 50%;
  width: 500px;
  height: 390px;
  transform: translate(-50%, -50%) rotateX(var(--rot-x)) rotateZ(var(--rot-z));
  transform-style: preserve-3d;
  transition: transform .12s linear;
}

.model-ground {
  position: absolute;
  top: 75px;
  left: 54px;
  width: 390px;
  height: 245px;
  transform: translateZ(-9px);
  border: 1px solid rgba(78,217,211,.26);
  background:
    linear-gradient(rgba(80,217,211,.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(80,217,211,.1) 1px, transparent 1px),
    rgba(6,27,33,.88);
  background-size: 25px 25px;
  box-shadow: 0 0 40px rgba(18,190,183,.11);
}

.model-ground::before,
.model-ground::after { position: absolute; background: rgba(80,217,211,.32); content: ""; }
.model-ground::before { top: 50%; left: -30px; width: calc(100% + 60px); height: 1px; }
.model-ground::after { top: -30px; left: 50%; width: 1px; height: calc(100% + 60px); }

.model-building {
  position: absolute;
  top: 84px;
  left: 92px;
  width: 315px;
  height: 205px;
  transform-style: preserve-3d;
}

.model-foundation {
  position: absolute;
  inset: 10px 3px 0;
  transform: translateZ(-16px);
  transform-style: preserve-3d;
  border: 2px solid rgba(255,181,104,.7);
  background: repeating-linear-gradient(45deg,rgba(255,181,104,.14) 0 8px,rgba(255,181,104,.035) 8px 16px);
  box-shadow: 0 0 24px rgba(255,181,104,.12);
  transition: opacity .45s ease;
}
.model-foundation > i { position: absolute; width: 42px; height: 42px; border: 1px solid rgba(255,181,104,.8); background: rgba(255,181,104,.18); }
.model-foundation > i:nth-child(1) { top: 18px; left: 20px; }
.model-foundation > i:nth-child(2) { top: 18px; right: 20px; }
.model-foundation > i:nth-child(3) { bottom: 18px; left: 20px; }
.model-foundation > i:nth-child(4) { right: 20px; bottom: 18px; }
.model-foundation > span { position: absolute; inset: 42px 112px; border: 1px solid rgba(255,181,104,.72); background: rgba(255,181,104,.13); }

.model-floor {
  --floor-index: 0;
  position: absolute;
  inset: 0;
  transform: translateZ(calc(var(--floor-index) * 43px + var(--floor-index) * var(--explode)));
  transform-style: preserve-3d;
  transition: transform .75s var(--v-ease), opacity .35s ease;
}

.model-slab {
  position: absolute;
  inset: 18px 10px 8px 10px;
  border: 1px solid rgba(255,181,104,.8);
  background: rgba(255,181,104,.16);
  box-shadow: inset 0 0 25px rgba(255,181,104,.08), 0 0 12px rgba(255,181,104,.08);
}
.model-slab::before { position: absolute; right: -5px; bottom: -5px; left: 4px; height: 5px; transform: skewX(-45deg); transform-origin: top; background: rgba(184,114,55,.5); content: ""; }
.model-slab::after { position: absolute; top: 4px; right: -5px; bottom: 0; width: 5px; transform: skewY(-45deg); transform-origin: left; background: rgba(222,145,75,.42); content: ""; }

.model-column {
  position: absolute;
  width: 7px;
  height: 7px;
  transform-style: preserve-3d;
  background: #ffb568;
  box-shadow: 0 0 9px rgba(255,181,104,.5);
}
.model-column::before { position: absolute; right: 0; bottom: 0; width: 7px; height: 36px; transform: rotateX(-90deg); transform-origin: bottom; background: linear-gradient(#ffb568, #915b37); content: ""; }
.model-column.c1 { top: 28px; left: 30px; }.model-column.c2 { top: 28px; left: 145px; }.model-column.c3 { top: 28px; right: 30px; }
.model-column.c4 { bottom: 28px; left: 30px; }.model-column.c5 { bottom: 28px; left: 145px; }.model-column.c6 { right: 30px; bottom: 28px; }

.model-core {
  position: absolute;
  top: 62px;
  left: 124px;
  width: 54px;
  height: 82px;
  border: 1px solid rgba(255,181,104,.8);
  background: rgba(255,181,104,.12);
}

.model-wall {
  position: absolute;
  border: 1px solid rgba(141,216,255,.65);
  background: rgba(141,216,255,.12);
  box-shadow: inset 0 0 12px rgba(141,216,255,.1);
  transition: opacity .35s ease, transform .5s var(--v-ease);
}
.model-wall.front { right: 13px; bottom: 12px; left: 13px; height: 31px; transform: rotateX(-90deg); transform-origin: bottom; }
.model-wall.back { top: 20px; right: 13px; left: 13px; height: 31px; transform: rotateX(-90deg); transform-origin: top; }
.model-wall.left { top: 23px; bottom: 12px; left: 13px; width: 31px; transform: rotateY(90deg); transform-origin: left; }
.model-wall.right { top: 23px; right: 13px; bottom: 12px; width: 31px; transform: rotateY(90deg); transform-origin: right; }

.model-window-row { position: absolute; inset: 9px 10px; opacity: .65; background: repeating-linear-gradient(90deg, transparent 0 20px, rgba(141,216,255,.75) 21px 23px); }

.model-mep-line {
  position: absolute;
  z-index: 4;
  height: 3px;
  border-radius: 999px;
  background: #52f1bd;
  box-shadow: 0 0 8px rgba(82,241,189,.7);
  transition: opacity .35s ease;
}
.model-mep-line.water { top: 72px; left: 24px; width: 260px; transform: translateZ(7px); }
.model-mep-line.power { top: 118px; left: 46px; width: 224px; transform: translateZ(9px) rotate(90deg); transform-origin: left; background: #f7e46b; box-shadow: 0 0 8px rgba(247,228,107,.65); }
.model-mep-line.branch { top: 143px; left: 72px; width: 170px; transform: translateZ(8px) rotate(-28deg); }

.model-viewport[data-active-filter="structure"] .model-wall,
.model-viewport[data-active-filter="structure"] .model-mep-line { opacity: .08; }
.model-viewport[data-active-filter="architecture"] .model-column,
.model-viewport[data-active-filter="architecture"] .model-core,
.model-viewport[data-active-filter="architecture"] .model-mep-line { opacity: .08; }
.model-viewport[data-active-filter="architecture"] .model-slab { opacity: .22; }
.model-viewport[data-active-filter="mep"] .model-wall,
.model-viewport[data-active-filter="mep"] .model-column,
.model-viewport[data-active-filter="mep"] .model-core { opacity: .08; }
.model-viewport[data-active-filter="mep"] .model-slab { opacity: .1; }

.model-viewport[data-build-step="0"] .model-floor,
.model-viewport[data-build-step="0"] .model-foundation { opacity: 0; }
.model-viewport[data-build-step="1"] .model-floor { opacity: 0; }
.model-viewport[data-build-step="2"] .model-wall,
.model-viewport[data-build-step="2"] .model-mep-line { opacity: .035; }
.model-viewport[data-build-step="3"] .model-mep-line { opacity: .035; }
.model-viewport[data-build-step="4"] .model-wall,
.model-viewport[data-build-step="4"] .model-column,
.model-viewport[data-build-step="4"] .model-core { opacity: .22; }
.model-viewport[data-build-step="4"] .model-slab { opacity: .14; }

.model-coordinates {
  position: absolute;
  z-index: 7;
  top: 18px;
  left: 18px;
  display: grid;
  gap: 4px;
}
.model-coordinates span:first-child { color: rgba(57,222,211,.78); }

.model-hint {
  position: absolute;
  z-index: 7;
  right: 18px;
  bottom: 18px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 8px;
  background: rgba(5,22,28,.72);
  color: rgba(255,255,255,.46);
  font-size: 9px;
  font-weight: 700;
  transition: opacity .3s ease;
}
.model-hint span { color: var(--v-teal-bright); font-size: 14px; }
.model-viewport.is-interacted .model-hint { opacity: 0; }

.construction-sequence { padding: 15px 20px 13px; border-top: 1px solid rgba(255,255,255,.08); background: rgba(4,22,27,.56); }
.construction-sequence > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.construction-sequence > div:first-child span,
.construction-sequence > div:first-child strong { font-family: "DM Mono",monospace; font-size: 8px; letter-spacing: .08em; }
.construction-sequence > div:first-child span { color: rgba(255,255,255,.38); }
.construction-sequence > div:first-child strong { color: var(--v-teal-bright); font-weight: 500; }
.construction-sequence input { width: 100%; min-height: 0; height: 18px; margin: 8px 0 1px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; accent-color: var(--v-lime); cursor: ew-resize; }
.construction-ticks { display: grid; grid-template-columns: repeat(6,1fr); }
.construction-ticks span { overflow: hidden; color: rgba(255,255,255,.28); font-family: "DM Mono",monospace; font-size: 6px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.construction-ticks span:first-child { text-align: left; }.construction-ticks span:last-child { text-align: right; }

.model-readout {
  display: grid;
  grid-template-columns: 66px 1fr;
  gap: 14px;
  min-height: 92px;
  padding: 18px 22px;
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(4,22,27,.55);
}
.model-readout > span { padding-top: 3px; color: var(--v-teal-bright); }
.model-readout > div { display: grid; gap: 4px; }
.model-readout strong { color: #fff; font-size: 13px; }
.model-readout p { max-width: 550px; margin: 0; color: rgba(255,255,255,.7); font-size: 12px; line-height: 1.55; }

/* Sections */
.v-section { padding: 116px max(32px, calc((100vw - 1376px) / 2)); }

.signal-strip {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid var(--v-line);
  background: var(--v-lime);
}
.signal-track {
  display: flex;
  align-items: center;
  width: max-content;
  height: 48px;
  animation: signal-run 30s linear infinite;
}
.signal-track span { padding: 0 22px; color: var(--v-ink); font-family: "DM Mono", monospace; font-size: 10px; font-weight: 500; letter-spacing: .08em; }
.signal-track i { color: rgba(7,23,28,.45); font-style: normal; }
@keyframes signal-run { to { transform: translateX(-50%); } }

.v-section-kicker {
  display: grid;
  grid-template-columns: 52px 1fr;
  align-items: center;
  gap: 10px;
  margin-bottom: 56px;
  color: var(--v-ink);
  font-family: "DM Mono", monospace;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.v-section-kicker span { display: grid; place-items: center; width: 36px; height: 24px; border: 1px solid var(--v-line); border-radius: 999px; }
.v-section-kicker p { display: flex; align-items: center; gap: 12px; margin: 0; }
.v-section-kicker p::after { width: 78px; height: 1px; background: var(--v-line); content: ""; }
.v-section-kicker.light { color: rgba(255,255,255,.65); }
.v-section-kicker.light span { border-color: var(--v-line-dark); }
.v-section-kicker.light p::after { background: var(--v-line-dark); }

.v-manifesto { background: var(--v-paper); }
.manifesto-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(320px, .5fr);
  gap: clamp(60px, 10vw, 170px);
  align-items: end;
}
.manifesto-grid h2,
.solutions-intro h2,
.process-copy h2,
.applications-heading h2,
.diagnostic-copy h2,
.coordination-heading h2 {
  margin: 0;
  font-size: clamp(42px, 5vw, 78px);
  font-weight: 600;
  letter-spacing: -.06em;
  line-height: 1.02;
}
.manifesto-copy { padding-bottom: 8px; }
.manifesto-copy p { margin: 0 0 28px; color: var(--v-muted); font-size: 16px; line-height: 1.75; }

.decision-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 90px;
  border-top: 1px solid var(--v-line);
  border-bottom: 1px solid var(--v-line);
}
.decision-grid article { min-height: 220px; padding: 32px 34px; border-right: 1px solid var(--v-line); }
.decision-grid article:last-child { border: 0; }
.decision-grid span { color: var(--v-teal); font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.decision-grid strong { display: block; margin-top: 42px; font-size: 20px; letter-spacing: -.03em; }
.decision-grid p { max-width: 310px; margin: 12px 0 0; color: var(--v-muted); font-size: 13px; line-height: 1.65; }

.dark-section { background: var(--v-ink); color: #fff; }
.coordination-lab { overflow: hidden; }
.coordination-heading { display: grid; grid-template-columns: 1.25fr .45fr; gap: 80px; align-items: end; }
.coordination-heading p { margin: 0; color: rgba(255,255,255,.54); font-size: 15px; line-height: 1.75; }
.comparison { margin-top: 64px; }
.comparison-stage { position: relative; height: min(62vw, 660px); min-height: 460px; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 25px; background: #0a2128; }
.comparison-layer { position: absolute; inset: 0; overflow: hidden; }
.comparison-before { background: radial-gradient(circle at 40% 50%, rgba(224,90,74,.12), transparent 31%), #0b1c22; }
.comparison-after { width: var(--comparison); border-right: 1px solid rgba(199,255,74,.8); background: radial-gradient(circle at 65% 42%, rgba(57,222,211,.15), transparent 32%), #09242b; }
.comparison-after > * { width: min(1376px, calc(100vw - 64px)); max-width: none; }

.blueprint { position: absolute; inset: 7%; opacity: .84; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 32px 32px; }
.blueprint::before { position: absolute; top: 50%; left: 50%; width: 55%; height: 58%; transform: translate(-50%,-50%) perspective(700px) rotateX(57deg) rotateZ(-27deg); border: 2px solid currentColor; box-shadow: 0 0 30px currentColor; content: ""; opacity: .5; }
.blueprint i { position: absolute; display: block; height: 1px; transform-origin: left; background: currentColor; box-shadow: 0 0 5px currentColor; }
.blueprint i:nth-child(1) { top: 25%; left: 20%; width: 52%; transform: rotate(21deg); }.blueprint i:nth-child(2) { top: 34%; left: 29%; width: 42%; transform: rotate(90deg); }
.blueprint i:nth-child(3) { top: 55%; left: 18%; width: 61%; transform: rotate(-18deg); }.blueprint i:nth-child(4) { top: 67%; left: 36%; width: 38%; transform: rotate(67deg); }
.blueprint i:nth-child(5) { top: 45%; left: 15%; width: 70%; transform: rotate(3deg); }.blueprint i:nth-child(6) { top: 29%; left: 58%; width: 31%; transform: rotate(128deg); }
.blueprint i:nth-child(7) { top: 72%; left: 25%; width: 45%; transform: rotate(-65deg); }.blueprint i:nth-child(8) { top: 47%; left: 52%; width: 35%; transform: rotate(-136deg); }
.blueprint-fragmented { color: rgba(238,112,92,.6); }.blueprint-fragmented i:nth-child(even) { transform: translate(18px,-14px) rotate(70deg); }
.blueprint-coordinated { color: rgba(69,224,211,.72); }.blueprint-coordinated i { opacity: .72; }

.comparison-label { position: absolute; z-index: 4; bottom: 40px; left: 40px; display: grid; gap: 6px; }
.comparison-label span { color: rgba(255,255,255,.66); font-family: "DM Mono", monospace; font-size: 10px; letter-spacing: .12em; }
.comparison-label strong { color: #fff; font-size: clamp(22px,2.5vw,38px); letter-spacing: -.04em; }
.comparison-label small { color: rgba(255,255,255,.66); font-size: 12px; }
.comparison-divider { position: absolute; z-index: 7; top: 0; bottom: 0; left: var(--comparison); width: 1px; pointer-events: none; }
.comparison-divider i { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 50px; height: 50px; transform: translate(-50%,-50%); border: 1px solid rgba(255,255,255,.3); border-radius: 50%; background: var(--v-lime); box-shadow: 0 10px 30px rgba(0,0,0,.25); color: var(--v-ink); font-style: normal; }
.comparison input { position: absolute; z-index: 8; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; }
.comparison-stage:focus-within { box-shadow: inset 0 0 0 3px var(--v-lime), 0 0 0 2px var(--v-ink); }
.comparison-metrics { display: grid; grid-template-columns: repeat(3,1fr); border-right: 1px solid var(--v-line-dark); border-bottom: 1px solid var(--v-line-dark); border-left: 1px solid var(--v-line-dark); }
.comparison-metrics div { display: grid; gap: 8px; padding: 24px 28px; border-right: 1px solid var(--v-line-dark); }
.comparison-metrics div:last-child { border: 0; }
.comparison-metrics span { color: rgba(255,255,255,.62); font-family: "DM Mono", monospace; font-size: 10px; text-transform: uppercase; }
.comparison-metrics strong { color: rgba(255,255,255,.84); font-size: 12px; }

.solutions { background: var(--v-paper-2); }
.solutions-intro { display: grid; grid-template-columns: 1.2fr .5fr; gap: 100px; align-items: end; }
.solutions-intro p { margin: 0; color: var(--v-muted); font-size: 15px; line-height: 1.75; }
.solution-list { margin-top: 70px; border-top: 1px solid var(--v-line); }
.solution-row { display: grid; grid-template-columns: 70px minmax(280px,.7fr) minmax(240px,.5fr) 38px; gap: 28px; align-items: center; min-height: 136px; border-bottom: 1px solid var(--v-line); transition: padding .4s var(--v-ease), background .3s ease; }
.solution-row:hover { padding-right: 22px; padding-left: 22px; background: rgba(255,255,255,.48); }
.solution-number { color: var(--v-teal); font-family: "DM Mono", monospace; font-size: 11px; }
.solution-row div { display: grid; gap: 6px; }
.solution-row small { color: var(--v-muted); font-family: "DM Mono", monospace; font-size: 8px; letter-spacing: .07em; text-transform: uppercase; }
.solution-row h3 { margin: 0; font-size: clamp(22px,2vw,31px); letter-spacing: -.045em; }
.solution-row p { margin: 0; color: var(--v-muted); font-size: 13px; line-height: 1.55; }
.solution-row > i { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--v-line); border-radius: 50%; font-style: normal; transition: transform .35s var(--v-ease), background .3s ease; }
.solution-row:hover > i { transform: rotate(45deg); background: var(--v-lime); }

.process-lab { background: var(--v-white); }
.process-layout { display: grid; grid-template-columns: .62fr 1.38fr; gap: clamp(50px,8vw,130px); }
.process-copy > p { max-width: 450px; margin: 25px 0 0; color: var(--v-muted); line-height: 1.7; }
.process-tabs { display: grid; margin-top: 48px; border-top: 1px solid var(--v-line); }
.process-tabs button { display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: center; min-height: 54px; padding: 0; border: 0; border-bottom: 1px solid var(--v-line); background: transparent; color: var(--v-muted); text-align: left; cursor: pointer; transition: color .25s ease, padding .3s var(--v-ease); }
.process-tabs button span { font-family: "DM Mono", monospace; font-size: 9px; }
.process-tabs button.active { padding-left: 12px; color: var(--v-ink); font-weight: 800; }
.process-tabs button.active span { color: var(--v-teal); }

.process-console { overflow: hidden; border: 1px solid var(--v-line); border-radius: 24px; background: var(--v-ink); box-shadow: var(--v-shadow); color: #fff; }
.console-top { display: flex; align-items: center; gap: 7px; min-height: 48px; padding: 0 18px; border-bottom: 1px solid var(--v-line-dark); }
.console-top span { margin-right: auto; }.console-top i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.18); }
.console-canvas { position: relative; height: 440px; overflow: hidden; background: radial-gradient(circle at center, rgba(35,193,188,.13), transparent 37%); }
.console-grid { position: absolute; inset: 0; opacity: .55; background-image: linear-gradient(rgba(79,223,213,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(79,223,213,.08) 1px, transparent 1px); background-size: 30px 30px; }
.console-building { position: absolute; top: 50%; left: 50%; width: 330px; height: 240px; transform: translate(-50%,-50%) perspective(800px) rotateX(61deg) rotateZ(-36deg); border: 1px solid rgba(57,222,211,.45); transition: transform .7s var(--v-ease); }
.console-building span { position: absolute; inset: calc(var(--i,0) * 12px); border: 1px solid rgba(57,222,211,calc(.7 - var(--i,0)*.1)); }
.console-building span:nth-child(1){--i:0}.console-building span:nth-child(2){--i:1}.console-building span:nth-child(3){--i:2}.console-building span:nth-child(4){--i:3}.console-building span:nth-child(5){--i:4}
.console-scan { position: absolute; z-index: 4; top: 0; right: 0; left: 0; height: 1px; background: var(--v-lime); box-shadow: 0 0 22px var(--v-lime); animation: console-scan 4s ease-in-out infinite; }
@keyframes console-scan { 0%,100% { top: 10%; opacity: 0; } 15%,85% { opacity: 1; } 50% { top: 88%; } }
.console-marker { position: absolute; z-index: 5; display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--v-teal-bright); border-radius: 50%; background: rgba(6,23,29,.85); color: var(--v-teal-bright); font-family: "DM Mono", monospace; font-size: 8px; box-shadow: 0 0 0 6px rgba(57,222,211,.07); }
.marker-a { top: 27%; left: 28%; }.marker-b { top: 43%; right: 25%; }.marker-c { right: 40%; bottom: 21%; }
.console-detail { display: grid; grid-template-columns: 100px minmax(170px,.7fr) minmax(240px,1fr); gap: 20px; align-items: start; min-height: 152px; padding: 24px; border-top: 1px solid var(--v-line-dark); }
.console-detail > span { padding-top: 5px; color: var(--v-teal-bright); }
.console-detail h3 { margin: 0; font-size: 19px; letter-spacing: -.03em; }
.console-detail p { margin: 0; color: rgba(255,255,255,.68); font-size: 12px; line-height: 1.6; }
.console-detail ul { grid-column: 3; margin: 0; padding: 0; list-style: none; }
.console-detail li { position: relative; padding: 0 0 9px 16px; color: rgba(255,255,255,.68); font-size: 11px; }
.console-detail li::before { position: absolute; top: 5px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--v-lime); content: ""; }
.process-console[data-step="1"] .console-building { transform: translate(-50%,-50%) perspective(800px) rotateX(55deg) rotateZ(-15deg) scale(.94); }
.process-console[data-step="2"] .console-building { transform: translate(-50%,-50%) perspective(800px) rotateX(68deg) rotateZ(-48deg) scale(1.04); }
.process-console[data-step="3"] .console-building { transform: translate(-50%,-50%) perspective(800px) rotateX(52deg) rotateZ(36deg) scale(.93); }
.process-console[data-step="4"] .console-building { transform: translate(-50%,-50%) perspective(800px) rotateX(72deg) rotateZ(-6deg) scale(1.1); }
.process-console[data-step="5"] .console-building { transform: translate(-50%,-50%) perspective(800px) rotateX(58deg) rotateZ(-28deg) scale(.86); }

.applications { background: var(--v-paper); }
.applications-heading { display: grid; grid-template-columns: 1.1fr .55fr; gap: 100px; align-items: end; }
.applications-heading p { margin: 0; color: var(--v-muted); font-size: 14px; line-height: 1.7; }
.application-grid { display: grid; grid-template-columns: 1.25fr .75fr; grid-template-rows: repeat(2, 310px); gap: 18px; margin-top: 64px; }
.application-card { position: relative; overflow: hidden; border-radius: 20px; background: var(--v-ink); color: #fff; }
.application-large { grid-row: 1 / span 2; }
.application-card::after { position: absolute; inset: 0; background: linear-gradient(to top, rgba(4,20,25,.94), rgba(4,20,25,.05) 65%); content: ""; }
.application-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--v-ease), filter .8s ease; }
.application-card:hover img { transform: scale(1.055); filter: saturate(1.15); }
.application-card > div { position: absolute; z-index: 2; right: 28px; bottom: 28px; left: 28px; }
.application-card span { color: var(--v-teal-bright); font-family: "DM Mono", monospace; font-size: 8px; letter-spacing: .1em; }
.application-card h3 { margin: 9px 0 6px; font-size: clamp(23px,2.4vw,37px); letter-spacing: -.045em; }
.application-card p { margin: 0; color: rgba(255,255,255,.58); font-size: 11px; }
.applications > .v-text-link { margin-top: 36px; }

.diagnostic-cta { position: relative; display: grid; grid-template-columns: 1.2fr .6fr; gap: 100px; align-items: center; overflow: hidden; background: var(--v-ink-2); color: #fff; }
.diagnostic-copy,.diagnostic-action { position: relative; z-index: 2; }
.diagnostic-copy > span { color: var(--v-lime); font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .1em; }
.diagnostic-copy h2 { max-width: 850px; margin-top: 22px; }
.diagnostic-copy p { max-width: 680px; margin: 24px 0 0; color: rgba(255,255,255,.55); line-height: 1.7; }
.diagnostic-action { display: grid; gap: 20px; padding: 30px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: rgba(255,255,255,.04); }
.diagnostic-action > div { display: grid; gap: 8px; }
.diagnostic-action small { color: rgba(255,255,255,.4); font-family: "DM Mono", monospace; font-size: 8px; letter-spacing: .07em; }
.diagnostic-action strong { color: #fff; font-size: 16px; }

/* Footer */
.v-footer { padding: 74px max(32px, calc((100vw - 1376px) / 2)) 28px; background: #041116; color: #fff; }
.v-footer-top { display: grid; grid-template-columns: .65fr 1fr .55fr; gap: 60px; align-items: center; padding-bottom: 54px; border-bottom: 1px solid var(--v-line-dark); }
.v-footer-brand { width: 180px; }.v-footer-top p { max-width: 500px; margin: 0; color: rgba(255,255,255,.52); font-size: 15px; line-height: 1.65; }
.v-footer-talk { display: inline-flex; justify-content: space-between; align-items: center; min-height: 54px; padding: 0 20px; border: 1px solid rgba(255,255,255,.2); border-radius: 12px; font-size: 13px; font-weight: 800; transition: background .3s ease, color .3s ease; }
.v-footer-talk:hover { background: var(--v-lime); color: var(--v-ink); }
.v-footer-links { display: grid; grid-template-columns: repeat(3,1fr); gap: 50px; padding: 52px 0; }
.v-footer-links > div { display: grid; align-content: start; gap: 10px; }
.v-footer-links small { margin-bottom: 12px; color: rgba(255,255,255,.3); font-family: "DM Mono", monospace; font-size: 8px; letter-spacing: .12em; }
.v-footer-links a,.v-footer-links span { width: max-content; color: rgba(255,255,255,.62); font-size: 12px; }
.v-footer-links a { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 0; }
.v-footer-links a:hover { color: var(--v-teal-bright); }
.v-footer-bottom { display: flex; justify-content: space-between; padding-top: 22px; border-top: 1px solid var(--v-line-dark); color: rgba(255,255,255,.58); font-family: "DM Mono", monospace; font-size: 10px; letter-spacing: .08em; }

/* Motion */
.motion-ready .reveal { opacity: 0; transform: translateY(32px); transition: opacity .8s var(--v-ease), transform .8s var(--v-ease); }
.motion-ready .reveal.is-visible { opacity: 1; transform: translateY(0); }

/* Responsive */
@media (max-width: 1180px) {
  :root { --v-container: calc(100vw - 36px); }
  .v-header { grid-template-columns: 170px 1fr auto; }
  .v-nav { gap: 16px; }
  .v-hero { grid-template-columns: .86fr 1.14fr; padding-right: 24px; padding-left: 24px; }
  .v-hero-copy { padding-right: 34px; }
  .v-hero h1 { font-size: clamp(50px,5.6vw,72px); }
  .digital-twin { max-width: 650px; }
  .model-scene { transform: translate(-50%, -50%) scale(.88) rotateX(var(--rot-x)) rotateZ(var(--rot-z)); }
  .v-section { padding-right: 32px; padding-left: 32px; }
  .coordination-lab,.diagnostic-cta,.v-footer { padding-right: 32px; padding-left: 32px; }
}

@media (max-width: 960px) {
  .v-header { grid-template-columns: 1fr auto auto; }
  .v-menu { position: relative; display: block; width: 46px; height: 46px; margin-right: 8px; border: 1px solid rgba(255,255,255,.14); border-radius: 11px; background: transparent; cursor: pointer; }
  .v-menu > span:not(.sr-only) { position: absolute; left: 13px; width: 18px; height: 1px; background: #fff; transition: transform .3s ease, top .3s ease; }
  .v-menu > span:first-child { top: 18px; }.v-menu > span:nth-child(2) { top: 26px; }
  .v-menu.is-open > span:first-child { top: 22px; transform: rotate(45deg); }.v-menu.is-open > span:nth-child(2) { top: 22px; transform: rotate(-45deg); }
  .v-nav { position: fixed; top: 86px; right: 18px; left: 18px; display: grid; gap: 0; padding: 18px; transform: translateY(-12px); border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: rgba(5,23,29,.97); box-shadow: 0 25px 70px rgba(0,0,0,.35); opacity: 0; visibility: hidden; pointer-events: none; }
  .v-nav.is-open { transform: translateY(0); opacity: 1; visibility: visible; pointer-events: auto; }
  .v-nav a { min-height: 48px; padding: 15px 10px; border-bottom: 1px solid rgba(255,255,255,.08); }
  .v-hero { grid-template-columns: 1fr; gap: 54px; min-height: auto; padding-top: 150px; padding-bottom: 100px; }
  .v-hero-copy { max-width: 800px; padding-right: 0; }
  .v-hero h1 { max-width: 820px; font-size: clamp(58px,9.2vw,88px); }
  .digital-twin { max-width: none; }
  .v-scroll-cue { display: none; }
  .manifesto-grid,.coordination-heading,.solutions-intro,.applications-heading,.diagnostic-cta { grid-template-columns: 1fr; gap: 38px; }
  .decision-grid { grid-template-columns: 1fr; }
  .decision-grid article { min-height: 180px; border-right: 0; border-bottom: 1px solid var(--v-line); }
  .decision-grid article:last-child { border-bottom: 0; }
  .process-layout { grid-template-columns: 1fr; }
  .process-tabs { grid-template-columns: repeat(3,1fr); gap: 8px; border: 0; }
  .process-tabs button { display: flex; min-height: 46px; padding: 0 10px; border: 1px solid var(--v-line); border-radius: 9px; }
  .process-tabs button.active { padding-left: 10px; border-color: var(--v-teal); }
  .application-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 430px 280px; }
  .application-large { grid-column: 1 / span 2; grid-row: 1; }
  .v-footer-top { grid-template-columns: 1fr 1fr; }.v-footer-top p { grid-column: 1 / span 2; grid-row: 2; }.v-footer-talk { grid-column: 2; grid-row: 1; }
}

@media (max-width: 680px) {
  :root { --v-container: calc(100vw - 22px); --v-radius: 19px; }
  .v-header { top: 9px; min-height: 58px; padding: 6px 7px 6px 14px; border-radius: 14px; }
  .v-brand { width: 125px; }
  .v-header-cta { width: 44px; min-height: 44px; padding: 0; }
  .v-header-cta span:first-child { display: none; }
  .v-menu { width: 44px; height: 44px; margin-right: 5px; }
  .v-nav { top: 74px; right: 11px; left: 11px; }
  .v-hero { gap: 40px; padding: 120px 16px 78px; }
  .v-status { margin-bottom: 22px; font-size: 9px; }
  .v-hero h1 { font-size: clamp(48px,14.6vw,66px); }
  .v-hero-copy > p { margin-top: 22px; font-size: 15px; }
  .v-hero-actions { align-items: stretch; flex-direction: column; gap: 14px; margin-top: 28px; }
  .v-button { width: 100%; }
  .v-text-link { width: max-content; }
  .v-hero-principles { display: grid; gap: 9px; margin-top: 32px; }
  .digital-twin { border-radius: 18px; }
  .digital-twin-topbar { min-height: 68px; padding: 12px 13px 11px 16px; }
  .model-explode span[data-explode-label] { display: none; }
  .model-toolbar { padding: 10px; }
  .model-viewport { height: 390px; }
  .model-scene { transform: translate(-50%, -48%) scale(.65) rotateX(var(--rot-x)) rotateZ(var(--rot-z)); }
  .model-coordinates { top: 12px; left: 12px; font-size: 7px; }
  .model-hint { right: 10px; bottom: 10px; }
  .model-readout { grid-template-columns: 52px 1fr; padding: 15px; }
  .signal-track { height: 42px; }
  .v-section { padding: 80px 18px; }
  .v-section-kicker { margin-bottom: 38px; }
  .manifesto-grid h2,.solutions-intro h2,.process-copy h2,.applications-heading h2,.diagnostic-copy h2,.coordination-heading h2 { font-size: clamp(38px,12vw,54px); }
  .decision-grid { margin-top: 52px; }
  .decision-grid article { min-height: 160px; padding: 25px 20px; }
  .decision-grid strong { margin-top: 28px; }
  .coordination-lab { padding-right: 18px; padding-left: 18px; }
  .comparison-stage { min-height: 430px; border-radius: 16px; }
  .comparison-label { bottom: 22px; left: 20px; }
  .comparison-label small { max-width: 220px; }
  .comparison-metrics { grid-template-columns: 1fr; }
  .comparison-metrics div { border-right: 0; border-bottom: 1px solid var(--v-line-dark); }
  .comparison-metrics div:last-child { border: 0; }
  .solution-row { grid-template-columns: 38px 1fr 34px; gap: 12px; min-height: 116px; }
  .solution-row p { display: none; }
  .solution-row:hover { padding-right: 8px; padding-left: 8px; }
  .process-tabs { display: flex; overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; }
  .process-tabs button { flex: 0 0 auto; min-width: 128px; }
  .console-canvas { height: 330px; }
  .console-building { transform: translate(-50%,-50%) perspective(800px) rotateX(61deg) rotateZ(-36deg) scale(.72); }
  .console-detail { grid-template-columns: 1fr; }
  .console-detail > span,.console-detail h3,.console-detail p,.console-detail ul { grid-column: 1; }
  .console-detail ul { margin-top: 4px; }
  .application-grid { grid-template-columns: 1fr; grid-template-rows: repeat(3,330px); }
  .application-large { grid-column: 1; grid-row: 1; }
  .diagnostic-cta { padding-right: 18px; padding-left: 18px; }
  .diagnostic-action { padding: 20px; }
  .v-footer { padding: 58px 18px 24px; }
  .v-footer-top { grid-template-columns: 1fr; gap: 28px; }.v-footer-top p,.v-footer-talk { grid-column: 1; grid-row: auto; }
  .v-footer-links { grid-template-columns: 1fr 1fr; }.v-footer-links > div:last-child { grid-column: 1 / span 2; }
  .v-footer-bottom { flex-direction: column; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .premium-site *, .premium-site *::before, .premium-site *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .signal-track { animation: none; }
  .model-hint { display: none; }
}

@media (prefers-contrast: more) {
  .v-hero-copy > p,.model-readout p,.coordination-heading p,.diagnostic-copy p { color: rgba(255,255,255,.82); }
  .v-nav a { color: rgba(255,255,255,.88); }
}

/* Premium internal pages */
.premium-inner { background: var(--v-paper); }
.premium-inner main { position: relative; overflow: hidden; }
.premium-inner h1,
.premium-inner h2,
.premium-inner h3,
.premium-inner p { margin-top: 0; }

.scope-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .5fr);
  gap: clamp(60px, 10vw, 160px);
  align-items: end;
  min-height: 760px;
  padding: 176px max(32px, calc((100vw - 1376px) / 2)) 105px;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 24%, rgba(57,222,211,.13), transparent 26%),
    linear-gradient(140deg, #07171c, #0a2730 72%, #07171c);
  color: #fff;
}

.scope-hero .v-hero-grid { opacity: .55; }
.scope-hero-copy,
.scope-hero-aside { position: relative; z-index: 2; }
.scope-hero-copy { max-width: 930px; }
.scope-step-label { margin: 0 0 22px; color: var(--v-teal-bright); font-family: "DM Mono",monospace; font-size: 9px; letter-spacing: .12em; }
.scope-hero h1 { max-width: 930px; margin: 0; font-size: clamp(56px, 7.1vw, 108px); font-weight: 600; letter-spacing: -.065em; line-height: .95; }
.scope-hero h1 em { color: var(--v-lime); font-style: normal; }
.scope-hero-copy > p:not(.scope-step-label) { max-width: 670px; margin: 30px 0 0; color: rgba(255,255,255,.6); font-size: 16px; line-height: 1.75; }
.scope-principles { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 58px; border: 1px solid var(--v-line-dark); background: var(--v-line-dark); }
.scope-principles div { display: grid; min-height: 128px; padding: 20px; background: rgba(7,23,28,.84); }
.scope-principles span { color: var(--v-teal-bright); font-family: "DM Mono",monospace; font-size: 9px; }
.scope-principles strong { align-self: end; font-size: 13px; }
.scope-principles small { margin-top: 5px; color: rgba(255,255,255,.64); font-size: 11px; line-height: 1.5; }

.scope-hero-aside { display: grid; justify-items: center; gap: 26px; padding: 42px 26px; border: 1px solid var(--v-line-dark); border-radius: 24px; background: rgba(255,255,255,.035); backdrop-filter: blur(12px); }
.scope-hero-aside > span,
.scope-hero-aside > small { color: rgba(255,255,255,.42); font-family: "DM Mono",monospace; font-size: 8px; letter-spacing: .1em; }
.scope-orbit { position: relative; display: grid; place-items: center; width: 230px; height: 230px; }
.scope-orbit::before,
.scope-orbit::after,
.scope-orbit i { position: absolute; border: 1px solid rgba(57,222,211,.3); border-radius: 50%; content: ""; }
.scope-orbit::before { inset: 10px; }
.scope-orbit::after { inset: 43px; border-color: rgba(199,255,74,.25); }
.scope-orbit i:nth-child(1) { inset: 72px; border-color: rgba(255,255,255,.18); }
.scope-orbit i:nth-child(2) { top: 4px; left: 50%; width: 8px; height: 8px; border: 0; background: var(--v-lime); box-shadow: 0 0 16px var(--v-lime); animation: orbit-pulse 2.2s ease-in-out infinite; }
.scope-orbit i:nth-child(3) { right: 30px; bottom: 32px; width: 6px; height: 6px; border: 0; background: var(--v-teal-bright); }
.scope-orbit b { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 50%; background: var(--v-lime); color: var(--v-ink); font-size: 25px; }
@keyframes orbit-pulse { 50% { transform: scale(1.7); opacity: .45; } }

.scope-workspace { background: var(--v-paper); }
.scope-layout { display: grid; grid-template-columns: minmax(0,1.38fr) minmax(310px,.62fr); gap: 22px; align-items: start; }
.scope-builder { overflow: hidden; border: 1px solid var(--v-line); border-radius: 24px; background: var(--v-white); box-shadow: 0 25px 70px rgba(3,18,23,.07); }
.scope-form-head { display: grid; grid-template-columns: 1fr 230px; gap: 30px; align-items: end; padding: 38px 40px; border-bottom: 1px solid var(--v-line); }
.scope-form-head span { color: var(--v-teal); font-family: "DM Mono",monospace; font-size: 8px; letter-spacing: .1em; }
.scope-form-head h2 { margin: 10px 0 0; font-size: clamp(30px,3vw,48px); letter-spacing: -.05em; line-height: 1.05; }
.scope-form-head p { margin: 0; color: var(--v-muted); font-size: 10px; line-height: 1.55; }
.scope-fieldset { min-width: 0; margin: 0; padding: 36px 40px 40px; border: 0; border-bottom: 1px solid var(--v-line); }
.scope-fieldset > legend { width: 100%; margin: 0; padding: 0 0 24px; color: var(--v-ink); font-size: 13px; font-weight: 800; }
.scope-fieldset > legend span { display: inline-grid; place-items: center; width: 31px; height: 22px; margin-right: 10px; border: 1px solid var(--v-line); border-radius: 999px; color: var(--v-teal); font-family: "DM Mono",monospace; font-size: 8px; }
.scope-fields { display: grid; gap: 21px; }
.scope-fields-two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.scope-field { display: grid; gap: 9px; color: var(--v-ink); font-size: 11px; font-weight: 800; }
.scope-field > span { letter-spacing: .01em; }
.scope-field b { color: var(--v-teal); }
.scope-field input,
.scope-field select,
.scope-field textarea,
.form-field input,
.form-field select,
.form-field textarea {
  width: 100%;
  min-height: 54px;
  padding: 0 15px;
  border: 1px solid rgba(7,23,28,.19);
  border-radius: 10px;
  outline: 0;
  background: #f8faf6;
  color: var(--v-ink);
  font-size: 12px;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.scope-field textarea,
.form-field textarea { min-height: 138px; padding-top: 14px; resize: vertical; }
.scope-field input:focus,
.scope-field select:focus,
.scope-field textarea:focus,
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus { border-color: var(--v-teal); background: #fff; box-shadow: 0 0 0 4px rgba(16,185,181,.1); }
.scope-field input::placeholder,
.scope-field textarea::placeholder,
.form-field input::placeholder,
.form-field textarea::placeholder { color: #95a09f; }
.scope-field-wide { margin-top: 24px; }
.scope-documents { min-width: 0; margin: 26px 0 0; padding: 0; border: 0; }
.scope-documents > legend { padding: 0 0 13px; color: var(--v-ink); font-size: 10px; font-weight: 800; }
.scope-check-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.scope-check-grid label { position: relative; display: flex; align-items: center; min-height: 48px; padding: 10px 12px; border: 1px solid var(--v-line); border-radius: 9px; background: #f8faf6; color: var(--v-muted); font-size: 11px; cursor: pointer; transition: border-color .2s, background .2s, color .2s; }
.scope-check-grid label:has(input:checked) { border-color: var(--v-teal); background: rgba(16,185,181,.08); color: var(--v-ink); }
.scope-check-grid input { flex: 0 0 auto; width: 15px; min-height: 0; height: 15px; margin: 0 8px 0 0; padding: 0; border: 0; background: transparent; box-shadow: none; accent-color: var(--v-teal); }
.scope-submit { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 32px 40px; }
.scope-submit > div { display: grid; gap: 6px; }
.scope-submit strong { font-size: 12px; }
.scope-submit small { color: var(--v-muted); font-size: 11px; }
.scope-submit-button { border: 0; }
.scope-form-status { min-height: 0; margin: -12px 40px 24px; color: var(--v-teal); font-size: 11px; font-weight: 700; }

.scope-summary { position: sticky; top: 104px; overflow: hidden; border: 1px solid var(--v-line-dark); border-radius: 22px; background: var(--v-ink); box-shadow: var(--v-shadow); color: #fff; }
.scope-summary-head { display: flex; align-items: center; justify-content: space-between; min-height: 54px; padding: 0 22px; border-bottom: 1px solid var(--v-line-dark); color: rgba(255,255,255,.64); font-family: "DM Mono",monospace; font-size: 10px; letter-spacing: .1em; }
.scope-summary-head i { width: 7px; height: 7px; border-radius: 50%; background: var(--v-lime); box-shadow: 0 0 12px var(--v-lime); }
.scope-summary-body { display: grid; grid-template-columns: 1fr auto; gap: 8px 18px; padding: 26px 22px; border-bottom: 1px solid var(--v-line-dark); }
.scope-summary-body small { color: rgba(255,255,255,.62); font-family: "DM Mono",monospace; font-size: 9px; letter-spacing: .08em; }
.scope-summary-body strong { text-align: right; font-size: 10px; }
.scope-summary-recommendation { display: grid; gap: 8px; padding: 22px; border-bottom: 1px solid var(--v-line-dark); background: rgba(57,222,211,.045); }
.scope-summary-recommendation small { color: var(--v-teal-bright); font-family: "DM Mono",monospace; font-size: 9px; letter-spacing: .08em; }
.scope-summary-recommendation strong { font-size: 14px; line-height: 1.35; }
.scope-summary-recommendation p { margin: 0; color: rgba(255,255,255,.65); font-size: 11px; line-height: 1.55; }
.scope-summary-route { padding: 25px 22px; }
.scope-summary-route > span { color: var(--v-teal-bright); font-family: "DM Mono",monospace; font-size: 8px; }
.scope-summary-route ol { display: grid; gap: 18px; margin: 24px 0 0; padding: 0; list-style: none; }
.scope-summary-route li { position: relative; display: grid; grid-template-columns: 15px 1fr; gap: 12px; }
.scope-summary-route li:not(:last-child)::after { position: absolute; top: 15px; bottom: -18px; left: 5px; width: 1px; background: rgba(57,222,211,.24); content: ""; }
.scope-summary-route li > i { z-index: 1; width: 11px; height: 11px; margin-top: 3px; border: 2px solid var(--v-teal-bright); border-radius: 50%; background: var(--v-ink); }
.scope-summary-route li div { display: grid; gap: 3px; }
.scope-summary-route strong { font-size: 12px; }
.scope-summary-route small { color: rgba(255,255,255,.6); font-size: 10px; }
.scope-summary-note { display: grid; grid-template-columns: 23px 1fr; gap: 10px; margin: 0 16px; padding: 16px; border-radius: 11px; background: rgba(255,255,255,.05); }
.scope-summary-note span { color: var(--v-lime); }
.scope-summary-note p { margin: 0; color: rgba(255,255,255,.62); font-size: 10px; line-height: 1.55; }
.scope-summary > .v-text-link { margin: 24px 22px 28px; color: #fff; font-size: 9px; }
.scope-next { background: var(--v-ink-2); }
.scope-next-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 110px; }
.scope-next-grid > h2 { max-width: 600px; margin: 0; font-size: clamp(42px,5vw,72px); letter-spacing: -.055em; line-height: 1; }
.scope-next-steps { border-top: 1px solid var(--v-line-dark); }
.scope-next-steps article { display: grid; grid-template-columns: 50px 1fr; gap: 20px; padding: 26px 0; border-bottom: 1px solid var(--v-line-dark); }
.scope-next-steps article > span { color: var(--v-teal-bright); font-family: "DM Mono",monospace; font-size: 9px; }
.scope-next-steps article div { display: grid; gap: 7px; }
.scope-next-steps strong { font-size: 15px; }
.scope-next-steps p { margin: 0; color: rgba(255,255,255,.64); font-size: 12px; line-height: 1.55; }

@media (max-width: 960px) {
  .scope-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 150px; }
  .scope-hero-aside { display: none; }
  .scope-layout { grid-template-columns: 1fr; }
  .scope-summary { position: relative; top: auto; }
  .scope-next-grid { grid-template-columns: 1fr; gap: 48px; }
}

@media (max-width: 680px) {
  .scope-hero { padding: 120px 18px 72px; }
  .scope-hero h1 { font-size: clamp(47px,14vw,66px); }
  .scope-principles { grid-template-columns: 1fr; }
  .scope-principles div { min-height: 100px; }
  .scope-form-head { grid-template-columns: 1fr; padding: 28px 22px; }
  .scope-fieldset { padding: 28px 22px 30px; }
  .scope-fields-two,.scope-check-grid { grid-template-columns: 1fr; }
  .scope-submit { align-items: stretch; flex-direction: column; padding: 28px 22px; }
  .scope-form-status { margin-right: 22px; margin-left: 22px; }
}

/* Shared editorial hero */
.inner-hero {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  min-height: 760px;
  padding: 176px max(32px, calc((100vw - 1376px) / 2)) 92px;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 22%, rgba(57,222,211,.14), transparent 28%),
    linear-gradient(145deg, #07171c 0%, #0b2932 68%, #07171c 100%);
  color: #fff;
}
.inner-hero > .inner-hero-grid:empty {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .38;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to bottom,#000,transparent 92%);
}
.inner-hero > .inner-hero-grid:not(:empty) {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(320px,.5fr);
  gap: clamp(70px,10vw,160px);
  align-items: end;
}
.inner-hero-copy { position: relative; z-index: 2; max-width: 930px; }
.inner-hero h1 { max-width: 980px; margin: 0; font-size: clamp(60px,7.35vw,112px); font-weight: 600; letter-spacing: -.067em; line-height: .94; }
.inner-hero h1 em { color: var(--v-lime); font-style: normal; }
.inner-hero-copy > p { max-width: 680px; margin: 30px 0 0; color: rgba(255,255,255,.6); font-size: 16px; line-height: 1.75; }
.inner-hero .v-text-link { color: rgba(255,255,255,.76); }
.inner-hero-panel,
.evidence-card,
.contact-direct,
.process-hero-card { position: relative; z-index: 2; padding: 32px; border: 1px solid var(--v-line-dark); border-radius: 20px; background: rgba(255,255,255,.045); box-shadow: 0 30px 80px rgba(0,0,0,.18); backdrop-filter: blur(12px); }
.panel-label,
.evidence-card > span,
.contact-direct > span,
.process-hero-card > span { color: var(--v-teal-bright); font-family: "DM Mono",monospace; font-size: 10px; letter-spacing: .12em; }
.inner-hero-panel > strong { display: block; margin-top: 48px; font-size: 25px; letter-spacing: -.035em; }
.inner-hero-panel > p,
.evidence-card > p,
.contact-direct > p { margin: 13px 0 0; color: rgba(255,255,255,.66); font-size: 13px; line-height: 1.65; }
.inner-hero-panel ul { display: grid; gap: 0; margin: 28px 0 0; padding: 0; border-top: 1px solid var(--v-line-dark); list-style: none; }
.inner-hero-panel li { display: grid; grid-template-columns: 34px 1fr; gap: 8px; padding: 13px 0; border-bottom: 1px solid var(--v-line-dark); color: rgba(255,255,255,.76); font-size: 12px; }
.inner-hero-panel li span { color: var(--v-teal-bright); font-family: "DM Mono",monospace; font-size: 8px; }
.anchor-rail { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4,1fr); margin-top: 74px; border-top: 1px solid var(--v-line-dark); border-bottom: 1px solid var(--v-line-dark); }
.anchor-rail a { display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: center; min-height: 62px; border-right: 1px solid var(--v-line-dark); color: rgba(255,255,255,.6); font-size: 10px; font-weight: 700; transition: color .2s,background .2s; }
.anchor-rail a:last-child { border: 0; }
.anchor-rail a:hover { padding-left: 13px; background: rgba(255,255,255,.04); color: #fff; }
.anchor-rail span { color: var(--v-teal-bright); font-family: "DM Mono",monospace; font-size: 8px; }

/* Solutions */
.service-detail { scroll-margin-top: 90px; background: var(--v-paper); }
.service-detail-tonal { background: var(--v-paper-2); }
.service-detail-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(380px,.92fr); gap: clamp(65px,9vw,140px); align-items: start; }
.service-detail-reverse .service-detail-copy { order: 2; }
.service-detail-reverse .deliverable-panel { order: 1; }
.service-detail-copy { padding-top: 16px; }
.service-signal { color: var(--v-teal); font-family: "DM Mono",monospace; font-size: 10px; letter-spacing: .12em; }
.service-detail-copy h2 { max-width: 760px; margin: 24px 0 0; font-size: clamp(40px,4.7vw,70px); font-weight: 600; letter-spacing: -.058em; line-height: 1.02; }
.service-detail-copy > p { max-width: 650px; margin: 28px 0 0; color: var(--v-muted); font-size: 15px; line-height: 1.75; }
.service-fit { margin-top: 52px; padding: 22px 0; border-top: 1px solid var(--v-line); border-bottom: 1px solid var(--v-line); }
.service-fit small { color: var(--v-teal); font-family: "DM Mono",monospace; font-size: 10px; letter-spacing: .1em; }
.service-fit p { margin: 10px 0 0; color: var(--v-muted); font-size: 13px; line-height: 1.65; }
.deliverable-panel { overflow: hidden; border: 1px solid var(--v-line); border-radius: 21px; background: var(--v-white); box-shadow: 0 28px 75px rgba(4,19,24,.08); }
.deliverable-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 58px; padding: 0 22px; border-bottom: 1px solid var(--v-line); }
.deliverable-panel-head span { color: var(--v-teal); font-family: "DM Mono",monospace; font-size: 10px; letter-spacing: .1em; }
.deliverable-panel-head small { color: var(--v-muted); font-size: 10px; }
.deliverable-list { margin: 0; padding: 0; list-style: none; }
.deliverable-list li { display: grid; grid-template-columns: 39px 1fr; gap: 13px; min-height: 105px; padding: 22px; border-bottom: 1px solid var(--v-line); }
.deliverable-list li:last-child { border: 0; }
.deliverable-list li > span { color: var(--v-teal); font-family: "DM Mono",monospace; font-size: 9px; }
.deliverable-list li > div { display: grid; align-content: start; gap: 6px; }
.deliverable-list strong { font-size: 14px; }
.deliverable-list p { margin: 0; color: var(--v-muted); font-size: 12px; line-height: 1.55; }
.dark-section .service-signal { color: var(--v-lime); }
.dark-section .service-detail-copy > p,
.dark-section .service-fit p { color: rgba(255,255,255,.53); }
.dark-section .service-fit { border-color: var(--v-line-dark); }
.dark-section .service-fit small { color: var(--v-teal-bright); }
.dark-section .deliverable-panel { border-color: var(--v-line-dark); background: rgba(255,255,255,.045); box-shadow: 0 30px 80px rgba(0,0,0,.2); }
.dark-section .deliverable-panel-head,
.dark-section .deliverable-list li { border-color: var(--v-line-dark); }
.dark-section .deliverable-panel-head span,
.dark-section .deliverable-list li > span { color: var(--v-teal-bright); }
.dark-section .deliverable-panel-head small,
.dark-section .deliverable-list p { color: rgba(255,255,255,.65); }
.operating-model { background: var(--v-ink-2); }
.operating-heading { display: grid; grid-template-columns: 1.2fr .5fr; gap: 100px; align-items: end; }
.operating-heading h2 { max-width: 900px; margin: 0; font-size: clamp(44px,5vw,76px); letter-spacing: -.06em; line-height: 1; }
.operating-heading p { margin: 0; color: rgba(255,255,255,.51); font-size: 13px; line-height: 1.75; }
.operating-flow { display: grid; grid-template-columns: 1fr 34px 1fr 34px 1fr 34px 1fr; align-items: center; margin-top: 72px; }
.operating-flow article { display: grid; min-height: 230px; padding: 25px; border: 1px solid var(--v-line-dark); background: rgba(255,255,255,.025); }
.operating-flow article > span { color: var(--v-teal-bright); font-family: "DM Mono",monospace; font-size: 9px; }
.operating-flow article small { align-self: end; color: rgba(255,255,255,.6); font-family: "DM Mono",monospace; font-size: 9px; letter-spacing: .1em; }
.operating-flow article strong { margin-top: 8px; font-size: 15px; }
.operating-flow article p { margin: 8px 0 0; color: rgba(255,255,255,.63); font-size: 11px; line-height: 1.55; }
.operating-flow > i { color: var(--v-lime); text-align: center; font-style: normal; }

/* Application studies */
.applications-hero { min-height: 800px; }
.evidence-card h2 { margin: 46px 0 0; font-size: 25px; letter-spacing: -.04em; line-height: 1.15; }
.evidence-card .v-text-link { margin-top: 28px; color: #fff; font-size: 9px; }
.application-legend { position: relative; z-index: 3; display: flex; gap: 35px; margin-top: 66px; padding-top: 20px; border-top: 1px solid var(--v-line-dark); color: rgba(255,255,255,.4); font-family: "DM Mono",monospace; font-size: 8px; letter-spacing: .08em; }
.application-legend span { display: flex; align-items: center; gap: 8px; }
.application-legend i { width: 6px; height: 6px; border-radius: 50%; background: var(--v-teal-bright); }
.application-legend span:nth-child(2) i { background: var(--v-lime); }
.application-legend span:nth-child(3) i { background: #ffb568; }
.study-section { scroll-margin-top: 80px; background: var(--v-paper); }
.study-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 65px; }
.study-card { overflow: hidden; border: 1px solid var(--v-line); border-radius: 22px; background: var(--v-white); box-shadow: 0 20px 65px rgba(3,18,23,.06); }
.study-card-wide { display: grid; grid-template-columns: 1.08fr .92fr; grid-column: 1 / span 2; }
.study-card figure { position: relative; min-height: 330px; margin: 0; overflow: hidden; background: var(--v-ink); }
.study-card-wide figure { min-height: 570px; }
.study-card figure::after { position: absolute; inset: 0; background: linear-gradient(to top,rgba(5,21,27,.6),transparent 50%); content: ""; }
.study-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--v-ease),filter .6s; }
.study-card:hover img { transform: scale(1.045); filter: saturate(1.08); }
.study-card figcaption { position: absolute; z-index: 2; bottom: 17px; left: 18px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.16); border-radius: 7px; background: rgba(4,20,25,.65); color: rgba(255,255,255,.65); font-family: "DM Mono",monospace; font-size: 7px; letter-spacing: .09em; }
.study-card-body { display: flex; flex-direction: column; padding: 32px; }
.study-card-head { display: flex; justify-content: space-between; gap: 15px; color: var(--v-teal); font-family: "DM Mono",monospace; font-size: 9px; letter-spacing: .08em; }
.study-card-head small { color: var(--v-muted); font-size: inherit; }
.study-card h3 { margin: 35px 0 26px; font-size: clamp(24px,2.5vw,38px); letter-spacing: -.05em; line-height: 1.08; }
.study-card dl { display: grid; gap: 0; margin: 0; }
.study-card dl div { display: grid; grid-template-columns: 105px 1fr; gap: 16px; padding: 14px 0; border-top: 1px solid var(--v-line); }
.study-card dt { color: var(--v-teal); font-family: "DM Mono",monospace; font-size: 9px; letter-spacing: .07em; text-transform: uppercase; }
.study-card dd { margin: 0; color: var(--v-muted); font-size: 12px; line-height: 1.55; }
.study-card .v-text-link { margin-top: auto; padding-top: 28px; font-size: 9px; }
.study-card-dark { border-color: var(--v-line-dark); background: var(--v-ink-2); color: #fff; }
.study-card-dark .study-card-head small,
.study-card-dark dd { color: rgba(255,255,255,.66); }
.study-card-dark dl div { border-color: var(--v-line-dark); }
.evidence-method { scroll-margin-top: 80px; background: var(--v-ink-2); }
.evidence-heading { display: grid; grid-template-columns: 1.2fr .5fr; gap: 100px; align-items: end; }
.evidence-heading h2 { margin: 0; font-size: clamp(44px,5.1vw,78px); letter-spacing: -.06em; line-height: 1; }
.evidence-heading p { margin: 0; color: rgba(255,255,255,.5); font-size: 13px; line-height: 1.75; }
.evidence-flow { display: grid; grid-template-columns: repeat(4,1fr); margin: 70px 0 0; padding: 0; border-top: 1px solid var(--v-line-dark); border-bottom: 1px solid var(--v-line-dark); list-style: none; }
.evidence-flow li { display: grid; grid-template-columns: 36px 1fr; gap: 12px; min-height: 210px; padding: 26px 20px; border-right: 1px solid var(--v-line-dark); }
.evidence-flow li:last-child { border: 0; }
.evidence-flow li > span { color: var(--v-teal-bright); font-family: "DM Mono",monospace; font-size: 8px; }
.evidence-flow li > div { display: grid; align-content: end; gap: 8px; }
.evidence-flow small { color: rgba(255,255,255,.6); font-family: "DM Mono",monospace; font-size: 9px; letter-spacing: .09em; }
.evidence-flow strong { font-size: 14px; }
.evidence-flow p { margin: 0; color: rgba(255,255,255,.63); font-size: 11px; line-height: 1.55; }
.evidence-principles { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 38px; }
.evidence-principles article { display: grid; min-height: 160px; padding: 22px; border: 1px solid var(--v-line-dark); border-radius: 13px; background: rgba(255,255,255,.025); }
.evidence-principles span { color: var(--v-lime); font-family: "DM Mono",monospace; font-size: 7px; }
.evidence-principles strong { align-self: end; font-size: 13px; }
.evidence-principles p { margin: 6px 0 0; color: rgba(255,255,255,.63); font-size: 11px; line-height: 1.55; }
.case-readiness { background: var(--v-paper-2); }
.case-readiness-grid { display: grid; grid-template-columns: 1.1fr .7fr; gap: 100px; align-items: start; }
.case-readiness h2 { margin: 0; font-size: clamp(42px,4.8vw,72px); letter-spacing: -.06em; line-height: 1; }
.case-readiness-grid > div:first-child p { max-width: 690px; margin: 27px 0 0; color: var(--v-muted); font-size: 13px; line-height: 1.75; }
.case-checklist { border-top: 1px solid var(--v-line); }
.case-checklist div { display: grid; grid-template-columns: 44px 1fr; gap: 15px; padding: 21px 0; border-bottom: 1px solid var(--v-line); }
.case-checklist span { color: var(--v-teal); font-family: "DM Mono",monospace; font-size: 8px; }
.case-checklist strong { font-size: 12px; }

/* Method and pricing */
.process-hero,
.contact-hero { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(320px,.45fr); gap: clamp(70px,10vw,160px); align-items: end; }
.process-hero-card > p { margin: 42px 0 8px; color: rgba(255,255,255,.52); font-size: 10px; }
.process-hero-card > strong { display: block; padding-bottom: 25px; border-bottom: 1px solid var(--v-line-dark); color: var(--v-lime); font-size: clamp(30px,2.55vw,38px); letter-spacing: -.05em; }
.process-hero-card > strong small { display: block; margin-top: 7px; color: rgba(255,255,255,.68); font-size: 11px; letter-spacing: 0; }
.process-hero-card > div { display: grid; gap: 4px; padding: 18px 0; border-bottom: 1px solid var(--v-line-dark); }
.process-hero-card > div b { font-size: 13px; }
.process-hero-card > div small { color: rgba(255,255,255,.4); font-size: 8px; line-height: 1.5; }
.process-hero-card > a { display: flex; justify-content: space-between; margin-top: 23px; color: var(--v-teal-bright); font-size: 9px; font-weight: 800; }
.work-sequence { background: var(--v-paper); }
.work-sequence-heading { display: grid; grid-template-columns: 1.15fr .45fr; gap: 100px; align-items: end; }
.work-sequence-heading h2 { margin: 0; font-size: clamp(43px,5vw,74px); letter-spacing: -.06em; line-height: 1; }
.work-sequence-heading p { margin: 0; color: var(--v-muted); font-size: 13px; line-height: 1.7; }
.work-steps { display: grid; grid-template-columns: repeat(5,1fr); margin: 70px 0 0; padding: 0; border-top: 1px solid var(--v-line); border-bottom: 1px solid var(--v-line); list-style: none; }
.work-step { display: grid; grid-template-rows: 1fr auto; min-height: 315px; padding: 25px; border-right: 1px solid var(--v-line); }
.work-step:last-child { border: 0; }
.work-step > span { color: var(--v-teal); font-family: "DM Mono",monospace; font-size: 9px; }
.work-step > div { display: grid; gap: 8px; }
.work-step small { color: var(--v-muted); font-family: "DM Mono",monospace; font-size: 7px; letter-spacing: .08em; }
.work-step h3 { margin: 0; font-size: 16px; letter-spacing: -.03em; }
.work-step p { margin: 5px 0 0; color: var(--v-muted); font-size: 12px; line-height: 1.55; }
.diagnostic-scope { scroll-margin-top: 80px; background: var(--v-ink-2); }
.diagnostic-scope-heading { display: grid; grid-template-columns: 1.15fr .55fr; gap: 100px; align-items: end; }
.scope-label { color: var(--v-teal-bright); font-family: "DM Mono",monospace; font-size: 8px; letter-spacing: .1em; }
.diagnostic-scope-heading h2 { margin: 20px 0 0; font-size: clamp(44px,5.1vw,76px); letter-spacing: -.06em; line-height: 1; }
.diagnostic-price { padding: 25px; border: 1px solid var(--v-line-dark); border-radius: 16px; background: rgba(255,255,255,.035); }
.diagnostic-price > small { color: rgba(255,255,255,.4); font-family: "DM Mono",monospace; font-size: 7px; }
.diagnostic-price > strong { display: block; margin: 13px 0 10px; color: var(--v-lime); font-size: clamp(30px,3vw,44px); letter-spacing: -.05em; }
.diagnostic-price > strong span { display: block; margin-top: 5px; color: rgba(255,255,255,.68); font-size: 12px; letter-spacing: 0; }
.diagnostic-price p { margin: 0; color: rgba(255,255,255,.64); font-size: 11px; line-height: 1.55; }
.scope-columns { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; margin-top: 65px; }
.scope-card { padding: 30px; border: 1px solid var(--v-line-dark); border-radius: 18px; background: rgba(255,255,255,.025); }
.scope-card-title { display: flex; align-items: center; gap: 13px; padding-bottom: 20px; border-bottom: 1px solid var(--v-line-dark); }
.scope-card-title > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--v-lime); color: var(--v-ink); font-size: 16px; }
.scope-excluded .scope-card-title > span { background: rgba(255,255,255,.1); color: rgba(255,255,255,.55); }
.scope-card-title h3 { margin: 0; font-size: 18px; }
.scope-card ul { display: grid; gap: 0; margin: 15px 0 0; padding: 0; list-style: none; }
.scope-card li { position: relative; padding: 12px 0 12px 18px; border-bottom: 1px solid rgba(255,255,255,.07); color: rgba(255,255,255,.68); font-size: 12px; line-height: 1.55; }
.scope-card li::before { position: absolute; top: 18px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--v-teal-bright); content: ""; }
.scope-excluded li::before { background: rgba(255,255,255,.25); }
.diagnostic-conditions { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 20px; border: 1px solid var(--v-line-dark); }
.diagnostic-conditions > div { display: grid; min-height: 155px; padding: 23px; border-right: 1px solid var(--v-line-dark); }
.diagnostic-conditions > div:last-child { border: 0; }
.diagnostic-conditions span { color: var(--v-teal-bright); font-family: "DM Mono",monospace; font-size: 7px; letter-spacing: .09em; }
.diagnostic-conditions strong { align-self: end; font-size: 13px; }
.diagnostic-conditions p { margin: 7px 0 0; color: rgba(255,255,255,.64); font-size: 11px; line-height: 1.55; }
.scope-note { margin: 21px 0 0; color: rgba(255,255,255,.6); font-size: 11px; line-height: 1.6; }
.pricing-reason { background: var(--v-paper-2); }
.pricing-reason-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 110px; }
.pricing-reason-copy h2 { margin: 0; font-size: clamp(43px,4.7vw,70px); letter-spacing: -.06em; line-height: 1; }
.pricing-reason-copy p { margin: 28px 0 0; color: var(--v-muted); font-size: 13px; line-height: 1.75; }
.pricing-factors { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--v-line); border-left: 1px solid var(--v-line); }
.pricing-factors article { display: grid; min-height: 210px; padding: 25px; border-right: 1px solid var(--v-line); border-bottom: 1px solid var(--v-line); }
.pricing-factors span { color: var(--v-teal); font-family: "DM Mono",monospace; font-size: 8px; }
.pricing-factors h3 { align-self: end; margin: 0; font-size: 15px; }
.pricing-factors p { margin: 7px 0 0; color: var(--v-muted); font-size: 11px; line-height: 1.55; }

/* Contact */
.contact-direct h2 { margin: 44px 0 0; font-size: 28px; letter-spacing: -.045em; }
.contact-direct .v-button { margin-top: 27px; }
.contact-direct > small { display: block; margin-top: 17px; color: rgba(255,255,255,.6); font-size: 10px; line-height: 1.55; }
.contact-workspace { background: var(--v-paper); }
.contact-workspace-grid { display: grid; grid-template-columns: minmax(300px,.55fr) minmax(0,1fr); gap: clamp(65px,9vw,135px); align-items: start; }
.contact-form-heading { position: sticky; top: 116px; }
.contact-form-heading > h2 { margin: 0; font-size: clamp(38px,4.2vw,64px); letter-spacing: -.06em; line-height: 1.02; }
.contact-form-heading > p { margin: 25px 0 0; color: var(--v-muted); font-size: 12px; line-height: 1.72; }
.contact-confidence { display: grid; margin-top: 45px; border-top: 1px solid var(--v-line); }
.contact-confidence article { display: grid; grid-template-columns: 38px 1fr; gap: 15px; padding: 20px 0; border-bottom: 1px solid var(--v-line); }
.contact-confidence article > span { color: var(--v-teal); font-family: "DM Mono",monospace; font-size: 8px; }
.contact-confidence article div { display: grid; gap: 5px; }
.contact-confidence strong { font-size: 11px; }
.contact-confidence p { margin: 0; color: var(--v-muted); font-size: 11px; line-height: 1.55; }
.premium-contact-form { padding: 36px; border: 1px solid var(--v-line); border-radius: 22px; background: var(--v-white); box-shadow: 0 27px 80px rgba(4,19,24,.08); }
.form-section-label { display: flex; align-items: center; gap: 12px; margin: 0 0 22px; padding-bottom: 16px; border-bottom: 1px solid var(--v-line); }
.form-section-label:not(:first-child) { margin-top: 38px; }
.form-section-label > span { display: grid; place-items: center; width: 31px; height: 22px; border: 1px solid var(--v-line); border-radius: 999px; color: var(--v-teal); font-family: "DM Mono",monospace; font-size: 8px; }
.form-section-label strong { font-size: 12px; }
.form-grid { display: grid; gap: 20px; }
.form-grid.two-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }
.form-field { display: grid; gap: 9px; color: var(--v-ink); font-size: 11px; font-weight: 800; }
.form-field > span b { color: var(--v-teal); }
.form-field > span small { color: var(--v-muted); font-size: 8px; font-weight: 500; }
.form-field-wide { margin-top: 21px; }
.form-submit-row { display: flex; align-items: center; gap: 22px; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--v-line); }
.form-submit-row button { flex: 0 0 auto; border: 0; }
.form-submit-row p { margin: 0; color: var(--v-muted); font-size: 10px; line-height: 1.5; }
.form-status { min-height: 15px; margin: 14px 0 0; color: var(--v-teal); font-size: 9px; font-weight: 700; }
.contact-alternatives { background: var(--v-ink-2); }
.contact-alternatives-grid { display: grid; grid-template-columns: 1fr .62fr .62fr; gap: 16px; align-items: stretch; }
.contact-alternatives-copy { padding-right: 55px; }
.contact-alternatives-copy h2 { margin: 0; font-size: clamp(40px,4.5vw,68px); letter-spacing: -.06em; line-height: 1; }
.contact-alternatives-copy p { margin: 25px 0 0; color: rgba(255,255,255,.66); font-size: 13px; line-height: 1.7; }
.contact-route { position: relative; display: grid; min-height: 270px; padding: 26px; border: 1px solid var(--v-line-dark); border-radius: 17px; background: rgba(255,255,255,.025); transition: transform .35s var(--v-ease),background .25s,border-color .25s; }
.contact-route:hover { transform: translateY(-6px); border-color: rgba(57,222,211,.42); background: rgba(57,222,211,.055); }
.contact-route > span { color: var(--v-teal-bright); font-family: "DM Mono",monospace; font-size: 7px; letter-spacing: .1em; }
.contact-route > strong { align-self: end; max-width: 240px; font-size: 19px; }
.contact-route > p { margin: 9px 0 0; color: rgba(255,255,255,.64); font-size: 11px; line-height: 1.55; }
.contact-route > i { position: absolute; top: 22px; right: 22px; color: var(--v-lime); font-style: normal; }

@media (max-width: 1100px) {
  .work-steps { grid-template-columns: repeat(3,1fr); }
  .work-step { border-bottom: 1px solid var(--v-line); }
  .work-step:nth-child(3) { border-right: 0; }
  .operating-flow { grid-template-columns: repeat(2,1fr); gap: 12px; }
  .operating-flow > i { display: none; }
}

@media (max-width: 960px) {
  .inner-hero { min-height: auto; padding-top: 150px; }
  .inner-hero > .inner-hero-grid:not(:empty),
  .process-hero,
  .contact-hero { grid-template-columns: 1fr; gap: 52px; }
  .inner-hero-panel,.evidence-card,.contact-direct,.process-hero-card { max-width: 640px; }
  .anchor-rail { grid-template-columns: repeat(2,1fr); }
  .anchor-rail a:nth-child(2) { border-right: 0; }
  .anchor-rail a:nth-child(-n+2) { border-bottom: 1px solid var(--v-line-dark); }
  .service-detail-grid { grid-template-columns: 1fr; }
  .service-detail-reverse .service-detail-copy,.service-detail-reverse .deliverable-panel { order: initial; }
  .operating-heading,.evidence-heading,.work-sequence-heading,.diagnostic-scope-heading,.pricing-reason-layout,.case-readiness-grid { grid-template-columns: 1fr; gap: 42px; }
  .study-card-wide { grid-template-columns: 1fr; }
  .study-card-wide figure { min-height: 430px; }
  .evidence-flow { grid-template-columns: repeat(2,1fr); }
  .evidence-flow li:nth-child(2) { border-right: 0; }
  .evidence-flow li:nth-child(-n+2) { border-bottom: 1px solid var(--v-line-dark); }
  .diagnostic-conditions { grid-template-columns: 1fr; }
  .diagnostic-conditions > div { min-height: 125px; border-right: 0; border-bottom: 1px solid var(--v-line-dark); }
  .contact-workspace-grid { grid-template-columns: 1fr; }
  .contact-form-heading { position: relative; top: auto; }
  .contact-alternatives-grid { grid-template-columns: repeat(2,1fr); }
  .contact-alternatives-copy { grid-column: 1 / span 2; padding: 0 0 30px; }
}

@media (max-width: 680px) {
  .inner-hero { padding: 120px 18px 70px; }
  .inner-hero h1 { font-size: clamp(48px,14vw,66px); }
  .inner-hero-copy > p { font-size: 14px; }
  .anchor-rail { margin-top: 48px; }
  .anchor-rail a { padding: 0 8px; font-size: 8px; }
  .service-detail-grid { gap: 48px; }
  .service-detail-copy h2 { font-size: clamp(38px,11.5vw,52px); }
  .deliverable-panel-head { align-items: flex-start; flex-direction: column; justify-content: center; }
  .deliverable-list li { padding: 20px 16px; }
  .operating-flow { grid-template-columns: 1fr; }
  .operating-flow article { min-height: 180px; }
  .study-grid { grid-template-columns: 1fr; }
  .study-card-wide { grid-column: 1; }
  .study-card figure,.study-card-wide figure { min-height: 300px; }
  .study-card-body { padding: 24px 20px; }
  .study-card dl div { grid-template-columns: 1fr; gap: 6px; }
  .evidence-flow,.evidence-principles { grid-template-columns: 1fr; }
  .evidence-flow li { min-height: 170px; border-right: 0; border-bottom: 1px solid var(--v-line-dark); }
  .evidence-principles article { min-height: 140px; }
  .application-legend { flex-wrap: wrap; gap: 15px 25px; }
  .work-steps { grid-template-columns: 1fr; }
  .work-step { min-height: 210px; border-right: 0; }
  .scope-columns,.pricing-factors { grid-template-columns: 1fr; }
  .diagnostic-price { padding: 20px; }
  .scope-card { padding: 22px; }
  .premium-contact-form { padding: 26px 20px; }
  .form-grid.two-columns { grid-template-columns: 1fr; }
  .form-submit-row { align-items: stretch; flex-direction: column; }
  .contact-alternatives-grid { grid-template-columns: 1fr; }
  .contact-alternatives-copy { grid-column: 1; }
}