:root {
  --paper: #eeede8;
  --paper-soft: #f6f5f1;
  --ink: #171923;
  --ink-soft: #535865;
  --line: rgba(28, 32, 45, 0.13);
  --night: #0b0e17;
  --night-soft: #121725;
  --lavender: #929bd7;
  --blue: #7187c6;
  --sage: #84a99d;
  --sand: #c7a477;
  --signal: #9da8e4;
  --shell: min(1240px, calc(100vw - 72px));
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  background: var(--paper);
  color: var(--ink);
  overflow-x: clip;
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: clip;
  background:
    radial-gradient(circle at 15% 8%, rgba(142, 157, 216, 0.09), transparent 26rem),
    var(--paper);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
h1, h2, h3, p { margin-top: 0; }
ul { margin: 0; padding: 0; list-style: none; }

.shell { width: var(--shell); margin-inline: auto; }
.section-space { position: relative; padding: 150px 0; }

.skip-link {
  position: fixed;
  z-index: 999;
  top: 12px;
  left: 12px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #fff;
  color: #111;
  transform: translateY(-160%);
  transition: transform 180ms ease;
}
.skip-link:focus { transform: translateY(0); }

.page-progress {
  position: fixed;
  z-index: 120;
  inset: 0 0 auto;
  height: 2px;
  background: rgba(255,255,255,0.06);
  pointer-events: none;
}
.page-progress i {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--lavender), var(--sand), var(--sage));
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

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

.pointer-light {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(circle, rgba(128,145,207,.13), rgba(128,145,207,0) 68%);
  transform: translate3d(calc(var(--pointer-x, -500px) - 50%), calc(var(--pointer-y, -500px) - 50%), 0);
  transition: opacity 400ms ease;
}
body.has-pointer .pointer-light { opacity: 1; }

.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 50%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  width: min(1460px, calc(100vw - 36px));
  min-height: 72px;
  padding: 0 24px;
  border: 1px solid transparent;
  border-radius: 0 0 18px 18px;
  transform: translateX(-50%);
  transition: background 350ms ease, border-color 350ms ease, box-shadow 350ms ease, min-height 350ms var(--ease-out);
}
.site-header.is-scrolled {
  min-height: 62px;
  border-color: rgba(255,255,255,.08);
  background: rgba(11,14,23,.78);
  box-shadow: 0 18px 50px rgba(0,0,0,.14);
  color: #f8f7f2;
  backdrop-filter: blur(22px) saturate(1.3);
}

