:root{--void: #050608;--void-2: #090c11;--graphite: #14171c;--graphite-2: #1c2128;--arc-white: #f4f8ff;--voltage-blue: #4da3ff;--plasma-cyan: #7df9ff;--copper: #e8853b;--signal-amber: #ffc24d;--bg: var(--void);--fg: var(--arc-white);--fg-dim: rgba(244, 248, 255, .6);--fg-faint: rgba(244, 248, 255, .34);--line: rgba(125, 249, 255, .14);--line-strong: rgba(125, 249, 255, .32);--accent: var(--plasma-cyan);--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--step--1: clamp(.72rem, .68rem + .2vw, .82rem);--step-0: clamp(.9rem, .85rem + .25vw, 1.05rem);--step-1: clamp(1.2rem, 1.05rem + .7vw, 1.6rem);--step-2: clamp(1.6rem, 1.3rem + 1.5vw, 2.6rem);--step-3: clamp(2.4rem, 1.8rem + 3vw, 4.4rem);--step-4: clamp(3.4rem, 2.2rem + 6vw, 8rem);--tracking-wide: .28em;--tracking-mono: .12em;--gutter: clamp(1.25rem, .8rem + 3vw, 4rem);--measure: 62ch;--z-canvas: 0;--z-content: 10;--z-hud: 30;--z-overlay: 50;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .3s;--dur-slow: .9s;--glow-cyan: 0 0 24px rgba(125, 249, 255, .45);--glow-copper: 0 0 24px rgba(232, 133, 59, .5)}[dir=rtl]{--tracking-wide: .12em}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:auto}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-display);font-size:var(--step-0);line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}#root{min-height:100%;isolation:isolate}img,svg,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--plasma-cyan);color:var(--void)}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:var(--z-overlay);padding:.6rem 1rem;background:var(--arc-white);color:var(--void);font-family:var(--font-mono);font-size:var(--step--1);border-radius:2px;transform:translateY(-160%);transition:transform var(--dur-fast) var(--ease-out-expo)}.skip-link:focus-visible{transform:translateY(0)}:focus-visible{outline:2px solid var(--plasma-cyan);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.eyebrow{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent)}.mono{font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}.display{font-family:var(--font-display);font-weight:600;line-height:1.02;letter-spacing:-.02em}.webgl-canvas{position:fixed;inset:0;width:100vw!important;height:100dvh!important;z-index:var(--z-canvas)}.content{position:relative;z-index:var(--z-content);pointer-events:none}.content a,.content button,.content [data-interactive]{pointer-events:auto}.hud{position:fixed;inset:0;z-index:var(--z-hud);pointer-events:none;padding:clamp(1rem,.6rem + 2vw,2.2rem);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:1rem}.hud__brand{grid-column:1;grid-row:1;font-size:var(--step-0);font-weight:500;letter-spacing:var(--tracking-wide);color:var(--fg);text-shadow:var(--glow-cyan)}.hud__controls{grid-column:2;grid-row:1;display:flex;gap:.5rem;justify-self:end}.hud__btn{pointer-events:auto;font-size:var(--step--1);letter-spacing:var(--tracking-mono);color:var(--fg-dim);padding:.4rem .7rem;border:1px solid var(--line);border-radius:2px;background:#090c1166;backdrop-filter:blur(6px);transition:color var(--dur-fast) var(--ease-out-expo),border-color var(--dur-fast) var(--ease-out-expo)}.hud__btn:hover{color:var(--fg);border-color:var(--line-strong)}.hud__readout{grid-column:2;grid-row:3;justify-self:end;text-align:end;display:flex;flex-direction:column;gap:.35rem;font-size:var(--step--1);color:var(--fg-dim)}.hud__stat{display:flex;gap:.6rem;justify-content:flex-end;align-items:baseline}.hud__stat-key{color:var(--fg-faint);letter-spacing:var(--tracking-mono);text-transform:uppercase}.hud__stat-val{color:var(--accent);min-width:5ch;text-align:end}.hud__label{color:var(--fg);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.hud__charge{grid-column:1 / -1;grid-row:3;align-self:end;position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--line)}.hud__charge-fill{height:100%;width:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--voltage-blue),var(--plasma-cyan));box-shadow:var(--glow-cyan)}[dir=rtl] .hud__charge-fill{transform-origin:right center}.section{position:relative;min-height:100dvh;display:flex;align-items:center;padding-inline:var(--gutter);padding-block:12vh}.section--hero{min-height:130dvh}.hero{max-width:62rem;display:flex;flex-direction:column;gap:clamp(1rem,.6rem + 1.5vw,1.6rem)}.logo{display:inline-flex;flex-direction:column;gap:.6rem;margin-bottom:clamp(1rem,.5rem + 2vw,2.4rem)}.logo__clip{overflow:hidden;line-height:.9}.logo__mark{display:inline-block;font-size:var(--step-2);font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--fg);text-shadow:var(--glow-cyan)}[dir=rtl] .logo__mark{letter-spacing:.06em}.logo__rule{height:2px;width:clamp(3rem,10vw,7rem);background:linear-gradient(90deg,var(--plasma-cyan),transparent);transform-origin:left center}[dir=rtl] .logo__rule{background:linear-gradient(270deg,var(--plasma-cyan),transparent);transform-origin:right center}.hero__title{font-size:var(--step-4);font-weight:600}.hero__line{display:block}.hero__body{max-width:var(--measure);font-size:var(--step-1);color:var(--fg-dim);line-height:1.45}.cta{pointer-events:auto;align-self:flex-start;margin-top:.6rem;display:inline-flex;align-items:center;gap:.7rem;font-family:var(--font-mono);font-size:var(--step-0);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--void);background:var(--plasma-cyan);padding:.85rem 1.5rem;border-radius:2px;box-shadow:var(--glow-cyan);transition:transform var(--dur-fast) var(--ease-out-expo),box-shadow var(--dur-fast) var(--ease-out-expo)}.cta:hover{transform:translateY(-2px);box-shadow:0 0 34px #7df9ffa6}.cta__arrow{animation:nudge 1.6s var(--ease-in-out) infinite}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.hero__hint{position:absolute;inset-inline-start:var(--gutter);bottom:8vh;font-size:var(--step--1);letter-spacing:var(--tracking-wide);color:var(--fg-faint);text-transform:uppercase}.section--tower{min-height:240dvh;align-items:flex-start}.tower-panel{position:sticky;top:16vh;max-width:30rem;display:flex;flex-direction:column;gap:1rem}.tower-panel__title{font-size:var(--step-3)}.tower-panel__body{color:var(--fg-dim);max-width:34ch;line-height:1.5}.spec-grid{margin-top:.6rem;display:grid;gap:0}.spec{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid var(--line)}.spec:last-child{border-bottom:1px solid var(--line)}.spec__k{font-size:var(--step--1);color:var(--fg-faint);text-transform:uppercase;letter-spacing:var(--tracking-mono)}.spec__v{font-size:var(--step-0);color:var(--accent);text-align:end}.section--assembly{min-height:320dvh;align-items:flex-start}.section--cable{min-height:240dvh;align-items:flex-start}.section--fiber{min-height:220dvh;align-items:flex-start}.callouts{position:sticky;top:18vh;max-width:26rem;display:flex;flex-direction:column;gap:1rem}.callouts__title{font-size:var(--step-3)}.callout-list{margin-top:.4rem;list-style:none;display:flex;flex-direction:column;gap:0}.callout{display:grid;grid-template-columns:2.4rem auto 1fr;align-items:baseline;gap:.6rem;padding:.75rem 0;border-top:1px solid var(--line);opacity:.4;transition:opacity .5s var(--ease-out-expo),color .5s var(--ease-out-expo)}.callout:last-child{border-bottom:1px solid var(--line)}.callout.is-done{opacity:.7}.callout.is-active{opacity:1}.callout__lead{grid-column:1;height:1px;width:1.2rem;align-self:center;background:var(--line-strong);transition:width .5s var(--ease-out-expo),background .5s var(--ease-out-expo)}.callout.is-active .callout__lead{width:2.2rem;background:var(--accent);box-shadow:var(--glow-cyan)}.callout__idx{grid-column:2;font-size:var(--step--1);color:var(--fg-faint)}.callout.is-active .callout__idx{color:var(--accent)}.callout__text{grid-column:3;display:flex;flex-direction:column;gap:.15rem}.callout__k{font-size:var(--step-0);color:var(--fg)}.callout__v{font-size:var(--step--1);color:var(--fg-faint);letter-spacing:var(--tracking-mono)}.section--stub{border-top:1px solid var(--line)}.stub{display:grid;gap:.9rem;max-width:48rem}.stub__index{font-size:var(--step-1);color:var(--accent);letter-spacing:var(--tracking-mono)}.stub__title{font-size:var(--step-3);color:var(--fg)}.stub__badge{justify-self:start;font-size:var(--step--1);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--signal-amber);border:1px solid rgba(255,194,77,.3);padding:.35rem .7rem;border-radius:2px}.stub__note{color:var(--fg-dim);max-width:var(--measure)}.section--timeline{min-height:300dvh;align-items:flex-start}.timeline{width:100%;max-width:60rem}.timeline__head{margin-bottom:clamp(2rem,8vh,6rem)}.timeline__title{font-size:var(--step-3);margin-top:.8rem}.timeline__body{position:relative;padding-inline-start:2.6rem}.timeline__rail{position:absolute;inset-block:.5rem 0;inset-inline-start:.5rem;width:2px;background:var(--line)}.timeline__fill{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:0;background:linear-gradient(var(--voltage-blue),var(--plasma-cyan));box-shadow:var(--glow-cyan)}.timeline__pulse{position:absolute;inset-block-end:0;inset-inline-start:50%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,50%);background:var(--arc-white);box-shadow:0 0 14px var(--plasma-cyan),0 0 30px #7df9ffb3}[dir=rtl] .timeline__pulse{transform:translate(50%,50%)}.timeline__list{list-style:none;display:flex;flex-direction:column}.milestone{position:relative;padding-block:clamp(2.2rem,9vh,6rem) 0;max-width:44rem}.milestone:first-child{padding-block-start:0}.milestone__node{position:absolute;inset-inline-start:-2.1rem;top:.35em;width:11px;height:11px;border-radius:50%;transform:translate(-50%);background:var(--void-2);border:1px solid var(--line-strong);transition:background .5s var(--ease-out-expo),box-shadow .5s var(--ease-out-expo)}[dir=rtl] .milestone__node{transform:translate(50%)}.milestone.is-active .milestone__node{background:var(--plasma-cyan);border-color:var(--plasma-cyan);box-shadow:var(--glow-cyan)}.milestone__year{display:block;font-size:var(--step-1);color:var(--fg-faint);transition:color .5s var(--ease-out-expo),text-shadow .5s var(--ease-out-expo)}.milestone.is-active .milestone__year{color:var(--accent);text-shadow:var(--glow-cyan)}.milestone__title{font-size:var(--step-2);margin:.3rem 0 .7rem;line-height:1.05}.milestone__title .char{display:inline-block;white-space:pre}.milestone__body{color:var(--fg-dim);max-width:46ch;line-height:1.55}.section--company,.section--contact{align-items:center}.company{width:100%;max-width:72rem;display:flex;flex-direction:column;gap:1.3rem}.company__title{font-size:var(--step-3);margin-bottom:.6rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.project{background:var(--void);padding:1.7rem;min-height:11rem;display:flex;flex-direction:column;gap:.5rem;transition:background .4s var(--ease-out-expo)}.project:hover{background:var(--void-2)}.project__idx{font-size:var(--step--1);color:var(--accent)}.project__name{font-size:var(--step-1);font-weight:500;margin-top:auto}.project__meta{font-size:var(--step--1);color:var(--fg-faint);letter-spacing:var(--tracking-mono)}.service-list{display:grid}.service{display:grid;grid-template-columns:15rem 1fr;gap:1.5rem;padding:1.4rem 0;border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service__k{font-size:var(--step-1)}.service__v{color:var(--fg-dim);line-height:1.5}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.5rem}.stat{display:flex;flex-direction:column;gap:.35rem;border-top:2px solid var(--line-strong);padding-top:.9rem}.stat__v{font-size:var(--step-3);color:var(--fg)}.stat__k{font-size:var(--step--1);color:var(--fg-faint);text-transform:uppercase;letter-spacing:var(--tracking-mono)}.contact{width:100%;max-width:46rem;display:flex;flex-direction:column;gap:1.2rem}.contact__title{font-size:var(--step-4)}.contact__body{color:var(--fg-dim);max-width:46ch;line-height:1.55}.contact__email{color:var(--fg-faint);letter-spacing:var(--tracking-mono)}@media (max-width: 640px){.service{grid-template-columns:1fr;gap:.4rem}}.preloader{position:fixed;inset:0;z-index:var(--z-overlay);background:var(--void);display:grid;place-items:center;padding:var(--gutter)}.preloader__inner{display:flex;flex-direction:column;align-items:center;gap:1.1rem;text-align:center}.preloader__pct{font-size:var(--step-3);color:var(--fg);letter-spacing:.04em}.preloader__label{color:var(--accent)}.preloader__bar{width:min(60vw,22rem);height:2px;background:var(--line);overflow:hidden}.preloader__bar-fill{height:100%;width:100%;transform-origin:left center;background:linear-gradient(90deg,var(--voltage-blue),var(--plasma-cyan));box-shadow:var(--glow-cyan)}[dir=rtl] .preloader__bar-fill{transform-origin:right center}.preloader__tag{font-size:var(--step--1);color:var(--fg-faint);letter-spacing:var(--tracking-mono)}.hud,.hero__reveal{transition:opacity 1.1s var(--ease-out-expo),transform 1.1s var(--ease-out-expo)}:root[data-phase=loading] .hud,:root[data-phase=ignition] .hud{opacity:0;pointer-events:none}:root[data-phase=loading] .hero__reveal,:root[data-phase=ignition] .hero__reveal{opacity:0;transform:translateY(24px)}.skip-intro{position:fixed;inset-inline-end:clamp(1rem,.6rem + 2vw,2.2rem);bottom:clamp(1rem,.6rem + 2vw,2.2rem);z-index:var(--z-overlay);pointer-events:auto;display:inline-flex;gap:.5rem;font-size:var(--step--1);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--fg-faint);padding:.5rem .9rem;border:1px solid var(--line);border-radius:2px;background:#090c1166;backdrop-filter:blur(6px);transition:color var(--dur-fast) var(--ease-out-expo)}.skip-intro:hover{color:var(--fg)}@media (max-width: 640px){.hud{padding:1rem}.hud__readout{font-size:.68rem}.hud__label,.hero__hint{display:none}}