@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/dm-mono-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/dm-mono-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/inter-latin-wght-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/manrope-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/manrope-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/manrope-latin-700-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/manrope-latin-800-normal.woff2") format("woff2");
}

:root {
  --ink: #070a0f; --ink-soft: #10151d; --canvas: #fafaf7; --white: #fff;
  --blue: #2f65e8; --blue-dark: #244fc0; --blue-soft: #e9f0ff; --cyan: #38c9e4;
  --blue-light: #77a4ff; --palette-blue: #080808; --blue-rgb: 47,101,232; --blue-light-rgb: 119,164,255; --cyan-rgb: 56,201,228;
  --accent-mid: #3973ee; --accent-depth: #183d9e; --accent-top: #4b80f2; --accent-bottom: #2859d3;
  --accent-hover-top: #6597ff; --accent-hover-mid: #3775fa; --accent-hover-bottom: #2d64e4;
  --accent-border: #4c82f4; --accent-border-hover: #6d9aff; --accent-active: #5b8df5; --accent-deep: #183f9f;
  --green: #2ebe6e; --green-rgb: 46,190,110; --status-green: #55d58a; --status-green-rgb: 85,213,138;
  --amber: #f3b84b; --muted: #697381; --border: #dfe3e7;
  --particle-1: #184dbb; --particle-2: #245fd8; --particle-3: #2f65e8;
  --particle-4: #4b82f1; --particle-5: #77a4ff; --particle-6: #38c9e4;
  --display: "Manrope", sans-serif; --body: "Inter", sans-serif; --mono: "DM Mono", monospace;
  --shadow: 0 28px 70px rgba(7,10,15,.15); --radius: 20px;
  --page-max: 92.5rem; --page-gutter: clamp(20px, 4vw, 64px);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: var(--body); -webkit-font-smoothing: antialiased; }
