:root {
  --void: #070a0d;
  --hangar: #0d1318;
  --plate: #151e24;
  --plate-2: #202b32;
  --titanium: #d7dee1;
  --soft-metal: #8998a1;
  --blue: #9bd8ff;
  --blue-hot: #43b6ff;
  --gold: #f0bd63;
  --coral: #d86f5e;
  --violet: #9a71bd;
  --ink: #080c0f;
  --display: 'Orbitron', sans-serif;
  --mono: 'IBM Plex Mono', monospace;
  --line: rgba(199, 215, 222, .19);
  --spool: .08;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scrollbar-color: #527487 #070a0d; scrollbar-width: thin; background: var(--void); color-scheme: dark; }
html::-webkit-scrollbar { width: 10px; }
html::-webkit-scrollbar-track { background: #070a0d; }
html::-webkit-scrollbar-thumb { border: 2px solid #070a0d; border-radius: 0; background: linear-gradient(180deg, var(--blue-hot), #52636c 56%, var(--violet)); }
::selection { color: #061018; background: var(--blue); text-shadow: none; }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: clip;
  color: var(--titanium);
  background:
    radial-gradient(circle at 82% 7%, rgba(84, 137, 170, .15), transparent 29rem),
    linear-gradient(180deg, #080c0f, #0d1318 34%, #070a0d);
  font-family: var(--mono);
  font-size: 16px;
  line-height: 1.62;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 99;
  pointer-events: none;
  box-shadow: inset 0 0 11vw rgba(0, 0, 0, .72);
}

a { color: inherit; touch-action: manipulation; -webkit-tap-highlight-color: rgba(155,216,255,.2); }
button, input { font: inherit; touch-action: manipulation; }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }
output, table { font-variant-numeric: tabular-nums lining-nums; }
.skip-link {
  position: fixed;
  top: .6rem;
  left: .6rem;
  z-index: 1000;
  padding: .8rem 1rem;
  color: var(--ink);
  background: var(--blue);
  transform: translateY(-160%);
  clip-path: inset(50%);
}
.skip-link:focus-visible { transform: translateY(0); clip-path: none; }
:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }

.grain {
  position: fixed;
  inset: 0;
  z-index: 98;
  pointer-events: none;
  opacity: .095;
  background-image:
    repeating-radial-gradient(circle at 27% 31%, transparent 0 1px, #fff 1px 1.35px, transparent 1.4px 4px),
    repeating-linear-gradient(83deg, transparent 0 3px, rgba(255,255,255,.26) 3px 3.5px, transparent 4px 9px);
  background-size: 9px 11px, 13px 17px;
  mix-blend-mode: soft-light;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 82px;
  padding: 12px max(3vw, env(safe-area-inset-right)) 12px max(3vw, env(safe-area-inset-left));
  border-bottom: 1px solid rgba(215, 222, 225, .16);
  background: linear-gradient(90deg, rgba(5,8,10,.97), rgba(9,15,19,.9) 62%, rgba(5,8,10,.96));
  backdrop-filter: blur(15px) saturate(1.25);
  box-shadow: 0 12px 34px rgba(0,0,0,.22);
}
.site-header::after { content: ''; position: absolute; left: 0; bottom: -1px; width: calc(var(--page-progress, 0) * 100%); height: 2px; background: linear-gradient(90deg,var(--blue-hot),var(--gold),var(--violet)); box-shadow: 0 0 14px var(--blue); }
.werk-mark {
  display: flex;
  gap: 12px;
  align-items: center;
  min-height: 48px;
  text-decoration: none;
  font: 700 .8rem/1 var(--display);
  letter-spacing: .14em;
  transition: color .3s ease;
}
.werk-mark:hover { color: var(--blue); }
.werk-mark small { display: block; margin-top: 6px; color: var(--soft-metal); font: 500 .58rem/1 var(--mono); letter-spacing: .18em; }
.werk-glyph {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid var(--soft-metal);
  border-radius: 50%;
  color: var(--blue);
  box-shadow: inset 0 0 0 6px var(--void), inset 0 0 0 7px rgba(155,216,255,.3);
}
.top-nav { display: flex; align-items: center; gap: clamp(.35rem, 2.2vw, 2.4rem); }
.top-nav a {
  display: grid;
  place-items: center;
  min-height: 44px;
  color: #b7c3c9;
  text-decoration: none;
  font: 500 .66rem/1 var(--mono);
  letter-spacing: .13em;
  text-transform: uppercase;
  transition: color .28s ease, background-color .28s ease, border-color .28s ease, transform .28s cubic-bezier(.16,1,.3,1);
}
.top-nav a:hover { color: white; transform: translateY(-2px); }
.top-nav a[aria-current="location"] { color: white; text-shadow: 0 0 16px var(--blue); }
.top-nav a[aria-current="location"]::before { content: ''; width: 3px; height: 3px; margin-bottom: 4px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 7px var(--blue); }
.top-nav .nav-guide { padding: 0 1rem; border: 1px solid #6b7c86; color: var(--blue); }
.top-nav .nav-guide:hover { border-color: var(--blue); background: rgba(155,216,255,.08); }

.spool-stage { height: 300vh; position: relative; }
.fan-sticky { position: sticky; top: 0; height: 100vh; min-height: 690px; overflow: hidden; isolation: isolate; background: #080d11; }
.fan-sticky::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(5,8,10,.98) 0 28%, rgba(5,8,10,.62) 50%, rgba(5,8,10,.04) 75%),
    radial-gradient(circle at 72% 55%, rgba(139,185,211,.19), transparent 30%),
    linear-gradient(180deg, #121b21, #05080a);
}
.hangar-lines { position: absolute; inset: 0; z-index: -1; opacity: .34; }
.hangar-lines::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(116deg, transparent 0 47%, rgba(189,211,221,.25) 47% 47.15%, transparent 47.2%),
    linear-gradient(64deg, transparent 0 47%, rgba(189,211,221,.2) 47% 47.15%, transparent 47.2%),
    repeating-linear-gradient(90deg, transparent 0 13.7vw, rgba(183,201,210,.09) 13.75vw 13.86vw);
}
.hangar-lines::after { content: ''; position: absolute; left: 0; right: 0; bottom: 9%; height: 1px; background: #8ca2ae; box-shadow: 0 12px 38px var(--blue); }
.velocity-field { position: absolute; inset: 8% 0 0 38%; z-index: 0; overflow: hidden; opacity: calc(max(0, var(--spool) - .28) * 1.5); transform: skewX(-15deg); }
.velocity-field i { position: absolute; right: -8%; width: 74%; height: 1px; background: linear-gradient(90deg,transparent,rgba(155,216,255,.15),rgba(225,240,247,.9),transparent); filter: blur(.35px); transform: translateX(calc((1 - var(--spool)) * 32%)); }
.velocity-field i:nth-child(1){top:12%;width:48%}.velocity-field i:nth-child(2){top:28%;width:83%}.velocity-field i:nth-child(3){top:47%;width:62%}.velocity-field i:nth-child(4){top:68%;width:92%}.velocity-field i:nth-child(5){top:84%;width:54%}
.fan-disc {
  position: absolute;
  width: min(92vw, 102vh);
  height: min(92vw, 102vh);
  right: -4vw;
  top: 50%;
  transform: translateY(-47%);
  filter: drop-shadow(0 2rem 4rem rgba(0,0,0,.7)) drop-shadow(0 0 calc(var(--spool) * 26px) rgba(155,216,255,.22));
  overflow: visible;
  animation: fan-arrival 1.35s cubic-bezier(.16,1,.3,1) both;
}
@keyframes fan-arrival { from { opacity: 0; clip-path: circle(13% at 50% 50%); } to { opacity: 1; clip-path: circle(75% at 50% 50%); } }
#fanBlades { transform-origin: center; transform-box: fill-box; }
.fan-blade { fill: url(#bladeMetal); stroke: rgba(214,224,228,.58); stroke-width: 2; }
.fan-blade:nth-child(4n) { fill: #788790; }
.intake-groove { stroke-dasharray: 2 18; }
.tip-shimmer { opacity: 0; transition: opacity .45s cubic-bezier(.16,1,.3,1); transform-origin: center; transform-box: fill-box; }
body.shock-active .tip-shimmer { opacity: calc((var(--spool) - .58) * 2.38); }
.hero-copy { position: absolute; z-index: 4; left: 5vw; top: 21vh; width: min(54rem, 62vw); }
.kicker { margin: 0 0 1.5rem; color: var(--blue); font: 500 .66rem/1 var(--mono); letter-spacing: .26em; }
.kicker span { display: inline-block; padding: .7rem .9rem; border-left: 3px solid var(--blue); background: rgba(5,9,12,.62); }
.hero-copy h1 {
  margin: 0;
  color: #e4e9eb;
  font: 800 clamp(4.7rem, 11.5vw, 11rem)/.76 var(--display);
  letter-spacing: -.075em;
  text-shadow: 0 2px 0 white, 0 0 40px rgba(155,216,255,.18);
}
.hero-sub {
  margin: 1.8rem 0 0 18vw;
  color: #aab6bc;
  font: 500 clamp(1.35rem, 2.4vw, 2.7rem)/1.08 var(--display);
  letter-spacing: -.035em;
  text-transform: uppercase;
}
.hero-meta { display: flex; width: min(590px, 48vw); margin-top: 3rem; border-top: 1px solid #7d8c94; border-bottom: 1px solid #445159; background: rgba(4,8,10,.57); }
.hero-meta span { flex: 1; padding: 1rem; color: #84939b; font-size: .61rem; letter-spacing: .06em; text-transform: uppercase; }
.hero-meta b { display: block; color: #dae1e4; font: 600 1.05rem/1.4 var(--display); letter-spacing: -.03em; }
.load-line { animation: load-reveal .95s cubic-bezier(.2,.8,.2,1) both; }
.load-line:nth-child(2) { animation-delay: .12s; }
.load-line:nth-child(3) { animation-delay: .22s; }
.load-line:nth-child(4) { animation-delay: .32s; }
@keyframes load-reveal { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }

.shock-note {
  position: absolute;
  z-index: 6;
  right: 3vw;
  top: 17vh;
  width: 270px;
  padding: 1.1rem;
  border: 1px solid rgba(155,216,255,.56);
  color: #c7d8df;
  background: rgba(4,10,15,.84);
  box-shadow: 0 0 32px rgba(67,182,255,.16);
  transform: translateX(calc(125% * (1 - min(1, var(--spool)))));
  opacity: 0;
  transition: opacity .35s ease, transform .5s cubic-bezier(.2,.8,.2,1);
}
body.shock-active .shock-note { transform: none; opacity: 1; }
.shock-note::before { content: ''; position: absolute; right: 100%; top: 1.7rem; width: 8vw; height: 1px; background: var(--blue); }
.shock-index { display: block; margin-bottom: .6rem; color: var(--blue); font-size: .66rem; letter-spacing: .2em; }
.shock-note strong { display: block; color: white; font: 600 .88rem/1.25 var(--display); text-transform: uppercase; }
.shock-note p { margin: .65rem 0 0; color: #9fb1ba; font-size: .69rem; line-height: 1.5; }
.spool-console {
  position: absolute;
  z-index: 8;
  left: 5vw;
  bottom: 5vh;
  width: min(670px, 48vw);
  padding: 1rem 1.2rem .8rem;
  border: 1px solid rgba(179,198,207,.37);
  background: rgba(7,11,14,.88);
  box-shadow: 0 1.5rem 4rem rgba(0,0,0,.4);
  animation-delay: .52s;
}
.spool-readout { display: flex; align-items: baseline; justify-content: space-between; color: var(--blue); font-size: .65rem; letter-spacing: .2em; }
.spool-readout output { color: white; font: 600 1.3rem/1 var(--display); }
input[type="range"] { width: 100%; min-height: 44px; margin: .35rem 0 0; color: var(--blue-hot); accent-color: var(--blue-hot); cursor: ew-resize; background: transparent; }
input[type="range"]::-webkit-slider-runnable-track { height: 7px; border: 1px solid #7c8a91; border-radius: 99px; background: linear-gradient(90deg,var(--blue-hot) 0 calc(var(--spool) * 100%),rgba(210,218,221,.25) calc(var(--spool) * 100%)); box-shadow: inset 0 1px 3px rgba(0,0,0,.7); }
input[type="range"]::-webkit-slider-thumb { width: 18px; height: 18px; margin-top: -6px; border: 2px solid #061018; border-radius: 50%; background: var(--blue-hot); box-shadow: 0 0 0 2px rgba(155,216,255,.2),0 0 16px rgba(67,182,255,.5); -webkit-appearance: none; }
input[type="range"]::-moz-range-track { height: 7px; border: 1px solid #7c8a91; border-radius: 99px; background: rgba(210,218,221,.25); }
input[type="range"]::-moz-range-progress { height: 7px; border-radius: 99px; background: var(--blue-hot); }
input[type="range"]::-moz-range-thumb { width: 16px; height: 16px; border: 2px solid #061018; border-radius: 50%; background: var(--blue-hot); }
.balance-instrument input[type="range"]::-webkit-slider-runnable-track { background: linear-gradient(90deg,var(--blue-hot),rgba(210,218,221,.28)); }
.spool-scale { display: flex; justify-content: space-between; color: #75858e; font-size: .52rem; letter-spacing: .14em; }
.spool-console > p { margin: .55rem 0 0; color: #8fa0a9; font-size: .61rem; }
.live-telemetry { display: grid; grid-template-columns: .8fr .8fr 1.2fr; gap: 1px; margin-top: .85rem; border: 1px solid rgba(155,216,255,.18); background: rgba(155,216,255,.13); }
.live-telemetry span { min-width: 0; padding: .55rem .65rem; background: rgba(5,9,12,.94); }
.live-telemetry small { display: block; color: #71838d; font-size: .48rem; letter-spacing: .15em; }
.live-telemetry output { display: block; margin-top: .2rem; overflow: hidden; color: #d9e8ef; font: 600 .68rem/1.2 var(--display); text-overflow: ellipsis; white-space: nowrap; }
.live-telemetry span:last-child output { color: var(--blue); }
.scroll-callout { position: absolute; z-index: 4; right: 3.3vw; bottom: 4vh; color: #73848e; font-size: .52rem; letter-spacing: .22em; writing-mode: vertical-rl; }
.scroll-callout span { display: inline-block; height: 7vh; width: 1px; margin-bottom: .8rem; background: linear-gradient(var(--blue), transparent); animation: scan 1.8s ease-in-out infinite; }
@keyframes scan { 50% { transform: scaleY(.5); transform-origin: bottom; } }

.radial-section { position: relative; min-height: 1080px; padding: 11rem 6vw 9rem; overflow: hidden; background: radial-gradient(circle at 50% 46%, #1b2730 0 4%, #0c1217 4.2% 24%, #11191f 24.2% 24.4%, #090d11 24.6% 100%); }
.section-stamp { position: absolute; top: 8rem; right: 5vw; color: var(--blue); font-size: .6rem; letter-spacing: .23em; }
.radial-hub { position: absolute; left: 50%; top: 44%; z-index: 4; width: min(430px, 33vw); transform: translate(-50%, -50%); text-align: center; }
.hub-number { display: inline-grid; place-items: center; width: 58px; height: 58px; border: 1px solid #8fa2ac; border-radius: 50%; color: var(--blue); font: 600 .8rem var(--display); box-shadow: 0 0 0 9px #0c1217, 0 0 0 10px #33444f; }
.radial-hub h2 { margin: 2rem 0 1.4rem; color: white; font: 700 clamp(2.3rem, 4vw, 4.4rem)/.93 var(--display); letter-spacing: -.055em; }
.radial-hub p { margin: auto; color: #9aaab2; font-size: .8rem; max-width: 36em; }
.orbit { position: absolute; left: 50%; top: 44%; border: 1px dashed rgba(155,216,255,.2); border-radius: 50%; transform: translate(-50%,-50%); }
.orbit::before, .orbit::after { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 16px var(--blue); }
.orbit-one { width: 58vw; height: 58vw; max-width: 870px; max-height: 870px; }
.orbit-one::before { left: 5%; top: 24%; }.orbit-one::after { right: 11%; bottom: 15%; }
.orbit-two { width: 78vw; height: 78vw; max-width: 1150px; max-height: 1150px; border-style: solid; border-color: rgba(189,206,214,.08); }
.radial-card { position: absolute; z-index: 5; width: min(340px, 25vw); padding: 1.5rem 2rem 1.5rem 1.5rem; border-left: 2px solid var(--blue); background: linear-gradient(104deg, rgba(24,36,44,.98), rgba(9,14,18,.73) 72%, transparent 72.5%); filter: drop-shadow(1.2rem 1.5rem 2.2rem rgba(0,0,0,.3)); clip-path: polygon(0 0,88% 0,100% 50%,88% 100%,0 100%); }
.radial-card::after { content: ''; position: absolute; right: 5%; top: 50%; width: 16%; height: 1px; background: linear-gradient(90deg,var(--blue),transparent); transform: rotate(-9deg); transform-origin: right center; }
.radial-card > span { color: var(--blue); font-size: .56rem; letter-spacing: .18em; }
.radial-card h3 { margin: .7rem 0; color: #e1e6e8; font: 600 1rem/1.25 var(--display); text-transform: uppercase; }
.radial-card p { margin: 0; color: #96a6ae; font-size: .7rem; }
.card-a { left: 6vw; top: 26%; transform: rotate(-3deg); }
.card-b { right: 5vw; top: 18%; transform: rotate(2.5deg); }
.card-c { right: 8vw; bottom: 11%; transform: rotate(-1.5deg); }
.blade-specimen { --scan-y: 210px; position: absolute; left: 8vw; bottom: 4%; width: 250px; height: 500px; transform: rotate(8deg); filter: drop-shadow(0 30px 30px #000); isolation: isolate; }
.blade-specimen svg { width: 100%; height: 100%; }
.specimen-shell { transition: opacity .65s cubic-bezier(.16,1,.3,1), filter .65s cubic-bezier(.16,1,.3,1); }
.xray-layer { opacity: 0; transition: opacity .65s cubic-bezier(.16,1,.3,1); }
.bond-seam { fill: none; stroke: #f0bd63; stroke-width: 3; stroke-dasharray: 5 8; filter: drop-shadow(0 0 5px rgba(240,189,99,.7)); }
.stress-line { fill: none; stroke: #e9f8ff; stroke-width: 1.2; stroke-dasharray: 2 7; opacity: .75; }
.scan-gate { transform: translateY(0); filter: drop-shadow(0 0 8px rgba(155,216,255,.92)); }
.scan-gate path { fill: none; stroke: #eaf8ff; stroke-width: 2; }
.blade-specimen.is-scanning .specimen-shell,
.blade-specimen.scan-demo .specimen-shell { opacity: .22; filter: saturate(.35) brightness(.7); }
.blade-specimen.is-scanning .xray-layer,
.blade-specimen.scan-demo .xray-layer { opacity: 1; }
.blade-specimen.is-scanning:not(.is-pointer-scan) .scan-gate,
.blade-specimen.scan-demo .scan-gate { animation: blade-scan 2.7s cubic-bezier(.65,0,.35,1) infinite alternate; }
.blade-specimen.is-pointer-scan .scan-gate { transform: translateY(var(--scan-y)); }
@keyframes blade-scan { from { transform: translateY(24px); } to { transform: translateY(425px); } }
.spec-line { position: absolute; color: #91a4ae; font-size: .5rem; letter-spacing: .15em; white-space: nowrap; }
.spec-line::before { content: ''; position: absolute; top: 50%; right: calc(100% + .6rem); width: 60px; height: 1px; background: #9bd8ff; }
.spec-line.one { right: -55px; top: 18%; }.spec-line.two { right: -45px; top: 54%; }
.inspection-trigger {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: -34px;
  width: 230px;
  min-height: 68px;
  padding: .7rem .85rem;
  border: 1px solid #557a8d;
  color: #dce8ed;
  background: rgba(4,10,14,.94);
  box-shadow: 12px 12px 0 rgba(23,38,46,.72);
  cursor: pointer;
  text-align: left;
  transform: translateX(-50%) rotate(-8deg);
  transition: color .3s ease, border-color .3s ease, background-color .3s ease, box-shadow .3s ease;
}
.inspection-trigger::after { content: '◎'; position: absolute; right: .8rem; top: 50%; color: var(--blue); font: 600 1.3rem var(--display); transform: translateY(-50%); }
.inspection-trigger span { display: block; color: #7694a2; font-size: .48rem; letter-spacing: .17em; }
.inspection-trigger b { display: block; margin-top: .22rem; font: 600 .62rem/1.2 var(--display); letter-spacing: .08em; }
.inspection-trigger output { display: block; margin-top: .3rem; color: #81b4cf; font-size: .44rem; letter-spacing: .08em; }
.inspection-trigger:hover,
.inspection-trigger[aria-pressed="true"] { border-color: var(--blue); color: white; background: #0c2330; box-shadow: 12px 12px 0 rgba(53,116,147,.28), 0 0 24px rgba(67,182,255,.14); }
.inspection-trigger[aria-pressed="true"]::after { color: var(--gold); text-shadow: 0 0 12px var(--gold); }

.cutaway-section { position: relative; padding: 10rem 5vw; background: repeating-linear-gradient(92deg,rgba(255,255,255,.055) 0 1px,transparent 1px 7px), radial-gradient(circle at 65% 24%,#f2f5f6,#cbd3d7 48%,#a6b2b8 100%); color: #11191e; overflow: hidden; }
.cutaway-section::before { content: 'BYPASS'; position: absolute; right: -2vw; top: 1rem; color: rgba(20,28,33,.05); font: 800 17vw/1 var(--display); }
.section-heading { display: grid; grid-template-columns: 1fr 2.1fr; gap: 4vw; align-items: start; max-width: 1300px; margin: 0 auto 6rem; }
.section-heading > p { padding-top: 1rem; border-top: 1px solid #56636b; font-size: .61rem; letter-spacing: .19em; }
.section-heading h2 { margin: 0; font: 700 clamp(3rem, 7vw, 7rem)/.86 var(--display); letter-spacing: -.065em; }
.section-heading h2 i { color: #246c94; font-style: normal; }
.section-heading h2 i:last-child { color: #a35b48; }
.engine-cutaway { position: relative; max-width: 1340px; min-height: 500px; margin: auto; border-top: 1px solid #6d7b82; border-bottom: 1px solid #6d7b82; background: linear-gradient(90deg,rgba(255,255,255,.16),transparent 16% 84%,rgba(28,38,44,.08)); box-shadow: 0 26px 70px rgba(33,45,52,.1); }
.engine-cutaway svg { display: block; width: 100%; height: auto; overflow: visible; }
.engine-case { fill: rgba(33,47,55,.12); stroke: #64747c; stroke-width: 4; }
.core-shell { fill: rgba(24,32,37,.72); stroke: #39464d; stroke-width: 4; }
.bypass-stream, .core-stream { fill: none; stroke-linecap: round; }
.bypass-stream { stroke: #319ee0; stroke-width: 22; stroke-dasharray: 15 28; animation: flow 1.1s linear infinite; filter: drop-shadow(0 0 8px rgba(49,158,224,.45)); }
.core-stream { stroke: url(#hotFlow); stroke-width: 30; stroke-dasharray: 18 19; animation: flow .75s linear infinite; filter: drop-shadow(0 0 8px rgba(223,112,77,.6)); }
@keyframes flow { to { stroke-dashoffset: -86; } }
.flow-legend { position: absolute; display: grid; padding-left: 1rem; border-left: 4px solid; }
.flow-legend b { font: 700 2.8rem/1 var(--display); }
.flow-legend span { font: 600 .68rem/1 var(--display); letter-spacing: .15em; }
.flow-legend small { margin-top: .5rem; font-size: .6rem; }
.flow-legend.cool { left: 35%; top: 4%; border-color: #258dca; color: #185c84; }
.flow-legend.hot { left: 57%; bottom: 3%; border-color: #ce674e; color: #8e4638; }
.thrust-equation { display: grid; grid-template-columns: 1fr auto 1fr auto 1.1fr; gap: 2rem; align-items: center; max-width: 1180px; margin: 6rem auto 0; }
.thrust-equation > div { padding: 1.8rem; border-top: 2px solid #42515a; }
.thrust-equation > b { font: 400 2rem var(--display); }
.thrust-equation span { display: block; font-size: .58rem; letter-spacing: .18em; }
.thrust-equation strong { display: block; font: 600 clamp(2.4rem,5vw,5rem)/1 var(--display); letter-spacing: -.05em; }
.thrust-equation small { font-size: .63rem; }
.thrust-equation .result { position: relative; color: white; border: 0; background: linear-gradient(135deg,#162129,#080d11); box-shadow: 11px 11px 0 #4f626d; }
.thrust-equation .result::after { content: 'F = ṁΔV'; position: absolute; right: 1rem; top: 1rem; color: rgba(155,216,255,.62); font-size: .52rem; letter-spacing: .15em; }
.flow-footnote { max-width: 770px; margin: 5rem auto 0; padding-left: 2rem; border-left: 1px solid #52626b; color: #35444c; font-size: .9rem; }

.containment-section { position: relative; display: grid; grid-template-columns: minmax(420px, 1fr) minmax(420px, 1fr); min-height: 1050px; background: #080b0e; }
.containment-section::before { content: ''; position: absolute; left: 0; right: 0; z-index: 3; height: 5px; background: linear-gradient(90deg, var(--blue), #566872 44%, var(--coral) 78%, transparent); box-shadow: 0 0 28px rgba(155,216,255,.22); }
.containment-visual { position: sticky; top: 0; align-self: start; display: grid; place-items: center; height: 100vh; min-height: 700px; overflow: hidden; background: radial-gradient(circle at center, #222c31, #0b1014 49%, #06090b 70%); }
.containment-visual::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 12.4%, rgba(255,255,255,.025) 12.5%); }
.test-ring { position: relative; display: grid; place-items: center; width: min(70vh, 40vw); aspect-ratio: 1; border: clamp(23px, 3vw, 46px) solid #707c82; border-radius: 50%; box-shadow: inset 0 0 0 4px #1a252b, inset 0 0 70px #000, 0 0 0 3px #1e292f, 0 0 50px #000; }
.test-ring::before { content: ''; width: 71%; height: 71%; border: 1px dashed #72838c; border-radius: 50%; animation: slow-ring 24s linear infinite; }
@keyframes slow-ring { to { transform: rotate(360deg); } }
.test-ring::after { content: ''; position: absolute; inset: 14%; border-radius: 50%; background: conic-gradient(from 170deg, transparent, rgba(155,216,255,.24), transparent 28%, transparent 64%, rgba(240,189,99,.18), transparent 75%); }
.ring-bolt { position: absolute; width: 16px; height: 16px; border: 3px solid #b4bdc1; border-radius: 50%; background: #222b30; }
.b1 { top: -31px }.b2 { right: -31px }.b3 { bottom: -31px }.b4 { left: -31px }
.ring-label { position: absolute; bottom: 19%; color: #a6b4bb; font-size: .6rem; letter-spacing: .28em; }
.released-blade { position: absolute; z-index: 3; width: 17%; height: 52%; background: linear-gradient(90deg, #334149, #e0e5e7 27%, #65737b 58%, #c9d1d4); clip-path: polygon(37% 0, 83% 8%, 70% 82%, 100% 100%, 9% 100%, 31% 79%); transform-origin: 50% 85%; transform: rotate(29deg); filter: drop-shadow(0 0 13px rgba(155,216,255,.2)); }
.impact-scar { position: absolute; right: -5%; top: 42%; width: 17%; height: 13%; background: radial-gradient(circle at left, #f4c263, #d5674f 23%, rgba(110,75,142,.65) 44%, transparent 70%); opacity: 0; }
.containment-visual.is-testing { animation: impact-shake .48s cubic-bezier(.3,.7,.4,1); }
.containment-visual.is-testing .released-blade { animation: blade-release 1.25s cubic-bezier(.4,0,.8,1) forwards; }
.containment-visual.is-testing .impact-scar { animation: scar-flash 1.4s .25s ease-out; }
@keyframes blade-release { 0% { transform: rotate(29deg); } 38% { transform: translateX(135%) rotate(104deg) scale(.86); } 100% { transform: translateX(115%) rotate(125deg) scale(.8); } }
@keyframes scar-flash { 0%,100% { opacity: 0; } 12% { opacity: 1; transform: scale(2.4); } 60% { opacity: .38; transform: scale(1); } }
@keyframes impact-shake { 20% { transform: translate(7px,-3px); } 35% { transform: translate(-8px,5px); } 52% { transform: translate(5px,3px); } 70% { transform: translate(-3px,-2px); } }
.test-trigger { position: absolute; left: 50%; bottom: 7%; width: min(330px, 70%); min-height: 72px; padding: 1rem; border: 1px solid #ad6358; color: #ddd; background: rgba(14,18,21,.92); cursor: pointer; text-align: left; transform: translateX(-50%); transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease; }
.test-trigger::after { content: '↯'; position: absolute; right: 1rem; top: 50%; color: var(--coral); font: 700 2rem var(--display); transform: translateY(-50%); }
.test-trigger:hover { background: #361d1b; }
.test-trigger span { display: block; color: #c7867c; font-size: .53rem; letter-spacing: .2em; }
.test-trigger b { font: 600 .76rem/1 var(--display); letter-spacing: .12em; }
.test-trigger output { display: block; margin-top: .48rem; color: #8799a2; font-size: .51rem; letter-spacing: .08em; }
.test-trigger.is-live { border-color: var(--gold); background: #291914; box-shadow: 0 0 34px rgba(216,111,94,.22); }
.test-trigger.is-live output { color: #ffc078; }
.containment-visual.is-testing .test-ring { box-shadow: inset 0 0 0 4px #1a252b, inset 0 0 70px #000, 0 0 0 3px #1e292f, 0 0 80px rgba(216,111,94,.28); }
.containment-copy { align-self: center; padding: 11rem 7vw 11rem 8vw; }
.section-code { color: #c97f73; font-size: .61rem; letter-spacing: .17em; }
.containment-copy h2 { margin: 2rem 0; color: white; font: 700 clamp(3rem, 5.3vw, 6rem)/.88 var(--display); letter-spacing: -.06em; }
.containment-copy .lead { color: #d3dcdf; font: 500 1.1rem/1.6 var(--display); }
.containment-copy > p:not(.section-code,.lead) { color: #98a9b1; max-width: 54ch; }
.containment-copy blockquote { margin: 4rem 0; padding: 2rem 0 2rem 2rem; border-left: 4px solid var(--coral); color: white; font: 500 clamp(1.3rem, 2.2vw, 2.2rem)/1.25 var(--display); }
.containment-copy cite { display: block; margin-top: 1rem; color: #8f9da4; font: 400 .64rem/1 var(--mono); }
.event-log { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #3b474e; }
.event-log div { padding: 1rem 0; border-bottom: 1px solid #303a40; }
.event-log dt { color: #e3a093; font-size: .63rem; }.event-log dd { margin: .3rem 0 0; color: #a7b4ba; font-size: .59rem; letter-spacing: .08em; }

.ledger-section { position: relative; padding: 11rem 6vw 13rem; overflow: hidden; color: #172026; background: linear-gradient(106deg, #cbd2d5, #eef1f2 48%, #aeb9be); }
.ledger-section::before { content: ''; position: absolute; inset: 0; opacity: .18; background: repeating-linear-gradient(0deg, transparent 0 27px, #4b5c65 28px); }
.ledger-intro { position: relative; display: grid; grid-template-columns: .65fr 1.3fr 1fr; gap: 4vw; align-items: end; max-width: 1300px; margin: auto; }
.ledger-intro > p:first-child { align-self: start; font-size: .58rem; letter-spacing: .17em; }
.ledger-intro h2 { margin: 0; font: 800 clamp(3.6rem, 6.5vw, 7rem)/.82 var(--display); letter-spacing: -.07em; }
.ledger-intro h2 span { color: #53646d; font-size: .55em; }
.ledger-intro > p:last-child { max-width: 34ch; font-size: .75rem; }
.spec-table-wrap { position: relative; max-width: 1300px; margin: 7rem auto 0; overflow-x: auto; border: 1px solid #718087; box-shadow: 18px 18px 0 rgba(44,57,64,.12); }
.spec-table { width: 100%; min-width: 800px; border-collapse: collapse; background: rgba(230,235,237,.72); }
.spec-table caption { padding: 1.2rem; color: #3d4a51; text-align: left; font-size: .59rem; letter-spacing: .2em; text-transform: uppercase; }
.spec-table th, .spec-table td { padding: 1.4rem 1.1rem; border-top: 1px solid #93a0a6; border-right: 1px solid #a9b3b7; text-align: left; }
.spec-table th { color: #53626a; font-size: .55rem; letter-spacing: .15em; }
.spec-table td { color: #1d272d; font-size: .72rem; }
.spec-table td:nth-child(3) { color: #095983; font: 600 .86rem var(--display); }
.tool-mark { position: absolute; right: 2.5vw; bottom: 2rem; display: grid; place-items: center; width: 160px; height: 160px; border: 2px solid rgba(70,82,88,.38); border-radius: 50%; transform: rotate(-11deg); color: #4a5960; }
.tool-mark span { font-size: .55rem; letter-spacing: .2em; }.tool-mark b { font: 600 1.4rem var(--display); }.tool-mark small { font-size: .5rem; }

.balance-section { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; align-items: center; min-height: 960px; padding: 10rem 8vw; overflow: hidden; background: radial-gradient(circle at 71% 48%, #273944, #0b1115 25%, #06090b 55%); }
.balance-copy > p:first-child { color: var(--blue); font-size: .58rem; letter-spacing: .19em; }
.balance-copy h2 { margin: 2rem 0; color: white; font: 700 clamp(3.7rem, 6.5vw, 7rem)/.87 var(--display); letter-spacing: -.065em; }
.balance-copy h2 span { color: var(--blue); }
.balance-copy > p:not(:first-child) { max-width: 53ch; color: #9bacb4; }
.balance-copy .balance-verdict { margin-top: 3rem; padding: 1rem 1.2rem; border: 1px solid rgba(155,216,255,.35); color: #bce3fa; font-size: .7rem; }
.balance-instrument { position: relative; z-index: 2; padding: 3rem; border: 1px solid #40515b; background: rgba(6,11,14,.73); }
.balance-ring { position: relative; display: grid; place-items: center; width: min(440px, 34vw); margin: auto auto 3rem; aspect-ratio: 1; border: 3px solid #667882; border-radius: 50%; box-shadow: inset 0 0 50px #000, 0 0 50px rgba(155,216,255,.09); transition: transform .22s ease; }
.balance-ring::before, .balance-ring::after { content: ''; position: absolute; inset: 10%; border: 1px solid rgba(155,216,255,.28); border-radius: 50%; }
.balance-ring::after { inset: 35%; background: #141f25; box-shadow: 0 0 0 8px #070b0e, 0 0 0 9px #7c8b93; }
.balance-ring b { z-index: 2; color: #dbe2e5; font: 600 1rem var(--display); }
.balance-ring .weight { position: absolute; z-index: 3; top: -10px; left: 47%; width: 28px; height: 17px; border-radius: 5px; background: var(--gold); box-shadow: 0 0 16px rgba(240,189,99,.5); }
.axis-x, .axis-y { position: absolute; background: rgba(155,216,255,.2); }.axis-x { left: 4%; right: 4%; height: 1px; }.axis-y { top: 4%; bottom: 4%; width: 1px; }
.balance-instrument label { display: flex; justify-content: space-between; color: #a5b4bb; font-size: .61rem; letter-spacing: .15em; }
.balance-instrument output { color: var(--blue); font: 600 .95rem var(--display); }
.balance-instrument small { display: block; margin-top: .8rem; color: #7f919a; font-size: .57rem; }
.final-stamp { position: absolute; right: -1rem; bottom: 2rem; display: grid; place-items: center; width: 230px; height: 150px; border: 3px double rgba(155,216,255,.42); transform: rotate(-7deg); color: rgba(155,216,255,.62); }
.final-stamp span,.final-stamp small { font-size: .51rem; letter-spacing: .22em; }.final-stamp b { font: 600 1.2rem var(--display); letter-spacing: .1em; }

.site-footer { position: relative; display: grid; grid-template-columns: 1.2fr 1fr 1.6fr; gap: 2rem; align-items: center; padding: 5rem 5vw 3.5rem; border-top: 1px solid #2d3940; color: #91a2aa; background: radial-gradient(circle at 50% 0,rgba(155,216,255,.07),transparent 28rem),#050709; font-size: .62rem; }
.footer-rail { position: absolute; left: 5vw; right: 5vw; top: 1.15rem; display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; color: #61747e; font-size: .48rem; letter-spacing: .2em; }
.footer-rail i { height: 1px; background: repeating-linear-gradient(90deg,#37505c 0 18px,transparent 18px 26px); }
.footer-mark { display: flex; align-items: center; gap: 1rem; }
.footer-mark > span { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid #60727c; border-radius: 50%; color: var(--blue); font: 700 .68rem var(--display); }
.footer-mark p { color: #c1ccd1; font: 600 .68rem/1.4 var(--display); letter-spacing: .12em; }
.footer-mark small { color: #657780; font: 400 .48rem var(--mono); }
.site-footer > p { text-align: center; }
.site-footer nav { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .7rem 1.6rem; }
.site-footer a { min-height: 44px; display: inline-flex; align-items: center; text-decoration-color: #536873; text-underline-offset: 4px; transition: color .25s ease, text-decoration-color .25s ease, transform .25s cubic-bezier(.16,1,.3,1); }
.site-footer a:hover { color: var(--blue); text-decoration-color: var(--blue); transform: translateY(-2px); }

/* Guide */
.guide-body { background: #090e12; }
.guide-main { padding-top: 82px; }
.guide-hero { position: relative; display: grid; grid-template-columns: 1.08fr .92fr; gap: 7vw; align-items: center; min-height: 78vh; padding: 9rem 7vw 6rem; overflow: hidden; border-bottom: 1px solid #36464f; }
.guide-hero::before {
  content: '';
  position: absolute;
  right: -8vw;
  top: 4rem;
  width: min(62vw, 850px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: repeating-conic-gradient(from 0deg, #b9c5ca 0 5deg, #24333c 5.5deg 14deg);
  -webkit-mask: radial-gradient(circle, transparent 0 20%, #000 20.5% 48%, transparent 48.5%);
  mask: radial-gradient(circle, transparent 0 20%, #000 20.5% 48%, transparent 48.5%);
  opacity: .19;
  filter: drop-shadow(0 0 28px rgba(155,216,255,.24));
  animation: slow-ring 40s linear infinite;
}
.guide-hero > div { position: relative; z-index: 2; }
.guide-kicker { color: var(--blue); font-size: .62rem; letter-spacing: .23em; }
.guide-hero h1 { margin: 2rem 0; color: white; font: 700 clamp(3.8rem, 8vw, 8rem)/.83 var(--display); letter-spacing: -.07em; }
.guide-hero h1 span { color: #80919a; }
.guide-hero .lede { max-width: 47ch; color: #b1bec4; font-size: 1rem; }
.guide-index { position: relative; z-index: 2; padding: 1.2rem 2rem; border: 1px solid #54656e; background: rgba(8,13,17,.84); backdrop-filter: blur(8px); box-shadow: 24px 24px 0 rgba(25,39,47,.36); }
.guide-index a { display: grid; grid-template-columns: auto 1fr auto; align-items: center; min-height: 48px; border-bottom: 1px solid #303d44; color: #aab9c0; text-decoration: none; font-size: .62rem; letter-spacing: .12em; transition: color .3s ease, padding-left .35s cubic-bezier(.16,1,.3,1), background-color .3s ease; }
.guide-index a:hover { color: white; padding-left: .4rem; background: rgba(155,216,255,.035); }
.guide-index i { color: var(--blue); font-style: normal; opacity: .45; }
.guide-index b { margin-right: 1rem; color: var(--blue); }
.guide-article { max-width: 1180px; margin: auto; padding: 6rem 7vw 8rem; }
.guide-block { display: grid; grid-template-columns: minmax(210px,.7fr) minmax(0,1.7fr); gap: 7vw; padding: 4.6rem 0; border-top: 1px solid #34434b; scroll-margin-top: 7rem; }
.guide-block h2 { margin: 0; color: #dce4e7; font: 600 clamp(1.6rem,3vw,2.6rem)/1.05 var(--display); letter-spacing: -.04em; }
.guide-block h2 span { display: block; margin-bottom: 1rem; color: var(--blue); font: 500 .58rem var(--mono); letter-spacing: .2em; }
.guide-copy p { margin: 0 0 1.4rem; color: #a7b6bd; }
.guide-copy strong { color: white; }
.heat-ribbon { display: flex; justify-content: space-between; margin-top: 2rem; padding: .45rem .65rem; color: #10171b; background: linear-gradient(90deg,#d7dee1 0 28%,#9bd8ff 36%,#f0bd63 60%,#d86f5e 78%,#9a71bd); font-size: .46rem; letter-spacing: .12em; }
.token-grid { display: grid; grid-template-columns: 1.25fr .9fr .9fr .9fr 1.25fr; align-items: end; gap: .45rem; margin: .45rem 0 2rem; }
.token { min-height: 112px; padding: .65rem; display: flex; align-items: flex-end; color: white; border: 1px solid rgba(255,255,255,.15); font-size: .5rem; }
.token:first-child,.token:last-child { min-height: 150px; }
.t1{background:#070a0d}.t2{background:#d7dee1;color:#111}.t3{background:#9bd8ff;color:#111}.t4{background:#f0bd63;color:#111}.t5{background:#9a71bd}
.type-sample { margin-top: 2rem; padding: 2rem; border-left: 2px solid var(--blue); background: #10181d; }
.type-sample b { display: block; font: 700 clamp(1.7rem,4vw,3.8rem)/1 var(--display); }.type-sample code { color: #9eb0b9; font: 400 .7rem var(--mono); }
.prompt-box { padding: 2rem; border: 1px solid #5e7079; background: linear-gradient(135deg,#121c22,#090d11); color: #c1ccd1; font-size: .75rem; }
.prompt-box::before { content: 'PROMPT / START'; display: block; margin-bottom: 1rem; color: var(--blue); font-size: .55rem; letter-spacing: .2em; }

.reveal-ready .reveal-node { opacity: .72; transform: translateY(18px); transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); transition-delay: calc(var(--reveal-order, 0) * 55ms); }
.reveal-ready .reveal-node.is-revealed { opacity: 1; transform: none; }

@media (min-width: 901px) {
  .guide-block h2 { position: sticky; top: 7.5rem; align-self: start; }
}

@media (max-width: 900px) {
  .site-header { padding-inline: 1rem; }
  .top-nav a:not(.nav-guide) { display: none; }
  .fan-sticky { min-height: 650px; }
  .fan-disc { width: 92vh; height: 92vh; right: -37vh; top: 53%; opacity: .82; }
  .hero-copy { left: 6vw; top: 20vh; width: 80vw; }
  .hero-copy h1 { font-size: clamp(4.1rem, 14vw, 7rem); }
  .hero-sub { margin-left: 4rem; }
  .hero-meta { width: min(560px, 78vw); }
  .spool-console { width: min(630px, 73vw); left: 6vw; }
  .shock-note { right: 3vw; top: 13vh; width: 230px; }
  .radial-section { min-height: 1280px; padding-inline: 4vw; }
  .radial-hub { width: 52vw; }
  .orbit-one { width: 80vw; height: 80vw; }.orbit-two { width: 110vw; height: 110vw; }
  .radial-card { width: 31vw; }
  .card-a { left: 4vw; top: 19%; }.card-b { right: 4vw; top: 23%; }.card-c { right: 4vw; bottom: 10%; }
  .blade-specimen { left: 5vw; bottom: 2%; }
  .section-heading { grid-template-columns: 1fr; margin-bottom: 3rem; }
  .engine-cutaway { min-height: 390px; }
  .flow-legend b { font-size: 2rem; }
  .thrust-equation { gap: .8rem; }
  .thrust-equation > div { padding: 1rem; }
  .containment-section { grid-template-columns: 1fr; }
  .containment-visual { position: relative; min-height: 780px; }
  .test-ring { width: min(60vh, 70vw); }
  .containment-copy { padding: 8rem 8vw; }
  .ledger-intro { grid-template-columns: 1fr 1.4fr; }
  .ledger-intro > p:last-child { grid-column: 2; }
  .balance-section { padding-inline: 6vw; }
  .balance-instrument { padding: 2rem; }
  .balance-ring { width: 36vw; }
  .site-footer { grid-template-columns: 1fr 1fr; }
  .site-footer nav { grid-column: 1 / -1; justify-content: flex-start; }
  .guide-hero { grid-template-columns: 1fr; gap: 4rem; }
  .guide-index { max-width: 480px; }
  .guide-body .top-nav { gap: clamp(.25rem,1.3vw,1rem); }
  .guide-body .top-nav a:not(.nav-guide) { display: grid; font-size: .56rem; }
}

@media (max-width: 600px) {
  body { font-size: 15px; }
  .site-header { min-height: 70px; }
  .werk-mark { gap: 7px; font-size: .65rem; letter-spacing: .08em; }
  .werk-mark small { display: none; }
  .werk-glyph { width: 42px; height: 42px; }
  .top-nav { gap: 1px; }
  .top-nav a:not(.nav-guide) { display: grid; width: 44px; font-size: .43rem; letter-spacing: .04em; }
  .top-nav .nav-guide { width: 44px; padding: 0; overflow: hidden; font-size: 0; }
  .top-nav .nav-guide::before { content: 'GDE ↗'; font-size: .43rem; letter-spacing: .03em; }
  .guide-body .top-nav a:not(.nav-guide) { width: 44px; font-size: .41rem; letter-spacing: -.02em; }
  .spool-stage { height: 270vh; }
  .fan-sticky { min-height: 610px; }
  .fan-sticky::before { background: linear-gradient(180deg,rgba(5,8,10,.77),rgba(5,8,10,.3) 50%,rgba(5,8,10,.92)), radial-gradient(circle at 65% 52%,rgba(139,185,211,.2),transparent 45%),linear-gradient(180deg,#121b21,#05080a); }
  .fan-disc { width: 105vw; height: 105vw; right: -28vw; top: 49%; transform: translateY(-50%); opacity: .83; }
  .hero-copy { top: 16vh; left: 1.2rem; width: calc(100vw - 2.4rem); }
  .kicker { margin-bottom: 1rem; font-size: .54rem; }
  .hero-copy h1 { font-size: 20.7vw; line-height: .8; }
  .hero-sub { width: fit-content; margin: 1.1rem 0 0 2rem; padding: .3rem .45rem; font-size: 1.18rem; background: rgba(4,8,10,.52); text-shadow: 0 2px 9px #000; }
  .hero-meta { width: 100%; margin-top: 1.4rem; }
  .hero-meta span { padding: .7rem .45rem; font-size: .48rem; }
  .hero-meta b { font-size: .76rem; }
  .shock-note { top: auto; right: 1rem; bottom: 29vh; width: calc(100vw - 2rem); padding: .8rem; }
  .shock-note::before { display: none; }
  .shock-note p { font-size: .62rem; }
  .spool-console { left: 1rem; right: 1rem; bottom: 1.2rem; width: auto; padding: .75rem .9rem .6rem; }
  .spool-console > p { display: none; }
  .spool-scale { font-size: .45rem; }
  .live-telemetry { margin-top: .45rem; }
  .live-telemetry span { padding: .4rem .45rem; }
  .live-telemetry small { font-size: .42rem; }
  .live-telemetry output { font-size: .58rem; }
  .scroll-callout { display: none; }
  .radial-section { min-height: auto; padding: 7rem 1.2rem; background: radial-gradient(circle at 50% 15%,#1b2730 0 3%,#0c1217 3.3% 13%,#11191f 13.3% 13.6%,#090d11 13.9%); }
  .section-stamp { top: 3rem; right: 1.2rem; }
  .radial-hub { position: relative; top: auto; left: auto; width: 100%; margin-bottom: 3rem; transform: none; }
  .radial-hub h2 { font-size: 2.65rem; }
  .orbit { display: none; }
  .radial-card { position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 94%; margin: 1.2rem 0; padding: 1.35rem 2.2rem 1.35rem 1.2rem; transform: none; clip-path: polygon(0 0,91% 0,100% 50%,91% 100%,0 100%); }
  .radial-card:nth-of-type(even) { margin-left: 6%; border-left: 2px solid var(--gold); border-right: 0; background: linear-gradient(104deg,rgba(28,35,38,.97),rgba(10,15,19,.74) 72%,transparent 72.5%); text-align: left; }
  .blade-specimen { position: relative; left: auto; bottom: auto; width: 180px; height: 370px; margin: 3rem auto 4rem; }
  .inspection-trigger { bottom: -56px; width: 220px; transform: translateX(-50%) rotate(-8deg); }
  .spec-line { display: none; }
  .cutaway-section { padding: 7rem 1.2rem; }
  .section-heading { gap: 2rem; }
  .section-heading h2 { font-size: 12vw; }
  .engine-cutaway { min-height: 370px; margin-inline: -1.2rem; overflow: hidden; }
  .engine-cutaway svg { width: 540px; max-width: none; transform: translateX(-35px); margin-top: 5rem; }
  .flow-legend { z-index: 2; }
  .flow-legend.cool { left: 1rem; top: 1rem; }.flow-legend.hot { left: auto; right: 1rem; bottom: .8rem; }
  .flow-legend b { font-size: 1.7rem; }
  .thrust-equation { grid-template-columns: 1fr auto 1fr; gap: .65rem; margin-top: 4rem; }
  .thrust-equation > b { text-align: center; line-height: 1; }
  .thrust-equation > b:nth-of-type(2) { display: none; }
  .thrust-equation .result { grid-column: 1 / -1; margin-top: 1.2rem; }
  .thrust-equation strong { font-size: 3rem; }
  .flow-footnote { margin-top: 3.5rem; font-size: .77rem; }
  .containment-visual { height: 70vh; min-height: 540px; place-items: start center; padding-top: 3.6rem; }
  .test-ring { width: 72vw; border-width: 24px; }
  .test-trigger { bottom: 3%; width: calc(100% - 2.4rem); min-height: 64px; }
  .containment-copy { padding: 6rem 1.3rem; }
  .containment-copy h2 { font-size: 12.7vw; }
  .containment-copy blockquote { margin: 3rem 0; }
  .ledger-section { padding: 7rem 1.2rem 10rem; }
  .ledger-intro { grid-template-columns: 1fr; gap: 1.4rem; }
  .ledger-intro h2 { font-size: 13.8vw; }
  .ledger-intro > p:last-child { grid-column: auto; }
  .spec-table-wrap { margin-top: 4rem; }
  .spec-table { min-width: 0; table-layout: fixed; }
  .spec-table th:nth-child(1), .spec-table td:nth-child(1) { width: 17%; }
  .spec-table th:nth-child(2), .spec-table td:nth-child(2) { width: 52%; }
  .spec-table th:nth-child(3), .spec-table td:nth-child(3) { width: 31%; }
  .spec-table th:nth-child(4), .spec-table td:nth-child(4), .spec-table th:nth-child(5), .spec-table td:nth-child(5) { display: none; }
  .spec-table th, .spec-table td { padding: 1rem .55rem; overflow-wrap: anywhere; }
  .spec-table td { font-size: .57rem; }
  .spec-table td:nth-child(3) { font-size: .64rem; }
  .tool-mark { width: 120px; height: 120px; }
  .balance-section { display: block; min-height: 1100px; padding: 7rem 1.2rem 12rem; }
  .balance-copy h2 { font-size: 13.6vw; }
  .balance-instrument { margin-top: 4rem; padding: 1.4rem; }
  .balance-ring { width: 70vw; }
  .balance-instrument small { font-size: .5rem; letter-spacing: -.025em; }
  .final-stamp { bottom: 1.5rem; right: -1rem; }
  .site-footer { grid-template-columns: 1fr 1fr; padding: 4.8rem 1.2rem 3rem; }
  .site-footer > p { text-align: left; }
  .site-footer nav { grid-column: 1 / -1; display: flex; justify-content: flex-start; gap: .5rem 1.4rem; }
  .footer-rail { left: 1.2rem; right: 1.2rem; }
  .guide-main { padding-top: 70px; }
  .guide-hero { min-height: auto; padding: 6rem 1.2rem 4rem; }
  .guide-hero h1 { font-size: 17vw; }
  .guide-hero::before { right: -47vw; top: 21rem; width: 110vw; opacity: .12; }
  .guide-article { padding: 4rem 1.2rem 7rem; }
  .guide-block { grid-template-columns: 1fr; gap: 2rem; padding: 3.2rem 0; }
  .guide-block:last-child { padding-bottom: 1.5rem; }
  .heat-ribbon { font-size: .4rem; }
  .token-grid { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3,82px); }
  .token,.token:first-child,.token:last-child,.token:nth-child(3),.token:nth-child(4) { grid-column: auto; grid-row: auto; min-height: 82px; }
  .token:last-child { grid-column: 1 / -1; }
}

body.is-hidden * { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .load-line { opacity: 1; transform: none; }
  .fan-disc { clip-path: none; }
  .blade-specimen.is-scanning .scan-gate { animation: none; transform: translateY(210px); }
}