:root {
  color-scheme: dark;
  --ink: #080e14;
  --paper: #f4f2ed;
  --text: #f8fafc;
  --muted: #aab5c0;
  --dark-text: #0b1219;
  --dark-muted: #5f6a75;
  --cyan: #60bdd6;
  --cyan-soft: #bceaf8;
  --teal: #007b94;
  --teal-deep: #003543;
  --red: #e50000;
  --line: rgba(173, 199, 219, 0.17);
  --radius-image: 23px;
  --radius-box: 12px;
  --shell: min(1410px, calc(100vw - 96px));
  --display-title: clamp(48px, 4.2vw, 74px);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body {
  margin: 0;
  overflow-x: hidden;
  background: var(--ink);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
img { display: block; width: 100%; }
.site-header {
  position: fixed; z-index: 50; top: 0; left: 0; display: flex; width: 100%; min-height: 78px;
  align-items: center; justify-content: space-between; padding: 13px max(36px, calc((100vw - 1720px) / 2));
  border-bottom: 1px solid rgba(174, 210, 233, 0.13); background: rgba(8, 14, 20, 0.72);
  backdrop-filter: blur(18px) saturate(130%);
}
.identity { display: flex; align-items: center; gap: 14px; }
.identity-ring {
  position: relative; display: grid; width: 44px; height: 44px; place-items: center;
  border: 1px solid rgba(96, 189, 214, 0.9); border-radius: 50%; background: #0b1520;
  box-shadow: 0 0 16px rgba(0, 123, 148, 0.18); isolation: isolate;
}
.identity-ring::before {
  position: absolute; z-index: -1; inset: -6px; border-radius: inherit;
  background: conic-gradient(from 0deg, transparent 0 22%, var(--cyan) 38%, var(--teal) 58%, var(--teal-deep) 72%, transparent 88% 100%);
  content: ""; filter: blur(9px); opacity: 0.34; animation: bloom 11s linear infinite;
}
.identity-ring strong { font-size: .74rem; font-weight: 900; letter-spacing: -.03em; }
.identity-copy { display: grid; gap: 2px; }
.identity-copy strong { font-size: .92rem; }
.identity-copy span { color: var(--muted); font-size: .68rem; font-weight: 600; letter-spacing: .04em; }
.topbar-actions { display: flex; align-items: center; gap: 30px; }
.site-nav { display: flex; align-items: center; gap: 34px; }
.site-nav a {
  position: relative; padding: 13px 0; color: #9faab5; font-size: .7rem; font-weight: 800;
  letter-spacing: .16em; text-transform: uppercase;
}
.site-nav a::after {
  position: absolute; right: 0; bottom: 4px; left: 0; height: 2px; border-radius: 99px;
  background: linear-gradient(90deg, #8b0000 0%, var(--red) 54%, #b41414 100%); content: "";
  opacity: 0; transform: scaleX(.3); transition: opacity 180ms ease, transform 240ms ease;
}
.site-nav a:hover, .site-nav a:focus-visible, .site-nav a.is-active { color: #fff; }
.site-nav a:hover::after, .site-nav a:focus-visible::after, .site-nav a.is-active::after { opacity: 1; transform: scaleX(1); }
.pdf-download { display: inline-flex; align-items: center; gap: 7px; padding: 8px 13px; border: 1px solid rgba(96, 189, 214, .42); border-radius: 999px; color: #fff; font-size: .64rem; font-weight: 900; letter-spacing: .13em; transition: border-color .22s ease, background .22s ease, color .22s ease; }
.pdf-download span { color: var(--cyan); font-size: .8rem; }
.pdf-download:hover, .pdf-download:focus-visible { border-color: var(--cyan); background: rgba(96, 189, 214, .1); color: var(--cyan); }
.section-shell { position: relative; z-index: 2; width: var(--shell); margin-inline: auto; }
.section-dark {
  position: relative; background-color: var(--ink);
  background-image: linear-gradient(rgba(73, 113, 142, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(73, 113, 142, .08) 1px, transparent 1px);
  background-size: 72px 72px;
}
.section-light { background: var(--paper); color: var(--dark-text); }
.hero { display: flex; min-height: 100vh; align-items: center; padding: 132px 0 98px; overflow: hidden; }
.hero::after { position: absolute; inset: auto 0 0; height: 220px; background: linear-gradient(transparent, rgba(6, 11, 16, .9)); content: ""; pointer-events: none; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(500px, .85fr); gap: clamp(52px, 4vw, 76px); align-items: center; }
.eyebrow {
  display: flex; align-items: center; gap: 13px; margin-bottom: 30px; color: var(--cyan);
  font-size: .73rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase;
}
.eyebrow-disc {
  display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: var(--cyan); color: #061017;
  box-shadow: 0 0 25px rgba(58, 217, 244, .2); font-size: .68rem; letter-spacing: -.02em;
}
.eyebrow-light { color: #4f5963; }
.eyebrow-disc-red { background: var(--red); color: white; box-shadow: 0 0 25px rgba(223, 52, 47, .18); }
h1, h2, h3, p { margin-top: 0; }
h1 {
  max-width: 830px;
  margin-bottom: 28px;
  padding-block: .045em .07em;
  background: linear-gradient(45deg, #fff 0%, #fff 50%, #f6feff 65%, #d8f8ff 80%, #8deaff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #fff;
  font-size: var(--display-title);
  font-weight: 900;
  letter-spacing: -.05em;
  line-height: 1.035;
  text-wrap: balance;
  -webkit-text-fill-color: transparent;
}
h1 em { color: inherit; font-style: normal; }
.hero-intro { max-width: 700px; margin-bottom: 40px; color: #b6c0ca; font-size: clamp(1.06rem, 1.35vw, 1.25rem); line-height: 1.58; }
.hero-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 0; padding-top: 30px; border-top: 1px solid var(--line); }
.hero-facts div { min-width: 0; }
.hero-facts dt { margin-bottom: 10px; color: var(--cyan); font-size: .66rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.hero-facts dd { margin: 0; color: #aeb9c3; font-size: .82rem; line-height: 1.55; }
.hero-evidence { position: relative; min-height: 690px; perspective: 1600px; }
.evidence-card {
  position: absolute; overflow: visible; width: min(91%, 720px); padding: 9px; border: 1px solid rgba(224, 239, 248, .2);
  border-radius: var(--radius-image); background: rgba(222, 235, 244, .95); box-shadow: 0 28px 90px rgba(0, 0, 0, .42);
  cursor: zoom-in; transition: transform 360ms cubic-bezier(.2, .8, .2, 1), box-shadow 360ms ease;
}
.evidence-card img { aspect-ratio: 1.56; border-radius: calc(var(--radius-image) - 8px); object-fit: cover; object-position: top center; }
.evidence-card-product { top: 42px; right: -15px; transform: rotate(4deg) translateZ(10px); }
.evidence-card-system { right: 80px; bottom: 28px; width: min(78%, 620px); transform: rotate(-5deg) translateZ(60px); }
.evidence-card:hover, .evidence-card:focus-visible { z-index: 5; box-shadow: 0 44px 115px rgba(0, 0, 0, .58), 0 0 0 1px rgba(58, 217, 244, .44); }
.evidence-card-product:hover, .evidence-card-product:focus-visible { transform: rotate(1.5deg) translate3d(-7px, -12px, 80px) scale(1.025); }
.evidence-card-system:hover, .evidence-card-system:focus-visible { transform: rotate(-2deg) translate3d(5px, -10px, 110px) scale(1.03); }
.evidence-label {
  position: absolute; right: 22px; bottom: -22px; display: grid; min-width: 225px; gap: 4px; padding: 14px 17px;
  border: 1px solid rgba(58, 217, 244, .22); border-radius: 12px; background: rgba(9, 16, 23, .94); color: white;
  font-size: .81rem; font-weight: 800; text-align: left; box-shadow: 0 16px 34px rgba(0, 0, 0, .3); backdrop-filter: blur(14px);
}
.evidence-label small { color: var(--cyan); font-size: .62rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.evidence-card-system .evidence-label { right: auto; left: 22px; }
.continue-cue {
  position: absolute; z-index: 5; bottom: 28px; left: max(36px, calc((100vw - 1720px) / 2)); display: flex; align-items: center; gap: 12px;
  color: #82909c; font-size: .61rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
}
.continue-cue span { color: var(--cyan); font-size: 1rem; animation: cue 1.8s ease-in-out infinite; }
.snapshot { padding: 118px 0 110px; }
.snapshot-heading { max-width: 1120px; margin-bottom: 64px; }
.snapshot h2, .range-preview h2 {
  margin-bottom: 0;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: var(--display-title);
  font-weight: 900;
  letter-spacing: -.05em;
  line-height: 1.06;
}
.snapshot h2 {
  padding-block: .035em .06em;
  background: linear-gradient(45deg, #091118 0%, #091118 42%, #14252b 58%, #0d5365 76%, #1498b8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #091118;
  line-height: 1.06;
  -webkit-text-fill-color: transparent;
}
.snapshot-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid rgba(23, 45, 61, .15); border-radius: var(--radius-box); background: rgba(255, 255, 255, .46); overflow: hidden; }
.snapshot-grid article { position: relative; min-height: 295px; padding: 43px 42px 40px; }
.snapshot-grid article + article { border-left: 1px solid rgba(23, 45, 61, .13); }
.snapshot-index { display: inline-flex; margin-bottom: 25px; color: var(--red); font-size: .68rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.snapshot-grid h3 { margin-bottom: 16px; font-size: 1.42rem; font-weight: 850; letter-spacing: -.035em; }
.snapshot-grid p { margin-bottom: 0; color: var(--dark-muted); font-size: 1rem; line-height: 1.68; }
.proof-rail { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 34px; border-top: 1px solid rgba(23, 45, 61, .15); border-bottom: 1px solid rgba(23, 45, 61, .15); }
.proof-rail span { display: flex; min-height: 88px; align-items: center; padding: 0 26px; color: #34414c; font-size: .75rem; font-weight: 800; line-height: 1.45; }
.proof-rail span + span { border-left: 1px solid rgba(23, 45, 61, .13); }
.range-preview { padding: 126px 0 135px; }
.range-preview-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: center; }
.range-preview h2 {
  max-width: 720px;
  padding-block: .035em .06em;
  background: linear-gradient(45deg, #fff 0%, #fff 50%, #f6feff 65%, #d8f8ff 80%, #8deaff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #fff;
  line-height: 1.06;
  -webkit-text-fill-color: transparent;
}
.range-preview figure { margin: 0; }
.range-preview-frame {
  display: block;
  width: 100%;
  padding: 0;
  border: 8px solid rgba(238, 245, 248, .95);
  border-radius: var(--radius-image);
  background: rgba(238, 245, 248, .95);
  box-shadow: 0 35px 90px rgba(0, 0, 0, .4);
  cursor: zoom-in;
  overflow: hidden;
  transform: rotate(.25deg);
  transition: transform 360ms cubic-bezier(.2, .8, .2, 1), box-shadow 360ms ease;
}
.range-preview-frame img { border-radius: calc(var(--radius-image) - 8px); }
.range-preview-frame:hover,
.range-preview-frame:focus-visible {
  box-shadow: 0 46px 110px rgba(0, 0, 0, .52), 0 0 0 1px rgba(96, 189, 214, .42);
  outline: none;
  transform: rotate(-.55deg) translateY(-9px) scale(1.018);
}
.range-preview figcaption { margin-top: 18px; color: #a9b5c0; font-size: .78rem; line-height: 1.5; text-align: left; }

.multiplication { padding: 124px 0 118px; }
.multiplication-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr);
  gap: clamp(52px, 7vw, 112px);
  align-items: end;
  margin-bottom: 72px;
}
.multiplication-heading h2,
.generations-heading h2 {
  margin: 0;
  padding-block: .035em .06em;
  background: linear-gradient(45deg, #091118 0%, #091118 42%, #14252b 58%, #0d5365 76%, #1498b8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #091118;
  font-size: var(--display-title);
  font-weight: 900;
  letter-spacing: -.05em;
  line-height: 1.06;
  -webkit-text-fill-color: transparent;
}
.multiplication-heading p,
.generations-heading p {
  margin: 0 0 8px;
  color: var(--dark-muted);
  font-size: 1.08rem;
  line-height: 1.68;
}
.problem-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px minmax(0, 1fr) 92px minmax(0, 1fr);
  align-items: stretch;
}
.problem-stage {
  position: relative;
  min-height: 330px;
  padding: 38px 36px 34px;
  border: 1px solid rgba(23, 45, 61, .14);
  border-radius: var(--radius-box);
  background: rgba(255, 255, 255, .7);
  box-shadow: 0 18px 50px rgba(9, 17, 24, .07);
}
.problem-stage > span,
.foundation-evidence figcaption span,
.katana-evidence figcaption span {
  display: block;
  margin-bottom: 14px;
  color: var(--teal);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.problem-stage h3 { margin-bottom: 26px; font-size: 1.5rem; letter-spacing: -.035em; line-height: 1.16; }
.problem-stage ul { display: flex; flex-wrap: wrap; gap: 9px; margin: 0; padding: 0; list-style: none; }
.problem-stage li {
  padding: 9px 12px;
  border: 1px solid rgba(0, 123, 148, .2);
  border-radius: 99px;
  color: #34434d;
  font-size: .82rem;
  font-weight: 750;
}
.problem-stage p { margin: 0; color: var(--dark-muted); font-size: 1rem; line-height: 1.58; }
.problem-stage-patterns { background: #0b151d; color: #fff; }
.problem-stage-patterns > span { color: var(--cyan); }
.problem-stage-patterns li { border-color: rgba(96, 189, 214, .28); color: #d7e5eb; }
.problem-stage-cost { border-top: 3px solid var(--red); }
.problem-stage-cost > span { color: var(--red); }
.problem-transfer { display: grid; grid-template-columns: 1fr; place-items: center; align-content: center; color: var(--teal); }
.problem-transfer i { width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(0, 123, 148, .65), transparent); }
.problem-transfer b { padding: 9px 0; font-size: .66rem; letter-spacing: .13em; text-transform: uppercase; writing-mode: vertical-rl; }
.problem-principle {
  max-width: 1080px;
  margin: 76px auto 0;
  padding: 0 0 0 32px;
  border-left: 3px solid var(--red);
  color: #14232c;
  font-size: clamp(1.7rem, 2.7vw, 2.55rem);
  font-weight: 750;
  letter-spacing: -.035em;
  line-height: 1.22;
}

.spark-foundation { padding: 126px 0 120px; }
.foundation-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .7fr);
  gap: clamp(52px, 7vw, 112px);
  align-items: end;
  margin-bottom: 74px;
}
.foundation-heading h2 {
  margin: 0;
  padding-block: .035em .06em;
  background: linear-gradient(45deg, #fff 0%, #fff 50%, #f6feff 65%, #d8f8ff 80%, #8deaff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #fff;
  font-size: var(--display-title);
  font-weight: 900;
  letter-spacing: -.05em;
  line-height: 1.06;
  -webkit-text-fill-color: transparent;
}
.foundation-heading p { margin: 0 0 8px; color: #adb9c3; font-size: 1.08rem; line-height: 1.68; }
.foundation-grid { display: grid; grid-template-columns: minmax(0, .86fr) minmax(520px, 1.14fr); gap: clamp(50px, 7vw, 104px); align-items: center; }
.system-model { display: grid; }
.system-model article {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 22px;
  align-items: center;
  min-height: 116px;
  padding: 24px 28px;
  border: 1px solid rgba(173, 199, 219, .16);
  border-radius: var(--radius-box);
  background: rgba(18, 30, 40, .78);
}
.system-model article > span { color: var(--cyan); font-size: 1.45rem; font-weight: 900; }
.system-model small { color: var(--cyan); font-size: .7rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.system-model h3 { margin: 7px 0 0; color: #f3f7f9; font-size: 1.05rem; letter-spacing: -.018em; line-height: 1.45; }
.system-model > i {
  display: flex;
  width: 50%;
  height: 46px;
  align-items: center;
  justify-content: center;
  gap: 13px;
  margin: 0 auto;
  color: var(--cyan);
  font-size: .65rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .14em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
.system-model > i::before,
.system-model > i::after { height: 1px; flex: 1; content: ""; opacity: .76; }
.system-model > i::before { background: linear-gradient(90deg, rgba(96, 189, 214, 0), rgba(96, 189, 214, .9)); }
.system-model > i::after { background: linear-gradient(90deg, rgba(96, 189, 214, .9), rgba(96, 189, 214, 0)); }
.system-model-final { border-color: rgba(229, 0, 0, .36) !important; background: linear-gradient(110deg, rgba(18, 30, 40, .92), rgba(69, 8, 10, .5)) !important; }
.system-model-final > span,
.system-model-final small { color: #ff5d57; }
.foundation-evidence { margin: 0; }
.foundation-frame,
.katana-frame {
  display: block;
  width: 100%;
  padding: 8px;
  border: 1px solid rgba(224, 239, 248, .2);
  border-radius: var(--radius-image);
  background: rgba(238, 245, 248, .96);
  box-shadow: 0 34px 88px rgba(0, 0, 0, .4);
  cursor: zoom-in;
  overflow: hidden;
  transition: transform 360ms cubic-bezier(.2, .8, .2, 1), box-shadow 360ms ease;
}
.foundation-frame img { aspect-ratio: 1.05; border-radius: calc(var(--radius-image) - 8px); object-fit: cover; object-position: top; }
.foundation-frame:hover,
.foundation-frame:focus-visible,
.katana-frame:hover,
.katana-frame:focus-visible {
  box-shadow: 0 46px 110px rgba(0, 0, 0, .53), 0 0 0 1px rgba(96, 189, 214, .4);
  outline: none;
  transform: translateY(-9px) rotate(-.4deg) scale(1.015);
}
.foundation-evidence figcaption,
.katana-evidence figcaption { margin-top: 19px; color: #a9b5c0; font-size: .88rem; line-height: 1.55; }
.foundation-evidence figcaption span,
.katana-evidence figcaption span { margin-bottom: 6px; color: var(--cyan); }
.attribution-note {
  margin: 68px 0 0;
  padding-top: 24px;
  border-top: 1px solid var(--line);
  color: #8e9ba6;
  font-size: .82rem;
  line-height: 1.55;
}
.attribution-note strong { color: #dbe4e9; }

.generations { padding: 124px 0 118px; }
.generations-heading { max-width: 1120px; margin: 0 auto 82px; text-align: center; }
.generations-heading p { max-width: 790px; margin: 26px auto 0; }
.generation-field { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.generation-card {
  position: relative;
  min-height: 430px;
  padding: 190px 34px 34px;
  border: 1px solid rgba(23, 45, 61, .14);
  border-radius: var(--radius-box);
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 20px 55px rgba(9, 17, 24, .07);
  overflow: hidden;
  transition: transform 320ms cubic-bezier(.2, .8, .2, 1), box-shadow 320ms ease;
}
.generation-card:hover { box-shadow: 0 28px 70px rgba(9, 17, 24, .11); transform: translateY(-7px); }
.generation-label { color: var(--red); font-size: .72rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.generation-card h3 { margin: 13px 0 16px; font-size: 1.65rem; letter-spacing: -.04em; line-height: 1.12; }
.generation-card p { margin: 0; color: var(--dark-muted); font-size: 1rem; line-height: 1.62; }
.generation-card > small { position: absolute; right: 28px; bottom: 25px; color: var(--teal); font-size: .67rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.generation-orbit { position: absolute; top: 22px; left: 50%; width: 142px; height: 142px; transform: translateX(-50%); }
.generation-orbit span,
.generation-orbit i,
.generation-orbit b,
.generation-orbit em { position: absolute; border: 1px solid rgba(0, 123, 148, .34); border-radius: 50%; inset: 25%; }
.generation-orbit span { animation: orbit-dot 9s linear infinite; }
.generation-two .generation-orbit span { animation-duration: 11s; animation-direction: reverse; }
.generation-three .generation-orbit span { animation-duration: 13s; }
.generation-orbit span::after {
  position: absolute;
  top: -5px;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--red);
  box-shadow: 0 0 18px rgba(229, 0, 0, .24);
  content: "";
  transform: translateX(-50%);
}
.generation-two .generation-orbit i,
.generation-three .generation-orbit i { inset: 11%; }
.generation-three .generation-orbit b { inset: 0; }
.generation-three .generation-orbit em { inset: 39%; background: var(--teal-deep); border: 0; }
.generation-two .generation-orbit span::after { background: var(--teal); box-shadow: 0 0 18px rgba(0, 123, 148, .25); }
.generation-three .generation-orbit span::after { background: var(--cyan); box-shadow: 0 0 18px rgba(96, 189, 214, .28); }
.katana-evidence { max-width: 1180px; margin: 76px auto 0; }
.katana-frame { box-shadow: 0 28px 75px rgba(9, 17, 24, .18); }
.katana-frame img { aspect-ratio: 16 / 8.7; border-radius: calc(var(--radius-image) - 8px); object-fit: cover; object-position: top; }
.katana-evidence figcaption { color: var(--dark-muted); }
.katana-evidence figcaption span { color: var(--teal); }
.scope-boundary {
  max-width: 980px;
  margin: 54px auto 0;
  padding-top: 22px;
  border-top: 1px solid rgba(23, 45, 61, .14);
  color: #65717b;
  font-size: .84rem;
  line-height: 1.6;
  text-align: center;
}

.craft-rigor { padding: 126px 0 120px; }
.craft-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .7fr);
  gap: clamp(52px, 7vw, 112px);
  align-items: end;
  margin-bottom: 92px;
}
.craft-heading h2,
.enablement-heading h2 {
  margin: 0;
  padding-block: .035em .06em;
  background: linear-gradient(45deg, #fff 0%, #fff 50%, #f6feff 65%, #d8f8ff 80%, #8deaff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #fff;
  font-size: var(--display-title);
  font-weight: 900;
  letter-spacing: -.05em;
  line-height: 1.06;
  -webkit-text-fill-color: transparent;
}
.craft-heading p,
.enablement-heading p { margin: 0 0 8px; color: #adb9c3; font-size: 1.08rem; line-height: 1.68; }
.craft-gallery { display: grid; grid-template-columns: 1fr 1.14fr 1fr; gap: 18px; align-items: end; }
.craft-card {
  border: 1px solid rgba(173, 199, 219, .16);
  border-radius: var(--radius-box);
  background: rgba(18, 30, 40, .76);
  box-shadow: 0 24px 64px rgba(0, 0, 0, .24);
  overflow: hidden;
}
.craft-card-guidance { transform: translateY(-30px); }
.craft-image {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: #eef2f4;
  cursor: zoom-in;
  overflow: hidden;
}
.craft-image img { aspect-ratio: 1.25; object-fit: cover; object-position: top; transition: transform 360ms cubic-bezier(.2, .8, .2, 1); }
.craft-card-guidance .craft-image img { object-position: top center; }
.craft-image:hover img,
.craft-image:focus-visible img { transform: scale(1.035); }
.craft-image:focus-visible { outline: 3px solid var(--cyan); outline-offset: -3px; }
.craft-caption { min-height: 214px; padding: 27px 27px 30px; }
.craft-caption > span,
.guidance-card figcaption span,
.enablement-evidence figcaption span {
  display: block;
  margin-bottom: 11px;
  color: var(--cyan);
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.craft-caption h3 { margin-bottom: 13px; font-size: 1.35rem; letter-spacing: -.035em; line-height: 1.15; }
.craft-caption p { margin: 0; color: #9eabb5; font-size: .95rem; line-height: 1.57; }
.craft-principles {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 52px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.craft-principles span { padding: 22px 18px; color: #b7c3cc; font-size: .78rem; font-weight: 800; text-align: center; }
.craft-principles span + span { border-left: 1px solid var(--line); }

.guidance-return { padding: 124px 0 120px; }
.guidance-heading { max-width: 1120px; margin: 0 auto 78px; text-align: center; }
.guidance-heading h2 {
  margin: 0;
  padding-block: .035em .06em;
  background: linear-gradient(45deg, #091118 0%, #091118 42%, #14252b 58%, #0d5365 76%, #1498b8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #091118;
  font-size: var(--display-title);
  font-weight: 900;
  letter-spacing: -.05em;
  line-height: 1.06;
  -webkit-text-fill-color: transparent;
}
.guidance-heading p { max-width: 790px; margin: 26px auto 0; color: var(--dark-muted); font-size: 1.08rem; line-height: 1.68; }
.guidance-pair { display: grid; grid-template-columns: minmax(0, 1fr) 120px minmax(0, 1fr); align-items: center; }
.guidance-card { margin: 0; }
.guidance-frame,
.enablement-frame {
  display: block;
  width: 100%;
  padding: 8px;
  border: 1px solid rgba(23, 45, 61, .14);
  border-radius: var(--radius-image);
  background: white;
  box-shadow: 0 27px 68px rgba(9, 17, 24, .15);
  cursor: zoom-in;
  overflow: hidden;
  transition: transform 360ms cubic-bezier(.2, .8, .2, 1), box-shadow 360ms ease;
}
.guidance-frame img { aspect-ratio: 1.34; border-radius: calc(var(--radius-image) - 8px); object-fit: cover; object-position: top; }
.guidance-frame:hover,
.guidance-frame:focus-visible,
.enablement-frame:hover,
.enablement-frame:focus-visible {
  box-shadow: 0 40px 92px rgba(9, 17, 24, .22), 0 0 0 1px rgba(0, 123, 148, .3);
  outline: none;
  transform: translateY(-8px) scale(1.012);
}
.guidance-card-system { transform: rotate(-.45deg); }
.guidance-card-product { transform: rotate(.55deg); }
.guidance-card figcaption {
  min-height: 108px;
  margin: 12px 8px 0;
  padding: 17px 18px;
  border-radius: var(--radius-box);
  background: rgba(255, 255, 255, .66);
  color: var(--dark-muted);
  font-size: .9rem;
  line-height: 1.55;
}
.guidance-card figcaption span { margin-bottom: 7px; color: var(--teal); }
.guidance-bridge { display: grid; place-items: center; gap: 12px; color: var(--teal); text-align: center; }
.guidance-bridge i { width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(0, 123, 148, .72), transparent); }
.guidance-bridge b { font-size: .66rem; letter-spacing: .12em; line-height: 1.55; text-transform: uppercase; }

.enablement { padding: 126px 0 120px; }
.enablement-heading {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(420px, .76fr);
  gap: clamp(52px, 7vw, 112px);
  align-items: end;
  margin-bottom: 74px;
}
.enablement-grid { display: grid; grid-template-columns: minmax(520px, 1.1fr) minmax(0, .9fr); gap: clamp(52px, 7vw, 100px); align-items: center; }
.enablement-evidence { margin: 0; }
.enablement-frame { border-color: rgba(224, 239, 248, .2); background: rgba(238, 245, 248, .96); box-shadow: 0 34px 88px rgba(0, 0, 0, .4); }
.enablement-frame img { aspect-ratio: 1.02; border-radius: calc(var(--radius-image) - 8px); object-fit: cover; object-position: top; }
.enablement-evidence figcaption { margin-top: 18px; color: #9eabb5; font-size: .88rem; line-height: 1.55; }
.service-map { display: grid; }
.service-map article {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 20px;
  align-items: center;
  min-height: 136px;
  padding: 25px 27px;
  border: 1px solid rgba(173, 199, 219, .16);
  border-radius: var(--radius-box);
  background: rgba(18, 30, 40, .78);
}
.service-map article > span { color: var(--cyan); font-size: 1.35rem; font-weight: 900; }
.service-map small { color: var(--cyan); font-size: .7rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.service-map h3 { margin: 8px 0 0; color: #f3f7f9; font-size: 1.04rem; letter-spacing: -.018em; line-height: 1.45; }
.service-map > i {
  display: flex;
  width: 62%;
  height: 54px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 auto;
  color: var(--cyan);
  font-size: .64rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .13em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
.service-map > i::before,
.service-map > i::after { height: 1px; flex: 1; content: ""; }
.service-map > i::before { background: linear-gradient(90deg, transparent, rgba(96, 189, 214, .88)); }
.service-map > i::after { background: linear-gradient(90deg, rgba(96, 189, 214, .88), transparent); }
.enablement-boundary {
  margin: 67px 0 0;
  padding-top: 23px;
  border-top: 1px solid var(--line);
  color: #8e9ba6;
  font-size: .82rem;
  line-height: 1.58;
}
.enablement-boundary strong { color: #dbe4e9; }

.showcase { padding: 126px 0 118px; }
.showcase-heading,
.outcome-heading { max-width: 1160px; margin: 0 auto 76px; text-align: center; }
.showcase-heading h2,
.outcome-heading h2 {
  margin: 0;
  padding-block: .035em .06em;
  background: linear-gradient(45deg, #091118 0%, #091118 42%, #14252b 58%, #0d5365 76%, #1498b8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #091118;
  font-size: var(--display-title);
  font-weight: 900;
  letter-spacing: -.05em;
  line-height: 1.06;
  -webkit-text-fill-color: transparent;
}
.showcase-heading p,
.outcome-heading p { max-width: 820px; margin: 26px auto 0; color: var(--dark-muted); font-size: 1.08rem; line-height: 1.68; }
.showcase-signature { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(460px, .92fr); gap: clamp(48px, 6vw, 94px); align-items: center; }
.recognition-evidence { margin: 0; }
.recognition-frame,
.adoption-image {
  display: block;
  width: 100%;
  padding: 8px;
  border: 1px solid rgba(23, 45, 61, .14);
  border-radius: var(--radius-image);
  background: white;
  box-shadow: 0 27px 68px rgba(9, 17, 24, .15);
  cursor: zoom-in;
  overflow: hidden;
  transition: transform 360ms cubic-bezier(.2, .8, .2, 1), box-shadow 360ms ease;
}
.recognition-frame img { aspect-ratio: 1.58; border-radius: calc(var(--radius-image) - 8px); object-fit: cover; object-position: top center; }
.recognition-frame:hover,
.recognition-frame:focus-visible,
.adoption-image:hover,
.adoption-image:focus-visible {
  box-shadow: 0 40px 92px rgba(9, 17, 24, .22), 0 0 0 1px rgba(0, 123, 148, .3);
  outline: none;
  transform: translateY(-8px) scale(1.012);
}
.recognition-evidence figcaption { margin: 16px 8px 0; color: var(--dark-muted); font-size: .9rem; line-height: 1.55; }
.recognition-evidence figcaption span { display: block; margin-bottom: 7px; color: var(--teal); font-size: .7rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.showcase-role { padding: 35px; border: 1px solid rgba(23, 45, 61, .14); border-radius: var(--radius-box); background: rgba(255, 255, 255, .54); }
.showcase-role-kicker { display: block; margin-bottom: 24px; color: var(--red); font-size: .7rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.showcase-role-grid { display: grid; grid-template-columns: 1fr 1fr; }
.showcase-role-grid article { min-height: 142px; padding: 22px 20px; border-top: 1px solid rgba(23, 45, 61, .13); }
.showcase-role-grid article:nth-child(even) { border-left: 1px solid rgba(23, 45, 61, .13); }
.showcase-role-grid b { font-size: .9rem; letter-spacing: -.018em; }
.showcase-role-grid p { margin: 8px 0 0; color: var(--dark-muted); font-size: .82rem; line-height: 1.55; }
.adoption-gallery { display: grid; grid-template-columns: 1.18fr .92fr .92fr .92fr 1.18fr; gap: 13px; align-items: end; margin-top: 84px; }
.adoption-card { margin: 0; transform: translateY(17px); }
.adoption-card:nth-child(2),
.adoption-card:nth-child(4) { transform: translateY(-17px); }
.adoption-card:nth-child(3) { transform: translateY(2px); }
.adoption-image { padding: 5px; border-radius: 16px; box-shadow: 0 18px 42px rgba(9, 17, 24, .13); }
.adoption-image img { aspect-ratio: .93; border-radius: 11px; object-fit: cover; object-position: top center; }
.adoption-card-wide .adoption-image img { aspect-ratio: 1.12; }
.adoption-card figcaption { min-height: 91px; margin-top: 9px; padding: 15px 15px 16px; border-radius: var(--radius-box); background: rgba(255, 255, 255, .63); color: #73808a; font-size: .68rem; line-height: 1.45; }
.adoption-card figcaption span { display: block; margin-bottom: 5px; color: #18242d; font-size: .75rem; font-weight: 850; }
.showcase-principle {
  max-width: 1040px;
  margin: 92px auto 0;
  padding: 29px 42px;
  border: 0;
  border-left: 4px solid var(--red);
  border-radius: 0 var(--radius-box) var(--radius-box) 0;
  background: #0c151d;
  color: white;
  font-size: clamp(1.25rem, 2.2vw, 1.8rem);
  font-weight: 750;
  letter-spacing: -.025em;
  line-height: 1.4;
}

.leadership { padding: 126px 0 122px; }
.leadership-heading { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(380px, .72fr); gap: clamp(52px, 7vw, 112px); align-items: end; margin-bottom: 76px; }
.leadership-heading h2 {
  margin: 0;
  padding-block: .035em .06em;
  background: linear-gradient(45deg, #fff 0%, #fff 50%, #f6feff 65%, #d8f8ff 80%, #8deaff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #fff;
  font-size: var(--display-title);
  font-weight: 900;
  letter-spacing: -.05em;
  line-height: 1.06;
  -webkit-text-fill-color: transparent;
}
.leadership-heading p { margin: 0 0 8px; color: var(--muted); font-size: 1.08rem; line-height: 1.68; }
.leadership-network { position: relative; padding: 42px 0 14px; }
.leadership-network::before {
  position: absolute;
  top: 178px;
  right: 7%;
  left: 7%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(96, 189, 214, .34) 18%, rgba(96, 189, 214, .34) 82%, transparent);
  content: "";
  pointer-events: none;
}
.network-core { position: relative; z-index: 2; display: grid; grid-template-columns: 230px minmax(110px, 1fr) 280px minmax(110px, 1fr) 230px; align-items: center; }
.network-node {
  --orbit: 123px;
  position: relative;
  display: grid;
  width: 224px;
  aspect-ratio: 1;
  place-content: center;
  justify-self: center;
  padding: 30px;
  border: 1px solid rgba(96, 189, 214, .43);
  border-radius: 50%;
  background: radial-gradient(circle at 34% 28%, rgba(31, 58, 75, .94), rgba(13, 25, 34, .96) 66%);
  box-shadow: 0 0 0 9px rgba(96, 189, 214, .035), 0 24px 58px rgba(0, 0, 0, .28);
  text-align: center;
}
.network-node::before { position: absolute; inset: -11px; border: 1px solid rgba(96, 189, 214, .11); border-radius: 50%; content: ""; }
.network-node > i { position: absolute; z-index: 3; top: 50%; left: 50%; width: 0; height: 0; animation: orbit-dot 24s linear infinite; }
.network-node:first-child > i { animation-duration: 26s; animation-delay: -4s; }
.network-node-center > i { animation-duration: 31s; animation-delay: -17s; }
.network-node:last-child > i { animation-duration: 28s; animation-delay: -10s; }
.network-node > i::before {
  position: absolute;
  width: 8px;
  height: 8px;
  border: 2px solid #0a141c;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 15px rgba(96, 189, 214, .78);
  content: "";
  transform: translate(-50%, calc(-50% - var(--orbit)));
}
.network-node small { color: var(--cyan); font-size: .64rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.network-node b { margin-top: 11px; color: white; font-size: 1.34rem; letter-spacing: -.035em; line-height: 1.08; }
.network-node-center { --orbit: 151px; width: 280px; border-color: rgba(96, 189, 214, .76); background: radial-gradient(circle at 36% 29%, rgba(35, 74, 91, .98), rgba(12, 25, 34, .98) 68%); box-shadow: 0 0 0 11px rgba(96, 189, 214, .045), 0 0 60px rgba(0, 123, 148, .18); }
.network-node-center b { font-size: 1.72rem; }
.network-node-center em { margin-top: 12px; color: #aebbc4; font-size: .7rem; font-style: normal; }
.network-connector { display: grid; grid-template-columns: 1fr auto 1fr; place-items: center; color: var(--cyan); }
.network-connector i { width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(96, 189, 214, .82)); }
.network-connector i:last-child { background: linear-gradient(90deg, rgba(96, 189, 214, .82), transparent); }
.network-connector span { margin: 0 10px; font-size: .58rem; font-weight: 900; letter-spacing: .13em; line-height: 1.55; text-align: center; text-transform: uppercase; }
.network-partners { position: relative; z-index: 2; display: flex; justify-content: center; gap: 16px; margin-top: 54px; }
.network-partners span { display: grid; width: 78px; aspect-ratio: 1; place-items: center; border: 1px solid rgba(173, 199, 219, .2); border-radius: 50%; background: rgba(11, 22, 30, .72); color: #9eabb5; font-size: .61rem; font-weight: 750; text-align: center; }
.network-loop-label { position: relative; z-index: 2; margin: 28px auto 0; color: #788792; font-size: .7rem; font-weight: 650; letter-spacing: .025em; text-align: center; }
.leadership-evidence { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 62px; border: 1px solid rgba(173, 199, 219, .15); border-radius: var(--radius-box); overflow: hidden; }
.leadership-evidence article { min-height: 190px; padding: 30px 29px; background: rgba(12, 23, 32, .68); }
.leadership-evidence article:nth-child(n+4) { border-top: 1px solid var(--line); }
.leadership-evidence article:not(:nth-child(3n+1)) { border-left: 1px solid var(--line); }
.leadership-evidence span { color: var(--cyan); font-size: .68rem; font-weight: 900; letter-spacing: .12em; }
.leadership-evidence h3 { margin: 18px 0 9px; color: white; font-size: 1rem; letter-spacing: -.025em; }
.leadership-evidence p { margin: 0; color: #98a5af; font-size: .84rem; line-height: 1.58; }

.outcome { padding: 126px 0 0; }
.outcome-heading { margin-bottom: 72px; }
.outcome-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid rgba(23, 45, 61, .15); border-radius: var(--radius-box); background: rgba(255, 255, 255, .46); overflow: hidden; }
.outcome-grid article { display: grid; min-height: 210px; align-content: center; padding: 35px; }
.outcome-grid article + article { border-left: 1px solid rgba(23, 45, 61, .13); }
.outcome-grid strong { color: var(--red); font-size: clamp(2.7rem, 4.3vw, 4.8rem); font-weight: 900; letter-spacing: -.07em; line-height: 1; }
.outcome-grid span { max-width: 190px; margin-top: 18px; color: #34414c; font-size: .8rem; font-weight: 800; line-height: 1.45; }
.outcome-summary { display: grid; grid-template-columns: 1fr 1fr; margin-top: 34px; border-top: 1px solid rgba(23, 45, 61, .15); border-bottom: 1px solid rgba(23, 45, 61, .15); }
.outcome-summary div { min-height: 130px; padding: 29px 34px; }
.outcome-summary div + div { border-left: 1px solid rgba(23, 45, 61, .13); }
.outcome-summary span { color: var(--teal); font-size: .68rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.outcome-summary p { margin: 12px 0 0; color: var(--dark-muted); font-size: .88rem; line-height: 1.58; }
.outcome-statement { max-width: 1120px; margin: 94px auto 0; padding: 0; border: 0; color: #0b1219; font-size: clamp(2.2rem, 4.4vw, 4.6rem); font-weight: 900; letter-spacing: -.055em; line-height: 1.06; text-align: center; }
.outcome-close { max-width: 760px; margin: 29px auto 108px; color: var(--dark-muted); font-size: 1rem; line-height: 1.6; text-align: center; }
.case-footer { display: flex; justify-content: space-between; gap: 30px; padding: 28px max(36px, calc((100vw - 1720px) / 2)); border-top: 1px solid rgba(23, 45, 61, .13); color: #65717b; font-size: .64rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.case-footer a { color: #166f86; }
.case-footer a:hover, .case-footer a:focus-visible { color: var(--red); }

.lightbox { width: min(92vw, 1500px); max-width: none; max-height: calc(100dvh - 32px); padding: 18px; border: 1px solid rgba(58, 217, 244, .25); border-radius: 24px; background: rgba(7, 12, 17, .96); opacity: 0; overflow: hidden; transform: scale(.965) translateY(10px); transition: opacity 190ms ease, transform 250ms cubic-bezier(.2, .8, .2, 1); }
.lightbox[open] { opacity: 1; transform: scale(1) translateY(0); }
.lightbox::backdrop { background: rgba(2, 6, 10, .78); backdrop-filter: blur(12px); }
.lightbox img { max-height: calc(100dvh - 70px); border-radius: 16px; object-fit: contain; }
.lightbox-close { position: absolute; z-index: 3; top: 28px; right: 28px; display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid rgba(58, 217, 244, .48); border-radius: 50%; background: rgba(11, 20, 29, .96); box-shadow: 0 8px 24px rgba(0, 0, 0, .4); cursor: pointer; }
.lightbox-close span::before, .lightbox-close span::after { position: absolute; width: 15px; height: 2px; border-radius: 2px; background: white; content: ""; transform: translate(-50%, -50%) rotate(45deg); }
.lightbox-close span::after { transform: translate(-50%, -50%) rotate(-45deg); }
@keyframes bloom { to { transform: rotate(360deg); } }
@keyframes cue { 0%, 100% { transform: translateY(-2px); } 50% { transform: translateY(4px); } }
@keyframes orbit-dot { to { transform: rotate(360deg); } }
@media (max-width: 1180px) {
  :root { --shell: min(100% - 56px, 1100px); }
  .site-nav { gap: 20px; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 900px; }
  .hero-evidence { width: min(860px, 100%); margin: 0 auto; }
  .range-preview-grid { grid-template-columns: 1fr; }
  .range-preview h2 { max-width: 900px; }
  .multiplication-heading,
  .foundation-heading { grid-template-columns: 1fr; gap: 28px; }
  .multiplication-heading p,
  .foundation-heading p { max-width: 760px; }
  .problem-flow { grid-template-columns: 1fr; gap: 14px; }
  .problem-stage { min-height: 0; }
  .problem-transfer { grid-template-columns: 1fr auto 1fr; gap: 12px; }
  .problem-transfer b { writing-mode: initial; }
  .foundation-grid { grid-template-columns: 1fr; }
  .foundation-evidence { width: min(880px, 100%); margin-inline: auto; }
  .generation-field { gap: 14px; }
  .craft-heading,
  .enablement-heading { grid-template-columns: 1fr; gap: 28px; }
  .craft-heading p,
  .enablement-heading p { max-width: 760px; }
  .craft-gallery { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .craft-card-guidance { transform: translateY(-18px); }
  .guidance-pair { grid-template-columns: 1fr; gap: 24px; }
  .guidance-bridge { grid-template-columns: 1fr auto 1fr; width: 54%; margin: 0 auto; }
  .enablement-grid { grid-template-columns: 1fr; }
  .enablement-evidence { width: min(880px, 100%); margin-inline: auto; }
  .showcase-signature { grid-template-columns: 1fr; }
  .recognition-evidence { width: min(880px, 100%); margin-inline: auto; }
  .adoption-gallery { grid-template-columns: repeat(3, 1fr); }
  .adoption-card:nth-child(n) { transform: none; }
  .adoption-card:nth-child(4),
  .adoption-card:nth-child(5) { margin-top: 18px; }
  .leadership-heading { grid-template-columns: 1fr; gap: 28px; }
  .leadership-heading p { max-width: 760px; }
  .leadership-network::before { top: 165px; }
  .network-core { grid-template-columns: 196px minmax(70px, 1fr) 246px minmax(70px, 1fr) 196px; }
  .network-node { --orbit: 109px; width: 196px; }
  .network-node-center { --orbit: 134px; width: 246px; }
  .outcome-grid article { padding: 28px; }
}
@media (max-width: 760px) {
  :root {
    --shell: calc(100% - 34px);
    --display-title: clamp(2.8rem, 12vw, 4.6rem);
  }
  .site-header { min-height: 68px; padding: 10px 17px; }
  .identity-copy span { display: none; }
  .topbar-actions { gap: 10px; }
  .site-nav { gap: 16px; overflow-x: auto; }
  .site-nav a { font-size: .59rem; }
  .site-nav a:nth-child(n+4) { display: none; }
  .pdf-download { padding: 7px 10px; font-size: .58rem; }
  .hero { min-height: auto; padding: 124px 0 90px; }
  h1 { font-size: var(--display-title); }
  .hero-intro { font-size: 1.04rem; }
  .hero-facts { grid-template-columns: 1fr; }
  .hero-evidence { min-height: 490px; }
  .evidence-card-product { top: 28px; right: -18px; width: 94%; }
  .evidence-card-system { right: 18px; bottom: 12px; width: 84%; }
  .evidence-label { right: 10px; bottom: -18px; min-width: 190px; }
  .snapshot { padding: 88px 0 80px; }
  .snapshot h2, .range-preview h2 { font-size: var(--display-title); }
  .multiplication-heading h2,
  .foundation-heading h2,
  .generations-heading h2,
  .craft-heading h2,
  .guidance-heading h2,
  .enablement-heading h2 { font-size: var(--display-title); }
  .snapshot-grid { grid-template-columns: 1fr; }
  .snapshot-grid article + article { border-top: 1px solid rgba(23, 45, 61, .13); border-left: 0; }
  .proof-rail { grid-template-columns: 1fr 1fr; }
  .proof-rail span:nth-child(3) { border-left: 0; border-top: 1px solid rgba(23, 45, 61, .13); }
  .proof-rail span:nth-child(4) { border-top: 1px solid rgba(23, 45, 61, .13); }
  .range-preview { padding: 90px 0; }
  .range-preview-grid { gap: 48px; }
  .multiplication,
  .spark-foundation,
  .generations,
  .craft-rigor,
  .guidance-return,
  .enablement,
  .showcase,
  .leadership { padding: 88px 0 82px; }
  .multiplication-heading,
  .foundation-heading { margin-bottom: 50px; }
  .problem-stage { padding: 31px 27px; }
  .problem-principle { margin-top: 55px; padding-left: 22px; }
  .system-model article { grid-template-columns: 42px 1fr; padding: 21px 20px; }
  .system-model h3 { font-size: .95rem; }
  .generations-heading { margin-bottom: 55px; text-align: left; }
  .generations-heading p { margin-left: 0; }
  .generation-field { grid-template-columns: 1fr; }
  .generation-card { min-height: 390px; }
  .katana-evidence { margin-top: 58px; }
  .katana-frame img { aspect-ratio: 4 / 3; }
  .craft-heading,
  .enablement-heading { margin-bottom: 52px; }
  .craft-gallery { grid-template-columns: 1fr; gap: 16px; }
  .craft-card-guidance { transform: none; }
  .craft-caption { min-height: 0; }
  .craft-principles { grid-template-columns: 1fr 1fr; }
  .craft-principles span { border-top: 1px solid var(--line); }
  .craft-principles span:nth-child(odd) { border-left: 0; }
  .guidance-heading { margin-bottom: 55px; text-align: left; }
  .guidance-heading p { margin-left: 0; }
  .guidance-card-system,
  .guidance-card-product { transform: none; }
  .guidance-bridge { width: 76%; }
  .guidance-card figcaption { min-height: 0; }
  .enablement-frame img { aspect-ratio: 4 / 3; }
  .service-map article { grid-template-columns: 42px 1fr; padding: 22px 20px; }
  .service-map h3 { font-size: .95rem; }
  .service-map > i { width: 72%; }
  .showcase-heading,
  .outcome-heading { margin-bottom: 55px; text-align: left; }
  .showcase-heading h2,
  .leadership-heading h2,
  .outcome-heading h2 { font-size: var(--display-title); }
  .showcase-heading p,
  .outcome-heading p { margin-left: 0; }
  .showcase-role { padding: 26px 20px; }
  .showcase-role-grid { grid-template-columns: 1fr; }
  .showcase-role-grid article { min-height: 0; padding: 19px 12px; }
  .showcase-role-grid article:nth-child(even) { border-left: 0; }
  .adoption-gallery { grid-template-columns: 1fr 1fr; margin-top: 58px; }
  .adoption-card:nth-child(n) { margin-top: 0; }
  .adoption-card:last-child { grid-column: 1 / -1; width: calc(50% - 7px); justify-self: center; }
  .adoption-card figcaption { min-height: 86px; }
  .showcase-principle { margin-top: 62px; padding: 24px 27px; }
  .leadership-heading { margin-bottom: 54px; }
  .leadership-network { padding: 28px 0; }
  .leadership-network::before { display: none; }
  .network-core { grid-template-columns: 1fr; gap: 14px; }
  .network-node { --orbit: 116px; width: 210px; }
  .network-node-center { --orbit: 131px; width: 240px; }
  .network-connector { grid-template-columns: 1fr auto 1fr; width: 76%; margin: 0 auto; }
  .network-connector span { margin: 0 9px; }
  .network-partners { flex-wrap: wrap; margin-top: 42px; }
  .network-partners span { width: 72px; min-width: 72px; }
  .leadership-evidence { grid-template-columns: 1fr; }
  .leadership-evidence article { min-height: 0; }
  .leadership-evidence article:nth-child(n) { border-top: 1px solid var(--line); border-left: 0; }
  .leadership-evidence article:first-child { border-top: 0; }
  .outcome { padding-top: 88px; }
  .outcome-grid { grid-template-columns: 1fr 1fr; }
  .outcome-grid article { min-height: 180px; }
  .outcome-grid article:nth-child(odd) { border-left: 0; }
  .outcome-grid article:nth-child(n+3) { border-top: 1px solid rgba(23, 45, 61, .13); }
  .outcome-summary { grid-template-columns: 1fr; }
  .outcome-summary div + div { border-top: 1px solid rgba(23, 45, 61, .13); border-left: 0; }
  .outcome-statement { margin-top: 68px; text-align: left; }
  .outcome-close { margin: 24px 0 76px; text-align: left; }
  .case-footer { display: grid; padding-inline: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}