.brand-lockup { display: inline-flex; align-items: center; gap: 12px; min-width: max-content; }
.brand-name { font-size: 15px; font-weight: 680; letter-spacing: -.02em; }
.brand-mark {
  display: inline-grid;
  width: 37px;
  height: 37px;
  place-items: center;
  border-radius: 50%;
  background: #111520;
  box-shadow: 0 8px 22px rgba(23,26,38,.18);
}
.brand-mark svg { width: 30px; height: 30px; overflow: visible; }
.mark-orbit { fill: none; stroke: rgba(255,255,255,.2); stroke-width: 1.2; }
.mark-glyph, .mark-cut { fill: none; stroke: #f8f7f2; stroke-linecap: round; stroke-linejoin: round; }
.mark-glyph { stroke-width: 3.3; }
.mark-cut { stroke: #8c98d2; stroke-width: 2.4; }
.mark-node { fill: #d0ad7d; }

.desktop-nav { display: flex; justify-content: center; gap: 26px; }
.desktop-nav a {
  position: relative;
  color: rgba(34,37,48,.66);
  font-size: 12px;
  letter-spacing: .04em;
}
.site-header.is-scrolled .desktop-nav a { color: rgba(255,255,255,.68); }
.desktop-nav a::after {
  position: absolute;
  right: 50%;
  bottom: -10px;
  left: 50%;
  height: 1px;
  background: currentColor;
  content: "";
  transition: left 280ms var(--ease-out), right 280ms var(--ease-out);
}
.desktop-nav a:hover::after { right: 0; left: 0; }
.header-proof { font-size: 10px; letter-spacing: .13em; color: rgba(38,41,53,.45); }
.site-header.is-scrolled .header-proof { color: rgba(255,255,255,.45); }

.menu-button {
  display: none;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: rgba(22,25,35,.07);
}
.menu-button span { display: block; width: 16px; height: 1px; margin: 4px auto; background: currentColor; transition: transform 240ms ease; }
.menu-button[aria-expanded="true"] span:first-child { transform: translateY(2.5px) rotate(45deg); }
.menu-button[aria-expanded="true"] span:last-child { transform: translateY(-2.5px) rotate(-45deg); }

.mobile-menu {
  position: fixed;
  z-index: 90;
  top: 64px;
  right: 18px;
  left: 18px;
  display: grid;
  gap: 1px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  background: rgba(12,15,24,.96);
  color: #fff;
  box-shadow: 0 24px 80px rgba(0,0,0,.25);
  backdrop-filter: blur(24px);
}
.mobile-menu[hidden] { display: none; }
.mobile-menu a { padding: 14px 16px; border-radius: 12px; font-size: 14px; }
.mobile-menu a:hover { background: rgba(255,255,255,.06); }

.section-index {
  margin-bottom: 24px;
  color: #6c7391;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.section-index-light { color: rgba(194,204,239,.72); }

.hero {
  position: relative;
  min-height: 1200px;
  padding: 130px 0 95px;
  overflow: clip;
}
.hero::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(42,46,60,.05) 50%, transparent calc(50% + .5px)),
    linear-gradient(rgba(42,46,60,.035) 1px, transparent 1px);
  background-size: 100% 100%, 100% 120px;
  content: "";
  pointer-events: none;
}
.hero-halo { position: absolute; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.hero-halo-one { top: 40px; left: -240px; width: 620px; height: 620px; background: radial-gradient(circle, rgba(136,151,209,.13), transparent 68%); }
.hero-halo-two { top: 120px; right: -180px; width: 560px; height: 560px; background: radial-gradient(circle, rgba(200,164,119,.1), transparent 68%); }
.hero-copy { position: relative; z-index: 2; max-width: 1160px; text-align: center; }

.release-pill {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 34px;
  padding: 8px 10px 8px 14px;
  border: 1px solid rgba(47,51,67,.13);
  border-radius: 999px;
  background: rgba(255,255,255,.46);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.74), 0 12px 30px rgba(47,51,67,.05);
  backdrop-filter: blur(10px);
}
.release-label, .release-text { font-size: 10px; letter-spacing: .1em; }
.release-label { color: #777e9b; }
.release-text { padding-left: 14px; border-left: 1px solid var(--line); color: #353948; font-weight: 650; }
.pill-arrow { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; background: #171a24; color: #fff; font-size: 12px; }

.hero-title {
  margin: 0 auto 38px;
  font-size: clamp(76px, 10.4vw, 152px);
  font-weight: 520;
  letter-spacing: -.075em;
  line-height: .88;
}
.hero-line { display: block; }
.hero-line-accent {
  padding-bottom: .08em;
  background: linear-gradient(100deg, #171923 2%, #6f789f 38%, #252837 61%, #ad895f 92%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: titleMetal 10s ease-in-out infinite alternate;
}
@keyframes titleMetal { to { background-position: 100% 50%; } }

.hero-statement { max-width: 780px; margin: 0 auto 20px; color: #2d313f; font-size: clamp(20px, 2vw, 28px); line-height: 1.55; letter-spacing: -.025em; }
.hero-description { max-width: 760px; margin: 0 auto; color: var(--ink-soft); font-size: 15px; line-height: 1.8; }
.hero-description strong { color: #242734; font-weight: 680; }
.hero-sectors { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 30px; }
.hero-sectors span { padding: 7px 11px; border: 1px solid rgba(46,50,64,.11); border-radius: 999px; background: rgba(255,255,255,.34); color: #656a78; font-size: 10px; letter-spacing: .04em; }

.hero-stage { position: relative; z-index: 4; margin-top: 65px; }
.system-stage {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 34px;
  background:
    radial-gradient(circle at 50% 42%, rgba(123,139,202,.18), transparent 22%),
    linear-gradient(145deg, #161a28 0%, #0a0d16 58%, #10131d 100%);
  box-shadow: 0 46px 120px rgba(19,22,33,.25), inset 0 1px 0 rgba(255,255,255,.08);
  color: #f7f6f1;
  transform: perspective(1600px) translate3d(0, var(--motion-stage-y, 0px), 0) scale(var(--motion-stage-scale, 1)) rotateX(var(--stage-tilt-x, 0deg)) rotateY(var(--stage-tilt-y, 0deg));
  transition: transform 700ms var(--ease-out);
}
.stage-topline { position: relative; z-index: 8; display: flex; justify-content: space-between; padding: 22px 26px; border-bottom: 1px solid rgba(255,255,255,.07); font-size: 10px; letter-spacing: .1em; }
.stage-topline span { display: flex; align-items: center; gap: 8px; }
.stage-topline i { width: 6px; height: 6px; border-radius: 50%; background: #78b19c; box-shadow: 0 0 14px #78b19c; }
.stage-topline em { color: rgba(255,255,255,.43); font-style: normal; }
.stage-field { position: relative; min-height: 502px; overflow: hidden; }
.living-orb-backdrop {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  overflow: hidden;
  isolation: isolate;
  background: #211920;
}
.living-orb-backdrop::before,
.living-orb-backdrop::after {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  content: "";
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.living-orb-backdrop::before {
  width: min(72vw, 850px);
  height: min(72vw, 850px);
  background: radial-gradient(circle, rgba(126, 116, 194, .12), rgba(86, 139, 156, .055) 42%, transparent 72%);
  filter: blur(90px);
  animation: livingAura 10s ease-in-out infinite;
}
.living-orb-backdrop::after {
  width: min(48vw, 610px);
  height: min(48vw, 610px);
  border: 1px solid rgba(255, 255, 255, .025);
  box-shadow: 0 0 170px rgba(117, 106, 203, .1), inset 0 0 120px rgba(122, 192, 180, .035);
  filter: blur(1px);
}
.living-orb-backdrop canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  touch-action: none;
  filter: blur(.65px) saturate(1.045);
}
.living-orb-fallback {
  background:
    radial-gradient(circle at 50% 50%, rgba(188, 112, 244, .86), rgba(57, 129, 198, .68) 15%, rgba(40, 34, 47, .96) 25%, transparent 26%),
    #211920;
}
@keyframes livingAura {
  0%, 100% { opacity: .62; transform: translate(-50%, -50%) scale(.9); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.08); }
}
.stage-grid, .field-grid { position: absolute; inset: 0; opacity: .24; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 44px 44px; mask-image: radial-gradient(circle at center, #000 14%, transparent 76%); }
.stage-field::after { position: absolute; inset: -25% 0 auto; height: 45%; background: linear-gradient(180deg, transparent, rgba(143,159,218,.12), transparent); content: ""; animation: stageScan 6s linear infinite; }
@keyframes stageScan { to { transform: translateY(620px); } }
.stage-beam { position: absolute; z-index: 1; height: 1px; opacity: .44; background: linear-gradient(90deg, transparent, #8394d3, transparent); transform-origin: left center; animation: beamPulse 3.8s ease-in-out infinite; }
.stage-beam-one { top: 36%; left: 25%; width: 26%; transform: rotate(8deg); }
.stage-beam-two { top: 38%; right: 25%; width: 26%; transform: rotate(172deg); transform-origin: right center; animation-delay: -1.4s; }
.stage-beam-three { right: 37%; bottom: 24%; width: 26%; transform: rotate(0deg); animation-delay: -2.3s; }
@keyframes beamPulse { 0%,100% { opacity:.18; filter: blur(.3px); } 50% { opacity:.72; filter: drop-shadow(0 0 8px #8394d3); } }

.stage-functional-layout {
  position: relative;
  z-index: 4;
  display: grid;
  min-height: 454px;
  padding: 30px 36px 52px;
  grid-template-columns: minmax(0, 1fr) 210px minmax(0, 1fr);
  align-items: center;
  gap: 24px;
}
.stage-function {
  position: relative;
  min-width: 0;
  min-height: 342px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 24px;
  background: rgba(17,21,34,.72);
  box-shadow: 0 22px 60px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.05);
  backdrop-filter: blur(18px);
}
.stage-function::before { position: absolute; inset: 0 0 auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(151,165,219,.6), transparent); content: ""; }
.stage-function-department { background: linear-gradient(155deg, rgba(31,37,57,.9), rgba(15,19,31,.75)); }
.stage-function-collaboration { background: linear-gradient(155deg, rgba(28,31,43,.88), rgba(15,18,28,.76)); }
.stage-function-collaboration::before { background: linear-gradient(90deg, transparent, rgba(201,168,124,.55), transparent); }
.stage-function header { min-height: 100px; margin-bottom: 20px; }
.stage-function header > span { display: block; margin-bottom: 11px; color: #929fd9; font-size: 8px; letter-spacing: .16em; }
.stage-function-collaboration header > span { color: #c0a17d; }
.stage-function h2 { margin: 0 0 9px; font-size: clamp(23px, 2.1vw, 31px); font-weight: 540; letter-spacing: -.045em; line-height: 1.05; }
.stage-function header p { max-width: 340px; margin: 0; color: rgba(255,255,255,.48); font-size: 11px; line-height: 1.55; }

.department-node-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.department-node {
  position: relative;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 13px;
  background: rgba(255,255,255,.026);
  animation: departmentPulse 8s ease-in-out infinite;
}
.department-node:nth-child(2) { animation-delay: -6.4s; }
.department-node:nth-child(3) { animation-delay: -4.8s; }
.department-node:nth-child(4) { animation-delay: -3.2s; }
.department-node:nth-child(5) { animation-delay: -1.6s; }
.department-node:nth-child(6) { animation-delay: -.8s; }
.department-node-wide { grid-column: 1 / -1; }
.department-node span { display: block; margin-bottom: 5px; color: #aab5e8; font-size: 10px; font-weight: 680; }
.department-node strong { display: block; overflow: hidden; color: rgba(255,255,255,.66); font-size: 9px; font-weight: 460; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
@keyframes departmentPulse { 0%,18%,100% { border-color: rgba(255,255,255,.075); background: rgba(255,255,255,.026); box-shadow: none; } 9% { border-color: rgba(151,165,219,.38); background: rgba(130,146,207,.09); box-shadow: 0 0 28px rgba(117,136,204,.09); } }

.coordination-capability-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.coordination-capability-grid article {
  position:relative;
  min-width:0;
  min-height:78px;
  overflow:hidden;
  padding:13px 12px 11px 16px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
  animation:capabilityGlow 7.2s ease-in-out infinite;
}
.coordination-capability-grid article:nth-child(2) { animation-delay:-5.4s; }
.coordination-capability-grid article:nth-child(3) { animation-delay:-3.6s; }
.coordination-capability-grid article:nth-child(4) { animation-delay:-1.8s; }
.coordination-capability-grid article::before { position:absolute; top:16px; left:7px; width:4px; height:4px; border-radius:50%; background:#c3a77e; box-shadow:0 0 10px rgba(195,167,126,.72); content:""; }
.coordination-capability-grid article::after { position:absolute; top:0; left:-45%; width:45%; height:1px; background:linear-gradient(90deg,transparent,#d5c3a5,transparent); content:""; animation:capabilityScan 7.2s ease-in-out infinite; }
.coordination-capability-grid article:nth-child(2)::after { animation-delay:-5.4s; }
.coordination-capability-grid article:nth-child(3)::after { animation-delay:-3.6s; }
.coordination-capability-grid article:nth-child(4)::after { animation-delay:-1.8s; }
.coordination-capability-grid strong { display:block; margin-bottom:6px; color:rgba(255,255,255,.9); font-size:11.5px; font-weight:620; line-height:1.35; }
.coordination-capability-grid p { margin:0; color:rgba(255,255,255,.53); font-size:9px; line-height:1.5; }
@keyframes capabilityGlow { 0%,22%,100% { border-color:rgba(255,255,255,.075); background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018)); box-shadow:none; } 11% { border-color:rgba(204,177,139,.3); background:linear-gradient(145deg,rgba(180,151,113,.09),rgba(255,255,255,.02)); box-shadow:0 0 28px rgba(180,151,113,.07); } }
@keyframes capabilityScan { 0%,22%,100% { transform:translateX(0); opacity:0; } 6% { opacity:.75; } 18% { transform:translateX(310%); opacity:0; } }

.system-core {
  position: relative;
  z-index: 5;
  display: grid;
  width: 210px;
  height: 210px;
  place-items: center;
  justify-self: center;
  border-radius: 50%;
  transform: scale(var(--core-scale, 1));
  filter: drop-shadow(0 30px 70px rgba(0,0,0,.18));
}
.core-orbit, .field-orbit { position: absolute; inset: 5%; border: 1px solid rgba(151,165,219,.24); border-radius: 48% 52% 45% 55% / 52% 43% 57% 48%; animation: orbitSpin 13s linear infinite; }
.core-orbit-two, .field-orbit.orbit-two { inset: 12%; border-color: rgba(203,168,124,.2); animation-duration: 17s; animation-direction: reverse; }
.core-orbit-three, .field-orbit.orbit-three { inset: 24%; border-color: rgba(125,173,158,.23); animation-duration: 9s; }
@keyframes orbitSpin { to { transform: rotate(360deg); } }
.core-organism, .field-organism { position: absolute; inset: 28%; border: 1px solid rgba(255,255,255,.15); border-radius: 43% 57% 51% 49% / 45% 43% 57% 55%; animation: organismMorph 8s ease-in-out infinite alternate; }
.core-organism::after, .field-organism::after { position: absolute; inset: 25%; border-radius: 50%; background: rgba(151,164,218,.52); box-shadow: 0 0 32px rgba(151,164,218,.6); content: ""; }
.core-organism i, .field-organism i { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #c3c9ed; box-shadow: 0 0 12px currentColor; }
.core-organism i:nth-child(1), .field-organism i:nth-child(1) { top: 12%; left: 36%; }
.core-organism i:nth-child(2), .field-organism i:nth-child(2) { top: 48%; right: 4%; background: #d1ab7c; }
.core-organism i:nth-child(3) { right: 25%; bottom: 4%; background: #7fb2a2; }
@keyframes organismMorph { 0% { border-radius: 43% 57% 51% 49% / 45% 43% 57% 55%; transform: rotate(-8deg) scale(.92); } 100% { border-radius: 57% 43% 39% 61% / 56% 59% 41% 44%; transform: rotate(15deg) scale(1.08); } }
.core-copy { position:relative; z-index:4; width:190px; padding:0; border:0; background:transparent; text-align:center; box-shadow:none; text-shadow:0 2px 22px rgba(4,6,12,.9); backdrop-filter:none; }
.core-copy small { display: block; margin-bottom: 10px; color: #9ea9df; font-size: 8px; letter-spacing: .12em; }
.core-copy strong { display: block; margin-bottom: 7px; font-size: 16px; line-height: 1.35; }
.core-copy p { margin: 0; color: rgba(255,255,255,.48); font-size: 9px; letter-spacing: .05em; }
.stage-shared-foundation { position: absolute; z-index: 6; right: 0; bottom: 18px; left: 0; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; color: rgba(255,255,255,.42); font-size: 9px; letter-spacing: .06em; }
.stage-shared-foundation i { width: 6px; height: 6px; border-radius: 50%; background: #78b19c; box-shadow: 0 0 14px #78b19c; }
.scroll-cue { position: absolute; z-index: 5; bottom: 48px; left: 50%; display: grid; gap: 9px; justify-items: center; color: #777b87; font-size: 9px; letter-spacing: .13em; transform: translateX(-50%); }
.scroll-cue i { width: 1px; height: 34px; background: linear-gradient(#7d8290, transparent); animation: cueMove 2.1s ease-in-out infinite; }
@keyframes cueMove { 50% { transform: translateY(8px); opacity: .45; } }

.vision-section { padding: 110px 0; background: var(--paper-soft); }
.vision-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 50px 84px; }
.vision-heading h2, .section-heading h2, .showcase-heading h2, .proof-heading h2, .field-heading h2 { margin-bottom: 0; font-size: clamp(48px, 6vw, 86px); font-weight: 510; letter-spacing: -.06em; line-height: 1.03; }
.vision-copy { align-self: end; max-width: 520px; color: #5a5f6d; font-size: 17px; line-height: 1.85; }
.vision-copy p:last-child { margin-bottom: 0; color: #272b38; font-size: 21px; }
.paradigm-shift { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 110px 1fr; align-items: stretch; gap: 18px; }
.paradigm-shift article { min-height: 290px; padding: 36px; border: 1px solid var(--line); border-radius: 28px; }
.paradigm-old { position:relative; overflow:hidden; background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(247,242,238,.56)); color:#555a68; box-shadow:inset 0 0 0 1px rgba(149,94,76,.04); }
.paradigm-old::before { position:absolute; top:0; right:0; bottom:0; width:4px; background:linear-gradient(180deg,transparent,#b36b55 28%,#b36b55 72%,transparent); content:""; opacity:.72; }
.paradigm-new { background: linear-gradient(145deg, #171b29, #0c0f19); color: #f5f4ef; box-shadow: 0 30px 80px rgba(15,18,28,.17); }
.paradigm-state { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:34px; padding-bottom:28px; border-bottom:1px solid rgba(92,97,111,.17); }
.paradigm-state strong { color:#242833; font-size:clamp(64px,6.4vw,92px); font-weight:500; letter-spacing:-.09em; line-height:.82; }
.paradigm-state span { width:max-content; margin-bottom:4px; padding:7px 10px; border:1px solid rgba(71,76,92,.11); border-radius:999px; background:rgba(231,232,235,.72); color:#515769; font-size:9px; font-weight:680; letter-spacing:.12em; }
.paradigm-new .paradigm-state { border-color:rgba(255,255,255,.1); }
.paradigm-new .paradigm-state strong { color:#b6c0f0; }
.paradigm-new .paradigm-state span { border-color:rgba(159,173,226,.18); background:rgba(135,151,211,.09); color:#aeb8e7; }
.paradigm-shift h3 { max-width: 460px; margin-bottom: 30px; font-size: 28px; font-weight: 560; letter-spacing: -.04em; line-height: 1.25; }
.paradigm-old h3 { color:#3d3434; }
.paradigm-shift li { padding: 11px 0; border-top: 1px solid currentColor; border-color: rgba(128,132,145,.18); font-size: 13px; line-height:1.5; }
.paradigm-old li::before { display:inline-block; width:5px; height:5px; margin:0 10px 2px 0; border-radius:50%; background:#a45f4b; box-shadow:0 0 12px rgba(164,95,75,.28); content:""; }
.paradigm-capabilities li { display:grid; grid-template-columns:118px 1fr; gap:18px; align-items:start; }
.paradigm-capabilities li strong { color:#dbe0fb; font-size:12px; font-weight:650; }
.paradigm-capabilities li span { color:rgba(255,255,255,.62); }
.paradigm-transfer { display: grid; grid-template-rows: 1fr auto 1fr; place-items: center; color: #6f789d; }
.paradigm-transfer i { width: 1px; height: 100%; background: linear-gradient(transparent, #9ca4c6, transparent); }
.paradigm-transfer strong { display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(108,119,159,.3); border-radius: 50%; background: var(--paper); font-size: 18px; }
.vision-endline { grid-column: 1 / -1; max-width: 940px; margin: 10px auto 0; text-align: center; color: #252936; font-size: clamp(24px, 3vw, 42px); letter-spacing: -.04em; line-height: 1.45; }
.thesis-proof-intro { grid-column:1/-1; display:grid; grid-template-columns:280px 1fr; gap:36px; align-items:start; margin-top:8px; padding:26px 30px; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.4); }
.thesis-proof-intro div { display:grid; gap:7px; }
.thesis-proof-intro span { color:#7b829c; font-size:8px; letter-spacing:.14em; }
.thesis-proof-intro strong { color:#242936; font-size:21px; font-weight:600; letter-spacing:-.03em; }
.thesis-proof-intro p { max-width:820px; margin:0; color:#5c6270; font-size:13px; line-height:1.75; }
.thesis-proof-strip { grid-column: 1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; overflow:hidden; scroll-margin-top:92px; border:1px solid var(--line); border-radius:24px; background:var(--line); }
.thesis-proof-strip a { position:relative; min-height:310px; padding:24px 24px 58px; background:rgba(255,255,255,.7); transition:background 350ms ease, transform 450ms var(--ease-out); }
.thesis-proof-strip a:hover { z-index:2; background:#fff; transform:translateY(-3px); }
.proof-source { display:grid; gap:5px; min-height:60px; padding-bottom:15px; border-bottom:1px solid rgba(88,94,111,.14); }
.proof-source strong { display:block; margin:0; color:#1d2230; font-size:18px; font-weight:680; letter-spacing:-.035em; line-height:1.2; }
.proof-source span { display:block; min-height:0; color:#68718e; font-size:10px; font-weight:560; letter-spacing:.075em; line-height:1.35; }
.thesis-proof-strip .proof-value { display:block; margin:18px 0 11px; color:#1f2430; font-size:50px; font-weight:510; letter-spacing:-.055em; }
.thesis-proof-strip p { min-height:48px; margin-bottom:14px; color:#2d3140; font-size:13px; font-weight:620; line-height:1.55; }
.thesis-proof-strip b { display:block; padding-top:13px; border-top:1px solid rgba(88,94,111,.12); color:#59627e; font-size:11px; font-weight:580; line-height:1.55; }
.thesis-proof-strip em { position:absolute; right:24px; bottom:20px; left:24px; color:#777c88; font-size:8px; font-style:normal; line-height:1.45; }
.phase-transition { grid-column:1/-1; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:30px; min-height:100px; margin-top:10px; padding:20px 30px; border:1px solid #1f2432; border-radius:24px; background:linear-gradient(135deg,#131722,#090c13); color:#f5f4ef; box-shadow:0 28px 70px rgba(22,25,37,.13); }
.phase-transition span { color:#98a4d9; font-size:9px; letter-spacing:.14em; }
.phase-transition strong { font-size:clamp(22px,3vw,38px); font-weight:510; letter-spacing:-.04em; }
.phase-transition i { display:grid; width:42px; height:42px; place-items:center; border:1px solid rgba(255,255,255,.13); border-radius:50%; color:#a9b2df; font-style:normal; }

.position-section { overflow: clip; background: linear-gradient(145deg, #0b0e17 0%, #111624 55%, #090c14 100%); color: #f4f3ee; }
.position-marquee { position: absolute; top: 34px; left: 0; width: 100%; overflow: hidden; color: rgba(255,255,255,.18); }
.position-marquee div { display: flex; width: max-content; align-items: center; gap: 30px; animation: marquee 30s linear infinite; }
.position-marquee span { font-size: 10px; letter-spacing: .22em; }
.position-marquee i { width: 4px; height: 4px; border-radius: 50%; background: #8795d3; }
@keyframes marquee { to { transform: translateX(-50%); } }
.position-layout { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 60px; }
.position-copy h2 { margin-bottom: 32px; font-size: clamp(52px, 6vw, 86px); font-weight: 450; letter-spacing: -.06em; line-height: 1.05; }
.position-copy h2 strong { color: #a6afe2; font-weight: 540; }
.position-copy > p:not(.section-index) { max-width: 520px; color: rgba(255,255,255,.52); font-size: 16px; line-height: 1.8; }
.position-copy > .position-rationale { position:relative; isolation:isolate; overflow:hidden; max-width:560px; margin:0 0 24px; padding:20px 22px 20px 25px; border:1px solid rgba(166,175,226,.24); border-radius:18px; background:linear-gradient(135deg,rgba(132,145,205,.13),rgba(255,255,255,.025)); color:#fff; box-shadow:0 20px 55px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.05); }
.position-rationale::before { position:absolute; z-index:-1; top:0; bottom:0; left:-38%; width:38%; background:linear-gradient(90deg,transparent,rgba(184,194,240,.12),transparent); content:""; animation:rationaleScan 6.8s var(--ease-out) infinite; }
.position-rationale::after { position:absolute; top:17px; bottom:17px; left:0; width:2px; border-radius:2px; background:linear-gradient(#c9d0f5,#8796db); box-shadow:0 0 20px rgba(154,169,229,.55); content:""; }
.position-rationale span { display:block; margin-bottom:9px; color:#aab5e8; font-size:9px; font-weight:650; letter-spacing:.15em; }
.position-rationale strong { display:block; color:rgba(247,247,251,.88); font-size:15.5px; font-weight:520; line-height:1.78; }
@keyframes rationaleScan { 0%,52%,100% { transform:translateX(0); opacity:0; } 58% { opacity:.85; } 74% { transform:translateX(365%); opacity:0; } }
.position-orbit { position: relative; min-height: 660px; overflow:hidden; border-radius:30px; }
.position-living-orb { border-radius:inherit; }
.position-core { position:absolute; z-index:3; top:50%; left:50%; display:grid; width:220px; min-height:120px; padding:0; place-content:center; border:0; background:transparent; text-align:center; text-shadow:0 2px 24px rgba(4,6,12,.92); transform:translate(-50%,-50%) scale(var(--motion-position-core-scale,1)); box-shadow:none; backdrop-filter:none; }
.position-core span { margin-bottom: 9px; color: #9ba7dd; font-size: 9px; letter-spacing: .14em; }
.position-core strong { font-size: 21px; line-height: 1.35; }
.position-node { position: absolute; z-index: 5; display: flex; width: 170px; align-items: center; gap: 12px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: rgba(18,23,37,.72); backdrop-filter: blur(14px); }
.position-node span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: rgba(147,161,220,.14); color: #a7b0df; font-size: 9px; }
.position-node strong { font-size: 13px; font-weight: 580; }
.node-one { top: 14%; left: 5%; }
.node-two { top: 16%; right: 0; }
.node-three { right: 4%; bottom: 14%; }
.node-four { bottom: 12%; left: 4%; }
.position-ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(140,155,215,.18); border-radius: 48% 52% 50% 50%; transform: translate(-50%,-50%); animation: orbitSpin 25s linear infinite; }
.ring-one { width: 510px; height: 510px; }
.ring-two { width: 380px; height: 380px; border-color: rgba(203,170,128,.12); animation-direction: reverse; animation-duration: 19s; }
.position-outcomes { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,1fr); margin-top: 30px; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
.position-outcomes span { padding: 18px 16px; border-right: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.6); text-align: center; font-size: 11px; }
.position-outcomes span:last-child { border-right: 0; }
.phase-audience { grid-column:1/-1; display:grid; grid-template-columns:150px 1fr; align-items:start; gap:28px; margin-top:22px; padding:24px 26px; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); }
.phase-audience > span { padding-top:10px; color:#98a4d9; font-size:9px; letter-spacing:.14em; }
.audience-list { display:flex; flex-wrap:wrap; gap:9px; }
.audience-list strong { padding:10px 13px; border:1px solid rgba(166,175,226,.17); border-radius:999px; background:rgba(151,164,218,.065); color:rgba(255,255,255,.82); font-size:13px; font-weight:540; letter-spacing:-.01em; }

.capabilities-section { background: var(--paper); }
.section-heading { max-width: 900px; margin-bottom: 90px; }
.section-heading h2 { margin-bottom: 28px; }
.section-heading > p:last-child { max-width: 680px; color: var(--ink-soft); font-size: 17px; }
.architecture-layout { display: grid; grid-template-columns: .84fr 1.16fr; gap: 70px; align-items: start; }
.architecture-visual { position: sticky; top: 120px; display: grid; min-height: 610px; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 30px; background:#211920; color:#f5f4ef; box-shadow:0 34px 90px rgba(31,24,31,.2); }
.architecture-visual::before { position: absolute; z-index:1; inset: 0; opacity: .26; 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:36px 36px; content:""; pointer-events:none; }
.architecture-living-orb { border-radius:inherit; }
.architecture-orb { position:relative; z-index:3; display:grid; width:190px; min-height:132px; padding:0; place-content:center; border:0; background:transparent; box-shadow:none; text-align:center; text-shadow:0 2px 24px rgba(4,6,12,.92); backdrop-filter:none; }
.architecture-orb strong { position: relative; z-index: 4; font-size: 68px; font-weight: 460; letter-spacing: -.06em; line-height: 1; }
.architecture-orb small { position: relative; z-index: 4; margin-top: 13px; color: rgba(255,255,255,.64); font-size: 12px; }
.architecture-wave { position: absolute; inset: 8%; border: 1px solid rgba(118,134,194,.25); border-radius: 42% 58% 53% 47% / 56% 44% 56% 44%; animation: orbitSpin 16s linear infinite; }
.architecture-wave.wave-two { inset: 17%; border-color: rgba(193,153,105,.24); animation-direction: reverse; animation-duration: 13s; }
.architecture-wave.wave-three { inset: 28%; border-color: rgba(102,153,139,.24); animation-duration: 9s; }
.architecture-rail { position: absolute; z-index:4; right: 22px; top: 40px; bottom: 40px; width: 2px; overflow: hidden; background: rgba(255,255,255,.1); }
.architecture-rail i { display: block; width: 100%; height: 100%; background: linear-gradient(#7f8dcc,#c59e72,#7ba698); transform: scaleY(.05); transform-origin: top; }
.architecture-visual > p { position: absolute; z-index:4; bottom: 35px; margin: 0; color: rgba(255,255,255,.52); font-size: 10px; letter-spacing: .08em; }
.architecture-stories { display: grid; gap: 48px; padding-bottom: 20vh; }
.capability-story { min-height: 0; padding: 42px; border: 1px solid var(--line); border-radius: 28px; background: rgba(255,255,255,.38); opacity: .44; transform: scale(.965); transition: opacity 650ms var(--ease-out), transform 650ms var(--ease-out), background 650ms ease, box-shadow 650ms ease; }
.capability-story.is-active { opacity: 1; transform: scale(1); background: rgba(255,255,255,.74); box-shadow: 0 30px 80px rgba(33,38,56,.08); }
.capability-story header { display: flex; align-items: center; gap: 18px; margin-bottom: 52px; }
.capability-story header span { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: #727b9e; font-size: 10px; }
.capability-story header p { margin: 0; color: #565d74; font-size: 11px; letter-spacing: .1em; }
.capability-story h3 { max-width: 620px; margin-bottom: 30px; font-size: clamp(32px, 3.5vw, 50px); font-weight: 510; letter-spacing: -.052em; line-height: 1.14; }
.capability-detail { display:grid; gap:20px; color:#565c69; }
.capability-detail > p,.learning-layer > p { max-width:610px; margin:0; font-size:15px; line-height:1.82; }
.capability-detail .detail-lead { color:#262b38; font-weight:650; }
.capability-detail ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 18px; margin:0; padding:0; list-style:none; }
.capability-detail li { position:relative; padding:11px 12px 11px 26px; border:1px solid rgba(72,79,98,.09); border-radius:12px; background:rgba(255,255,255,.48); color:#404653; font-size:12px; line-height:1.5; }
.capability-detail li::before { position:absolute; top:17px; left:12px; width:5px; height:5px; border-radius:50%; background:#8d98c9; box-shadow:0 0 9px rgba(110,126,191,.32); content:""; }
.capability-detail blockquote { margin:4px 0 0; padding:18px 20px; border:1px solid rgba(112,125,178,.16); border-left:3px solid #909dd3; border-radius:0 15px 15px 0; background:linear-gradient(110deg,rgba(133,149,207,.12),rgba(255,255,255,.34)); color:#252a36; font-size:15px; font-weight:650; line-height:1.7; }
.detail-group { display:grid; gap:11px; padding:18px; border:1px solid rgba(72,79,98,.09); border-radius:16px; background:rgba(246,246,243,.66); }
.detail-group ul { gap:8px 12px; }
.detail-group li { padding:8px 8px 8px 21px; border:0; background:transparent; }
.detail-group li::before { top:14px; left:7px; }
.learning-layer { display:grid; gap:13px; padding:20px; border:1px solid rgba(72,79,98,.1); border-radius:17px; background:rgba(247,247,244,.72); }
.learning-layer h4 { margin:0; color:#252a37; font-size:20px; font-weight:620; letter-spacing:-.025em; }
.learning-layer ul { gap:7px 12px; }
.learning-layer li { padding:7px 8px 7px 21px; border:0; background:transparent; }
.learning-layer li::before { top:13px; left:7px; }

.showcase-section { overflow:hidden; padding-bottom:110px; background:radial-gradient(circle at 14% 8%,rgba(111,128,196,.16),transparent 27%),radial-gradient(circle at 86% 34%,rgba(179,134,91,.11),transparent 26%),linear-gradient(150deg,#111522,#080b12 72%); color:#f5f4ef; }
.showcase-heading { display:grid; grid-template-columns:1.15fr .85fr; gap:90px; align-items:end; margin-bottom:62px; }
.showcase-copy-column { min-width:0; }
.showcase-advantage-map { position:relative; overflow:hidden; max-width:720px; margin:0 0 42px; padding:20px; border:1px solid rgba(174,184,231,.16); border-radius:22px; background:linear-gradient(135deg,rgba(116,132,198,.11),rgba(255,255,255,.018)); box-shadow:inset 0 1px rgba(255,255,255,.035),0 24px 60px rgba(0,0,0,.12); }
.showcase-advantage-map::before { position:absolute; top:-70px; right:-30px; width:210px; height:210px; border-radius:50%; background:radial-gradient(circle,rgba(126,142,211,.14),transparent 68%); content:""; pointer-events:none; }
.showcase-advantage-map > p { position:relative; margin:0 0 15px; color:rgba(194,204,239,.58); font-size:8px; font-weight:680; letter-spacing:.16em; }
.showcase-advantage-sources { position:relative; display:grid; grid-template-columns:1fr 28px 1fr; align-items:center; gap:10px; }
.showcase-advantage-sources article { display:grid; gap:5px; min-width:0; padding:14px; border:1px solid rgba(255,255,255,.075); border-radius:15px; background:rgba(6,9,16,.2); }
.showcase-advantage-sources span { color:rgba(174,184,231,.62); font-size:7px; font-weight:650; letter-spacing:.13em; }
.showcase-advantage-sources strong { color:#f3f3f0; font-size:16px; font-weight:570; letter-spacing:-.02em; }
.showcase-advantage-sources small { overflow:hidden; color:rgba(255,255,255,.42); font-size:9px; letter-spacing:.02em; text-overflow:ellipsis; white-space:nowrap; }
.showcase-advantage-sources > i { color:#8f9bd2; font-size:17px; font-style:normal; text-align:center; text-shadow:0 0 16px rgba(143,155,210,.7); }
.showcase-advantage-result { position:relative; display:grid; grid-template-columns:max-content 1fr max-content; align-items:center; gap:13px; margin-top:12px; padding:11px 14px; border-radius:13px; background:rgba(123,138,202,.09); }
.showcase-advantage-result span { color:rgba(255,255,255,.57); font-size:10px; }
.showcase-advantage-result i { position:relative; height:1px; overflow:hidden; background:rgba(174,184,231,.18); }
.showcase-advantage-result i::after { position:absolute; top:0; bottom:0; width:32%; background:linear-gradient(90deg,transparent,#aeb8e7,transparent); content:""; animation:showcaseAdvantageFlow 3.2s ease-in-out infinite; }
.showcase-advantage-result strong { color:#d9def5; font-size:11px; font-weight:650; letter-spacing:.08em; }
@keyframes showcaseAdvantageFlow { from { transform:translateX(-110%); } to { transform:translateX(420%); } }
.showcase-index-row { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:24px; }
.showcase-index-row .section-index { margin:0; }
.showcase-advantage-badge { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid rgba(174,184,231,.3); border-radius:999px; background:linear-gradient(120deg,rgba(112,126,189,.2),rgba(91,104,162,.08)); color:#e1e5fb; font-size:9px; font-weight:680; letter-spacing:.12em; box-shadow:0 0 28px rgba(110,126,194,.12); }
.showcase-advantage-badge i { width:6px; height:6px; border-radius:50%; background:#9eabe5; box-shadow:0 0 14px rgba(158,171,229,.95); animation:showcaseAdvantagePulse 2.8s ease-in-out infinite; }
@keyframes showcaseAdvantagePulse { 50% { opacity:.5; transform:scale(.72); box-shadow:0 0 5px rgba(158,171,229,.42); } }
.showcase-heading h2 { max-width:900px; font-size:clamp(52px,4.5vw,72px); }
.showcase-intro { display:grid; gap:24px; align-self:end; padding-bottom:8px; }
.showcase-intro > p { max-width:570px; margin:0; color:rgba(255,255,255,.58); font-size:16px; line-height:1.9; }
.showcase-intro > .showcase-intro-lead { max-width:620px; color:#d3daf7; font-size:clamp(23px,2vw,31px); font-weight:520; letter-spacing:-.035em; line-height:1.38; text-wrap:balance; }
.showcase-test-data { display:grid; grid-template-columns:1fr 1fr; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:20px; background:rgba(255,255,255,.035); }
.showcase-test-data article { display:flex; align-items:baseline; gap:13px; padding:22px 24px; }
.showcase-test-data article + article { border-left:1px solid rgba(255,255,255,.1); }
.showcase-test-data strong { color:#aeb8e7; font-size:42px; font-weight:500; letter-spacing:-.06em; line-height:1; }
.showcase-test-data span { color:rgba(255,255,255,.52); font-size:10px; letter-spacing:.06em; }
.showcase-test-data-single { grid-template-columns:1fr; }
.showcase-test-data-single article { align-items:center; gap:20px; }
.showcase-test-data-single strong { flex:none; font-size:38px; }
.showcase-test-data-single span { display:grid; gap:7px; color:rgba(255,255,255,.72); font-size:11px; font-weight:580; line-height:1.35; }
.showcase-test-data-single small { color:rgba(255,255,255,.36); font-size:8px; font-weight:450; letter-spacing:.04em; }
.showcase-labels { display:flex; align-items:center; justify-content:center; gap:20px; width:max-content; min-width:100%; padding:17px 34px; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.43); font-size:10px; letter-spacing:.12em; white-space:nowrap; }
.showcase-labels i { width:4px; height:4px; border-radius:50%; background:#8b98ce; box-shadow:0 0 12px rgba(139,152,206,.7); }
.showcase-gallery { position:relative; margin:40px 0 72px; padding:10px 0; }
.showcase-gallery::before { position:absolute; inset:-160px 0; opacity:.6; background:radial-gradient(circle at 50% 44%,rgba(111,128,196,.12),transparent 55%); content:""; pointer-events:none; }
.showcase-reference-note { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; gap:12px; margin:0 0 12px; color:rgba(255,255,255,.43); font-size:9px; letter-spacing:.08em; }
.showcase-reference-note span { padding:6px 9px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#aab4e2; font-size:7px; letter-spacing:.12em; }
.showcase-rail { position:relative; overflow:hidden; padding:18px 0; -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
.showcase-rail + .showcase-rail { margin-top:8px; }
.showcase-track { display:flex; width:max-content; gap:18px; will-change:transform; }
.showcase-track-forward { animation:showcaseFlow 68s linear infinite; }
.showcase-track-reverse { animation:showcaseFlowReverse 76s linear infinite; }
.showcase-rail:hover .showcase-track { animation-play-state:paused; }
.showcase-set { display:flex; flex:none; align-items:center; gap:18px; }
@keyframes showcaseFlow { to { transform:translate3d(calc(-50% - 9px),0,0); } }
@keyframes showcaseFlowReverse { from { transform:translate3d(calc(-50% - 9px),0,0); } to { transform:translate3d(0,0,0); } }
.showcase-item { position:relative; flex:none; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:20px; background:#171b25; box-shadow:0 28px 70px rgba(0,0,0,.28); }
.showcase-item::after { position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 -90px 85px rgba(3,5,9,.42); content:""; pointer-events:none; }
.showcase-item img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 900ms var(--ease-out),filter 700ms ease; }
.showcase-item:hover img { transform:scale(1.025); filter:saturate(1.08) contrast(1.02); }
.showcase-item figcaption { position:absolute; z-index:2; right:18px; bottom:16px; left:18px; display:flex; align-items:flex-end; justify-content:space-between; gap:18px; color:#fff; text-shadow:0 2px 14px rgba(0,0,0,.6); }
.showcase-item figcaption span { color:rgba(255,255,255,.66); font-size:8px; letter-spacing:.12em; }
.showcase-item figcaption strong { font-size:12px; font-weight:560; letter-spacing:.01em; }
.showcase-portrait { width:315px; aspect-ratio:3/4; }
.showcase-story { width:236px; aspect-ratio:9/16; }
.showcase-square { width:350px; aspect-ratio:1; }
.showcase-landscape { width:560px; aspect-ratio:16/9; }
.showcase-report { width:520px; aspect-ratio:8/5; }
.showcase-dashboard { width:510px; aspect-ratio:4/3; }
.showcase-wide { width:620px; aspect-ratio:900/383; }
.showcase-foundation { display:grid; grid-template-columns:1fr 1fr; overflow:hidden; border:1px solid rgba(255,255,255,.11); border-radius:28px; background:rgba(255,255,255,.035); box-shadow:0 30px 90px rgba(0,0,0,.18); }
.showcase-foundation article { min-height:310px; padding:38px 40px; }
.showcase-foundation article + article { border-left:1px solid rgba(255,255,255,.1); }
.showcase-foundation article > span { color:#9ca8dc; font-size:9px; letter-spacing:.13em; }
.showcase-foundation h3 { max-width:520px; margin:50px 0 18px; font-size:31px; font-weight:530; letter-spacing:-.045em; line-height:1.2; }
.showcase-foundation p { max-width:560px; margin:0; color:rgba(255,255,255,.53); font-size:13px; line-height:1.8; }
.showcase-foundation article > div { display:flex; flex-wrap:wrap; gap:8px; margin-top:30px; }
.showcase-foundation i { padding:8px 11px; border:1px solid rgba(255,255,255,.1); border-radius:999px; color:rgba(255,255,255,.62); font-size:9px; font-style:normal; }
.showcase-source-ledger { display:grid; grid-template-columns:.72fr 1.28fr; margin-top:16px; overflow:hidden; border:1px solid rgba(255,255,255,.11); border-radius:26px; background:linear-gradient(135deg,rgba(137,151,213,.09),rgba(255,255,255,.025)); box-shadow:0 28px 80px rgba(0,0,0,.16); }
.showcase-source-lead { padding:34px 36px; border-right:1px solid rgba(255,255,255,.09); }
.showcase-source-lead > span { color:#9ea9dc; font-size:8px; font-weight:680; letter-spacing:.15em; }
.showcase-source-lead strong { display:block; max-width:470px; margin:42px 0 18px; color:#f3f3ef; font-size:29px; font-weight:540; letter-spacing:-.04em; line-height:1.24; }
.showcase-source-lead p { max-width:460px; margin:0; color:rgba(255,255,255,.44); font-size:11px; line-height:1.75; }
.showcase-source-grid { display:grid; grid-template-columns:repeat(2,1fr); background:rgba(255,255,255,.08); gap:1px; }
.showcase-source-grid a { position:relative; display:grid; min-height:176px; padding:25px 27px; background:#10141f; transition:background 360ms ease,transform 480ms var(--ease-out); }
.showcase-source-grid a:hover { z-index:1; transform:translateY(-3px); background:#171c2a; }
.showcase-source-grid span { color:rgba(171,183,231,.5); font-size:8px; letter-spacing:.12em; }
.showcase-source-grid strong { align-self:end; margin-top:24px; color:#e5e8f7; font-size:19px; font-weight:570; letter-spacing:-.025em; }
.showcase-source-grid small { margin-top:7px; color:rgba(255,255,255,.46); font-size:9px; line-height:1.55; }
.showcase-source-grid em { margin-top:18px; color:#9ca8dc; font-size:8px; font-style:normal; letter-spacing:.06em; }
.showcase-source-boundary { grid-column:1/-1; margin:0; padding:17px 28px; border-top:1px solid rgba(255,255,255,.09); background:rgba(6,9,15,.3); color:rgba(255,255,255,.43); font-size:9px; line-height:1.65; text-align:center; }
.showcase-source-boundary strong { color:rgba(255,255,255,.72); font-weight:620; }
.showcase-boundary { margin-top:18px; color:rgba(255,255,255,.3); font-size:9px; line-height:1.7; text-align:right; }

@media (min-width:1101px) {
  .js [data-reveal].is-visible { transition:opacity 620ms var(--ease-out),transform 760ms var(--ease-out); }
}

.proof-section { background: var(--paper); }
.proof-heading { max-width: 960px; margin-bottom: 72px; }
.proof-heading h2 { margin-bottom: 28px; }
.proof-heading > p:last-child { max-width: 760px; color: #5a606d; font-size: 16px; }
.public-proof-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.public-proof-grid a { position: relative; min-height: 390px; padding: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 25px; background: rgba(255,255,255,.55); transition: transform 450ms var(--ease-out), background 450ms ease, box-shadow 450ms ease; }
.public-proof-grid a:hover { transform: translateY(-7px); background: rgba(255,255,255,.88); box-shadow: 0 26px 70px rgba(31,36,52,.09); }
.public-proof-grid span { display: block; min-height: 46px; color: #6c7390; font-size: 9px; letter-spacing: .11em; }
.public-proof-grid strong { display: block; margin: 26px 0 54px; font-size: 72px; font-weight: 480; letter-spacing: -.065em; }
.public-proof-grid h3 { margin-bottom: 16px; font-size: 23px; font-weight: 540; line-height: 1.3; }
.public-proof-grid p { color: #6a6f7b; font-size: 11px; }
.public-proof-grid em { position: absolute; right: 28px; bottom: 28px; color: #5c6480; font-size: 10px; font-style: normal; }
.internal-proof { display: grid; grid-template-columns: .7fr 1.3fr; gap: 1px; margin-top: 16px; overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: var(--line); }
.internal-proof-lead, .internal-proof-metrics, .proof-boundary { background: #151925; color: #f6f5ef; }
.internal-proof-lead { padding: 36px; }
.internal-proof-lead span { color: #9aa6dc; font-size: 9px; letter-spacing: .12em; }
.internal-proof-lead strong { display: block; margin: 46px 0 10px; font-size: 84px; font-weight: 470; letter-spacing: -.07em; }
.internal-proof-lead p { margin: 0; color: rgba(255,255,255,.55); font-size: 12px; }
.internal-proof-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; padding: 1px; background: rgba(255,255,255,.08); }
.internal-proof-metrics article { padding: 34px 26px; background: #111520; }
.internal-proof-metrics strong { display: block; margin-bottom: 58px; color: #a7b0de; font-size: 42px; font-weight: 500; letter-spacing: -.05em; }
.internal-proof-metrics span { display: block; margin-bottom: 8px; font-size: 12px; }
.internal-proof-metrics small { color: rgba(255,255,255,.4); font-size: 9px; line-height: 1.5; }
.proof-boundary { grid-column: 1/-1; margin: 0; padding: 18px 28px; color: rgba(255,255,255,.42); font-size: 10px; }
.proof-boundary strong { color: rgba(255,255,255,.72); }

.results-canvas { position:relative; display:grid; grid-template-columns:.78fr 1.22fr; gap:18px; min-height:900px; overflow:hidden; padding:42px; border:1px solid rgba(255,255,255,.1); border-radius:34px; background:linear-gradient(145deg,#151a29,#080b13 68%); box-shadow:0 46px 120px rgba(29,33,48,.2); color:#f6f5ef; }
.results-canvas::after { position:absolute; inset:0; box-shadow:inset 0 0 140px rgba(2,4,8,.56); content:""; pointer-events:none; }
.results-grid { position:absolute; inset:0; opacity:.25; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:42px 42px; mask-image:radial-gradient(circle at 50% 45%,#000 12%,transparent 78%); }
.results-seal { position:relative; z-index:3; align-self:center; display:grid; width:min(330px,100%); aspect-ratio:1; place-content:center; justify-self:center; overflow:hidden; border:1px solid rgba(157,172,228,.22); border-radius:50%; background:#211920; text-align:center; box-shadow:0 0 110px rgba(112,130,196,.2); }
.results-seal::before,.results-seal::after { display:none; }
.embedded-living-orb { inset:-68%; }
.results-seal span { position:relative; z-index:2; margin-bottom:12px; color:#a6b0df; font-size:8px; letter-spacing:.13em; }
.results-seal strong { position:relative; z-index:2; display:block; font-size:64px; font-weight:470; letter-spacing:-.07em; line-height:1; }
.results-seal p { position:relative; z-index:2; margin:10px 0 0; color:rgba(255,255,255,.48); font-size:10px; }
.results-seal i { position:absolute; z-index:2; top:23%; right:20%; width:6px; height:6px; border-radius:50%; background:#86af9f; box-shadow:0 0 18px #86af9f; animation:signalBlink 1.8s ease-in-out infinite; }
.results-chain { position:relative; z-index:4; display:grid; gap:12px; }
.results-chain::before { position:absolute; top:48px; bottom:48px; left:29px; width:1px; background:linear-gradient(transparent,#8f9bd6,#c49c70,#79a494,transparent); content:""; }
.result-step { position:relative; min-height:238px; padding:25px 28px 25px 76px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:22px; background:rgba(18,23,37,.8); backdrop-filter:blur(14px); transition:border-color 500ms ease,background 500ms ease,box-shadow 500ms ease,transform 500ms var(--ease-out); }
.result-step.is-active { border-color:rgba(161,175,230,.46); background:rgba(25,31,50,.92); box-shadow:0 22px 64px rgba(78,91,148,.18),inset 0 0 42px rgba(140,157,222,.04); transform:translateX(-5px); }
.result-step::before { position:absolute; top:32px; left:23px; z-index:2; width:13px; height:13px; border:3px solid #121725; border-radius:50%; background:#92a0dc; box-shadow:0 0 20px rgba(146,160,220,.7); content:""; }
.result-step header { display:flex; justify-content:space-between; gap:20px; margin-bottom:15px; }
.result-step header span,.result-step header em { color:rgba(255,255,255,.34); font-size:8px; font-style:normal; letter-spacing:.12em; }
.result-step > strong { display:block; margin-bottom:10px; color:#aab4e2; font-size:48px; font-weight:500; letter-spacing:-.06em; line-height:1; }
.result-step h3 { margin-bottom:9px; font-size:18px; font-weight:580; }
.result-step p { max-width:520px; margin:0; color:rgba(255,255,255,.46); font-size:11px; line-height:1.7; }
.result-step p .metric-emphasis { display:block; margin-bottom:4px; color:#f0f2fb; font-size:13px; font-weight:720; letter-spacing:-.015em; line-height:1.5; }
.result-step small { display:block; max-width:540px; margin-top:12px; padding-top:10px; border-top:1px solid rgba(255,255,255,.07); color:rgba(255,255,255,.42); font-size:9px; line-height:1.7; }
.result-step small b { color:rgba(220,224,240,.72); font-weight:620; }
.results-delivery { --orbit-angle:0deg; position:relative; z-index:4; grid-column:1/-1; display:grid; grid-template-columns:54px minmax(0,1.55fr) minmax(260px,.72fr); align-items:stretch; min-height:520px; padding:24px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:26px; background:radial-gradient(circle at 42% 42%,rgba(69,79,126,.15),transparent 34%),rgba(6,9,16,.82); }
.results-delivery.is-active { border-color:rgba(161,175,230,.42); background:rgba(12,16,27,.92); box-shadow:0 24px 70px rgba(70,82,137,.15),inset 0 0 48px rgba(140,157,222,.035); }
.results-delivery-index { align-self:start; justify-self:center; margin-top:6px; color:#9da9de; font-size:8px; letter-spacing:.16em; writing-mode:vertical-rl; transform:rotate(180deg); }
.value-theatre { position:relative; min-width:0; min-height:470px; overflow:hidden; border:1px solid rgba(171,183,235,.16); border-radius:23px; background:linear-gradient(145deg,rgba(26,32,52,.92),rgba(8,12,21,.94)); box-shadow:inset 0 1px rgba(255,255,255,.045),0 30px 90px rgba(0,0,0,.24); }
.value-theatre::before { position:absolute; inset:0; opacity:.32; 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:34px 34px; mask-image:radial-gradient(circle at 50% 42%,#000 12%,transparent 75%); content:""; }
.value-theatre::after { position:absolute; top:-55%; left:-20%; width:42%; height:190%; background:linear-gradient(90deg,transparent,rgba(179,190,239,.075),transparent); content:""; transform:rotate(17deg) translateX(-250%); animation:valueScan 5.8s 1s var(--ease-out) infinite; }
.value-theatre-head { position:relative; z-index:8; display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid rgba(255,255,255,.07); color:rgba(255,255,255,.34); font-size:7px; letter-spacing:.14em; }
.value-theatre-head em { display:flex; align-items:center; gap:7px; color:#9eaae0; font-style:normal; }
.value-theatre-head em i { width:5px; height:5px; border-radius:50%; background:#9ca9e3; box-shadow:0 0 14px #9ca9e3; animation:signalBlink 1.7s ease-in-out infinite; }
.value-radar { position:absolute; z-index:4; top:48%; left:50%; width:314px; height:314px; transform:translate(-50%,-56%); }
.value-orbit { position:absolute; top:50%; left:50%; border-radius:50%; transform:translate(-50%,-50%); }
.value-lifeform { z-index:3; top:50%; right:auto; bottom:auto; left:50%; width:318px; height:318px; overflow:hidden; border-radius:50%; background:transparent; opacity:.96; filter:drop-shadow(0 0 34px rgba(137,151,220,.2)); mask-image:radial-gradient(circle at 50% 50%,#000 0 57%,rgba(0,0,0,.96) 66%,rgba(0,0,0,.35) 76%,transparent 84%); transform:translate(-50%,-50%); transition:opacity .22s ease,filter .3s ease,transform .32s var(--ease-out); }
.value-lifeform::before { width:300px; height:300px; background:radial-gradient(circle,rgba(126,116,194,.2),rgba(86,139,156,.08) 42%,transparent 72%); filter:blur(34px); }
.value-lifeform::after { width:250px; height:250px; border-color:rgba(255,255,255,.035); box-shadow:0 0 100px rgba(117,106,203,.12),inset 0 0 70px rgba(122,192,180,.05); }
.value-lifeform canvas { top:50%; left:50%; width:190%; height:190%; transform:translate(-50%,-50%); }
.value-orbit { z-index:5; width:290px; height:290px; border:0; transform:translate(-50%,-50%) rotate(var(--orbit-angle)); transition:transform .62s cubic-bezier(.16,.84,.24,1); }
.value-orbit::before { position:absolute; inset:0; padding:1px; border-radius:50%; background:conic-gradient(from 20deg,transparent 0 18%,rgba(171,184,236,.68) 24%,transparent 31% 65%,rgba(222,194,154,.38) 73%,transparent 82%); content:""; mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite:exclude; animation:valueRingSpin 10s linear infinite; }
.value-orbit > i { position:absolute; top:50%; left:50%; width:7px; height:7px; border:1px solid rgba(182,193,238,.65); border-radius:50%; background:#111625; box-shadow:0 0 0 6px rgba(154,168,222,.035); transform:translate(-50%,-50%) rotate(calc(var(--node) * 51.428deg)) translateY(-145px); transition:width .34s ease,height .34s ease,background .34s ease,box-shadow .34s ease; }
[data-active-index="0"] .value-orbit > i:nth-child(1),[data-active-index="1"] .value-orbit > i:nth-child(2),[data-active-index="2"] .value-orbit > i:nth-child(3),[data-active-index="3"] .value-orbit > i:nth-child(4),[data-active-index="4"] .value-orbit > i:nth-child(5),[data-active-index="5"] .value-orbit > i:nth-child(6),[data-active-index="6"] .value-orbit > i:nth-child(7) { width:12px; height:12px; background:#ecf0ff; box-shadow:0 0 0 9px rgba(166,181,237,.08),0 0 26px rgba(180,193,244,.82); }
.value-core { position:absolute; z-index:6; top:50%; left:50%; width:210px; text-align:center; text-shadow:0 2px 22px rgba(5,7,13,.92),0 0 34px rgba(5,7,13,.7); transform:translate(-50%,-50%); transition:opacity .1s ease,filter .16s ease,transform .22s var(--ease-out); }
.value-core small { display:block; min-height:13px; margin-bottom:10px; color:#9eaae0; font-size:7px; letter-spacing:.15em; }
.value-core strong { display:block; color:#fff; font-size:54px; font-weight:500; letter-spacing:-.075em; line-height:.94; text-shadow:0 2px 24px rgba(4,6,12,.96),0 0 30px rgba(157,173,233,.25); }
.value-core p { margin:11px 0 0; color:rgba(255,255,255,.4); font-size:8px; letter-spacing:.08em; }
.is-switching .value-core { opacity:.08; filter:blur(10px); transform:translate(-50%,-44%) scale(.92); }
.is-switching .value-lifeform { opacity:.88; filter:drop-shadow(0 0 48px rgba(145,158,226,.3)) saturate(1.12); transform:translate(-50%,-50%) scale(.965); }
.value-signal { position:absolute; z-index:2; right:18px; bottom:104px; left:18px; display:flex; align-items:flex-end; gap:5px; height:82px; opacity:.5; mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent); }
.value-signal i { flex:1; height:var(--bar,38%); border-radius:3px 3px 0 0; background:linear-gradient(to top,rgba(112,127,194,.08),rgba(170,184,237,.54)); box-shadow:0 -5px 18px rgba(137,153,216,.08); transform-origin:bottom; transition:height .5s cubic-bezier(.16,.84,.24,1),opacity .24s ease; }
.value-signal i:nth-child(3n) { background:linear-gradient(to top,rgba(114,128,192,.06),rgba(223,194,151,.42)); }
.value-counter { position:absolute; z-index:7; bottom:99px; left:20px; display:flex; align-items:center; gap:8px; color:#a9b4e4; font-size:8px; letter-spacing:.12em; }
.value-counter i { width:34px; height:1px; background:rgba(255,255,255,.16); }
.value-counter em { color:rgba(255,255,255,.3); font-style:normal; }
.value-rail { position:absolute; z-index:9; right:0; bottom:0; left:0; display:grid; grid-template-columns:repeat(7,1fr); min-height:88px; border-top:1px solid rgba(255,255,255,.08); background:rgba(7,10,17,.82); backdrop-filter:blur(18px); }
.value-rail button { position:relative; min-width:0; padding:12px 8px 10px; overflow:hidden; border:0; border-right:1px solid rgba(255,255,255,.065); background:transparent; color:rgba(255,255,255,.36); text-align:left; cursor:pointer; transition:background .45s ease,color .45s ease; }
.value-rail button:last-child { border-right:0; }
.value-rail button::after { position:absolute; right:0; bottom:0; left:0; height:2px; background:linear-gradient(90deg,#8290d1,#d9c09d); content:""; transform:scaleX(0); transform-origin:left; transition:transform .55s var(--ease-out); }
.value-rail button span,.value-rail button small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.value-rail button span { margin-bottom:8px; font-size:6px; letter-spacing:.12em; }
.value-rail button strong { display:block; margin-bottom:3px; color:rgba(255,255,255,.63); font-size:13px; font-weight:560; letter-spacing:-.035em; white-space:nowrap; }
.value-rail button small { font-size:7px; }
.value-rail button.is-active { background:linear-gradient(180deg,rgba(145,159,219,.12),rgba(145,159,219,.025)); color:#9eaae0; }
.value-rail button.is-active::after { transform:scaleX(1); }
.value-rail button.is-active strong { color:#f1f3fb; }
.value-detail { position:relative; z-index:7; display:flex; min-width:0; margin-left:18px; padding:24px 8px 18px 25px; flex-direction:column; border-left:1px solid rgba(255,255,255,.08); transition:opacity .1s ease,filter .16s ease,transform .22s var(--ease-out); }
.value-detail > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:22px; border-bottom:1px solid rgba(255,255,255,.08); }
.value-detail > header span { color:#9eaae0; font-size:8px; letter-spacing:.14em; }
.value-detail > header em { color:rgba(255,255,255,.32); font-size:7px; font-style:normal; }
.value-detail > strong { display:block; margin:48px 0 18px; color:#edf0f9; font-size:28px; font-weight:530; letter-spacing:-.045em; line-height:1.15; }
.value-detail > p { min-height:74px; margin:0; color:rgba(255,255,255,.5); font-size:11px; line-height:1.75; }
.value-detail > div { margin-top:28px; padding:17px 18px; border:1px solid rgba(255,255,255,.09); border-radius:15px; background:rgba(255,255,255,.025); }
.value-detail > div small { display:block; margin-bottom:9px; color:#9eaae0; font-size:7px; letter-spacing:.12em; }
.value-detail > div span { display:block; color:rgba(255,255,255,.58); font-size:10px; line-height:1.65; }
.value-detail > footer { display:flex; align-items:center; gap:8px; margin-top:auto; color:rgba(255,255,255,.3); font-size:7px; letter-spacing:.08em; }
.value-detail > footer i { width:5px; height:5px; border-radius:50%; background:#9ca9e3; box-shadow:0 0 12px #9ca9e3; }
.is-switching .value-detail { opacity:.14; filter:blur(7px); transform:translateX(12px); }
.value-transition-blinds { position:absolute; z-index:12; inset:0; display:grid; grid-template-columns:repeat(7,1fr); pointer-events:none; }
.value-transition-blinds i { background:linear-gradient(180deg,rgba(117,132,197,.14),rgba(12,17,29,.94)); transform:scaleY(0); transform-origin:top; }
.is-switching .value-transition-blinds i { animation:valueBlind .24s var(--ease-out) both; }
.is-switching .value-transition-blinds i:nth-child(2) { animation-delay:.01s; }.is-switching .value-transition-blinds i:nth-child(3) { animation-delay:.02s; }.is-switching .value-transition-blinds i:nth-child(4) { animation-delay:.03s; }.is-switching .value-transition-blinds i:nth-child(5) { animation-delay:.04s; }.is-switching .value-transition-blinds i:nth-child(6) { animation-delay:.05s; }.is-switching .value-transition-blinds i:nth-child(7) { animation-delay:.06s; }
@keyframes valueBlind { 0% { transform:scaleY(0); } 42% { transform:scaleY(1); } 100% { transform:scaleY(0); transform-origin:bottom; } }
@keyframes valueScan { 0%,20% { transform:rotate(17deg) translateX(-250%); } 62%,100% { transform:rotate(17deg) translateX(520%); } }
@keyframes valueRingSpin { to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes valueRingBreath { 50% { opacity:.55; transform:translate(-50%,-50%) scale(1.035); box-shadow:0 0 115px rgba(112,128,197,.2); } }
.results-boundary { position:relative; z-index:4; grid-column:1/-1; margin:0; padding:17px 20px; border:1px solid rgba(255,255,255,.08); border-radius:16px; background:rgba(255,255,255,.035); color:rgba(255,255,255,.38); font-size:9px; }
.results-boundary strong { color:rgba(255,255,255,.68); }

.operating-field { overflow: hidden; padding-bottom: 100px; background: linear-gradient(160deg, #0d101a, #151827 48%, #0a0d15); color: #f5f4ef; }
.field-background { position: absolute; inset: 0; pointer-events: none; }
.field-background::before { position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 70px 70px; content:""; }
.field-background i { position: absolute; width: 520px; height: 520px; border-radius: 50%; filter: blur(4px); background: radial-gradient(circle, rgba(112,130,201,.13), transparent 70%); animation: fieldFloat 12s ease-in-out infinite alternate; }
.field-background i:nth-child(1) { top: 8%; left: -200px; }
.field-background i:nth-child(2) { top: 38%; right: -220px; background: radial-gradient(circle, rgba(196,154,105,.09), transparent 70%); animation-delay: -4s; }
.field-background i:nth-child(3) { bottom: -200px; left: 30%; background: radial-gradient(circle, rgba(103,159,143,.09), transparent 70%); animation-delay: -8s; }
@keyframes fieldFloat { to { transform: translate3d(70px,50px,0) scale(1.15); } }
.field-heading { position: relative; z-index: 2; max-width: 980px; margin-bottom: 80px; }
.field-heading h2 { margin-bottom: 26px; }
.field-heading > p:last-child { max-width: 710px; color: rgba(255,255,255,.5); font-size: 16px; }
.field-theatre { position: relative; z-index: 3; min-height: 780px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 34px; background: rgba(7,10,17,.7); box-shadow: 0 44px 120px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.06); }
.field-theatre::after { position:absolute; inset:0; box-shadow: inset 0 0 120px rgba(6,8,14,.7); content:""; pointer-events:none; }
.field-signal { position: absolute; z-index: 5; width: 270px; min-height: 150px; padding: 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: rgba(21,26,42,.84); box-shadow: 0 22px 60px rgba(0,0,0,.25); backdrop-filter: blur(16px); transition: opacity 600ms ease, transform 900ms var(--ease-out), border-color 500ms ease, box-shadow 500ms ease; }
.field-signal header { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; }
.field-signal header span { font-size: 11px; font-weight: 650; }
.field-signal header i { width: 5px; height: 5px; border-radius: 50%; background: #8696d5; box-shadow: 0 0 12px #8696d5; animation: signalBlink 1.6s ease-in-out infinite; }
.field-signal header em { margin-left: auto; color: rgba(255,255,255,.3); font-size: 8px; font-style: normal; letter-spacing: .12em; }
.field-signal strong { display: block; margin-bottom: 12px; font-size: 16px; line-height: 1.4; }
.field-signal p { margin: 0; color: rgba(255,255,255,.4); font-size: 10px; }
@keyframes signalBlink { 50% { opacity:.25; transform:scale(.6); } }
.field-leasing { top: 70px; left: 6%; }
.field-merchant { top: 70px; right: 6%; }
.field-campaign { right: 8%; bottom: 68px; }
.field-theatre[data-live-phase="1"] .field-signal { border-color: rgba(139,154,216,.35); box-shadow: 0 22px 70px rgba(73,88,145,.16); }
.field-theatre[data-live-phase="2"] .field-signal { transform: translate3d(var(--signal-x,0),var(--signal-y,0),0) scale(.96); opacity:.7; }
.field-leasing { --signal-x: 26px; --signal-y: 20px; }
.field-merchant { --signal-x: -26px; --signal-y: 20px; }
.field-campaign { --signal-x: -24px; --signal-y: -18px; }
.field-theatre[data-live-phase="3"] .field-signal { opacity:.48; }
.field-core { position: absolute; z-index: 6; top: 49%; left: 50%; display: grid; width: 330px; height: 330px; place-items: center; overflow:hidden; border-radius: 50%; transform: translate(-50%,-50%) scale(var(--field-scale,1)) scale(var(--motion-core-intro,1)); filter: drop-shadow(0 34px 90px rgba(0,0,0,.4)); transition: transform 900ms var(--ease-out); }
.field-core::before { display:none; }
.field-core > div:not(.living-orb-backdrop) { position:relative; z-index:4; width:220px; padding:0; border:0; background:transparent; text-align:center; text-shadow:0 2px 24px rgba(4,6,12,.92); backdrop-filter:none; }
.field-core small { display:block; margin-bottom:10px; color:#9eaae0; font-size:8px; letter-spacing:.13em; }
.field-core strong { display:block; margin-bottom:8px; font-size:18px; line-height:1.35; }
.field-core p { margin:0; color:rgba(255,255,255,.44); font-size:9px; }
.field-theatre[data-live-phase="1"] .field-core, .field-theatre[data-live-phase="2"] .field-core { --field-scale:1.06; }
.field-theatre[data-live-phase="3"] .field-core { --field-scale:.94; }
.field-analysis { position:absolute; z-index:7; bottom:72px; left:7%; width:300px; padding:20px 22px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(12,16,27,.84); backdrop-filter:blur(18px); }
.field-analysis > span { display:block; margin-bottom:12px; color:#9ca8de; font-size:8px; letter-spacing:.12em; }
.field-analysis > strong { display:block; margin-bottom:7px; font-size:14px; }
.field-analysis > p { min-height:34px; margin:0; color:rgba(255,255,255,.42); font-size:9px; }
.field-analysis > div { display:flex; gap:5px; margin-top:15px; }
.field-analysis i { flex:1; height:2px; border-radius:999px; background:rgba(255,255,255,.1); transition:background 400ms ease; }
.field-analysis i.is-active { background:#8f9ed9; box-shadow:0 0 10px rgba(143,158,217,.55); }
.field-sequence { position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:18px; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:22px; background:rgba(255,255,255,.08); }
.field-sequence article { min-height:170px; padding:23px; background:#111520; }
.field-sequence span { display:block; margin-bottom:38px; color:#8795d1; font-size:9px; }
.field-sequence strong { display:block; margin-bottom:8px; font-size:15px; }
.field-sequence p { margin:0; color:rgba(255,255,255,.4); font-size:10px; line-height:1.6; }
.field-close { position:relative; z-index:3; max-width:900px; margin:180px auto 40px; text-align:center; }
.field-close > span { display:block; margin-bottom:30px; color:#9da9de; font-size:9px; letter-spacing:.15em; }
.field-close h2 { margin-bottom:30px; font-size:clamp(60px,8vw,112px); font-weight:470; letter-spacing:-.07em; line-height:.98; }
.field-close p { color:rgba(255,255,255,.48); font-size:14px; }

.site-footer { display:flex; align-items:center; justify-content:space-between; gap:30px; min-height:110px; padding:26px max(36px,calc((100vw - 1240px)/2)); border-top:1px solid rgba(255,255,255,.08); background:#090c13; color:#f3f2ed; }
.site-footer p { margin:0; color:rgba(255,255,255,.5); font-size:12px; }
.site-footer > span { color:rgba(255,255,255,.34); font-size:10px; }

.js [data-reveal] { opacity:0; transform:translate3d(0,42px,0); }
.js [data-reveal].is-visible { opacity:1; transform:translate3d(0,0,0); transition:opacity 900ms var(--ease-out),transform 1100ms var(--ease-out); }
.hero-enter { opacity:0; transform:translateY(26px); animation:heroEnter 1.1s var(--ease-out) forwards; }
.hero-enter-1 { animation-delay:.08s; }.hero-enter-2 { animation-delay:.16s; }.hero-enter-3 { animation-delay:.28s; }.hero-enter-4 { animation-delay:.38s; }.hero-enter-5 { animation-delay:.48s; }.hero-enter-6 { animation-delay:.55s; }
@keyframes heroEnter { to { opacity:1; transform:translateY(0); } }

.motion-plugin-ready .hero-title {
  opacity: var(--motion-title-opacity, 1);
  transform: translate3d(0, var(--motion-title-y, 0px), 0) scale(var(--motion-title-scale, 1));
  transform-origin: center top;
  will-change: transform, opacity;
}
.motion-plugin-ready .hero-statement,
.motion-plugin-ready .hero-description,
.motion-plugin-ready .hero-sectors {
  transform: translate3d(0, var(--motion-copy-y, 0px), 0);
  will-change: transform, opacity;
}
.motion-plugin-ready .architecture-orb {
  transform: scale(var(--motion-architecture-scale, 1)) rotate(var(--motion-architecture-rotate, 0deg));
  will-change: transform;
}
.motion-plugin-ready .field-theatre {
  transform: perspective(1700px) rotateX(var(--motion-field-rotate, 0deg)) scale(var(--motion-field-scale, 1));
  transform-origin: center top;
  will-change: transform;
}

@media (max-width: 1100px) {
  :root { --shell:min(100% - 48px,980px); }
  .header-proof { display:none; }
  .site-header { grid-template-columns:auto 1fr; }
  .desktop-nav { justify-content:end; }
  .hero-title { font-size:clamp(68px,11.5vw,118px); }
  .stage-functional-layout { padding-right:24px; padding-left:24px; grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr); gap:16px; }
  .system-core { width:170px; height:170px; }
  .stage-function { padding:20px; }
  .stage-function h2 { font-size:24px; }
  .department-node { padding:10px; }
  .position-layout { grid-template-columns:1fr; }
  .position-copy { max-width:800px; }
  .position-orbit { min-height:620px; }
  .showcase-heading { grid-template-columns:1fr; gap:34px; }
  .showcase-intro { max-width:720px; }
  .architecture-layout { grid-template-columns:.72fr 1.28fr; gap:30px; }
  .public-proof-grid { grid-template-columns:1fr 1fr; }
  .public-proof-grid a:last-child { grid-column:1/-1; min-height:300px; }
  .internal-proof { grid-template-columns:1fr; }
  .internal-proof-metrics { min-height:280px; }
  .results-canvas { grid-template-columns:.68fr 1.32fr; padding:32px; }
  .results-seal { width:min(280px,100%); }
  .results-seal strong { font-size:62px; }
}

@media (max-width: 760px) {
  :root { --shell:calc(100vw - 28px); }
  body { font-size:15px; }
  .section-space { padding:100px 0; }
  .page-noise { opacity:.025; }
  .pointer-light { display:none; }
  .site-header { width:calc(100vw - 20px); min-height:62px; padding:0 14px; grid-template-columns:auto 1fr auto; border-radius:0 0 16px 16px; }
  .site-header.is-scrolled { min-height:58px; }
  .brand-mark { width:33px; height:33px; }
  .brand-mark svg { width:27px; height:27px; }
  .brand-name { font-size:14px; }
  .desktop-nav,.header-proof { display:none; }
  .menu-button { display:block; justify-self:end; color:inherit; }
  .site-header.is-scrolled .menu-button { background:rgba(255,255,255,.08); }
  .section-index { margin-bottom:18px; font-size:9px; }

  .hero { min-height:1100px; padding:100px 0 70px; }
  .hero::before { background-size:100% 100%,100% 90px; }
  .release-pill { gap:9px; margin-bottom:28px; padding-left:10px; }
  .release-label { display:none; }
  .release-text { padding-left:0; border-left:0; font-size:9px; }
  .hero-title { margin-bottom:28px; font-size:clamp(55px,16vw,74px); line-height:.93; }
  .hero-statement { font-size:19px; line-height:1.55; }
  .hero-description { font-size:13px; line-height:1.75; }
  .hero-sectors { margin-top:24px; }
  .hero-sectors span { font-size:9px; }
  .hero-stage { margin-top:40px; }
  .system-stage { min-height:880px; border-radius:26px; }
  .stage-topline { padding:17px; }
  .stage-topline em { display:none; }
  .stage-field { min-height:824px; }
  .stage-functional-layout { min-height:824px; padding:18px 12px 48px; grid-template-columns:1fr; gap:12px; }
  .stage-function { min-height:0; padding:18px; border-radius:20px; }
  .stage-function header { min-height:0; margin-bottom:14px; }
  .stage-function header > span { margin-bottom:8px; font-size:7px; }
  .stage-function h2 { margin-bottom:7px; font-size:25px; }
  .stage-function header p { max-width:none; font-size:10px; }
  .department-node-grid { gap:6px; }
  .department-node { padding:9px 10px; }
  .department-node span { margin-bottom:3px; font-size:9px; }
  .department-node strong { font-size:8px; }
  .system-core { width:150px; height:150px; }
  .core-copy { width:112px; }
  .core-copy small { margin-bottom:6px; font-size:6px; }
  .core-copy strong { margin-bottom:4px; font-size:14px; }
  .core-copy p { font-size:7px; }
  .coordination-capability-grid { gap:6px; }
  .coordination-capability-grid article { min-height:80px; padding:10px 9px 9px 13px; }
  .coordination-capability-grid article::before { top:13px; left:6px; }
  .coordination-capability-grid strong { margin-bottom:4px; font-size:10.5px; }
  .coordination-capability-grid p { font-size:8.25px; line-height:1.45; }
  .stage-shared-foundation { bottom:15px; font-size:8px; }
  .stage-beam-one { top:31%; left:34%; width:32%; transform:rotate(90deg); }
  .stage-beam-two { top:66%; right:34%; width:32%; transform:rotate(90deg); }
  .stage-beam-three { display:none; }
  .scroll-cue { bottom:34px; }

  .vision-section { padding:80px 0; }
  .vision-layout { grid-template-columns:1fr; gap:28px; }
  .vision-heading h2,.section-heading h2,.showcase-heading h2,.proof-heading h2,.field-heading h2 { font-size:clamp(42px,12vw,60px); }
  .vision-copy { font-size:15px; }
  .vision-copy p:last-child { font-size:18px; }
  .paradigm-shift { grid-template-columns:1fr; gap:12px; }
  .paradigm-shift article { min-height:240px; padding:24px; }
  .paradigm-state { gap:12px; margin-bottom:28px; padding-bottom:22px; }
  .paradigm-state strong { font-size:56px; }
  .paradigm-state span { padding:6px 8px; font-size:8px; }
  .paradigm-shift h3 { font-size:24px; }
  .paradigm-capabilities li { grid-template-columns:1fr; gap:4px; }
  .paradigm-transfer { grid-template-rows:auto; grid-template-columns:1fr auto 1fr; min-height:58px; }
  .paradigm-transfer i { width:100%; height:1px; background:linear-gradient(90deg,transparent,#9ca4c6,transparent); }
  .vision-endline { font-size:26px; }
  .thesis-proof-intro { grid-template-columns:1fr; gap:14px; padding:22px; border-radius:20px; }
  .thesis-proof-strip { grid-template-columns:1fr; border-radius:20px; }
  .thesis-proof-strip a { min-height:294px; padding:21px 21px 58px; }
  .proof-source { min-height:57px; padding-bottom:13px; }
  .proof-source strong { font-size:17px; }
  .proof-source span { font-size:9.5px; }
  .thesis-proof-strip .proof-value { margin:14px 0 8px; font-size:38px; }
  .thesis-proof-strip em { right:21px; bottom:17px; left:21px; }
  .phase-transition { grid-template-columns:1fr auto; gap:12px; min-height:0; padding:22px; }
  .phase-transition span { grid-column:1/-1; }
  .phase-transition strong { font-size:24px; line-height:1.35; }

  .position-section { padding-top:120px; }
  .position-copy h2 { font-size:clamp(45px,13vw,62px); }
  .position-copy > p:not(.section-index) { font-size:14px; }
  .position-copy > .position-rationale { margin-bottom:20px; padding:18px 18px 18px 21px; }
  .position-rationale span { font-size:8px; }
  .position-rationale strong { font-size:14px; line-height:1.72; }
  .position-orbit { min-height:520px; margin-top:20px; }
  .position-core { width:150px; height:auto; min-height:116px; padding:14px; }
  .position-core strong { font-size:17px; }
  .position-node { width:145px; padding:9px 10px; gap:8px; }
  .position-node span { width:27px; height:27px; }
  .position-node strong { font-size:11px; }
  .node-one { top:8%; left:0; }.node-two { top:12%; right:0; }.node-three { right:0; bottom:10%; }.node-four { bottom:7%; left:0; }
  .ring-one { width:360px; height:360px; }.ring-two { width:260px; height:260px; }
  .position-outcomes { grid-template-columns:1fr 1fr; }
  .position-outcomes span:nth-child(2) { border-right:0; }
  .position-outcomes span { padding:14px 8px; font-size:9px; }
  .phase-audience { grid-template-columns:1fr; gap:10px; padding:20px 4px; }
  .phase-audience > span { padding-top:0; }
  .audience-list { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
  .audience-list strong { padding:9px 10px; border-radius:12px; font-size:11px; text-align:center; }
  .audience-list strong:last-child { grid-column:1/-1; }
  .section-heading { margin-bottom:60px; }
  .section-heading > p:last-child { font-size:14px; }
  .architecture-layout { grid-template-columns:1fr; gap:18px; }
  .architecture-visual { position:relative; top:auto; min-height:460px; }
  .architecture-orb { width:150px; height:auto; min-height:116px; padding:16px 12px; }
  .architecture-orb strong { font-size:46px; }
  .architecture-stories { gap:16px; padding-bottom:0; }
  .capability-story { min-height:0; padding:28px; opacity:1; transform:none; }
  .capability-story header { margin-bottom:40px; }
  .capability-story h3 { margin-bottom:25px; font-size:34px; }
  .capability-detail { gap:17px; }
  .capability-detail > p,.learning-layer > p { font-size:14px; line-height:1.75; }
  .capability-detail ul { grid-template-columns:1fr; gap:8px; }
  .capability-detail li { font-size:12px; }
  .capability-detail blockquote { padding:16px 17px; font-size:14px; }
  .detail-group,.learning-layer { padding:16px; }
  .learning-layer h4 { font-size:19px; }

  .showcase-section { padding-bottom:86px; }
  .showcase-heading { gap:26px; margin-bottom:42px; }
  .showcase-advantage-map { margin-bottom:30px; padding:15px; border-radius:18px; }
  .showcase-advantage-sources { grid-template-columns:1fr 22px 1fr; gap:7px; }
  .showcase-advantage-sources article { padding:11px; }
  .showcase-advantage-sources strong { font-size:14px; }
  .showcase-advantage-sources small { font-size:8px; }
  .showcase-advantage-result { grid-template-columns:1fr; gap:6px; padding:10px 12px; }
  .showcase-advantage-result i { display:none; }
  .showcase-advantage-result strong { font-size:10px; }
  .showcase-index-row { gap:9px; margin-bottom:18px; }
  .showcase-advantage-badge { padding:7px 10px; font-size:8px; }
  .showcase-heading h2 { font-size:clamp(40px,10.5vw,52px); }
  .showcase-intro { gap:18px; }
  .showcase-intro > p { font-size:14px; line-height:1.8; }
  .showcase-intro > .showcase-intro-lead { font-size:23px; line-height:1.42; }
  .showcase-test-data article { padding:18px; }
  .showcase-test-data strong { font-size:34px; }
  .showcase-test-data span { font-size:8px; }
  .showcase-test-data-single article { align-items:flex-start; gap:13px; padding:17px; }
  .showcase-test-data-single strong { font-size:29px; }
  .showcase-test-data-single span { gap:5px; font-size:9px; }
  .showcase-test-data-single small { font-size:7px; line-height:1.5; }
  .showcase-labels { justify-content:flex-start; gap:15px; min-width:max-content; padding:14px 20px; font-size:8px; animation:showcaseLabelFlow 20s linear infinite alternate; }
  @keyframes showcaseLabelFlow { to { transform:translateX(calc(100vw - 100%)); } }
  .showcase-gallery { margin:28px 0 52px; }
  .showcase-reference-note { justify-content:flex-start; padding:0 16px; font-size:8px; }
  .showcase-rail { padding:12px 0; -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); }
  .showcase-track,.showcase-set { gap:12px; }
  .showcase-track-forward { animation-duration:54s; }
  .showcase-track-reverse { animation-duration:62s; }
  .showcase-item { border-radius:15px; }
  .showcase-item figcaption { right:12px; bottom:11px; left:12px; gap:10px; }
  .showcase-item figcaption span { font-size:6px; }
  .showcase-item figcaption strong { font-size:9px; }
  .showcase-portrait { width:232px; }
  .showcase-story { width:185px; }
  .showcase-square { width:278px; }
  .showcase-landscape { width:390px; }
  .showcase-report { width:340px; }
  .showcase-dashboard { width:320px; }
  .showcase-wide { width:420px; }
  .showcase-foundation { grid-template-columns:1fr; border-radius:22px; }
  .showcase-foundation article { min-height:0; padding:28px 24px; }
  .showcase-foundation article + article { border-top:1px solid rgba(255,255,255,.1); border-left:0; }
  .showcase-foundation h3 { margin:34px 0 14px; font-size:27px; }
  .showcase-foundation p { font-size:12px; }
  .showcase-foundation article > div { margin-top:23px; }
  .showcase-source-ledger { grid-template-columns:1fr; border-radius:20px; }
  .showcase-source-lead { padding:25px 24px; border-right:0; border-bottom:1px solid rgba(255,255,255,.09); }
  .showcase-source-lead strong { margin:28px 0 14px; font-size:26px; }
  .showcase-source-grid { grid-template-columns:1fr; }
  .showcase-source-grid a { min-height:0; padding:23px 24px; }
  .showcase-source-boundary { padding:16px 22px; text-align:left; }
  .showcase-boundary { text-align:left; }

  .public-proof-grid { grid-template-columns:1fr; }
  .public-proof-grid a,.public-proof-grid a:last-child { grid-column:auto; min-height:340px; padding:25px; }
  .public-proof-grid strong { margin:18px 0 40px; font-size:62px; }
  .internal-proof { grid-template-columns:1fr; }
  .internal-proof-lead { padding:28px; }
  .internal-proof-lead strong { margin-top:30px; font-size:70px; }
  .internal-proof-metrics { grid-template-columns:1fr; min-height:0; }
  .internal-proof-metrics article { padding:26px; }
  .internal-proof-metrics strong { margin-bottom:28px; }
  .proof-boundary { padding:18px 22px; }
  .results-canvas { grid-template-columns:1fr; min-height:0; padding:18px; border-radius:26px; }
  .results-seal { width:250px; margin:34px auto; }
  .results-seal strong { font-size:58px; }
  .results-chain { grid-column:1; }
  .result-step { min-height:210px; padding:23px 20px 23px 62px; }
  .results-chain::before { left:23px; }
  .result-step::before { left:17px; }
  .result-step > strong { font-size:42px; }
  .results-delivery { grid-column:1; grid-template-columns:1fr; gap:14px; min-height:0; padding:14px; }
  .results-delivery-index { justify-self:start; margin:2px 0 2px 4px; writing-mode:horizontal-tb; transform:none; }
  .value-theatre { min-height:540px; }
  .value-radar { top:43%; width:282px; height:282px; transform:translate(-50%,-56%) scale(.9); }
  .value-signal { bottom:94px; }
  .value-rail { display:flex; min-height:82px; overflow-x:auto; scrollbar-width:none; }
  .value-rail::-webkit-scrollbar { display:none; }
  .value-rail button { min-width:94px; }
  .value-detail { min-height:360px; margin:0; padding:24px 12px 18px; border-top:1px solid rgba(255,255,255,.08); border-left:0; }
  .value-detail > strong { margin-top:36px; font-size:27px; }
  .value-detail > p { min-height:0; }
  .results-boundary { grid-column:1; padding:16px; line-height:1.7; }

  .field-heading { margin-bottom:52px; }
  .field-heading > p:last-child { font-size:14px; }
  .field-theatre { min-height:970px; border-radius:26px; }
  .field-signal { right:14px; left:14px; width:auto; min-height:125px; padding:17px; }
  .field-signal header { margin-bottom:17px; }
  .field-signal strong { font-size:14px; }
  .field-leasing { top:20px; }
  .field-merchant { top:157px; }
  .field-campaign { top:294px; bottom:auto; }
  .field-theatre[data-live-phase="2"] .field-signal { transform:scale(.97); }
  .field-core { top:65%; width:280px; height:280px; }
  .field-analysis { right:18px; bottom:24px; left:18px; width:auto; text-align:center; }
  .field-analysis > div { justify-content:center; }
  .field-sequence { grid-template-columns:1fr 1fr; }
  .field-sequence article { min-height:150px; padding:18px; }
  .field-sequence span { margin-bottom:24px; }
  .field-close { margin-top:120px; }
  .field-close h2 { font-size:clamp(52px,15vw,70px); }

  .site-footer { flex-direction:column; justify-content:center; min-height:180px; text-align:center; }
}

@media (max-width: 400px) {
  :root { --shell:calc(100vw - 22px); }
  .hero-title { font-size:52px; }
  .hero-statement { font-size:18px; }
  .system-stage { min-height:890px; }
  .stage-field,.stage-functional-layout { min-height:834px; }
  .stage-functional-layout { padding-right:8px; padding-left:8px; }
  .stage-function { padding:16px; }
  .department-node strong { font-size:7.5px; }
  .position-node { width:132px; }
  .position-node strong { font-size:10px; }
  .ring-one { width:330px; height:330px; }
  .position-core { width:140px; height:auto; min-height:110px; }
  .position-node { width:140px; }
  .capability-story h3 { font-size:32px; }
  .results-canvas { padding:14px; }
  .results-seal { width:228px; }
  .result-step { padding-left:56px; }
  .results-chain::before { left:20px; }
  .result-step::before { left:14px; }
  .value-theatre { min-height:520px; }
  .value-theatre-head { padding-right:14px; padding-left:14px; }
  .value-radar { transform:translate(-50%,-58%) scale(.82); }
  .value-core strong { font-size:50px; }
  .field-core { width:250px; height:250px; }
  .field-sequence { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.001ms !important; }
  .js [data-reveal] { opacity:1; transform:none; }
  .hero-enter { opacity:1; transform:none; }
}