:root {
  --ink: #101411;
  --ink-soft: #1a201b;
  --paper: #eeede6;
  --paper-dark: #d9d8d0;
  --lime: #c8ff4f;
  --lime-dim: #89ae2d;
  --violet: #a89df8;
  --peach: #ffb186;
  --line: rgba(238, 237, 230, 0.17);
  --muted: rgba(238, 237, 230, 0.63);
  --mono: ui-monospace, 'Cascadia Mono', 'SFMono-Regular', Consolas, monospace;
  --display: 'Bahnschrift', 'Arial Narrow', 'Segoe UI', Arial, sans-serif;
  --body: 'Segoe UI', Arial, sans-serif;
  --max: 1420px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: var(--body); font-size: 16px; -webkit-font-smoothing: antialiased; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; }

.skip-link { position: fixed; z-index: 100; top: 8px; left: 8px; padding: 10px 14px; color: var(--ink); background: var(--lime); transform: translateY(-150%); transition: transform .2s ease; font: 500 12px var(--mono); }
.skip-link:focus { transform: translateY(0); }
.site-shell { overflow: clip; }
.site-header { position: fixed; z-index: 10; top: 0; left: 50%; display: flex; width: min(calc(100% - 72px), var(--max)); height: 96px; align-items: center; justify-content: space-between; transform: translateX(-50%); border-bottom: 1px solid var(--line); transition: height .22s ease, background-color .22s ease, border-color .22s ease; }
.site-header.is-scrolled { height: 74px; border-color: rgba(238,237,230,.1); background: rgba(10,13,11,.82); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--paper); font: 600 14px var(--display); letter-spacing: -.02em; }
.brand-mark { width: 24px; height: 24px; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.brand-muted { color: var(--lime); }
.primary-nav { display: flex; gap: 30px; margin-left: 105px; }
.primary-nav a, .header-cta { color: var(--muted); font: 500 11px var(--mono); letter-spacing: .02em; transition: color .2s ease; }
.primary-nav a:hover, .header-cta:hover { color: var(--paper); }
.header-cta { display: inline-flex; padding: 0; align-items: center; gap: 9px; border: 0; background: transparent; color: var(--paper); }
.header-cta span { color: var(--lime); font-size: 15px; }

.hero { position: relative; display: flex; min-height: 810px; padding: 176px max(36px, calc((100vw - var(--max)) / 2)) 70px; align-items: flex-start; background: #101411; isolation: isolate; }
.hero::before { position: absolute; z-index: -3; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 72% 48%, rgba(200,255,79,.07), transparent 22%), linear-gradient(107deg, #101411 0%, #101411 53%, #151a17 100%); content: ''; }
.hero::after { position: absolute; z-index: -2; inset: 0; opacity: .23; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E"); pointer-events: none; content: ''; }
.hero-grid { position: absolute; z-index: -2; inset: 96px 0 0; background-image: linear-gradient(to right, rgba(238,237,230,.035) 1px, transparent 1px), linear-gradient(to bottom, rgba(238,237,230,.035) 1px, transparent 1px); background-size: min(20vw, 280px) min(20vw, 280px); mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,.28) 78%, transparent); }
.system-canvas { position: absolute; z-index: -1; top: 96px; right: 0; width: 65%; height: calc(100% - 96px); pointer-events: none; opacity: .83; }
.canvas-fallback { position: absolute; z-index: -1; top: 26%; right: 16%; width: min(37vw, 480px); aspect-ratio: 1; border: 1px solid rgba(200,255,79,.42); border-radius: 50%; transform: rotateX(59deg) rotateZ(-18deg); }
.canvas-fallback span { position: absolute; inset: 16%; border: 1px solid rgba(200,255,79,.25); border-radius: 50%; }.canvas-fallback span:nth-child(2) { inset: 34%; }.canvas-fallback span:nth-child(3) { inset: 46%; background: var(--lime); box-shadow: 0 0 65px 18px rgba(200,255,79,.42); }
.canvas-ready + .canvas-fallback { display: none; }

.hero-copy { position: relative; z-index: 2; width: min(610px, 54%); }
.eyebrow { display: flex; margin: 0 0 24px; align-items: center; gap: 8px; color: var(--lime); font: 500 10px/1.45 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.pulse-dot { display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(200,255,79,.12); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--display); }
h1 { max-width: 665px; margin-bottom: 26px; font-size: clamp(3.55rem, 6.05vw, 6.55rem); font-weight: 500; letter-spacing: -.075em; line-height: .91; }
h1 em { color: var(--lime); font-style: normal; }
.hero-summary { max-width: 480px; margin-bottom: 35px; color: var(--muted); font-size: 15px; line-height: 1.75; }
.hero-actions { display: flex; gap: 11px; align-items: center; }
.button { display: inline-flex; min-height: 49px; padding: 0 17px; align-items: center; justify-content: center; gap: 20px; border: 1px solid transparent; font: 500 11px var(--mono); letter-spacing: .01em; transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease; }
.button:hover { transform: translateY(-2px); }
.button-solid { background: var(--lime); color: var(--ink); }.button-solid:hover { background: #d8ff87; }
.button-ghost { border-color: rgba(238,237,230,.28); background: rgba(16,20,17,.42); color: var(--paper); }.button-ghost:hover { border-color: var(--paper); }
.button-light { background: var(--paper); color: var(--ink); }.button-light:hover { background: #fff; }

.hero-object { position: absolute; z-index: 1; top: 200px; right: max(30px, calc((100vw - var(--max)) / 2)); display: flex; width: min(39vw, 530px); aspect-ratio: 1; flex-direction: column; align-items: center; justify-content: center; pointer-events: none; }
.object-caption { position: absolute; top: 9%; right: 3%; display: flex; align-items: center; gap: 10px; color: var(--muted); font: 500 9px var(--mono); letter-spacing: .11em; }.caption-line { display: inline-block; width: 43px; height: 1px; background: var(--lime); }.object-caption strong { color: var(--paper); font-weight: 500; }
.object-core { position: relative; width: 42%; height: 42%; transform-style: preserve-3d; animation: coreTurn 10s linear infinite; }
.core-glow { position: absolute; top: 50%; left: 50%; width: 45%; aspect-ratio: 1; border-radius: 50%; background: var(--lime); box-shadow: 0 0 40px 16px rgba(200,255,79,.58), 0 0 120px 52px rgba(200,255,79,.17); transform: translate3d(-50%, -50%, 10px); }
.core-face { position: absolute; top: 50%; left: 50%; display: block; width: 84%; aspect-ratio: 1; border: 1px solid rgba(200,255,79,.84); background: linear-gradient(135deg, rgba(200,255,79,.17), rgba(200,255,79,.01)); box-shadow: inset 0 0 28px rgba(200,255,79,.1); transform-style: preserve-3d; }.core-face-a { transform: translate(-50%,-50%) rotateX(63deg) rotateZ(45deg); }.core-face-b { transform: translate(-50%,-50%) rotateY(58deg) rotateZ(45deg); }.core-face-c { transform: translate(-50%,-50%) rotateZ(45deg) translateZ(19px); }
.orbit { position: absolute; top: 50%; left: 50%; display: block; border: 1px solid rgba(200,255,79,.42); border-radius: 50%; transform-style: preserve-3d; }.orbit-a { width: 142%; height: 49%; transform: translate(-50%,-50%) rotateX(69deg) rotateZ(10deg); }.orbit-b { width: 142%; height: 49%; transform: translate(-50%,-50%) rotateX(69deg) rotateZ(70deg); }.orbit-c { width: 142%; height: 49%; transform: translate(-50%,-50%) rotateX(69deg) rotateZ(130deg); }
.object-control { position: absolute; bottom: 6%; display: flex; padding: 0; align-items: center; gap: 8px; border: 0; color: var(--muted); background: transparent; font: 500 9px var(--mono); letter-spacing: .07em; pointer-events: auto; }.object-control:hover { color: var(--paper); }.control-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgba(200,255,79,.12); }.object-control[aria-pressed="true"] .control-dot { background: var(--muted); box-shadow: none; }
.hero.is-motion-paused .object-core { animation-play-state: paused; }
.hero-meta { position: absolute; bottom: 54px; left: max(36px, calc((100vw - var(--max)) / 2)); display: flex; align-items: center; gap: 10px; color: rgba(238,237,230,.36); font: 500 9px var(--mono); letter-spacing: .08em; }.meta-divider { display: block; width: 26px; height: 1px; background: rgba(238,237,230,.28); }
.scroll-marker { position: absolute; right: max(36px, calc((100vw - var(--max)) / 2)); bottom: 49px; display: flex; align-items: center; gap: 12px; color: var(--muted); font: 500 9px var(--mono); letter-spacing: .06em; }.scroll-marker i { display: block; width: 52px; height: 1px; background: linear-gradient(to right, var(--lime) 40%, rgba(238,237,230,.25) 40%); transition: width .25s ease; }.scroll-marker:hover i { width: 65px; }

.section-pad { padding-right: max(36px, calc((100vw - var(--max)) / 2)); padding-left: max(36px, calc((100vw - var(--max)) / 2)); }.section-index { color: var(--lime); font: 500 10px var(--mono); letter-spacing: .08em; }
.intro { display: grid; min-height: 540px; padding-top: 125px; padding-bottom: 96px; grid-template-columns: 15% minmax(0, 1fr) 25%; gap: 2%; background: var(--paper); color: var(--ink); }.intro .section-index { color: #687565; }.intro .eyebrow { margin-bottom: 28px; color: #718263; }.intro-statement h2 { max-width: 750px; margin: 0; font-size: clamp(2rem, 3.75vw, 4.15rem); font-weight: 500; letter-spacing: -.065em; line-height: 1.02; }.intro-aside { align-self: end; max-width: 270px; margin: 0 0 7px; color: #555f55; font-size: 14px; line-height: 1.75; }

.systems { padding-top: 120px; padding-bottom: 124px; background: #161c18; }.section-heading { display: grid; margin-bottom: 59px; grid-template-columns: 15% minmax(0, 1fr) 25%; gap: 2%; }.section-heading .eyebrow { margin-bottom: 18px; }.section-heading h2 { margin: 0; font-size: clamp(2.15rem, 4vw, 4.25rem); font-weight: 500; letter-spacing: -.065em; line-height: .97; }.section-heading > p { align-self: end; max-width: 295px; margin: 0 0 3px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.system-list { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.system-card { position: relative; display: flex; min-height: 500px; padding: 20px 20px 18px; flex-direction: column; overflow: hidden; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #171e1a; transition: background .35s ease, transform .35s cubic-bezier(.2,.9,.2,1); }.system-card:hover, .system-card.is-selected { background: #202a23; }.system-card:hover { transform: translateY(-5px); }.system-card::before { position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: transparent; content: ''; transition: background .3s ease; }.system-card.is-selected::before { background: var(--lime); }.card-topline { position: relative; z-index: 1; display: flex; justify-content: space-between; color: rgba(238,237,230,.5); font: 500 9px var(--mono); letter-spacing: .07em; }.availability { color: var(--lime); }.card-visual { position: relative; display: grid; height: 250px; margin: 6px 0 10px; place-items: center; }.card-visual::after { position: absolute; bottom: 27px; width: 74%; height: 2px; opacity: .35; background: linear-gradient(90deg, transparent, var(--lime), transparent); content: ''; }.card-visual-route span { position: absolute; display: block; border: 1px solid var(--lime); }.card-visual-route span:nth-child(1) { width: 160px; height: 114px; transform: rotateX(58deg) rotateZ(45deg); box-shadow: 0 0 32px rgba(200,255,79,.16); }.card-visual-route span:nth-child(2) { width: 93px; height: 66px; background: rgba(200,255,79,.15); transform: rotateX(58deg) rotateZ(45deg) translateZ(30px); }.card-visual-route span:nth-child(3) { width: 16px; height: 16px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 30px 9px rgba(200,255,79,.4); }.card-visual-signal span { position: absolute; width: 10px; height: 10px; border: 1px solid var(--violet); border-radius: 50%; background: #202a23; box-shadow: 0 0 22px rgba(168,157,248,.25); }.card-visual-signal span::after { position: absolute; top: 4px; left: 9px; width: 75px; height: 1px; background: rgba(168,157,248,.58); transform-origin: left; content: ''; }.card-visual-signal span:nth-child(1) { transform: translate(-72px,-55px); }.card-visual-signal span:nth-child(2) { transform: translate(12px,-20px); }.card-visual-signal span:nth-child(3) { transform: translate(-12px,49px); }.card-visual-signal span:nth-child(4) { transform: translate(88px,38px); }.card-visual-signal span:nth-child(2)::after { width: 45px; transform: rotate(108deg); }.card-visual-signal span:nth-child(3)::after { width: 96px; transform: rotate(-8deg); }.card-visual-signal span:nth-child(4)::after { display: none; }.card-visual-signal::after { background: linear-gradient(90deg, transparent, var(--violet), transparent); }.card-visual-ledger { perspective: 300px; }.card-visual-ledger span { position: absolute; width: 158px; height: 96px; border: 1px solid rgba(255,177,134,.75); background: rgba(255,177,134,.06); transform: rotateX(58deg) rotateZ(-25deg); box-shadow: -7px 9px 0 rgba(255,177,134,.11); }.card-visual-ledger span:nth-child(1) { transform: translate(-21px,-22px) rotateX(58deg) rotateZ(-25deg); }.card-visual-ledger span:nth-child(2) { transform: translate(0,0) rotateX(58deg) rotateZ(-25deg); }.card-visual-ledger span:nth-child(3) { transform: translate(20px,22px) rotateX(58deg) rotateZ(-25deg); background: rgba(255,177,134,.13); }.card-visual-ledger::after { background: linear-gradient(90deg, transparent, var(--peach), transparent); }.card-copy { position: relative; z-index: 1; max-width: 345px; }.card-copy h3 { margin-bottom: 13px; font-size: 25px; font-weight: 500; letter-spacing: -.055em; }.card-copy p { margin-bottom: 18px; color: var(--muted); font-size: 12px; line-height: 1.67; }.select-system { display: flex; width: 100%; margin-top: auto; padding: 10px 0 0; align-items: center; justify-content: space-between; border: 0; border-top: 1px solid rgba(238,237,230,.18); background: transparent; color: var(--paper); font: 500 10px var(--mono); letter-spacing: .03em; }.select-system span { color: var(--lime); font-size: 14px; }.system-card[data-tone="violet"].is-selected::before { background: var(--violet); }.system-card[data-tone="violet"] .availability, .system-card[data-tone="violet"] .select-system span { color: var(--violet); }.system-card[data-tone="peach"].is-selected::before { background: var(--peach); }.system-card[data-tone="peach"] .availability, .system-card[data-tone="peach"] .select-system span { color: var(--peach); }

.method { position: relative; padding-top: 123px; padding-bottom: 85px; overflow: hidden; background: #0e1210; }.method-backdrop { position: absolute; top: 28%; right: -6%; width: 70vw; aspect-ratio: 1.8; opacity: .62; border: 1px solid rgba(200,255,79,.22); transform: rotate(-25deg); }.method-backdrop span { position: absolute; inset: 14%; border: 1px solid rgba(200,255,79,.22); }.method-backdrop span:last-child { inset: 32%; background: radial-gradient(circle, rgba(200,255,79,.17), transparent 65%); }.method-heading { position: relative; z-index: 1; }.method-grid { position: relative; z-index: 1; display: grid; padding-top: 20px; grid-template-columns: 15% repeat(3, 1fr); gap: 2%; border-top: 1px solid var(--line); }.method-grid article { padding: 26px 10% 44px 0; }.method-grid article:first-child { grid-column: 2; }.method-grid article + article { border-left: 1px solid var(--line); padding-left: 10%; }.method-number { display: block; margin-bottom: 84px; color: var(--lime); font: 500 10px var(--mono); }.method-grid h3 { margin-bottom: 15px; font-size: 23px; font-weight: 500; letter-spacing: -.055em; }.method-grid p { max-width: 240px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }

.operator { display: grid; padding-top: 135px; padding-bottom: 135px; grid-template-columns: 37% minmax(0,1fr); gap: 8%; background: var(--paper); color: var(--ink); }.operator .section-index { margin-bottom: 62px; color: #687565; }.operator .eyebrow { color: #6e805d; }.operator h2 { max-width: 450px; margin-bottom: 22px; font-size: clamp(2.4rem,4vw,4.1rem); font-weight: 500; letter-spacing: -.07em; line-height: .98; }.operator-copy > p:not(.eyebrow) { max-width: 390px; color: #5d655e; font-size: 13px; line-height: 1.75; }.operator-list { display: grid; margin: 32px 0 34px; padding: 0; gap: 13px; list-style: none; color: #303930; font-size: 12px; }.operator-list span { display: inline-block; width: 19px; color: #66824a; font: 16px var(--mono); }.text-link { padding: 0 0 4px; border: 0; border-bottom: 1px solid #657563; background: transparent; color: #263223; font: 500 11px var(--mono); }.text-link span { padding-left: 14px; color: #6e9543; }
.operator-console { align-self: center; min-height: 460px; padding: 17px 18px 15px; background: #19221c; color: var(--paper); box-shadow: 0 35px 68px rgba(31,38,31,.24), 15px 15px 0 rgba(109,129,93,.17); transform: rotate(1.6deg); }.console-head { display: flex; padding-bottom: 15px; align-items: center; justify-content: space-between; color: rgba(238,237,230,.5); font: 500 8px var(--mono); letter-spacing: .05em; }.console-status { color: var(--lime); }.console-status i { display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 3px rgba(200,255,79,.13); }.console-layout { display: grid; min-height: 370px; grid-template-columns: 42px 1fr; border: 1px solid rgba(238,237,230,.18); }.console-nav { display: flex; padding-top: 23px; flex-direction: column; align-items: center; gap: 21px; border-right: 1px solid rgba(238,237,230,.12); }.console-nav span { width: 13px; height: 13px; opacity: .55; border: 1px solid rgba(238,237,230,.75); }.console-nav span:first-child { opacity: 1; border-color: var(--lime); background: var(--lime); }.console-main { padding: 25px 27px; }.console-greeting { display: flex; flex-direction: column; gap: 7px; }.console-greeting span, .console-kpis span, .chart-label { color: rgba(238,237,230,.46); font: 500 8px var(--mono); letter-spacing: .08em; }.console-greeting strong { font: 500 21px var(--display); letter-spacing: -.055em; }.console-kpis { display: grid; margin: 30px 0; grid-template-columns: repeat(3, 1fr); gap: 8px; }.console-kpis > div { padding: 10px; background: #222c25; }.console-kpis span, .console-kpis small { display: block; }.console-kpis strong { display: block; margin: 12px 0 5px; color: var(--lime); font: 500 25px var(--display); letter-spacing: -.06em; }.console-kpis strong span { display: inline; color: inherit; font: inherit; }.console-kpis small { color: rgba(238,237,230,.55); font: 400 7px var(--mono); }.console-chart { height: 117px; padding: 12px; background: linear-gradient(180deg, rgba(200,255,79,.08), rgba(200,255,79,0)); }.chart-label { display: flex; justify-content: space-between; }.console-chart svg { width: 100%; height: 83px; }.console-chart path { fill: none; stroke: var(--lime); stroke-width: 2; vector-effect: non-scaling-stroke; }.console-note { display: flex; padding-top: 15px; align-items: center; gap: 10px; color: rgba(238,237,230,.6); font: 500 8px var(--mono); letter-spacing: .03em; }.note-mark { color: var(--lime); font-size: 18px; }

.contact { position: relative; display: grid; min-height: 655px; padding-top: 111px; padding-bottom: 93px; grid-template-columns: 1fr minmax(330px, .75fr); gap: 14%; background: var(--lime); color: var(--ink); overflow: hidden; }.contact-background { position: absolute; right: -10%; bottom: -80%; width: 65%; aspect-ratio: 1; opacity: .55; border: 1px solid rgba(16,20,17,.35); border-radius: 50%; }.contact-background::after, .contact-background::before { position: absolute; border: 1px solid rgba(16,20,17,.32); border-radius: 50%; content: ''; }.contact-background::before { inset: 15%; }.contact-background::after { inset: 32%; background: radial-gradient(circle, rgba(238,237,230,.38), transparent 65%); }.contact-copy, .brief-form { position: relative; z-index: 1; }.contact .eyebrow { color: rgba(16,20,17,.7); }.contact h2 { margin-bottom: 23px; font-size: clamp(3rem,5.55vw,5.85rem); font-weight: 500; letter-spacing: -.08em; line-height: .88; }.contact-copy > p:not(.eyebrow) { max-width: 390px; margin-bottom: 39px; color: rgba(16,20,17,.7); font-size: 14px; line-height: 1.7; }.contact-phone { display: inline-flex; margin-bottom: 38px; padding-bottom: 7px; gap: 26px; border-bottom: 1px solid rgba(16,20,17,.55); font: 500 15px var(--mono); }.contact-phone span { color: rgba(16,20,17,.62); }.contact address { color: rgba(16,20,17,.64); font: 400 11px/1.75 var(--mono); font-style: normal; }.brief-form { display: flex; align-self: start; padding: 0 0 17px; flex-direction: column; border-bottom: 1px solid rgba(16,20,17,.35); }.form-field { display: flex; padding: 13px 0; flex-direction: column; gap: 7px; border-top: 1px solid rgba(16,20,17,.32); }.form-field label { color: rgba(16,20,17,.65); font: 500 9px var(--mono); letter-spacing: .07em; text-transform: uppercase; }.form-field input, .form-field textarea { width: 100%; padding: 0; border: 0; outline: none; background: transparent; color: var(--ink); font: 500 15px var(--display); letter-spacing: -.025em; resize: vertical; }.form-field input::placeholder, .form-field textarea::placeholder { color: rgba(16,20,17,.46); }.form-field textarea { min-height: 72px; }.brief-form .button { align-self: flex-start; margin-top: 16px; }.form-status { min-height: 18px; margin: 15px 0 0; color: rgba(16,20,17,.68); font: 500 10px/1.5 var(--mono); }

.site-footer { display: grid; min-height: 230px; padding: 49px max(36px, calc((100vw - var(--max)) / 2)) 34px; grid-template-columns: 1.8fr 1fr 1fr; gap: 35px; background: #0a0d0b; }.footer-brand p { margin: 17px 0 0 34px; color: rgba(238,237,230,.45); font: 400 9px var(--mono); }.footer-links { display: grid; align-content: start; justify-items: start; gap: 10px; color: var(--muted); font: 400 10px var(--mono); }.footer-links a:hover { color: var(--lime); }.footer-legal { display: flex; align-self: end; flex-direction: column; gap: 7px; color: rgba(238,237,230,.38); font: 400 8px var(--mono); text-align: right; }.footer-legal a, .footer-cookie { color: inherit; font: inherit; }.footer-legal a:hover, .footer-cookie:hover { color: var(--lime); }.footer-cookie { padding: 0; border: 0; background: transparent; text-align: right; }

.brief-dialog { width: min(calc(100% - 40px), 500px); padding: 43px; border: 1px solid rgba(200,255,79,.48); background: #161c18; color: var(--paper); box-shadow: 0 30px 70px rgba(0,0,0,.6); }.brief-dialog::backdrop { background: rgba(8,10,9,.74); backdrop-filter: blur(5px); }.brief-dialog .eyebrow { margin-bottom: 22px; }.brief-dialog h2 { max-width: 370px; margin-bottom: 17px; font-size: 35px; font-weight: 500; letter-spacing: -.065em; line-height: .95; }.brief-dialog p:not(.eyebrow) { max-width: 380px; margin-bottom: 27px; color: var(--muted); font-size: 13px; line-height: 1.7; }.dialog-close { position: absolute; top: 12px; right: 15px; width: 31px; height: 31px; border: 0; color: var(--paper); background: transparent; font-size: 28px; line-height: 1; }.dialog-secondary { display: inline-block; margin: 24px 0 0 2px; padding-bottom: 4px; border-bottom: 1px solid rgba(238,237,230,.38); color: var(--muted); font: 500 10px var(--mono); }.dialog-secondary span { color: var(--lime); }
.form-disclosure { margin: 13px 0 0; color: rgba(16,20,17,.6); font: 400 9px/1.55 var(--mono); }.form-disclosure a { border-bottom: 1px solid rgba(16,20,17,.45); }.form-disclosure a:hover { color: var(--ink); }
.cookie-banner { position: fixed; z-index: 25; right: 22px; bottom: 22px; display: grid; width: min(calc(100% - 44px), 485px); padding: 25px; gap: 24px; border: 1px solid rgba(200,255,79,.42); background: rgba(18,24,20,.97); color: var(--paper); box-shadow: 0 22px 70px rgba(0,0,0,.38); backdrop-filter: blur(16px); }.cookie-banner[hidden] { display: none; }.cookie-banner .eyebrow { margin-bottom: 15px; }.cookie-banner h2, .cookie-dialog h2 { margin: 0 0 12px; font: 500 26px/.98 var(--display); letter-spacing: -.055em; }.cookie-banner p:not(.eyebrow), .cookie-intro { max-width: 410px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }.cookie-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }.cookie-actions .button { min-height: 41px; }.cookie-link { padding: 0; border: 0; border-bottom: 1px solid rgba(238,237,230,.38); background: transparent; color: var(--muted); font: 500 9px var(--mono); }.cookie-link:hover { color: var(--paper); }.cookie-link span { color: var(--lime); }
.cookie-dialog { width: min(calc(100% - 40px), 500px); padding: 43px; border: 1px solid rgba(200,255,79,.48); background: #161c18; color: var(--paper); box-shadow: 0 30px 70px rgba(0,0,0,.6); }.cookie-dialog::backdrop { background: rgba(8,10,9,.74); backdrop-filter: blur(5px); }.cookie-intro { margin-bottom: 26px; }.cookie-setting { display: flex; margin: 0 0 25px; padding: 16px 0; align-items: flex-start; justify-content: space-between; gap: 22px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.cookie-setting strong { display: block; margin-bottom: 6px; font: 500 13px var(--display); }.cookie-setting span:not(.cookie-required) { display: block; color: var(--muted); font: 400 9px/1.5 var(--mono); }.cookie-required { padding: 5px 7px; border: 1px solid rgba(200,255,79,.45); color: var(--lime); font: 500 8px var(--mono); white-space: nowrap; }

@keyframes coreTurn { from { transform: rotateX(-19deg) rotateY(0deg); } to { transform: rotateX(-19deg) rotateY(360deg); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; } .system-canvas { display: none; } .canvas-fallback { display: block; } }
@media (max-width: 900px) { .site-header { width: calc(100% - 40px); height: 78px; }.primary-nav { display: none; }.hero { min-height: 760px; padding: 133px 20px 48px; }.system-canvas { top: 80px; width: 100%; height: 58%; opacity: .48; }.hero-copy { width: min(580px, 100%); }.hero-object { top: 375px; right: 0; width: 72vw; opacity: .82; }.object-caption { right: 7%; }.hero-meta { bottom: 25px; left: 20px; }.scroll-marker { display: none; }.section-pad { padding-right: 20px; padding-left: 20px; }.intro { min-height: 0; padding-top: 76px; padding-bottom: 80px; grid-template-columns: 1fr; gap: 34px; }.intro-aside { margin: 0; }.section-heading { grid-template-columns: 1fr; gap: 20px; }.section-heading > p { margin: 0; }.systems { padding-top: 78px; padding-bottom: 80px; }.system-list { grid-template-columns: 1fr; }.system-card { min-height: 400px; }.card-visual { height: 170px; }.method { padding-top: 78px; padding-bottom: 55px; }.method-grid { grid-template-columns: repeat(3, 1fr); gap: 0; }.method-grid article:first-child { grid-column: auto; }.method-grid article { padding: 25px 14px 38px 0; }.method-grid article + article { padding-left: 14px; }.method-number { margin-bottom: 52px; }.operator { padding-top: 80px; padding-bottom: 92px; grid-template-columns: 1fr; gap: 57px; }.operator .section-index { margin-bottom: 42px; }.operator-console { width: calc(100% - 9px); min-height: 397px; }.console-main { padding: 20px 15px; }.console-kpis { margin: 24px 0; }.contact { min-height: auto; padding-top: 78px; padding-bottom: 70px; grid-template-columns: 1fr; gap: 55px; }.site-footer { min-height: 200px; padding: 38px 20px 28px; grid-template-columns: 1fr 1fr; }.footer-legal { grid-column: 1 / -1; text-align: left; } }
@media (max-width: 560px) { h1 { font-size: clamp(3.55rem, 15.6vw, 5rem); }.hero { min-height: 714px; }.hero-summary { max-width: 355px; font-size: 13px; }.hero-actions { align-items: stretch; flex-direction: column; }.button { width: 100%; }.hero-object { top: 411px; width: 78vw; }.object-control { bottom: 0; }.hero-meta { right: 20px; bottom: 20px; justify-content: space-between; font-size: 7px; }.meta-divider { width: 11px; }.system-card { min-height: 376px; }.method-grid { grid-template-columns: 1fr; }.method-grid article, .method-grid article + article { padding: 25px 0 31px; border-left: 0; border-bottom: 1px solid var(--line); }.method-number { margin-bottom: 20px; }.operator-console { min-height: 369px; padding: 12px; transform: none; }.console-layout { min-height: 292px; grid-template-columns: 31px 1fr; }.console-nav { gap: 17px; }.console-main { padding: 18px 11px; }.console-greeting strong { font-size: 18px; }.console-kpis > div { padding: 7px; }.console-kpis strong { font-size: 21px; }.console-kpis small { font-size: 6px; }.console-chart { height: 87px; padding: 8px; }.console-chart svg { height: 57px; }.contact h2 { font-size: 3.5rem; }.brief-dialog { padding: 37px 25px 28px; }.site-footer { grid-template-columns: 1fr; }.footer-legal { grid-column: auto; }.footer-links { margin-top: 10px; } }

@media (max-width: 900px) { .site-header.is-scrolled { height: 66px; }.footer-cookie { text-align: left; } }
@media (max-width: 560px) { .brief-dialog, .cookie-dialog { padding: 37px 25px 28px; }.cookie-banner { right: 12px; bottom: 12px; width: calc(100% - 24px); padding: 21px; } }

.nav-transition { position: fixed; z-index: 110; inset: 0; display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; pointer-events: none; perspective: 1400px; visibility: hidden; }.nav-transition::after { position: absolute; inset: 0; opacity: 0; background-image: linear-gradient(to right, rgba(200,255,79,.2) 1px, transparent 1px), linear-gradient(to bottom, rgba(200,255,79,.15) 1px, transparent 1px); background-size: 9vw 9vw; content: ''; transition: opacity .16s ease .18s; }.nav-transition span { position: relative; z-index: 1; display: block; background: linear-gradient(130deg, #c8ff4f, #a6d63e 58%, #789b2c); box-shadow: inset 0 0 0 1px rgba(16,20,17,.18); transform: rotateX(-90deg) translateZ(0); transform-origin: top; }.nav-transition span:nth-child(2) { background: linear-gradient(130deg, #1c251d, #334833); }.nav-transition span:nth-child(3) { background: linear-gradient(130deg, #eeede6, #c9c8be); }.nav-transition.is-active { visibility: visible; }.nav-transition.is-active::after { opacity: .8; }.nav-transition.is-active span { animation: navFold .64s cubic-bezier(.74,0,.17,1) both; }.nav-transition.is-active span:nth-child(2) { animation-delay: .045s; }.nav-transition.is-active span:nth-child(3) { animation-delay: .09s; }
@keyframes navFold { 0% { transform: rotateX(-90deg) translateZ(0); } 43% { transform: rotateX(0) translateZ(0); } 100% { transform: rotateX(91deg) translateZ(0); } }

.legal-page { min-height: 100vh; background: var(--paper); color: var(--ink); }.legal-header { display: flex; width: min(calc(100% - 72px), var(--max)); min-height: 91px; margin: 0 auto; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(16,20,17,.16); }.legal-header .brand { color: var(--ink); }.legal-back { padding-bottom: 4px; border-bottom: 1px solid rgba(16,20,17,.42); color: #4e5c50; font: 500 10px var(--mono); }.legal-back span { padding-left: 12px; color: #6f8c47; }.legal-content { width: min(calc(100% - 72px), 900px); margin: 0 auto; padding: 112px 0 100px; }.legal-content .eyebrow { color: #728261; }.legal-content h1 { max-width: 800px; margin-bottom: 29px; font-size: clamp(3.3rem, 7vw, 6.45rem); color: var(--ink); }.legal-lede { max-width: 610px; margin-bottom: 75px; color: #576059; font-size: 16px; line-height: 1.75; }.legal-content section { max-width: 680px; padding: 31px 0 29px; border-top: 1px solid rgba(16,20,17,.16); }.legal-content h2 { margin-bottom: 12px; font-size: 24px; font-weight: 500; letter-spacing: -.055em; }.legal-content section p { margin: 0; color: #4b564d; font-size: 14px; line-height: 1.8; }.legal-content section a { color: var(--ink); border-bottom: 1px solid #6e8751; }.cookie-table-wrap { overflow-x: auto; }.legal-content table { width: 100%; border-collapse: collapse; color: #4b564d; font-size: 12px; line-height: 1.55; text-align: left; }.legal-content th, .legal-content td { min-width: 116px; padding: 13px 10px; vertical-align: top; border-bottom: 1px solid rgba(16,20,17,.13); }.legal-content th { color: #283229; font: 500 9px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.legal-content code { color: #31432c; font: 500 10px var(--mono); }.legal-footer { display: flex; width: min(calc(100% - 72px), var(--max)); min-height: 110px; margin: 0 auto; align-items: center; justify-content: space-between; border-top: 1px solid rgba(16,20,17,.16); color: #6b746c; font: 400 9px var(--mono); }.legal-footer nav { display: flex; gap: 18px; }.legal-footer a:hover { color: var(--ink); }

.contact-page { min-height: 100vh; background: #101411; }.contact-page-main { min-height: calc(100vh - 85px); }.contact-stage { position: relative; display: grid; min-height: 100vh; padding: 160px max(36px, calc((100vw - var(--max)) / 2)) 78px; grid-template-columns: minmax(300px, .72fr) minmax(420px, 1fr); align-items: center; gap: 9%; isolation: isolate; overflow: hidden; }.contact-stage::before { position: absolute; z-index: -3; inset: 0; background: radial-gradient(circle at 12% 78%, rgba(200,255,79,.15), transparent 27%), linear-gradient(115deg, #101411 18%, #171f19 100%); content: ''; }.contact-stage::after { position: absolute; z-index: -2; inset: 0; opacity: .22; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E"); pointer-events: none; content: ''; }.contact-scene { position: absolute; z-index: -1; top: 54%; left: 17%; width: min(50vw, 720px); aspect-ratio: 1.15; opacity: .83; perspective: 900px; transform: translate(-50%, -50%); }.scene-grid { position: absolute; inset: 7%; border: 1px solid rgba(200,255,79,.18); background-image: linear-gradient(to right, rgba(200,255,79,.14) 1px, transparent 1px), linear-gradient(to bottom, rgba(200,255,79,.14) 1px, transparent 1px); background-size: 14% 14%; transform: rotateX(67deg) rotateZ(-37deg); }.scene-plane { position: absolute; top: 50%; left: 50%; display: block; width: 38%; aspect-ratio: 1; border: 1px solid rgba(200,255,79,.75); background: linear-gradient(140deg, rgba(200,255,79,.25), rgba(200,255,79,.015)); box-shadow: inset 0 0 30px rgba(200,255,79,.11), 0 0 60px rgba(200,255,79,.08); transform-style: preserve-3d; animation: sceneShift 10s ease-in-out infinite alternate; }.plane-one { transform: translate(-50%,-50%) rotateX(62deg) rotateZ(45deg) translateZ(22px); }.plane-two { width: 31%; transform: translate(-50%,-50%) rotateX(62deg) rotateZ(45deg) translateZ(-23px); animation-delay: -3s; }.plane-three { width: 48%; border-color: rgba(238,237,230,.33); transform: translate(-50%,-50%) rotateY(63deg) rotateZ(45deg); animation-delay: -5s; }.scene-core { position: absolute; top: 50%; left: 50%; width: 16%; aspect-ratio: 1; border-radius: 50%; background: var(--lime); box-shadow: 0 0 42px 14px rgba(200,255,79,.5), 0 0 140px 60px rgba(200,255,79,.16); transform: translate(-50%,-50%); }.scene-route { position: absolute; top: 50%; left: 50%; width: 72%; height: 27%; border: 1px solid rgba(238,237,230,.29); border-radius: 50%; transform: translate(-50%,-50%) rotateX(69deg) rotateZ(0); animation: routeOrbit 10s linear infinite; }.route-two { width: 82%; height: 32%; border-color: rgba(200,255,79,.43); transform: translate(-50%,-50%) rotateX(69deg) rotateZ(60deg); animation-delay: -3s; }.route-three { width: 90%; height: 37%; transform: translate(-50%,-50%) rotateX(69deg) rotateZ(120deg); animation-delay: -7s; }.contact-stage-copy { position: relative; z-index: 1; max-width: 495px; }.contact-stage-copy h1 { margin-bottom: 27px; font-size: clamp(3.8rem, 6.8vw, 6.7rem); }.contact-stage-copy h1 em { color: var(--lime); font-style: normal; }.contact-stage-copy > p:not(.eyebrow) { max-width: 420px; color: var(--muted); font-size: 14px; line-height: 1.75; }.contact-details { display: grid; margin-top: 50px; gap: 19px; }.contact-details a, .contact-details address { color: var(--paper); font: 500 12px/1.55 var(--mono); font-style: normal; }.contact-details span { display: block; margin-bottom: 6px; color: var(--lime); font-size: 8px; letter-spacing: .08em; }.contact-details b { padding-left: 13px; color: var(--lime); font-size: 14px; font-weight: 500; }.contact-page-form { position: relative; z-index: 1; padding: 26px; border: 1px solid rgba(238,237,230,.23); background: rgba(16,20,17,.72); box-shadow: 22px 22px 0 rgba(200,255,79,.11), 0 28px 80px rgba(0,0,0,.26); backdrop-filter: blur(12px); }.form-heading { display: flex; margin-bottom: 33px; padding-bottom: 15px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); color: rgba(238,237,230,.55); font: 500 8px var(--mono); letter-spacing: .05em; }.contact-form-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 26px; }.contact-field { display: flex; padding: 0 0 17px; flex-direction: column; gap: 9px; border-bottom: 1px solid rgba(238,237,230,.15); }.contact-field:nth-child(n+3) { padding-top: 19px; }.contact-field label { color: var(--lime); font: 500 9px var(--mono); letter-spacing: .07em; text-transform: uppercase; }.contact-field input, .contact-field textarea, .contact-field select { width: 100%; min-height: 25px; padding: 0; border: 0; outline: none; background: transparent; color: var(--paper); font: 500 15px var(--display); letter-spacing: -.025em; }.contact-field input::placeholder, .contact-field textarea::placeholder { color: rgba(238,237,230,.38); }.contact-field select { cursor: pointer; appearance: none; background: linear-gradient(45deg, transparent 50%, var(--lime) 50%) calc(100% - 6px) 50%/6px 6px no-repeat, linear-gradient(135deg, var(--lime) 50%, transparent 50%) 100% 50%/6px 6px no-repeat; }.contact-field select:invalid { color: rgba(238,237,230,.38); }.contact-field option { color: var(--ink); background: var(--paper); }.contact-field textarea { min-height: 96px; resize: vertical; }.contact-field-wide { grid-column: 1 / -1; padding-top: 19px; }.contact-form-bottom { display: flex; margin-top: 26px; align-items: center; gap: 16px; }.contact-form-bottom .button { flex-shrink: 0; }.contact-form-bottom p { margin: 0; color: var(--muted); font: 400 10px/1.55 var(--mono); }.contact-form-bottom a { border-bottom: 1px solid var(--lime); color: var(--paper); }.contact-form-note { margin: 21px 0 0; color: rgba(238,237,230,.43); font: 400 9px/1.6 var(--mono); }.contact-form-note a { color: var(--muted); border-bottom: 1px solid rgba(238,237,230,.36); }.contact-footer { display: flex; min-height: 85px; padding: 0 max(36px, calc((100vw - var(--max)) / 2)); align-items: center; justify-content: space-between; border-top: 1px solid rgba(238,237,230,.12); color: rgba(238,237,230,.43); font: 400 8px var(--mono); }.contact-footer nav { display: flex; gap: 17px; align-items: center; }.contact-footer a:hover, .contact-footer .footer-cookie:hover { color: var(--lime); }
@keyframes sceneShift { from { margin-top: -11px; transform: translate(-50%,-50%) rotateX(62deg) rotateZ(45deg) translateZ(22px); } to { margin-top: 11px; transform: translate(-50%,-50%) rotateX(62deg) rotateZ(61deg) translateZ(32px); } } @keyframes routeOrbit { from { margin-top: 0; } to { margin-top: 0; transform: translate(-50%,-50%) rotateX(69deg) rotateZ(360deg); } }
@media (prefers-reduced-motion: reduce) { .nav-transition, .contact-scene { display: none; } }
@media (max-width: 900px) { .legal-header, .legal-content, .legal-footer { width: calc(100% - 40px); }.legal-content { padding: 88px 0 70px; }.contact-stage { min-height: auto; padding: 140px 20px 80px; grid-template-columns: 1fr; gap: 62px; }.contact-scene { top: 24%; left: 72%; width: 82vw; opacity: .49; }.contact-stage-copy { max-width: 540px; }.contact-page-form { max-width: 680px; }.contact-footer { padding: 0 20px; }.contact-form-bottom { align-items: flex-start; flex-direction: column; } }
@media (max-width: 560px) { .legal-header, .legal-content, .legal-footer { width: calc(100% - 40px); }.legal-header { min-height: 78px; }.legal-content { padding-top: 67px; }.legal-content h1 { font-size: 3.55rem; }.legal-lede { margin-bottom: 48px; font-size: 14px; }.legal-content section { padding: 25px 0; }.legal-footer { min-height: 125px; align-items: flex-start; justify-content: center; flex-direction: column; gap: 12px; }.contact-stage { padding-top: 128px; }.contact-stage-copy h1 { font-size: clamp(3.8rem, 16vw, 5.2rem); }.contact-page-form { padding: 19px; }.form-heading { align-items: flex-start; flex-direction: column; gap: 7px; }.contact-form-grid { grid-template-columns: 1fr; }.contact-field:nth-child(n+3) { padding-top: 18px; }.contact-field-wide { grid-column: auto; }.contact-form-bottom .button { width: 100%; }.contact-footer { min-height: 130px; padding: 25px 20px; align-items: flex-start; flex-direction: column; gap: 16px; }.contact-footer nav { gap: 13px; flex-wrap: wrap; }.contact-footer .footer-cookie { text-align: left; } }

.scene-plane { --plane-transform: translate(-50%,-50%) rotateX(62deg) rotateZ(45deg) translateZ(22px); transform: var(--plane-transform); }.plane-one { --plane-transform: translate(-50%,-50%) rotateX(62deg) rotateZ(45deg) translateZ(22px); }.plane-two { --plane-transform: translate(-50%,-50%) rotateX(62deg) rotateZ(45deg) translateZ(-23px); }.plane-three { --plane-transform: translate(-50%,-50%) rotateY(63deg) rotateZ(45deg); }.scene-route { --route-angle: 0deg; transform: translate(-50%,-50%) rotateX(69deg) rotateZ(var(--route-angle)); }.route-two { --route-angle: 60deg; }.route-three { --route-angle: 120deg; } @keyframes sceneShift { from { transform: var(--plane-transform) translateY(-11px); } to { transform: var(--plane-transform) translateY(11px); } } @keyframes routeOrbit { from { transform: translate(-50%,-50%) rotateX(69deg) rotateZ(var(--route-angle)); } to { transform: translate(-50%,-50%) rotateX(69deg) rotateZ(calc(var(--route-angle) + 360deg)); } }
.not-found-page { display: grid; min-height: 100vh; place-items: center; background: radial-gradient(circle at 72% 30%, rgba(200,255,79,.15), transparent 24%), #101411; }.not-found { width: min(calc(100% - 40px), 720px); padding: 50px 0; }.not-found h1 { margin-bottom: 24px; font-size: clamp(4.3rem, 12vw, 10rem); }.not-found h1 em { color: var(--lime); font-style: normal; }.not-found > p:not(.eyebrow) { max-width: 390px; margin-bottom: 30px; color: var(--muted); font-size: 14px; line-height: 1.7; }