.comp-eng,.comp-eng *{box-sizing:border-box}.comp-eng{background:#0a1220;color:#f5f5f5;font-family:Roboto,Arial,sans-serif;position:relative;-webkit-font-smoothing:antialiased;overflow:hidden}.comp-eng__glow{animation:comp-eng-pulse 14s ease-in-out infinite;background:radial-gradient(900px 520px at 50% 50%,rgba(38,101,226,.22),transparent 65%),radial-gradient(700px 420px at 50% 50%,rgba(194,109,230,.18),transparent 60%);inset:0;pointer-events:none;position:absolute;will-change:transform,opacity;z-index:0}@keyframes comp-eng-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.comp-eng__grid-bg{background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,transparent 0);background-size:64px 64px;inset:0;-webkit-mask-image:radial-gradient(900px 600px at 50% 40%,#000 30%,transparent 80%);mask-image:radial-gradient(900px 600px at 50% 40%,#000 30%,transparent 80%);pointer-events:none;position:absolute;z-index:0}.comp-eng__wrap{margin:0 auto;max-width:1536px;padding:var(--pad-top,88px) 80px var(--pad-bottom,88px);position:relative;z-index:1}.comp-eng__header{align-items:center;display:flex;flex-direction:column;margin:0 0 40px;text-align:center}.comp-eng__lead{margin-left:auto;margin-right:auto}.comp-eng__panel{background:linear-gradient(180deg,rgba(27,40,72,.42),rgba(10,18,32,.62));border:1px solid hsla(0,0%,100%,.1);border-radius:24px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 40px 80px -32px rgba(0,0,0,.55);padding:28px 28px 24px}.comp-eng__panelhead{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.comp-eng__badge{align-items:center;border-radius:8px;color:#fff;display:inline-flex;font:700 12px/1 Roboto,sans-serif;height:32px;letter-spacing:.14em;padding:0 16px;position:relative;text-transform:uppercase;white-space:nowrap}.comp-eng__badge:before{background:linear-gradient(90deg,#2665e2,#c26de6);border-radius:8px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.comp-eng__meta{align-items:center;color:hsla(0,0%,96%,.62);display:inline-flex;font:600 12px/1.3 Roboto,sans-serif;gap:10px;letter-spacing:.14em;text-transform:uppercase}.comp-eng__canvas,.comp-eng__diagram{position:relative}.comp-eng__wires{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:0}.comp-eng__wire{animation:comp-eng-flow 2.6s linear infinite;fill:none;stroke:rgba(38,101,226,.58);stroke-dasharray:5 7;stroke-linecap:round;stroke-width:1.4;transition:stroke .25s ease,opacity .25s ease,stroke-width .25s ease}.comp-eng__wire--fast{animation-duration:1.8s}.comp-eng__wire--slow{animation-duration:4.8s}@keyframes comp-eng-flow{0%{stroke-dashoffset:48}to{stroke-dashoffset:0}}.comp-eng__wire--route{animation:none;filter:drop-shadow(0 0 3px rgba(38,101,226,.55));stroke-dasharray:none;stroke-linecap:butt;stroke-width:2.4}.comp-eng__wire--lit{opacity:1;stroke:#c26de6;stroke-width:2.2}.comp-eng__wire--dim{opacity:.12}.comp-eng__wire--route.comp-eng__wire--lit{filter:drop-shadow(0 0 4px rgba(194,109,230,.6));stroke:#c26de6;stroke-width:2.6}.comp-eng__wire--stack{animation:none;stroke:hsla(0,0%,100%,.2);stroke-dasharray:4 6;stroke-width:1.4}.comp-eng__packet{fill:#4e86f0;filter:drop-shadow(0 0 5px rgba(38,101,226,.95));transition:fill .25s ease}.comp-eng__packet--lit{fill:#c26de6;filter:drop-shadow(0 0 6px rgba(194,109,230,.95))}.comp-eng__rails{align-items:stretch;display:flex;gap:96px;position:relative;z-index:1}.comp-eng__rail{display:flex;flex:1 1 0;flex-direction:column;min-width:0;position:relative}.comp-eng__rail--key{flex-grow:1.15}.comp-eng__railhead{align-items:center;display:flex;flex:0 0 auto;gap:6px;height:30px;margin-bottom:16px}.comp-eng__railnum{color:#fff;font:600 10px/1.3 Roboto,sans-serif;letter-spacing:.22em;text-transform:uppercase}.comp-eng__raildot{color:#fff;font-size:10px}.comp-eng__raillabel{color:hsla(0,0%,96%,.62);font:600 10px/1.3 Roboto,sans-serif;letter-spacing:.22em;text-transform:uppercase}.comp-eng__rail--key .comp-eng__raillabel{align-items:center;background:#fff;border-radius:6px;color:#0a1220;display:inline-flex;font:900 10px/1 Roboto,sans-serif;height:24px;justify-content:center;letter-spacing:.14em;padding:1px 12px 0;text-indent:.14em;white-space:nowrap}.comp-eng__cards{flex:1 1 auto;flex-direction:column;gap:16px}.comp-eng__card,.comp-eng__cards{display:flex;justify-content:center}.comp-eng__card{background:rgba(38,101,226,.06);border:1px solid rgba(38,101,226,.5);border-radius:10px;flex-direction:column;min-height:62px;padding:12px 14px;position:relative;transition:border-color .25s ease,background-color .25s ease,filter .25s ease}.comp-eng__cardtitle{color:#fff;font:500 13px/1.35 Roboto,sans-serif}.comp-eng__cardmeta{color:hsla(0,0%,100%,.62);font:300 11.5px/1.4 Roboto,sans-serif;margin-top:3px}.comp-eng__cardkicker{color:hsla(0,0%,100%,.62);font:700 10px/1 Roboto,sans-serif;letter-spacing:.18em;margin-bottom:6px;text-transform:uppercase}.comp-eng__card--wide{justify-content:flex-start;padding:16px 16px 14px}.comp-eng__cardfoot{border-top:1px solid hsla(0,0%,100%,.12);margin-top:12px;padding-top:10px}.comp-eng__cardnote{color:#fff;display:block;font:700 12px/1.35 Roboto,sans-serif}.comp-eng__cardsub{color:hsla(0,0%,100%,.62);display:block;font:300 11px/1.4 Roboto,sans-serif;margin-top:2px}.comp-eng__rail--key .comp-eng__card{background:rgba(194,109,230,.07);border-color:rgba(194,109,230,.5)}.comp-eng__card--route{background:rgba(38,101,226,.13);border-color:rgba(38,101,226,.85);box-shadow:0 0 0 1px rgba(38,101,226,.18),0 14px 30px -18px rgba(38,101,226,.6)}.comp-eng__rail--key .comp-eng__card--route{background:rgba(194,109,230,.15);border-color:rgba(194,109,230,.85);box-shadow:0 0 0 1px rgba(194,109,230,.2),0 14px 30px -18px rgba(194,109,230,.6)}@media (hover:hover) and (pointer:fine){.comp-eng__card:hover{border-color:rgba(194,109,230,.9);filter:drop-shadow(0 0 12px rgba(38,101,226,.6))}}.comp-eng__panelfoot{align-items:center;border-top:1px solid hsla(0,0%,100%,.08);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:28px;padding-top:20px}.comp-eng__foot{color:hsla(0,0%,96%,.62);font:400 14px/1.5 Roboto,sans-serif;margin:0}@media (max-width:1280px){.comp-eng__rails{gap:64px}}@media (max-width:1100px){.comp-eng__diagram{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:14px;scrollbar-width:thin}.comp-eng__canvas{min-width:1040px}.comp-eng__rails{gap:48px}.comp-eng__panel{padding:24px 20px 20px}}@media (max-width:1024px){.comp-eng__wrap{padding:calc(var(--pad-top, 88px)*.72) 40px calc(var(--pad-bottom, 88px)*.72)}}@media (max-width:767.98px){.comp-eng__wrap{padding:calc(var(--pad-top, 88px)*.72) 20px calc(var(--pad-bottom, 88px)*.72)}.comp-eng__header{margin-bottom:28px}.comp-eng__panelfoot{align-items:flex-start;flex-direction:column}}.comp-eng__wrap>*{opacity:1;transform:none}.comp-eng.js-ready .comp-eng__wrap>*{opacity:0;transform:translateY(20px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.comp-eng.js-ready.is-revealed .comp-eng__header{opacity:1;transform:none;transition-delay:0s}.comp-eng.js-ready.is-revealed .comp-eng__panel{opacity:1;transform:none;transition-delay:.14s}.comp-eng__wires{opacity:1}.comp-eng.js-ready .comp-eng__wires{opacity:0;transition:opacity .9s ease .6s}.comp-eng.js-ready.is-revealed .comp-eng__wires{opacity:1}@media (prefers-reduced-motion:reduce){.comp-eng.js-ready .comp-eng__wrap>*,.comp-eng.js-ready.is-revealed .comp-eng__wrap>*{opacity:1!important;transform:none!important;transition:none!important}.comp-eng__glow{animation:none!important}.comp-eng__card,.comp-eng__wire{transition:none!important}.comp-eng__wire{animation:none!important;stroke-dasharray:none!important}.comp-eng.js-ready .comp-eng__wires,.comp-eng.js-ready.is-revealed .comp-eng__wires{opacity:1!important;transition:none!important}}