body.palette-gold {
  --blue: #d5a229; --blue-dark: #a97814; --blue-soft: #f7edd2; --cyan: #f0c95e;
  --blue-light: #f3d77c; --blue-rgb: 213,162,41; --blue-light-rgb: 243,215,124; --cyan-rgb: 240,201,94;
  --accent-mid: #c79522; --accent-depth: #6e4906; --accent-top: #e2b94d; --accent-bottom: #a66f0b;
  --accent-hover-top: #f4d16b; --accent-hover-mid: #deb13c; --accent-hover-bottom: #b57b11;
  --accent-border: #dfb74d; --accent-border-hover: #f2d278; --accent-active: #ca951f; --accent-deep: #5f3e08;
  --green: #d5a229; --green-rgb: 213,162,41; --status-green: #f0c95e; --status-green-rgb: 240,201,94;
  --particle-1: #6a4808; --particle-2: #8f650d; --particle-3: #b98516;
  --particle-4: #d5a229; --particle-5: #f0c95e; --particle-6: #f3d77c;
}
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
p, h1, h2, h3 { margin-top: 0; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 1000; padding: 1rem; background: white; color: black; }
.skip-link:focus { top: 1rem; }
.demo-bar { height: 34px; display: flex; justify-content: center; align-items: center; gap: 12px; background: var(--ink); color: #cbd1da; font-size: 11px; letter-spacing: .05em; }
.demo-bar p { margin: 0; }
.demo-bar span { padding: 3px 7px; border: 1px solid #3d4653; border-radius: 999px; color: white; font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }
.site-header { height: 76px; padding: 0 clamp(20px, 4vw, 64px); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; position: sticky; top: 0; z-index: 50; background: rgba(250,250,247,.9); border-bottom: 1px solid rgba(7,10,15,.08); backdrop-filter: blur(18px); transition: height .25s ease; }
.site-header.scrolled { height: 64px; }
.brand { display: inline-flex; align-items: center; gap: 10px; width: max-content; font: 800 11px/1.05 var(--display); letter-spacing: -.02em; }
.brand svg { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 2.1; }
.desktop-nav { display: flex; gap: clamp(20px, 2.4vw, 38px); font-size: 13px; font-weight: 600; }
.desktop-nav a { position: relative; color: #353c45; }
.desktop-nav a:after { content: ""; position: absolute; left: 0; bottom: -9px; width: 100%; height: 1px; background: var(--blue); transform: scaleX(0); transform-origin: right; transition: transform .25s; }
.desktop-nav a:hover:after { transform: scaleX(1); transform-origin: left; }
.header-actions { display: flex; justify-content: flex-end; align-items: center; gap: 20px; }
.palette-toggle { min-height: 34px; display: inline-flex; align-items: center; gap: 9px; padding: 0 11px; border: 1px solid #d4d9df; border-radius: 999px; background: rgba(255,255,255,.64); color: #343b45; font-size: 10px; font-weight: 700; letter-spacing: .015em; white-space: nowrap; transition: border-color .25s,background .25s,color .25s,transform .25s; }
.palette-toggle:hover { border-color: var(--blue); transform: translateY(-1px); }
.palette-toggle-swatches { display: flex; align-items: center; }
.palette-toggle-swatches i { width: 12px; height: 12px; border: 1px solid rgba(7,10,15,.16); border-radius: 50%; background: #080808; }
.palette-toggle-swatches i + i { margin-left: -4px; background: #d5a229; box-shadow: 0 0 0 2px rgba(255,255,255,.75); }
.palette-toggle[aria-pressed="true"] { border-color: rgba(var(--blue-rgb),.52); background: #0b0905; color: #f3d77c; box-shadow: 0 7px 20px rgba(83,54,4,.14); }
.palette-toggle[aria-pressed="true"] .palette-toggle-swatches i:first-child { background: var(--blue); }
.palette-toggle[aria-pressed="true"] .palette-toggle-swatches i:last-child { background: #080808; }
.palette-toggle-mobile { display: none; }
body.palette-gold .site-header { background: rgba(250,248,241,.92); }
body.palette-gold .demo-bar { background: #080705; color: #d8caab; }
body.palette-gold .demo-bar span { border-color: #6d5524; color: #f3d77c; }
body.palette-gold .button:not(.button-dark):not(.button-light),
body.palette-gold .service-tab.active { color: #080705; }
body.palette-gold .candidate-showcase {
  background: radial-gradient(circle at 78% 18%,rgba(var(--blue-rgb),.34),transparent 27%),radial-gradient(circle at 12% 78%,rgba(var(--cyan-rgb),.13),transparent 25%),linear-gradient(135deg,#171108 0%,#080705 52%,#100c06 100%);
}
body.palette-gold .process[data-process-version="1"] .phase-card.featured {
  border-color: rgba(var(--blue-rgb),.48);
  background: linear-gradient(150deg,#1b1408,#090704);
  box-shadow: inset 0 0 0 1px rgba(var(--blue-light-rgb),.06),0 24px 55px rgba(73,46,2,.15);
}
body.palette-gold .term-sheet-card,
body.palette-gold .transfer-statement {
  border: 1px solid rgba(var(--blue-rgb),.45);
  background: radial-gradient(circle at 82% 14%,rgba(var(--blue-rgb),.22),transparent 31%),linear-gradient(150deg,#1a1308,#080705);
}
body.palette-gold .term-sheet-card { box-shadow: 0 25px 55px rgba(73,46,2,.22); }
body.palette-gold .buildout-lab { background: #080705; }
body.palette-gold .mobile-menu { background: #faf8f1; }
.text-button, footer button { border: 0; padding: 0; background: none; color: inherit; font-size: 13px; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; padding: 0 22px; border: 1px solid var(--blue); border-radius: 12px; background: var(--blue); color: white; font-weight: 650; font-size: 13px; transition: transform .2s, background .2s, border-color .2s; }
.button:hover { background: var(--blue-dark); border-color: var(--blue-dark); transform: translateY(-2px); }
.button span { font-size: 17px; }
.button-small { min-height: 42px; border-radius: 10px; padding: 0 17px; gap: 12px; font-size: 12px; }
.menu-button, .mobile-menu { display: none; }
.dark-section { background: var(--ink); color: white; }
.hero { min-height: 0; position: relative; overflow: hidden; padding: clamp(44px,5vh,68px) clamp(20px,4vw,64px); display: grid; grid-template-columns: minmax(0,1.08fr) minmax(460px,.92fr); column-gap: clamp(28px,3vw,48px); align-items: center; }
.hero:before { content: ""; position: absolute; inset: 0; opacity: .16; 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: 64px 64px; mask-image: linear-gradient(to bottom,black,transparent 85%); }
.orb { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.orb-one { width: 520px; height: 520px; right: -180px; top: -240px; background: radial-gradient(circle,rgba(var(--blue-rgb),.38),transparent 67%); }
.orb-two { width: 420px; height: 420px; left: 38%; bottom: -330px; background: rgba(var(--cyan-rgb),.15); filter: blur(90px); }
.hero-copy, .hero-system { position: relative; z-index: 1; }
.eyebrow { margin-bottom: 23px; color: var(--blue-dark); font: 600 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .13em; }
.eyebrow.light { color: var(--blue-light); }
.hero h1 { max-width: 880px; margin: 0; font: 600 clamp(54px,5.4vw,88px)/.94 var(--display); letter-spacing: -.066em; }
h1 em, h2 em { color: var(--blue-light); font-style: normal; }
.process-heading h2 em { color: var(--blue); }
.section-heading h2 em { color: var(--blue); }
.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; white-space: nowrap; clip-path: inset(50%); }
/* Rotating headline tail — all three phrases share one grid cell; the box resizes to the live one. */
.phrase-swap { position: relative; display: inline-grid; max-width: 100%; vertical-align: top; perspective: 620px; transition: width .55s cubic-bezier(.16,1,.3,1); }
.phrase-swap em { grid-area: 1/1; justify-self: start; visibility: hidden; white-space: nowrap; transform-style: preserve-3d; }
.phrase-swap em.is-live,.phrase-swap em.is-out { visibility: visible; }
.phrase-swap i { display: inline-block; font-style: normal; white-space: pre; will-change: transform,opacity,filter; }
.phrase-swap em.is-live i { animation: h1SwapIn .52s cubic-bezier(.16,1,.3,1) backwards; animation-delay: calc(var(--i) * 24ms + 110ms); }
.phrase-swap em.is-out i { animation: h1SwapOut .4s cubic-bezier(.55,0,.35,1) forwards; animation-delay: calc(var(--i) * 18ms); }
.phrase-swap:after { content: ""; position: absolute; left: 0; right: 0; bottom: .04em; height: 2px; border-radius: 2px; background: linear-gradient(90deg,transparent,var(--blue-light),transparent); opacity: 0; transform: scaleX(0); }
.phrase-swap.is-swapping:after { animation: h1SwapSweep .74s cubic-bezier(.16,1,.3,1); }
@keyframes h1SwapIn { from { opacity: 0; transform: translateY(.34em) rotateX(-62deg); filter: blur(7px); } }
@keyframes h1SwapOut { to { opacity: 0; transform: translateY(-.34em) rotateX(62deg); filter: blur(7px); } }
/* Hero backdrop — light rising from below the fold, plus a dotted pool at the base.
   Blue ramp only; the cyan token desaturates to green against this near-black canvas.
   Softness comes mostly from the gradients themselves, with filter: blur() melting only
   the remaining edge, which keeps each rasterised layer cheap. */
.hero.has-hero-bg .orb { display: none; }
.hero-bg, .hero-dots { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; }
.hb { position: absolute; will-change: transform; }

/* The dawn itself — four layers on unequal periods so the bright point never settles */
.hb-horizon-1 { width: 160vw; height: 72vh; left: -30%; bottom: -38vh; border-radius: 50%; filter: blur(105px);
  background: radial-gradient(ellipse at 50% 50%,rgba(var(--blue-rgb),.68),rgba(var(--blue-rgb),.22) 40%,transparent 68%); animation: hbRise 13s ease-in-out infinite alternate; }
.hb-horizon-2 { width: 84vw; height: 38vh; left: 0; bottom: -17vh; border-radius: 50%; filter: blur(84px);
  background: radial-gradient(ellipse at 50% 50%,rgba(var(--blue-light-rgb),.52),rgba(var(--blue-rgb),.18) 44%,transparent 70%); animation: hbRise 13s ease-in-out infinite alternate 2.4s; }
.hb-horizon-3 { width: 130vw; height: 2px; left: -15%; bottom: 8%; filter: blur(30px); background-size: 240% 100%;
  background-image: linear-gradient(90deg,transparent,rgba(var(--blue-light-rgb),.32) 24%,rgba(214,230,255,.85) 50%,rgba(var(--blue-light-rgb),.32) 76%,transparent);
  animation: hbHorizonLine 14s ease-in-out infinite alternate, hbLineSweep 12s linear infinite; }
.hb-horizon-4 { width: 72vw; min-width: 720px; height: 32vh; left: 8%; bottom: -8vh; border-radius: 50%; filter: blur(72px);
  background: radial-gradient(ellipse at 50% 50%,rgba(var(--blue-light-rgb),.42),transparent 68%); animation: hbShimmer 23s ease-in-out infinite alternate; }
@keyframes hbRise { from { transform: translateY(7%) scale(1); opacity: .78; } to { transform: translateY(-6%) scale(1.11); opacity: 1; } }
@keyframes hbHorizonLine { from { opacity: .4; transform: scaleX(.86); } to { opacity: 1; transform: scaleX(1.14); } }
@keyframes hbLineSweep { from { background-position: 120% 0; } to { background-position: -120% 0; } }
@keyframes hbShimmer { from { transform: translateX(-15%) scale(.92); opacity: .5; } to { transform: translateX(17%) scale(1.12); opacity: 1; } }

/* Dotted pool — a dot grid rising off the bottom edge, masked to a circle so it
   dissolves outward as well as upward. Three treatments, one class on .hero at a time. */
.hd { position: absolute; inset: 0;
  background-image: radial-gradient(circle,rgba(var(--blue-light-rgb),.42) 1.1px,transparent 1.3px); background-size: 26px 26px; }

/* Dotted pool with a ring of dots lighting up as it travels outward.
   Only the mask window grows; the dot grid itself never scales, so it reads as a
   wave passing through a fixed field rather than a zoom. */
.hd-wave-base { -webkit-mask-image: radial-gradient(circle at 50% 100%,rgba(0,0,0,.72) 0%,rgba(0,0,0,.5) 32%,rgba(0,0,0,.2) 56%,transparent 74%);
  mask-image: radial-gradient(circle at 50% 100%,rgba(0,0,0,.72) 0%,rgba(0,0,0,.5) 32%,rgba(0,0,0,.2) 56%,transparent 74%); }
.hd-wave-ring { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 100%; mask-position: 50% 100%;
  -webkit-mask-image: radial-gradient(circle closest-side at 50% 100%,transparent 42%,#000 60%,#000 74%,transparent 94%);
  mask-image: radial-gradient(circle closest-side at 50% 100%,transparent 42%,#000 60%,#000 74%,transparent 94%);
  animation: hdWave 6.8s ease-out infinite; }
@keyframes hdWave {
  0% { -webkit-mask-size: 34% 34%; mask-size: 34% 34%; opacity: 0; }
  18% { opacity: 1; }
  100% { -webkit-mask-size: 200% 200%; mask-size: 200% 200%; opacity: 0; }
}

@media (max-width: 800px) {
  .mobile-menu .palette-toggle-mobile { width: 100%; min-height: 46px; display: flex; justify-content: center; margin: 0 0 18px; }
  .hb { filter: blur(58px) !important; }
  .hb-horizon-3, .hb-horizon-4 { display: none !important; }
  .hd { background-size: 20px 20px; }
}

@keyframes h1SwapSweep { 0% { opacity: 0; transform: scaleX(0); transform-origin: left; } 34% { opacity: .85; transform: scaleX(1); transform-origin: left; } 58% { opacity: .85; transform: scaleX(1); transform-origin: right; } 100% { opacity: 0; transform: scaleX(0); transform-origin: right; } }
.hero-lede { max-width: 610px; margin: 30px 0; color: #b8c0cc; font-size: clamp(17px, 1.35vw, 21px); line-height: 1.55; }
.hero-actions { display: flex; gap: 12px; }
/* Shared primary CTA motion — the hero's depth, glimpse and press language. */
.button:not(.hero-main-cta):not(.button-dark):not(.button-light) { position: relative; overflow: hidden; isolation: isolate; border-color: var(--accent-border); background: linear-gradient(180deg,var(--accent-top) 0%,var(--blue) 55%,var(--accent-bottom) 100%); box-shadow: inset 0 1px rgba(255,255,255,.28),inset 0 -1px rgba(10,32,89,.38),0 5px 0 var(--accent-depth),0 15px 29px rgba(var(--blue-rgb),.24); transform: translateY(-2px); }
.button:not(.hero-main-cta):not(.button-dark):not(.button-light):before { content: ""; position: absolute; z-index: 0; top: -55%; bottom: -55%; left: -42%; width: 28%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent); transform: skewX(-18deg); pointer-events: none; }
.button:not(.hero-main-cta):not(.button-dark):not(.button-light) > span { position: relative; z-index: 1; transition: transform .25s cubic-bezier(.16,1,.3,1); }
.button:not(.hero-main-cta):not(.button-dark):not(.button-light):hover { border-color: var(--accent-border-hover); background: linear-gradient(180deg,var(--accent-hover-top) 0%,var(--accent-hover-mid) 55%,var(--accent-hover-bottom) 100%); box-shadow: inset 0 1px rgba(255,255,255,.34),inset 0 -1px rgba(10,32,89,.3),0 5px 0 var(--accent-depth),0 18px 35px rgba(var(--blue-rgb),.35); transform: translateY(-2px); filter: saturate(1.18) brightness(1.06); }
.button:not(.hero-main-cta):not(.button-dark):not(.button-light):hover:before { animation: ctaGlimpse .72s cubic-bezier(.16,1,.3,1); }
.button:not(.hero-main-cta):not(.button-dark):not(.button-light):active { border-color: var(--accent-active); background: linear-gradient(180deg,var(--accent-active),var(--accent-mid) 58%,var(--accent-mid)); box-shadow: inset 0 1px rgba(255,255,255,.3),inset 0 -1px rgba(10,32,89,.3),0 1px 0 var(--accent-depth),0 8px 18px rgba(var(--blue-rgb),.22); transform: translateY(2px); filter: saturate(1.08); transition-duration: .08s; }
.button:not(.hero-main-cta):not(.button-dark):not(.button-light):active > span:last-child { transform: translate(3px,-3px); }
.button-small:not(.button-dark):not(.button-light) { box-shadow: inset 0 1px rgba(255,255,255,.28),inset 0 -1px rgba(10,32,89,.34),0 3px 0 var(--accent-depth),0 9px 20px rgba(var(--blue-rgb),.2); transform: translateY(-1px); }
.button-small:not(.button-dark):not(.button-light):hover { box-shadow: inset 0 1px rgba(255,255,255,.34),inset 0 -1px rgba(10,32,89,.28),0 3px 0 var(--accent-depth),0 11px 24px rgba(var(--blue-rgb),.3); transform: translateY(-1px); }
.button-small:not(.button-dark):not(.button-light):active { box-shadow: inset 0 1px rgba(255,255,255,.28),0 1px 0 var(--accent-depth),0 5px 12px rgba(var(--blue-rgb),.2); transform: translateY(1px); }
.hero-main-cta { position: relative; overflow: hidden; isolation: isolate; min-width: 230px; }
.hero-main-cta .cta-label,.hero-main-cta .cta-icon { position: relative; z-index: 2; }
.hero-main-cta.cta-depth { justify-content: space-between; padding: 0 19px 0 23px; border-color: var(--accent-border); border-radius: 11px; background: linear-gradient(180deg,var(--accent-top) 0%,var(--blue) 55%,var(--accent-bottom) 100%); box-shadow: inset 0 1px rgba(255,255,255,.28),inset 0 -1px rgba(10,32,89,.38),0 6px 0 var(--accent-depth),0 17px 32px rgba(var(--blue-rgb),.3); transform: translateY(-3px); }
.hero-main-cta.cta-depth:before { content: ""; position: absolute; z-index: 1; top: -55%; bottom: -55%; left: -42%; width: 28%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent); transform: skewX(-18deg); pointer-events: none; }
.hero-main-cta.cta-depth .cta-icon { position: relative; width: 28px; height: 28px; display: grid; place-items: center; overflow: hidden; margin-left: auto; border-radius: 50%; background: rgba(9,33,96,.22); box-shadow: inset 0 0 0 1px rgba(255,255,255,.15); font-size: 14px; transition: transform .32s cubic-bezier(.16,1,.3,1),background .25s; }
.hero-main-cta .cta-icon i { display: block; font-style: normal; transition: transform .32s cubic-bezier(.16,1,.3,1),opacity .2s; }
.hero-main-cta.cta-depth:hover { border-color: var(--accent-border-hover); background: linear-gradient(180deg,var(--accent-hover-top) 0%,var(--accent-hover-mid) 55%,var(--accent-hover-bottom) 100%); box-shadow: inset 0 1px rgba(255,255,255,.34),inset 0 -1px rgba(10,32,89,.3),0 6px 0 var(--accent-depth),0 19px 38px rgba(var(--blue-rgb),.4); transform: translateY(-3px); filter: saturate(1.18) brightness(1.06); }
.hero-main-cta.cta-depth:hover:before { animation: ctaGlimpse .72s cubic-bezier(.16,1,.3,1); }
.hero-main-cta.cta-depth:active { border-color: var(--accent-active); background: linear-gradient(180deg,var(--accent-active),var(--accent-mid) 58%,var(--accent-mid)); box-shadow: inset 0 1px rgba(255,255,255,.3),inset 0 -1px rgba(10,32,89,.3),0 2px 0 var(--accent-depth),0 9px 20px rgba(var(--blue-rgb),.26); transform: translateY(2px); filter: saturate(1.08); transition-duration: .08s; }
.hero-main-cta.arrow-lift:active .cta-icon i { transform: translate(3px,-3px); }
@keyframes ctaGlimpse { from { left: -42%; } to { left: 118%; } }
.button-dark { border-color: #38414d; background: rgba(255,255,255,.03); }
.button-dark:hover { background: #171d26; border-color: #596474; }
.microcopy { margin: 18px 0 0; color: #7d8794; font-size: 11px; }
.microcopy span { color: var(--green); margin-right: 6px; }
.hero-system { display: flex; align-items: center; }
.system-window { width: 100%; max-width: 530px; margin-left: auto; border: 1px solid rgba(255,255,255,.17); border-radius: 18px; background: rgba(18,24,33,.88); box-shadow: 0 40px 100px rgba(0,0,0,.45); backdrop-filter: blur(15px); overflow: hidden; transform: perspective(1200px) rotateY(-3deg) rotateX(1deg); }
.window-top { height: 43px; padding: 0 15px; border-bottom: 1px solid rgba(255,255,255,.1); display: flex; align-items: center; justify-content: space-between; font: 500 9px var(--mono); color: #8893a1; letter-spacing: .08em; }
.window-top > span { display: flex; gap: 5px; }.window-top i { display: block; width: 6px; height: 6px; border-radius: 50%; background: #414b58; }.window-top small { color: var(--cyan); }
.score-panel { display: flex; justify-content: space-between; padding: 30px 31px 23px; }
.score-panel p { margin: 0 0 8px; color: #8993a0; font-size: 11px; }.score-panel strong { display: block; font: 500 43px var(--mono); letter-spacing: -.06em; }.score-panel strong span { color: #5f6976; font-size: 15px; }.score-panel small { display: block; margin-top: 6px; color: var(--blue-light); font-size: 10px; }
.score-ring { width: 80px; height: 80px; position: relative; }.score-ring svg { width: 100%; transform: rotate(-90deg); }.score-ring circle { fill: none; stroke: #26303d; stroke-width: 7; }.score-ring .progress { stroke: var(--blue); stroke-dasharray: 314; stroke-dashoffset: 82; stroke-linecap: round; }.score-ring b { position: absolute; inset: 0; display: grid; place-items: center; font: 500 16px var(--mono); }
.signal-grid { display: grid; grid-template-columns: 1fr 1fr; padding: 0 31px 24px; gap: 17px 24px; }.signal-grid div { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; }.signal-grid span,.signal-grid b { font-size: 9px; }.signal-grid span { color: #8b95a2; }.signal-grid b { font: 500 9px var(--mono); }.signal-grid i { grid-column: 1 / -1; height: 3px; border-radius: 2px; background: #29313c; overflow: hidden; }.signal-grid i:after { content: ""; display: block; height: 100%; width: var(--value); background: linear-gradient(90deg,var(--blue),var(--cyan)); }
.recommendation { border-top: 1px solid rgba(255,255,255,.1); padding: 21px 31px 26px; }.recommendation > span { color: #687381; font: 500 8px var(--mono); letter-spacing: .1em; }.recommendation > div { display: flex; align-items: center; gap: 13px; margin-top: 13px; }.recommendation i { display: grid; place-items: center; width: 31px; height: 31px; background: var(--blue); border-radius: 7px; font: normal 10px var(--mono); }.recommendation p { margin: 0; flex: 1; }.recommendation p b,.recommendation p small { display: block; }.recommendation p b { font-size: 11px; }.recommendation p small { margin-top: 4px; color: #788390; font-size: 8px; }
.floating-card { position: absolute; z-index: 2; border: 1px solid rgba(255,255,255,.18); background: rgba(21,28,38,.94); box-shadow: 0 20px 50px rgba(0,0,0,.34); backdrop-filter: blur(8px); }.role-float { left: -13px; bottom: 9%; width: 168px; padding: 16px; border-radius: 12px; }.role-float span,.role-float small { display: block; font-size: 8px; }.role-float span { color: var(--cyan); font-family: var(--mono); letter-spacing: .1em; }.role-float b { display: block; margin: 9px 0 4px; font-size: 11px; }.role-float small { color: #7f8995; }.status-float { right: -29px; top: 17%; display: grid; grid-template-columns: auto auto; gap: 2px 9px; padding: 12px 16px; border-radius: 9px; }.status-float i { grid-row: 1/3; align-self: center; width: 7px; height: 7px; background: var(--amber); border-radius: 50%; box-shadow: 0 0 0 4px rgba(243,184,75,.1); }.status-float span { color: #697482; font-size: 7px; }.status-float b { font-size: 9px; }
.section-pad { padding: clamp(90px, 11vw, 170px) clamp(20px, 6vw, 92px); }
/* Section index — a chapter tab: accent rule, number, then the title in display type. */
.section-index { margin-bottom: clamp(55px, 7vw, 105px); display: flex; align-items: stretch; gap: clamp(14px, 1.4vw, 20px); }
.section-index > i { width: 3px; flex: none; border-radius: 3px; background: linear-gradient(var(--blue),rgba(var(--blue-rgb),0)); }
.section-index > span { display: flex; flex-direction: column; justify-content: center; gap: 9px; padding: 3px 0; }
.section-index b { color: var(--blue-dark); font: 500 10px var(--mono); letter-spacing: .16em; }
.section-index em { color: var(--ink); font: 600 clamp(17px, 2vw, 24px)/1 var(--display); font-style: normal; letter-spacing: -.025em; }
.light-index > i { background: linear-gradient(var(--blue-light),rgba(var(--blue-light-rgb),0)); }
.light-index b { color: var(--blue-light); }
.light-index em { color: #fff; }
.belief { padding-bottom: 100px; }.belief-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 8vw; align-items: end; }.belief h2,.section-heading h2,.model h2,.process h2,.candidate-copy h2,.pricing h2,.buildout h2,.faq h2,.final-cta h2 { margin: 0; font: 600 clamp(42px, 5vw, 76px)/1.02 var(--display); letter-spacing: -.055em; }.belief h2 em { color: var(--blue); }.belief-grid > div p { color: #5f6975; font-size: 17px; line-height: 1.65; }.belief-grid a,.link-button { border: 0; border-bottom: 1px solid #aeb6c0; padding: 0 0 7px; background: none; color: var(--ink); font-weight: 650; font-size: 13px; }.belief-grid a span,.link-button span { margin-left: 22px; }.bottleneck-track { margin-top: 95px; display: flex; align-items: center; justify-content: space-between; color: #58616d; font: 500 10px var(--mono); text-transform: uppercase; letter-spacing: .09em; }.bottleneck-track i { height: 1px; flex: 1; margin: 0 25px; background: #d4d8dd; position: relative; }.bottleneck-track i:after { content: ""; position: absolute; right: 0; top: -2px; width: 5px; height: 5px; border-radius: 50%; background: var(--blue); }
.belief-lab { position: relative; min-height: 720px; overflow: hidden; }
.belief-version-switcher { position: absolute; z-index: 8; top: 42px; right: max(var(--page-gutter),calc((100vw - var(--page-max))/2 + var(--page-gutter))); display: flex; gap: 3px; padding: 4px; border: 1px solid #d7dce2; border-radius: 10px; background: rgba(250,250,247,.9); box-shadow: 0 12px 30px rgba(7,10,15,.08); backdrop-filter: blur(12px); }
.belief-version-switcher button { height: 31px; display: flex; align-items: center; gap: 7px; padding: 0 11px; border: 0; border-radius: 7px; background: transparent; color: #78828e; }.belief-version-switcher button i { color: #a0a8b1; font: normal 500 7px var(--mono); }.belief-version-switcher button b { font-size: 8px; }.belief-version-switcher button.active { background: var(--ink); color: #fff; }.belief-version-switcher button.active i { color: var(--blue-light); }
.belief-option[hidden] { display: none; }.belief-option.active .reveal { opacity: 1; transform: none; }.belief-option-enter { animation: beliefOptionIn .52s cubic-bezier(.16,1,.3,1); } @keyframes beliefOptionIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.belief-lab a { display: inline-flex; align-items: center; gap: 25px; width: max-content; padding-bottom: 8px; border-bottom: 1px solid #aeb6c0; font-size: 13px; font-weight: 700; }.belief-lab a span { font-size: 17px; transition: transform .25s; }.belief-lab a:hover span { transform: translate(3px,-3px); }
/* 01 — operational diagnostic */
.belief-diagnostic { display: grid; grid-template-columns: .92fr 1.08fr; gap: clamp(55px,8vw,130px); align-items: center; }
.belief-diagnostic-copy h2 { font-size: clamp(46px,5vw,78px); line-height: .94; letter-spacing: -.066em; }.belief-diagnostic-copy > p:not(.eyebrow) { max-width: 570px; margin: 28px 0; color: #66707c; font-size: 16px; line-height: 1.65; }
.diagnostic-stack { border: 1px solid #d9dee4; border-radius: 18px; background: #fff; box-shadow: 0 28px 65px rgba(7,10,15,.09); overflow: hidden; }
.diagnostic-stack-head { height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 0 21px; border-bottom: 1px solid #e0e4e8; color: #7a8490; font: 500 8px var(--mono); letter-spacing: .1em; }.diagnostic-stack-head b { color: var(--blue); }
.diagnostic-row { min-height: 72px; display: grid; grid-template-columns: 35px 1fr auto; align-items: center; gap: 12px; padding: 0 21px; border-bottom: 1px solid #edf0f2; transition: background .25s,transform .25s; }.diagnostic-row:last-child { border-bottom: 0; }.diagnostic-row:hover { background: #f8f9f7; transform: translateX(3px); }.diagnostic-row > i { color: #9aa3ad; font: normal 500 8px var(--mono); }.diagnostic-row span b,.diagnostic-row span small { display: block; }.diagnostic-row span b { font-size: 13px; }.diagnostic-row span small { margin-top: 4px; color: #929ba5; font-size: 9px; }.diagnostic-row > em { padding: 6px 8px; border-radius: 999px; color: var(--green); background: #eaf8f0; font: normal 500 7px var(--mono); letter-spacing: .06em; }.diagnostic-row.is-risk { position: relative; background: #fff8f0; box-shadow: inset 3px 0 #e99832; }.diagnostic-row.is-risk > em { color: #b56816; background: #ffead0; }.diagnostic-row.is-locked { opacity: .55; }.diagnostic-row.is-locked > em { color: #68727e; background: #edf0f2; }
/* 02 — oversized editorial statement */
.belief-statement { min-height: 535px; display: flex; flex-direction: column; padding: clamp(34px,5vw,70px); border-radius: 24px; background: var(--blue); color: #fff; overflow: hidden; }
.statement-meta { display: flex; justify-content: space-between; color: #c8d7ff; font: 500 8px var(--mono); letter-spacing: .12em; }
.belief-statement h2 { max-width: 1200px; margin: auto 0; color: #fff; font-size: clamp(47px,6.2vw,96px); line-height: .98; }.belief-statement h2 em { color: var(--blue-light); }
.statement-foot { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: end; }.statement-foot p { max-width: 570px; margin: 0; color: #dbe5ff; line-height: 1.6; }.belief-statement a { color: #fff; border-color: rgba(255,255,255,.42); }
.statement-track { display: grid; grid-template-columns: repeat(5,1fr); margin-top: 46px; border-top: 1px solid rgba(255,255,255,.25); }.statement-track span { padding-top: 14px; color: #c8d7ff; font: 500 8px var(--mono); letter-spacing: .07em; }.statement-track span i { margin-right: 10px; color: rgba(255,255,255,.5); font-style: normal; }.statement-track .talent-last { color: #fff; text-align: right; }
/* 03 — dark system console */
.belief-console { min-height: 535px; display: grid; grid-template-columns: .78fr 1.22fr; border: 1px solid #202a37; border-radius: 24px; background: #0b1017; color: #fff; overflow: hidden; box-shadow: 0 30px 80px rgba(7,10,15,.18); }
.console-copy { padding: clamp(38px,5vw,72px); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; border-right: 1px solid #252e3a; }.console-kicker { margin-bottom: 28px; color: var(--blue-light); font: 500 8px var(--mono); letter-spacing: .12em; }.console-copy h2 { color: #fff; font-size: clamp(44px,4.7vw,72px); }.console-copy h2 em { color: var(--blue-light); }.console-copy p { max-width: 470px; margin: 25px 0; color: #8994a1; line-height: 1.65; }.console-copy a { color: #fff; border-color: #475362; }
.console-map { position: relative; min-width: 0; padding: 30px; 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: 42px 42px; overflow: hidden; }
.console-map-head { display: flex; justify-content: space-between; color: #65717f; font: 500 7px var(--mono); letter-spacing: .11em; }.console-map-head b { color: var(--status-green); }.console-map-head b i { display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: var(--status-green); box-shadow: 0 0 10px var(--status-green); animation: statusBlink 1.8s infinite; }
.console-flow { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 22px 1fr 22px 1fr 22px 1fr 22px 1fr; align-items: center; margin-top: 120px; }.console-node { min-width: 0; min-height: 94px; padding: 13px 10px; border: 1px solid #2f3a48; border-radius: 10px; background: rgba(17,24,34,.94); }.console-node > i,.console-node > b,.console-node > small { display: block; }.console-node > i { color: #586473; font: normal 500 6px var(--mono); }.console-node > b { margin: 17px 0 6px; font: 600 8px var(--mono); }.console-node > small { color: var(--status-green); font: 500 5px var(--mono); }.console-node.node-risk { border-color: #8c4348; background: #28171c; box-shadow: 0 0 32px rgba(217,79,79,.12); }.console-node.node-risk small { color: #f17070; }.console-node.node-muted { opacity: .48; }.console-link { height: 1px; background: #354456; }.console-link.link-broken { background: repeating-linear-gradient(90deg,#d94f4f 0 4px,transparent 4px 8px); }.console-link.link-muted { opacity: .35; }
.console-alert { position: absolute; z-index: 2; left: 30px; right: 30px; bottom: 42px; display: flex; align-items: center; gap: 14px; padding: 16px; border: 1px solid rgba(241,112,112,.28); border-radius: 11px; background: rgba(55,24,29,.82); }.console-alert > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: rgba(241,112,112,.12); color: #f17070; }.console-alert small,.console-alert b { display: block; }.console-alert small { color: #a75a60; font: 500 6px var(--mono); letter-spacing: .1em; }.console-alert b { margin-top: 5px; font-size: 9px; }
.console-scan-line { position: absolute; z-index: 1; left: 0; right: 0; height: 1px; background: linear-gradient(90deg,transparent,var(--blue-light),transparent); box-shadow: 0 0 16px rgba(var(--blue-light-rgb),.7); animation: consoleScan 4s ease-in-out infinite; } @keyframes consoleScan { 0%,100% { top: 18%; opacity: .2; } 50% { top: 82%; opacity: .8; } }
/* Principle section — interactive diagnostic motion variants */
.belief-motion-stage { --motion-x: 0; --motion-y: 0; position: relative; min-width: 0; min-height: 461px; }
.belief-motion-option { height: 461px; }.belief-motion-option[hidden] { display: none; }.belief-motion-option.active { animation: beliefMotionIn .48s cubic-bezier(.16,1,.3,1); } @keyframes beliefMotionIn { from { opacity: 0; transform: translateY(9px) scale(.992); } to { opacity: 1; transform: none; } }
.motion-card-head { position: relative; z-index: 4; height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 19px; border-bottom: 1px solid #e0e4e8; color: #7a8490; font: 500 7px var(--mono); letter-spacing: .1em; }.motion-card-head > b { color: var(--blue); }.motion-card-head > b i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: var(--status-green); box-shadow: 0 0 9px rgba(var(--green-rgb),.7); animation: statusBlink 1.7s infinite; }
.motion-readout { position: absolute; z-index: 4; left: 18px; right: 18px; bottom: 16px; min-height: 64px; display: flex; align-items: center; gap: 13px; padding: 11px 14px; border: 1px solid #dce2e8; border-radius: 10px; background: rgba(248,249,247,.94); backdrop-filter: blur(8px); }.motion-readout > span { width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 8px; background: #f5e7e8; color: #d94f4f; font: 500 9px var(--mono); }.motion-readout small,.motion-readout b { display: block; }.motion-readout small { color: #b45e63; font: 500 6px var(--mono); letter-spacing: .09em; }.motion-readout b { margin-top: 5px; font-size: 9px; line-height: 1.35; }
.motion-sequence-card { position: relative; width: 100%; height: 100%; overflow: hidden; border: 1px solid #d9dee4; border-radius: 18px; background: #fff; box-shadow: 0 28px 65px rgba(7,10,15,.09); }
.seq-row { border: 0; background: transparent; color: var(--ink); text-align: left; }

/* Backdrop behind the diagnostic card — concentric rings on a blue glow.
   Rings are sized from the container HEIGHT (the short axis) with width derived by
   aspect-ratio, so a full circle always fits; sizing off width clipped them top and
   bottom. No overflow:hidden here for the same reason — nothing is allowed to clip. */
.belief-motion-bg { position: absolute; z-index: 0; inset: -128px -30px -128px -122px; pointer-events: none; }
.belief-motion-option { position: relative; z-index: 1; }
.fx-glow, .fx-rings { position: absolute; left: 50%; top: 50%; width: auto; aspect-ratio: 1; border-radius: 50%; will-change: transform; }
.fx-glow { height: 90%; transform: translate(-50%,-50%); filter: blur(66px);
  background: radial-gradient(circle at 50% 50%,rgba(var(--blue-rgb),.46),rgba(var(--blue-rgb),.2) 42%,rgba(var(--blue-light-rgb),.08) 64%,transparent 78%); animation: bgfxGlow 9.5s ease-in-out infinite; }
.fx-rings { border: 1px solid rgba(var(--blue-rgb),.3); box-shadow: 0 0 26px rgba(var(--blue-rgb),.16), inset 0 0 26px rgba(var(--blue-rgb),.07); }
.fx-rings.r1 { height: 92%; animation: bgfxSpin 44s linear infinite; }
.fx-rings.r2 { height: 71%; border-style: dashed; border-color: rgba(var(--blue-rgb),.26); animation: bgfxSpinBack 33s linear infinite; }
.fx-rings.r3 { height: 50%; border-color: rgba(var(--blue-light-rgb),.42); animation: bgfxSpin 25s linear infinite; }
.fx-rings:before { content: ""; position: absolute; top: -3px; left: 50%; width: 5px; height: 5px; margin-left: -2.5px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 12px rgba(var(--blue-rgb),.75); }
@keyframes bgfxGlow { 0%,100% { transform: translate(-50%,-50%) scale(1); opacity: .82; } 50% { transform: translate(-50%,-50%) scale(1.09); opacity: 1; } }
@keyframes bgfxSpin { from { transform: translate(-50%,-50%) rotate(0); } to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes bgfxSpinBack { from { transform: translate(-50%,-50%) rotate(0); } to { transform: translate(-50%,-50%) rotate(-360deg); } }
/* Belief diagnostic — the schedule reads left to right; the overrun pushes talent later. */
.motion-sequence-card { background: linear-gradient(180deg,#fff,#f7f9fd); }
.seq-body { position: absolute; inset: 48px 0 92px; display: flex; flex-direction: column; justify-content: center; gap: 5px; padding: 6px clamp(16px,3vw,30px) 0; }
.seq-axis { display: flex; justify-content: space-between; margin: 0 0 6px calc(clamp(58px,9vw,86px)); color: #a6aeb8; font: 500 5px var(--mono); letter-spacing: .1em; }
.seq-row { position: relative; display: grid; grid-template-columns: clamp(58px,9vw,86px) 1fr; align-items: center; gap: 0; min-height: 40px; padding: 0; border-radius: 8px; transition: background .22s; }
.seq-row:hover, .seq-row.is-selected { background: #f4f7fc; }
.seq-row > i { position: absolute; left: 0; top: 7px; color: #9aa3ad; font: normal 500 5px var(--mono); }
.seq-row > b { padding-left: 0; font-size: 9px; align-self: center; }
.seq-row > s { position: relative; height: 15px; margin-left: calc(var(--s) * 1%); width: calc(var(--w) * 1%); border-radius: 4px; background: linear-gradient(90deg,var(--blue-light),var(--accent-mid)); text-decoration: none; transform-origin: left center; animation: seqGrow 7s cubic-bezier(.16,1,.3,1) infinite var(--d); }
.seq-row.is-risk > s { background: linear-gradient(90deg,#e88b8b,#d94f4f); }
.seq-row.is-hold > s { background: repeating-linear-gradient(115deg,#c6cedb 0 6px,#dde3ec 6px 12px); }
.seq-row > u { position: absolute; right: 6px; top: 9px; color: #b45359; font: normal 500 5px var(--mono); letter-spacing: .09em; text-decoration: none; }
.seq-row.is-hold > u { color: #78828e; }
.seq-row.is-selected > b { color: var(--blue-dark); }
.seq-talent > s { animation: seqPushed 7s cubic-bezier(.16,1,.3,1) infinite var(--d); }
.seq-playhead { position: absolute; z-index: 3; top: 10px; bottom: 6px; left: clamp(58px,9vw,86px); right: clamp(16px,3vw,30px); pointer-events: none; }
.seq-playhead:before { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: linear-gradient(180deg,transparent,var(--accent-mid),transparent); box-shadow: 0 0 10px rgba(var(--blue-rgb),.45); animation: seqPlayhead 7s cubic-bezier(.16,1,.3,1) infinite; }
@keyframes seqGrow { 0%,3% { transform: scaleX(0); opacity: .3; } 16%,92% { transform: scaleX(1); opacity: 1; } 100% { transform: scaleX(1); opacity: .3; } }
@keyframes seqPushed { 0%,3% { transform: scaleX(0) translateX(0); opacity: .3; } 16% { transform: scaleX(1) translateX(0); opacity: 1; } 40% { transform: scaleX(1) translateX(0); } 58%,92% { transform: scaleX(1) translateX(14%); opacity: 1; } 100% { transform: scaleX(1) translateX(14%); opacity: .3; } }
@keyframes seqPlayhead { 0% { left: 0; opacity: 0; } 8% { opacity: 1; } 88% { opacity: 1; } 100% { left: 100%; opacity: 0; } }

@media (max-width: 520px) {
  .seq-row > b { font-size: 8px; }
  .seq-row > u { display: none; }
}

.qualify { background: #f0f1ed; }.section-heading { max-width: 960px; margin-bottom: 55px; }.qualify-grid { display: grid; grid-template-columns: 1fr 1fr .75fr; gap: 16px; }.fit-card { min-height: 430px; padding: 28px; border-radius: var(--radius); background: white; border: 1px solid #e0e3df; }.fit-card.good { border-top: 3px solid var(--green); }.fit-card.caution { border-top: 3px solid var(--amber); }.fit-top { display: flex; justify-content: space-between; padding-bottom: 22px; border-bottom: 1px solid var(--border); }.fit-top span { font-weight: 650; font-size: 14px; }.fit-top b { color: #9ca4ad; font: 500 10px var(--mono); }.fit-card ul { list-style: none; padding: 12px 0 0; margin: 0; }.fit-card li { position: relative; padding: 14px 0 14px 26px; border-bottom: 1px solid #edf0f2; color: #424b56; font-size: 13px; }.fit-card li:before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 700; }.fit-card.caution li:before { content: "–"; color: #c68618; }.readiness-prompt { padding: 34px 30px; border-radius: var(--radius); background: var(--ink); color: white; display: flex; flex-direction: column; justify-content: flex-end; }.radar { width: 62px; height: 62px; margin: 0 0 auto; display: grid; place-items: center; border: 1px solid #313b48; border-radius: 50%; box-shadow: inset 0 0 0 12px #111720, inset 0 0 0 13px #313b48; }.radar i { width: 9px; height: 9px; border-radius: 50%; background: var(--blue-light); box-shadow: 0 0 20px 6px rgba(var(--blue-rgb),.55); }.readiness-prompt h3 { margin-bottom: 12px; font: 600 24px/1.18 var(--display); letter-spacing: -.03em; }.readiness-prompt p { color: #9099a5; font-size: 13px; line-height: 1.55; }.readiness-prompt .link-button { margin-top: 12px; align-self: flex-start; color: white; border-color: #586270; }
/* Client readiness section comparison */
.qualify-lab { --standards-x: 0; --standards-y: 0; position: relative; min-height: 900px; overflow: hidden; transition: background .45s,color .45s; }.qualify-lab[data-standards-theme="1"] { background: #091019; color: #fff; }.qualify-lab[data-standards-theme="2"] { background: #f2f4f1; color: var(--ink); }.qualify-lab[data-standards-theme="3"] { background: var(--accent-mid); color: #fff; }
.qualify-lab > .section-index,.standards-option { position: relative; z-index: 3; }.qualify-lab[data-standards-theme="1"] .section-index em,.qualify-lab[data-standards-theme="3"] .section-index em { color: #fff; }.qualify-lab[data-standards-theme="1"] .section-index b,.qualify-lab[data-standards-theme="3"] .section-index b { color: var(--blue-light); }
.standards-version-switcher { position: absolute; z-index: 9; top: 42px; right: max(var(--page-gutter),calc((100vw - var(--page-max))/2 + var(--page-gutter))); display: flex; gap: 3px; padding: 4px; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; background: rgba(9,16,25,.78); box-shadow: 0 14px 34px rgba(0,0,0,.16); backdrop-filter: blur(14px); }.standards-version-switcher button { height: 31px; display: flex; align-items: center; gap: 7px; padding: 0 11px; border: 0; border-radius: 7px; background: transparent; color: #7f8a98; }.standards-version-switcher button i { color: #5f6b79; font: normal 500 7px var(--mono); }.standards-version-switcher button b { font-size: 8px; }.standards-version-switcher button.active { background: var(--blue); color: #fff; }.standards-version-switcher button.active i { color: #c8d7ff; }
.standards-option[hidden] { display: none; }.standards-option.active { animation: standardsIn .55s cubic-bezier(.16,1,.3,1); }.standards-option.active .reveal { opacity: 1; transform: none; } @keyframes standardsIn { from { opacity: 0; transform: translateY(13px); } to { opacity: 1; transform: none; } }
.standards-bg { position: absolute; z-index: 0; inset: 0; pointer-events: none; overflow: hidden; }
/* 01 — readiness radar */
.radar-bg { background-image: linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),radial-gradient(circle at calc(72% + var(--standards-x) * 6%) calc(32% + var(--standards-y) * 6%),rgba(var(--blue-rgb),.3),transparent 35%); background-size: 58px 58px,58px 58px,100% 100%; }.radar-bg > i { position: absolute; border: 1px solid rgba(var(--blue-light-rgb),.1); border-radius: 50%; animation: standardsBgPulse 8s ease-in-out infinite alternate; }.radar-bg > i:nth-child(1) { width: 550px; height: 550px; right: -120px; top: -180px; }.radar-bg > i:nth-child(2) { width: 320px; height: 320px; left: 35%; bottom: -210px; animation-delay: -3s; }.radar-bg > i:nth-child(3) { width: 170px; height: 170px; right: 33%; top: 16%; animation-delay: -5s; }
.standards-radar-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(45px,7vw,110px); align-items: center; }.standards-radar-copy h2 { font-size: clamp(48px,5.3vw,82px); color: #fff; }.standards-radar-copy h2 em { color: var(--blue-light); }.standards-radar-copy > p:not(.eyebrow) { max-width: 560px; margin: 28px 0; color: #939eab; line-height: 1.65; }
.readiness-radar-motion { position: relative; width: min(100%,520px); aspect-ratio: 1; margin: 0 auto; transform: translate(calc(var(--standards-x) * 8px),calc(var(--standards-y) * 8px)); transition: transform .25s ease-out; }.readiness-ring { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(var(--blue-light-rgb),.22); border-radius: 50%; transform: translate(-50%,-50%); }.radar-ring-a { width: 90%; height: 90%; }.radar-ring-b { width: 66%; height: 66%; border-style: dashed; animation: readinessSpin 24s linear infinite; }.radar-ring-c { width: 40%; height: 40%; border-color: rgba(var(--status-green-rgb),.22); }
.radar-sweep { position: absolute; left: 50%; top: 50%; width: 43%; height: 43%; transform-origin: 0 0; background: conic-gradient(from 0deg,rgba(var(--blue-light-rgb),.3),transparent 25%); clip-path: polygon(0 0,100% 0,100% 100%); animation: radarSweep 5s linear infinite; }.radar-core { position: absolute; z-index: 3; left: 50%; top: 50%; width: 154px; height: 154px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--accent-mid); border-radius: 50%; background: radial-gradient(circle at 38% 30%,var(--accent-mid),#102039 68%); box-shadow: 0 0 70px rgba(var(--blue-rgb),.28); transform: translate(-50%,-50%); }.radar-core small { color: var(--blue-light); font: 500 6px var(--mono); letter-spacing: .1em; }.radar-core strong { margin: 7px 0; font: 500 39px var(--mono); letter-spacing: -.08em; }.radar-core strong em { color: var(--blue-light); font-size: 12px; font-style: normal; }.radar-core b { color: var(--status-green); font: 500 5px var(--mono); letter-spacing: .08em; }
.radar-signal { position: absolute; z-index: 4; min-width: 102px; padding: 10px 11px 10px 25px; border: 1px solid #29384c; border-radius: 9px; background: rgba(15,24,36,.92); box-shadow: 0 10px 25px rgba(0,0,0,.25); animation: radarSignalFloat 4s ease-in-out infinite; }.radar-signal > i { position: absolute; left: 10px; top: 14px; width: 6px; height: 6px; border-radius: 50%; background: var(--status-green); box-shadow: 0 0 9px rgba(var(--status-green-rgb),.7); }.radar-signal b,.radar-signal small { display: block; }.radar-signal b { font-size: 8px; }.radar-signal small { margin-top: 4px; color: #697687; font: 500 5px var(--mono); }.radar-signal.risk { border-color: #6f353b; }.radar-signal.risk > i { background: #f17070; box-shadow: 0 0 9px rgba(241,112,112,.7); }.radar-signal.risk small { color: #c16b71; }.signal-offer { left: 2%; top: 16%; }.signal-leads { right: 1%; top: 20%; animation-delay: -1s; }.signal-process { right: 0; bottom: 18%; animation-delay: -2s; }.signal-manage { left: 3%; bottom: 15%; animation-delay: -3s; }
.radar-criteria-grid { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 10px; }.radar-criteria { border: 1px solid #273342; border-radius: 15px; background: rgba(15,23,34,.8); overflow: hidden; }.radar-criteria header { display: flex; justify-content: space-between; padding: 15px 18px; border-bottom: 1px solid #293442; color: #8a96a4; font: 500 7px var(--mono); letter-spacing: .08em; }.radar-criteria.ready header b { color: var(--status-green); }.radar-criteria.repair header b { color: #f3b84b; }.radar-criteria > div { display: grid; grid-template-columns: repeat(3,1fr); }.radar-criteria > div span { min-height: 52px; display: flex; align-items: center; padding: 10px 13px 10px 27px; border-right: 1px solid #26313f; border-bottom: 1px solid #26313f; color: #a1abb7; font-size: 8px; position: relative; }.radar-criteria > div span:before { content: ""; position: absolute; left: 13px; width: 5px; height: 5px; border-radius: 50%; background: var(--status-green); }.radar-criteria.repair > div span:before { background: #f3b84b; }
/* 02 — reactive light field */
.field-bg { background: linear-gradient(135deg,#f5f6f2,#edf2ff 52%,#f7f8f5); }.field-bg:after { content: ""; position: absolute; inset: 0; opacity: .5; background-image: linear-gradient(rgba(var(--blue-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--blue-rgb),.06) 1px,transparent 1px); background-size: 72px 72px; mask-image: radial-gradient(circle at 50% 45%,#000,transparent 78%); }.field-bg i { position: absolute; border-radius: 50%; filter: blur(2px); transition: transform .3s ease-out; }.field-bg i:nth-child(1) { width: 460px; height: 460px; left: -120px; top: 10%; background: radial-gradient(circle,rgba(var(--status-green-rgb),.16),transparent 68%); transform: translate(calc(var(--standards-x) * 28px),calc(var(--standards-y) * 22px)); }.field-bg i:nth-child(2) { width: 600px; height: 600px; right: -160px; top: -130px; background: radial-gradient(circle,rgba(var(--blue-rgb),.2),transparent 67%); transform: translate(calc(var(--standards-x) * -32px),calc(var(--standards-y) * -26px)); }.field-bg i:nth-child(3) { width: 240px; height: 240px; left: 42%; bottom: -80px; background: radial-gradient(circle,rgba(var(--cyan-rgb),.15),transparent 67%); }.field-bg i:nth-child(4) { inset: 0; border-radius: 0; background: linear-gradient(110deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%); animation: fieldGlint 9s ease-in-out infinite; }
.standards-field-layout { position: relative; }.field-heading { display: grid; grid-template-columns: 1.3fr .7fr; gap: 8vw; align-items: end; margin-bottom: 58px; }.field-heading h2 { max-width: 900px; font-size: clamp(46px,5.2vw,80px); }.field-heading h2 em { color: var(--blue); }.field-heading > p { margin: 0 0 7px; color: #68727e; line-height: 1.65; }
.standards-bento { display: grid; grid-template-columns: 1fr 1fr .68fr; gap: 14px; }.field-card,.field-cta-card { min-height: 465px; padding: 28px; border: 1px solid rgba(202,210,222,.8); border-radius: 20px; background: rgba(255,255,255,.7); box-shadow: 0 25px 65px rgba(38,56,90,.08); backdrop-filter: blur(14px); transition: transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s; }.field-card:hover,.field-cta-card:hover { transform: translateY(-7px); box-shadow: 0 34px 78px rgba(38,56,90,.14); }.field-card-head { display: flex; justify-content: space-between; color: #7b8692; font: 500 8px var(--mono); letter-spacing: .09em; }.field-card-head span i { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--status-green); }.field-risk .field-card-head span i { background: #f3b84b; }.field-card h3 { max-width: 390px; margin: 48px 0 21px; font: 600 25px/1.18 var(--display); letter-spacing: -.035em; }.field-card ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #dce1e7; }.field-card li { padding: 11px 0 11px 22px; border-bottom: 1px solid #e3e7eb; color: #4d5763; font-size: 10px; position: relative; }.field-card li:before { content: "✓"; position: absolute; left: 0; color: var(--green); }.field-risk li:before { content: "–"; color: #c68618; }.field-meter { display: block; height: 3px; margin-top: 20px; border-radius: 3px; background: #e0e4e9; overflow: hidden; }.field-meter i { display: block; width: 82%; height: 100%; background: linear-gradient(90deg,var(--status-green),var(--green)); animation: fieldMeter 3.2s ease-in-out infinite alternate; }.field-risk .field-meter i { width: 46%; background: linear-gradient(90deg,#f3b84b,#dc9821); }
.field-cta-card { display: flex; flex-direction: column; justify-content: flex-end; background: rgba(10,16,25,.94); color: #fff; }.field-pulse { position: relative; width: 74px; height: 74px; margin-bottom: auto; }.field-pulse i { position: absolute; inset: 0; border: 1px solid rgba(var(--blue-light-rgb),.35); border-radius: 50%; animation: fieldPulse 2.8s ease-out infinite; }.field-pulse i:nth-child(2) { animation-delay: -1.4s; }.field-pulse span { position: absolute; left: 50%; top: 50%; width: 11px; height: 11px; border-radius: 50%; background: var(--blue-light); box-shadow: 0 0 20px rgba(var(--blue-rgb),.8); transform: translate(-50%,-50%); }.field-cta-card > small { color: var(--blue-light); font: 500 7px var(--mono); letter-spacing: .1em; }.field-cta-card h3 { margin: 15px 0 10px; font: 600 24px/1.15 var(--display); }.field-cta-card p { color: #8f99a6; font-size: 11px; line-height: 1.55; }.field-cta-card .button { margin-top: 12px; }
/* 03 — threshold gate */
.threshold-bg { background: linear-gradient(135deg,var(--accent-mid),var(--blue) 52%,var(--accent-mid)); }.threshold-bg:before { content: ""; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size: 52px 52px; transform: perspective(700px) rotateX(55deg) scale(1.6) translateY(18%); transform-origin: bottom; }.threshold-bg i { position: absolute; border-radius: 50%; filter: blur(65px); }.threshold-bg i:first-child { width: 420px; height: 420px; left: -100px; top: 25%; background: rgba(var(--cyan-rgb),.18); }.threshold-bg i:last-child { width: 480px; height: 480px; right: -100px; top: -140px; background: rgba(var(--blue-light-rgb),.28); }
.threshold-heading { max-width: 980px; margin-bottom: 55px; }.threshold-heading h2 { color: #fff; font-size: clamp(48px,5.4vw,84px); }.threshold-heading h2 em { color: var(--blue-light); }.threshold-heading > p:not(.eyebrow) { max-width: 660px; margin: 25px 0 0; color: #cad8fb; line-height: 1.6; }
.threshold-motion { position: relative; min-height: 340px; display: grid; grid-template-columns: 1fr 210px 1fr; gap: 35px; align-items: center; padding: 35px; border: 1px solid rgba(255,255,255,.22); border-radius: 22px; background: rgba(9,24,62,.28); backdrop-filter: blur(13px); overflow: hidden; }.threshold-column { position: relative; z-index: 3; border: 1px solid rgba(255,255,255,.19); border-radius: 14px; background: rgba(11,29,74,.5); overflow: hidden; }.threshold-column header { display: flex; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid rgba(255,255,255,.14); color: var(--blue-light); font: 500 7px var(--mono); letter-spacing: .09em; }.threshold-column > div { display: grid; grid-template-columns: 1fr 1fr; }.threshold-column > div span { min-height: 48px; display: flex; align-items: center; padding: 9px 14px; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); color: #d5e0fa; font-size: 9px; }.threshold-column.outcome > div { grid-template-columns: 1fr; }.threshold-column.outcome > div span:before { content: "→"; margin-right: 9px; color: var(--blue-light); }.threshold-column.outcome > div span.pass:before { color: var(--status-green); }.threshold-column.outcome > div span.hold:before { color: #f3b84b; }
.threshold-gate { position: relative; z-index: 4; width: 190px; height: 190px; display: grid; place-items: center; margin: auto; }.gate-ring { position: absolute; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; }.gate-ring-one { inset: 0; border-style: dashed; animation: thresholdSpin 18s linear infinite; }.gate-ring-two { inset: 24px; animation: thresholdSpin 12s linear infinite reverse; }.gate-scan { position: absolute; width: 76%; height: 1px; background: linear-gradient(90deg,transparent,var(--cyan),transparent); box-shadow: 0 0 13px rgba(113,225,243,.7); animation: gateScan 3s ease-in-out infinite; }.threshold-gate > div { width: 112px; height: 112px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--blue-light); border-radius: 50%; background: var(--accent-mid); box-shadow: 0 0 40px rgba(10,26,69,.35); }.threshold-gate small { color: var(--blue-light); font: 500 5px var(--mono); }.threshold-gate strong { margin: 5px 0; font: 500 31px var(--mono); }.threshold-gate b { color: #f3c569; font: 500 5px var(--mono); }
.threshold-particle { position: absolute; z-index: 2; left: 3%; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px rgba(113,225,243,.8); animation: thresholdTravel 5s linear infinite; }.threshold-particle.particle-two { animation-delay: -1.7s; }.threshold-particle.particle-three { animation-delay: -3.4s; }.threshold-bottom { display: grid; grid-template-columns: 1fr 1fr auto; gap: 25px; align-items: end; margin-top: 22px; }.threshold-bottom > div { padding-top: 15px; border-top: 1px solid rgba(255,255,255,.3); }.threshold-bottom > div span { color: #b9ccf6; font: 500 7px var(--mono); letter-spacing: .09em; }.threshold-bottom > div p { margin: 8px 0 0; color: #d4dffc; font-size: 9px; line-height: 1.5; }.threshold-bottom .button { white-space: nowrap; }
@keyframes standardsBgPulse { to { transform: scale(1.12); opacity: .45; } } @keyframes readinessSpin { to { transform: translate(-50%,-50%) rotate(360deg); } } @keyframes radarSweep { to { transform: rotate(360deg); } } @keyframes radarSignalFloat { 50% { transform: translateY(-6px); } } @keyframes fieldGlint { 0%,25% { transform: translateX(-100%); } 70%,100% { transform: translateX(100%); } } @keyframes fieldMeter { from { transform: scaleX(.65); transform-origin: left; } to { transform: scaleX(1); transform-origin: left; } } @keyframes fieldPulse { from { transform: scale(.45); opacity: .8; } to { transform: scale(1.25); opacity: 0; } } @keyframes thresholdSpin { to { transform: rotate(360deg); } } @keyframes thresholdTravel { from { left: 3%; opacity: 0; } 10%,90% { opacity: 1; } to { left: 97%; opacity: 0; } }
/* Light radar variations */
.qualify-lab[data-standards-theme="light"] { background: #f4f5f1; color: var(--ink); }.qualify-lab[data-standards-theme="light"] .section-index em { color: var(--ink); }.qualify-lab[data-standards-theme="light"] .section-index b { color: var(--blue-dark); }.standards-light-lab .standards-version-switcher { border-color: #d6dce4; background: rgba(250,250,247,.9); box-shadow: 0 14px 34px rgba(31,47,74,.1); }.standards-light-lab .standards-version-switcher button { color: #7a8490; }.standards-light-lab .standards-version-switcher button i { color: #a0a8b1; }.standards-light-lab .standards-version-switcher button.active { background: var(--blue); color: #fff; }
/* 03 — glass radar */
.glass-radar-bg { background: linear-gradient(145deg,#f7f9ff,#eaf1ff 55%,#f8faf7); }.glass-radar-bg:after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle at calc(72% + var(--standards-x) * 7%) calc(38% + var(--standards-y) * 7%),rgba(var(--blue-rgb),.18),transparent 32%),radial-gradient(circle at 15% 75%,rgba(var(--cyan-rgb),.12),transparent 30%); }.glass-radar-bg i { position: absolute; border: 1px solid rgba(var(--blue-rgb),.08); border-radius: 28px; transform: rotate(18deg); animation: glassPanelFloat 7s ease-in-out infinite alternate; }.glass-radar-bg i:nth-child(1) { width: 380px; height: 260px; right: -70px; top: 14%; }.glass-radar-bg i:nth-child(2) { width: 240px; height: 180px; left: 7%; bottom: -60px; animation-delay: -2s; }.glass-radar-bg i:nth-child(3) { width: 170px; height: 120px; left: 43%; top: 20%; animation-delay: -4s; }
.radar-glass-layout { position: relative; z-index: 1; display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(50px,8vw,120px); align-items: center; }.glass-radar-heading h2 { font-size: clamp(48px,5.2vw,80px); }.glass-radar-heading h2 em { color: var(--blue); }.glass-radar-heading > p:not(.eyebrow) { max-width: 560px; margin: 27px 0; color: #66717e; line-height: 1.65; }
.glass-radar-scene { position: relative; min-height: 510px; perspective: 900px; }.glass-radar-disc { position: absolute; left: 50%; top: 50%; width: min(90%,460px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; background: rgba(255,255,255,.3); box-shadow: inset 0 0 60px rgba(var(--blue-rgb),.06),0 35px 80px rgba(var(--blue-rgb),.13); backdrop-filter: blur(16px); transform: translate(calc(-50% + var(--standards-x) * 10px),calc(-50% + var(--standards-y) * 10px)) rotateX(calc(var(--standards-y) * -5deg)) rotateY(calc(var(--standards-x) * 5deg)); transition: transform .25s ease-out; }.glass-ring { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(var(--blue-rgb),.19); border-radius: 50%; transform: translate(-50%,-50%); }.glass-ring-one { width: 88%; height: 88%; }.glass-ring-two { width: 64%; height: 64%; border-style: dashed; animation: readinessSpin 25s linear infinite; }.glass-ring-three { width: 39%; height: 39%; }.glass-sweep { position: absolute; left: 50%; top: 50%; width: 42%; height: 42%; transform-origin: 0 0; background: conic-gradient(from 0deg,rgba(var(--blue-rgb),.18),transparent 28%); clip-path: polygon(0 0,100% 0,100% 100%); animation: radarSweep 5.2s linear infinite; }.glass-core { position: absolute; left: 50%; top: 50%; width: 140px; height: 140px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(var(--blue-light-rgb),.55); border-radius: 50%; background: rgba(255,255,255,.72); box-shadow: 0 18px 50px rgba(var(--blue-rgb),.16); transform: translate(-50%,-50%); }.glass-core small { color: var(--accent-mid); font: 500 6px var(--mono); }.glass-core strong { margin: 7px 0; color: var(--blue); font: 500 35px var(--mono); }.glass-core b { color: #bd7c22; font: 500 5px var(--mono); }
.glass-signal { position: absolute; z-index: 4; min-width: 105px; padding: 11px 12px 11px 27px; border: 1px solid rgba(255,255,255,.9); border-radius: 11px; background: rgba(255,255,255,.58); box-shadow: 0 16px 35px rgba(var(--blue-rgb),.12); backdrop-filter: blur(15px); animation: radarSignalFloat 4.2s ease-in-out infinite; }.glass-signal > i { position: absolute; left: 11px; top: 15px; width: 6px; height: 6px; border-radius: 50%; background: var(--status-green); box-shadow: 0 0 10px rgba(var(--status-green-rgb),.6); }.glass-signal b,.glass-signal small { display: block; }.glass-signal b { font-size: 8px; }.glass-signal small { margin-top: 4px; color: #74808d; font: 500 5px var(--mono); }.glass-signal.risk > i { background: #f3b84b; }.glass-signal.risk small { color: #b57a27; }.glass-offer { left: 1%; top: 15%; }.glass-leads { right: 0; top: 18%; animation-delay: -1s; }.glass-process { right: 1%; bottom: 16%; animation-delay: -2s; }.glass-manage { left: 2%; bottom: 13%; animation-delay: -3s; }
.glass-radar-panels { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.glass-criteria { padding: 20px; border: 1px solid rgba(255,255,255,.9); border-radius: 15px; background: rgba(255,255,255,.56); box-shadow: 0 15px 40px rgba(var(--blue-rgb),.08); backdrop-filter: blur(14px); }.glass-criteria header { display: flex; justify-content: space-between; color: #6f7b89; font: 500 7px var(--mono); letter-spacing: .09em; }.glass-criteria.ready header b { color: var(--green); }.glass-criteria.risk header b { color: #c88725; }.glass-criteria p { margin: 14px 0 0; color: #5f6b78; font-size: 9px; line-height: 1.7; }
@keyframes glassPanelFloat { to { transform: translateY(-18px) rotate(12deg); } }

/* Standards — aligned to the Business Mode brand system. */
.standards-light-lab { min-height: 860px; isolation: isolate; background: radial-gradient(circle at 76% 42%,rgba(var(--blue-rgb),.105),transparent 29%),var(--canvas); }
.standards-light-lab:before { display: none; }
.standards-light-lab .glass-radar-bg { display: none; }
.standards-light-lab .standards-option,.standards-light-lab .radar-glass-layout,.standards-light-lab .glass-radar-heading,.standards-light-lab .glass-radar-scene { min-width: 0; width: 100%; }
.standards-light-lab .radar-glass-layout { grid-template-columns: minmax(360px,.82fr) minmax(500px,1.18fr); gap: clamp(55px,7vw,108px); }
.standards-light-lab .glass-radar-heading { position: relative; z-index: 2; }
.standards-light-lab .glass-radar-heading h2 { max-width: 680px; font-size: clamp(50px,5vw,78px); line-height: .98; letter-spacing: -.057em; }
.standards-light-lab .glass-radar-heading > p:not(.eyebrow) { max-width: 510px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.standards-light-lab .glass-radar-scene { min-height: 520px; border: 1px solid var(--border); border-radius: var(--radius); background: rgba(255,255,255,.72); box-shadow: 0 28px 70px rgba(7,10,15,.08); overflow: hidden; perspective: none; }
.standards-light-lab .glass-radar-scene:before,.standards-light-lab .glass-radar-scene:after { position: absolute; z-index: 1; top: 20px; color: #7d8793; font: 500 7px var(--mono); letter-spacing: .12em; }
.standards-light-lab .glass-radar-scene:before { content: "NC / COMMERCIAL READINESS"; left: 22px; }
.standards-light-lab .glass-radar-scene:after { content: "SYSTEM REVIEW  01"; right: 22px; color: var(--blue); }
.standards-light-lab .glass-radar-disc { top: 53%; width: min(76%,410px); border-color: rgba(var(--blue-rgb),.18); background: rgba(233,240,255,.42); box-shadow: inset 0 0 0 24px rgba(var(--blue-rgb),.018),0 24px 55px rgba(var(--blue-rgb),.09); backdrop-filter: none; transform: translate(calc(-50% + var(--standards-x) * 5px),calc(-50% + var(--standards-y) * 5px)); }
.standards-light-lab .glass-ring { border-color: rgba(var(--blue-rgb),.24); }
.standards-light-lab .glass-ring-one { border-style: dashed; animation: readinessSpin 38s linear infinite reverse; }
.standards-light-lab .glass-ring-two { border-style: solid; animation-duration: 26s; }
.standards-light-lab .glass-ring-three { border-color: rgba(var(--blue-rgb),.34); }
.standards-light-lab .glass-sweep { background: conic-gradient(from 0deg,rgba(var(--blue-rgb),.2),transparent 24%); }
.standards-light-lab .glass-core { width: 136px; height: 136px; border-color: rgba(var(--blue-rgb),.42); border-radius: 18px; background: var(--ink); box-shadow: 0 20px 45px rgba(7,10,15,.2),0 0 0 7px rgba(var(--blue-rgb),.08); }
.standards-light-lab .glass-core small { color: #8994a3; }
.standards-light-lab .glass-core strong { color: #fff; }
.standards-light-lab .glass-core b { color: var(--blue-light); }
.standards-light-lab .glass-signal { min-width: 112px; border-color: #d8dde4; border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(7,10,15,.09); backdrop-filter: none; }
.standards-light-lab .glass-signal > i { width: 5px; height: 5px; background: var(--blue); box-shadow: 0 0 0 4px rgba(var(--blue-rgb),.09); }
.standards-light-lab .glass-signal b { color: var(--ink); }
.standards-light-lab .glass-signal small { color: #74808d; }
.standards-light-lab .glass-signal.risk { border-color: #e2d7bd; }
.standards-light-lab .glass-signal.risk > i { background: var(--amber); box-shadow: 0 0 0 4px rgba(243,184,75,.12); }
.standards-light-lab .glass-offer { left: 5%; top: 19%; }
.standards-light-lab .glass-leads { right: 5%; top: 21%; }
.standards-light-lab .glass-process { right: 5%; bottom: 17%; }
.standards-light-lab .glass-manage { left: 5%; bottom: 15%; }
.standards-light-lab .glass-radar-panels { gap: 12px; margin-top: 8px; }
.standards-light-lab .glass-criteria { padding: 22px 24px; border-color: var(--border); border-radius: 12px; background: #fff; box-shadow: none; backdrop-filter: none; }
.standards-light-lab .glass-criteria.ready { border-top: 3px solid var(--blue); }
.standards-light-lab .glass-criteria.risk { border-top: 3px solid #b8c0ca; }
.standards-light-lab .glass-criteria header { color: #697381; }
.standards-light-lab .glass-criteria.ready header b { color: var(--blue); }
.standards-light-lab .glass-criteria.risk header b { color: #697381; }
.standards-light-lab .glass-criteria p { color: #59636f; font-size: 10px; }

/* Readiness visual studio — four award-inspired SaaS interaction directions. */
.standards-light-lab .readiness-studio { position: relative; min-height: 520px; padding: 0; background: #f8faff; }
.standards-light-lab .readiness-studio:before,.standards-light-lab .readiness-studio:after { display: none; }
.readiness-version-switcher { position: absolute; z-index: 20; left: 50%; top: 14px; display: flex; gap: 3px; padding: 4px; border: 1px solid #dce2ec; border-radius: 10px; background: rgba(255,255,255,.9); box-shadow: 0 10px 25px rgba(7,10,15,.08); transform: translateX(-50%); backdrop-filter: blur(12px); }
.readiness-version-switcher button { height: 29px; display: flex; align-items: center; gap: 6px; padding: 0 9px; border: 0; border-radius: 7px; background: transparent; color: #7c8795; white-space: nowrap; }
.readiness-version-switcher button i { color: #a2aab5; font: normal 500 6px var(--mono); }.readiness-version-switcher button b { font-size: 7px; }
.readiness-version-switcher button.active { background: var(--ink); color: #fff; }.readiness-version-switcher button.active i { color: var(--blue-light); }
.readiness-visual { position: absolute; z-index: 2; inset: 58px 0 0; overflow: hidden; animation: rvEnter .5s cubic-bezier(.16,1,.3,1); }
.readiness-visual[hidden] { display: none; }.readiness-visual.active { display: block; }
.rv-caption { position: absolute; z-index: 7; left: 22px; right: 22px; top: 15px; display: flex; justify-content: space-between; color: #7e8997; font: 500 6px var(--mono); letter-spacing: .11em; }.rv-caption b { color: var(--blue); font-weight: 500; }
[data-readiness-control] { cursor: pointer; }

/* 01 — kinetic product matrix */
.rv-matrix { padding: 58px 27px 22px; background: linear-gradient(135deg,#fbfcff,#f1f5ff); }
.rv-matrix:before { content: ""; position: absolute; inset: 0; opacity: .48; background-image: linear-gradient(rgba(var(--blue-rgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--blue-rgb),.05) 1px,transparent 1px); background-size: 34px 34px; }
.rv-matrix-score { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto auto; align-items: end; padding: 19px 20px; border: 1px solid #d9e2f1; border-radius: 13px; background: rgba(255,255,255,.86); box-shadow: 0 15px 35px rgba(var(--blue-rgb),.08); }
.rv-matrix-score small { grid-column: 1/-1; margin-bottom: 8px; color: #7b8796; font: 500 6px var(--mono); letter-spacing: .11em; }.rv-matrix-score strong { font: 500 42px/1 var(--mono); letter-spacing: -.09em; }.rv-matrix-score > span { margin: 0 auto 5px 4px; color: #9aa4b0; font: 500 9px var(--mono); }.rv-matrix-score em { align-self: center; color: var(--blue); font: normal 500 6px var(--mono); letter-spacing: .08em; }
.rv-matrix-list { position: relative; z-index: 2; margin-top: 12px; border: 1px solid #dce2eb; border-radius: 13px; background: #fff; overflow: hidden; }
.rv-matrix-list button { width: 100%; min-height: 54px; display: grid; grid-template-columns: 25px 1fr minmax(70px,.75fr) 48px; align-items: center; gap: 9px; padding: 0 15px; border: 0; border-bottom: 1px solid #e7eaf0; background: transparent; color: var(--ink); text-align: left; transition: background .25s,transform .25s; }.rv-matrix-list button:last-child { border-bottom: 0; }.rv-matrix-list button:hover,.rv-matrix-list button.is-selected { background: var(--blue-soft); }.rv-matrix-list button:hover { transform: translateX(3px); }
.rv-matrix-list button > span { color: #9aa4b0; font: 500 6px var(--mono); }.rv-matrix-list button > b { font-size: 9px; }.rv-matrix-list button > i { height: 3px; border-radius: 5px; background: #edf0f4; overflow: hidden; }.rv-matrix-list button > i u { display: block; width: var(--level); height: 100%; border-radius: inherit; background: var(--blue); animation: rvMeter 2.4s cubic-bezier(.16,1,.3,1) infinite alternate var(--delay); }.rv-matrix-list button > em { color: var(--blue); font: normal 500 5px var(--mono); text-align: right; }.rv-matrix-list button.is-risk > i u { background: var(--amber); }.rv-matrix-list button.is-risk > em { color: #b17820; }
.rv-scanline { position: absolute; z-index: 4; left: 0; right: 0; top: 20%; height: 1px; background: linear-gradient(90deg,transparent,var(--blue-light),transparent); box-shadow: 0 0 12px rgba(var(--blue-rgb),.35); animation: rvScan 4.5s ease-in-out infinite; pointer-events: none; }

/* 02 — interactive signal constellation */
.rv-constellation { background: radial-gradient(circle at center,rgba(var(--blue-rgb),.14),transparent 38%),#0a0f17; color: #fff; }
.rv-constellation:before { content: ""; position: absolute; inset: 0; opacity: .18; background-image: radial-gradient(circle,rgba(var(--blue-light-rgb),.55) 1px,transparent 1.5px); background-size: 28px 28px; }
.rv-constellation .rv-caption { color: #657181; }.rv-constellation .rv-caption b { color: var(--blue-light); }
.rv-constellation-lines { position: absolute; inset: 45px 3% 0; width: 94%; height: calc(100% - 55px); }.rv-constellation-lines path { fill: none; stroke: rgba(var(--blue-light-rgb),.25); stroke-width: 1; stroke-dasharray: 4 7; }.rv-constellation-lines .rv-comet { stroke: var(--accent-top); stroke-width: 2; stroke-dasharray: 9 160; animation: rvDash 5s linear infinite; }
.rv-constellation-core { position: absolute; z-index: 4; left: 50%; top: 54%; width: 138px; height: 138px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--accent-mid); border-radius: 50%; background: radial-gradient(circle at 36% 28%,#263d70,#101827 67%); box-shadow: 0 0 0 13px rgba(var(--blue-rgb),.055),0 0 70px rgba(var(--blue-rgb),.28); transform: translate(calc(-50% + var(--standards-x) * 8px),calc(-50% + var(--standards-y) * 8px)); transition: transform .25s; }.rv-constellation-core > span { position: absolute; inset: -22px; border: 1px dashed rgba(var(--blue-light-rgb),.22); border-radius: 50%; animation: rvOrbit 22s linear infinite; }.rv-constellation-core small { color: var(--accent-mid); font: 500 5px/1.4 var(--mono); text-align: center; }.rv-constellation-core strong { margin: 7px 0; font: 500 31px var(--mono); }.rv-constellation-core b { color: var(--blue-light); font: 500 5px var(--mono); }
.rv-star { position: absolute; z-index: 5; min-width: 112px; display: flex; align-items: center; gap: 9px; padding: 10px; border: 1px solid #29374a; border-radius: 10px; background: rgba(17,25,35,.94); color: #fff; text-align: left; box-shadow: 0 13px 30px rgba(0,0,0,.27); transition: border-color .25s,transform .25s,background .25s; }.rv-star:hover,.rv-star.is-selected { border-color: var(--accent-mid); background: #15223a; transform: translateY(-4px); }.rv-star > i { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--accent-mid); border-radius: 7px; color: var(--blue-light); font: normal 500 6px var(--mono); }.rv-star span b,.rv-star span small { display: block; }.rv-star span b { font-size: 8px; }.rv-star span small { margin-top: 3px; color: #6d7988; font: 500 5px var(--mono); }.rv-star.is-risk { border-color: #55472f; }.rv-star.is-risk > i { border-color: #705a35; color: var(--amber); }.star-offer { left: 5%; top: 20%; }.star-leads { right: 5%; top: 20%; }.star-process { right: 5%; bottom: 12%; }.star-manage { left: 5%; bottom: 12%; }

/* 03 — layered readiness operating system */
.rv-stack { background: linear-gradient(155deg,#f8f9f6,#eaf0ff); }
.rv-stack-stage { position: absolute; inset: 56px 25px 56px; perspective: 900px; transform-style: preserve-3d; }
.rv-layer { position: absolute; left: 7%; width: 72%; height: 104px; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 5px 15px; padding: 17px 20px; border: 1px solid #d9dfe8; border-radius: 14px; background: rgba(255,255,255,.94); color: var(--ink); text-align: left; box-shadow: 0 20px 45px rgba(26,48,91,.12); transform: rotateX(55deg) rotateZ(-4deg) translateZ(var(--z)); transition: transform .4s cubic-bezier(.16,1,.3,1),border-color .25s; }.rv-layer:hover,.rv-layer.is-selected { border-color: var(--blue-light); transform: rotateX(48deg) rotateZ(-2deg) translate(8px,-8px) translateZ(var(--z)); }.rv-layer > span { color: #84909e; font: 500 6px var(--mono); letter-spacing: .09em; }.rv-layer > b { grid-column: 1; font-size: 11px; }.rv-layer > i { grid-column: 2; grid-row: 1/3; align-self: center; color: var(--blue); font: normal 500 28px var(--mono); }.rv-layer > small { grid-column: 1/-1; color: var(--blue); font: 500 5px var(--mono); }.rv-layer.is-risk > i,.rv-layer.is-risk > small { color: #b67b24; }.layer-foundation { --z:0px; top: 17px; }.layer-system { --z:16px; top: 121px; }.layer-capacity { --z:32px; top: 225px; }
.rv-stack-axis { position: absolute; right: 3%; top: 15%; bottom: 13%; width: 18%; display: flex; flex-direction: column; align-items: center; justify-content: center; border-left: 1px solid #ccd5e2; color: #7a8593; }.rv-stack-axis span { writing-mode: vertical-rl; font: 500 6px var(--mono); letter-spacing: .13em; }.rv-stack-axis strong { margin: 15px 0; color: var(--blue); font: 500 23px var(--mono); }.rv-stack-axis i { width: 6px; height: 6px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 6px rgba(var(--blue-rgb),.1); animation: statusBlink 1.8s infinite; }
.rv-stack-footer { position: absolute; left: 24px; right: 24px; bottom: 18px; display: flex; gap: 16px; align-items: center; color: #7a8592; font: 500 5px var(--mono); }.rv-stack-footer span { display: flex; align-items: center; gap: 6px; }.rv-stack-footer span i { width: 5px; height: 5px; border-radius: 50%; background: var(--blue); }.rv-stack-footer b { margin-left: auto; color: var(--ink); font-weight: 500; }

/* 04 — qualification flow field */
.rv-flow { background: #0a0f17; color: #fff; }.rv-flow .rv-caption { color: #65717f; }.rv-flow .rv-caption b { color: var(--blue-light); }
.rv-flow:before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 52%,rgba(var(--blue-rgb),.2),transparent 34%); }
.rv-flow-paths { position: absolute; left: 4%; top: 58px; width: 92%; height: calc(100% - 85px); }.rv-flow-paths path { fill: none; stroke: rgba(var(--blue-light-rgb),.32); stroke-width: 1.3; vector-effect: non-scaling-stroke; }.rv-flow-paths path.is-risk { stroke: rgba(243,184,75,.38); stroke-dasharray: 5 7; }
.rv-flow-inputs { position: absolute; z-index: 4; left: 5%; top: 18%; bottom: 10%; display: flex; flex-direction: column; justify-content: space-between; }.rv-flow-inputs button { min-width: 112px; display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid #293544; border-radius: 9px; background: #111923; color: #fff; text-align: left; transition: transform .25s,border-color .25s; }.rv-flow-inputs button:hover,.rv-flow-inputs button.is-selected { border-color: var(--accent-mid); transform: translateX(5px); }.rv-flow-inputs button > i { width: 6px; height: 6px; border-radius: 50%; background: var(--blue-light); }.rv-flow-inputs button.is-risk > i { background: var(--amber); }.rv-flow-inputs span b,.rv-flow-inputs span small { display: block; }.rv-flow-inputs span b { font-size: 7px; }.rv-flow-inputs span small { margin-top: 3px; color: #687483; font: 500 5px var(--mono); }
.rv-flow-gate { position: absolute; z-index: 5; left: 50%; top: 54%; width: 120px; height: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--accent-mid); border-radius: 22px; background: linear-gradient(145deg,#20386b,#0f1929); box-shadow: 0 0 0 12px rgba(var(--blue-rgb),.06),0 0 55px rgba(var(--blue-rgb),.25); transform: translate(-50%,-50%); }.rv-flow-gate > span { position: absolute; inset: -21px; border: 1px dashed rgba(var(--blue-light-rgb),.2); border-radius: 29px; animation: enginePulse 2.8s infinite; }.rv-flow-gate small { color: var(--accent-mid); font: 500 5px var(--mono); }.rv-flow-gate strong { margin: 6px 0; font: 500 29px var(--mono); }.rv-flow-gate b { color: var(--blue-light); font: 500 5px var(--mono); }
.rv-flow-output { position: absolute; z-index: 4; right: 5%; top: 38%; width: 118px; padding: 17px 14px; border: 1px solid var(--accent-mid); border-radius: 11px; background: #13213a; }.rv-flow-output small,.rv-flow-output strong,.rv-flow-output span { display: block; }.rv-flow-output small { color: var(--accent-mid); font: 500 5px var(--mono); }.rv-flow-output strong { margin: 8px 0 4px; color: var(--blue-light); font: 500 18px var(--mono); }.rv-flow-output span { color: #7d8998; font-size: 6px; }
.rv-particle { position: absolute; z-index: 3; left: 18%; top: var(--top); width: 6px; height: 6px; border-radius: 50%; background: var(--blue-light); box-shadow: 0 0 12px var(--blue); animation: rvParticle 4.2s linear infinite var(--delay); }.rv-particle.p-one { --top:31%;--delay:0s; }.rv-particle.p-two { --top:46%;--delay:-1.4s; }.rv-particle.p-three { --top:65%;--delay:-2.8s;background:var(--amber); }
@keyframes rvEnter { from { opacity: 0; transform: scale(.985) translateY(8px); } }
@keyframes rvMeter { from { transform: scaleX(.72); transform-origin: left; } to { transform: scaleX(1); transform-origin: left; } }
@keyframes rvScan { 0%,100% { top: 18%; opacity: 0; } 15%,85% { opacity: 1; } 50% { top: 88%; } }
@keyframes rvDash { to { stroke-dashoffset: -169; } }
@keyframes rvOrbit { to { transform: rotate(360deg); } }
@keyframes rvParticle { 0% { left: 18%; opacity: 0; } 12%,88% { opacity: 1; } 56% { left: 49%; } 100% { left: 83%; opacity: 0; } }

/* Centered video-led standards concepts */
.standards-cinema { position: relative; min-height: 1080px; overflow: hidden; isolation: isolate; background: #f7f7f3; color: var(--ink); }
.standards-cinema:before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 48%,rgba(var(--blue-light-rgb),.12),transparent 42%); }
.cinema-index,.cinema-option { position: relative; z-index: 2; }
.hourglass-backdrop { position: absolute; z-index: 1; inset: 0; overflow: hidden; pointer-events: none; }
.hourglass-pattern { position: absolute; left: 50%; top: 52%; width: min(92vw,1380px); height: min(92%,980px); transform: translate(-50%,-50%); animation: hgOptionIn .8s cubic-bezier(.16,1,.3,1); }
.hg-classic > span { position: absolute; inset: 1% 8%; clip-path: polygon(8% 0,92% 0,56% 47%,56% 53%,92% 100%,8% 100%,44% 53%,44% 47%); background-image: radial-gradient(circle,rgba(var(--blue-rgb),.62) 1.25px,transparent 1.6px); background-size: 24px 24px; opacity: .34; animation: hgClassicBreathe 5.8s ease-in-out infinite alternate; }
.hg-classic > span:before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%,rgba(var(--blue-rgb),.18),transparent 42%),linear-gradient(to bottom,rgba(247,247,243,.68),transparent 18%,transparent 82%,rgba(247,247,243,.68)); }
.hg-classic > i { position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 9px rgba(var(--blue-rgb),.08),0 0 32px rgba(var(--blue-rgb),.6); transform: translate(-50%,-50%); animation: hgWaistPulse 2.4s ease-in-out infinite; }

.cinema-option { max-width: 1240px; margin: 0 auto; animation: cinemaOptionIn .58s cubic-bezier(.16,1,.3,1); }.cinema-option[hidden] { display: none; }.cinema-option.active { display: block; }
.cinema-heading { max-width: 1040px; margin: 0 auto 55px; text-align: center; }.cinema-heading .eyebrow { margin-bottom: 22px; }.cinema-heading h2 { margin: 0; font: 600 clamp(54px,6vw,94px)/.98 var(--display); letter-spacing: -.06em; }.cinema-heading h2 em { color: var(--blue); }.cinema-heading > p:last-child { max-width: 680px; margin: 27px auto 0; color: #68727e; font-size: 15px; line-height: 1.7; }
.cinema-frame { position: relative; width: 100%; aspect-ratio: 16/8.7; border-radius: 22px; overflow: hidden; box-shadow: 0 38px 90px rgba(7,10,15,.18); }
.cinema-border-shine { position: absolute; z-index: 10; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.cinema-border-shine rect { fill: none; stroke: var(--accent-hover-mid); stroke-width: 3; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-dasharray: 10 90; filter: drop-shadow(0 0 3px rgba(var(--blue-rgb),.95)) drop-shadow(0 0 10px rgba(var(--blue-rgb),.45)); animation: cinemaBorderClockwise 4.6s linear infinite; }
.cinema-poster { position: absolute; inset: 0; overflow: hidden; }
.cinema-play { position: absolute; z-index: 8; left: 50%; top: 50%; min-width: 166px; height: 54px; display: flex; align-items: center; gap: 11px; padding: 0 14px; border: 1px solid rgba(255,255,255,.45); border-radius: 999px; background: rgba(7,10,15,.82); color: #fff; box-shadow: 0 15px 35px rgba(0,0,0,.24); transform: translate(-50%,-50%); backdrop-filter: blur(12px); transition: transform .3s,background .3s; }.cinema-play:hover { background: var(--blue); transform: translate(-50%,-50%) scale(1.04); }.cinema-play > i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: #fff; }.cinema-play > i:after { content: ""; width: 0; height: 0; margin-left: 2px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid var(--blue); }.cinema-play span { flex: 1; font-size: 9px; font-weight: 650; }.cinema-play small { color: #9ca8b7; font: 500 6px var(--mono); }.cinema-frame.is-playing .cinema-play > i:after { width: 8px; height: 9px; margin: 0; border: 0; border-left: 2px solid var(--blue); border-right: 2px solid var(--blue); }.cinema-frame.is-playing .cinema-play { transform: translate(-50%,-50%) scale(.94); opacity: .28; }

/* 01 — editorial cinema */
.editorial-frame { border: 1px solid #d7dde5; background: #e9effb; }.editorial-poster { background: linear-gradient(125deg,#f8f9fc 0%,#e8efff 55%,#dce7ff 100%); }
.poster-grid { position: absolute; inset: 0; opacity: .7; background-image: linear-gradient(rgba(var(--blue-rgb),.07) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--blue-rgb),.07) 1px,transparent 1px); background-size: 64px 64px; }
.poster-word { position: absolute; z-index: 2; left: 7%; top: 11%; }.poster-word small { color: #73809a; font: 500 7px var(--mono); letter-spacing: .11em; }.poster-word strong { display: block; margin-top: 24px; font: 650 clamp(42px,5.5vw,86px)/.84 var(--display); letter-spacing: -.07em; color: rgba(7,10,15,.92); }
.poster-score { position: absolute; z-index: 3; right: 8%; bottom: 12%; width: 190px; height: 190px; display: grid; place-items: center; align-content: center; border: 1px solid rgba(var(--blue-rgb),.3); border-radius: 50%; background: rgba(255,255,255,.54); box-shadow: 0 20px 55px rgba(var(--blue-rgb),.14); }.poster-score span { color: #75829a; font: 500 6px var(--mono); }.poster-score b { margin: 5px 0; font: 500 55px/1 var(--mono); letter-spacing: -.1em; }.poster-score small { color: var(--blue); font: 500 7px var(--mono); }
.poster-orbit { position: absolute; right: calc(8% - 45px); bottom: calc(12% - 45px); width: 280px; height: 280px; border: 1px dashed rgba(var(--blue-rgb),.25); border-radius: 50%; animation: cinemaOrbit 24s linear infinite; }.poster-orbit.orbit-two { right: calc(8% - 89px); bottom: calc(12% - 89px); width: 368px; height: 368px; border-style: solid; opacity: .45; animation-direction: reverse; animation-duration: 32s; }
.cinema-controls { position: absolute; z-index: 6; left: 24px; right: 24px; bottom: 18px; display: grid; grid-template-columns: 1fr auto auto auto; align-items: center; gap: 13px; color: #6e7a89; font: 500 6px var(--mono); }.cinema-controls > span { height: 2px; background: rgba(7,10,15,.15); }.cinema-controls > span i { display: block; width: 18%; height: 100%; background: var(--blue); animation: cinemaProgress 8s linear infinite; }.cinema-controls b { color: var(--blue); font-weight: 500; }.cinema-controls em { font-style: normal; }.cinema-controls small { color: #909aa6; }

@keyframes cinemaOptionIn { from { opacity: 0; transform: translateY(14px); } }
@keyframes cinemaOrbit { to { transform: rotate(360deg); } }
@keyframes cinemaProgress { from { width: 0; } to { width: 100%; } }
@keyframes cinemaBorderClockwise { to { stroke-dashoffset: -100; } }
@keyframes hgOptionIn { from { opacity: 0; transform: translate(-50%,-47%) scale(.96); } }
@keyframes hgClassicBreathe { from { opacity: .16; transform: scale(.96); } to { opacity: .46; transform: scale(1.02); } }
@keyframes hgWaistPulse { 50% { opacity: .35; transform: translate(-50%,-50%) scale(.7); } }
@media (prefers-reduced-motion: reduce) { .cinema-border-shine rect { animation: none; stroke-dasharray: none; opacity: .6; } .hourglass-pattern * { animation: none!important; } }
.model { background: #0d1219; }.model-heading,.process-heading,.pricing-heading { display: grid; grid-template-columns: 1.3fr .7fr; gap: 8vw; align-items: end; margin-bottom: 65px; }.model-heading > p,.process-heading > p,.pricing-heading > p { margin: 0 0 6px; color: #808b98; line-height: 1.65; }.service-shell { border: 1px solid #2a323e; border-radius: var(--radius); overflow: hidden; background: #111720; }.service-tabs { display: grid; grid-template-columns: repeat(5,1fr); border-bottom: 1px solid #2a323e; }.service-tab { height: 83px; display: flex; align-items: center; gap: 13px; padding: 0 22px; border: 0; border-right: 1px solid #2a323e; background: transparent; color: #7e8894; text-align: left; }.service-tab:last-child { border: 0; }.service-tab i { color: #4f5966; font: normal 9px var(--mono); }.service-tab span { font-weight: 600; }.service-tab.active { background: var(--blue); color: white; }.service-tab.active i { color: #c8d7ff; }.service-detail { display: grid; grid-template-columns: .9fr 1.1fr; min-height: 500px; }.service-copy { position: relative; padding: 64px; }.service-number { position: absolute; right: 38px; top: 32px; color: #303a47; font: 500 72px var(--mono); }.service-copy h3 { margin: 0 0 23px; font: 600 clamp(38px, 4vw, 61px)/1.03 var(--display); letter-spacing: -.05em; }.service-description { max-width: 420px; color: #939da9; line-height: 1.65; }.service-cta { margin-top: 25px; }.service-visual { padding: 54px; background: #f4f5f2; color: var(--ink); }.service-label { margin-bottom: 18px; color: #79828d; font: 500 9px var(--mono); letter-spacing: .12em; }.review-list { border-top: 1px solid #d5d9de; }.review-list > div { display: flex; align-items: center; gap: 18px; min-height: 84px; border-bottom: 1px solid #d5d9de; }.review-list > div > span { color: var(--blue); font: 500 10px var(--mono); }.review-list p { margin: 0; flex: 1; }.review-list b,.review-list small { display: block; }.review-list b { font-size: 14px; }.review-list small { margin-top: 6px; color: #7a838f; font-size: 11px; }.review-list i { font-style: normal; color: #929ba5; }
.process-heading { grid-template-columns: 1.3fr .5fr; }.process-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }.phase-card { min-height: 460px; padding: 30px; border: 1px solid #dce0e5; border-radius: var(--radius); background: white; display: flex; flex-direction: column; }.phase-card.featured { background: var(--blue-soft); border-color: #ccdaff; }.phase-head { display: flex; justify-content: space-between; color: var(--blue); font: 500 9px var(--mono); letter-spacing: .12em; }.phase-head b { color: #9ba3ad; }.phase-card h3 { max-width: 310px; margin: 55px 0 auto; font: 600 26px/1.2 var(--display); letter-spacing: -.035em; }.phase-card ol { list-style: none; margin: 36px 0 0; padding: 0; border-top: 1px solid #d9dde2; }.phase-card li { padding: 14px 0; border-bottom: 1px solid #e2e5e9; color: #424b55; font-size: 12px; }.phase-card li i { display: inline-block; width: 30px; color: #949da8; font: normal 9px var(--mono); }
.candidate-showcase { background: linear-gradient(135deg,#15213d 0%,#0a0f17 48%,#071316 100%); color: white; }.candidate-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 9vw; align-items: center; }.candidate-copy > p:not(.eyebrow) { max-width: 520px; margin: 28px 0; color: #a8b1bd; line-height: 1.7; }.levels { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 36px; }.levels span { padding: 9px 11px; border: 1px solid #364152; border-radius: 999px; color: #9ba6b4; font: 500 8px var(--mono); }.button-light { background: white; border-color: white; color: var(--ink); }.button-light:hover { background: #e9edf2; border-color: #e9edf2; }.candidate-card { border: 1px solid #344052; border-radius: 19px; background: #111923; box-shadow: 0 40px 90px rgba(0,0,0,.35); overflow: hidden; }.candidate-head { padding: 30px; display: flex; align-items: center; border-bottom: 1px solid #293442; }.avatar { width: 54px; height: 54px; display: grid; place-items: center; margin-right: 16px; border-radius: 50%; background: linear-gradient(135deg,var(--blue),var(--cyan)); font: 600 14px var(--mono); }.candidate-head small,.experience > small { color: #657181; font: 500 8px var(--mono); letter-spacing: .1em; }.candidate-head h3 { margin: 6px 0 2px; font: 600 20px var(--display); }.candidate-head p { margin: 0; color: #7f8996; font-size: 10px; }.match-chip { margin-left: auto; padding: 7px 9px; border-radius: 999px; background: rgba(var(--green-rgb),.1); color: var(--status-green); font: 500 8px var(--mono); }.candidate-stats { display: grid; grid-template-columns: repeat(3,1fr); padding: 25px 30px; border-bottom: 1px solid #293442; }.candidate-stats > div { border-right: 1px solid #293442; padding-left: 18px; }.candidate-stats > div:first-child { padding-left: 0; }.candidate-stats > div:last-child { border: 0; }.candidate-stats small { display: block; margin-bottom: 8px; color: #667280; font: 500 7px var(--mono); }.candidate-stats b { font: 500 20px var(--mono); }.candidate-stats em { color: #65707d; font-size: 9px; font-style: normal; }.experience { padding: 24px 30px; border-bottom: 1px solid #293442; }.experience > div { display: flex; gap: 7px; margin-top: 13px; }.experience span { padding: 7px 9px; border-radius: 6px; background: #19232e; color: #aab3bd; font-size: 8px; }.verification { padding: 10px 30px; }.verification p { display: flex; align-items: center; margin: 0; padding: 14px 0; border-bottom: 1px solid #293442; }.verification i { width: 7px; height: 7px; margin-right: 12px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(var(--green-rgb),.09); }.verification span { flex: 1; }.verification span b,.verification span small { display: block; }.verification span b { font-size: 10px; }.verification span small { margin-top: 3px; color: #697583; font-size: 8px; }.verification strong { color: var(--status-green); font: 500 9px var(--mono); }.candidate-foot { padding: 18px 30px; display: flex; justify-content: space-between; color: #596572; font-size: 8px; }.candidate-foot button { border: 0; background: none; color: white; font-size: 9px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3,1fr) 1.35fr; gap: 13px; }.price-card,.calculator { min-height: 390px; padding: 28px; border: 1px solid #dce1e6; border-radius: var(--radius); background: white; }.price-card { position: relative; display: flex; flex-direction: column; }.price-card.accent { background: var(--blue); border-color: var(--blue); color: white; }.price-index { position: absolute; right: 23px; top: 23px; color: #a1a9b3; font: 500 9px var(--mono); }.price-card > p:first-of-type { margin-top: 7px; color: #68727e; font-size: 12px; }.price-card.accent > p:first-of-type { color: #c9d7ff; }.price-card h3 { margin: 56px 0 4px; font: 500 clamp(40px,4vw,60px) var(--mono); letter-spacing: -.06em; }.price-card > small { color: #8a949f; font: 500 8px var(--mono); letter-spacing: .1em; }.price-card.accent > small { color: var(--blue-light); }.price-card hr { width: 100%; margin: auto 0 20px; border: 0; border-top: 1px solid #e0e4e8; }.price-card.accent hr { border-color: rgba(255,255,255,.25); }.price-desc { margin: 0; color: #6a7480; font-size: 11px; line-height: 1.55; }.price-card.accent .price-desc { color: #d4dfff; }.calculator { background: var(--ink); color: white; }.calculator-top { display: flex; justify-content: space-between; margin-bottom: 47px; font: 500 8px var(--mono); letter-spacing: .1em; }.calculator-top small { color: var(--cyan); }.calculator label { display: flex; justify-content: space-between; color: #88929f; font-size: 10px; }.calculator output { color: white; font: 500 13px var(--mono); }.calculator input[type=range] { width: 100%; height: 3px; margin: 18px 0 5px; accent-color: var(--blue); }.range-labels { display: flex; justify-content: space-between; color: #5d6774; font: 500 7px var(--mono); }.role-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin: 28px 0; padding: 4px; border: 1px solid #2b3541; border-radius: 9px; }.role-switch button { height: 34px; border: 0; border-radius: 6px; background: transparent; color: #77828f; font-size: 9px; }.role-switch button.active { background: #242e3a; color: white; }.fee-output { display: grid; grid-template-columns: 1fr auto; align-items: end; padding-top: 20px; border-top: 1px solid #29333f; }.fee-output span { color: #808b98; font-size: 9px; }.fee-output strong { grid-row: 1/3; grid-column: 2; font: 500 30px var(--mono); }.fee-output small { color: #5d6875; font: 500 8px var(--mono); }.pricing-note { max-width: 900px; margin: 26px 0 0; color: #7d8691; font-size: 10px; line-height: 1.55; }
.buildout { background: #0d1219; color: white; }.buildout-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9vw; }.buildout-grid > div:first-child > p:not(.eyebrow) { max-width: 550px; margin: 30px 0; color: #9da7b3; line-height: 1.65; }.timeline { border-top: 1px solid #343d49; }.timeline > div { min-height: 90px; display: flex; align-items: center; border-bottom: 1px solid #343d49; }.timeline i { width: 55px; color: var(--blue-light); font: normal 9px var(--mono); }.timeline span { flex: 1; }.timeline b,.timeline small { display: block; }.timeline b { font: 600 16px var(--display); }.timeline small { margin-top: 6px; color: #707b88; font-size: 10px; }.timeline div:after { content: "→"; color: #56616f; }
.faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 9vw; }.faq-intro > p:not(.eyebrow) { max-width: 360px; margin: 27px 0; color: #707a86; line-height: 1.65; }.faq-list { border-top: 1px solid #cfd5db; }.faq-list details { border-bottom: 1px solid #cfd5db; }.faq-list summary { min-height: 91px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; list-style: none; font: 600 17px var(--display); }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--blue); font: 400 22px var(--body); transition: transform .2s; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { max-width: 710px; margin: -9px 45px 28px 0; color: #6d7782; font-size: 13px; line-height: 1.7; }
.final-cta { padding: clamp(80px,9vw,140px) clamp(20px,6vw,92px); }.final-grid { display: grid; grid-template-columns: 1.3fr .7fr; gap: 8vw; align-items: end; }.final-grid > div:last-child > p { color: #939daa; line-height: 1.6; }.final-grid .button { margin: 13px 0 15px; }.final-grid small { display: block; color: #5d6875; font-size: 9px; }
footer { padding: 72px clamp(20px,6vw,92px) 27px; background: #05070b; color: white; }.footer-top { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 65px; border-bottom: 1px solid #262d37; }.footer-brand { font-size: 14px; }.footer-brand svg { width: 42px; height: 42px; }.footer-top > p { margin: 0; color: #616c79; text-align: right; font: 600 28px/1.2 var(--display); letter-spacing: -.04em; }.footer-links { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; max-width: 600px; margin: 60px 0; }.footer-links div { display: flex; flex-direction: column; gap: 14px; }.footer-links b { margin-bottom: 6px; color: #697481; font: 500 9px var(--mono); letter-spacing: .1em; text-transform: uppercase; }.footer-links a,.footer-links button { width: max-content; color: #b2bac4; font-size: 11px; }.footer-bottom { display: flex; justify-content: space-between; padding-top: 25px; border-top: 1px solid #262d37; color: #505b67; font: 500 8px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
dialog { padding: 0; border: 0; box-shadow: var(--shadow); }.audit-dialog { width: min(1040px,calc(100% - 30px)); height: min(720px,calc(100% - 30px)); border-radius: 20px; overflow: hidden; background: white; }.audit-dialog::backdrop,.contact-dialog::backdrop,.scorecard-dialog::backdrop { background: rgba(4,7,11,.78); backdrop-filter: blur(5px); }.dialog-close { position: absolute; z-index: 4; right: 19px; top: 16px; width: 34px; height: 34px; border: 1px solid #d7dce2; border-radius: 50%; background: white; color: #46505c; font-size: 20px; }.audit-dialog[open] { display: grid; grid-template-columns: .42fr .58fr; }.audit-side { padding: 36px; background: var(--ink); color: white; display: flex; flex-direction: column; justify-content: space-between; }.audit-side > div > span { color: var(--blue-light); font: 500 8px var(--mono); letter-spacing: .12em; }.audit-side h2 { margin: 18px 0; font: 600 34px/1.1 var(--display); letter-spacing: -.045em; }.audit-side p { color: #8e98a5; font-size: 12px; line-height: 1.6; }.audit-side > small { color: #4d5865; font: 500 8px var(--mono); }.audit-form { padding: 45px 53px 34px; display: flex; flex-direction: column; min-height: 0; }.audit-progress { display: flex; align-items: center; gap: 20px; color: #8a939f; font: 500 8px var(--mono); letter-spacing: .08em; }.audit-progress i { flex: 1; height: 3px; background: #ebedf0; overflow: hidden; }.audit-progress i b { display: block; width: 25%; height: 100%; background: var(--blue); transition: width .3s; }.audit-step,.audit-result { display: none; padding-top: 40px; overflow: auto; }.audit-step.active,.audit-result.active { display: block; }.audit-step h3,.audit-result h3 { margin: 0 0 9px; font: 600 30px/1.2 var(--display); letter-spacing: -.04em; }.audit-step > p:not(.eyebrow),.audit-result > p:not(.eyebrow) { color: #78828e; font-size: 11px; }.audit-step label { display: block; margin-top: 9px; }.audit-step label input { position: absolute; opacity: 0; }.audit-step label span { min-height: 67px; padding: 13px 17px; border: 1px solid #dfe3e8; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; transition: border .2s, background .2s; }.audit-step label span b { font-size: 11px; }.audit-step label span small { margin-top: 5px; color: #8b949f; font-size: 9px; }.audit-step label input:checked + span { border-color: var(--blue); background: var(--blue-soft); box-shadow: inset 3px 0 var(--blue); }.audit-controls { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 20px; }.audit-back { border: 0; background: transparent; color: #606a75; font-size: 11px; }.audit-back:disabled { opacity: .3; }.audit-next { min-height: 45px; }.result-score { display: flex; align-items: baseline; margin: 12px 0; }.result-score strong { color: var(--blue); font: 500 64px var(--mono); letter-spacing: -.08em; }.result-score span { color: #9aa3ad; font: 500 14px var(--mono); }.result-next { margin: 20px 0; padding: 14px; background: #f2f4f6; border-radius: 9px; }.result-next span,.result-next b { display: block; }.result-next span { margin-bottom: 5px; color: #8a949e; font: 500 7px var(--mono); letter-spacing: .1em; }.result-next b { font-size: 12px; }.audit-result > small { display: block; margin-top: 10px; color: #9ca4ad; font-size: 8px; }
.contact-dialog,.scorecard-dialog { width: min(610px,calc(100% - 30px)); max-height: calc(100% - 30px); border-radius: 18px; }.contact-inner,.scorecard-sheet { padding: 50px; }.contact-inner h2,.scorecard-sheet h2 { margin-bottom: 12px; font: 600 39px/1.08 var(--display); letter-spacing: -.05em; }.contact-inner > p:not(.eyebrow),.sheet-lede { color: #77818d; font-size: 12px; }.contact-inner form { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 28px; }.contact-inner label { color: #57616c; font-size: 10px; font-weight: 600; }.contact-inner input,.contact-inner select,.contact-inner textarea { width: 100%; margin-top: 7px; padding: 12px; border: 1px solid #dce1e6; border-radius: 8px; background: white; font-size: 11px; outline: none; }.contact-inner textarea,.contact-inner form .button { grid-column: 1/-1; }.contact-inner label:nth-child(4) { grid-column: 1/-1; }.contact-inner input:focus,.contact-inner select:focus,.contact-inner textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(var(--blue-rgb),.12); }.scorecard-grid { display: grid; grid-template-columns: 1fr 1fr; margin-top: 28px; border-top: 1px solid var(--border); border-left: 1px solid var(--border); }.scorecard-grid div { padding: 18px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }.scorecard-grid small { display: block; margin-bottom: 7px; color: #919aa4; font: 500 7px var(--mono); letter-spacing: .08em; }.scorecard-grid b { font-size: 11px; }.sheet-criteria { margin: 24px 0; }.sheet-criteria h3 { font: 600 16px var(--display); }.sheet-criteria ul { padding-left: 18px; color: #65707b; font-size: 10px; line-height: 1.8; }.fiction-note { display: block; margin-top: 10px; color: #9aa3ad; font-size: 8px; }
.toast { position: fixed; z-index: 100; left: 50%; bottom: 25px; transform: translate(-50%,120px); padding: 13px 18px; border-radius: 9px; background: var(--ink); color: white; box-shadow: var(--shadow); font-size: 11px; transition: transform .35s ease; }.toast.show { transform: translate(-50%,0); }

/* Hero visual comparison — three offer-led motion directions */
.hero-visual-stage { display: block; align-self: center; width: 100%; max-width: 590px; margin-left: auto; padding-top: 64px; }
.version-switcher { position: absolute; z-index: 8; top: 0; right: 0; display: flex; align-items: center; gap: 4px; padding: 4px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; background: rgba(11,16,23,.82); box-shadow: 0 14px 38px rgba(0,0,0,.26); backdrop-filter: blur(14px); }
.version-switcher > span { padding: 0 9px; color: #606c7a; font: 500 7px var(--mono); letter-spacing: .11em; text-transform: uppercase; }
.version-switcher button { height: 31px; display: flex; align-items: center; gap: 6px; padding: 0 10px; border: 0; border-radius: 7px; background: transparent; color: #77828f; }
.version-switcher button i { color: #566170; font: normal 7px var(--mono); }.version-switcher button b { font-size: 8px; }.version-switcher button.active { background: var(--blue); color: #fff; }.version-switcher button.active i { color: #c6d6ff; }
.hero-option { width: 100%; }.hero-option[hidden] { display: none; }.hero-option.option-enter { animation: optionIn .46s cubic-bezier(.16,1,.3,1); }
.motion-frame { width: 100%; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: rgba(12,18,26,.9); box-shadow: 0 42px 110px rgba(0,0,0,.46); overflow: hidden; backdrop-filter: blur(16px); }
.motion-top { height: 42px; display: flex; justify-content: space-between; align-items: center; padding: 0 16px; border-bottom: 1px solid rgba(255,255,255,.1); color: #737e8b; font: 500 7px var(--mono); letter-spacing: .11em; }
.motion-top i { display: flex; align-items: center; gap: 7px; color: #788592; font-style: normal; }.motion-top i b { width: 5px; height: 5px; border-radius: 50%; background: var(--status-green); box-shadow: 0 0 9px var(--green); animation: statusBlink 1.8s ease-in-out infinite; }
.motion-caption { height: 64px; display: grid; grid-template-columns: 27px 1fr auto; align-items: center; gap: 10px; padding: 0 17px; border-top: 1px solid rgba(255,255,255,.1); }
.motion-caption > span { color: var(--blue-light); font: 500 8px var(--mono); }.motion-caption p { margin: 0; }.motion-caption p b,.motion-caption p small { display: block; }.motion-caption p b { font-size: 9px; }.motion-caption p small { margin-top: 3px; color: #64707d; font-size: 7px; }.motion-caption > i { color: #596573; font: normal 7px var(--mono); letter-spacing: .1em; }
.diagnostic-field,.capacity-field,.match-field { position: relative; height: 420px; overflow: hidden; }
.diag-grid,.capacity-grid,.match-grid { position: absolute; inset: 0; opacity: .45; 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: 38px 38px; mask-image: radial-gradient(circle,#000 15%,transparent 78%); }
.diag-orbit { position: absolute; left: 50%; top: 47%; border: 1px solid rgba(var(--blue-light-rgb),.18); border-radius: 50%; transform: translate(-50%,-50%); }.orbit-a { width: 300px; height: 300px; }.orbit-b { width: 220px; height: 220px; border-style: dashed; animation: orbitSpin 24s linear infinite; }.orbit-c { width: 140px; height: 140px; border-color: rgba(var(--cyan-rgb),.22); }
.scan-beam { position: absolute; left: 50%; top: 47%; width: 145px; height: 145px; transform-origin: 0 0; background: conic-gradient(from 0deg,rgba(var(--blue-rgb),.2),transparent 23%); border-radius: 0 100% 0 0; animation: scanRotate 5s linear infinite; }
.diag-core { position: absolute; z-index: 3; left: 50%; top: 47%; width: 116px; height: 116px; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(var(--blue-light-rgb),.38); border-radius: 50%; background: radial-gradient(circle at 40% 35%,#263b72,#10192a 65%); box-shadow: 0 0 0 9px rgba(var(--blue-rgb),.05),0 0 45px rgba(var(--blue-rgb),.25); }
.diag-core span,.diag-core small { font: 500 6px var(--mono); letter-spacing: .1em; }.diag-core span { color: var(--blue-light); }.diag-core strong { margin: 4px 0 2px; font: 500 34px var(--mono); letter-spacing: -.08em; }.diag-core small { color: var(--status-green); }
.diag-node { position: absolute; z-index: 4; display: grid; grid-template-columns: 7px auto auto; align-items: center; gap: 6px; min-width: 93px; padding: 8px 9px; border: 1px solid rgba(255,255,255,.12); border-radius: 7px; background: rgba(19,26,36,.88); box-shadow: 0 8px 24px rgba(0,0,0,.2); animation: nodeFloat 4s ease-in-out infinite; }
.diag-node i { width: 5px; height: 5px; border-radius: 50%; background: var(--blue-light); }.diag-node b,.diag-node small { font: 500 6px var(--mono); }.diag-node b { color: #a8b1bd; letter-spacing: .06em; }.diag-node small { color: #65717f; }.diag-node.good i { background: var(--status-green); }.diag-node.warning { border-color: rgba(243,184,75,.46); }.diag-node.warning i { background: var(--amber); box-shadow: 0 0 10px rgba(243,184,75,.7); }
.node-offer { left: 7%; top: 19%; }.node-leads { right: 7%; top: 18%; animation-delay: -.7s; }.node-process { left: 2%; top: 50%; animation-delay: -1.2s; }.node-manage { right: 1%; top: 49%; animation-delay: -1.9s; }.node-onboard { left: 14%; bottom: 13%; animation-delay: -2.5s; }.node-comp { right: 15%; bottom: 13%; animation-delay: -3.1s; }
.diagnostic-alert { position: absolute; z-index: 5; left: 50%; bottom: 9px; width: 214px; transform: translateX(-50%); display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid rgba(243,184,75,.26); border-radius: 8px; background: rgba(40,31,19,.92); box-shadow: 0 12px 32px rgba(0,0,0,.3); }.diagnostic-alert > i { width: 7px; height: 7px; border-radius: 50%; background: var(--amber); }.diagnostic-alert span { flex: 1; }.diagnostic-alert small,.diagnostic-alert b { display: block; }.diagnostic-alert small { color: #b58a3b; font: 500 6px var(--mono); }.diagnostic-alert b { margin-top: 3px; font-size: 8px; }.diagnostic-alert strong { color: #c99a42; font-size: 11px; }
.capacity-field { background: radial-gradient(circle at 50% 44%,rgba(var(--blue-rgb),.13),transparent 34%); }.capacity-label { position: absolute; z-index: 4; display: flex; flex-direction: column; }.capacity-label small { color: #647181; font: 500 6px var(--mono); letter-spacing: .12em; }.capacity-label b { margin: 6px 0 3px; font: 600 11px var(--display); }.capacity-label span { color: #707c89; font: 500 7px var(--mono); }.label-in { left: 6%; top: 36%; }.label-out { right: 4%; top: 35%; }.label-out em { color: var(--status-green); font-style: normal; font-size: 13px; }
.flow-rail { position: absolute; z-index: 2; top: 49%; height: 1px; background: linear-gradient(90deg,transparent,var(--accent-mid),transparent); }.rail-one { left: 6%; width: 34%; }.rail-two { right: 6%; width: 34%; }.flow-rail i { position: absolute; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--blue-light); box-shadow: 0 0 13px var(--blue); animation: flowRight 3.2s linear infinite; }.rail-two i { animation-name: flowRight; background: var(--status-green); }.flow-rail i:nth-child(2) { animation-delay: -.8s; }.flow-rail i:nth-child(3) { animation-delay: -1.6s; }.flow-rail i:nth-child(4) { animation-delay: -2.4s; }
.engine-core { position: absolute; z-index: 4; left: 50%; top: 47%; width: 124px; height: 124px; transform: translate(-50%,-50%); display: grid; place-items: center; border: 1px solid var(--accent-mid); border-radius: 22px; background: linear-gradient(145deg,#203869,#0e182a); box-shadow: 0 0 55px rgba(var(--blue-rgb),.24); }.engine-core > span { font: 700 28px var(--display); letter-spacing: -.1em; }.engine-core > small { position: absolute; right: 11px; bottom: 10px; color: var(--blue-light); font: 500 5px/1.3 var(--mono); letter-spacing: .08em; }.engine-rings { position: absolute; inset: -19px; border: 1px solid rgba(var(--blue-light-rgb),.16); border-radius: 28px; animation: enginePulse 2.8s ease-in-out infinite; }.engine-rings i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--blue-light); }.engine-rings i:nth-child(1) { left: -3px; top: 50%; }.engine-rings i:nth-child(2) { right: -3px; top: 50%; }.engine-rings i:nth-child(3) { left: 50%; bottom: -3px; }
.capacity-bars { position: absolute; z-index: 3; right: 7%; bottom: 24%; height: 72px; display: flex; align-items: flex-end; gap: 5px; }.capacity-bars > span { width: 14px; height: var(--bar); display: flex; flex-direction: column; justify-content: flex-end; background: rgba(var(--green-rgb),.12); border: 1px solid rgba(var(--status-green-rgb),.22); }.capacity-bars i { display: block; height: 100%; background: linear-gradient(var(--status-green),var(--green)); transform-origin: bottom; animation: barsGrow 2.2s ease-in-out infinite alternate; }.capacity-bars b { position: absolute; margin-top: 11px; color: #4f5b68; font: 500 5px var(--mono); }
.capacity-ticker { position: absolute; left: 4%; right: 4%; bottom: 6%; display: flex; justify-content: space-between; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.1); color: #5c6875; font: 500 5px var(--mono); letter-spacing: .08em; }.capacity-ticker b { color: var(--status-green); }
.match-field { background: radial-gradient(circle at center,rgba(var(--cyan-rgb),.1),transparent 39%); }.match-lines { position: absolute; inset: 0; width: 100%; height: 100%; }.match-lines path { fill: none; stroke: rgba(var(--blue-light-rgb),.45); stroke-width: 1; stroke-dasharray: 5 7; animation: dashFlow 8s linear infinite; }.match-lines path:nth-child(even) { stroke: rgba(var(--cyan-rgb),.35); animation-direction: reverse; }
.match-core { position: absolute; z-index: 4; left: 50%; top: 50%; width: 136px; height: 136px; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(113,225,243,.4); border-radius: 50%; background: radial-gradient(circle at 40% 30%,#204a59,#0d1b25 65%); box-shadow: 0 0 65px rgba(var(--cyan-rgb),.18); }.match-pulse { position: absolute; inset: -17px; border: 1px solid rgba(var(--cyan-rgb),.15); border-radius: 50%; animation: matchPulse 2.6s ease-out infinite; }.match-core > span { color: var(--cyan); font: 500 6px var(--mono); letter-spacing: .12em; }.match-core strong { margin: 5px 0; font: 500 35px var(--mono); letter-spacing: -.09em; }.match-core strong small { color: var(--cyan); font-size: 10px; }.match-core > b { color: var(--status-green); font: 500 5px var(--mono); letter-spacing: .08em; }
.match-satellite { position: absolute; z-index: 4; min-width: 135px; display: flex; align-items: center; gap: 10px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.13); border-radius: 9px; background: rgba(17,25,35,.92); box-shadow: 0 10px 28px rgba(0,0,0,.25); animation: nodeFloat 4.5s ease-in-out infinite; }.match-satellite > i,.mini-avatar { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid #34475e; border-radius: 6px; color: var(--blue-light); font: normal 7px var(--mono); }.mini-avatar { border-radius: 50%; background: linear-gradient(135deg,var(--blue),var(--cyan)); color: white; }.match-satellite span small,.match-satellite span b { display: block; }.match-satellite span small { color: #5e6b79; font: 500 5px var(--mono); letter-spacing: .09em; }.match-satellite span b { margin-top: 4px; color: #abb5c0; font: 500 7px var(--mono); }.sat-offer { left: 4%; top: 14%; }.sat-cycle { left: 5%; bottom: 16%; animation-delay: -1.1s; }.sat-talent { right: 3%; top: 13%; border-color: rgba(var(--cyan-rgb),.27); animation-delay: -2s; }.sat-evidence { right: 4%; bottom: 15%; animation-delay: -3s; }
.match-status { position: absolute; z-index: 5; left: 50%; bottom: 5%; transform: translateX(-50%); display: flex; gap: 12px; white-space: nowrap; }.match-status span { color: #66727f; font: 500 5px var(--mono); }.match-status i { display: inline-block; width: 4px; height: 4px; margin-right: 4px; border-radius: 50%; background: var(--status-green); }
/* Square motion-graphic comparison */
.orbit-square,.matrix-square { position: relative; width: 100%; height: 100%; overflow: hidden; background: radial-gradient(circle at center,rgba(var(--blue-rgb),.12),transparent 42%); }
.dual-gate-engine { position: absolute; z-index: 5; left: 50%; top: 50%; width: 190px; min-height: 128px; transform: translate(-50%,-50%); display: grid; grid-template-columns: 1fr 48px 1fr; align-items: center; gap: 8px; padding: 15px; border: 1px solid var(--accent-mid); border-radius: 22px; background: linear-gradient(145deg,#1c3158,#0d1727); box-shadow: 0 0 52px rgba(var(--blue-rgb),.26); }.dual-gate-engine > div { text-align: center; }.dual-gate-engine > div small,.dual-gate-engine > div b { display: block; }.dual-gate-engine > div small { color: var(--accent-mid); font: 500 5px var(--mono); }.dual-gate-engine > div b { margin-top: 6px; color: #a9b8d1; font: 500 6px var(--mono); }.dual-gate-engine > div i { display: block; width: 5px; height: 5px; margin: 7px auto 0; border-radius: 50%; background: var(--status-green); box-shadow: 0 0 10px rgba(var(--green-rgb),.7); }.dual-gate-engine > span { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--accent-mid); border-radius: 13px; background: #203d70; font: 700 17px var(--display); letter-spacing: -.1em; }.dual-gate-engine > em { position: absolute; left: 50%; bottom: 9px; transform: translateX(-50%); color: var(--status-green); font: normal 500 5px var(--mono); letter-spacing: .1em; }.dual-halo { position: absolute; inset: -11px; border: 1px solid rgba(var(--blue-light-rgb),.16); border-radius: 28px; animation: enginePulse 2.8s ease-in-out infinite; }.dual-reject-left { left: 1%; top: 34%; }.dual-reject-right { right: 1%; top: 57%; }.dual-particle-left { offset-path: path("M230 232 C180 232 165 203 104 203"); }.dual-particle-right { offset-path: path("M230 286 C280 286 298 315 358 315"); animation-delay: -1.6s; }
.precision-engine { position: absolute; z-index: 5; left: 50%; top: 51%; width: 142px; height: 142px; transform: translate(-50%,-50%); clip-path: polygon(50% 0,92% 20%,100% 67%,74% 100%,26% 100%,0 67%,8% 20%); display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(145deg,var(--accent-mid),#0d192c 72%); box-shadow: 0 0 64px rgba(var(--blue-rgb),.32); }.precision-engine > span { font: 700 27px var(--display); letter-spacing: -.1em; }.precision-engine > small { color: var(--blue-light); font: 500 5px var(--mono); letter-spacing: .08em; }.precision-engine > strong { margin: 4px 0 2px; font: 500 17px var(--mono); }.precision-engine > b { color: var(--status-green); font: 500 5px var(--mono); }.precision-halo { position: absolute; inset: 8px; border: 1px solid rgba(var(--blue-light-rgb),.24); clip-path: inherit; animation: enginePulse 2.6s ease-in-out infinite; }.precision-input,.precision-output { width: 180px; }.precision-reject { position: absolute; z-index: 5; display: flex; align-items: center; gap: 5px; padding: 6px 8px; border: 1px solid rgba(241,112,112,.25); border-radius: 999px; background: rgba(38,20,24,.92); color: #cf7c81; font: 500 5px var(--mono); letter-spacing: .07em; }.precision-reject i { color: #f17070; font-style: normal; font-size: 9px; }.precision-reject.reject-one { left: 1%; top: 28%; }.precision-reject.reject-two { right: 1%; top: 36%; }.precision-reject.reject-three { left: 2%; bottom: 28%; }.precision-particle-one { offset-path: path("M230 245 C180 245 164 176 77 176"); }.precision-particle-two { offset-path: path("M230 260 C283 260 302 213 389 213"); animation-delay: -1.1s; }.precision-particle-three { offset-path: path("M230 283 C184 283 162 338 76 338"); animation-delay: -2.2s; }
.orbit-input,.matrix-input,.orbit-pass,.matrix-output { position: absolute; z-index: 5; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 12px; padding: 10px 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 9px; background: rgba(17,25,35,.92); box-shadow: 0 12px 30px rgba(0,0,0,.22); }.orbit-input,.matrix-input { top: 3%; }.orbit-input small,.matrix-input small,.orbit-pass small,.matrix-output small { color: #667280; font: 500 6px var(--mono); letter-spacing: .09em; }.orbit-input b,.matrix-input strong { color: #aeb8c4; font: 500 10px var(--mono); }.matrix-input span { color: #64707d; font: 500 6px var(--mono); }
.orbit-ring { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid rgba(var(--blue-light-rgb),.2); border-radius: 50%; }.orbit-ring i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--blue-light); box-shadow: 0 0 12px var(--blue); }.ring-one { width: 76%; height: 76%; animation: orbitSpin 24s linear infinite; }.ring-two { width: 57%; height: 57%; border-style: dashed; animation: orbitReverse 17s linear infinite; }.ring-three { width: 38%; height: 38%; border-color: rgba(var(--cyan-rgb),.25); }.ring-one i:nth-child(1) { left: 9%; top: 18%; }.ring-one i:nth-child(2) { right: 6%; top: 41%; }.ring-one i:nth-child(3) { left: 45%; bottom: -4px; }.ring-two i:nth-child(1) { left: -4px; top: 46%; background: var(--status-green); }.ring-two i:nth-child(2) { right: 11%; bottom: 12%; background: var(--status-green); }
.orbit-core { position: absolute; z-index: 4; left: 50%; top: 50%; width: 30%; aspect-ratio: 1; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--accent-mid); border-radius: 50%; background: radial-gradient(circle at 38% 30%,var(--accent-deep),#0e192b 68%); box-shadow: 0 0 60px rgba(var(--blue-rgb),.3); }.orbit-core > span { font: 700 clamp(20px,3vw,31px) var(--display); letter-spacing: -.1em; }.orbit-core small { color: var(--blue-light); font: 500 5px var(--mono); letter-spacing: .1em; }.orbit-core strong { margin: 3px 0; font: 500 18px var(--mono); }.orbit-core > b { color: var(--status-green); font: 500 5px var(--mono); }
.orbit-pass,.matrix-output { bottom: 3%; border-color: rgba(var(--status-green-rgb),.28); }.orbit-pass > i { width: 7px; height: 7px; border-radius: 50%; background: var(--status-green); box-shadow: 0 0 12px rgba(var(--green-rgb),.7); }.orbit-pass span small,.orbit-pass span b { display: block; }.orbit-pass span b { margin-top: 3px; color: var(--status-green); font: 500 8px var(--mono); }
.orbit-reject { position: absolute; z-index: 5; display: flex; align-items: center; gap: 5px; padding: 6px 8px; border: 1px solid rgba(241,112,112,.25); border-radius: 999px; background: rgba(38,20,24,.92); color: #c8787d; font: 500 5px var(--mono); letter-spacing: .07em; }.orbit-reject i { color: #f17070; font-style: normal; font-size: 9px; }.reject-orbit-one { left: 2%; top: 26%; }.reject-orbit-two { right: 1%; top: 38%; }.reject-orbit-three { left: 5%; bottom: 24%; }
.orbit-eject { position: absolute; z-index: 4; left: 50%; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #f17070; box-shadow: 0 0 12px rgba(241,112,112,.75); }.eject-one { animation: ejectNorthWest 3.4s ease-in-out infinite; }.eject-two { animation: ejectEast 3.4s -1.1s ease-in-out infinite; }.eject-three { animation: ejectSouthWest 3.4s -2.2s ease-in-out infinite; }
.matrix-square { background: radial-gradient(circle at 50% 52%,rgba(var(--cyan-rgb),.08),transparent 43%); }.matrix-grid-lines { position: absolute; inset: 12%; opacity: .18; 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: 25% 25%; mask-image: radial-gradient(circle,#000,transparent 72%); }.matrix-system { position: absolute; z-index: 4; left: 50%; top: 51%; width: 61%; aspect-ratio: 1; transform: translate(-50%,-50%); display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; }.matrix-cell { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.11); border-radius: 8px; background: rgba(17,25,35,.9); animation: matrixBreathe 4.2s ease-in-out infinite; }.matrix-cell:nth-child(2n) { animation-delay: -.7s; }.matrix-cell i { position: absolute; left: 6px; top: 5px; color: #566271; font: normal 5px var(--mono); }.matrix-cell span { color: #75818e; font: 500 5px var(--mono); letter-spacing: .08em; }.matrix-cell b { margin-top: 5px; color: var(--blue-light); font: 500 9px var(--mono); }.matrix-cell.fail { border-color: rgba(241,112,112,.18); background: rgba(37,21,25,.78); }.matrix-cell.fail span,.matrix-cell.fail b { color: #bd666c; }.matrix-cell.matrix-core { border-color: var(--accent-mid); background: linear-gradient(145deg,#203869,#0e182a); box-shadow: 0 0 38px rgba(var(--blue-rgb),.25); }.matrix-core span { color: white; font: 700 22px var(--display); letter-spacing: -.1em; }.matrix-core small { color: var(--blue-light); font: 500 5px var(--mono); }.matrix-output strong { color: var(--status-green); font: 500 16px var(--mono); }.matrix-output span { color: #66727f; font: 500 6px var(--mono); }
.matrix-reject-line { position: absolute; z-index: 3; width: 21%; height: 1px; background: linear-gradient(90deg,rgba(241,112,112,.55),transparent); transform-origin: left; }.matrix-reject-line i { position: absolute; left: 0; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: #f17070; box-shadow: 0 0 10px rgba(241,112,112,.7); animation: rejectLineDot 2.8s linear infinite; }.line-a { left: 68%; top: 39%; transform: rotate(-14deg); }.line-b { left: 68%; top: 51%; transform: rotate(8deg); }.line-c { left: 68%; top: 63%; transform: rotate(22deg); }
.matrix-router-card { width: 190px; display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; align-items: end; padding: 11px 13px; border-radius: 10px; }.matrix-router-card small { grid-column: 1/-1; margin-bottom: 4px; }.matrix-router-card strong { font-size: 20px; }.matrix-router-card span { padding-bottom: 3px; }.matrix-output.matrix-router-card { display: grid; }.matrix-output.matrix-router-card strong { font-size: 20px; }
.matrix-signal-stream { position: absolute; z-index: 3; left: 50%; width: 1px; transform: translateX(-50%); background: linear-gradient(transparent,var(--accent-mid),transparent); }.matrix-stream-in { top: 14%; height: 8%; }.matrix-stream-out { top: 79%; height: 9%; }.matrix-signal-stream i { position: absolute; left: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--blue-light); box-shadow: 0 0 12px var(--blue); animation: flowDown 2.5s linear infinite; }.matrix-stream-out i { background: var(--status-green); box-shadow: 0 0 12px rgba(var(--green-rgb),.7); }.matrix-signal-stream i:nth-child(2) { animation-delay: -.83s; }.matrix-signal-stream i:nth-child(3) { animation-delay: -1.66s; }
.matrix-core { overflow: visible; }.matrix-core-halo { position: absolute; inset: -9px; border: 1px solid rgba(var(--blue-light-rgb),.2); border-radius: 11px; box-shadow: 0 0 28px rgba(var(--blue-rgb),.18); animation: enginePulse 2.8s ease-in-out infinite; }.matrix-core em { margin-top: 4px; color: var(--status-green); font: normal 500 4px var(--mono); letter-spacing: .09em; }
.matrix-reject-card { position: absolute; z-index: 6; min-width: 108px; display: flex; align-items: center; gap: 7px; padding: 7px 8px; border: 1px solid rgba(241,112,112,.26); border-radius: 8px; background: rgba(38,20,24,.94); box-shadow: 0 10px 26px rgba(0,0,0,.22); }.matrix-reject-card > i { width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; background: rgba(241,112,112,.12); color: #f17070; font: normal 10px var(--mono); }.matrix-reject-card span small,.matrix-reject-card span b { display: block; }.matrix-reject-card span small { color: #a65358; font: 500 4px var(--mono); letter-spacing: .08em; }.matrix-reject-card span b { margin-top: 3px; color: #d7989b; font-size: 5px; }.matrix-reject-a { right: 0; top: 29%; }.matrix-reject-b { right: 0; bottom: 25%; }
.matrix-square .matrix-system { width: 66%; top: 50%; gap: 7px; }.matrix-square .matrix-cell { border-color: rgba(255,255,255,.16); }.matrix-square .matrix-cell span { color: #a5afbb; font-size: 7px; letter-spacing: .09em; }.matrix-square .matrix-cell b { margin-top: 6px; font-size: 11px; }.matrix-square .matrix-cell i { left: 7px; top: 6px; color: #778390; font-size: 6px; }.matrix-square .matrix-cell.fail span,.matrix-square .matrix-cell.fail b { color: #ef8b90; }.matrix-square .matrix-core span { color: #fff; font-size: 26px; }.matrix-square .matrix-core small { color: var(--blue-light); font-size: 6px; }.matrix-square .matrix-core em { color: var(--status-green); font-size: 5px; }
.matrix-square .matrix-router-card { width: 210px; padding: 13px 15px; }.matrix-square .matrix-router-card small { color: #98a4b1; font-size: 7px; }.matrix-square .matrix-router-card strong { font-size: 25px; }.matrix-square .matrix-router-card span { color: #9aa6b3; font-size: 7px; }
@keyframes ejectNorthWest { 0% { transform: translate(0,0); opacity: 0; } 20% { opacity: 1; } 100% { transform: translate(-190px,-120px); opacity: 0; } } @keyframes ejectEast { 0% { transform: translate(0,0); opacity: 0; } 20% { opacity: 1; } 100% { transform: translate(205px,-45px); opacity: 0; } } @keyframes ejectSouthWest { 0% { transform: translate(0,0); opacity: 0; } 20% { opacity: 1; } 100% { transform: translate(-165px,130px); opacity: 0; } } @keyframes matrixBreathe { 50% { transform: translateY(-2px); border-color: rgba(var(--blue-light-rgb),.25); } } @keyframes rejectLineDot { from { left: 0; opacity: 1; } to { left: 100%; opacity: 0; } }

/* Centered qualification-flow comparison */
.final-hero-visual { width: 100%; max-width: 650px; height: auto; aspect-ratio: 1/1; margin: 0 auto; padding-top: 0; display: grid; place-items: center; overflow: visible; }.final-qualification-flow { width: 100%; height: 100%; aspect-ratio: 1/1; margin: 0; transform: none; }
.qualification-field { position: relative; min-height: 0; overflow: hidden; background: radial-gradient(circle at 50% 49%,rgba(var(--blue-rgb),.1),transparent 34%); }
.qualification-paths { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; overflow: visible; }.qualification-paths path { fill: none; stroke-width: 1.5; }.qualification-paths .pass-path { stroke: var(--accent-mid); }.qualification-paths .reject-path { stroke: rgba(241,112,112,.58); stroke-dasharray: 4 7; animation: rejectDash 4s linear infinite; }
.center-input,.center-output { position: absolute; z-index: 5; left: 50%; width: 190px; transform: translateX(-50%); display: grid; grid-template-columns: 1fr auto; align-items: end; padding: 13px 14px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; background: #121a25; box-shadow: 0 13px 34px rgba(0,0,0,.27); }.center-input { top: 5%; }.center-output { bottom: 5%; border-color: rgba(var(--status-green-rgb),.3); }.center-input small,.center-output small { grid-column: 1/-1; margin-bottom: 7px; color: #65717f; font: 500 6px var(--mono); letter-spacing: .12em; }.center-input strong,.center-output strong { font: 500 27px var(--mono); letter-spacing: -.07em; }.center-input span,.center-output span { padding-bottom: 4px; color: #75808d; font: 500 7px var(--mono); }.center-output strong { color: var(--status-green); }
.center-engine { position: absolute; z-index: 5; left: 50%; top: 50%; width: 132px; height: 132px; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--accent-mid); border-radius: 27px; background: linear-gradient(145deg,#203869,#0e182a); box-shadow: 0 0 60px rgba(var(--blue-rgb),.28); }.center-engine > span { font: 700 31px var(--display); letter-spacing: -.1em; }.center-engine > small { margin: 3px 0 10px; color: var(--blue-light); font: 500 6px var(--mono); letter-spacing: .11em; }.center-engine > b { color: var(--status-green); font: 500 5px var(--mono); letter-spacing: .12em; }
.signal-stream { position: absolute; z-index: 4; left: 50%; width: 1px; transform: translateX(-50%); }.stream-in { top: 19%; height: 19%; }.stream-out { top: 63%; height: 18%; }.signal-stream i { position: absolute; left: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--blue-light); box-shadow: 0 0 13px var(--blue); animation: flowDown 2.5s linear infinite; }.stream-out i { background: var(--status-green); box-shadow: 0 0 13px rgba(var(--green-rgb),.75); }.signal-stream i:nth-child(2) { animation-delay: -.83s; }.signal-stream i:nth-child(3) { animation-delay: -1.66s; }.signal-stream i:nth-child(4) { animation-delay: -2.1s; }
.reject-signal { position: absolute; z-index: 5; min-width: 113px; display: flex; align-items: center; gap: 8px; padding: 8px 9px; border: 1px solid rgba(241,112,112,.25); border-radius: 8px; background: rgba(38,20,24,.94); box-shadow: 0 10px 28px rgba(0,0,0,.23); }.reject-signal > i { width: 21px; height: 21px; display: grid; place-items: center; border-radius: 50%; background: rgba(241,112,112,.12); color: #f17070; font: normal 12px var(--mono); }.reject-signal span small,.reject-signal span b { display: block; }.reject-signal span small { color: #a65358; font: 500 5px var(--mono); letter-spacing: .09em; }.reject-signal span b { margin-top: 3px; color: #d7989b; font-size: 6px; }.reject-left { left: 2%; top: 36%; }.reject-right { right: 2%; top: 55%; }
.reject-particle { position: absolute; z-index: 4; width: 7px; height: 7px; border-radius: 50%; background: #f17070; box-shadow: 0 0 13px rgba(241,112,112,.75); offset-rotate: 0deg; animation: rejectTravel 3.2s ease-in-out infinite; }.particle-left { offset-path: path("M230 250 C190 250 175 222 118 222"); animation-delay: -.7s; }.particle-right { offset-path: path("M230 282 C273 282 290 315 348 315"); animation-delay: -2s; }
.compact-input { width: 176px; }.gate-engine { width: 126px; height: 126px; border-radius: 50%; overflow: hidden; }.gate-engine > b { color: var(--blue-light); }.gate-scan { position: absolute; left: -20%; width: 140%; height: 1px; top: 0; background: linear-gradient(90deg,transparent,var(--cyan),transparent); box-shadow: 0 0 15px rgba(var(--cyan-rgb),.7); animation: gateScan 3s ease-in-out infinite; }.multi-stream i:nth-child(odd) { margin-left: -8px; }.multi-stream i:nth-child(even) { margin-left: 8px; }
.reject-chip { position: absolute; z-index: 5; display: flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid rgba(241,112,112,.22); border-radius: 999px; background: rgba(38,20,24,.94); color: #c7767b; font: 500 6px var(--mono); letter-spacing: .07em; }.reject-chip i { color: #f17070; font-style: normal; font-size: 10px; }.gate-reject-left { left: 3%; top: 54%; }.gate-reject-right { right: 3%; top: 54%; }.gate-particle-one { offset-path: path("M230 245 Q166 273 94 286"); }.gate-particle-two { offset-path: path("M230 245 Q294 273 366 286"); animation-delay: -1.4s; }.gate-particle-three { offset-path: path("M230 245 Q166 273 94 286"); animation-delay: -2.5s; }
.round-engine { width: 128px; height: 128px; border-radius: 50%; }.minimal-input,.minimal-output { width: 164px; }.trail-paths .long-trail { stroke-dasharray: 2 6; }.trail-label { position: absolute; z-index: 5; display: flex; align-items: center; gap: 6px; color: #b7686d; font: 500 6px var(--mono); letter-spacing: .07em; }.trail-label i { width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid rgba(241,112,112,.3); border-radius: 50%; background: rgba(241,112,112,.08); color: #f17070; font-style: normal; font-size: 10px; }.trail-one { left: 1%; top: 26%; }.trail-two { right: 1%; top: 35%; }.trail-three { left: 2%; top: 66%; }.trail-particle-one { offset-path: path("M230 245 C172 245 172 155 54 155"); }.trail-particle-two { offset-path: path("M230 268 C294 268 297 199 412 199"); animation-delay: -1.1s; }.trail-particle-three { offset-path: path("M230 288 C178 288 159 354 61 354"); animation-delay: -2.2s; }
.qualification-field .reject-particle { left: 0; top: 0; }
@keyframes rejectTravel { 0% { offset-distance: 0%; opacity: 0; } 15%,85% { opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } } @keyframes rejectDash { to { stroke-dashoffset: -44; } } @keyframes gateScan { 0%,100% { top: 18%; opacity: .25; } 50% { top: 82%; opacity: 1; } }

/* Portrait Capacity Engine comparison */
.capacity-portrait { width: min(100%,460px); aspect-ratio: 3/4; margin-left: auto; display: grid; grid-template-rows: 42px minmax(0,1fr) 64px; }
.capacity-portrait .motion-top,.capacity-portrait .motion-caption { height: auto; }.portrait-field { position: relative; min-height: 0; overflow: hidden; background: radial-gradient(circle at 50% 46%,rgba(var(--blue-rgb),.16),transparent 34%); }
.portrait-grid { position: absolute; inset: 0; opacity: .5; 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: 38px 38px; mask-image: linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent); }
.flow-input,.flow-output { position: absolute; z-index: 4; left: 50%; transform: translateX(-50%); width: 190px; display: grid; grid-template-columns: 1fr auto; align-items: end; padding: 13px 14px; border: 1px solid rgba(255,255,255,.13); border-radius: 10px; background: rgba(17,25,35,.92); box-shadow: 0 12px 30px rgba(0,0,0,.24); }.flow-input { top: 7%; }.flow-output { bottom: 7%; border-color: rgba(var(--status-green-rgb),.25); }.flow-input small,.flow-output small { grid-column: 1/-1; margin-bottom: 7px; color: #65717f; font: 500 6px var(--mono); letter-spacing: .12em; }.flow-input strong,.flow-output strong { font: 500 27px var(--mono); letter-spacing: -.07em; }.flow-input span,.flow-output span { padding-bottom: 4px; color: #75808d; font: 500 7px var(--mono); }.flow-output strong { color: var(--status-green); }
.vertical-rail { position: absolute; z-index: 2; left: 50%; width: 1px; transform: translateX(-50%); background: linear-gradient(transparent,var(--accent-mid),transparent); }.vertical-rail.rail-in { top: 21%; height: 22%; }.vertical-rail.rail-out { top: 58%; height: 20%; }.vertical-rail i { position: absolute; left: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--blue-light); box-shadow: 0 0 13px var(--blue); animation: flowDown 2.8s linear infinite; }.vertical-rail.rail-out i { background: var(--status-green); box-shadow: 0 0 13px rgba(var(--green-rgb),.8); }.vertical-rail i:nth-child(2) { animation-delay: -.7s; }.vertical-rail i:nth-child(3) { animation-delay: -1.4s; }.vertical-rail i:nth-child(4) { animation-delay: -2.1s; }
.portrait-engine { position: absolute; z-index: 5; left: 50%; top: 49%; width: 132px; height: 132px; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--accent-mid); border-radius: 27px; background: linear-gradient(145deg,#203869,#0e182a); box-shadow: 0 0 60px rgba(var(--blue-rgb),.28); }.portrait-engine > span { font: 700 31px var(--display); letter-spacing: -.1em; }.portrait-engine > small { margin: 3px 0 10px; color: var(--blue-light); font: 500 6px var(--mono); letter-spacing: .11em; }.portrait-engine > b { color: var(--status-green); font: 500 5px var(--mono); letter-spacing: .12em; }.engine-halo { position: absolute; inset: -20px; border: 1px solid rgba(var(--blue-light-rgb),.18); border-radius: 34px; animation: enginePulse 2.8s ease-in-out infinite; }.engine-halo:before,.engine-halo:after { content: ""; position: absolute; left: 50%; width: 5px; height: 5px; transform: translateX(-50%); border-radius: 50%; background: var(--blue-light); }.engine-halo:before { top: -3px; }.engine-halo:after { bottom: -3px; background: var(--status-green); }
.flow-side-label { position: absolute; right: 6%; top: 23%; bottom: 21%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; color: #4e5a68; font: 500 5px var(--mono); letter-spacing: .1em; writing-mode: vertical-rl; }.flow-side-label i { width: 1px; flex: 1; margin: 8px 0; background: linear-gradient(var(--blue),var(--status-green)); }
.stack-field { background: radial-gradient(circle at 50% 55%,rgba(var(--blue-rgb),.16),transparent 45%); }.stack-score { position: absolute; z-index: 4; top: 6%; left: 8%; right: 8%; display: grid; grid-template-columns: 1fr auto; align-items: end; padding-bottom: 17px; border-bottom: 1px solid rgba(255,255,255,.12); }.stack-score span { color: #65717f; font: 500 6px var(--mono); letter-spacing: .12em; }.stack-score strong { grid-row: 1/3; grid-column: 2; font: 500 38px var(--mono); letter-spacing: -.08em; }.stack-score strong small { color: #596574; font-size: 10px; }.stack-score > b { margin-top: 6px; color: var(--status-green); font: 500 6px var(--mono); }
.capacity-stack { position: absolute; z-index: 4; left: 9%; right: 9%; top: 28%; display: flex; flex-direction: column; gap: 9px; perspective: 800px; }.stack-layer { min-height: 59px; display: grid; grid-template-columns: 29px 1fr auto; gap: 10px; align-items: center; padding: 10px 13px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: linear-gradient(100deg,rgba(25,35,49,.96),rgba(16,23,32,.96)); box-shadow: 0 13px 25px rgba(0,0,0,.19); transform-origin: center bottom; animation: layerLift 4.8s ease-in-out infinite; }.stack-layer:nth-child(2) { animation-delay: -.8s; }.stack-layer:nth-child(3) { animation-delay: -1.6s; }.stack-layer:nth-child(4) { border-color: rgba(var(--status-green-rgb),.25); background: linear-gradient(100deg,rgba(22,54,43,.95),rgba(14,31,29,.96)); animation-delay: -2.4s; }.stack-layer > i { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #33465f; border-radius: 7px; color: var(--blue-light); font: normal 7px var(--mono); }.stack-layer span b,.stack-layer span small { display: block; }.stack-layer span b { font-size: 8px; }.stack-layer span small { margin-top: 4px; color: #63707e; font-size: 6px; }.stack-layer > em { color: var(--blue-light); font: normal 500 11px var(--mono); }.stack-layer:last-child > em { color: var(--status-green); }
.stack-meter { position: absolute; right: 3%; top: 30%; bottom: 15%; display: flex; flex-direction: column-reverse; align-items: center; gap: 6px; color: #4f5b69; font: 500 5px var(--mono); }.stack-meter i { position: relative; width: 2px; flex: 1; background: #26313e; overflow: hidden; }.stack-meter i b { position: absolute; left: 0; bottom: 0; width: 100%; height: 74%; background: linear-gradient(var(--blue-light),var(--blue)); animation: meterRise 3.5s ease-in-out infinite alternate; }
.pulse-field { background: radial-gradient(circle at 50% 47%,rgba(var(--cyan-rgb),.13),transparent 43%); }.pulse-input { position: absolute; z-index: 4; top: 6%; left: 8%; right: 8%; display: flex; align-items: center; gap: 9px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.11); }.pulse-input small { color: #64707d; font: 500 6px var(--mono); letter-spacing: .1em; }.pulse-input b { margin-left: auto; font: 500 7px var(--mono); }.pulse-input i { width: 5px; height: 5px; border-radius: 50%; background: var(--blue-light); box-shadow: 0 0 10px var(--blue); animation: statusBlink 1.8s ease-in-out infinite; }
.system-orbit { position: absolute; left: 50%; top: 48%; transform: translate(-50%,-50%); border: 1px solid rgba(113,225,243,.17); border-radius: 50%; }.orbit-outer { width: 310px; height: 310px; }.orbit-mid { width: 230px; height: 230px; border-style: dashed; animation: orbitSpin 20s linear infinite; }.orbit-inner { width: 154px; height: 154px; border-color: rgba(var(--blue-light-rgb),.22); animation: orbitReverse 15s linear infinite; }
.pulse-core { position: absolute; z-index: 5; left: 50%; top: 48%; width: 125px; height: 125px; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(113,225,243,.42); border-radius: 50%; background: radial-gradient(circle at 38% 31%,#23505f,#0c1c26 65%); box-shadow: 0 0 60px rgba(var(--cyan-rgb),.2); }.pulse-core > span { color: var(--cyan); font: 700 13px var(--display); }.pulse-core > strong { margin: 3px 0; font: 500 31px var(--mono); }.pulse-core > small { color: #5d7980; font: 500 5px var(--mono); letter-spacing: .1em; }.pulse-wave { position: absolute; inset: -15px; border: 1px solid rgba(var(--cyan-rgb),.2); border-radius: 50%; animation: matchPulse 2.8s ease-out infinite; }
.pulse-card { position: absolute; z-index: 5; min-width: 124px; display: grid; grid-template-columns: 6px 1fr auto; gap: 8px; align-items: center; padding: 9px 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background: rgba(17,25,35,.92); box-shadow: 0 10px 28px rgba(0,0,0,.24); animation: nodeFloat 4.4s ease-in-out infinite; }.pulse-card > i { width: 5px; height: 5px; border-radius: 50%; background: var(--status-green); }.pulse-card span small,.pulse-card span b { display: block; }.pulse-card span small { color: #5d6977; font: 500 5px var(--mono); }.pulse-card span b { margin-top: 3px; font: 500 6px var(--mono); }.pulse-card > em { color: var(--blue-light); font: normal 500 8px var(--mono); }.card-offer { left: 2%; top: 25%; }.card-process { right: 2%; top: 52%; animation-delay: -1.5s; }.card-team { left: 5%; bottom: 19%; border-color: rgba(var(--status-green-rgb),.22); animation-delay: -3s; }.card-team > em { color: var(--status-green); }
.pulse-output { position: absolute; z-index: 4; left: 8%; right: 8%; bottom: 6%; display: flex; justify-content: space-between; align-items: center; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.11); }.pulse-output span { color: #5e6a77; font: 500 6px var(--mono); letter-spacing: .1em; }.pulse-output b { color: var(--status-green); font: 500 7px var(--mono); }
@keyframes flowDown { from { top: 0; opacity: 0; } 12%,88% { opacity: 1; } to { top: 100%; opacity: 0; } } @keyframes layerLift { 50% { transform: translateY(-4px) rotateX(1.5deg); border-color: rgba(var(--blue-light-rgb),.28); } } @keyframes meterRise { from { height: 42%; } to { height: 82%; } } @keyframes orbitReverse { to { transform: translate(-50%,-50%) rotate(-360deg); } }
/* Hero motion — founder-outcome directions (01 Handoff / 02 Evidence / 03 Capacity).
   All internal geometry is in cqw so each stage scales as one piece from ~330px to ~620px. */
.nc-stage { --f1: clamp(4.5px,1.25cqw,7px); --f2: clamp(5.5px,1.6cqw,9px); --f3: clamp(7px,2.1cqw,12px); --f4: clamp(17px,5.2cqw,30px);
  --nc-card: rgba(17,25,35,.94); --nc-edge: rgba(255,255,255,.13); --nc-mute: #67737f; --nc-blue: var(--blue-light); --nc-good: var(--status-green); --nc-bad: #f17070;
  position: relative; width: 100%; height: 100%; overflow: hidden; container-type: inline-size;
  font: 500 var(--f1)/1.35 var(--mono); color: #aab4c0; letter-spacing: .06em;
  background: radial-gradient(circle at 50% 46%,rgba(var(--blue-rgb),.13),transparent 46%); }
.nc-grid { position: absolute; inset: 0; opacity: .5; 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: 10cqw 10cqw; mask-image: radial-gradient(circle,#000 32%,transparent 78%); }
.nc-topbar { position: absolute; left: 4cqw; right: 4cqw; top: 5cqw; display: flex; justify-content: space-between; align-items: center; padding-bottom: 2.2cqw; border-bottom: 1px solid rgba(255,255,255,.09); color: var(--nc-mute); letter-spacing: .12em; }
.nc-topbar i { display: flex; align-items: center; gap: 1.4cqw; font-style: normal; }
.nc-topbar i b { width: 1.1cqw; height: 1.1cqw; min-width: 4px; min-height: 4px; border-radius: 50%; background: var(--nc-good); box-shadow: 0 0 2cqw rgba(var(--green-rgb),.8); animation: statusBlink 1.8s ease-in-out infinite; }
.nc-roll { display: block; height: 1.15em; overflow: hidden; color: #fff; font-size: var(--f4); letter-spacing: -.06em; }
.nc-roll > i { display: block; font-style: normal; animation: ncRoll4 8s cubic-bezier(.16,1,.3,1) infinite; }
.nc-roll b { display: block; height: 1.15em; line-height: 1.15em; font-weight: 500; }
.nc-roll-3 > i { animation-name: ncRoll3; }
@keyframes ncRoll4 { 0%,16% { transform: none; } 25%,41% { transform: translateY(-25%); } 50%,66% { transform: translateY(-50%); } 75%,100% { transform: translateY(-75%); } }
@keyframes ncRoll3 { 0%,22% { transform: none; } 33%,55% { transform: translateY(-33.333%); } 66%,100% { transform: translateY(-66.666%); } }
.nc-kpis { position: absolute; left: 4cqw; right: 4cqw; bottom: 5cqw; display: flex; justify-content: space-between; align-items: flex-end; gap: 2cqw; padding-top: 2.4cqw; border-top: 1px solid rgba(255,255,255,.09); }
.nc-kpis small { display: block; margin-bottom: 1.2cqw; color: var(--nc-mute); letter-spacing: .12em; }
.nc-kpis strong { color: #fff; font-size: var(--f3); font-weight: 500; letter-spacing: -.02em; }
.nc-kpis .nc-ok { color: var(--nc-good); }
.nc-kpis > div:nth-child(n+2) { text-align: right; }

/* 01 — Handoff: the founder's call week transfers into defined, filled roles */
.nc-founder { position: absolute; z-index: 2; left: 4cqw; top: 16cqw; width: 34cqw; height: 62cqw; display: flex; flex-direction: column; padding: 2.4cqw; border: 1px solid var(--nc-edge); border-radius: 2.2cqw; background: var(--nc-card); box-shadow: 0 2cqw 6cqw rgba(0,0,0,.3); }
.nc-founder-head { display: flex; align-items: center; gap: 1.8cqw; padding-bottom: 2cqw; border-bottom: 1px solid rgba(255,255,255,.08); }
.nc-founder-head i { width: 7cqw; height: 7cqw; display: grid; place-items: center; border-radius: 1.4cqw; background: linear-gradient(140deg,var(--blue),var(--cyan)); color: #fff; font-style: normal; letter-spacing: .04em; }
.nc-founder-head b { display: block; color: #fff; font-size: var(--f2); letter-spacing: 0; }
.nc-founder-head small { display: block; margin-top: .6cqw; color: var(--nc-mute); letter-spacing: .11em; }
.nc-chips { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 1.4cqw; margin: 2cqw 0; padding: 0; list-style: none; }
.nc-chips li { display: flex; align-items: center; gap: 1.4cqw; padding: 1.5cqw 1.6cqw; border: 1px solid var(--nc-edge); border-radius: 1.2cqw; background: rgba(255,255,255,.02); letter-spacing: .04em; animation: ncChip 8s linear infinite var(--d); }
.nc-chips li i { width: 1.2cqw; height: 1.2cqw; min-width: 4px; min-height: 4px; border-radius: 50%; background: var(--nc-blue); animation: ncChipDot 8s linear infinite var(--d); }
.nc-founder-foot { display: flex; justify-content: space-between; align-items: center; padding-top: 1.8cqw; border-top: 1px solid rgba(255,255,255,.08); color: var(--nc-mute); letter-spacing: .11em; }
.nc-founder-foot b { color: var(--nc-good); font-size: var(--f2); font-weight: 500; }
@keyframes ncChip { 0%,7% { opacity: 1; transform: none; } 12% { opacity: 1; transform: translateX(2.5cqw); border-color: rgba(var(--blue-light-rgb),.55); } 18% { opacity: 0; transform: translateX(9cqw); } 19%,100% { opacity: .24; transform: none; } }
@keyframes ncChipDot { 0%,18% { background: var(--nc-blue); } 19%,100% { background: var(--nc-good); } }
.nc-paths { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; overflow: visible; }
.nc-paths path { fill: none; stroke-width: 1; vector-effect: non-scaling-stroke; }
.nc-paths .nc-track { stroke: rgba(var(--blue-light-rgb),.22); stroke-dasharray: 2 4; }
.nc-paths .nc-comet { stroke: var(--nc-blue); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 6 100; filter: drop-shadow(0 0 3px rgba(var(--blue-rgb),.9)); animation: ncComet 3.2s linear infinite; }
@keyframes ncComet { from { stroke-dashoffset: 100; } to { stroke-dashoffset: -6; } }
.nc-seats { position: absolute; z-index: 2; right: 4cqw; top: 16cqw; width: 38cqw; height: 62cqw; display: flex; flex-direction: column; justify-content: space-between; }
.nc-seat { padding: 2.2cqw; border: 1px solid var(--nc-edge); border-radius: 2cqw; background: var(--nc-card); box-shadow: 0 2cqw 5cqw rgba(0,0,0,.28); animation: ncSeatFill 8s ease-in-out infinite var(--d); }
.nc-seat header { display: flex; align-items: center; gap: 1.4cqw; }
.nc-seat header i { color: #5b6674; font-style: normal; }
.nc-seat header b { color: #fff; font-size: var(--f2); letter-spacing: 0; }
.nc-seat > small { display: block; margin-top: 1cqw; color: var(--nc-mute); }
.nc-seat em { position: relative; display: block; height: 1.5em; margin-top: 1.4cqw; font-style: normal; }
.nc-seat em span { position: absolute; left: 0; top: 0; white-space: nowrap; letter-spacing: .1em; }
.nc-seat em span:first-child { color: #7c8794; animation: ncFadeOut 8s ease-in-out infinite var(--d); }
.nc-seat em span:last-child { color: var(--nc-good); animation: ncFadeIn 8s ease-in-out infinite var(--d); }
@keyframes ncSeatFill { 0%,20% { border-color: var(--nc-edge); } 30%,100% { border-color: rgba(var(--status-green-rgb),.42); } }
@keyframes ncFadeOut { 0%,20% { opacity: 1; } 28%,100% { opacity: 0; } }
@keyframes ncFadeIn { 0%,20% { opacity: 0; } 28%,100% { opacity: 1; } }

/* 03 — Capacity: founder-led load falls away as system-built capacity compounds.
   Parked for reuse further down the page — markup lives in snippets/capacity-chart.html. */
.nc-headline { position: absolute; left: 4cqw; right: 4cqw; top: 16cqw; display: flex; justify-content: space-between; align-items: flex-start; gap: 3cqw; }
.nc-headline > div:first-child > b { display: block; margin-top: 1cqw; color: #fff; font-size: var(--f2); letter-spacing: 0; }
.nc-headline > div:first-child > small { display: block; margin-top: .8cqw; color: var(--nc-mute); letter-spacing: .12em; }
.nc-mini { display: flex; flex-direction: column; gap: 1.3cqw; min-width: 27cqw; }
.nc-mini div { display: flex; justify-content: space-between; gap: 2cqw; padding-bottom: 1.1cqw; border-bottom: 1px solid rgba(255,255,255,.07); color: var(--nc-mute); letter-spacing: .1em; }
.nc-mini div b { color: #c3cdd8; font-weight: 500; }
.nc-legend { position: absolute; left: 4cqw; right: 4cqw; top: 34cqw; display: flex; gap: 3.4cqw; color: var(--nc-mute); letter-spacing: .1em; }
.nc-legend span { display: flex; align-items: center; gap: 1.2cqw; }
.nc-legend i { width: 2.2cqw; height: 1.1cqw; min-width: 8px; min-height: 3px; border-radius: 1px; }
.nc-legend .k-blue { background: var(--blue); }
.nc-legend .k-green { background: var(--green); }
.nc-chart { position: absolute; left: 4cqw; right: 4cqw; top: 40cqw; height: 38cqw; }
.nc-cols { position: absolute; inset: 0; display: flex; align-items: flex-end; gap: 2.2cqw; }
.nc-col { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; gap: 2px; }
.nc-col i { display: block; border-radius: 3px 3px 0 0; }
.nc-col .g { height: calc(var(--g) * 1cqw); background: linear-gradient(var(--status-green),var(--green)); animation: ncGrowG 9s cubic-bezier(.16,1,.3,1) infinite var(--d); }
.nc-col .b { height: calc(var(--b) * 1cqw); background: linear-gradient(var(--accent-mid),var(--blue)); animation: ncGrowB 9s cubic-bezier(.16,1,.3,1) infinite var(--d); }
@keyframes ncGrowG { 0% { height: 0; } 18%,100% { height: calc(var(--g) * 1cqw); } }
@keyframes ncGrowB { 0% { height: 0; } 18%,100% { height: calc(var(--b) * 1cqw); } }
.nc-baseline { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(255,255,255,.14); }
.nc-sweep { position: absolute; top: -4cqw; bottom: 0; width: 1px; background: linear-gradient(transparent,rgba(var(--cyan-rgb),.7),transparent); box-shadow: 0 0 3cqw rgba(var(--cyan-rgb),.35); animation: ncSweep 9s ease-in-out infinite; }
@keyframes ncSweep { 0% { left: 0; opacity: 0; } 12%,86% { opacity: 1; } 100% { left: 100%; opacity: 0; } }
.nc-marks { position: absolute; left: 4cqw; right: 4cqw; top: 82cqw; height: 6cqw; }
.nc-marks em { position: absolute; top: 0; display: flex; align-items: center; gap: 1.2cqw; transform: translateX(-50%); color: #8b95a1; font-style: normal; letter-spacing: .09em; white-space: nowrap; }
.nc-marks em:before { content: ""; position: absolute; left: 50%; top: -3.2cqw; width: 1px; height: 2.4cqw; background: rgba(var(--status-green-rgb),.5); }
.nc-marks em i { width: 1.4cqw; height: 1.4cqw; min-width: 5px; min-height: 5px; border-radius: 50%; background: var(--nc-good); box-shadow: 0 0 2cqw rgba(var(--green-rgb),.7); }

.site-header,.hero,.section-pad,.final-cta,footer { padding-inline: max(var(--page-gutter), calc((100vw - var(--page-max)) / 2 + var(--page-gutter))); }
@keyframes optionIn { from { opacity: 0; transform: translateY(10px) scale(.99); } to { opacity: 1; transform: none; } }
@keyframes statusBlink { 50% { opacity: .35; } } @keyframes orbitSpin { to { transform: translate(-50%,-50%) rotate(360deg); } } @keyframes scanRotate { to { transform: rotate(360deg); } } @keyframes nodeFloat { 50% { transform: translateY(-5px); } } @keyframes flowRight { from { left: 0; opacity: 0; } 10%,90% { opacity: 1; } to { left: 100%; opacity: 0; } } @keyframes enginePulse { 50% { transform: scale(1.04); opacity: .6; } } @keyframes barsGrow { from { transform: scaleY(.45); } to { transform: scaleY(1); } } @keyframes dashFlow { to { stroke-dashoffset: -120; } } @keyframes matchPulse { from { transform: scale(.85); opacity: .8; } to { transform: scale(1.3); opacity: 0; } }
@media (max-width: 1050px) { .hero-visual-stage { max-width: 510px; }.version-switcher > span { display: none; } }
@media (max-width: 800px) { .hero-visual-stage { max-width: 590px; margin: 60px auto 0; padding-top: 58px; }.version-switcher { left: 0; right: auto; }.motion-frame { max-width: 590px; margin: 0 auto; } }
@media (max-width: 520px) {
  .hero-visual-stage { padding-top: 53px; }.version-switcher { width: 100%; }.version-switcher button { flex: 1; justify-content: center; }.diagnostic-field,.capacity-field,.match-field { height: 350px; }.motion-caption { height: 58px; }.motion-caption p small { max-width: 210px; }
  .final-hero-visual { width: 100%; height: auto; aspect-ratio: 1/1; padding-top: 0; }.final-qualification-flow { width: 100%; height: 100%; aspect-ratio: 1/1; transform: none; }
  .qualification-field .reject-particle { display: none; }.reject-signal { min-width: 96px; padding: 6px; }.reject-signal > i { width: 18px; height: 18px; }.trail-label { font-size: 5px; }
  .diag-orbit.orbit-a { width: 245px; height: 245px; }.diag-orbit.orbit-b { width: 180px; height: 180px; }.diag-orbit.orbit-c { width: 112px; height: 112px; }.scan-beam { width: 120px; height: 120px; }.diag-core { width: 96px; height: 96px; }.diag-core strong { font-size: 28px; }.diag-node { min-width: 78px; padding: 7px; }.diag-node.node-process,.diag-node.node-onboard { display: none; }.node-offer { left: 2%; }.node-leads { right: 2%; }.node-manage { right: 0; }.node-comp { right: 8%; bottom: 15%; }.diagnostic-alert { bottom: 4px; }
  .label-in { left: 4%; top: 24%; }.label-out { right: 4%; top: 23%; text-align: right; }.engine-core { top: 52%; width: 105px; height: 105px; }.flow-rail { top: 52%; }.capacity-bars { right: 5%; bottom: 24%; }.capacity-ticker span:nth-child(2) { display: none; }
  .match-core { width: 106px; height: 106px; }.match-core strong { font-size: 28px; }.match-satellite { min-width: 112px; padding: 7px; }.sat-offer,.sat-cycle { left: 1%; }.sat-talent,.sat-evidence { right: 1%; }.match-status span:nth-child(2) { display: none; }
}
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1); }.reveal.visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*:before,*:after { animation-duration: .01ms!important; transition-duration: .01ms!important; } .reveal { opacity: 1; transform: none; } }
@media (max-width: 1050px) { .belief-diagnostic { grid-template-columns: 1fr 1fr; gap: 45px; }.belief-console { grid-template-columns: .9fr 1.1fr; }.console-flow { grid-template-columns: repeat(5,minmax(96px,1fr)); gap: 8px; overflow-x: auto; }.console-link { display: none; } }
@media (max-width: 1050px) {
  .desktop-nav,.text-button { display: none; }.site-header { grid-template-columns: 1fr auto; }.hero { grid-template-columns: 1fr 440px; column-gap: 3vw; }.qualify-grid { grid-template-columns: 1fr 1fr; }.readiness-prompt { grid-column: 1/-1; min-height: 250px; }.pricing-grid { grid-template-columns: repeat(3,1fr); }.calculator { grid-column: 1/-1; min-height: 350px; }.floating-card { display: none; }
}
@media (max-width: 800px) {
  .demo-bar p { display: none; }.site-header { height: 68px; }.header-actions { display: none; }.menu-button { display: flex; flex-direction: column; justify-content: center; gap: 6px; justify-self: end; width: 42px; height: 42px; border: 0; background: none; }.menu-button span { display: block; width: 22px; height: 1px; margin-left: auto; background: var(--ink); transition: transform .2s; }.menu-button.active span:first-child { transform: translateY(3.5px) rotate(45deg); }.menu-button.active span:last-child { transform: translateY(-3.5px) rotate(-45deg); }.mobile-menu { display: none; position: fixed; z-index: 45; inset: 102px 0 0; padding: 35px 24px; background: var(--canvas); }.mobile-menu.open { display: block; }.mobile-menu nav { display: flex; flex-direction: column; margin-bottom: 30px; }.mobile-menu nav a { padding: 17px 0; border-bottom: 1px solid var(--border); font: 600 24px var(--display); }.mobile-menu .button { width: 100%; }.hero { min-height: auto; grid-template-columns: 1fr; padding-top: 78px; }.hero h1 { font-size: clamp(52px,13vw,76px); }.hero-system { margin-top: 60px; }.system-window { margin: 0 auto; transform: none; }.belief-grid,.model-heading,.process-heading,.candidate-grid,.pricing-heading,.buildout-grid,.faq-layout,.final-grid { grid-template-columns: 1fr; }.belief-grid { gap: 30px; }.belief-lab { min-height: 0; padding-top: 120px; }.belief-version-switcher { top: 34px; left: 20px; right: 20px; }.belief-version-switcher button { flex: 1; justify-content: center; }.belief-diagnostic { grid-template-columns: 1fr; gap: 48px; }.belief-diagnostic-copy > p:not(.eyebrow) { font-size: 14px; }.belief-statement { min-height: 570px; }.belief-statement h2 { font-size: clamp(43px,10vw,66px); }.statement-foot { grid-template-columns: 1fr; gap: 28px; }.statement-track { grid-template-columns: repeat(5,130px); overflow-x: auto; }.statement-track .talent-last { text-align: left; }.belief-console { grid-template-columns: 1fr; }.console-copy { border-right: 0; border-bottom: 1px solid #252e3a; }.console-map { min-height: 420px; }.console-flow { margin-top: 85px; }.qualify-grid,.process-grid { grid-template-columns: 1fr; }.bottleneck-track { overflow: hidden; }.bottleneck-track i { min-width: 35px; margin: 0 11px; }.service-tabs { overflow-x: auto; grid-template-columns: repeat(5,150px); }.service-detail { grid-template-columns: 1fr; }.service-copy,.service-visual { padding: 40px 28px; }.service-number { font-size: 56px; }.candidate-grid { gap: 55px; }.pricing-grid { grid-template-columns: 1fr; }.calculator { grid-column: auto; }.final-grid { gap: 34px; }.audit-dialog[open] { display: block; overflow: auto; }.audit-side { min-height: 260px; }.audit-form { min-height: 610px; }.audit-dialog .dialog-close { position: fixed; }.contact-inner form { grid-template-columns: 1fr; }.contact-inner label:nth-child(4),.contact-inner textarea,.contact-inner form .button { grid-column: auto; }
}
@media (max-width: 520px) {
  .section-pad { padding: 88px 20px; }.section-index { margin-bottom: 58px; }.hero { padding-left: 20px; padding-right: 20px; }.hero h1 { font-size: 51px; }.hero-lede { font-size: 16px; }.hero-actions { flex-direction: column; }.hero-actions .button { width: 100%; }.system-window { font-size: 85%; }.score-panel { padding: 25px 20px 18px; }.signal-grid,.recommendation { padding-left: 20px; padding-right: 20px; }.belief h2,.section-heading h2,.model h2,.process h2,.candidate-copy h2,.pricing h2,.buildout h2,.faq h2,.final-cta h2 { font-size: 40px; }.qualify-grid { display: block; }.fit-card,.readiness-prompt { margin-bottom: 13px; }.service-copy h3 { font-size: 38px; }.process-heading,.pricing-heading,.model-heading { margin-bottom: 42px; }.phase-card { min-height: 410px; }.candidate-card { margin: 0 -4px; }.candidate-head { padding: 22px; }.match-chip { position: absolute; right: 35px; margin-top: -67px; }.candidate-stats,.experience,.verification,.candidate-foot { padding-left: 22px; padding-right: 22px; }.experience > div { flex-wrap: wrap; }.footer-top { display: block; }.footer-top > p { margin-top: 50px; text-align: left; }.footer-links { grid-template-columns: 1fr 1fr; }.footer-bottom { flex-direction: column; gap: 12px; }.audit-side { padding: 28px; }.audit-form { min-height: 600px; padding: 35px 22px 25px; }.audit-step h3,.audit-result h3 { font-size: 27px; }.contact-inner,.scorecard-sheet { padding: 42px 23px 25px; }.contact-inner h2,.scorecard-sheet h2 { font-size: 33px; }.scorecard-grid { grid-template-columns: 1fr; }
}
@media (max-width: 800px) { .belief-motion-stage { min-height: 480px; }.belief-motion-option { height: 480px; } }
@media (max-width: 520px) { .belief-motion-stage { min-height: 530px; }.belief-motion-option { height: 480px; }.motion-card-head { padding: 0 13px; }.motion-readout { left: 12px; right: 12px; } }
@media (max-width: 1050px) { .standards-radar-layout { grid-template-columns: 1fr 1fr; gap: 40px; }.standards-bento { grid-template-columns: 1fr 1fr; }.field-cta-card { grid-column: 1/-1; min-height: 300px; }.threshold-motion { grid-template-columns: 1fr 180px 1fr; gap: 20px; padding: 25px; } }
@media (max-width: 800px) { .qualify-lab { min-height: 0; padding-top: 110px; }.standards-version-switcher { top: 34px; left: 20px; right: 20px; }.standards-version-switcher button { flex: 1; justify-content: center; }.standards-radar-layout { grid-template-columns: 1fr; }.readiness-radar-motion { max-width: 500px; }.radar-criteria-grid { grid-template-columns: 1fr; }.field-heading { grid-template-columns: 1fr; gap: 22px; }.standards-bento { grid-template-columns: 1fr; }.field-cta-card { grid-column: auto; }.threshold-motion { grid-template-columns: 1fr; }.threshold-column { width: 100%; }.threshold-gate { margin: 15px auto; }.threshold-bottom { grid-template-columns: 1fr; }.threshold-bottom .button { width: 100%; } }
@media (max-width: 520px) { .qualify-lab { padding-top: 105px; }.standards-version-switcher button { padding: 0 7px; }.standards-radar-copy h2,.field-heading h2,.threshold-heading h2 { font-size: 40px; }.readiness-radar-motion { width: 100%; }.radar-core { width: 126px; height: 126px; }.radar-signal { min-width: 82px; padding: 8px 8px 8px 20px; }.radar-signal > i { left: 8px; top: 12px; }.radar-criteria > div { grid-template-columns: 1fr 1fr; }.field-card,.field-cta-card { min-height: 430px; padding: 23px; }.threshold-motion { padding: 16px; }.threshold-column > div { grid-template-columns: 1fr; } }
@media (max-width: 1050px) { .radar-glass-layout { grid-template-columns: .9fr 1.1fr; gap: 45px; } }
@media (max-width: 800px) { .radar-glass-layout { grid-template-columns: 1fr; }.glass-radar-scene { min-height: 500px; }.glass-radar-panels { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .glass-radar-heading h2 { font-size: 40px; }.glass-radar-scene { min-height: 440px; }.glass-radar-disc { width: 94%; }.glass-core { width: 118px; height: 118px; }.glass-signal { min-width: 82px; padding: 8px 8px 8px 20px; }.glass-signal > i { left: 8px; top: 12px; } }
@media (max-width: 1050px) {
  .standards-light-lab .radar-glass-layout { grid-template-columns: minmax(300px,.8fr) minmax(420px,1.2fr); gap: 38px; }
}
@media (max-width: 800px) {
  .standards-light-lab { min-height: 0; }
  .standards-light-lab .radar-glass-layout { grid-template-columns: 1fr; gap: 42px; }
  .standards-light-lab .glass-radar-heading > p:not(.eyebrow) { max-width: 620px; }
  .standards-light-lab .glass-radar-scene { min-height: 500px; }
}
@media (max-width: 520px) {
  .standards-light-lab .glass-radar-heading h2 { font-size: 40px; }
  .standards-light-lab .glass-radar-scene { min-height: 430px; margin-inline: -4px; }
  .standards-light-lab .glass-radar-scene:after { display: none; }
  .standards-light-lab .glass-radar-disc { width: 82%; }
  .standards-light-lab .glass-core { width: 108px; height: 108px; }
  .standards-light-lab .glass-core strong { font-size: 28px; }
  .standards-light-lab .glass-signal { min-width: 86px; }
  .standards-light-lab .glass-radar-panels { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  .standards-light-lab .readiness-studio { min-height: 520px; }
}
@media (max-width: 520px) {
  .standards-light-lab .readiness-studio { min-height: 500px; margin-inline: 0; }
  .readiness-version-switcher { width: calc(100% - 24px); justify-content: stretch; }
  .readiness-version-switcher button { flex: 1; justify-content: center; padding-inline: 6px; }
  .readiness-version-switcher button b { display: none; }
  .rv-caption { left: 14px; right: 14px; }
  .rv-matrix { padding: 54px 13px 14px; }
  .rv-matrix-score { padding: 15px; }.rv-matrix-score strong { font-size: 35px; }.rv-matrix-score em { font-size: 5px; }
  .rv-matrix-list button { grid-template-columns: 19px 1fr 60px 39px; gap: 5px; padding-inline: 9px; }.rv-matrix-list button > b { font-size: 7px; }
  .rv-constellation-core { width: 108px; height: 108px; }.rv-constellation-core strong { font-size: 25px; }
  .rv-star { min-width: 86px; gap: 5px; padding: 7px; }.rv-star > i { width: 19px; height: 19px; }.rv-star span b { font-size: 6px; }.rv-star span small { font-size: 4px; }
  .star-offer,.star-manage { left: 2%; }.star-leads,.star-process { right: 2%; }
  .rv-stack-stage { inset-inline: 12px; }.rv-layer { left: 2%; width: 78%; padding-inline: 13px; }.rv-stack-axis { right: 0; }.rv-stack-footer { left: 13px; right: 13px; gap: 8px; }.rv-stack-footer span:nth-child(2) { display: none; }.rv-stack-footer b { max-width: 125px; text-align: right; }
  .rv-flow-inputs { left: 2%; }.rv-flow-inputs button { min-width: 82px; padding: 7px; }.rv-flow-inputs span b { font-size: 6px; }.rv-flow-inputs span small { font-size: 4px; }
  .rv-flow-gate { width: 88px; height: 88px; border-radius: 17px; }.rv-flow-gate strong { font-size: 23px; }.rv-flow-gate > span { inset: -12px; border-radius: 21px; }
  .rv-flow-output { right: 2%; width: 84px; padding: 12px 9px; }.rv-flow-output strong { font-size: 14px; }.rv-flow-output span { font-size: 5px; }
}
@media (max-width: 800px) {
  .standards-cinema { min-height: 0; padding-top: 88px; }
  .hourglass-pattern { top: 51%; width: 132vw; height: 90%; }
  .cinema-heading { margin-bottom: 38px; }.cinema-heading h2 { font-size: clamp(48px,10vw,70px); }
  .cinema-frame { aspect-ratio: 4/3; border-radius: 16px; }
  .poster-word strong { font-size: clamp(37px,8vw,58px); }.poster-score { width: 140px; height: 140px; }.poster-orbit { width: 210px; height: 210px; }.poster-orbit.orbit-two { width: 270px; height: 270px; }
}
@media (max-width: 520px) {
  .standards-cinema { padding: 88px 20px; }
  .hourglass-pattern { top: 53%; width: 178vw; height: 87%; }
  .cinema-heading { margin-bottom: 31px; }.cinema-heading h2 { font-size: 42px; }.cinema-heading h2 br { display: none; }.cinema-heading > p:last-child { font-size: 13px; }
  .cinema-frame { aspect-ratio: 1/1.18; border-radius: 13px; }
  .poster-word { left: 7%; top: 9%; }.poster-word strong { font-size: 39px; }.poster-score { right: 7%; bottom: 14%; width: 112px; height: 112px; }.poster-score b { font-size: 38px; }.poster-orbit { right: calc(7% - 29px); bottom: calc(14% - 29px); width: 170px; height: 170px; }.poster-orbit.orbit-two { right: calc(7% - 51px); bottom: calc(14% - 51px); width: 214px; height: 214px; }
  .cinema-play { min-width: 145px; height: 48px; }.cinema-controls em { display: none; }
}

/* Service model — Aurora Grid */
.model { position: relative; isolation: isolate; overflow: hidden; transition: background .55s ease; }
.model > .section-index,.model-heading,.service-shell { position: relative; z-index: 2; }
.model-atmosphere { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; }
.model-atmosphere i { position: absolute; width: 44vw; aspect-ratio: 1; border-radius: 50%; filter: blur(90px); opacity: .24; transition: inset .8s ease,opacity .8s ease,background .8s ease; }
.model-atmosphere i:nth-child(1) { left: -14%; top: 13%; background: var(--accent-mid); }
.model-atmosphere i:nth-child(2) { right: -16%; top: 28%; background: var(--accent-mid); }
.model-atmosphere i:nth-child(3) { left: 36%; bottom: -28%; background: var(--accent-deep); }
.model:before { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; opacity: .5; transition: opacity .5s,transform .7s; }
.model .service-shell { box-shadow: 0 44px 110px rgba(0,0,0,.36); transition: border-radius .55s,border-color .55s,background .55s; }
.model .service-visual { position: relative; isolation: isolate; min-height: 500px; overflow: hidden; transition: background .55s,padding .55s; }
.model .service-visual:before { content: ""; position: absolute; z-index: -1; background-color: #08111f; background-image: radial-gradient(circle at 42% 44%,rgba(var(--blue-light-rgb),.42),transparent 26%),radial-gradient(circle,rgba(var(--blue-light-rgb),.34) 1px,transparent 1.4px),linear-gradient(135deg,#101d33,#050a12); background-size: auto,22px 22px,auto; transition: inset .65s cubic-bezier(.16,1,.3,1),border-radius .65s,filter .65s,opacity .45s,clip-path .65s; }
.model .service-label,.model .review-list { position: relative; z-index: 2; }
.model .review-list > div { transition: background .35s,border-color .35s,transform .35s; }
.model .review-list > div:hover { transform: translateX(5px); }
.service-video-preview { position: absolute; z-index: 1; inset: 0; color: #fff; pointer-events: none; }
.service-video-preview:before,.service-video-preview:after { content: ""; position: absolute; border: 1px solid rgba(var(--blue-light-rgb),.2); border-radius: 50%; left: 28%; top: 50%; transform: translate(-50%,-50%); }
.service-video-preview:before { width: 210px; height: 210px; }.service-video-preview:after { width: 300px; height: 300px; border-style: dashed; animation: cinemaOrbit 30s linear infinite; }
.service-video-top { position: absolute; left: 26px; right: 26px; top: 22px; display: flex; justify-content: space-between; color: var(--blue-light); font: 500 7px var(--mono); letter-spacing: .12em; }
.service-video-top b { color: var(--blue-light); font-weight: 500; }
.service-video-play { position: absolute; z-index: 3; left: 28%; top: 50%; min-width: 168px; height: 54px; display: flex; align-items: center; gap: 11px; padding: 0 15px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; background: rgba(6,12,22,.8); color: #fff; box-shadow: 0 18px 42px rgba(0,0,0,.35); transform: translate(-50%,-50%); backdrop-filter: blur(14px); pointer-events: auto; transition: transform .3s,background .3s,opacity .3s; }
.service-video-play:hover { background: var(--blue); transform: translate(-50%,-50%) scale(1.04); }
.service-video-play > i { width: 29px; height: 29px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: #fff; }
.service-video-play > i:after { content: ""; width: 0; height: 0; margin-left: 2px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid var(--blue); }
.service-video-play span { display: grid; gap: 3px; text-align: left; }.service-video-play span b { font-size: 8px; }.service-video-play span small { color: #91a0b7; font: 500 6px var(--mono); }
.service-video-controls { position: absolute; left: 24px; right: 24px; bottom: 18px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 11px; color: var(--blue-light); font: 500 6px var(--mono); }
.service-video-controls > span { height: 2px; background: rgba(255,255,255,.16); }.service-video-controls > span i { display: block; width: 22%; height: 100%; background: var(--blue); animation: cinemaProgress 8s linear infinite; }
.service-video-controls b { color: var(--blue-light); font-weight: 500; }
.service-visual.is-playing .service-video-play { opacity: .32; transform: translate(-50%,-50%) scale(.94); }.service-visual.is-playing .service-video-play > i:after { width: 8px; height: 9px; margin: 0; border: 0; border-left: 2px solid var(--blue); border-right: 2px solid var(--blue); }
.service-diagnose-motion,.service-recruit-motion,.service-build-motion,.service-operate-motion,.service-develop-motion { display: none; position: absolute; z-index: 3; inset: 28px; overflow: hidden; border: 1px solid rgba(var(--blue-light-rgb),.3); border-radius: 18px; background: #08101b; box-shadow: 0 24px 60px rgba(0,0,0,.32); }
.service-detail[data-service-visual="0"] .service-diagnose-motion { display: block; animation: serviceMotionIn .55s cubic-bezier(.16,1,.3,1); }
.service-detail[data-service-visual="1"] .service-recruit-motion { display: block; animation: serviceMotionIn .55s cubic-bezier(.16,1,.3,1); }
.service-detail[data-service-visual="2"] .service-build-motion { display: block; animation: serviceMotionIn .55s cubic-bezier(.16,1,.3,1); }
.service-detail[data-service-visual="3"] .service-operate-motion { display: block; animation: serviceMotionIn .55s cubic-bezier(.16,1,.3,1); }
.service-detail[data-service-visual="4"] .service-develop-motion { display: flex; animation: serviceMotionIn .55s cubic-bezier(.16,1,.3,1); }
.service-detail[data-service-visual="0"] .service-video-preview,.service-detail[data-service-visual="1"] .service-video-preview,.service-detail[data-service-visual="2"] .service-video-preview,.service-detail[data-service-visual="3"] .service-video-preview,.service-detail[data-service-visual="4"] .service-video-preview { display: none; }
.service-diagnose-motion .nc-stage,.service-recruit-motion .nc-stage,.service-build-motion .nc-stage,.service-operate-motion .nc-stage { background: radial-gradient(circle at 52% 48%,rgba(var(--blue-rgb),.18),transparent 46%),#08101b; }
.service-diagnose-motion .nc-risk { color: #f3b84b!important; }
.service-diagnose-motion .nc-chart,.service-recruit-motion .nc-chart { overflow: hidden; }
.service-recruit-motion .nc-headline > div:first-child .nc-roll { color: var(--blue-light); }
.service-recruit-motion .nc-mini div:last-child b { color: var(--status-green); }
.service-recruit-motion .recruit-chart { top: 39cqw; height: 39cqw; }
.recruit-rankings { position: absolute; inset: 0; display: grid; grid-template-rows: repeat(4,1fr); gap: 1.2cqw; }
.recruit-rank { display: grid; grid-template-columns: 8cqw 1fr 5cqw 12cqw; align-items: center; gap: 1.5cqw; padding: 0 1.8cqw; border: 1px solid rgba(255,255,255,.09); border-radius: 1.4cqw; background: rgba(17,25,35,.78); animation: recruitRankIn 7s ease-in-out infinite var(--d); }
.recruit-rank > span { color: #778492; letter-spacing: .08em; }
.recruit-rank > i { height: 1.2cqw; min-height: 4px; overflow: hidden; border-radius: 999px; background: #202b39; }
.recruit-rank > i b { display: block; width: var(--score); height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--blue),var(--blue-light)); transform-origin: left; animation: recruitBarFill 7s cubic-bezier(.16,1,.3,1) infinite var(--d); }
.recruit-rank > strong { color: #dce6f2; font-size: var(--f2); font-weight: 500; text-align: right; }
.recruit-rank > em { color: #687584; font-size: var(--f1); font-style: normal; text-align: right; letter-spacing: .08em; }
.recruit-rank.is-top { border-color: rgba(var(--status-green-rgb),.3); background: rgba(17,38,34,.72); box-shadow: inset 3px 0 var(--status-green),0 0 3cqw rgba(var(--green-rgb),.08); }
.recruit-rank.is-top > i b { background: linear-gradient(90deg,var(--blue),var(--status-green)); }
.recruit-rank.is-top > strong,.recruit-rank.is-top > em { color: var(--status-green); }
.recruit-evidence-key em:before { background: rgba(var(--blue-light-rgb),.42); }
@keyframes recruitBarFill { 0%,12% { transform: scaleX(.08); opacity: .35; } 28%,86% { transform: scaleX(1); opacity: 1; } 100% { transform: scaleX(.08); opacity: .35; } }
@keyframes recruitRankIn { 0%,10% { opacity: .42; transform: translateX(-1.5cqw); } 26%,88% { opacity: 1; transform: none; } 100% { opacity: .42; transform: translateX(-1.5cqw); } }
.service-build-motion .build-chart { top: 38cqw; height: 40cqw; }
.build-system-stack { position: absolute; inset: 0; display: grid; grid-template-rows: repeat(4,1fr); gap: 1.1cqw; perspective: 900px; }
.build-layer { display: grid; grid-template-columns: 6cqw 1fr auto; align-items: center; gap: 1.8cqw; padding: 0 2cqw; border: 1px solid rgba(255,255,255,.1); border-radius: 1.5cqw; background: linear-gradient(100deg,rgba(24,34,48,.94),rgba(13,20,29,.94)); box-shadow: 0 1.4cqw 3cqw rgba(0,0,0,.15); transform-origin: center bottom; animation: buildLayerInstall 6.8s cubic-bezier(.16,1,.3,1) infinite var(--d); }
.build-layer > i { width: 5cqw; height: 5cqw; display: grid; place-items: center; border: 1px solid var(--accent-mid); border-radius: 1cqw; color: var(--blue-light); font-style: normal; }
.build-layer span b,.build-layer span small { display: block; }.build-layer span b { color: #dce5ef; font-size: var(--f2); letter-spacing: 0; }.build-layer span small { margin-top: .5cqw; color: #687584; }
.build-layer > em { color: var(--blue-light); font-size: var(--f2); font-style: normal; letter-spacing: .06em; }
.build-layer.is-owned { border-color: rgba(var(--status-green-rgb),.28); background: linear-gradient(100deg,rgba(18,48,38,.9),rgba(12,29,27,.94)); }
.build-layer.is-owned > i { border-color: rgba(var(--status-green-rgb),.4); color: var(--status-green); }.build-layer.is-owned > em { color: var(--status-green); }
.build-phase-key em:before { background: linear-gradient(var(--blue-light),var(--status-green)); }
@keyframes buildLayerInstall { 0%,12% { opacity: .3; transform: translateY(2.5cqw) rotateX(-5deg); } 28%,86% { opacity: 1; transform: none; } 100% { opacity: .3; transform: translateY(-1cqw); } }
.service-operate-motion .operate-chart { top: 37cqw; height: 42cqw; }
.operate-matrix { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(3,1fr); gap: 1.3cqw; }
.operate-cell { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 1.5cqw 1.8cqw; overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 1.4cqw; background: rgba(17,25,35,.86); animation: operateCellPulse 6.4s ease-in-out infinite var(--d); }
.operate-cell:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg,transparent,var(--blue-light),transparent); transform: translateX(-100%); animation: operateCellScan 6.4s ease-in-out infinite var(--d); }
.operate-cell > i { position: absolute; right: 1.3cqw; top: 1.1cqw; color: #526071; font-style: normal; }
.operate-cell > span { color: #8996a5; letter-spacing: .08em; }
.operate-cell > b { margin-top: .8cqw; color: var(--blue-light); font-size: var(--f2); font-weight: 500; letter-spacing: .02em; }
.operate-cell.operate-core { border-color: rgba(var(--blue-light-rgb),.45); background: linear-gradient(145deg,#203a70,#0d1829); box-shadow: 0 0 4cqw rgba(var(--blue-rgb),.24); }
.operate-cell.operate-core > i { position: static; color: #fff; font: 700 calc(var(--f4) * .8) var(--display); letter-spacing: -.1em; }.operate-cell.operate-core > span { color: var(--blue-light); }.operate-cell.operate-core > b { color: var(--status-green); }
.operate-cell.is-ready { border-color: rgba(var(--status-green-rgb),.28); background: rgba(16,43,34,.78); }.operate-cell.is-ready > b { color: var(--status-green); }
.operate-phase-key em:before { background: rgba(var(--blue-light-rgb),.48); }
@keyframes operateCellPulse { 0%,12% { opacity: .42; transform: scale(.96); } 28%,84% { opacity: 1; transform: none; } 100% { opacity: .42; transform: scale(.96); } }
@keyframes operateCellScan { 0%,18% { transform: translateX(-110%); opacity: 0; } 42%,75% { transform: translateX(0); opacity: 1; } 100% { transform: translateX(110%); opacity: 0; } }
.service-develop-motion { flex-direction: column; padding: 18px; color: #dfe8f6; background: radial-gradient(circle at 48% 55%,rgba(var(--blue-rgb),.16),transparent 48%),linear-gradient(145deg,#0b1524,#060b13); }
.service-develop-motion:before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(var(--blue-light-rgb),.035) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--blue-light-rgb),.035) 1px,transparent 1px); background-size: 24px 24px; mask-image: linear-gradient(to bottom,#000,transparent 88%); }
.develop-board-top,.develop-board-foot { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; color: #7f90a8; font: 500 7px var(--mono); letter-spacing: .1em; }
.develop-board-top { height: 34px; padding: 0 3px 12px; border-bottom: 1px solid rgba(255,255,255,.09); }
.develop-board-top i { display: flex; align-items: center; gap: 7px; color: var(--blue-light); font-style: normal; }.develop-board-top i b { width: 6px; height: 6px; border-radius: 50%; background: var(--status-green); box-shadow: 0 0 12px var(--status-green); animation: developLive 2s ease-in-out infinite; }
.develop-board { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; min-height: 0; padding: 15px 0 13px; flex: 1; }
.develop-column { min-width: 0; display: flex; flex-direction: column; padding: 9px; border: 1px solid rgba(255,255,255,.09); border-radius: 11px; background: rgba(14,24,38,.76); backdrop-filter: blur(10px); }
.develop-column > header { display: flex; align-items: center; justify-content: space-between; min-height: 23px; margin-bottom: 8px; color: #8090a6; font: 500 6px var(--mono); letter-spacing: .07em; }.develop-column > header b { min-width: 17px; height: 17px; display: grid; place-items: center; border-radius: 5px; background: #1a2738; color: var(--blue-light); font-size: 6px; }
.develop-column.is-complete { border-color: rgba(var(--status-green-rgb),.16); }.develop-column.is-complete > header span,.develop-column.is-complete > header b { color: var(--status-green); }
.develop-dropzone { min-height: 100%; display: flex; flex-direction: column; gap: 8px; padding: 2px; border: 1px dashed transparent; border-radius: 9px; transition: border-color .2s,background .2s; }
.develop-dropzone.is-over { border-color: rgba(var(--blue-light-rgb),.6); background: rgba(var(--blue-rgb),.12); }
.develop-card { position: relative; padding: 10px; cursor: grab; border: 1px solid #d7e0ec; border-radius: 9px; background: #f4f7fb; color: #111a27; box-shadow: 0 8px 18px rgba(0,0,0,.2); user-select: none; transition: border-color .2s,box-shadow .2s,opacity .2s,transform .2s; }
.develop-card:hover,.develop-card:focus-visible { outline: 0; border-color: var(--blue-light); box-shadow: 0 12px 27px rgba(0,0,0,.32),0 0 0 2px rgba(var(--blue-light-rgb),.2); transform: translateY(-2px); }.develop-card:active { cursor: grabbing; }.develop-card.is-dragging { opacity: .38; transform: rotate(2deg) scale(.97); }
.develop-card > span { display: flex; align-items: center; gap: 5px; color: #64738a; font: 600 5px var(--mono); letter-spacing: .08em; }.develop-card > span i { width: 5px; height: 5px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 7px rgba(var(--blue-rgb),.5); }
.develop-card h4 { margin: 7px 0 4px; font: 650 10px/1.15 var(--display); letter-spacing: -.02em; }.develop-card p { margin: 0; color: #718096; font-size: 6px; line-height: 1.4; }
.develop-card-meta { display: flex; align-items: center; justify-content: space-between; margin-top: 9px; padding-top: 8px; border-top: 1px solid #dce3ec; }.develop-card-meta b { width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; background: #dfe9fb; color: var(--accent-mid); font: 700 6px var(--mono); }.develop-card-meta small { color: #6b7889; font: 500 5px var(--mono); }
.develop-card.is-flow { border-color: var(--blue-light); box-shadow: 0 10px 24px rgba(var(--blue-rgb),.24); }.develop-card.is-done { border-color: rgba(var(--status-green-rgb),.45); background: #f1faf5; }.develop-card.is-done > span i { background: var(--status-green); box-shadow: 0 0 7px rgba(var(--status-green-rgb),.45); }
.develop-board-foot { min-height: 31px; padding: 9px 3px 0; border-top: 1px solid rgba(255,255,255,.09); }.develop-board-foot span { display: flex; align-items: center; gap: 7px; }.develop-board-foot span i { width: 5px; height: 5px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 9px var(--blue); }.develop-board-foot > b { max-width: 62%; overflow: hidden; color: var(--blue-light); font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
@keyframes developLive { 50% { opacity: .35; transform: scale(.72); } }
@keyframes serviceMotionIn { from { opacity: 0; transform: scale(.97) translateY(8px); } }

/* Role clarity section — selected role blueprint */
.process { position: relative; overflow: hidden; }
.process[data-process-version="1"] > .process-heading { display: grid; }.process[data-process-version="1"] > .process-grid { display: grid; }

/* Version 01 — integrated role blueprint */
.process[data-process-version="1"] .process-heading { max-width: 1320px; margin-bottom: 52px; }
.process[data-process-version="1"] .process-grid { gap: 0; overflow: hidden; border: 1px solid #ccd4df; border-radius: 22px; background: #fff; box-shadow: 0 28px 70px rgba(28,49,82,.1); }
.process[data-process-version="1"] .phase-card { min-height: 470px; border: 0; border-right: 1px solid #dbe1e8; border-radius: 0; background: linear-gradient(180deg,#fff,#f7f9fc); }
.process[data-process-version="1"] .phase-card:last-child { border-right: 0; }.process[data-process-version="1"] .phase-card.featured { background: linear-gradient(150deg,var(--accent-mid),var(--accent-deep)); color: #fff; }
.process[data-process-version="1"] .phase-card.featured .phase-head,.process[data-process-version="1"] .phase-card.featured .phase-head b { color: #c8d7ff; }
.process[data-process-version="1"] .phase-card.featured ol { border-color: rgba(255,255,255,.2); }.process[data-process-version="1"] .phase-card.featured li { border-color: rgba(255,255,255,.16); color: #e3ebff; }.process[data-process-version="1"] .phase-card.featured li i { color: var(--blue-light); }
.process[data-process-version="1"] .phase-card h3 { margin-top: 62px; font-size: 30px; }.process[data-process-version="1"] .phase-head:before { content: ""; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 5px rgba(var(--blue-rgb),.09); }.process[data-process-version="1"] .phase-head span { margin-right: auto; }
.process[data-process-version="1"] .phase-head,
.process[data-process-version="1"] .phase-head b,
.process[data-process-version="1"] .phase-card li,
.process[data-process-version="1"] .phase-card li i { font-family: var(--body); }
.process[data-process-version="1"] .phase-head:before { content: none; }
.process[data-process-version="1"] .phase-head span { position: relative; display: inline-flex; align-items: center; min-height: 18px; padding-left: 34px; overflow: hidden; }
.process[data-process-version="1"] .phase-head span:before,
.process[data-process-version="1"] .phase-head span:after { content: ""; position: absolute; left: 0; color: currentColor; }
.process[data-process-version="1"] .phase-card:nth-child(1) .phase-head span:before { top: 2px; width: 22px; height: 13px; border: 1px solid currentColor; border-left-width: 3px; border-right-width: 3px; opacity: .8; }
.process[data-process-version="1"] .phase-card:nth-child(1) .phase-head span:after { top: 4px; width: 2px; height: 9px; background: currentColor; box-shadow: 0 0 8px currentColor; animation: phaseDefineScan 2.4s cubic-bezier(.4,0,.2,1) infinite; }
.process[data-process-version="1"] .phase-card:nth-child(2) .phase-head span:before { top: 3px; width: 23px; height: 12px; background: repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 5px); opacity: .3; }
.process[data-process-version="1"] .phase-card:nth-child(2) .phase-head span:after { top: 3px; width: 7px; height: 12px; background: linear-gradient(90deg,transparent,currentColor); filter: drop-shadow(0 0 5px currentColor); animation: phaseSourceSweep 2s ease-in-out infinite; }
.process[data-process-version="1"] .phase-card:nth-child(3) .phase-head span:before { top: 12px; width: 24px; height: 1px; background: currentColor; opacity: .35; }
.process[data-process-version="1"] .phase-card:nth-child(3) .phase-head span:after { top: 3px; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); filter: drop-shadow(0 0 4px currentColor); animation: phasePlaceMove 2.2s cubic-bezier(.16,1,.3,1) infinite; }
@keyframes phaseDefineScan { 0%,15% { transform: translateX(3px); opacity: .35; } 55%,75% { transform: translateX(16px); opacity: 1; } 100% { transform: translateX(3px); opacity: .35; } }
@keyframes phaseSourceSweep { 0%,12% { transform: translateX(0); opacity: .25; } 55%,75% { transform: translateX(16px); opacity: 1; } 100% { transform: translateX(0); opacity: .25; } }
@keyframes phasePlaceMove { 0%,18% { transform: translateX(0) rotate(-45deg); opacity: .3; } 58%,78% { transform: translateX(14px) rotate(-45deg); opacity: 1; } 100% { transform: translateX(0) rotate(-45deg); opacity: .3; } }
.process { isolation: isolate; background: radial-gradient(circle at 50% 61%,rgba(var(--blue-rgb),.08),transparent 34%),#f6f6f3; }
.process > .section-index,.process > .process-heading,.process > .process-grid { position: relative; z-index: 2; }
.process-blue-particles { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; transition: background .45s; }
.process-blue-particles:before,.process-blue-particles:after { content: ""; position: absolute; left: 50%; top: 61%; border-radius: 50%; pointer-events: none; transform: translate(-50%,-50%); transition: width .5s,height .5s,opacity .5s,box-shadow .5s; }
.process-blue-particles i { position: absolute; top: 61%; width: var(--size); height: var(--size); border-radius: 50%; background: var(--tone); box-shadow: 0 0 6px var(--tone),0 0 14px color-mix(in srgb,var(--tone) 42%,transparent); opacity: 0; will-change: left,right,transform,opacity; }
.process-blue-particles i:after { content: ""; position: absolute; top: 50%; width: var(--trail); height: 1px; transform: translateY(-50%); opacity: .38; }
.process-blue-particles .from-left:after { right: 1px; background: linear-gradient(90deg,transparent,var(--tone)); }.process-blue-particles .from-right:after { left: 1px; background: linear-gradient(90deg,var(--tone),transparent); }

.process[data-particle-version="1"] .process-blue-particles { background: radial-gradient(ellipse at center,rgba(var(--blue-rgb),.11),transparent 31%); }
.process[data-particle-version="1"] .process-blue-particles:before { width: 90px; height: 90px; border: 1px solid rgba(var(--blue-rgb),.1); box-shadow: 0 0 70px rgba(var(--blue-rgb),.15); opacity: .7; }
.process[data-particle-version="1"] .from-left { left: -5%; animation: neutronConvergeLeft var(--dur) linear infinite var(--d); }.process[data-particle-version="1"] .from-right { right: -5%; animation: neutronConvergeRight var(--dur) linear infinite var(--d); }
@keyframes neutronConvergeLeft { 0% { left: -5%; opacity: 0; transform: translateY(var(--y)) scale(.55); } 12% { opacity: var(--alpha); } 72% { opacity: var(--alpha); transform: translateY(var(--bend)) scale(1); } 100% { left: 50%; opacity: 0; transform: translateY(var(--end-y)) scale(.15); } }
@keyframes neutronConvergeRight { 0% { right: -5%; opacity: 0; transform: translateY(var(--y)) scale(.55); } 12% { opacity: var(--alpha); } 72% { opacity: var(--alpha); transform: translateY(var(--bend)) scale(1); } 100% { right: 50%; opacity: 0; transform: translateY(var(--end-y)) scale(.15); } }

.process[data-particle-version="2"] .process-blue-particles { background: repeating-radial-gradient(ellipse at center,transparent 0 58px,rgba(var(--blue-rgb),.035) 59px 60px,transparent 61px 118px); }
.process[data-particle-version="2"] .process-blue-particles:before { width: 330px; height: 150px; border: 1px solid rgba(var(--blue-rgb),.12); box-shadow: inset 0 0 55px rgba(var(--blue-rgb),.06); opacity: .8; }
.process[data-particle-version="2"] .from-left { left: -5%; animation: neutronHelixLeft var(--dur) ease-in-out infinite var(--d); }.process[data-particle-version="2"] .from-right { right: -5%; animation: neutronHelixRight var(--dur) ease-in-out infinite var(--d); }
@keyframes neutronHelixLeft { 0% { left: -5%; opacity: 0; transform: translateY(var(--y)) scale(.4); } 14%,74% { opacity: var(--alpha); } 48% { transform: translateY(var(--bend)) scale(1.25); } 76% { transform: translateY(var(--cross-y)) scale(.75); } 100% { left: 52%; opacity: 0; transform: translateY(var(--end-y)) scale(.1); } }
@keyframes neutronHelixRight { 0% { right: -5%; opacity: 0; transform: translateY(var(--y)) scale(.4); } 14%,74% { opacity: var(--alpha); } 48% { transform: translateY(var(--bend)) scale(1.25); } 76% { transform: translateY(var(--cross-y)) scale(.75); } 100% { right: 52%; opacity: 0; transform: translateY(var(--end-y)) scale(.1); } }

.process[data-particle-version="3"] .process-blue-particles { background: radial-gradient(circle at 50% 61%,rgba(var(--cyan-rgb),.17),rgba(var(--blue-rgb),.08) 9%,transparent 29%); }
.process[data-particle-version="3"] .process-blue-particles:before { width: 22px; height: 22px; background: var(--blue-light); box-shadow: 0 0 18px var(--blue-light),0 0 65px rgba(var(--blue-rgb),.75),0 0 140px rgba(var(--cyan-rgb),.28); opacity: .85; animation: neutronCore 1.8s ease-in-out infinite; }
.process[data-particle-version="3"] .process-blue-particles:after { width: 140px; height: 140px; border: 1px dashed rgba(var(--blue-rgb),.18); animation: cinemaOrbit 18s linear infinite; }
.process[data-particle-version="3"] .from-left { left: -5%; animation: neutronReactorLeft var(--dur) cubic-bezier(.72,.02,.95,.55) infinite var(--d); }.process[data-particle-version="3"] .from-right { right: -5%; animation: neutronReactorRight var(--dur) cubic-bezier(.72,.02,.95,.55) infinite var(--d); }
@keyframes neutronReactorLeft { 0% { left: -5%; opacity: 0; transform: translateY(var(--y)) scale(.25); } 18% { opacity: .25; } 82% { opacity: var(--alpha); transform: translateY(var(--bend)) scale(1.5); } 100% { left: 50%; opacity: 0; transform: translateY(var(--end-y)) scale(.05); } }
@keyframes neutronReactorRight { 0% { right: -5%; opacity: 0; transform: translateY(var(--y)) scale(.25); } 18% { opacity: .25; } 82% { opacity: var(--alpha); transform: translateY(var(--bend)) scale(1.5); } 100% { right: 50%; opacity: 0; transform: translateY(var(--end-y)) scale(.05); } }
@keyframes neutronCore { 50% { opacity: .5; transform: translate(-50%,-50%) scale(.72); } }

.particle-version-switcher { position: absolute; z-index: 5; top: 112px; right: max(var(--page-gutter),calc((100vw - var(--page-max))/2 + var(--page-gutter))); display: flex; gap: 3px; padding: 4px; border: 1px solid #d8dde4; border-radius: 11px; background: rgba(250,250,247,.86); box-shadow: 0 14px 36px rgba(24,39,66,.1); backdrop-filter: blur(14px); }
.particle-version-switcher button { height: 34px; display: flex; align-items: center; gap: 7px; padding: 0 11px; border: 0; border-radius: 7px; background: transparent; color: #798390; cursor: pointer; }.particle-version-switcher button i { color: #a0a8b3; font: normal 500 7px var(--mono); }.particle-version-switcher button span { font-size: 8px; font-weight: 650; }.particle-version-switcher button.active { background: var(--blue); color: #fff; box-shadow: 0 7px 18px rgba(var(--blue-rgb),.25); }.particle-version-switcher button.active i { color: #c9d8ff; }
@media (prefers-reduced-motion: reduce) { .process-blue-particles { display: none; } }

/* Candidate intelligence — three design examples */
.candidate-showcase { position: relative; overflow: hidden; padding-block: 0; background: radial-gradient(circle at 82% 18%,rgba(var(--blue-light-rgb),.7),transparent 27%),radial-gradient(circle at 12% 78%,rgba(var(--cyan-rgb),.2),transparent 25%),linear-gradient(135deg,var(--accent-hover-mid) 0%,var(--blue) 48%,var(--blue-dark) 100%); }
.candidate-showcase:before { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size: 30px 30px; mask-image: linear-gradient(to bottom,transparent,#000 18%,#000 86%,transparent); }
.candidate-showcase > * { position: relative; z-index: 1; }
.candidate-showcase > .candidate-wall-layout { z-index: 2; }
.candidate-showcase .light-index > i { background: linear-gradient(#fff,rgba(255,255,255,0)); }.candidate-showcase .light-index b { color: #dce7ff; }.candidate-showcase .light-index em { color: #fff; }
.candidate-showcase .eyebrow.light { color: #dce7ff; }
.candidate-showcase h2 em { color: #dce7ff; }
.candidate-showcase .candidate-copy > p:not(.eyebrow),.candidate-showcase .candidate-alt-heading > p:last-child,.candidate-showcase .proof-copy > p:not(.eyebrow) { color: #d5e1ff; }
.candidate-showcase .levels span { border-color: rgba(255,255,255,.3); background: rgba(var(--blue-rgb),.18); color: #e0e9ff; }
.candidate-showcase > .candidate-glow-field { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; }
.candidate-glow-field i { position: absolute; display: block; border-radius: 46% 54% 57% 43% / 42% 45% 55% 58%; background: #071d68; filter: blur(74px); opacity: .58; will-change: transform,border-radius; transition: background .65s,opacity .65s,width .65s,height .65s; }
/* Glow 01 — orbital bloom */
.candidate-showcase[data-candidate-glow="1"] .candidate-glow-field i:nth-child(1) { left: -13%; top: 5%; width: 58vw; height: 58vw; background: #071b62; animation: candidateOrbitalOne 13s ease-in-out infinite alternate; }
.candidate-showcase[data-candidate-glow="1"] .candidate-glow-field i:nth-child(2) { right: -14%; bottom: -30%; width: 52vw; height: 48vw; background: var(--accent-deep); opacity: .5; animation: candidateOrbitalTwo 16s ease-in-out infinite alternate; }
.candidate-showcase[data-candidate-glow="1"] .candidate-glow-field i:nth-child(3) { left: 40%; top: 28%; width: 28vw; height: 36vw; background: #041747; opacity: .44; animation: candidateOrbitalThree 11s ease-in-out infinite alternate; }
@keyframes candidateOrbitalOne { to { transform: translate(18%,12%) rotate(22deg) scale(1.12); border-radius: 58% 42% 39% 61% / 56% 64% 36% 44%; } }
@keyframes candidateOrbitalTwo { to { transform: translate(-16%,-18%) rotate(-28deg) scale(.92); border-radius: 36% 64% 59% 41% / 52% 38% 62% 48%; } }
@keyframes candidateOrbitalThree { to { transform: translate(-24%,15%) rotate(35deg) scale(1.18); } }

.candidate-version-switcher { position: absolute; z-index: 8; top: 112px; right: max(var(--page-gutter),calc((100vw - var(--page-max))/2 + var(--page-gutter))); display: flex; gap: 3px; padding: 4px; border: 1px solid rgba(255,255,255,.16); border-radius: 11px; background: rgba(8,15,25,.82); box-shadow: 0 14px 36px rgba(0,0,0,.22); backdrop-filter: blur(14px); }
.candidate-version-switcher button { height: 34px; display: flex; align-items: center; gap: 7px; padding: 0 11px; border: 0; border-radius: 7px; background: transparent; color: #718096; cursor: pointer; }.candidate-version-switcher button i { color: #526176; font: normal 500 7px var(--mono); }.candidate-version-switcher button span { font-size: 8px; font-weight: 650; }.candidate-version-switcher button.active { background: var(--blue); color: #fff; box-shadow: 0 7px 18px rgba(var(--blue-rgb),.3); }.candidate-version-switcher button.active i { color: #c9d8ff; }
.candidate-showcase .candidate-panel { display: none; animation: candidatePanelIn .55s cubic-bezier(.16,1,.3,1); }
.candidate-showcase[data-candidate-version="1"] [data-candidate-panel="1"] { display: grid; }
.candidate-showcase[data-candidate-version="2"] [data-candidate-panel="2"],.candidate-showcase[data-candidate-version="3"] [data-candidate-panel="3"] { display: block; }
@keyframes candidatePanelIn { from { opacity: 0; transform: translateY(12px); } }

/* Version 01 — intelligence profile */
.candidate-showcase[data-candidate-version="1"] .candidate-card { position: relative; background: linear-gradient(145deg,#121e2e,#0c141f); }
.candidate-showcase[data-candidate-version="1"] .candidate-card:before { content: ""; position: absolute; right: -90px; top: -90px; width: 230px; height: 230px; border-radius: 50%; background: rgba(var(--blue-rgb),.12); filter: blur(16px); pointer-events: none; }

/* Version 02 — shortlist comparison */
.candidate-alt-heading { max-width: 920px; margin: 0 auto 50px; text-align: center; }.candidate-alt-heading h2 { margin: 0; font: 600 clamp(50px,5.8vw,86px)/1 var(--display); letter-spacing: -.055em; }.candidate-alt-heading h2 em { color: var(--blue-light); }.candidate-alt-heading > p:last-child { max-width: 620px; margin: 24px auto 0; color: #8d99a9; line-height: 1.65; }
.candidate-compare-board { max-width: 1280px; margin: auto; overflow: hidden; border: 1px solid #2a3a50; border-radius: 22px; background: #0b1420; box-shadow: 0 35px 85px rgba(0,0,0,.32); }
.compare-board-head,.compare-board-foot { display: flex; justify-content: space-between; align-items: center; padding: 19px 22px; color: #6f7e93; font: 500 7px var(--mono); letter-spacing: .1em; }.compare-board-head { border-bottom: 1px solid #263447; }.compare-board-head b { color: var(--blue-light); font-weight: 500; }
.compare-table { display: grid; grid-template-columns: 1.05fr repeat(3,1fr); min-width: 900px; }
.compare-labels,.compare-candidate { display: grid; grid-template-rows: 92px 68px repeat(5,58px); min-width: 0; padding: 0; border: 0; border-right: 1px solid #253347; background: transparent; color: #fff; text-align: left; }.compare-candidate:last-child { border-right: 0; }
.compare-labels > *,.compare-candidate > * { display: flex; align-items: center; margin: 0; padding: 0 20px; border-bottom: 1px solid #253347; }
.compare-labels > span { color: #66758b; font: 500 7px var(--mono); letter-spacing: .1em; }.compare-labels > b { color: #8d9aae; font-size: 9px; font-weight: 500; }
.compare-candidate { position: relative; cursor: pointer; transition: background .3s; }.compare-candidate:hover,.compare-candidate.active { background: linear-gradient(180deg,rgba(var(--blue-rgb),.16),rgba(var(--blue-rgb),.035)); }.compare-candidate.active { box-shadow: inset 0 3px var(--blue-light); }
.compare-candidate > span { display: grid; grid-template-columns: 38px 1fr; grid-template-rows: auto auto; column-gap: 11px; align-content: center; }.compare-candidate > span i { grid-row: 1/3; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(145deg,var(--blue),var(--cyan)); color: #fff; font: normal 600 8px var(--mono); }.compare-candidate > span b { align-self: end; font-size: 10px; }.compare-candidate > span small { align-self: start; margin-top: 4px; color: #65748a; font-size: 7px; }
.compare-candidate > strong { color: var(--blue-light); font: 500 27px var(--mono); }.compare-candidate > p { position: relative; justify-content: flex-end; color: #aab6c7; font: 500 8px var(--mono); }.compare-candidate > p em { position: absolute; left: 20px; right: 48px; height: 3px; overflow: hidden; border-radius: 9px; background: #1e2b3c; }.compare-candidate > p em:after { content: ""; display: block; width: var(--score); height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--blue),var(--blue-light)); transform-origin: left; animation: compareBarIn 1.2s cubic-bezier(.16,1,.3,1); }.compare-candidate > p.is-verified,.compare-candidate > p.is-review { justify-content: flex-start; color: var(--status-green); letter-spacing: .06em; }.compare-candidate > p.is-review { color: #f3b84b; }
.compare-board-foot { border-top: 1px solid #263447; }.compare-board-foot span { display: flex; align-items: center; gap: 8px; }.compare-board-foot span i { width: 5px; height: 5px; border-radius: 50%; background: var(--status-green); box-shadow: 0 0 8px var(--status-green); }.compare-board-foot b { color: #56667c; font-weight: 500; }
@keyframes compareBarIn { from { transform: scaleX(.08); opacity: .3; } }

/* Version 03 — evidence proof lab */
.proof-layout { display: grid; grid-template-columns: .76fr 1.24fr; gap: clamp(45px,7vw,100px); align-items: center; }
.proof-copy h2 { margin: 0; font: 600 clamp(50px,5.3vw,80px)/1 var(--display); letter-spacing: -.055em; }.proof-copy h2 em { color: var(--blue-light); }.proof-copy > p:not(.eyebrow) { max-width: 500px; margin: 27px 0; color: #96a2b1; line-height: 1.65; }
.proof-tabs { display: grid; margin: 31px 0; border-top: 1px solid #344153; }.proof-tabs button { min-height: 52px; padding: 0; border: 0; border-bottom: 1px solid #344153; background: transparent; color: #788596; text-align: left; font-size: 10px; transition: color .25s,padding .25s; }.proof-tabs button.active { padding-left: 14px; color: #fff; box-shadow: inset 3px 0 var(--blue); }
.proof-console { position: relative; min-height: 590px; overflow: hidden; border: 1px solid #33455e; border-radius: 22px; background: radial-gradient(circle at 50% 41%,rgba(var(--blue-rgb),.23),transparent 29%),#09121e; box-shadow: 0 38px 90px rgba(0,0,0,.35); }
.proof-console:before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(var(--blue-light-rgb),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--blue-light-rgb),.04) 1px,transparent 1px); background-size: 25px 25px; pointer-events: none; }
.proof-console-head,.proof-console-foot { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: 20px 23px; color: #718197; font: 500 7px var(--mono); letter-spacing: .1em; }.proof-console-head { border-bottom: 1px solid #27374b; }.proof-console-head b { display: flex; align-items: center; gap: 7px; color: var(--status-green); font-weight: 500; }.proof-console-head b i { width: 5px; height: 5px; border-radius: 50%; background: var(--status-green); box-shadow: 0 0 9px var(--status-green); }
.proof-person { position: relative; z-index: 2; display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 14px; padding: 25px 27px 18px; }.proof-avatar { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(145deg,var(--blue),var(--cyan)); font: 600 10px var(--mono); }.proof-person small { color: #65758c; font: 500 6px var(--mono); letter-spacing: .1em; }.proof-person h3 { margin: 6px 0 0; font: 600 18px var(--display); }.proof-person > strong { color: var(--blue-light); font: 500 44px var(--mono); letter-spacing: -.08em; }
.proof-wave { position: relative; z-index: 2; height: 100px; display: flex; align-items: center; justify-content: center; gap: 5px; padding: 0 28px; overflow: hidden; }.proof-wave:before { content: ""; position: absolute; left: 28px; right: 28px; top: 50%; height: 1px; background: #2b3b50; }.proof-wave i { width: 3px; height: var(--wave,30%); border-radius: 9px; background: linear-gradient(var(--cyan),var(--blue)); box-shadow: 0 0 8px rgba(var(--blue-rgb),.55); animation: proofWave 1.4s ease-in-out infinite alternate; }.proof-wave i:nth-child(3n) { --wave:75%; animation-delay:-.4s }.proof-wave i:nth-child(4n) { --wave:42%; animation-delay:-.8s }.proof-wave i:nth-child(5n) { --wave:92%; animation-delay:-1.1s }
.proof-result { position: relative; z-index: 2; margin: 4px 27px 0; padding: 24px; border: 1px solid rgba(var(--blue-light-rgb),.24); border-radius: 15px; background: rgba(14,26,43,.82); backdrop-filter: blur(12px); }.proof-result > span { color: var(--blue-light); font: 500 7px var(--mono); letter-spacing: .1em; }.proof-result h3 { margin: 10px 0 7px; font: 600 24px var(--display); }.proof-result > p { margin: 0; color: #8c9aae; font-size: 10px; line-height: 1.6; }.proof-result > div { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #2a394c; }.proof-result small { color: #5e6d82; font: 500 6px var(--mono); }.proof-result b { color: #b8c5d6; font-size: 9px; }.proof-result em { color: var(--status-green); font: normal 500 6px var(--mono); letter-spacing: .07em; }
.proof-console-foot { position: absolute; left: 0; right: 0; bottom: 0; border-top: 1px solid #27374b; }.proof-console-foot b { color: #56667c; font-weight: 500; }
@keyframes proofWave { to { transform: scaleY(.35); opacity: .4; } }

@media (max-width: 1040px) {
  .proof-layout { grid-template-columns: 1fr; }.proof-copy { max-width: 720px; }.candidate-compare-board { overflow-x: auto; }
}
@media (max-width: 620px) {
  .candidate-version-switcher { top: 30px; left: 20px; right: 20px; }.candidate-version-switcher button { flex: 1; justify-content: center; padding-inline: 7px; }.candidate-version-switcher button span { display: none; }
  .candidate-alt-heading { text-align: left; }.candidate-alt-heading h2,.proof-copy h2 { font-size: 43px; }.candidate-compare-board { border-radius: 17px; }.proof-console { min-height: 610px; border-radius: 17px; }.proof-result { margin-inline: 15px; padding: 19px; }.proof-result > div { grid-template-columns: 1fr auto; }.proof-result small { grid-column: 1/-1; }
}

/* Selected candidate direction — moving talent wall */
.candidate-wall-layout { height: clamp(720px,82vh,900px); display: grid; grid-template-columns: .76fr 1.24fr; gap: clamp(45px,7vw,110px); align-items: center; }
.talent-wall-heading { max-width: 600px; margin: 0; text-align: left; }.talent-wall-heading h2 { margin: 0; font: 600 clamp(50px,5vw,78px)/.98 var(--display); letter-spacing: -.06em; }.talent-wall-heading h2 em { color: #dce7ff; }.talent-wall-heading > p:last-child { max-width: 520px; margin: 27px 0 0; color: #d5e1ff; font-size: 14px; line-height: 1.7; }
.talent-wall-side { position: relative; min-width: 0; min-height: 0; align-self: stretch; overflow: hidden; }
.talent-wall { position: absolute; z-index: 2; inset: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; overflow: hidden; padding: 0 2px; mask-image: linear-gradient(to bottom,transparent 0,#000 4%,#000 96%,transparent 100%); }
.talent-column { min-width: 0; overflow: hidden; }.talent-track { display: flex; flex-direction: column; gap: 18px; will-change: transform; }.talent-sequence { display: flex; flex-direction: column; gap: 18px; }
.talent-column.moves-up .talent-track { animation: talentWallUp 42s linear infinite; }.talent-column.moves-down .talent-track { animation: talentWallDown 46s linear infinite; }.talent-column:nth-child(3) .talent-track { animation-duration: 50s; animation-delay: -13s; }
.talent-column:hover .talent-track,.talent-column:focus-within .talent-track { animation-play-state: paused; }
.talent-profile-card { position: relative; height: 285px; flex: 0 0 285px; overflow: hidden; padding: 0; border: 1px solid rgba(255,255,255,.35); border-radius: 17px; background: #102049; color: #fff; text-align: left; box-shadow: 0 18px 45px rgba(12,40,110,.22); cursor: pointer; transform: translateZ(0); transition: border-color .3s,box-shadow .3s,transform .3s; }
.talent-profile-card:hover,.talent-profile-card:focus-visible { outline: 0; z-index: 2; border-color: #fff; box-shadow: 0 25px 55px rgba(8,25,70,.35),0 0 0 3px rgba(255,255,255,.18); transform: scale(.985); }
.talent-profile-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 28%; filter: saturate(.82) contrast(1.02); transition: filter .35s,transform .6s cubic-bezier(.16,1,.3,1); }.talent-profile-card:hover img { filter: saturate(1) contrast(1.03); transform: scale(1.035); }
.talent-profile-shade { position: absolute; inset: 0; background: linear-gradient(to bottom,rgba(7,18,44,.02) 24%,rgba(7,17,42,.25) 54%,rgba(5,13,34,.94) 100%); }
.talent-profile-info { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; padding: 24px; }.talent-profile-info small { margin-bottom: 10px; color: var(--blue-light); font: 600 7px var(--mono); letter-spacing: .1em; }.talent-profile-info b { font: 600 clamp(18px,1.7vw,26px) var(--display); letter-spacing: -.025em; }.talent-profile-info em { margin-top: 5px; color: #e2eaff; font-size: 10px; font-style: normal; }.talent-profile-info i { margin-top: 10px; color: #aebbd2; font-size: 8px; font-style: normal; }
.talent-profile-open { position: absolute; z-index: 3; top: 16px; right: 16px; width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; background: rgba(8,19,43,.3); color: #fff; font-size: 12px; backdrop-filter: blur(8px); transition: background .25s,transform .25s; }.talent-profile-card:hover .talent-profile-open { background: var(--blue); transform: rotate(45deg); }
@keyframes talentWallUp { from { transform: translateY(0); } to { transform: translateY(calc(-50% - 9px)); } }
@keyframes talentWallDown { from { transform: translateY(calc(-50% - 9px)); } to { transform: translateY(0); } }

.candidate-profile-dialog { width: min(940px,calc(100% - 30px)); max-height: calc(100% - 30px); padding: 0; overflow: hidden; border: 0; border-radius: 21px; background: #fff; box-shadow: 0 40px 100px rgba(0,0,0,.35); }.candidate-profile-dialog::backdrop { background: rgba(4,7,11,.82); backdrop-filter: blur(6px); }
.candidate-profile-sheet { display: grid; grid-template-columns: .42fr .58fr; min-height: 650px; }.candidate-profile-photo { position: relative; min-height: 650px; overflow: hidden; background: #102049; }.candidate-profile-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }.candidate-profile-photo:after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom,transparent 48%,rgba(6,15,37,.75)); }.candidate-profile-photo > span { position: absolute; z-index: 2; left: 25px; bottom: 25px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; background: rgba(9,21,47,.58); color: #fff; font: 600 7px var(--mono); letter-spacing: .09em; backdrop-filter: blur(10px); }
.candidate-profile-body { padding: 50px; overflow: auto; }.candidate-profile-body h2 { margin: 0 0 8px; font: 600 43px/1.05 var(--display); letter-spacing: -.05em; }.candidate-profile-role { margin: 0; color: #707b88; font-size: 12px; }
.candidate-profile-facts { display: grid; grid-template-columns: 1fr 1fr; margin-top: 29px; border-top: 1px solid #dce1e7; border-left: 1px solid #dce1e7; }.candidate-profile-facts div { min-height: 82px; display: flex; flex-direction: column; justify-content: center; padding: 14px 17px; border-right: 1px solid #dce1e7; border-bottom: 1px solid #dce1e7; }.candidate-profile-facts small { margin-bottom: 7px; color: #939da9; font: 500 7px var(--mono); letter-spacing: .09em; }.candidate-profile-facts b { font-size: 11px; }
.candidate-profile-evidence { margin: 28px 0; }.candidate-profile-evidence h3 { margin: 0 0 12px; font: 600 17px var(--display); }.candidate-profile-evidence p { display: flex; align-items: center; gap: 12px; margin: 0; padding: 12px 0; border-bottom: 1px solid #e1e5ea; }.candidate-profile-evidence p > i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(var(--green-rgb),.1); }.candidate-profile-evidence p span b,.candidate-profile-evidence p span small { display: block; }.candidate-profile-evidence p span b { font-size: 10px; }.candidate-profile-evidence p span small { margin-top: 4px; color: #7a8591; font-size: 9px; }.candidate-profile-done { width: 100%; }.candidate-profile-body .fiction-note { line-height: 1.5; }
@media (prefers-reduced-motion: reduce) { .talent-track { animation-play-state: paused!important; } }

@media (max-width: 980px) {
  .candidate-showcase { padding-block: 88px; }.candidate-wall-layout { height: auto; grid-template-columns: 1fr; gap: 45px; }.talent-wall-heading { max-width: 650px; }.talent-wall-side { height: 720px; }
}
@media (max-width: 760px) {
  .talent-wall-side { height: 640px; }.talent-wall { gap: 8px; }.talent-track,.talent-sequence { gap: 10px; }.talent-profile-card { height: 245px; flex-basis: 245px; border-radius: 13px; }.talent-profile-info { padding: 14px 11px; }.talent-profile-info small { margin-bottom: 7px; font-size: 5px; }.talent-profile-info b { font-size: 14px; }.talent-profile-info em { font-size: 7px; }.talent-profile-info i { margin-top: 7px; font-size: 6px; }.talent-profile-open { top: 9px; right: 9px; width: 25px; height: 25px; }.talent-column.moves-up .talent-track { animation-name: talentWallUpMobile; }.talent-column.moves-down .talent-track { animation-name: talentWallDownMobile; }
  .candidate-profile-dialog { overflow: auto; }.candidate-profile-sheet { grid-template-columns: 1fr; }.candidate-profile-photo { min-height: 330px; height: 330px; }.candidate-profile-body { padding: 36px 23px 27px; }.candidate-profile-body h2 { font-size: 36px; }
  @keyframes talentWallUpMobile { from { transform: translateY(0); } to { transform: translateY(calc(-50% - 5px)); } }
  @keyframes talentWallDownMobile { from { transform: translateY(calc(-50% - 5px)); } to { transform: translateY(0); } }
}

/* Version 02 — animated signal path */
.signal-heading { max-width: 900px; margin: 0 auto 54px; text-align: center; }.signal-heading h2 { font-size: clamp(52px,6vw,88px); }.signal-heading > p:last-child { max-width: 610px; margin: 24px auto 0; color: #687481; line-height: 1.65; }
.signal-console { position: relative; max-width: 1260px; min-height: 500px; margin: 0 auto; padding: 25px 30px 30px; overflow: hidden; border: 1px solid #263650; border-radius: 24px; background: radial-gradient(circle at 50% 25%,rgba(var(--blue-rgb),.28),transparent 35%),linear-gradient(145deg,#0d1828,#060b13); color: #fff; box-shadow: 0 38px 90px rgba(14,30,54,.25); }
.signal-console:before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(var(--blue-light-rgb),.045) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--blue-light-rgb),.045) 1px,transparent 1px); background-size: 28px 28px; pointer-events: none; }
.signal-console-head { position: relative; z-index: 2; display: flex; justify-content: space-between; padding-bottom: 21px; border-bottom: 1px solid rgba(255,255,255,.1); color: #8495ae; font: 500 7px var(--mono); letter-spacing: .11em; }.signal-console-head b { color: var(--blue-light); font-weight: 500; }
.signal-runway { --stage:0; position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin: 52px 0 42px; }
.signal-runway:before { content: ""; position: absolute; z-index: -1; left: 12.5%; right: 12.5%; top: 18px; height: 1px; background: #334055; }.signal-progress { position: absolute; z-index: -1; left: 12.5%; top: 18px; width: calc(var(--stage) * 25%); height: 2px; background: linear-gradient(90deg,var(--blue),var(--blue-light)); box-shadow: 0 0 12px rgba(var(--blue-rgb),.65); transition: width .55s cubic-bezier(.16,1,.3,1); }
.signal-runway button { display: grid; justify-items: center; padding: 0; border: 0; background: transparent; color: #6d7b8e; text-align: center; cursor: pointer; }.signal-runway button > span { width: 37px; height: 37px; display: grid; place-items: center; margin-bottom: 16px; border: 1px solid #3a4658; border-radius: 50%; background: #111b29; color: #73839a; font: 500 7px var(--mono); transition: .35s; }.signal-runway button b { color: #9da9b8; font-size: 12px; transition: color .35s; }.signal-runway button small { margin-top: 6px; color: #536174; font-size: 8px; }
.signal-runway button.active > span { border-color: var(--blue-light); background: var(--blue); color: #fff; box-shadow: 0 0 0 7px rgba(var(--blue-rgb),.14),0 0 25px rgba(var(--blue-rgb),.5); }.signal-runway button.active b { color: #fff; }
.signal-output { position: relative; z-index: 2; max-width: 760px; margin: auto; padding: 26px 30px; border: 1px solid rgba(var(--blue-light-rgb),.26); border-radius: 16px; background: rgba(13,24,40,.76); box-shadow: 0 20px 45px rgba(0,0,0,.2); backdrop-filter: blur(12px); }
.signal-output > span { color: var(--blue-light); font: 500 7px var(--mono); letter-spacing: .11em; }.signal-output h3 { margin: 12px 0 8px; font: 600 25px var(--display); letter-spacing: -.03em; }.signal-output > p { margin: 0; color: #8e9bac; font-size: 11px; line-height: 1.6; }.signal-output > div { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.09); }.signal-output small { color: #5f6e82; font: 500 6px var(--mono); }.signal-output b { color: #d8e3f2; font-size: 10px; }.signal-output em { padding: 5px 7px; border-radius: 99px; background: rgba(var(--status-green-rgb),.1); color: var(--status-green); font: normal 500 6px var(--mono); }

/* Version 03 — editorial role dossier */
.dossier-layout { display: grid; grid-template-columns: .92fr 1.08fr; min-height: 620px; overflow: hidden; border-radius: 25px; background: #08101b; box-shadow: 0 38px 90px rgba(18,32,53,.2); }
.dossier-statement { position: relative; display: flex; flex-direction: column; justify-content: center; padding: clamp(45px,6vw,90px); overflow: hidden; background: linear-gradient(150deg,var(--blue),var(--accent-deep)); color: #fff; }.dossier-statement:after { content: "04"; position: absolute; right: -22px; bottom: -70px; color: rgba(255,255,255,.07); font: 600 280px/1 var(--mono); letter-spacing: -.12em; }
.dossier-statement > span { position: relative; z-index: 1; color: #c4d4ff; font: 500 8px var(--mono); letter-spacing: .12em; }.dossier-statement h2 { position: relative; z-index: 1; margin: 55px 0 26px; font-size: clamp(45px,4.7vw,72px); }.dossier-statement h2 em { color: #fff; text-decoration: underline; text-decoration-color: rgba(255,255,255,.35); text-decoration-thickness: 2px; text-underline-offset: 7px; }.dossier-statement p { position: relative; z-index: 1; max-width: 520px; margin: 0; color: #d2deff; line-height: 1.65; }.dossier-statement > b { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; margin-top: auto; padding-top: 45px; color: #d7e2ff; font: 500 7px var(--mono); letter-spacing: .1em; }.dossier-statement > b i { width: 34px; height: 1px; background: #fff; }
.dossier-card { align-self: center; margin: 42px; border: 1px solid #26354a; border-radius: 18px; background: #0d1725; color: #fff; box-shadow: 0 25px 60px rgba(0,0,0,.28); }.dossier-head,.dossier-foot { display: flex; align-items: center; justify-content: space-between; padding: 19px 22px; color: #73839a; font: 500 7px var(--mono); letter-spacing: .1em; }.dossier-head { border-bottom: 1px solid #263243; }.dossier-head b { color: var(--blue-light); font-weight: 500; }
.dossier-title { display: flex; align-items: flex-end; justify-content: space-between; padding: 28px 23px 25px; }.dossier-title small { color: #65748a; font: 500 6px var(--mono); letter-spacing: .1em; }.dossier-title h3 { margin: 8px 0 0; font: 600 25px var(--display); letter-spacing: -.03em; }.dossier-title > strong { color: var(--blue-light); font: 500 45px/1 var(--mono); letter-spacing: -.09em; }.dossier-title > strong span { font-size: 13px; }
.dossier-rows { border-top: 1px solid #263243; }.dossier-rows > div { display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 12px; min-height: 75px; padding: 0 22px; border-bottom: 1px solid #263243; transition: background .25s,transform .25s; }.dossier-rows > div:hover { background: #142239; transform: translateX(5px); }.dossier-rows > div > span { color: #536279; font: 500 7px var(--mono); }.dossier-rows p { margin: 0; }.dossier-rows p b,.dossier-rows p small { display: block; }.dossier-rows p b { font-size: 11px; }.dossier-rows p small { margin-top: 5px; color: #728096; font-size: 8px; }.dossier-rows em { color: var(--status-green); font: normal 500 6px var(--mono); letter-spacing: .07em; }
.dossier-foot span { display: flex; align-items: center; gap: 8px; color: var(--status-green); }.dossier-foot span i { width: 6px; height: 6px; border-radius: 50%; background: var(--status-green); box-shadow: 0 0 10px rgba(var(--status-green-rgb),.75); }.dossier-foot > b { color: #8494aa; font-weight: 500; }

@media (max-width: 900px) {
  .process-version-switcher { top: 92px; }
  .dossier-layout { grid-template-columns: 1fr; }.dossier-statement { min-height: 480px; }.dossier-card { width: calc(100% - 48px); margin: 24px; }
}
@media (max-width: 620px) {
  .particle-version-switcher { top: 30px; left: 20px; right: 20px; }.particle-version-switcher button { flex: 1; justify-content: center; padding-inline: 7px; }.particle-version-switcher button span { display: none; }
  .process-blue-particles i:nth-child(n+65) { display: none; }
  .process-version-switcher { top: 72px; left: 20px; right: 20px; }.process-version-switcher button { flex: 1; justify-content: center; padding-inline: 7px; }.process-version-switcher button span { display: none; }
  .process[data-process-version="1"] .process-grid { grid-template-columns: 1fr; }.process[data-process-version="1"] .phase-card { min-height: 390px; border-right: 0; border-bottom: 1px solid #dbe1e8; }
  .signal-heading { text-align: left; }.signal-heading h2 { font-size: 44px; }.signal-console { padding: 20px 16px; border-radius: 18px; }.signal-runway { grid-template-columns: repeat(4,110px); overflow-x: auto; margin-inline: -4px; padding-bottom: 12px; }.signal-runway:before,.signal-progress { display: none; }.signal-output { padding: 22px 18px; }
  .dossier-statement { min-height: 510px; padding: 38px 26px; }.dossier-statement h2 { font-size: 43px; }.dossier-card { width: calc(100% - 28px); margin: 14px; }.dossier-rows > div { padding-inline: 15px; }.dossier-rows p small { max-width: 170px; }
}

/* Aurora cinematic glass */
.model-option-1 { background: #080e17; }
.model-option-1:before { background-image: radial-gradient(circle,rgba(var(--blue-light-rgb),.34) 1px,transparent 1.4px); background-size: 26px 26px; mask-image: linear-gradient(to bottom,transparent 2%,#000 23%,#000 84%,transparent); }
.model-option-1 .service-shell { border-color: rgba(var(--blue-light-rgb),.2); background: rgba(11,19,31,.86); backdrop-filter: blur(18px); }
.model-option-1 .service-visual { padding: 38px; background: #08101c; color: #fff; }
.model-option-1 .service-visual:before { inset: 0; opacity: .94; background-image: radial-gradient(circle at 30% 48%,rgba(var(--blue-light-rgb),.52),transparent 18%),radial-gradient(circle at 30% 48%,transparent 0 22%,rgba(10,32,71,.22) 46%,rgba(4,9,17,.94) 100%),radial-gradient(circle,rgba(var(--blue-light-rgb),.38) 1px,transparent 1.5px),linear-gradient(135deg,#0d1b31,#050a12); background-size: auto,auto,22px 22px,auto; }
.model-option-1 .service-label { color: var(--blue-light); }
.model-option-1 .review-list { width: min(100%,470px); margin-left: auto; border: 0; }
.model-option-1 .review-list > div { min-height: 80px; margin-bottom: 8px; padding: 0 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; background: rgba(5,11,20,.64); box-shadow: 0 10px 30px rgba(0,0,0,.18); backdrop-filter: blur(15px); }
.model-option-1 .review-list small { color: #8492a6; }.model-option-1 .review-list i { color: var(--blue-light); }

@media (max-width: 1040px) {
  .model .service-visual { min-height: 540px; }
}
@media (max-width: 620px) {
  .model .service-visual { min-height: 520px; padding: 24px; }
  .model-option-1 .review-list > div { min-height: 76px; padding-inline: 13px; }
}

/* Service bullets + inset video frame */
.model .service-detail { min-height: 610px; }
.model .service-copy { padding: 54px 58px; }
.service-bullets { margin: 27px 0 4px; }
.service-bullets .service-label { width: auto!important; margin: 0 0 14px!important; color: #dce4f0!important; font: 700 14px/1.4 var(--body); letter-spacing: 0; text-transform: none; }
.service-bullets .review-list { position: static!important; left: auto!important; right: auto!important; bottom: auto!important; width: auto!important; display: grid!important; grid-template-columns: 1fr!important; gap: 0!important; margin: 0!important; border-top: 1px solid #273244!important; }
.service-bullets .review-list > div { min-height: 47px!important; gap: 0!important; margin: 0!important; padding: 0 2px!important; border: 0!important; border-bottom: 1px solid #273244!important; border-radius: 0!important; background: transparent!important; box-shadow: none!important; backdrop-filter: none!important; transform: none!important; }
.service-bullets .review-list > div > span,.service-bullets .review-list > div > i { display: none!important; }
.service-bullets .review-list p { position: relative; display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px; padding-left: 17px; }
.service-bullets .review-list p:before { content: ""; position: absolute; left: 1px; top: 7px; width: 5px; height: 5px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(var(--blue-rgb),.12); }
.service-bullets .review-list b { display: inline; color: #f4f7fb; font-size: 12px; }
.service-bullets .review-list b:after { content: " -"; color: #56657a; font-weight: 400; }
.service-bullets .review-list small { display: inline; margin: 0; color: #93a1b5!important; font-size: 12px!important; line-height: 1.45; }
.model .service-video-preview { inset: 28px; border: 1px solid rgba(var(--blue-light-rgb),.25); border-radius: 18px; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.3); }
.model-option-1 .service-visual:before { inset: 28px; border-radius: 18px; }

@media (max-width: 1040px) {
  .model .service-copy { padding: 44px 34px; }
}
@media (max-width: 620px) {
  .model .service-detail { min-height: 0; }
  .model .service-copy { padding: 38px 25px; }
  .service-bullets { margin-top: 24px; }
  .model .service-video-preview { inset: 18px; }
  .service-diagnose-motion,.service-recruit-motion,.service-build-motion,.service-operate-motion,.service-develop-motion { inset: 18px; }
  .service-develop-motion { padding: 14px; }
  .develop-board { grid-template-columns: repeat(4,132px); overflow-x: auto; scrollbar-width: thin; }
  .model-option-1 .service-visual:before { inset: 18px; }
}

/* Stack before either hero column becomes visually compromised. */
@media (max-width: 1050px) {
  .hero { min-height: auto; grid-template-columns: 1fr; padding-top: 78px; }
  .hero h1 { max-width: 760px; }
  .hero-system { width: min(100%,680px); margin: 58px auto 0; }
}

/* Pricing design lab */
.pricing-lab { position: relative; overflow: hidden; background: #f7f8f6; }
.pricing-lab .pricing-heading h2 em { color: var(--blue); }
.pricing-version-switcher {
  position: absolute; z-index: 8; top: 42px;
  right: max(var(--page-gutter),calc((100vw - var(--page-max))/2 + var(--page-gutter)));
  display: flex; gap: 3px; padding: 4px; border: 1px solid #d5dbe4; border-radius: 11px;
  background: rgba(255,255,255,.84); box-shadow: 0 14px 38px rgba(18,31,51,.09); backdrop-filter: blur(16px);
}
.pricing-version-switcher button {
  height: 34px; display: flex; align-items: center; gap: 7px; padding: 0 12px; border: 0; border-radius: 7px;
  background: transparent; color: #77818e;
}
.pricing-version-switcher button i { color: #a3acb7; font: normal 500 7px var(--mono); }
.pricing-version-switcher button span { font-size: 8px; font-weight: 700; }
.pricing-version-switcher button.active { background: var(--ink); color: #fff; box-shadow: 0 8px 20px rgba(7,10,15,.18); }
.pricing-version-switcher button.active i { color: var(--blue-light); }
.pricing-option[hidden] { display: none; }
.pricing-option-enter { animation: pricingOptionIn .58s cubic-bezier(.16,1,.3,1); }
@keyframes pricingOptionIn { from { opacity: 0; transform: translateY(14px); } }
.pricing-lab input[type="range"] {
  --range-progress: 33.333%; width: 100%; height: 3px; margin: 18px 0 7px; border-radius: 99px;
  appearance: none; background: linear-gradient(90deg,var(--blue-light) var(--range-progress),rgba(137,151,171,.25) var(--range-progress));
}
.pricing-lab input[type="range"]::-webkit-slider-thumb {
  width: 14px; height: 14px; appearance: none; border: 3px solid #fff; border-radius: 50%; background: var(--blue);
  box-shadow: 0 0 0 1px var(--blue),0 5px 14px rgba(var(--blue-rgb),.35);
}
.fee-range { display: flex; justify-content: space-between; color: #7d8997; font: 500 7px var(--mono); }
.fee-role-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border: 1px solid #dce1e7; border-radius: 10px; background: #f1f3f5; }
.fee-role-switch button { height: 38px; padding: 0 12px; border: 0; border-radius: 7px; background: transparent; color: #7a8592; font-size: 9px; font-weight: 650; }
.fee-role-switch button.active { background: #fff; color: var(--ink); box-shadow: 0 5px 16px rgba(20,35,55,.1); }

/* Option 01 — commercial ledger */
.terms-ledger { overflow: hidden; border: 1px solid #d9dfe6; border-radius: 24px; background: #fff; box-shadow: 0 34px 80px rgba(19,31,48,.09); }
.terms-ledger-head { min-height: 63px; display: flex; align-items: center; justify-content: space-between; padding: 0 27px; border-bottom: 1px solid #dfe4e9; }
.terms-ledger-head span { color: #7b8795; font: 500 8px var(--mono); letter-spacing: .1em; }
.terms-ledger-head b { display: flex; align-items: center; gap: 9px; color: #606b78; font-size: 9px; }
.terms-ledger-head b:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(var(--green-rgb),.1); }
.terms-ledger-body { display: grid; grid-template-columns: 1.25fr .75fr; min-height: 510px; }
.terms-list { border-right: 1px solid #dfe4e9; }
.terms-list article { min-height: 170px; display: grid; grid-template-columns: 38px 1fr auto; gap: 22px; align-items: center; padding: 28px 34px; border-bottom: 1px solid #e2e6eb; transition: background .35s,transform .35s; }
.terms-list article:last-child { border-bottom: 0; }
.terms-list article:hover { position: relative; z-index: 1; background: #f8faff; transform: translateX(6px); }
.terms-list article > span { color: #9ca6b2; font: 500 8px var(--mono); }
.terms-list small { color: #8a95a2; font: 500 7px var(--mono); letter-spacing: .1em; }
.terms-list h3 { margin: 9px 0 7px; font: 600 22px var(--display); letter-spacing: -.035em; }
.terms-list p { max-width: 380px; margin: 0; color: #78838f; font-size: 10px; line-height: 1.55; }
.terms-list article > strong { min-width: 108px; color: var(--ink); font: 500 34px var(--mono); letter-spacing: -.06em; text-align: right; }
.terms-list article > strong em { display: block; margin-top: 8px; color: #8d98a4; font: normal 500 7px var(--mono); letter-spacing: .06em; }
.terms-list article.is-blue { color: #fff; background: var(--blue); }
.terms-list article.is-blue > span,.terms-list article.is-blue small,.terms-list article.is-blue p,.terms-list article.is-blue > strong em { color: #c8d6ff; }
.terms-list article.is-blue > strong { color: #fff; }
.terms-list article.is-blue:hover { background: var(--accent-hover-mid); }
.fee-simulator { display: flex; flex-direction: column; justify-content: center; padding: clamp(32px,4vw,58px); background: #0c121c; color: #fff; }
.fee-simulator-head { display: flex; justify-content: space-between; margin-bottom: 35px; color: #778496; font: 500 7px var(--mono); letter-spacing: .1em; }
.fee-simulator-head i { color: var(--blue-light); font-style: normal; }
.fee-simulator .fee-role-switch { margin-bottom: 40px; border-color: #293443; background: #111a27; }
.fee-simulator .fee-role-switch button { color: #708096; }
.fee-simulator .fee-role-switch button.active { color: #fff; background: #263449; box-shadow: none; }
.fee-simulator label { display: flex; justify-content: space-between; color: #8491a2; font-size: 10px; }
.fee-simulator output { color: #fff; font: 500 13px var(--mono); }
.fee-result { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 46px; padding-top: 25px; border-top: 1px solid #293443; }
.fee-result > span { color: #8491a2; font-size: 9px; }
.fee-result small { display: block; margin-top: 8px; color: #566477; font: 500 7px var(--mono); }
.fee-result strong { font: 500 clamp(32px,3vw,46px) var(--mono); letter-spacing: -.07em; }

/* Option 02 — animated revenue flow */
.revenue-console { overflow: hidden; border: 1px solid #27364d; border-radius: 24px; color: #fff; background: radial-gradient(circle at 30% 45%,rgba(var(--blue-rgb),.16),transparent 34%),#07101c; box-shadow: 0 38px 85px rgba(8,20,39,.22); }
.revenue-console-head,.revenue-console-foot { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 0 27px; color: #718097; font: 500 7px var(--mono); letter-spacing: .1em; }
.revenue-console-head { min-height: 64px; border-bottom: 1px solid #263247; }
.revenue-console-head b { display: flex; align-items: center; gap: 9px; color: #93a3ba; font-weight: 500; }
.revenue-console-head b i { width: 6px; height: 6px; border-radius: 50%; background: var(--status-green); box-shadow: 0 0 11px var(--status-green); }
.revenue-console-grid { position: relative; display: grid; grid-template-columns: 1.22fr .78fr; min-height: 500px; }
.revenue-console-grid:before { content: ""; position: absolute; inset: 0; opacity: .5; pointer-events: none; background-image: linear-gradient(rgba(var(--blue-light-rgb),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--blue-light-rgb),.04) 1px,transparent 1px); background-size: 35px 35px; }
.revenue-route { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; padding: 55px; }
.route-node { width: 175px; min-height: 150px; display: flex; flex-direction: column; padding: 18px; border: 1px solid #2c3b51; border-radius: 15px; background: rgba(13,25,41,.92); box-shadow: 0 18px 45px rgba(0,0,0,.18); }
.route-node > i { color: #50617a; font: normal 500 7px var(--mono); }
.route-node span { margin: auto 0; }
.route-node small,.route-node b { display: block; }
.route-node small { margin-bottom: 7px; color: #667993; font: 500 6px var(--mono); letter-spacing: .1em; }
.route-node b { color: #aab8ca; font-size: 10px; }
.route-node > strong { color: #fff; font: 500 23px var(--mono); letter-spacing: -.05em; }
.route-node.active { border-color: var(--accent-mid); background: #10275d; box-shadow: 0 0 0 1px rgba(var(--blue-light-rgb),.15),0 20px 55px rgba(var(--blue-rgb),.28); }
.route-node.active > i,.route-node.active small { color: var(--blue-light); }
.route-node.active b { color: #d8e3ff; }
.route-node.result { border-color: rgba(var(--status-green-rgb),.3); }
.route-node.result > strong { color: var(--status-green); }
.route-line { position: relative; width: clamp(50px,6vw,95px); height: 2px; background: #2e3c51; overflow: visible; }
.route-line:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,transparent,var(--blue-light),transparent); animation: revenueLine 2.4s linear infinite; }
.route-line i { position: absolute; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--blue-light); box-shadow: 0 0 10px var(--blue); animation: revenueDot 2.4s linear infinite; }
.route-line i:nth-child(2) { animation-delay: -.8s; }.route-line i:nth-child(3) { animation-delay: -1.6s; }
@keyframes revenueLine { 0%,100% { opacity: .25; } 50% { opacity: .9; } }
@keyframes revenueDot { from { left: 0; opacity: 0; } 20%,80% { opacity: 1; } to { left: calc(100% - 7px); opacity: 0; } }
.flow-controls { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; padding: 48px; border-left: 1px solid #263247; background: rgba(11,19,31,.82); }
.flow-controls > div:first-child { display: flex; align-items: end; justify-content: space-between; color: #6e7e93; font: 500 7px var(--mono); letter-spacing: .08em; }
.flow-controls > div:first-child output { color: #fff; font: 500 23px var(--mono); letter-spacing: -.05em; }
.flow-controls .fee-role-switch { margin: 35px 0 24px; border-color: #2b3749; background: #0c1522; }
.flow-controls .fee-role-switch button { color: #63738a; }
.flow-controls .fee-role-switch button.active { color: #fff; background: var(--blue); box-shadow: 0 8px 18px rgba(var(--blue-rgb),.25); }
.flow-controls p { display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: center; margin: 0; padding-top: 20px; border-top: 1px solid #283446; color: #6c7b90; font-size: 8px; }
.flow-controls p > i { width: 6px; height: 6px; border-radius: 50%; background: var(--status-green); }
.flow-controls p b { color: #91a0b5; font: 500 7px var(--mono); }
.revenue-console-foot { min-height: 59px; justify-content: flex-start; gap: 42px; border-top: 1px solid #263247; }
.revenue-console-foot span:before { content: "✓"; margin-right: 8px; color: var(--status-green); }

/* Option 03 — editorial term sheet */
.term-sheet { display: grid; grid-template-columns: 1fr .82fr; min-height: 560px; overflow: hidden; border: 1px solid #d9dfe6; border-radius: 24px; background: #fff; box-shadow: 0 34px 80px rgba(19,31,48,.09); }
.term-sheet-copy { padding: clamp(42px,5vw,74px); background: linear-gradient(145deg,#fdfdfb,#f1f4f9); }
.term-sheet-copy > p { color: #788492; font: 600 11px/1.4 var(--body); letter-spacing: .08em; }
.term-sheet-copy h3 { margin: 42px 0 50px; font: 600 clamp(42px,4.8vw,72px)/.98 var(--display); letter-spacing: -.055em; }
.term-sheet-copy h3 em { color: var(--blue); font-style: normal; }
.term-clauses { border-top: 1px solid #d5dce4; }
.term-clauses article { display: grid; grid-template-columns: 36px 1fr; gap: 14px; padding: 18px 0; border-bottom: 1px solid #dbe1e7; }
.term-clauses article > i { color: var(--blue); font: normal 600 10px/1.45 var(--body); }
.term-clauses b,.term-clauses small { display: block; }
.term-clauses b { font: 650 14px/1.4 var(--body); }
.term-clauses small { margin-top: 6px; color: #7b8692; font: 400 12px/1.5 var(--body); }
.term-sheet-card { position: relative; display: flex; flex-direction: column; justify-content: center; margin: 25px; padding: clamp(32px,4vw,58px); overflow: hidden; border-radius: 18px; color: #fff; background: var(--blue); box-shadow: 0 25px 55px rgba(var(--blue-rgb),.27); }
.term-sheet-card:before { content: ""; position: absolute; width: 420px; height: 420px; right: -210px; top: -220px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025); animation: termOrbit 10s ease-in-out infinite alternate; }
@keyframes termOrbit { to { transform: translate(-45px,55px) scale(1.12); } }
.term-sheet-card > * { position: relative; z-index: 1; }
.term-sheet-card-head { display: flex; justify-content: space-between; margin-bottom: 32px; color: #c9d7ff; font: 500 7px var(--mono); letter-spacing: .1em; }
.term-sheet-card-head i { font-style: normal; }
.term-sheet-card .fee-role-switch { border-color: rgba(255,255,255,.2); background: rgba(9,40,117,.25); }
.term-sheet-card .fee-role-switch button { color: #c0d0f9; }
.term-sheet-card .fee-role-switch button.active { color: var(--blue); background: #fff; }
.term-total { margin: 38px 0 15px; }
.term-total small,.term-total strong,.term-total span { display: block; }
.term-total small { color: var(--blue-light); font: 500 7px var(--mono); letter-spacing: .08em; }
.term-total small output { color: #fff; }
.term-total strong { margin: 10px 0 7px; font: 500 clamp(48px,5vw,76px) var(--mono); letter-spacing: -.08em; }
.term-total span { color: #c3d3ff; font: 500 7px var(--mono); }
.term-sheet-card input[type="range"] { background: linear-gradient(90deg,#fff var(--range-progress),rgba(255,255,255,.26) var(--range-progress)); }
.term-sheet-card input[type="range"]::-webkit-slider-thumb { border-color: var(--blue); background: #fff; box-shadow: 0 0 0 1px #fff,0 6px 18px rgba(9,35,98,.3); }
.term-sheet-card .fee-range { color: var(--blue-light); }
.term-signoff { display: flex; align-items: center; justify-content: space-between; margin-top: 35px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.2); }
.term-signoff span { color: var(--blue-light); font: 500 7px var(--mono); }
.term-signoff span i { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--status-green); }
.term-signoff b { font-size: 9px; }

@media (prefers-reduced-motion: reduce) {
  .route-line:before,.route-line i,.term-sheet-card:before { animation: none!important; }
}
@media (max-width: 1100px) {
  .terms-ledger-body,.revenue-console-grid,.term-sheet { grid-template-columns: 1fr; }
  .terms-list { border-right: 0; border-bottom: 1px solid #dfe4e9; }
  .fee-simulator { min-height: 420px; }
  .revenue-route { min-height: 390px; }
  .flow-controls { border-left: 0; border-top: 1px solid #263247; }
  .term-sheet-card { min-height: 500px; }
}
@media (max-width: 800px) {
  .pricing-lab { padding-top: 150px; }
  .pricing-version-switcher { top: 44px; left: 20px; right: 20px; }
  .pricing-version-switcher button { flex: 1; justify-content: center; }
  .terms-list article { grid-template-columns: 30px 1fr; padding: 25px 22px; }
  .terms-list article > strong { grid-column: 2; text-align: left; }
  .revenue-route { flex-direction: column; padding: 38px 24px; }
  .route-node { width: min(100%,330px); min-height: 130px; }
  .route-line { width: 2px; height: 55px; }
  .route-line i { left: -3px!important; animation-name: revenueDotVertical; }
  @keyframes revenueDotVertical { from { top: 0; opacity: 0; } 20%,80% { opacity: 1; } to { top: calc(100% - 7px); opacity: 0; } }
}
@media (max-width: 540px) {
  .pricing-version-switcher button span { display: none; }
  .terms-ledger-head { align-items: flex-start; flex-direction: column; justify-content: center; gap: 7px; }
  .fee-simulator,.flow-controls,.term-sheet-copy,.term-sheet-card { padding: 30px 22px; }
  .revenue-console-foot { flex-direction: column; align-items: flex-start; gap: 9px; padding-block: 18px; }
  .term-sheet-card { margin: 12px; min-height: 470px; }
}

/* Selected pricing layout — Term Sheet with selectable particle atmospheres */
.pricing-lab { isolation: isolate; background: #f7f9ff; }
.pricing-lab > .section-index,.pricing-lab > .pricing-heading,.pricing-lab > .term-sheet,.pricing-lab > .pricing-note { position: relative; z-index: 2; }
.pricing-atmosphere { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; }
.pricing-atmosphere:before {
  content: ""; position: absolute; left: 50%; bottom: -240px; width: min(1100px,92vw); height: 650px;
  border-radius: 50%; background: radial-gradient(ellipse at 50% 52%,rgba(var(--blue-rgb),.9) 0%,rgba(var(--blue-rgb),.54) 28%,rgba(var(--blue-light-rgb),.18) 54%,transparent 72%);
  filter: blur(62px); transform: translateX(-50%); opacity: .86; animation: pricingBloom 7s ease-in-out infinite alternate;
}
.pricing-particle-field { position: absolute; inset: 0; overflow: hidden; }
.pricing-particle-field i {
  position: absolute; left: var(--x); bottom: -15px; width: var(--size); height: var(--size); border-radius: 50%;
  background: var(--blue); box-shadow: 0 0 8px rgba(var(--blue-rgb),.85),0 0 18px rgba(var(--blue-light-rgb),.5);
  opacity: 0; will-change: transform,opacity; animation-duration: var(--duration); animation-delay: var(--delay); animation-timing-function: linear; animation-iteration-count: infinite;
}
.pricing-particle-field i:nth-child(3n+1) { background: var(--blue-light); }
.pricing-particle-field i:nth-child(3n+2) { background: var(--accent-mid); }
.pricing-particle-field i:nth-child(7n) { box-shadow: 0 0 10px #fff,0 0 22px var(--blue-light); }
.pricing-beam,.pricing-halo { position: absolute; left: 50%; pointer-events: none; }
.pricing-beam { bottom: -8%; width: 300px; height: 96%; transform: translateX(-50%); background: linear-gradient(to top,rgba(var(--blue-rgb),.42),rgba(var(--blue-light-rgb),.1) 46%,transparent 92%); filter: blur(38px); clip-path: polygon(40% 100%,60% 100%,100% 0,0 0); opacity: .52; }
.pricing-halo { bottom: -28px; width: min(700px,82vw); height: 180px; border: 1px solid rgba(var(--blue-rgb),.36); border-radius: 50%; transform: translateX(-50%); box-shadow: 0 0 45px rgba(var(--blue-rgb),.3),inset 0 0 55px rgba(var(--blue-rgb),.16); animation: pricingHalo 4.8s ease-out infinite; }
@keyframes pricingBloom { to { opacity: 1; transform: translateX(-50%) scale(1.12) translateY(-45px); } }
@keyframes pricingHalo { 0% { opacity: 0; transform: translateX(-50%) scale(.58); } 35% { opacity: .72; } 100% { opacity: 0; transform: translateX(-50%) scale(1.35); } }

/* Selected particle treatment — original five-lane signal lift */
.pricing-lab[data-pricing-particles="3"] .pricing-atmosphere:before { width: min(760px,76vw); height: 780px; bottom: -330px; opacity: .96; filter: blur(72px); }
.pricing-lab[data-pricing-particles="3"] .pricing-beam { width: 235px; height: 108%; opacity: .78; filter: blur(34px); background: linear-gradient(to top,rgba(var(--blue-rgb),.64),rgba(var(--blue-light-rgb),.18) 58%,transparent 95%); }
.pricing-lab[data-pricing-particles="3"] .pricing-halo { width: min(520px,75vw); animation-duration: 2.7s; }
.pricing-lab[data-pricing-particles="3"] .pricing-particle-field i { left: 50%; height: calc(var(--size) + 8px); border-radius: 99px; animation-name: pricingParticleSignal; }
@keyframes pricingParticleSignal {
  0% { opacity: 0; transform: translate3d(var(--signal-x),0,0) scaleY(.25); }
  9% { opacity: var(--opacity); }
  58% { opacity: var(--opacity); }
  100% { opacity: 0; transform: translate3d(var(--signal-x),-128vh,0) scaleY(1.7); }
}
.pricing-lab .term-sheet { background: rgba(255,255,255,.87); box-shadow: 0 36px 90px rgba(var(--blue-rgb),.13); backdrop-filter: blur(16px); }
.pricing-beam-stage { position: relative; }
.pricing-beam-stage > .pricing-heading,.pricing-beam-stage > .term-sheet { position: relative; z-index: 2; }
.pricing-lab[data-pricing-particles="3"] .pricing-beam-stage > .pricing-beam { z-index: 1; top: 0; bottom: 0; height: auto; }
.pricing-lab .term-sheet-copy { background: linear-gradient(145deg,rgba(255,255,255,.9),rgba(240,245,255,.84)); }
.pricing-lab .pricing-note { color: #65738a; }

@media (prefers-reduced-motion: reduce) {
  .pricing-particle-field i,.pricing-atmosphere:before,.pricing-halo { animation: none!important; }
  .pricing-particle-field i:nth-child(-n+24) { opacity: .35; transform: translateY(-45vh); }
}
@media (max-width: 540px) {
  .pricing-atmosphere:before { bottom: -180px; height: 520px; }
}

/* Beyond placement — three-option design lab */
.buildout-lab { position: relative; overflow: hidden; background: #09101a; }
.buildout-lab:before { content: ""; position: absolute; width: 760px; height: 760px; right: -330px; top: -340px; border-radius: 50%; background: radial-gradient(circle,rgba(var(--blue-rgb),.22),transparent 68%); pointer-events: none; }
.buildout-version-switcher {
  position: absolute; z-index: 8; top: 42px;
  right: max(var(--page-gutter),calc((100vw - var(--page-max))/2 + var(--page-gutter)));
  display: flex; gap: 3px; padding: 4px; border: 1px solid #2b384b; border-radius: 11px;
  background: rgba(10,18,29,.82); box-shadow: 0 14px 38px rgba(0,0,0,.25); backdrop-filter: blur(16px);
}
.buildout-version-switcher button { height: 34px; display: flex; align-items: center; gap: 7px; padding: 0 12px; border: 0; border-radius: 7px; background: transparent; color: #6f7e91; }
.buildout-version-switcher button i { color: #53647b; font: normal 500 7px var(--mono); }
.buildout-version-switcher button span { font-size: 8px; font-weight: 700; }
.buildout-version-switcher button.active { background: var(--blue); color: #fff; box-shadow: 0 8px 21px rgba(var(--blue-rgb),.3); }
.buildout-version-switcher button.active i { color: #c9d8ff; }
.buildout-option[hidden] { display: none; }
.buildout-option-enter { animation: buildoutOptionIn .58s cubic-bezier(.16,1,.3,1); }
@keyframes buildoutOptionIn { from { opacity: 0; transform: translateY(14px); } }

/* Option 01 — operational handoff runway */
.buildout-runway { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(60px,8vw,125px); align-items: center; }
.buildout-runway-copy > p:not(.eyebrow) { max-width: 520px; margin: 29px 0 34px; color: #95a1b0; line-height: 1.7; }
.buildout-runway-copy h2 em { color: var(--blue-light); }
.handoff-runway { overflow: hidden; border: 1px solid #2b3a4e; border-radius: 22px; background: linear-gradient(150deg,#101b2a,#0a121d); box-shadow: 0 35px 75px rgba(0,0,0,.3); }
.handoff-runway-head { min-height: 61px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; border-bottom: 1px solid #273548; color: #718198; font: 500 7px var(--mono); letter-spacing: .1em; }
.handoff-runway-head b { display: flex; align-items: center; gap: 8px; color: #8090a6; font-weight: 500; }
.handoff-runway-head b i { width: 6px; height: 6px; border-radius: 50%; background: var(--status-green); box-shadow: 0 0 11px var(--status-green); }
.runway-track { position: relative; padding: 18px 24px 20px; }
.runway-track:before { content: ""; position: absolute; left: 73px; top: 49px; bottom: 50px; width: 1px; background: #304158; }
.runway-progress { position: absolute; z-index: 1; left: 72px; top: 49px; width: 3px; height: 82px; border-radius: 99px; background: linear-gradient(to bottom,transparent,var(--blue-light),transparent); box-shadow: 0 0 15px rgba(var(--blue-rgb),.8); animation: runwayScan 5.4s ease-in-out infinite; }
@keyframes runwayScan { 0% { transform: translateY(-35px); opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { transform: translateY(350px); opacity: 0; } }
.runway-track article { position: relative; z-index: 2; min-height: 71px; display: grid; grid-template-columns: 32px 12px 1fr auto; gap: 13px; align-items: center; border-bottom: 1px solid #253246; }
.runway-track article:last-child { border-bottom: 0; }
.runway-track article > span { color: #596b83; font: 500 7px var(--mono); }
.runway-track article > i { width: 9px; height: 9px; border: 2px solid #17263a; border-radius: 50%; background: #53667f; box-shadow: 0 0 0 1px #3b4d66; }
.runway-track article b,.runway-track article small { display: block; }
.runway-track article b { color: #d8e0ea; font-size: 12px; }
.runway-track article small { margin-top: 5px; color: #66758a; font-size: 8px; }
.runway-track article > em { color: #52637a; font: normal 500 6px var(--mono); letter-spacing: .08em; }
.runway-track article.is-transfer { margin: 0 -24px -1px; padding: 0 24px; background: linear-gradient(90deg,rgba(var(--blue-rgb),.18),rgba(var(--blue-rgb),.04)); }
.runway-track article.is-transfer > i { background: var(--status-green); box-shadow: 0 0 0 4px rgba(var(--status-green-rgb),.1),0 0 12px rgba(var(--status-green-rgb),.45); }
.runway-track article.is-transfer b,.runway-track article.is-transfer > em { color: var(--status-green); }

/* Option 02 — connected operating-system blueprint */
.blueprint-heading { display: grid; grid-template-columns: 1.2fr .6fr; gap: 8vw; align-items: end; margin-bottom: 54px; }
.blueprint-heading h2 em { color: var(--blue-light); }
.blueprint-heading > p { max-width: 440px; margin: 0 0 6px; color: #8f9cac; line-height: 1.7; }
.blueprint-console { overflow: hidden; border: 1px solid #2a3b54; border-radius: 24px; background: radial-gradient(circle at 50% 48%,rgba(var(--blue-rgb),.2),transparent 34%),#08111d; box-shadow: 0 38px 85px rgba(0,0,0,.3); }
.blueprint-console-head,.blueprint-console-foot { min-height: 61px; display: flex; align-items: center; justify-content: space-between; padding: 0 26px; color: #65768e; font: 500 7px var(--mono); letter-spacing: .1em; }
.blueprint-console-head { border-bottom: 1px solid #29384c; }
.blueprint-console-head b { color: var(--blue-light); font-weight: 500; }
.blueprint-map { position: relative; min-height: 490px; overflow: hidden; background-image: linear-gradient(rgba(var(--blue-light-rgb),.035) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--blue-light-rgb),.035) 1px,transparent 1px); background-size: 34px 34px; }
.blueprint-map > svg { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; }
.blueprint-map > svg path { fill: none; stroke: rgba(var(--blue-light-rgb),.28); stroke-width: .22; stroke-dasharray: 2 2; vector-effect: non-scaling-stroke; animation: blueprintDash 12s linear infinite; }
@keyframes blueprintDash { to { stroke-dashoffset: -80; } }
.blueprint-map article { position: absolute; z-index: 2; left: var(--x); top: var(--y); width: 27%; min-height: 98px; padding: 16px 18px; border: 1px solid #2d405a; border-radius: 13px; background: rgba(14,28,46,.9); box-shadow: 0 16px 34px rgba(0,0,0,.2); animation: blueprintFloat 4.6s ease-in-out infinite alternate var(--d); }
@keyframes blueprintFloat { to { transform: translateY(-8px); border-color: var(--accent-mid); } }
.blueprint-map article i { color: var(--accent-mid); font: normal 500 7px var(--mono); }
.blueprint-map article b,.blueprint-map article small { display: block; }
.blueprint-map article b { margin-top: 13px; color: #d5deeb; font-size: 11px; }
.blueprint-map article small { margin-top: 5px; color: #64758c; font-size: 8px; }
.blueprint-core { position: absolute; z-index: 3; left: 50%; top: 50%; width: 142px; height: 142px; display: grid; place-content: center; justify-items: center; transform: translate(-50%,-50%); border: 1px solid var(--accent-mid); border-radius: 28px; background: linear-gradient(145deg,var(--accent-mid),#10275e); box-shadow: 0 0 0 18px rgba(var(--blue-rgb),.07),0 0 65px rgba(var(--blue-rgb),.3); }
.blueprint-core:before { content: ""; position: absolute; inset: -19px; border: 1px solid rgba(var(--blue-light-rgb),.16); border-radius: 40px; animation: blueprintPulse 3.4s ease-in-out infinite; }
@keyframes blueprintPulse { 50% { transform: scale(1.08); opacity: .4; } }
.blueprint-core span { font: 650 35px var(--display); letter-spacing: -.08em; }
.blueprint-core small { margin-top: 5px; color: var(--blue-light); font: 500 6px var(--mono); }
.blueprint-core b { margin-top: 11px; color: var(--status-green); font: 500 6px var(--mono); }
.blueprint-console-foot { justify-content: flex-start; gap: 38px; border-top: 1px solid #29384c; }
.blueprint-console-foot span i { display: inline-block; width: 5px; height: 5px; margin-right: 8px; border-radius: 50%; background: var(--status-green); }
.buildout-blueprint > .button { margin-top: 34px; }

/* Option 03 — editorial transfer ledger */
.buildout-transfer { display: grid; grid-template-columns: .86fr 1.14fr; min-height: 630px; overflow: hidden; border: 1px solid #2c3b50; border-radius: 24px; background: #0c1623; box-shadow: 0 38px 85px rgba(0,0,0,.28); }
.transfer-statement { position: relative; display: flex; flex-direction: column; justify-content: center; padding: clamp(43px,6vw,88px); overflow: hidden; background: linear-gradient(150deg,var(--blue),var(--accent-deep)); }
.transfer-statement:after { content: "06"; position: absolute; right: -15px; bottom: -68px; color: rgba(255,255,255,.07); font: 600 250px/1 var(--mono); letter-spacing: -.14em; }
.transfer-statement > * { position: relative; z-index: 1; }
.transfer-statement h2 { font-size: clamp(44px,4.7vw,72px); }
.transfer-statement h2 em { color: #fff; }
.transfer-statement > p:not(.eyebrow) { max-width: 500px; margin: 28px 0 34px; color: #d2ddff; line-height: 1.65; }
.transfer-statement .button { width: max-content; }
.transfer-ledger { padding: 25px 30px; }
.transfer-ledger-head { min-height: 57px; display: flex; align-items: center; justify-content: space-between; padding: 0 4px; border-bottom: 1px solid #2a394d; color: #64758c; font: 500 7px var(--mono); letter-spacing: .09em; }
.transfer-ledger-head b { color: var(--blue-light); font-weight: 500; }
.transfer-ledger article { min-height: 83px; display: grid; grid-template-columns: 36px 1fr auto; gap: 15px; align-items: center; padding: 0 9px; border-bottom: 1px solid #28374a; transition: background .28s,transform .28s; }
.transfer-ledger article:hover { background: #122239; transform: translateX(5px); }
.transfer-ledger article > i { color: #586b83; font: normal 500 7px var(--mono); }
.transfer-ledger article b,.transfer-ledger article small { display: block; }
.transfer-ledger article b { color: #dbe3ed; font-size: 12px; }
.transfer-ledger article small { margin-top: 5px; color: #65758a; font-size: 8px; }
.transfer-ledger article > em { color: #5d6f86; font: normal 500 6px var(--mono); letter-spacing: .08em; }
.transfer-ledger article.transfer-final { margin-top: 12px; border: 1px solid rgba(var(--status-green-rgb),.25); border-radius: 12px; background: rgba(var(--status-green-rgb),.06); }
.transfer-ledger article.transfer-final > i,.transfer-ledger article.transfer-final > em { color: var(--status-green); }

@media (prefers-reduced-motion: reduce) {
  .runway-progress,.blueprint-map > svg path,.blueprint-map article,.blueprint-core:before { animation: none!important; }
}
@media (max-width: 1050px) {
  .buildout-runway,.buildout-transfer { grid-template-columns: 1fr; }
  .buildout-runway-copy { max-width: 720px; }
  .handoff-runway { max-width: 780px; width: 100%; }
  .transfer-statement { min-height: 560px; }
}
@media (max-width: 800px) {
  .buildout-lab { padding-top: 150px; }
  .buildout-version-switcher { top: 44px; left: 20px; right: 20px; }
  .buildout-version-switcher button { flex: 1; justify-content: center; }
  .blueprint-heading { grid-template-columns: 1fr; gap: 25px; }
  .blueprint-map { min-height: 680px; }
  .blueprint-map article { width: 40%; }
  .blueprint-map article:nth-of-type(1) { --x:4%!important;--y:8%!important; }
  .blueprint-map article:nth-of-type(2) { --x:56%!important;--y:8%!important; }
  .blueprint-map article:nth-of-type(3) { --x:4%!important;--y:64%!important; }
  .blueprint-map article:nth-of-type(4) { --x:56%!important;--y:64%!important; }
  .blueprint-map article:nth-of-type(5) { --x:4%!important;--y:28%!important; }
  .blueprint-map article:nth-of-type(6) { --x:56%!important;--y:28%!important; }
}
@media (max-width: 540px) {
  .buildout-version-switcher button span { display: none; }
  .buildout-runway-copy h2,.blueprint-heading h2,.transfer-statement h2 { font-size: 40px; }
  .runway-track { padding-inline: 16px; }
  .runway-track:before { left: 57px; }.runway-progress { left: 56px; }
  .runway-track article { grid-template-columns: 27px 12px 1fr; }
  .runway-track article > em { display: none; }
  .runway-track article.is-transfer { margin-inline: -16px; padding-inline: 16px; }
  .blueprint-map { min-height: 740px; }
  .blueprint-map article { width: 44%; padding: 13px; }
  .blueprint-map article:nth-of-type(2),.blueprint-map article:nth-of-type(4),.blueprint-map article:nth-of-type(6) { --x:52%!important; }
  .blueprint-core { width: 118px; height: 118px; }
  .blueprint-console-foot { flex-direction: column; align-items: flex-start; gap: 8px; padding-block: 16px; }
  .transfer-statement { min-height: 500px; padding: 40px 24px; }
  .transfer-ledger { padding: 18px 15px; }
  .transfer-ledger article { grid-template-columns: 29px 1fr; }
  .transfer-ledger article > em { display: none; }
}

/* Beyond placement — right-side motion comparison */
.buildout-motion-switcher {
  position: absolute; z-index: 9; top: 42px;
  right: max(var(--page-gutter),calc((100vw - var(--page-max))/2 + var(--page-gutter)));
  display: flex; gap: 3px; padding: 4px; border: 1px solid #2b384b; border-radius: 11px;
  background: rgba(10,18,29,.84); box-shadow: 0 14px 38px rgba(0,0,0,.26); backdrop-filter: blur(16px);
}
.buildout-motion-switcher button { height: 34px; display: flex; align-items: center; gap: 7px; padding: 0 12px; border: 0; border-radius: 7px; background: transparent; color: #6f7e91; }
.buildout-motion-switcher button i { color: #53647b; font: normal 500 7px var(--mono); }
.buildout-motion-switcher button span { font-size: 8px; font-weight: 700; }
.buildout-motion-switcher button.active { background: var(--blue); color: #fff; box-shadow: 0 8px 21px rgba(var(--blue-rgb),.3); }
.buildout-motion-switcher button.active i { color: #cfddff; }
.buildout-motion-stage { min-width: 0; min-height: 630px; }
.buildout-motion-option { height: 100%; }
.buildout-motion-option[hidden] { display: none; }
.buildout-motion-enter { animation: buildoutMotionIn .52s cubic-bezier(.16,1,.3,1); }
@keyframes buildoutMotionIn { from { opacity: 0; transform: translateX(12px); } }
.buildout-motion-option > .handoff-runway,.handoff-orbit,.handoff-stack { height: 100%; min-height: 630px; border-radius: 0; border: 0; box-shadow: none; }
.handoff-motion-head,.handoff-motion-foot { display: flex; align-items: center; justify-content: space-between; padding: 0 24px; color: #718198; font: 700 10px/1.3 var(--body); letter-spacing: .06em; }
.handoff-motion-head { min-height: 61px; border-bottom: 1px solid #273548; }
.handoff-motion-head b { display: flex; align-items: center; gap: 8px; color: #8090a6; font-weight: 500; }
.handoff-motion-head b i { width: 6px; height: 6px; border-radius: 50%; background: var(--status-green); box-shadow: 0 0 11px var(--status-green); }
.handoff-motion-foot { min-height: 57px; border-top: 1px solid #273548; }
.handoff-motion-foot b { color: var(--status-green); font-weight: 500; }

/* Motion 02 — ownership orbit */
.handoff-orbit { display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; background: radial-gradient(circle at 50% 50%,rgba(var(--blue-rgb),.22),transparent 37%),linear-gradient(150deg,#101b2a,#09121d); }
.handoff-orbit-scene { position: relative; min-height: 510px; overflow: hidden; background-image: linear-gradient(rgba(var(--blue-light-rgb),.035) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--blue-light-rgb),.035) 1px,transparent 1px); background-size: 32px 32px; }
.orbit-ring { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(var(--blue-light-rgb),.22); border-radius: 50%; transform: translate(-50%,-50%); }
.ring-one { width: 210px; height: 210px; }
.ring-two { width: 350px; height: 350px; border-style: dashed; animation: orbitSpin 18s linear infinite; }
.ring-three { width: 500px; height: 500px; opacity: .5; animation: orbitSpin 28s linear infinite reverse; }
@keyframes orbitSpin { to { transform: translate(-50%,-50%) rotate(360deg); } }
.orbit-core { position: absolute; z-index: 3; left: 50%; top: 50%; width: 158px; height: 158px; display: grid; place-content: center; justify-items: center; transform: translate(-50%,-50%); border: 1px solid var(--blue-light); border-radius: 28px; background: radial-gradient(circle,var(--accent-mid),#10275f); box-shadow: 0 0 0 17px rgba(var(--blue-rgb),.07),0 0 60px rgba(var(--blue-rgb),.34); }
.orbit-core:before { content: ""; position: absolute; inset: -18px; border: 1px solid rgba(var(--blue-light-rgb),.18); border-radius: 39px; animation: orbitCorePulse 3.2s ease-in-out infinite; }
@keyframes orbitCorePulse { 50% { transform: scale(1.1); opacity: .35; } }
.orbit-core span { font: 650 35px var(--display); letter-spacing: -.08em; }
.orbit-core small { margin-top: 6px; color: var(--blue-light); font: 700 8px/1.3 var(--body); }
.orbit-core b { margin-top: 10px; color: var(--status-green); font: 700 8px/1.3 var(--body); }
.orbit-node { position: absolute; z-index: 4; min-width: 138px; min-height: 47px; display: flex; align-items: center; gap: 11px; padding: 13px 16px; border: 1px solid #30445f; border-radius: 13px; background: rgba(13,27,45,.92); box-shadow: 0 12px 27px rgba(0,0,0,.22); animation: orbitNodeFloat 4s ease-in-out infinite alternate; }
.orbit-node i { color: var(--accent-mid); font: normal 700 9px/1.2 var(--body); }
.orbit-node b { color: #d6e0ed; font: 700 12px/1.2 var(--body); }
.orbit-n1 { left: 8%; top: 15%; }.orbit-n2 { right: 8%; top: 15%; animation-delay: -.7s; }
.orbit-n3 { left: 3%; top: 47%; animation-delay: -1.4s; }.orbit-n4 { right: 3%; top: 47%; animation-delay: -2.1s; }
.orbit-n5 { left: 12%; bottom: 12%; animation-delay: -2.8s; }.orbit-n6 { right: 12%; bottom: 12%; border-color: rgba(var(--status-green-rgb),.35); animation-delay: -3.5s; }
.orbit-n6 i,.orbit-n6 b { color: var(--status-green); }
@keyframes orbitNodeFloat { to { transform: translateY(-7px); border-color: var(--accent-mid); } }
.orbit-scan { position: absolute; z-index: 2; left: 50%; top: 50%; width: 225px; height: 1px; transform-origin: left; background: linear-gradient(90deg,var(--blue-light),transparent); filter: drop-shadow(0 0 7px var(--blue)); animation: orbitScan 5.2s linear infinite; }
@keyframes orbitScan { to { transform: rotate(360deg); } }

/* Motion 03 — assembling system stack */
.handoff-stack { display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; background: radial-gradient(ellipse at 50% 90%,rgba(var(--blue-rgb),.22),transparent 48%),linear-gradient(150deg,#101b2a,#09121d); }
.handoff-stack-scene { position: relative; min-height: 510px; overflow: hidden; perspective: 900px; background-image: linear-gradient(rgba(var(--blue-light-rgb),.035) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--blue-light-rgb),.035) 1px,transparent 1px); background-size: 32px 32px; }
.stack-axis { position: absolute; left: 50%; top: 32px; bottom: 28px; width: 1px; background: linear-gradient(transparent,var(--blue) 18%,var(--blue) 82%,transparent); box-shadow: 0 0 14px rgba(var(--blue-rgb),.7); }
.handoff-stack-scene article { position: absolute; z-index: 2; left: 9%; right: 9%; height: 67px; display: grid; grid-template-columns: 38px 1fr auto; gap: 14px; align-items: center; padding: 0 18px; border: 1px solid #304159; border-radius: 12px; background: linear-gradient(90deg,rgba(18,37,61,.97),rgba(11,24,40,.96)); box-shadow: 0 17px 28px rgba(0,0,0,.18); transform: rotateX(2deg); animation: stackAssemble 4.5s cubic-bezier(.16,1,.3,1) infinite var(--delay); }
.handoff-stack-scene article:nth-of-type(1) { top: 34px; transform: translateX(-20px); }
.handoff-stack-scene article:nth-of-type(2) { top: 105px; transform: translateX(-12px); }
.handoff-stack-scene article:nth-of-type(3) { top: 176px; transform: translateX(-4px); }
.handoff-stack-scene article:nth-of-type(4) { top: 247px; transform: translateX(4px); }
.handoff-stack-scene article:nth-of-type(5) { top: 318px; transform: translateX(12px); }
.handoff-stack-scene article:nth-of-type(6) { top: 389px; transform: translateX(20px); }
@keyframes stackAssemble { 0%,100% { opacity: .72; filter: saturate(.75); } 18%,66% { opacity: 1; filter: saturate(1.25); border-color: var(--accent-mid); box-shadow: 0 17px 28px rgba(0,0,0,.18),inset 3px 0 var(--blue); } }
.handoff-stack-scene article > i { color: var(--accent-mid); font: normal 500 7px var(--mono); }
.handoff-stack-scene article span b,.handoff-stack-scene article span small { display: block; }
.handoff-stack-scene article span b { color: #d9e2ed; font-size: 9px; letter-spacing: .04em; }
.handoff-stack-scene article span small { margin-top: 5px; color: #67798f; font-size: 8px; }
.handoff-stack-scene article > em { color: #62748c; font: normal 500 6px var(--mono); }
.handoff-stack-scene article.stack-final { border-color: rgba(var(--status-green-rgb),.36); background: linear-gradient(90deg,rgba(24,69,57,.78),rgba(12,31,35,.94)); }
.handoff-stack-scene article.stack-final > i,.handoff-stack-scene article.stack-final span b,.handoff-stack-scene article.stack-final > em { color: var(--status-green); }

@media (prefers-reduced-motion: reduce) {
  .ring-two,.ring-three,.orbit-core:before,.orbit-node,.orbit-scan,.handoff-stack-scene article { animation: none!important; }
}
@media (max-width: 1050px) {
  .buildout-motion-stage { min-height: 630px; }
}
@media (max-width: 800px) {
  .buildout-motion-switcher { top: 44px; left: 20px; right: 20px; }
  .buildout-motion-switcher button { flex: 1; justify-content: center; }
}
@media (max-width: 540px) {
  .buildout-motion-switcher button span { display: none; }
  .orbit-ring.ring-three { width: 390px; height: 390px; }
  .orbit-ring.ring-two { width: 280px; height: 280px; }
  .orbit-node { min-width: 95px; padding: 9px; }
  .orbit-n1,.orbit-n5 { left: 3%; }.orbit-n2,.orbit-n6 { right: 3%; }
  .handoff-stack-scene article { left: 5%; right: 5%; padding-inline: 13px; }
}

/* Mobile pass 01 — announcement, navigation and hero */
@media (max-width: 800px) {
  body.menu-open { overflow: hidden; }
  .demo-bar { position: sticky; z-index: 60; top: 0; height: 26px; gap: 0; }
  .demo-bar span { padding: 2px 7px; font-size: 7px; }
  .site-header,.site-header.scrolled { top: 26px; height: 64px; padding-inline: 20px; }
  .brand { gap: 8px; font-size: 10px; }
  .brand svg { width: 29px; height: 29px; }
  .menu-button { width: 48px; height: 48px; margin-right: -10px; padding: 0 10px; }
  .menu-button span { width: 23px; }
  .mobile-menu {
    inset: 90px 0 0; height: calc(100dvh - 90px); padding: 24px 22px 32px;
    overflow-y: auto; overscroll-behavior: contain; background: rgba(250,250,247,.98);
    backdrop-filter: blur(18px);
  }
  .mobile-menu nav { margin-bottom: 24px; }
  .mobile-menu nav a { min-height: 58px; display: flex; align-items: center; padding: 12px 2px; font-size: 23px; }
  .mobile-menu .button { min-height: 54px; }
  .hero { padding: 54px 24px 76px; }
  .hero h1 { max-width: 720px; font-size: clamp(48px,10.5vw,64px); line-height: .96; }
  .hero .eyebrow { margin-bottom: 19px; }
  .hero-lede { max-width: 590px; margin: 24px 0 28px; font-size: 17px; line-height: 1.55; }
  .hero-actions { flex-wrap: wrap; }
  .hero-system,.hero-visual-stage { width: min(100%,600px); margin: 54px auto 0; }
  .microcopy { max-width: 520px; margin-top: 20px; line-height: 1.55; }
}
@media (max-width: 520px) {
  .hero { padding: 42px 20px 64px; }
  .hero h1 { font-size: clamp(42px,12.2vw,50px); letter-spacing: -.058em; }
  .hero .eyebrow { max-width: 290px; font-size: 9px; line-height: 1.35; }
  .hero-lede { margin: 22px 0 27px; font-size: 16px; }
  .hero-actions { gap: 14px; }
  .hero-actions .button { min-height: 54px; }
  .hero-main-cta { min-width: 0; }
  .hero-system,.hero-visual-stage { margin-top: 48px; }
  .final-hero-visual { max-width: 430px; }
  .microcopy { font-size: 10px; }
}
@media (max-width: 370px) {
  .hero h1 { font-size: 42px; }
  .hero { padding-inline: 17px; }
  .mobile-menu { padding-inline: 18px; }
}

/* Strict black + gold palette: blue fills become black; status and interaction accents become gold. */
body.palette-gold :is(.hero,.model,.candidate-showcase,.buildout-lab,.final-cta) { background-color: #080705; }
body.palette-gold :is(.system-window,.motion-sequence-card,.service-shell,.proof-console,.handoff-orbit,.develop-board) {
  border-color: rgba(var(--blue-rgb),.25);
  background-color: #0b0905;
}
body.palette-gold .editorial-frame { border-color: rgba(var(--blue-rgb),.32); background: #080705; }
body.palette-gold .editorial-poster { background: radial-gradient(circle at 78% 22%,rgba(var(--blue-rgb),.13),transparent 28%),#080705; }
body.palette-gold .poster-word strong { color: #fff8e8; }
body.palette-gold .poster-word small,
body.palette-gold .poster-score span { color: #b8aa8d; }
body.palette-gold .poster-score { border-color: rgba(var(--blue-rgb),.48); background: #0b0905; color: #fff8e8; box-shadow: 0 20px 55px rgba(var(--blue-rgb),.12); }
body.palette-gold .model .service-visual {
  background: #050505;
}
body.palette-gold .model .service-visual:before {
  background-color: #050505;
  background-image: radial-gradient(circle at 30% 48%,rgba(var(--blue-rgb),.12),transparent 20%),radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1.5px),linear-gradient(135deg,#111 0%,#080808 52%,#030303 100%);
}
body.palette-gold :is(.service-diagnose-motion,.service-recruit-motion,.service-build-motion,.service-operate-motion,.service-develop-motion) {
  border-color: rgba(var(--blue-rgb),.3);
  background: linear-gradient(145deg,#111 0%,#070707 56%,#020202 100%);
}
body.palette-gold :is(.service-diagnose-motion,.service-recruit-motion,.service-build-motion,.service-operate-motion) .nc-stage {
  background: radial-gradient(circle at 52% 48%,rgba(var(--blue-rgb),.11),transparent 46%),linear-gradient(145deg,#101010,#030303);
}
body.palette-gold .nc-stage {
  --nc-card: rgba(11,9,5,.96);
  --nc-edge: rgba(var(--blue-rgb),.23);
  --nc-mute: #9d927d;
  --nc-blue: var(--blue-light);
  --nc-good: var(--status-green);
}
body.palette-gold .button:not(.hero-main-cta):not(.button-dark):not(.button-light) {
  border-color: #f3d77c;
  background: linear-gradient(180deg,#ffe889 0%,#f0c95e 32%,#d5a229 72%,#bd8615 100%);
  color: #080705;
  box-shadow: inset 0 1px rgba(255,255,255,.58),inset 0 -1px rgba(92,57,2,.38),0 5px 0 #8a5d0a,0 15px 29px rgba(111,72,5,.28);
}
body.palette-gold .button:not(.hero-main-cta):not(.button-dark):not(.button-light):hover {
  border-color: #fff0a7;
  background: linear-gradient(180deg,#fff3ad 0%,#f6da75 32%,#e1b33a 72%,#c7921d 100%);
  color: #050403;
  box-shadow: inset 0 1px rgba(255,255,255,.72),inset 0 -1px rgba(92,57,2,.3),0 5px 0 #8a5d0a,0 18px 35px rgba(var(--blue-rgb),.3);
}
body.palette-gold .button:not(.hero-main-cta):not(.button-dark):not(.button-light):active {
  border-color: #e4b53d;
  background: linear-gradient(180deg,#e7bd4b,#cf981f);
  box-shadow: inset 0 1px rgba(255,255,255,.34),0 1px 0 #8a5d0a,0 7px 16px rgba(111,72,5,.2);
}
body.palette-gold .hero-main-cta.cta-depth {
  border-color: #f3d77c;
  background: linear-gradient(180deg,#ffe889 0%,#f0c95e 32%,#d5a229 72%,#bd8615 100%);
  color: #080705;
  box-shadow: inset 0 1px rgba(255,255,255,.58),inset 0 -1px rgba(92,57,2,.38),0 6px 0 #8a5d0a,0 17px 32px rgba(111,72,5,.32);
}
body.palette-gold .hero-main-cta.cta-depth:hover {
  border-color: #fff0a7;
  background: linear-gradient(180deg,#fff3ad 0%,#f6da75 32%,#e1b33a 72%,#c7921d 100%);
  color: #050403;
  box-shadow: inset 0 1px rgba(255,255,255,.72),inset 0 -1px rgba(92,57,2,.3),0 6px 0 #8a5d0a,0 19px 38px rgba(var(--blue-rgb),.34);
}
body.palette-gold .hero-main-cta.cta-depth:active { background: linear-gradient(180deg,#e7bd4b,#cf981f); box-shadow: inset 0 1px rgba(255,255,255,.34),0 2px 0 #8a5d0a,0 8px 18px rgba(111,72,5,.22); }
body.palette-gold .button-dark { border-color: rgba(var(--blue-rgb),.46); background: #080705; color: var(--blue-light); }
body.palette-gold .button-dark:hover { border-color: var(--blue-light); background: #110d06; }
body.palette-gold .button-light { border-color: #f3d77c; background: linear-gradient(180deg,#ffe889,#d5a229); color: #080705; box-shadow: inset 0 1px rgba(255,255,255,.55),0 5px 0 #8a5d0a,0 15px 28px rgba(111,72,5,.26); }
body.palette-gold .button-light:hover { border-color: #fff0a7; background: linear-gradient(180deg,#fff3ad,#e1b33a); color: #050403; }
body.palette-gold :is(
  .service-tab.active,
  .standards-version-switcher button.active,
  .particle-version-switcher button.active,
  .candidate-version-switcher button.active,
  .buildout-version-switcher button.active,
  .buildout-motion-switcher button.active,
  .flow-controls .fee-role-switch button.active
) {
  border-color: rgba(var(--blue-rgb),.52);
  background: #080705;
  color: var(--blue-light);
  box-shadow: inset 0 -2px var(--blue),0 8px 21px rgba(73,46,2,.18);
}
body.palette-gold :is(.recommendation i,.signal-runway button.active > span,.terms-list article.is-blue) {
  border-color: var(--blue);
  background: #080705;
  color: var(--blue-light);
  box-shadow: 0 0 0 1px rgba(var(--blue-rgb),.28),0 0 22px rgba(var(--blue-rgb),.12);
}
body.palette-gold .term-sheet-card .fee-role-switch button.active { background: #080705; color: var(--blue-light); box-shadow: inset 0 0 0 1px var(--blue); }
body.palette-gold .orbit-core {
  border-color: var(--blue);
  background: radial-gradient(circle at 45% 35%,#191208,#080705 68%);
  box-shadow: 0 0 0 17px rgba(var(--blue-rgb),.06),0 0 60px rgba(var(--blue-rgb),.22);
}
body.palette-gold .orbit-node { border-color: rgba(var(--blue-rgb),.38); background: rgba(11,9,5,.94); }
body.palette-gold .orbit-n6 { border-color: var(--blue); }
body.palette-gold .handoff-orbit {
  background: radial-gradient(circle at 50% 48%,rgba(var(--blue-rgb),.13),transparent 34%),linear-gradient(150deg,#0d0b07 0%,#030303 58%,#0a0703 100%);
}
body.palette-gold .handoff-orbit-scene {
  background-color: #070604;
  background-image: linear-gradient(rgba(var(--blue-rgb),.055) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--blue-rgb),.055) 1px,transparent 1px);
}
body.palette-gold .handoff-motion-head,
body.palette-gold .handoff-motion-foot {
  border-color: rgba(var(--blue-rgb),.19);
  color: #9d927d;
}
body.palette-gold .handoff-motion-head b { color: #b7aa8e; }
body.palette-gold .orbit-ring { border-color: rgba(var(--blue-rgb),.24); }
body.palette-gold .ring-two { border-color: rgba(var(--blue-rgb),.31); }
body.palette-gold .ring-three { border-color: rgba(var(--blue-rgb),.2); opacity: .62; }
body.palette-gold .orbit-node {
  border-color: rgba(var(--blue-rgb),.5);
  background: linear-gradient(145deg,#0d0b07,#030303);
  box-shadow: 0 12px 27px rgba(0,0,0,.42),inset 0 0 0 1px rgba(var(--blue-light-rgb),.025);
}
body.palette-gold .orbit-node b { color: #f5efe2; }
body.palette-gold .orbit-node i { color: var(--blue); }
body.palette-gold .orbit-n6 i,
body.palette-gold .orbit-n6 b { color: var(--blue-light); }
body.palette-gold .orbit-core:before { border-color: rgba(var(--blue-rgb),.24); }
body.palette-gold .orbit-scan { background: linear-gradient(90deg,var(--blue-light),rgba(var(--blue-rgb),.18),transparent); filter: drop-shadow(0 0 7px var(--blue)); }
body.palette-gold .candidate-showcase {
  background: radial-gradient(circle at 84% 22%,rgba(var(--blue-rgb),.18),transparent 31%),radial-gradient(circle at 12% 76%,rgba(var(--blue-rgb),.07),transparent 27%),linear-gradient(135deg,#0b0905 0%,#030303 52%,#0d0903 100%);
}
body.palette-gold .candidate-showcase:before {
  background-image: linear-gradient(rgba(var(--blue-rgb),.075) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--blue-rgb),.075) 1px,transparent 1px);
}
body.palette-gold .candidate-glow-field i { background: #080705; opacity: .72; }
body.palette-gold .candidate-showcase[data-candidate-glow="1"] .candidate-glow-field i:nth-child(1) {
  background: #050505;
  opacity: .9;
}
body.palette-gold .candidate-showcase[data-candidate-glow="1"] .candidate-glow-field i:nth-child(2) {
  background: #8a5d0a;
  opacity: .34;
}
body.palette-gold .candidate-showcase[data-candidate-glow="1"] .candidate-glow-field i:nth-child(3) {
  background: #241705;
  opacity: .62;
}
body.palette-gold .candidate-showcase .eyebrow.light,
body.palette-gold .candidate-showcase h2 em,
body.palette-gold .talent-wall-heading h2 em { color: var(--blue-light); }
body.palette-gold .talent-wall-heading > p:last-child { color: #bdb29d; }
body.palette-gold .talent-profile-card {
  border-color: rgba(var(--blue-rgb),.38);
  background: #050403;
  box-shadow: 0 18px 45px rgba(0,0,0,.45),0 0 0 1px rgba(var(--blue-light-rgb),.025);
}
body.palette-gold .talent-profile-card:hover,
body.palette-gold .talent-profile-card:focus-visible {
  border-color: var(--blue-light);
  box-shadow: 0 25px 55px rgba(0,0,0,.52),0 0 0 3px rgba(var(--blue-rgb),.13),0 0 28px rgba(var(--blue-rgb),.1);
}
body.palette-gold .talent-profile-card img { filter: saturate(.36) sepia(.1) contrast(1.08) brightness(.92); }
body.palette-gold .talent-profile-card:hover img { filter: saturate(.52) sepia(.08) contrast(1.09) brightness(.97); }
body.palette-gold .talent-profile-shade {
  background: linear-gradient(135deg,transparent 38%,rgba(var(--blue-rgb),.055) 72%,rgba(var(--blue-rgb),.13) 100%),linear-gradient(to bottom,rgba(6,5,3,.02) 24%,rgba(7,5,2,.24) 54%,rgba(3,3,2,.96) 100%);
}
body.palette-gold .talent-profile-info small { color: var(--blue-light); }
body.palette-gold .talent-profile-info em { color: #f0e8d9; }
body.palette-gold .talent-profile-info i { color: #b8ad98; }
body.palette-gold .talent-profile-open { border-color: rgba(var(--blue-light-rgb),.52); background: rgba(5,4,2,.55); color: var(--blue-light); }
body.palette-gold .talent-profile-card:hover .talent-profile-open { background: var(--blue); color: #080705; }
body.palette-gold .candidate-profile-photo { background: #050403; }
body.palette-gold .candidate-profile-photo img { filter: saturate(.4) sepia(.08) contrast(1.06); }
body.palette-gold .candidate-profile-photo:after { background: linear-gradient(to bottom,transparent 45%,rgba(4,3,2,.82)); }
body.palette-gold .pricing-lab[data-pricing-particles="3"] .pricing-beam {
  background: linear-gradient(to top,rgba(var(--blue-rgb),.62),rgba(var(--blue-light-rgb),.14) 58%,transparent 95%);
}

/* Mythic background art: neutral marble sources receive the active palette in CSS. */
:is(.hero,.model,.candidate-showcase,.buildout-lab,.final-cta) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.mythic-art {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: .2;
  mix-blend-mode: screen;
  filter: sepia(1) saturate(4.2) hue-rotate(174deg) brightness(.72) contrast(1.16);
  transform: translateZ(0);
}
.mythic-zeus {
  background-image: url("assets/gods/zeus.jpg");
  background-position: center right;
  -webkit-mask-image: linear-gradient(90deg,transparent 0%,transparent 32%,#000 68%,#000 88%,transparent 100%);
  mask-image: linear-gradient(90deg,transparent 0%,transparent 32%,#000 68%,#000 88%,transparent 100%);
}
.mythic-athena {
  background-image: url("assets/gods/athena.jpg");
  background-position: center left;
  opacity: .14;
  -webkit-mask-image: linear-gradient(90deg,#000 0%,#000 22%,transparent 66%);
  mask-image: linear-gradient(90deg,#000 0%,#000 22%,transparent 66%);
}
.mythic-hermes {
  background-image: url("assets/gods/hermes.jpg");
  background-position: 74% center;
  opacity: .13;
  -webkit-mask-image: linear-gradient(90deg,transparent 2%,#000 38%,#000 84%,transparent 100%);
  mask-image: linear-gradient(90deg,transparent 2%,#000 38%,#000 84%,transparent 100%);
}
.mythic-atlas {
  background-image: url("assets/gods/atlas.jpg");
  background-position: center right;
  opacity: .17;
  -webkit-mask-image: linear-gradient(90deg,transparent 5%,transparent 34%,#000 68%,#000 92%,transparent 100%);
  mask-image: linear-gradient(90deg,transparent 5%,transparent 34%,#000 68%,#000 92%,transparent 100%);
}
.mythic-final {
  background-position: 76% 34%;
  opacity: .16;
  -webkit-mask-image: linear-gradient(90deg,transparent 26%,#000 68%,transparent 100%);
  mask-image: linear-gradient(90deg,transparent 26%,#000 68%,transparent 100%);
}
.hero-copy,
.hero-system,
.model-heading,
.service-shell,
.candidate-glow-field,
.candidate-wall-layout,
.buildout-transfer,
.final-grid {
  position: relative;
  z-index: 1;
}
.candidate-showcase > .mythic-art {
  position: absolute;
  z-index: 0;
}
body.palette-gold .mythic-art {
  opacity: .18;
  filter: sepia(1) saturate(3.8) hue-rotate(351deg) brightness(.72) contrast(1.18);
}
body.palette-gold .mythic-athena { opacity: .13; }
body.palette-gold .mythic-hermes { opacity: .11; }

@media (max-width: 800px) {
  .mythic-art { opacity: .12; background-size: auto 100%; }
  .mythic-zeus { background-position: 66% center; -webkit-mask-image: linear-gradient(90deg,transparent,#000 48%,transparent); mask-image: linear-gradient(90deg,transparent,#000 48%,transparent); }
  .mythic-athena { background-position: 25% center; opacity: .1; }
  .mythic-hermes { background-position: 62% center; opacity: .09; }
  .mythic-atlas { background-position: 65% center; opacity: .11; }
  body.palette-gold .mythic-art { opacity: .11; }
}