.cyber-hero{position:relative;background:#0a0d0f;color:#fff;isolation:isolate}.cyber-hero[data-hero-enhanced]{height:calc((100svh - 80px)*2)}.cyber-hero-panel{position:relative;display:grid;place-items:center;min-height:calc(100svh - 80px);overflow:clip;padding:6rem var(--page-gutter) 7rem}.cyber-hero[data-hero-enhanced] .cyber-hero-panel{position:sticky;top:80px;height:calc(100svh - 80px)}.cyber-hero-lights{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden;pointer-events:none}.cyber-hero-track{display:block;flex:1 0 0;transform-origin:center;background:linear-gradient(180deg,#e0ffff,#19e2e6 18%,#0d606dcc 34%,#0a0d0f00 48% 52%,#0d606dcc 66%,#19e2e6 82%,#e0ffff)}.cyber-hero-texture{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(hsl(181 80% 65% / .17) .7px,transparent .9px);background-size:12px 12px;-webkit-mask-image:radial-gradient(ellipse at center,black 25%,transparent 85%);mask-image:radial-gradient(ellipse at center,black 25%,transparent 85%)}.cyber-hero-label{position:absolute;top:1.75rem;left:var(--page-gutter);right:var(--page-gutter);display:flex;justify-content:space-between;gap:1rem;color:#8cf1f2;font:500 .6875rem/1.5 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.cyber-hero-copy{position:relative;width:100%;display:grid;gap:clamp(2rem,9svh,5rem);justify-items:center;text-align:center;transform-origin:center}.editorial-page .cyber-hero-copy h1{margin:0;max-width:100%;font-family:Poppins,system-ui,sans-serif;font-weight:700;font-size:clamp(2rem,7.4vw,6.5rem);line-height:1.06;letter-spacing:-.045em;text-transform:uppercase;color:#fff}.cyber-hero-copy p{width:100%;max-width:94ch;margin:0;color:#cedcde;font-size:clamp(.875rem,1.35vw,1.125rem);line-height:1.7;text-wrap:balance}.cyber-hero-word{display:inline-block}.cyber-hero-glitch{position:relative;display:inline-block}.cyber-hero-glitch-slice{position:absolute;inset:0;opacity:0;pointer-events:none}.cyber-hero-glitch-slice-top,.cyber-hero-glitch-slice-bottom{text-shadow:-.015em 0 hsl(355 100% 64%),.015em 0 hsl(355 100% 64%),0 -.01em hsl(355 100% 64%),0 .01em hsl(355 100% 64%)}.cyber-hero-glitch-slice-top{color:#1afbff;clip-path:inset(18% 0 57%)}.cyber-hero-glitch-slice-bottom{color:#4dc9ff;clip-path:inset(59% 0 16%)}.cyber-hero-glitch-slice-red{color:#ff4757;clip-path:inset(38% 0 42%)}.cyber-hero-hint{position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;min-height:44px;padding:.5rem 1rem;color:#8cf1f2;font:500 .625rem/1.5 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.cyber-hero-hint svg{width:1rem;height:1rem}.cyber-hero-hint:hover{color:#fff}.editorial-page .cyber-hero :focus-visible{outline-color:#5eebed}@media(prefers-reduced-motion:no-preference){.cyber-hero-copy>h1{animation:cyber-hero-reveal .85s cubic-bezier(.22,1,.36,1) both}.cyber-hero-glitch-slice-top{animation:cyber-glitch-top 4s steps(1,end) .9s infinite}.cyber-hero-glitch-slice-bottom{animation:cyber-glitch-bottom 4s steps(1,end) .9s infinite}.cyber-hero-glitch-slice-red{animation:cyber-glitch-red 4s steps(1,end) .9s infinite}}@keyframes cyber-glitch-top{0%,4%,9%,15%,to{opacity:0;transform:translate(0)}2%,7%{opacity:.85;transform:translate(-.045em)}11%{opacity:.7;transform:translate(.035em)}}@keyframes cyber-glitch-bottom{0%,5%,11%,16%,to{opacity:0;transform:translate(0)}3%,9%{opacity:.75;transform:translate(.04em)}13%{opacity:.65;transform:translate(-.03em)}}@keyframes cyber-glitch-red{0%,6%,12%,18%,to{opacity:0;transform:translate(0)}4%,10%{opacity:.8;transform:translate(.05em)}15%{opacity:.7;transform:translate(-.04em)}}@keyframes cyber-hero-reveal{0%{opacity:0;transform:translateY(22px);clip-path:inset(0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0)}}@media(max-width:767px){.cyber-hero-track:nth-child(2n){display:none}.cyber-hero-texture{background-size:10px 10px}.cyber-hero-label{top:1.25rem;font-size:.5625rem}.cyber-hero-copy{gap:2.25rem}.cyber-hero-copy p{max-width:36ch}}@media(max-width:767px)and (max-height:650px){.cyber-hero-panel{padding-top:4.5rem;padding-bottom:10rem}.cyber-hero-copy{gap:1.5rem}.cyber-hero-hint{bottom:5rem;min-width:44px;padding:.5rem}.cyber-hero-hint span{display:none}}@media(max-height:560px)and (min-width:768px){.cyber-hero-panel{padding-block:4rem}.cyber-hero-copy{gap:1rem}.editorial-page .cyber-hero-copy h1{font-size:clamp(2rem,6vw,4rem)}.cyber-hero-hint{bottom:4rem}}.cyber-scroll{--cyber-cyan: hsl(181 80% 55%);background:#0a0d0f;color:#fff}.cyber-story-stage{position:relative;isolation:isolate}.cyber-scroll[data-handoff]{height:calc(100svh - 80px + var(--cyber-handoff-distance))}.cyber-scroll[data-handoff] .cyber-story-stage{position:sticky;top:80px;height:calc(100svh - 80px);overflow:clip}.cyber-scroll[data-handoff] .cyber-hero{position:absolute;inset:0;z-index:2}.cyber-scroll[data-handoff] .cyber-hero-panel{min-height:0;height:100%}.cyber-scroll[data-local-handoff] .cyber-hero{z-index:2}.cyber-scroll[data-local-handoff] .cyber-scroll-panel{margin-top:calc(80px - 100svh)}.cyber-scroll-panel{position:relative;display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1.5rem,3vw,2.5rem);padding-bottom:5rem;overflow:clip}.cyber-eyebrow{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;font:500 .6875rem/1.5 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--cyber-cyan)}.editorial-page .cyber-scroll-header :is(h1,h2){font-family:Poppins,system-ui,sans-serif;font-size:var(--site-heading-size);font-weight:700;line-height:1.08;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:1rem;text-align:left}.cyber-scroll-header>p{max-width:80ch;margin-inline:0;color:#a6b3bf;font-size:.9375rem;text-align:left;line-height:1.6}.cyber-scene{display:flex;flex-direction:column-reverse;gap:1.5rem;min-width:0;min-height:0}.cyber-graphic{min-width:0;width:min(100%,60rem);margin-inline:auto;color:var(--cyber-cyan)}.cyber-stack-svg{display:block;width:100%;height:auto}.cyber-ground{color:#628193;opacity:.45}.cyber-guides{opacity:.35}.cyber-edge-lights{opacity:0;visibility:hidden;pointer-events:none}.cyber-plane-content{font-family:Inter,system-ui,sans-serif;font-size:10px;letter-spacing:.3px}.cyber-code-plane{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cyber-plane-content text{fill:var(--cyber-cyan)}.cyber-plane-content .cyber-code-muted{fill:#97a6b4}.cyber-scroll:not([data-enhanced]) .cyber-base-rings path:not(:first-child),.cyber-scroll:not([data-enhanced]) [data-cyber-draw=emblem]{opacity:0}.cyber-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem;margin:0;padding:0;list-style:none}.cyber-step{min-width:0;border-top:1px solid hsl(181 80% 55% / .3);padding-top:1.25rem}.cyber-step-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:1.25rem;border:1px solid var(--cyber-cyan);font:500 .875rem/1 Inter,system-ui,sans-serif;color:var(--cyber-cyan)}.editorial-page .cyber-step h3{margin-bottom:.75rem;font-size:1.0625rem;line-height:1.35;color:var(--cyber-cyan)}.editorial-page .cyber-step p{font-size:.9375rem;line-height:1.65;color:#cad1d8}.cyber-step-details{display:grid;gap:.5rem;margin:1rem 0 0;padding-left:1rem;list-style:disc;color:#bec7d0;font-size:.8125rem;line-height:1.5}.cyber-step-details li::marker{color:var(--cyber-cyan)}.cyber-scroll-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:1.5rem;padding-right:5rem}.cyber-scroll-footer>a{display:inline-flex;align-items:center;gap:.75rem;min-height:44px;font-size:.8125rem;color:var(--cyber-cyan)}.cyber-scroll-footer svg{width:1rem;height:1rem;flex-shrink:0}.cyber-scroll-hint{align-items:center;gap:.6rem;margin-right:auto;color:#a6b3bf;font:.6875rem/1.5 Inter,system-ui,sans-serif}.cyber-skip,.cyber-step-controls,.cyber-scroll-hint,.cyber-progress{display:none}.cyber-scroll a:hover{text-decoration:underline;text-underline-offset:5px}.cyber-scroll :focus-visible{outline-color:var(--cyber-cyan)}.cyber-scroll[data-enhanced] .cyber-scroll-panel{height:calc(100svh - 80px);min-height:0;gap:.75rem;padding-top:1.25rem;padding-bottom:.75rem}.cyber-scroll[data-enhanced] .cyber-eyebrow{margin-bottom:.5rem}.editorial-page .cyber-scroll[data-enhanced] .cyber-scroll-header :is(h1,h2){margin-bottom:.5rem}.cyber-scroll[data-enhanced] .cyber-scroll-header>p{max-width:100ch;font-size:.875rem;line-height:1.5}.cyber-scroll[data-enhanced] .cyber-scene{flex:1;display:grid;grid-template-columns:minmax(15rem,24%) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center}.cyber-scroll[data-enhanced] .cyber-graphic{position:relative;grid-column:2;grid-row:1;width:100%;height:100%;min-height:0}.cyber-scroll[data-enhanced] .cyber-stack-svg{position:absolute;inset:0;width:100%;height:100%}.cyber-scroll[data-enhanced] .cyber-steps{grid-column:1;grid-row:1;align-self:center;display:grid;grid-template-columns:minmax(0,1fr);gap:0;z-index:1}.cyber-scroll[data-enhanced] .cyber-step{grid-area:1 / 1;border:0;padding:0;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .35s;pointer-events:none}.cyber-scroll[data-active-step="0"][data-enhanced] [data-cyber-step="0"],.cyber-scroll[data-active-step="1"][data-enhanced] [data-cyber-step="1"],.cyber-scroll[data-active-step="2"][data-enhanced] [data-cyber-step="2"],.cyber-scroll[data-active-step="3"][data-enhanced] [data-cyber-step="3"]{opacity:1;transform:none}.cyber-scroll[data-enhanced] .cyber-skip{display:inline-flex;align-items:center;min-height:24px;color:#a6b3bf;letter-spacing:0;text-transform:none}.cyber-scroll[data-enhanced] .cyber-scroll-hint,.cyber-scroll[data-enhanced] .cyber-step-controls{display:inline-flex}.cyber-step-controls{gap:.5rem}.cyber-step-controls button{width:44px;height:44px;border:1px solid hsl(181 80% 55% / .35);background:transparent;color:#a6b3bf;font:.75rem/1 Inter,system-ui,sans-serif}.cyber-step-controls button[aria-pressed=true]{border-color:var(--cyber-cyan);background:#30e5e81a;color:var(--cyber-cyan)}.cyber-scroll[data-enhanced] .cyber-progress{display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background:#30e5e81f}.cyber-progress-fill{display:block;width:100%;height:100%;background:var(--cyber-cyan);transform-origin:left center}.cyber-scroll[data-enhanced] .cyber-scroll-footer{position:absolute;left:clamp(1.5rem,3vw,2.5rem);bottom:1rem;padding:0}@media(min-width:1024px)and (max-width:1199px){.cyber-scroll[data-enhanced] .cyber-step-number{margin-bottom:.75rem}.editorial-page .cyber-scroll[data-enhanced] .cyber-step p{font-size:.875rem;line-height:1.55}.cyber-scroll[data-enhanced] .cyber-step-details{margin-top:.75rem;gap:.375rem;font-size:.75rem}}@media(max-width:767px){.cyber-steps{grid-template-columns:minmax(0,1fr)}.editorial-page .cyber-scroll-header :is(h1,h2),.cyber-scroll-header>p{text-align:left}.cyber-scroll-footer{justify-content:flex-start;padding-right:4rem}}@media(prefers-reduced-motion:reduce){.cyber-step{transition:none}}.cyber-products{--product-cyan: hsl(var(--primary));--product-ink: hsl(var(--foreground));--product-muted: hsl(var(--muted-foreground));padding:clamp(3.5rem,8vw,7rem) var(--page-gutter);background:#fff;color:var(--product-ink)}.dark .cyber-products{background:#000}.cyber-products-heading{max-width:62rem;margin-bottom:clamp(2rem,4vw,3.5rem)}.cyber-products-eyebrow{display:block;margin-bottom:1rem;color:var(--product-cyan);font:500 .6875rem/1.5 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.editorial-page .cyber-products h2{margin:0 0 1.25rem;color:var(--product-ink);font:700 var(--site-heading-size)/1.08 "Poppins",system-ui,sans-serif;letter-spacing:-.04em;text-transform:uppercase}.editorial-page .cyber-products-heading>p{max-width:68ch;margin:0;color:var(--product-muted);font:400 1rem/1.7 Inter,system-ui,sans-serif}.cyber-products-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.cyber-product-card{--product-cyan: var(--page-ink);--product-ink: var(--page-ink);--product-muted: hsl(190 30% 16%);grid-column:span 2;min-width:0;display:flex;flex-direction:column;background:var(--page-cyan);color:var(--product-ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}.cyber-product-card[data-product-role=standard]{grid-column:span 4;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}.cyber-product-card:is([data-product-role=hmi],[data-product-role=network]){grid-column:span 3}.cyber-product-image{display:grid;place-items:center;aspect-ratio:1.8;min-width:0;padding:1.5rem 1.5rem 0}.cyber-product-image img{display:block;width:100%;height:100%;max-height:13rem;-o-object-fit:contain;object-fit:contain}.cyber-product-card[data-product-role=standard] .cyber-product-image{aspect-ratio:1.1;padding:1.5rem}.cyber-product-card[data-product-role=standard] .cyber-product-image img{max-height:21rem}.cyber-product-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;padding:1.5rem}.editorial-page .cyber-product-copy .cyber-product-role{margin:0 0 .625rem;color:var(--product-cyan);font:500 .625rem/1.5 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.editorial-page .cyber-product-copy h3{margin:0 0 .75rem;color:var(--product-ink);font:600 clamp(1.1rem,1.5vw,1.5rem)/1.3 "Poppins",system-ui,sans-serif;letter-spacing:-.02em}.editorial-page .cyber-product-copy>p:not(.cyber-product-role){margin:0 0 1.25rem;color:var(--product-muted);font:400 .875rem/1.7 Inter,system-ui,sans-serif}.cyber-product-status{display:inline-block;margin:-.125rem 0 .875rem;padding:.3rem .5rem;border-left:2px solid var(--product-cyan);background:#0a171a14;color:var(--product-muted);font:500 .625rem/1.5 Inter,system-ui,sans-serif}.cyber-product-links{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:auto}.cyber-product-links a{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding-block:.5rem;color:var(--product-cyan);font:500 .75rem/1.5 Inter,system-ui,sans-serif;text-underline-offset:5px}.cyber-product-links svg{width:1rem;height:1rem;flex-shrink:0}.cyber-products a:hover{text-decoration:underline}.cyber-products a:focus-visible{outline:2px solid var(--product-cyan);outline-offset:4px}.editorial-page .cyber-products-scope{max-width:108ch;margin:1.5rem 0 0;color:var(--product-muted);font:400 .75rem/1.7 Inter,system-ui,sans-serif}@media(max-width:1023px){.cyber-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cyber-product-card,.cyber-product-card:is([data-product-role=hmi],[data-product-role=network]){grid-column:auto}.cyber-product-card:is([data-product-role=standard],[data-product-role=modular]){grid-column:span 2}}@media(max-width:599px){.cyber-products-grid{grid-template-columns:minmax(0,1fr)}.cyber-product-card:is([data-product-role=standard],[data-product-role=modular]){grid-column:auto}.cyber-product-card[data-product-role=standard]{display:flex}.cyber-product-card[data-product-role=standard] .cyber-product-image{aspect-ratio:1.8;padding:1.5rem 1.5rem 0}.cyber-product-image img,.cyber-product-card[data-product-role=standard] .cyber-product-image img{max-height:12rem}.cyber-product-copy{padding:1.25rem}}.cyber-standards{--standards-cyan: hsl(181 80% 55%);padding:0 var(--page-gutter) clamp(3rem,6vw,5rem);background:#0a0d0f;color:#fff}.cyber-standards>header{padding-top:clamp(2rem,4vw,3.5rem);border-top:1px solid hsl(181 80% 55% / .25)}.cyber-standards-eyebrow{display:block;margin-bottom:1.25rem;color:var(--standards-cyan);font:500 .6875rem/1.5 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.editorial-page .cyber-standards h2{max-width:28ch;margin:0 0 1.25rem;color:#fff}.editorial-page .cyber-standards>header>p{max-width:80ch;margin:0;color:#b5bfc9;font:400 1rem/1.7 Inter,system-ui,sans-serif}.cyber-standards time{display:block;margin-top:1rem;color:#97a6b4;font:400 .6875rem/1.5 Inter,system-ui,sans-serif}.cyber-standards-group{margin-top:clamp(2rem,4vw,3rem)}.editorial-page .cyber-standards-group>h3{margin:0 0 1.25rem;color:#fff;font:600 clamp(1.125rem,1.7vw,1.5rem)/1.35 "Poppins",system-ui,sans-serif}.cyber-standards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cyber-standard-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(1.25rem,2.5vw,2rem);background:#111518;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}.cyber-standard-status{display:inline-block;margin-bottom:1rem;border-left:2px solid var(--standards-cyan);padding-left:.625rem;color:var(--standards-cyan);font:500 .625rem/1.5 Inter,system-ui,sans-serif}.editorial-page .cyber-standard-card>h4{margin:0 0 .875rem;color:#fff;font:600 clamp(1rem,1.4vw,1.25rem)/1.4 "Poppins",system-ui,sans-serif;letter-spacing:-.015em;text-transform:none}.editorial-page .cyber-standard-card>p{margin:0 0 1.25rem;color:#b5bfc9;font:400 .875rem/1.7 Inter,system-ui,sans-serif}.cyber-standard-card>a{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin-top:auto;color:var(--standards-cyan);font:500 .75rem/1.5 Inter,system-ui,sans-serif;text-underline-offset:4px}.cyber-standard-card>a:hover{text-decoration:underline}.cyber-standard-card>a:focus-visible{outline:2px solid var(--standards-cyan);outline-offset:4px}.cyber-standard-card>a>svg{width:1rem;height:1rem;flex-shrink:0}.editorial-page .cyber-standards-scope{max-width:112ch;margin:1.5rem 0 0;color:#97a6b4;font:400 .75rem/1.7 Inter,system-ui,sans-serif}@media(max-width:767px){.cyber-standards-grid{grid-template-columns:minmax(0,1fr)}}
