:root {
  --ink: #03070b;
  --ink-2: #071019;
  --panel: #0a131c;
  --white: #f4f6f7;
  --muted: #8d9ba8;
  --steel: #6888a4;
  --navy: #05334e;
  --laser: #f21313;
  --laser-rgb: 242, 19, 19;
  --line: rgba(180, 206, 225, .16);
  --snap-header-offset: 88px;
  --mono: "DM Mono", monospace;
  --sans: "Manrope", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-snap-type: none; background: var(--ink); }
html.is-magnet-snapping { scroll-behavior: auto; scroll-snap-type: none; }
body { margin: 0; overflow-x: hidden; background: var(--ink); color: var(--white); font-family: var(--sans); }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { color: #fff; background: var(--laser); }

.intro-sequence {
  --module-in: 0;
  --module-shift: -140px;
  --power: 0;
  --travel: 0;
  --beam-width: 0px;
  --beam-tip-x: 0px;
  --logo-write: 0;
  --intro-opacity: 1;
  --source-x: clamp(340px, 36vw, 620px);
  --source-width: clamp(790px, 72vw, 1180px);
  position: fixed; inset: 0; z-index: 9999; overflow: hidden;
  background: #010305; opacity: var(--intro-opacity); visibility: visible;
  pointer-events: none;
  transition: visibility .8s ease;
}
.intro-sequence.is-hidden { visibility: hidden; pointer-events: none; }
.intro-sequence.is-skipping { transition: opacity .18s ease, visibility .18s ease; }
#intro-canvas { position: absolute; z-index: 7; inset: 0; width: 100%; height: 100%; }
.intro-sequence__source-node {
  position: absolute; top: 50%; left: calc(var(--source-x) + var(--module-shift)); width: 0; height: 0;
}
.intro-sequence__source-plate {
  position: absolute; z-index: 2; top: 0; left: 0; display: block; width: var(--source-width); max-width: none; height: auto;
  opacity: var(--module-in); filter: brightness(calc(.28 + var(--module-in) * .54)) saturate(.88) contrast(1.14);
  transform: translate(-40.65%,-51%);
  -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 8%,#000 63%,rgba(0,0,0,.6) 76%,transparent 96%);
  mask-image: linear-gradient(90deg,transparent 0,#000 8%,#000 63%,rgba(0,0,0,.6) 76%,transparent 96%);
}
.intro-sequence__source-reticle {
  position: absolute; z-index: 6; top: 0; left: 0; width: 76px; height: 58px;
  opacity: calc(var(--module-in) * .58); transform: translate(-50%,-50%);
  background:
    linear-gradient(90deg,rgba(184,207,220,.7) 0 16px,transparent 16px 60px,rgba(184,207,220,.7) 60px) top/100% 1px no-repeat,
    linear-gradient(90deg,rgba(184,207,220,.7) 0 16px,transparent 16px 60px,rgba(184,207,220,.7) 60px) bottom/100% 1px no-repeat,
    linear-gradient(180deg,rgba(184,207,220,.7) 0 14px,transparent 14px 44px,rgba(184,207,220,.7) 44px) left/1px 100% no-repeat,
    linear-gradient(180deg,rgba(184,207,220,.7) 0 14px,transparent 14px 44px,rgba(184,207,220,.7) 44px) right/1px 100% no-repeat;
}
.intro-sequence__source-reticle::before,
.intro-sequence__source-reticle::after { content:""; position: absolute; background: rgba(184,207,220,.36); }
.intro-sequence__source-reticle::before { top: 50%; right: -18px; left: -18px; height: 1px; }
.intro-sequence__source-reticle::after { top: -15px; bottom: -15px; left: 50%; width: 1px; }
.intro-sequence__source-glow {
  position: absolute; z-index: 8; top: 0; left: 0; width: clamp(190px,20vw,340px); height: clamp(150px,17vw,290px);
  background: radial-gradient(circle at 50% 50%,rgba(255,67,55,.9) 0 1px,rgba(var(--laser-rgb),.55) 2px,rgba(var(--laser-rgb),.24) 7%,rgba(var(--laser-rgb),.08) 24%,transparent 68%);
  mix-blend-mode: screen; opacity: calc(var(--power) * .96); transform: translate(-50%,-50%);
}
.intro-sequence__aperture {
  position: absolute; z-index: 9; top: 0; left: 0; width: 4px; height: 4px; background: #ff493f;
  box-shadow: 0 0 7px 2px rgba(var(--laser-rgb),.86); opacity: var(--power); transform: translate(-50%,-50%);
}
.intro-sequence__beam {
  position: absolute; z-index: 5; top: 0; left: 0; width: var(--beam-width); height: 1px;
  background: linear-gradient(90deg,#960909 0,var(--laser) 88%,#ff493f); box-shadow: 0 0 5px 1px rgba(var(--laser-rgb),.74);
  opacity: var(--power); transform: translateY(-50%); transform-origin: left;
}
.intro-sequence__beam::before {
  content:""; position: absolute; top: -7px; right: 0; bottom: -7px; left: 0;
  background: linear-gradient(180deg,transparent,rgba(var(--laser-rgb),.1) 46%,rgba(var(--laser-rgb),.16) 50%,rgba(var(--laser-rgb),.1) 54%,transparent);
}
.intro-sequence__beam::after { content:""; position: absolute; top: -1px; right: -1px; width: 3px; height: 3px; background: #ff493f; }
.intro-sequence__logo {
  position: absolute; z-index: 4; top: 50%; left: 50%; width: min(72vw, 1040px);
  display: grid; grid-template-columns: clamp(112px,14vw,190px) minmax(0,1fr); gap: clamp(20px,3vw,44px); align-items: center;
  transform: translate(-50%,-50%);
  clip-path: inset(0 calc((1 - var(--logo-write)) * 100%) 0 0); opacity: clamp(0, calc(var(--logo-write) * 4 - .35), 1);
}
.intro-sequence__mark { display: block; width: 100%; aspect-ratio: 1; }
.intro-sequence__mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.intro-sequence__wordmark { display: block; width: 100%; filter: brightness(0) invert(1); }
.intro-sequence.is-disintegrating .intro-sequence__logo { opacity: 0; transition: opacity .28s ease; }
.intro-sequence__flare {
  position: absolute; z-index: 10; top: 0; left: var(--beam-tip-x);
  width: clamp(150px,18vw,280px); height: clamp(130px,16vw,250px);
  background: radial-gradient(circle,rgba(255,72,58,.82) 0 1px,rgba(var(--laser-rgb),.52) 2px,rgba(var(--laser-rgb),.22) 6%,rgba(var(--laser-rgb),.08) 22%,transparent 64%);
  transform: translate(-50%,-50%); mix-blend-mode: screen;
  opacity: calc(var(--power) * clamp(0, var(--travel) * 8, 1));
}
.intro-sequence__flare::after { content:""; position: absolute; top: 50%; left: 50%; width: 3px; height: 3px; background: #ff584c; transform: translate(-50%,-50%); }
.intro-sequence__source-meta {
  position: absolute; z-index: 11; top: 54px; left: 26px; width: 210px; margin: 0; padding: 11px 0 0 13px; display: grid; gap: 6px;
  border-top: 1px solid rgba(174,199,213,.35); border-left: 1px solid rgba(174,199,213,.2);
  color: #647985; font: 400 8px/1.2 var(--mono); letter-spacing: .14em; white-space: nowrap;
  opacity: clamp(0, calc(var(--module-in) * 2 - .8), 1);
}
.intro-sequence__source-meta b { color: #a9bdc8; font-weight: 500; }
.intro-sequence__meta {
  position: absolute; z-index: 12; right: 4vw; bottom: 5vh; display: flex; gap: 38px; color: #637681; font: 400 8px/1 var(--mono); letter-spacing: .18em;
  opacity: clamp(0, calc(var(--logo-write) * 2 - .7), 1);
}

#laser-canvas { position: fixed; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
#continuity-canvas { position: fixed; inset: 0; z-index: 30; display: block; width: 100%; height: 100%; pointer-events: none; mix-blend-mode: screen; }
.noise { position: fixed; inset: 0; z-index: 1; pointer-events: none; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
main, header, footer { position: relative; z-index: 2; }
.snap-section,
.story__snap-point { scroll-snap-align: start; scroll-snap-stop: normal; }
.snap-section { scroll-margin-top: var(--snap-header-offset); }
.story__snap-track { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.story__snap-point { position: absolute; inset-inline-start: 0; inline-size: 1px; block-size: 1px; opacity: 0; pointer-events: none; }

[data-cinematic] { opacity: 1; translate: 0 0; }
.motion-ready [data-cinematic] {
  --cinematic-delay: 0ms;
  opacity: 0; translate: 0 28px;
  transition: opacity .78s ease-out var(--cinematic-delay), translate .96s cubic-bezier(.16,1,.3,1) var(--cinematic-delay);
}
.motion-ready [data-cinematic="clip"] {
  opacity: 1; translate: 0 0; clip-path: inset(0 0 100% 0);
  transition: clip-path 1.08s cubic-bezier(.16,1,.3,1) var(--cinematic-delay);
}
.motion-ready [data-cinematic].is-inview { opacity: 1; translate: 0 0; clip-path: inset(0); }
.metric:nth-child(2),.real-shot:nth-child(2),.solution:nth-child(2) { --cinematic-delay: 70ms; }
.metric:nth-child(3),.real-shot:nth-child(3),.solution:nth-child(3) { --cinematic-delay: 140ms; }
.metric:nth-child(4),.solution:nth-child(4) { --cinematic-delay: 210ms; }
.solution:nth-child(5) { --cinematic-delay: 280ms; }
.solution:nth-child(6) { --cinematic-delay: 350ms; }

.scroll-progress { position: fixed; top: 0; right: 0; z-index: 200; width: 2px; height: 100vh; background: rgba(255,255,255,.06); }
.scroll-progress span { display: block; width: 100%; height: 100%; background: var(--laser); box-shadow: 0 0 10px var(--laser); transform: scaleY(0); transform-origin: top; }

.site-header {
  position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 88px; padding: 0 clamp(22px, 4vw, 68px);
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid transparent;
  transition: height .35s ease, background .35s ease, border-color .35s ease;
}
.site-header.is-scrolled { height: 72px; background: rgba(3,7,11,.78); border-color: var(--line); backdrop-filter: blur(18px); }
.brand { display: inline-flex; width: auto; align-items: center; gap: clamp(8px,1vw,13px); text-decoration: none; }
.brand__mark { display: block; flex: 0 0 clamp(44px,4vw,56px); width: clamp(44px,4vw,56px); aspect-ratio: 1; filter: drop-shadow(-5px 0 8px rgba(0,123,255,.12)) drop-shadow(5px 0 9px rgba(var(--laser-rgb),.16)); transition: transform .45s cubic-bezier(.16,1,.3,1),filter .45s ease; }
.brand__mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand__wordmark { display: block; width: clamp(128px,11vw,176px); filter: invert(1) brightness(1.9); }
.brand:hover .brand__mark { transform: scale(1.055); filter: drop-shadow(-6px 0 10px rgba(0,123,255,.2)) drop-shadow(6px 0 11px rgba(var(--laser-rgb),.25)); }
.brand:focus-visible,.footer-brand:focus-visible { outline: 1px solid rgba(227,235,240,.72); outline-offset: 8px; border-radius: 2px; }
.brand:focus-visible .brand__mark { transform: scale(1.055); filter: drop-shadow(-6px 0 10px rgba(0,123,255,.2)) drop-shadow(6px 0 11px rgba(var(--laser-rgb),.25)); }
.desktop-nav { display: flex; align-items: center; gap: 34px; }
.desktop-nav a { position: relative; padding: 8px 0; color: #b2bdc5; font: 500 11px/1 var(--mono); letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }
.desktop-nav a::after { content:""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: var(--laser); transform: scaleX(0); transform-origin: right; transition: transform .3s ease; }
.desktop-nav a:hover::after { transform: scaleX(1); transform-origin: left; }
.header-cta { justify-self: end; display: flex; align-items: center; gap: 18px; font-size: 12px; font-weight: 600; text-decoration: none; }
.header-cta i { display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; font-style: normal; transition: .3s ease; }
.header-cta:hover i { color: #fff; border-color: var(--laser); background: var(--laser); transform: rotate(45deg); }

.hero {
  --hero-progress: 0;
  --hero-copy-opacity: 1;
  --hero-copy-y: 0px;
  --scan-progress: 0;
  --scan-x: 54%;
  --scan-field-width: 7%;
  --focus-scale: 1.42;
  position: relative; height: 180svh; min-height: 1120px; isolation: isolate; background: #020507;
}
.hero__stage {
  position: sticky; top: 0; height: 100svh; min-height: 640px; isolation: isolate;
  display: flex; align-items: flex-end; overflow: hidden;
  padding: 140px clamp(22px, 7.4vw, 142px) clamp(58px, 8vh, 96px);
}
.hero__stage::before { content:""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(90deg, rgba(2,5,8,.94) 0%, rgba(2,5,8,.72) 29%, rgba(2,5,8,.12) 66%, rgba(2,5,8,.2) 100%),linear-gradient(0deg,rgba(2,5,8,.9),transparent 48%,rgba(2,5,8,.32)); pointer-events: none; }
.hero__machine { position: absolute; inset: 0; z-index: 1; opacity: 0; overflow: hidden; clip-path: inset(0 0 0 7%); background: #020507; transition: opacity 1.6s .12s ease,clip-path 1.8s .08s cubic-bezier(.16,1,.3,1); }
.hero__machine::after { content:""; position: absolute; inset: 0; background: radial-gradient(circle at 67% 50%,transparent 0 16%,rgba(2,5,8,.17) 42%,rgba(2,5,8,.56) 100%),linear-gradient(180deg,rgba(2,5,8,.26),transparent 25%,rgba(2,5,8,.5)); }
.hero__machine img { width: 100%; height: 100%; object-fit: cover; object-position: 52% center; filter: saturate(.66) contrast(1.12) brightness(.76); transform: translate3d(0,var(--hero-shift,0),0) scale(var(--hero-scale,1.045)); transform-origin: 58% center; will-change: transform; }
body.is-ready .hero__machine { opacity: .92; clip-path: inset(0); }
.hero-optics { --optic-x: 66%; --optic-y: 49%; position: absolute; z-index: 3; inset: 0; pointer-events: none; color: rgba(190,213,226,.62); }
.hero-optics__axis { position: absolute; top: var(--optic-y); left: 37%; width: 29%; height: 1px; background: linear-gradient(90deg,rgba(190,213,226,.08),rgba(190,213,226,.55)); transform: rotate(.8deg); transform-origin: left; }
.hero-optics__axis::after { content:""; position: absolute; right: 0; bottom: -7px; left: 0; height: 5px; background: repeating-linear-gradient(90deg,rgba(190,213,226,.5) 0 1px,transparent 1px 18px); opacity: .65; }
.hero-optics__target { position: absolute; top: var(--optic-y); left: var(--optic-x); width: clamp(86px,8vw,132px); height: clamp(64px,9vh,98px); transform: translate(-50%,-50%); background: linear-gradient(90deg,rgba(190,213,226,.65) 0 24px,transparent 24px calc(100% - 24px),rgba(190,213,226,.65) calc(100% - 24px)) top/100% 1px no-repeat,linear-gradient(90deg,rgba(190,213,226,.65) 0 24px,transparent 24px calc(100% - 24px),rgba(190,213,226,.65) calc(100% - 24px)) bottom/100% 1px no-repeat,linear-gradient(180deg,rgba(190,213,226,.65) 0 20px,transparent 20px calc(100% - 20px),rgba(190,213,226,.65) calc(100% - 20px)) left/1px 100% no-repeat,linear-gradient(180deg,rgba(190,213,226,.65) 0 20px,transparent 20px calc(100% - 20px),rgba(190,213,226,.65) calc(100% - 20px)) right/1px 100% no-repeat,linear-gradient(var(--laser),var(--laser)) center/4px 4px no-repeat; }
.hero-optics__target::before,.hero-optics__target::after { content:""; position: absolute; opacity: .48; }
.hero-optics__target::before { top: 50%; right: -22px; left: -22px; height: 1px; background: linear-gradient(90deg,rgba(190,213,226,.55),rgba(190,213,226,.55)) left/42% 1px no-repeat,linear-gradient(90deg,rgba(190,213,226,.55),rgba(190,213,226,.55)) right/42% 1px no-repeat; }
.hero-optics__target::after { top: -20px; bottom: -20px; left: 50%; width: 1px; background: linear-gradient(180deg,rgba(190,213,226,.55),rgba(190,213,226,.55)) top/1px 40% no-repeat,linear-gradient(180deg,rgba(190,213,226,.55),rgba(190,213,226,.55)) bottom/1px 40% no-repeat; }
.hero-optics__ruler { position: absolute; top: calc(var(--optic-y) + 72px); left: 37%; width: 29%; height: 8px; border-top: 1px solid rgba(190,213,226,.28); background: repeating-linear-gradient(90deg,rgba(190,213,226,.38) 0 1px,transparent 1px 24px); }
.hero-optics__readout { position: absolute; top: calc(var(--optic-y) + 72px); left: 69%; margin: 0; padding: 12px 0 0 14px; display: grid; gap: 6px; border-top: 1px solid rgba(190,213,226,.38); border-left: 1px solid rgba(190,213,226,.22); color: #758b99; font: 400 8px/1.25 var(--mono); letter-spacing: .13em; white-space: nowrap; }
.hero-optics__readout b { color: #b8c9d3; font-weight: 500; }
.hero-scan { position: absolute; z-index: 5; inset: 0; overflow: hidden; pointer-events: none; opacity: .92; font-family: var(--mono); }
.hero-scan::before,.hero-scan::after { content:""; position: absolute; width: 22px; height: 22px; opacity: .4; }
.hero-scan::before { top: 108px; left: clamp(22px,4vw,68px); border-top: 1px solid #a9bdc8; border-left: 1px solid #a9bdc8; }
.hero-scan::after { right: clamp(22px,4vw,68px); bottom: 38px; border-right: 1px solid #a9bdc8; border-bottom: 1px solid #a9bdc8; }
.hero-scan__field {
  position: absolute; top: 15%; bottom: 13%; left: 47%; width: var(--scan-field-width); overflow: hidden;
  border-right: 1px solid rgba(var(--laser-rgb),.28);
  background:
    linear-gradient(90deg,rgba(52,119,156,.04),rgba(109,177,213,.14)),
    radial-gradient(circle,rgba(179,220,241,.62) 0 1px,transparent 1.3px) 0 0/19px 19px;
  -webkit-mask-image: linear-gradient(90deg,transparent,#000 15%,#000 87%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 88%,transparent);
  mask-image: linear-gradient(90deg,transparent,#000 15%,#000 87%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 88%,transparent);
  opacity: calc(.18 + var(--scan-progress) * .64); transform: perspective(700px) rotateY(-8deg); transform-origin: right center;
}
.hero-scan__field::after { content:""; position: absolute; inset: 0; background: repeating-linear-gradient(0deg,transparent 0 47px,rgba(151,203,229,.13) 48px),repeating-linear-gradient(90deg,transparent 0 75px,rgba(151,203,229,.11) 76px); }
.hero-scan__plane {
  position: absolute; top: 13%; bottom: 11%; left: var(--scan-x); width: 1px;
  background: linear-gradient(180deg,transparent,rgba(255,73,63,.88) 8%,#ff2b22 48%,rgba(255,73,63,.92) 88%,transparent);
  box-shadow: 0 0 7px 1px rgba(var(--laser-rgb),.92),0 0 32px 7px rgba(var(--laser-rgb),.24);
}
.hero-scan__plane::before { content:""; position: absolute; top: 0; bottom: 0; right: 0; width: min(7vw,110px); background: linear-gradient(90deg,transparent,rgba(var(--laser-rgb),.13)); }
.hero-scan__plane::after { content:""; position: absolute; top: 49%; left: 50%; width: 11px; height: 11px; border: 1px solid rgba(255,93,82,.8); border-radius: 50%; background: #ff342c; box-shadow: 0 0 20px 6px rgba(var(--laser-rgb),.8); transform: translate(-50%,-50%); }
.hero-scan__plane i { position: absolute; top: 49%; right: 0; width: clamp(90px,13vw,210px); height: 1px; background: linear-gradient(90deg,transparent,rgba(255,78,67,.95)); transform-origin: right; transform: rotate(-14deg); box-shadow: 0 0 8px rgba(var(--laser-rgb),.78); }
.hero-scan__target { position: absolute; top: 49%; left: 66%; width: clamp(108px,11vw,172px); aspect-ratio: 1.28; transform: translate(-50%,-50%) scale(var(--focus-scale)); }
.hero-scan__target::before,.hero-scan__target::after { content:""; position: absolute; opacity: calc(.18 + var(--scan-progress) * .62); }
.hero-scan__target::before { top: 50%; right: -42px; left: -42px; height: 1px; background: linear-gradient(90deg,rgba(197,222,235,.58) 0 38%,transparent 38% 62%,rgba(197,222,235,.58) 62%); }
.hero-scan__target::after { top: -34px; bottom: -34px; left: 50%; width: 1px; background: linear-gradient(180deg,rgba(197,222,235,.58) 0 37%,transparent 37% 63%,rgba(197,222,235,.58) 63%); }
.hero-scan__target > span { position: absolute; inset: 17%; border: 1px solid rgba(180,215,233,.25); border-radius: 50%; }
.hero-scan__target > span::after { content:""; position: absolute; inset: 34%; border: 1px solid var(--laser); border-radius: 50%; box-shadow: 0 0 12px rgba(var(--laser-rgb),.75); }
.hero-scan__target > i { position: absolute; width: 25%; height: 27%; border-color: rgba(199,222,234,.82); border-style: solid; }
.hero-scan__target > i:nth-of-type(1) { top: 0; left: 0; border-width: 1px 0 0 1px; }
.hero-scan__target > i:nth-of-type(2) { top: 0; right: 0; border-width: 1px 1px 0 0; }
.hero-scan__target > i:nth-of-type(3) { right: 0; bottom: 0; border-width: 0 1px 1px 0; }
.hero-scan__target > i:nth-of-type(4) { bottom: 0; left: 0; border-width: 0 0 1px 1px; }
.hero-scan__status { position: absolute; top: 118px; left: max(49%, 640px); min-width: 270px; display: grid; grid-template-columns: 8px 1fr auto; gap: 12px; align-items: start; color: #87a0ae; }
.hero-scan__pulse { width: 6px; height: 6px; margin-top: 2px; border-radius: 50%; background: var(--laser); box-shadow: 0 0 11px rgba(var(--laser-rgb),.9); }
.motion-ready body.is-ready .hero-scan__pulse { animation: scanPulse 1.35s ease-in-out infinite; }
@keyframes scanPulse { 0%,100% { opacity: .38; transform: scale(.78); } 50% { opacity: 1; transform: scale(1.25); } }
.hero-scan__status p { margin: 0; display: grid; gap: 7px; }
.hero-scan__status b { color: #dbe8ee; font-size: 9px; line-height: 1; letter-spacing: .18em; font-weight: 500; }
.hero-scan__status small { color: #718894; font-size: 7px; line-height: 1; letter-spacing: .13em; }
.hero-scan__status strong { color: var(--laser); font-size: 11px; line-height: 1; letter-spacing: .1em; font-weight: 500; }
.hero-scan__readout { position: absolute; right: clamp(26px,5vw,82px); bottom: 18%; width: min(260px,23vw); padding: 14px 0 0 15px; border-top: 1px solid rgba(172,204,221,.34); border-left: 1px solid rgba(172,204,221,.2); display: grid; gap: 9px; }
.hero-scan__readout p { margin: 0; display: flex; justify-content: space-between; gap: 16px; color: #68808e; font-size: 7px; line-height: 1; letter-spacing: .1em; }
.hero-scan__readout b { color: #c5d4dc; font-weight: 400; }
.hero-scan__scale { position: absolute; right: clamp(28px,4.4vw,74px); left: max(52%,650px); bottom: 48px; display: flex; align-items: center; gap: 0; color: #6f8794; font-size: 7px; }
.hero-scan__scale i { flex: 1; height: 7px; border-top: 1px solid rgba(176,207,223,.32); border-right: 1px solid rgba(176,207,223,.32); }
.hero-scan__scale span { padding: 0 8px; }
.hero-scan__instruction { position: absolute; right: clamp(24px,4vw,68px); top: 50%; margin: 0; color: #76909e; font-size: 7px; line-height: 1; letter-spacing: .14em; transform: rotate(90deg) translateX(50%); transform-origin: right top; }
.hero-scan__instruction span { color: var(--laser); margin-right: 8px; }
.hero__radiance { position: absolute; z-index: 4; inset: 0; pointer-events: none; background: radial-gradient(circle at 66% 49%,rgba(255,72,58,.56) 0,rgba(var(--laser-rgb),.3) 1.6%,rgba(var(--laser-rgb),.14) 7%,rgba(var(--laser-rgb),.05) 15%,transparent 30%); mix-blend-mode: screen; animation: radianceBreath 3.4s ease-in-out infinite; }
@keyframes radianceBreath { 0%,100% { opacity: .62; } 50% { opacity: 1; } }
.hero__frame-meta { position: absolute; z-index: 6; top: 112px; right: clamp(22px,4vw,68px); display: flex; gap: 38px; color: rgba(194,210,220,.58); font: 400 8px/1 var(--mono); letter-spacing: .16em; }
.hero__content { position: relative; z-index: 10; width: min(900px, 73vw); opacity: var(--hero-copy-opacity); transform: translate3d(0,var(--hero-copy-y),0); will-change: transform,opacity; }
.kicker, .section-index { margin: 0; color: var(--steel); font: 500 10px/1.4 var(--mono); letter-spacing: .22em; text-transform: uppercase; }
.hero h1 { margin: 24px 0 42px; font-size: clamp(58px, 8.3vw, 148px); line-height: .81; letter-spacing: -.066em; font-weight: 500; }
.hero-title__clip { display: block; overflow: clip; }
.hero-title__line { display: block; color: var(--white); opacity: 1; translate: 0 0; }
.hero-title__clip--outline .hero-title__line { color: transparent; -webkit-text-stroke: 1px rgba(244,246,247,.82); }
.motion-ready .hero-title__line {
  opacity: 0; translate: 0 112%;
  transition: opacity .72s cubic-bezier(.16,1,.3,1),translate .96s cubic-bezier(.16,1,.3,1);
}
.motion-ready .hero-title__clip:nth-child(1) .hero-title__line { transition-delay: .08s; }
.motion-ready .hero-title__clip:nth-child(2) .hero-title__line { transition-delay: .2s; }
.motion-ready body.is-ready .hero-title__line { opacity: 1; translate: 0 0; }
.motion-ready .hero-optics__axis { opacity: 0; scale: 0 1; transition: opacity .5s .42s ease,scale 1.25s .42s cubic-bezier(.16,1,.3,1); }
.motion-ready .hero-optics__target { opacity: 0; scale: .78; transition: opacity .5s .76s ease,scale .9s .76s cubic-bezier(.16,1,.3,1); }
.motion-ready .hero-optics__ruler,
.motion-ready .hero-optics__readout { opacity: 0; translate: 0 12px; transition: opacity .65s 1.02s ease,translate .9s 1.02s cubic-bezier(.16,1,.3,1); }
.motion-ready body.is-ready .hero-optics__axis,
.motion-ready body.is-ready .hero-optics__target { opacity: 1; scale: 1; }
.motion-ready body.is-ready .hero-optics__ruler,
.motion-ready body.is-ready .hero-optics__readout { opacity: 1; translate: 0 0; }
.hero__bottom { display: flex; align-items: center; gap: clamp(35px, 7vw, 110px); }
.hero__bottom p { max-width: 440px; margin: 0; color: #aeb9c0; font-size: clamp(14px, 1.15vw, 18px); line-height: 1.65; }
.round-link { flex: 0 0 auto; width: 88px; height: 88px; display: grid; place-content: center; gap: 5px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; font: 500 9px/1 var(--mono); letter-spacing: .14em; text-align: center; text-decoration: none; text-transform: uppercase; transition: .35s ease; }
.round-link i { font-style: normal; }
.round-link:hover { border-color: var(--laser); background: var(--laser); transform: scale(1.05); }
.hero__hud { position: absolute; z-index: 6; top: 47%; display: grid; gap: 8px; color: rgba(193,211,224,.55); font: 400 8px/1 var(--mono); letter-spacing: .15em; }
.hero__hud--left { left: 20px; transform: rotate(-90deg) translateX(-50%); transform-origin: left top; }
.hero__hud--right { right: 20px; transform: rotate(90deg) translateX(50%); transform-origin: right top; text-align: right; }
.hero__scroll { position: absolute; z-index: 6; right: 5vw; bottom: 50px; display: flex; align-items: center; gap: 15px; color: #84929d; font: 500 8px/1 var(--mono); letter-spacing: .17em; transform: rotate(90deg) translateX(100%); transform-origin: right bottom; }
.hero__scroll i { position: relative; display: block; width: 74px; height: 1px; background: rgba(255,255,255,.14); overflow: hidden; }
.hero__scroll i::after { content:""; position: absolute; inset: 0; background: var(--laser); animation: scrollLine 2s ease infinite; }
@keyframes scrollLine { 0% { transform: translateX(-105%); } 55%,100% { transform: translateX(105%); } }
.reveal { opacity: 0; transform: translateY(25px); transition: opacity 1s .25s ease, transform 1s .25s ease; }
.reveal--delay { transition-delay: .38s; }
.reveal--delay-2 { transition-delay: .58s; }
body.is-ready .reveal { opacity: 1; transform: none; }

.manifesto { --beam-arrival: 0; --beam-target-x: 62%; --beam-target-y: 50%; position: relative; z-index: 5; min-height: 85vh; padding: 15vh clamp(22px, 7.4vw, 142px); display: grid; grid-template-columns: 1fr 3.2fr 1.2fr; gap: 4vw; align-items: center; overflow: clip; isolation: isolate; background: linear-gradient(180deg, rgba(3,7,11,.65), rgba(7,16,25,.97) 25%, rgba(7,16,25,.98)); border-top: 1px solid var(--line); }
.manifesto::after { content:""; position: absolute; z-index: 0; inset: 0; pointer-events: none; opacity: var(--beam-arrival); background: radial-gradient(circle at var(--beam-target-x) var(--beam-target-y),rgba(255,75,63,.58) 0 1px,rgba(var(--laser-rgb),.3) 2px,rgba(var(--laser-rgb),.13) 7%,rgba(var(--laser-rgb),.045) 18%,transparent 34%); mix-blend-mode: screen; }
.manifesto > * { position: relative; z-index: 2; }
.manifesto .section-index { align-self: start; }
.manifesto__copy p { margin: 0; font-size: clamp(48px, 7vw, 112px); line-height: .95; letter-spacing: -.055em; font-weight: 400; }
.manifesto__copy p:last-child { color: transparent; -webkit-text-stroke: 1px rgba(244,246,247,.6); }
.manifesto__beam-word { position: relative; display: inline-block; }
.manifesto__beam-word::before { content:""; position: absolute; top: 50%; right: -.02em; width: 5px; height: 5px; opacity: var(--beam-arrival); background: #ff5146; box-shadow: 0 0 8px 2px rgba(var(--laser-rgb),.95),0 0 30px 9px rgba(var(--laser-rgb),.38); transform: translate(50%,-50%); }
.manifesto__beam-word::after { content:""; position: absolute; right: 0; bottom: -.08em; left: 0; height: 1px; opacity: calc(.25 + var(--beam-arrival) * .75); background: linear-gradient(90deg,rgba(var(--laser-rgb),.08),#ff4f44 78%,#ffb1aa 100%); box-shadow: 0 0 9px rgba(var(--laser-rgb),.72); transform: scaleX(var(--beam-arrival)); transform-origin: right center; }
.manifesto__aside { align-self: end; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }

.story { position: relative; height: 520vh; background: #020507; }
.story__sticky { position: sticky; top: 0; height: 100vh; isolation: isolate; overflow: hidden; background: #020507; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.story__sticky::after { content:""; position: absolute; inset: 0; z-index: 5; background: linear-gradient(90deg,rgba(2,5,8,.97) 0%,rgba(2,5,8,.9) 24%,rgba(2,5,8,.47) 44%,rgba(2,5,8,.04) 67%,rgba(2,5,8,.22)),linear-gradient(0deg,rgba(2,5,8,.72),transparent 34%,rgba(2,5,8,.22)); pointer-events: none; }
.story[data-active-scene="2"] .story__sticky::after { background: linear-gradient(90deg,rgba(2,5,8,.78) 0%,rgba(2,5,8,.56) 22%,rgba(2,5,8,.14) 46%,rgba(2,5,8,.035) 72%,rgba(2,5,8,.16)),linear-gradient(0deg,rgba(2,5,8,.74),transparent 31%,rgba(2,5,8,.16)); }
.story-card { position: absolute; z-index: 12; top: 52%; left: clamp(28px, 7.4vw, 142px); width: min(520px, 38vw); display: grid; grid-template-columns: 45px 1fr; gap: 24px; opacity: 0; transform: translateY(calc(-50% + 42px)); pointer-events: none; transition: opacity .6s ease, transform .85s cubic-bezier(.2,.75,.2,1); }
.story-card.is-active { opacity: 1; transform: translateY(-50%); pointer-events: auto; }
.story-card__number { margin: 4px 0 0; color: var(--laser); font: 400 11px/1 var(--mono); }
.story-card h2 { margin: 19px 0 25px; font-size: clamp(52px, 6.2vw, 94px); line-height: .9; letter-spacing: -.065em; font-weight: 400; }
.story-card div > p:not(.kicker) { max-width: 445px; margin: 0 0 26px; color: #b3c0c8; font-size: clamp(14px, 1.15vw, 18px); line-height: 1.7; text-shadow: 0 2px 18px rgba(0,0,0,.65); }
.tech-tag { display: inline-block; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.19); color: #70808c; font: 400 9px/1 var(--mono); letter-spacing: .16em; }
.story__rail { position: absolute; z-index: 13; left: 38px; top: 19%; bottom: 19%; width: 1px; background: rgba(255,255,255,.14); }
.story__rail-fill { position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: var(--laser); box-shadow: 0 0 8px var(--laser); transform: scaleY(0); transform-origin: top; }
.story__rail i { position: absolute; left: -3px; width: 7px; height: 7px; border: 1px solid rgba(255,255,255,.25); background: var(--ink); transition: .3s; }
.story__rail i:nth-of-type(1) { top: 0; } .story__rail i:nth-of-type(2) { top: 33.333%; } .story__rail i:nth-of-type(3) { top: 66.666%; } .story__rail i:nth-of-type(4) { top: 100%; }
.story__rail i.is-active { border-color: var(--laser); background: var(--laser); box-shadow: 0 0 12px var(--laser); }
.story-media { position: absolute; z-index: 2; inset: 0; pointer-events: none; background: #020507; }
.story-media__item { --shot-scale: 1.07; --shot-x: 0%; position: absolute; inset: 0; margin: 0; overflow: hidden; opacity: 0; clip-path: inset(0 0 0 5%); transition: opacity .9s ease,clip-path 1.15s cubic-bezier(.2,.75,.2,1); }
.story-media__item::before { content:""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(90deg,rgba(2,5,8,.44),transparent 36% 78%,rgba(2,5,8,.24)),linear-gradient(0deg,rgba(2,5,8,.76),transparent 31% 74%,rgba(2,5,8,.28)); }
.story-media__item::after { content:""; position: absolute; inset: 0; z-index: 3; opacity: .14; background: repeating-linear-gradient(90deg,transparent 0 159px,rgba(190,211,224,.17) 160px),repeating-linear-gradient(0deg,transparent 0 159px,rgba(190,211,224,.11) 160px); -webkit-mask-image: linear-gradient(90deg,transparent 35%,#000 66%); mask-image: linear-gradient(90deg,transparent 35%,#000 66%); }
.story-media__item.is-active { opacity: 1; clip-path: inset(0); }
.story-media__item img { width: 100%; height: 100%; object-fit: cover; object-position: 58% center; filter: saturate(.7) contrast(1.1) brightness(.76); transform: scale(var(--shot-scale)) translate3d(var(--shot-x),0,0); transform-origin: 62% center; }
.story-media__item.is-active img { will-change: transform; }
.story-media__item[data-visual="1"] img { object-position: 55% center; }
.story-media__item[data-visual="1"] img { filter: saturate(.82) contrast(1.08) brightness(.86); }
.story-media__item[data-visual="2"]::before { background: linear-gradient(90deg,rgba(2,5,8,.24),transparent 30% 83%,rgba(2,5,8,.12)),linear-gradient(0deg,rgba(2,5,8,.58),transparent 27% 78%,rgba(2,5,8,.16)); }
.story-media__item[data-visual="2"] img { object-position: 50% center; filter: saturate(.9) contrast(1.08) brightness(.9); transform-origin: 50% center; }
.story-media__item[data-visual="3"] img { object-position: 60% center; }
.story-component-cloud { position: absolute; z-index: 4; inset: 0; display: block; width: 100%; height: 100%; pointer-events: none; opacity: 0; mix-blend-mode: screen; transform: scale(var(--shot-scale)) translate3d(var(--shot-x),0,0); transform-origin: 50% center; transition: opacity .38s linear; }
.story-media__item.is-active .story-component-cloud { opacity: .9; will-change: transform,opacity; }
.story-media__item figcaption { position: absolute; z-index: 7; right: clamp(22px,4vw,68px); bottom: clamp(42px,6vh,72px); display: flex; gap: 28px; color: rgba(203,218,226,.64); font: 400 8px/1 var(--mono); letter-spacing: .15em; }
.story-media__item figcaption b { color: rgba(255,255,255,.9); font-weight: 500; }
.story-hud { position: absolute; z-index: 7; inset: 0; overflow: hidden; pointer-events: none; color: rgba(188,211,224,.58); }
.story-hud__scene { --target-x: 60%; --target-y: 50%; --axis-angle: 0deg; --axis-length: 30vw; position: absolute; inset: 0; opacity: 0; transition: opacity .42s linear; }
.story-hud__scene.is-active { opacity: 1; }
.story-hud__scene--position { --target-x: 49%; --target-y: 50%; --axis-angle: 145deg; --axis-length: 50vw; }
.story-hud__scene--measure { --target-x: 53%; --target-y: 47%; --axis-angle: 90deg; --axis-length: 29vh; }
.story-hud__scene--vision { --target-x: 59%; --target-y: 62%; --axis-angle: -68deg; --axis-length: 34vh; }
.story-hud__scene--custom { --target-x: 71%; --target-y: 50%; --axis-angle: 180deg; --axis-length: 29vw; }
.story-hud__target { position: absolute; top: var(--target-y); left: var(--target-x); width: clamp(88px,9vw,148px); height: clamp(68px,11vh,112px); opacity: 0; transform: translate(-50%,-50%) scale(.84); background: linear-gradient(90deg,rgba(190,213,226,.62) 0 25px,transparent 25px calc(100% - 25px),rgba(190,213,226,.62) calc(100% - 25px)) top/100% 1px no-repeat,linear-gradient(90deg,rgba(190,213,226,.62) 0 25px,transparent 25px calc(100% - 25px),rgba(190,213,226,.62) calc(100% - 25px)) bottom/100% 1px no-repeat,linear-gradient(180deg,rgba(190,213,226,.62) 0 22px,transparent 22px calc(100% - 22px),rgba(190,213,226,.62) calc(100% - 22px)) left/1px 100% no-repeat,linear-gradient(180deg,rgba(190,213,226,.62) 0 22px,transparent 22px calc(100% - 22px),rgba(190,213,226,.62) calc(100% - 22px)) right/1px 100% no-repeat,linear-gradient(var(--laser),var(--laser)) center/4px 4px no-repeat; }
.story-hud__target::before,.story-hud__target::after { content:""; position: absolute; opacity: .45; }
.story-hud__target::before { top: 50%; right: -22px; left: -22px; height: 1px; background: linear-gradient(90deg,rgba(190,213,226,.58),rgba(190,213,226,.58)) left/42% 1px no-repeat,linear-gradient(90deg,rgba(190,213,226,.58),rgba(190,213,226,.58)) right/42% 1px no-repeat; }
.story-hud__target::after { top: -20px; bottom: -20px; left: 50%; width: 1px; background: linear-gradient(180deg,rgba(190,213,226,.58),rgba(190,213,226,.58)) top/1px 40% no-repeat,linear-gradient(180deg,rgba(190,213,226,.58),rgba(190,213,226,.58)) bottom/1px 40% no-repeat; }
.story-hud__axis { position: absolute; top: var(--target-y); left: var(--target-x); width: var(--axis-length); height: 8px; transform: rotate(var(--axis-angle)) scaleX(0); transform-origin: left center; background: linear-gradient(rgba(190,213,226,.46),rgba(190,213,226,.46)) left center/100% 1px no-repeat,repeating-linear-gradient(90deg,rgba(190,213,226,.42) 0 1px,transparent 1px 18px) left bottom/100% 5px no-repeat; opacity: 0; }
.story-hud__ruler { position: absolute; top: 22%; right: clamp(22px,4vw,68px); width: 9px; height: 34%; border-right: 1px solid rgba(190,213,226,.32); background: repeating-linear-gradient(0deg,rgba(190,213,226,.42) 0 1px,transparent 1px 14px); }
.story-hud__readout { position: absolute; top: 22%; right: clamp(48px,6vw,104px); width: min(230px,18vw); margin: 0; padding: 13px 0 0 15px; display: grid; gap: 6px; border-top: 1px solid rgba(190,213,226,.38); border-left: 1px solid rgba(190,213,226,.2); color: #748b99; font: 400 8px/1.25 var(--mono); letter-spacing: .12em; text-shadow: 0 2px 10px rgba(0,0,0,.8); white-space: nowrap; }
.story-hud__readout b { color: #b9cad4; font-weight: 500; }
.story-hud__readout strong { margin-top: 3px; color: rgba(240,93,83,.9); font-weight: 400; }
.story-hud__scene.is-active .story-hud__target { animation: hudTargetAcquire .82s cubic-bezier(.16,1,.3,1) both; }
.story-hud__scene.is-active .story-hud__axis { animation: hudAxisAcquire 1.05s .16s cubic-bezier(.16,1,.3,1) both; }
.story-hud__scene.is-active .story-hud__readout,
.story-hud__scene.is-active .story-hud__ruler { animation: hudReadoutAcquire .75s .36s ease-out both; }
@keyframes hudTargetAcquire { 0% { opacity: 0; transform: translate(-50%,-50%) scale(1.18); } 48% { opacity: .92; transform: translate(-50%,-50%) scale(.96); } 100% { opacity: 1; transform: translate(-50%,-50%) scale(1); } }
@keyframes hudAxisAcquire { from { opacity: 0; transform: rotate(var(--axis-angle)) scaleX(0); } to { opacity: .7; transform: rotate(var(--axis-angle)) scaleX(1); } }
@keyframes hudReadoutAcquire { from { opacity: 0; translate: 0 10px; } to { opacity: 1; translate: 0 0; } }
.story-radiance { position: absolute; z-index: 10; inset: 0; overflow: hidden; pointer-events: none; mix-blend-mode: screen; }
.story-radiance__scene { --light-x: 60%; --light-y: 50%; position: absolute; inset: 0; opacity: 0; background: radial-gradient(circle at var(--light-x) var(--light-y),rgba(255,72,58,.58) 0,rgba(var(--laser-rgb),.32) 1.6%,rgba(var(--laser-rgb),.15) 7%,rgba(var(--laser-rgb),.055) 16%,transparent 31%); transition: opacity .42s linear; }
.story-radiance__scene.is-active { opacity: .9; animation: radianceBreath 3.4s ease-in-out infinite; }
.story-radiance__scene[data-light="0"] { --light-x: 49%; --light-y: 50%; }
.story-radiance__scene[data-light="1"] { --light-x: 53%; --light-y: 47%; }
.story-radiance__scene[data-light="2"] { --light-x: 59%; --light-y: 62%; }
.story-radiance__scene[data-light="3"] { --light-x: 71%; --light-y: 50%; }
.story__bar { position: absolute; z-index: 14; right: 0; left: 0; height: clamp(9px,1.5vh,16px); background: #010204; pointer-events: none; }
.story__bar--top { top: 0; }.story__bar--bottom { bottom: 0; }

@media (min-width: 901px) {
  .story-card[data-scene="2"] { top: auto; bottom: clamp(58px,8vh,92px); width: min(430px,34vw); transform: translateY(36px); }
  .story-card[data-scene="2"].is-active { transform: none; }
  .story-card[data-scene="2"] h2 { font-size: clamp(52px,5vw,76px); }
}

.company { position: relative; z-index: 8; padding: clamp(110px, 15vw, 230px) clamp(22px, 7.4vw, 142px); background: linear-gradient(135deg,#b9c5cb 0%,#cbd4d8 48%,#aebdc4 100%); color: #071019; }
.company .section-index { color: #52738e; }
.company__intro { display: grid; grid-template-columns: 1fr 3.2fr; gap: 5vw; margin-bottom: 100px; }
.company__intro h2 { margin: 0; font-size: clamp(42px, 6.2vw, 94px); line-height: 1.01; letter-spacing: -.06em; font-weight: 400; }
.company__intro h2 em { color: #5d7f99; font-style: normal; }
.company__grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr; border-top: 1px solid rgba(5,51,78,.2); border-left: 1px solid rgba(5,51,78,.2); }
.metric {
  --metric-blur: 7px; --metric-position: center; --metric-grade: linear-gradient(180deg,rgba(3,8,13,.38),rgba(3,8,13,.82) 58%,rgba(3,8,13,.96));
  position: relative; isolation: isolate; min-height: 350px; padding: clamp(28px, 3vw, 52px); overflow: hidden;
  border-right: 1px solid rgba(199,218,228,.14); border-bottom: 1px solid rgba(199,218,228,.14); background: #071019; color: var(--white);
}
.metric::after { content:""; position: absolute; z-index: 1; inset: 0; background: var(--metric-grade); pointer-events: none; }
.metric > img {
  position: absolute; z-index: 0; inset: -18px; width: calc(100% + 36px); height: calc(100% + 36px); object-fit: cover; object-position: var(--metric-position);
  filter: blur(var(--metric-blur)) saturate(.56) contrast(1.08) brightness(.7); transform: scale(1.065);
  transition: transform 1.8s cubic-bezier(.16,1,.3,1),filter 1s ease;
}
.metric.is-inview > img { transform: scale(1.025); }
.metric > *:not(img) { position: relative; z-index: 3; }
.metric--large { grid-row: span 2; min-height: 700px; display: flex; flex-wrap: wrap; align-content: flex-end; }
.metric--hq { --metric-blur: 2px; --metric-position: 50% 52%; --metric-grade: linear-gradient(180deg,rgba(3,7,11,.1),rgba(3,7,11,.44) 50%,rgba(3,7,11,.9) 90%); }
.metric--rd { --metric-blur: 3px; --metric-position: 58% 50%; --metric-grade: linear-gradient(180deg,rgba(3,7,11,.18),rgba(3,7,11,.78)); }
.metric--engineering { --metric-blur: 3px; --metric-position: 72% 48%; --metric-grade: linear-gradient(180deg,rgba(3,12,19,.26),rgba(3,12,19,.72)); }
.metric--method { --metric-blur: 2px; --metric-position: 48% 48%; --metric-grade: linear-gradient(90deg,rgba(3,8,13,.82),rgba(3,8,13,.44) 64%,rgba(3,8,13,.7)); }
.metric--blue { color: var(--white); }
.metric--wide { grid-column: span 2; }
.metric__eyebrow { width: 100%; align-self: flex-start; margin: 0; color: #a5bac6; font: 500 9px/1 var(--mono); letter-spacing: .18em; }
.metric__subline { width: 100%; margin: 11px 0 0; color: #758d9b; font: 400 8px/1.3 var(--mono); letter-spacing: .14em; }
.metric strong { display: inline-block; margin-top: 80px; font-size: clamp(68px, 8vw, 126px); line-height: .8; letter-spacing: -.07em; font-weight: 400; }
.metric small { align-self: flex-end; margin: 0 0 14px 12px; font: 400 18px/1 var(--mono); }
.metric > p:last-child { width: 100%; max-width: 320px; margin: 35px 0 0; color: #c3ced4; font-size: 14px; line-height: 1.7; text-shadow: 0 2px 15px rgba(0,0,0,.7); }
.metric blockquote { max-width: 830px; margin: 78px 0 0; color: #eef3f5; font-size: clamp(25px, 3vw, 42px); line-height: 1.25; letter-spacing: -.035em; font-weight: 400; text-shadow: 0 2px 18px rgba(0,0,0,.8); }
.metric__glow { position: absolute; z-index: 2; top: 17%; left: -110%; width: 220%; height: 1px; transform: rotate(32deg); background: linear-gradient(90deg,transparent,var(--laser),transparent); box-shadow: 0 0 18px rgba(var(--laser-rgb),.52); animation: metricLaserSweep 8s 1.2s ease-in-out infinite; }
@keyframes metricLaserSweep { 0%,14% { translate: -8% 0; opacity: 0; } 22% { opacity: .72; } 70% { translate: 78% 0; opacity: .5; } 82%,100% { translate: 78% 0; opacity: 0; } }

.real-work { position: relative; z-index: 8; padding: clamp(110px, 13vw, 210px) clamp(22px, 7.4vw, 142px); background: #02070b; }
.real-work__head { display: grid; grid-template-columns: 2.1fr 1fr; gap: 8vw; align-items: end; margin-bottom: clamp(65px, 8vw, 120px); }
.real-work__head h2 { margin: 0; font-size: clamp(48px, 6.3vw, 96px); line-height: .98; letter-spacing: -.06em; font-weight: 400; }
.real-work__head h2 em { color: var(--steel); font-style: normal; }
.real-work__head > p:last-child { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.real-work__grid { display: grid; grid-template-columns: 1.35fr 1fr; grid-template-rows: repeat(2, clamp(280px, 27vw, 480px)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.real-shot { position: relative; min-height: 0; margin: 0; overflow: hidden; background: #081018; }
.real-shot::after { content:""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(2,7,11,.08) 40%,rgba(2,7,11,.88) 100%),linear-gradient(90deg,rgba(2,7,11,.42),transparent 45%); }
.real-shot--vision { grid-row: span 2; }
.real-shot img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) contrast(1.12) brightness(.78); transition: transform 1.4s cubic-bezier(.2,.75,.2,1), filter .8s ease; }
.real-shot--vision img { object-position: 55% center; }
.real-shot--module img { object-position: 68% center; filter: saturate(.72) contrast(1.16) brightness(.66); }
.real-shot--bench img { object-position: center; }
.real-shot:hover img { transform: scale(1.035); filter: saturate(.86) contrast(1.1) brightness(.84); }
.real-shot figcaption { position: absolute; z-index: 4; right: 28px; bottom: 25px; left: 28px; display: flex; justify-content: space-between; gap: 20px; color: #93a5b1; font: 400 8px/1.3 var(--mono); letter-spacing: .14em; }
.real-shot figcaption b { color: #eef3f5; font-weight: 500; }
.real-shot__reticle { position: absolute; z-index: 3; top: 48%; left: 58%; width: 68px; height: 68px; background: linear-gradient(90deg,rgba(220,232,238,.65) 0 18px,transparent 18px 50px,rgba(220,232,238,.65) 50px) top/100% 1px no-repeat,linear-gradient(90deg,rgba(220,232,238,.65) 0 18px,transparent 18px 50px,rgba(220,232,238,.65) 50px) bottom/100% 1px no-repeat,linear-gradient(180deg,rgba(220,232,238,.65) 0 18px,transparent 18px 50px,rgba(220,232,238,.65) 50px) left/1px 100% no-repeat,linear-gradient(180deg,rgba(220,232,238,.65) 0 18px,transparent 18px 50px,rgba(220,232,238,.65) 50px) right/1px 100% no-repeat; }
.real-shot__reticle::before,.real-shot__reticle::after { content:""; position: absolute; background: var(--laser); }
.real-shot__reticle::before { top: 50%; left: -20px; right: -20px; height: 1px; }.real-shot__reticle::after { left: 50%; top: -20px; bottom: -20px; width: 1px; }
.real-shot__beam { position: absolute; z-index: 3; top: 55%; right: 8%; width: 47%; height: 1px; background: linear-gradient(90deg,transparent,var(--laser),#d5e0e5); box-shadow: 0 0 11px rgba(var(--laser-rgb),.9); transform: rotate(-6deg); transform-origin: right; }
.real-shot__scan { position: absolute; z-index: 3; top: 9%; bottom: 9%; left: 21%; width: 1px; background: var(--laser); box-shadow: 0 0 12px 2px rgba(var(--laser-rgb),.55); animation: realScan 5.4s ease-in-out infinite; }
@keyframes realScan { 0%,12% { left: 18%; opacity: 0; } 22% { opacity: 1; } 75% { left: 82%; opacity: 1; } 87%,100% { left: 82%; opacity: 0; } }

.solutions { position: relative; z-index: 8; padding: clamp(110px, 13vw, 210px) clamp(22px, 7.4vw, 142px); background: #061019; }
.solutions__head { display: grid; grid-template-columns: 2.2fr 1fr; gap: 8vw; align-items: end; margin-bottom: 100px; }
.solutions__head h2 { margin: 25px 0 0; font-size: clamp(48px, 6vw, 92px); line-height: .98; letter-spacing: -.06em; font-weight: 400; }
.solutions__head > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.solution-list { border-top: 1px solid var(--line); }
.solution { min-height: 120px; display: grid; grid-template-columns: 70px 1.5fr 1fr 40px; gap: 25px; align-items: center; border-bottom: 1px solid var(--line); text-decoration: none; transition: background .35s ease, padding .35s ease; }
.solution > span, .solution > p { color: #6f818e; font: 400 10px/1.5 var(--mono); letter-spacing: .08em; }
.solution h3 { margin: 0; font-size: clamp(22px, 2.3vw, 36px); letter-spacing: -.035em; font-weight: 400; }
.solution p { margin: 0; }
.solution i { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; font-style: normal; transition: .3s ease; }
.solution:hover { padding: 0 24px; background: rgba(104,136,164,.08); }
.solution:hover h3 { color: #fff; }
.solution:hover i { border-color: var(--laser); background: var(--laser); transform: rotate(45deg); }

.industries { position: relative; z-index: 8; padding: 100px 0 150px; overflow: hidden; background: var(--steel); color: #061019; }
.industries > .section-index { margin: 0 clamp(22px, 7.4vw, 142px) 70px; color: #e9f1f5; }
.marquee { border-top: 1px solid rgba(5,51,78,.35); border-bottom: 1px solid rgba(5,51,78,.35); padding: 22px 0 30px; }
.marquee__track { width: max-content; display: flex; align-items: center; gap: 42px; animation: marquee 30s linear infinite; }
.marquee__track span { font-size: clamp(65px, 10vw, 160px); line-height: .95; letter-spacing: -.06em; font-weight: 400; }
.marquee__track i { width: 12px; height: 12px; border-radius: 50%; background: var(--laser); box-shadow: 0 0 15px rgba(var(--laser-rgb),.75); }
@keyframes marquee { to { transform: translateX(-50%); } }
.industries__copy { max-width: 590px; margin: 80px clamp(22px, 7.4vw, 142px) 0 auto; font-size: clamp(19px, 2vw, 30px); line-height: 1.45; letter-spacing: -.02em; }

.contact { position: relative; z-index: 8; min-height: 100svh; padding: 150px 22px; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; background: radial-gradient(circle at 50% 45%, rgba(5,51,78,.35), transparent 35%), #03070b; text-align: center; }
.contact__beam { position: absolute; top: 47%; left: -20%; width: 140%; height: 1px; overflow: visible; background: linear-gradient(90deg,transparent 5%,var(--laser),#d5e0e5 50%,var(--laser),transparent 95%); box-shadow: 0 0 12px 2px rgba(var(--laser-rgb),.8), 0 0 50px 8px rgba(var(--laser-rgb),.22); opacity: .65; transform: rotate(-7deg); }
.contact__beam::after { content:""; position: absolute; top: -1px; left: 0; width: 12%; height: 3px; background: linear-gradient(90deg,transparent,var(--laser),#d5e0e5,transparent); box-shadow: 0 0 20px 3px rgba(var(--laser-rgb),.72); animation: contactBeamTravel 5.2s ease-in-out infinite; }
@keyframes contactBeamTravel { 0%,12% { translate: -20% 0; opacity: 0; } 22% { opacity: 1; } 78% { opacity: .85; } 90%,100% { translate: 850% 0; opacity: 0; } }
.contact > *:not(.contact__beam) { position: relative; }
.contact h2 { margin: 32px 0; font-size: clamp(66px, 10vw, 160px); line-height: .82; letter-spacing: -.075em; font-weight: 400; }
.contact > p:not(.kicker) { max-width: 520px; margin: 0; color: #92a2ad; font-size: 16px; line-height: 1.6; }
.contact__actions { margin-top: 48px; display: flex; align-items: center; gap: 36px; }
.primary-button { min-width: 270px; padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; background: #b9c8cf; color: #061019; font-size: 13px; font-weight: 600; text-decoration: none; }
.primary-button i { font-style: normal; transition: transform .3s; }
.primary-button:hover i { transform: translate(3px,-3px); }
.text-link { color: #b8c4cc; font: 400 11px/1 var(--mono); letter-spacing: .08em; text-underline-offset: 6px; }

footer { z-index: 8; min-height: 145px; padding: 35px clamp(22px, 4vw, 68px); display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 40px; align-items: center; background: #020507; border-top: 1px solid var(--line); }
.footer-brand { display: inline-flex; align-items: center; gap: 13px; width: max-content; text-decoration: none; }
.footer-brand__mark { display: block; width: 52px; aspect-ratio: 1; filter: drop-shadow(-5px 0 9px rgba(0,123,255,.12)) drop-shadow(5px 0 10px rgba(var(--laser-rgb),.16)); }
.footer-brand__mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.footer-brand__wordmark { display: block; width: 155px; filter: invert(1) brightness(1.9); }
footer div { display: flex; justify-content: center; gap: 35px; color: #6e7d87; font: 400 9px/1.5 var(--mono); letter-spacing: .08em; }
footer p { margin: 0; }
footer > a:not(.footer-brand) { justify-self: end; color: #8a98a2; font: 500 9px/1 var(--mono); letter-spacing: .12em; text-decoration: none; }

@media (max-width: 900px) {
  :root { --snap-header-offset: 72px; }
  .intro-sequence { --source-x: clamp(205px,31vw,340px); --source-width: clamp(700px,102vw,860px); }
  .intro-sequence__logo { width: min(84vw, 760px); grid-template-columns: clamp(88px,16vw,140px) minmax(0,1fr); gap: clamp(16px,2.5vw,28px); }
  .intro-sequence__meta { right: 22px; bottom: 28px; }
  .intro-sequence__meta span:first-child { display: none; }
  .site-header { grid-template-columns: 1fr auto; height: 72px; }
  .desktop-nav, .header-cta span { display: none; }
  .hero { height: 158svh; min-height: 1040px; }
  .hero__stage { padding-left: 28px; padding-right: 28px; }
  .hero__stage::before { background: linear-gradient(180deg,rgba(2,5,8,.12) 0 34%,rgba(2,5,8,.74) 61%,rgba(2,5,8,.98) 82% 100%),linear-gradient(90deg,rgba(2,5,8,.7),transparent 72%); }
  .hero__machine::after { background: linear-gradient(180deg,rgba(2,5,8,.18),transparent 34%,rgba(2,5,8,.92) 80%,#020507); }
  .hero__machine img { height: 72svh; min-height: 500px; object-position: 52% center; }
  .hero-optics { --optic-x: 72%; --optic-y: 34%; }
  .hero-optics__axis { top: var(--optic-y); left: 10%; width: 62%; }
  .hero-optics__target { width: 84px; height: 62px; }
  .hero-optics__ruler,.hero-optics__readout { display: none; }
  .hero-scan__status { top: 94px; left: 28px; min-width: min(280px,calc(100vw - 56px)); }
  .hero-scan__readout,.hero-scan__scale,.hero-scan__instruction { display: none; }
  .hero-scan__field { top: 12%; bottom: 30%; left: 8%; }
  .hero-scan__plane { top: 11%; bottom: 29%; }
  .hero-scan__target { top: 34%; left: 72%; width: 92px; }
  .hero-scan::before { top: 82px; left: 18px; }
  .hero-scan::after { right: 18px; bottom: 22px; }
  .hero__radiance { background: radial-gradient(circle at 72% 34%,rgba(255,72,58,.52) 0,rgba(var(--laser-rgb),.27) 1.4%,rgba(var(--laser-rgb),.12) 7%,rgba(var(--laser-rgb),.045) 15%,transparent 30%); }
  .hero__frame-meta { display: none; }
  .hero__content { width: 94%; }
  .hero h1 { font-size: clamp(58px, 15vw, 102px); }
  .hero__hud, .hero__scroll { display: none; }
  .manifesto { grid-template-columns: 1fr; padding-top: 120px; padding-bottom: 120px; }
  .manifesto__copy { margin: 60px 0; }
  .manifesto__aside { max-width: 480px; }
  .story { height: 520svh; }
  .story__sticky { height: 100svh; min-height: 620px; }
  .story__sticky::after { background: linear-gradient(180deg,rgba(2,5,8,.12) 0 35%,rgba(2,5,8,.72) 56%,rgba(2,5,8,.99) 78% 100%); }
  .story[data-active-scene="2"] .story__sticky::after { background: linear-gradient(180deg,rgba(2,5,8,.035) 0 36%,rgba(2,5,8,.5) 54%,rgba(2,5,8,.985) 77% 100%); }
  .story-media { inset: 0; width: auto; height: auto; }
  .story-media__item::before { background: linear-gradient(0deg,#020507 0 29%,rgba(2,5,8,.82) 43%,transparent 67%,rgba(2,5,8,.32)); }
  .story-media__item::after { opacity: .07; -webkit-mask-image: linear-gradient(180deg,#000 0 58%,transparent 78%); mask-image: linear-gradient(180deg,#000 0 58%,transparent 78%); }
  .story-media__item img { height: 67svh; min-height: 410px; object-position: 60% center; transform: scale(var(--shot-scale)); }
  .story-media__item[data-visual="0"] img { object-position: 62% center; }
  .story-media__item[data-visual="1"] img { object-position: 56% center; }
  .story-media__item[data-visual="2"] img { position: absolute; top: 82px; left: -10%; width: 120%; height: auto; min-height: 0; aspect-ratio: 2 / 1; object-fit: cover; object-position: center; transform: scale(var(--shot-scale)); transform-origin: 50% center; }
  .story-media__item[data-visual="3"] img { object-position: 61% center; }
  .story-component-cloud { top: 82px; right: auto; bottom: auto; left: -10%; width: 120%; height: auto; aspect-ratio: 2 / 1; transform: scale(var(--shot-scale)); transform-origin: 50% center; }
  .story-media__item.is-active .story-component-cloud { opacity: .78; }
  .story-media__item figcaption { display: none; }
  .story-hud__scene--position { --target-x: 55%; --target-y: 34%; --axis-length: 48vw; }
  .story-hud__scene--measure { --target-x: 61%; --target-y: 32%; --axis-length: 25vh; }
  .story-hud__scene--vision { --target-x: 68%; --target-y: 41%; --axis-length: 27vh; }
  .story-hud__scene--custom { --target-x: 85%; --target-y: 35%; --axis-length: 36vw; }
  .story-hud__target { width: 86px; height: 64px; }
  .story-hud__axis { opacity: .5; }
  .story-hud__ruler { display: none; }
  .story-hud__readout { top: 92px; right: auto; left: 54px; width: min(220px,48vw); }
  .story-radiance__scene[data-light="0"] { --light-x: 55%; --light-y: 34%; }
  .story-radiance__scene[data-light="1"] { --light-x: 61%; --light-y: 32%; }
  .story-radiance__scene[data-light="2"] { --light-x: 68%; --light-y: 41%; }
  .story-radiance__scene[data-light="3"] { --light-x: 85%; --light-y: 35%; }
  .story-card { top: auto; bottom: max(42px, 7svh); left: 54px; width: calc(100% - 82px); transform: translateY(30px); }
  .story-card.is-active { transform: none; }
  .story-card h2 { font-size: 62px; }
  .story__rail { left: 24px; top: 12%; bottom: 12%; }
  .company__intro { grid-template-columns: 1fr; }
  .company__grid { grid-template-columns: 1fr 1fr; }
  .metric--large { grid-row: auto; grid-column: span 2; min-height: 520px; }
  .metric--wide { grid-column: span 2; }
  .real-work__head { grid-template-columns: 1fr; }
  .real-work__head > p:last-child { max-width: 520px; }
  .real-work__grid { grid-template-columns: 1fr; grid-template-rows: none; }
  .real-shot, .real-shot--vision { grid-row: auto; aspect-ratio: 1.35 / 1; }
  .solutions__head { grid-template-columns: 1fr; }
  .solution { grid-template-columns: 45px 1fr 38px; }
  .solution p { display: none; }
  footer { grid-template-columns: 1fr auto; }
  footer div { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; flex-wrap: wrap; }
}

@media (max-width: 600px) {
  .intro-sequence { --source-x: clamp(150px,39vw,182px); --source-width: 660px; }
  .intro-sequence__logo { width: 88vw; grid-template-columns: clamp(68px,20vw,96px) minmax(0,1fr); gap: 12px; }
  .intro-sequence__source-reticle { width: 58px; height: 46px; }
  .intro-sequence__source-reticle::before { right: -12px; left: -12px; }
  .intro-sequence__source-reticle::after { top: -11px; bottom: -11px; }
  .intro-sequence__source-meta { display: none; }
  .brand { gap: 8px; }
  .brand__mark { flex-basis: 40px; width: 40px; }
  .brand__wordmark { width: 108px; }
  .hero { height: 150svh; min-height: 1040px; }
  .hero__stage { min-height: 700px; padding-bottom: 65px; }
  .hero__machine img { object-position: 52% center; filter: saturate(.61) contrast(1.12) brightness(.68); }
  .hero-optics { --optic-x: 88%; --optic-y: 34%; }
  .hero-optics__axis { left: 10%; width: 78%; }
  .hero__radiance { background: radial-gradient(circle at 88% 34%,rgba(255,72,58,.5) 0,rgba(var(--laser-rgb),.25) 1.4%,rgba(var(--laser-rgb),.11) 7%,rgba(var(--laser-rgb),.04) 15%,transparent 31%); }
  .hero-scan__status { top: 86px; }
  .hero-scan__status small { display: none; }
  .hero-scan__field { bottom: 34%; }
  .hero-scan__plane { bottom: 33%; }
  .hero-scan__target { left: 88%; }
  .hero h1 { margin-bottom: 32px; font-size: clamp(54px, 17vw, 82px); }
  .hero__bottom { display: block; }
  .round-link { width: 72px; height: 72px; margin-top: 26px; }
  .manifesto__copy p { font-size: 49px; }
  .story-card { bottom: max(34px, 5svh); grid-template-columns: 1fr; gap: 8px; }
  .story-card h2 { margin: 12px 0 18px; font-size: 52px; }
  .story-card__number { display: none; }
  .story-card div > p:not(.kicker) { font-size: 14px; }
  .story-media__item[data-visual="2"] img,.story-component-cloud { top: 78px; left: -14%; width: 128%; }
  .story-hud__scene--position { --target-x: 28%; --target-y: 34%; }
  .story-hud__scene--measure { --target-x: 47%; --target-y: 32%; }
  .story-hud__scene--vision { --target-x: 58%; --target-y: 41%; }
  .story-hud__scene--custom { --target-x: 85%; --target-y: 35%; }
  .story-hud__target { width: 72px; height: 54px; }
  .story-hud__readout { top: 86px; left: 42px; width: min(190px,54vw); padding-top: 10px; padding-left: 11px; }
  .story-hud__readout span { display: none; }
  .story-radiance__scene[data-light="0"] { --light-x: 28%; --light-y: 34%; }
  .story-radiance__scene[data-light="1"] { --light-x: 47%; --light-y: 32%; }
  .story-radiance__scene[data-light="2"] { --light-x: 58%; --light-y: 41%; }
  .story-radiance__scene[data-light="3"] { --light-x: 85%; --light-y: 35%; }
  .company { padding-top: 105px; padding-bottom: 105px; }
  .company__intro { margin-bottom: 60px; }
  .company__grid { grid-template-columns: 1fr; }
  .metric, .metric--large, .metric--wide { grid-column: auto; min-height: 320px; }
  .metric--large { min-height: 500px; }
  .metric strong { margin-top: 55px; }
  .real-work { padding-top: 105px; padding-bottom: 105px; }
  .real-work__head { margin-bottom: 55px; }
  .real-work__head h2 { font-size: 50px; }
  .real-shot, .real-shot--vision { aspect-ratio: 1.08 / 1; }
  .real-shot figcaption { right: 18px; bottom: 18px; left: 18px; display: grid; gap: 7px; }
  .real-shot--module img { object-position: 72% center; }
  .solutions { padding-top: 110px; padding-bottom: 110px; }
  .solutions__head { margin-bottom: 60px; }
  .solution { min-height: 98px; grid-template-columns: 30px 1fr 32px; gap: 12px; }
  .solution h3 { font-size: 20px; }
  .solution:hover { padding: 0 8px; }
  .industries { padding-bottom: 110px; }
  .industries__copy { margin-left: 24px; }
  .contact__actions { flex-direction: column; }
  .contact h2 { font-size: 70px; }
  .primary-button { min-width: min(290px, 86vw); }
  footer { padding-top: 45px; padding-bottom: 45px; }
  .footer-brand { gap: 10px; }
  .footer-brand__mark { width: 44px; }
  .footer-brand__wordmark { width: 132px; }
  footer div { display: grid; gap: 8px; }
}

@media (max-height: 620px) and (orientation: landscape) {
  .story__sticky { height: 100dvh; min-height: 0; }
  .story-hud__readout span,.story-hud__readout strong { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html,html.is-magnet-snapping { scroll-behavior: auto; scroll-snap-type: none; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .marquee__track { animation: none; }
  .hero__radiance,.story-radiance__scene.is-active { animation: none !important; opacity: .76; }
  .real-shot__scan { animation: none !important; opacity: .55; }
  .story-component-cloud { transition: none; }
  .story-media__item.is-active .story-component-cloud { opacity: .58; }
  #continuity-canvas { display: none; }
  .manifesto { --beam-arrival: 1 !important; }
  .hero { height: 100svh; min-height: 700px; }
  .hero-scan__pulse { box-shadow: none; }
}