:root{--navy:#080d24;--navy2:#0d1433;--panel:#101940;--lime:#dfff4f;--blue:#6d8cff;--white:#f5f6ff;--muted:#9299b7;--line:rgba(184,195,255,.16);--wrap:min(1340px,calc(100vw - 80px));--mono:"Courier New",monospace;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--navy);color:var(--white);font-family:var(--sans);overflow-x:hidden}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}#traffic-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.28;z-index:0}.wrap{width:var(--wrap);margin-inline:auto;position:relative;z-index:1}.nav{height:88px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:max(40px,calc((100vw - 1340px)/2));position:relative;z-index:10;background:rgba(8,13,36,.82);backdrop-filter:blur(18px)}.logo{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;width:max-content;column-gap:10px;align-items:center}.logo>span{grid-row:1/3;width:42px;height:42px;background:var(--lime);color:var(--navy);display:grid;place-items:center;font:bold 18px var(--mono)}.logo strong{font-size:19px;letter-spacing:.08em}.logo small{font:8px var(--mono);letter-spacing:.2em;color:var(--muted)}.nav-status{display:flex;align-items:center;gap:13px;font:9px var(--mono);letter-spacing:.13em;color:var(--muted)}.nav-status i,.operational i,.login-foot i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(223,255,79,.08),0 0 13px var(--lime);animation:pulse 2s infinite}.nav-status b{font-weight:normal;color:var(--blue);border-left:1px solid var(--line);padding-left:13px}.language{justify-self:end;border:1px solid var(--line);padding:3px;display:flex}.lang{border:0;background:transparent;padding:8px 10px;font:10px var(--mono);cursor:pointer}.lang.active{background:var(--lime);color:var(--navy)}
.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.92fr);align-items:center;gap:6vw;padding-block:82px}.hero>*{min-width:0}.label{display:flex;align-items:center;gap:12px;color:var(--lime);font:9px var(--mono);letter-spacing:.18em}.label i{width:42px;height:1px;background:var(--lime)}.label b{font-weight:normal}h1{font-size:clamp(60px,6.2vw,100px);line-height:.92;letter-spacing:-.065em;margin:30px 0}h1 em,h2 em{font-style:normal;color:var(--lime)}.hero-copy>p,.network-intro>p,.access-copy>p{max-width:600px;color:var(--muted);font-size:17px;line-height:1.72}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:37px 0 54px}.btn{height:54px;padding:0 20px;border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;text-transform:uppercase;font:9px var(--mono);letter-spacing:.12em;transition:.25s}.btn.main{background:var(--lime);border-color:var(--lime);color:var(--navy)}.btn:hover{transform:translateY(-3px);border-color:var(--lime)}.btn b{font-size:17px}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid var(--line);padding-top:22px}.hero-metrics div{display:grid;grid-template-columns:auto 1fr;gap:5px 7px}.hero-metrics span{grid-column:1/-1;text-transform:uppercase;color:var(--muted);font:8px var(--mono);letter-spacing:.13em}.hero-metrics strong{font:27px/1 var(--mono)}.hero-metrics small{align-self:end;color:var(--lime);font:9px var(--mono)}
.flow-console{border:1px solid var(--line);min-height:630px;background:linear-gradient(145deg,rgba(16,25,64,.9),rgba(8,13,36,.75));display:flex;flex-direction:column;position:relative;overflow:hidden}.flow-console:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(109,140,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(109,140,255,.04) 1px,transparent 1px);background-size:35px 35px}.console-head,.console-foot{position:relative;z-index:3;padding:21px 24px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.13em;color:var(--muted)}.console-head{border-bottom:1px solid var(--line)}.console-head span:last-child{color:var(--lime)}.console-head i{width:6px;height:6px;background:var(--lime);border-radius:50%;display:inline-block;margin-right:7px}.console-screen{flex:1;position:relative;min-height:460px}.routes{position:absolute;inset:0;width:100%;height:100%}.route{fill:none;stroke:var(--blue);stroke-width:1.5;stroke-dasharray:7 7;vector-effect:non-scaling-stroke;opacity:.6;animation:dash 18s linear infinite}.r2{stroke:var(--lime);animation-direction:reverse}.r3{opacity:.22}.hub{position:absolute;left:50%;top:50%;translate:-50% -50%;width:126px;height:126px;border-radius:50%;background:var(--navy);border:1px solid var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 18px rgba(223,255,79,.03),0 0 55px rgba(109,140,255,.25)}.hub span,.hub small{font:8px var(--mono);letter-spacing:.13em;color:var(--muted)}.hub strong{font:26px var(--mono);margin:5px}.hub i{position:absolute;right:7px;top:8px;width:7px;height:7px;background:var(--lime);border-radius:50%}.edge{position:absolute;width:88px;padding:11px;border:1px solid var(--line);background:var(--navy2);font-family:var(--mono)}.edge:after{content:"";position:absolute;width:6px;height:6px;background:var(--blue);right:-3px;top:-3px}.edge span{font-size:13px}.edge b{font-size:8px;color:var(--blue);margin-left:4px}.edge small{display:block;color:var(--muted);font-size:8px;margin-top:8px}.ams{left:5%;top:10%}.rtm{right:5%;top:15%}.ein{left:5%;bottom:7%}.eu{right:5%;bottom:6%}.packet{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px var(--lime);animation:packet 4.5s ease-in-out infinite}.p1{left:18%;top:23%}.p2{right:19%;top:31%;background:var(--blue);animation-delay:-1.5s}.p3{left:25%;bottom:20%;animation-delay:-3s}.console-foot{border-top:1px solid var(--line);gap:16px}.console-foot div{display:flex;flex-direction:column;gap:7px}.console-foot div:nth-child(2){text-align:center}.console-foot div:last-child{text-align:right}.console-foot b{color:var(--white);font-size:12px}.console-foot .ok{color:var(--lime)}
.ticker{height:54px;border-block:1px solid var(--line);overflow:hidden;background:var(--navy2);position:relative;z-index:2}.ticker>div{height:100%;display:flex;align-items:center;width:max-content;animation:ticker 30s linear infinite}.ticker span{white-space:nowrap;padding-inline:32px;color:var(--muted);font:9px var(--mono);letter-spacing:.1em}.ticker i{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:9px}.ticker b{color:var(--white);margin-inline:8px}
.network{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;padding-block:145px}.network>*{min-width:0}.network-intro{padding-top:20px}.network-intro h2,.access-copy h2{font-size:clamp(49px,5vw,78px);line-height:.98;letter-spacing:-.06em;margin:31px 0}.operational{border-top:1px solid var(--line);margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px var(--mono);letter-spacing:.09em}.operational span{display:flex;align-items:center;gap:11px}.operational small{color:var(--muted)}.cards{display:grid;grid-template-columns:1fr .9fr;gap:14px}.cards article{background:rgba(16,25,64,.78);border:1px solid var(--line);padding:23px;min-width:0}.throughput{grid-column:1/-1}.card-title{display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono);letter-spacing:.12em}.card-title b{color:var(--lime)}.big-number{display:flex;align-items:baseline;gap:8px;margin-top:25px}.big-number strong{font:52px/1 var(--mono)}.big-number>span{font:12px var(--mono);color:var(--lime)}.big-number small{margin-left:auto;color:var(--lime);font:9px var(--mono)}.bars{height:155px;display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 38px);padding-top:16px}.bars i{flex:1;height:var(--h);background:linear-gradient(to top,var(--blue),var(--lime));opacity:.8;animation:grow 1.4s both}.axis{display:flex;justify-content:space-between;color:var(--muted);font:8px var(--mono);margin-top:10px}.edge-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.edge-row:last-child{border:0}.edge-row>span{font:8px var(--mono);color:var(--blue)}.edge-row div{display:flex;flex-direction:column;gap:4px}.edge-row strong{font:10px var(--mono);letter-spacing:.07em}.edge-row small{font-size:10px;color:var(--muted)}.edge-row>b{font:9px var(--mono);color:var(--lime)}.distribution{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:17px}.distribution .card-title{grid-column:1/-1}.donut{width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--lime) 0 38%,var(--blue) 38% 68%,#8c66dc 68% 89%,#33416f 89%);display:grid;place-items:center}.donut:before{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:var(--panel)}.donut>div{position:relative;display:flex;flex-direction:column;text-align:center}.donut strong{font:18px var(--mono)}.donut small{font:7px var(--mono);color:var(--muted)}.distribution ul{list-style:none;padding:0;margin:0}.distribution li{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:6px 0;font:9px var(--mono);color:var(--muted)}.distribution li i{width:6px;height:6px;background:var(--lime)}.distribution li:nth-child(2) i{background:var(--blue)}.distribution li:nth-child(3) i{background:#8c66dc}.distribution li:nth-child(4) i{background:#33416f}.distribution li b{color:var(--white)}
.layers{background:var(--white);color:var(--navy);padding-block:120px;position:relative;z-index:1}.label.dark{color:#334fc0}.label.dark i{background:#334fc0}.layers-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.layers-head h2{font-size:clamp(48px,5vw,76px);letter-spacing:-.06em;margin:28px 0 0}.layers-head>p{color:#646b87;max-width:380px;line-height:1.7}.layer-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px}.layer-grid article{padding:0 30px;border-left:1px solid #d5d8e6}.layer-grid article:last-child{border-right:1px solid #d5d8e6}.layer-grid article>span{font:8px var(--mono);color:#7d839a}.symbol{width:75px;height:75px;border:1px solid #c9cddd;display:grid;place-items:center;margin:35px 0;color:#334fc0;font:bold 20px var(--mono);position:relative}.symbol:after{content:"";position:absolute;width:7px;height:7px;background:var(--lime);right:-4px;top:-4px}.layer-grid h3{font-size:18px}.layer-grid p{font-size:13px;color:#747a90;line-height:1.6;min-height:42px}.layer-grid b{display:block;margin-top:30px;font:9px var(--mono);color:#334fc0}
.access{display:grid;grid-template-columns:1fr minmax(430px,.8fr);gap:8vw;align-items:center;padding-block:145px}.access>*{min-width:0}.access-copy ul{list-style:none;padding:0;margin:48px 0 0}.access-copy li{display:flex;gap:17px;padding:16px 0;border-bottom:1px solid var(--line)}.access-copy li span{font:8px var(--mono);color:var(--blue)}.access-copy li b{font-size:13px}.login{background:var(--white);color:var(--navy);padding:42px;position:relative}.login:before{content:"";height:5px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,var(--lime),var(--blue))}.login-head,.login-foot{display:flex;align-items:center;justify-content:space-between;color:#737a96;font:9px var(--mono);letter-spacing:.12em}.login-head b{width:39px;height:39px;border:1px solid #cdd1df;display:grid;place-items:center;color:#334fc0}.login h3{font-size:35px;letter-spacing:-.04em;margin:34px 0 10px}.login>p{font-size:13px;line-height:1.6;color:#707791}.login form{display:grid;gap:17px;margin-top:30px}.login label>span:first-child{display:block;text-transform:uppercase;font:9px var(--mono);letter-spacing:.11em;margin-bottom:9px}.login input{width:100%;height:54px;padding:0 15px;border:1px solid #c9cedd;background:#fff;outline:0;border-radius:0}.login input:focus{border-color:#4e65ca;box-shadow:0 0 0 3px rgba(78,101,202,.1)}.password{display:block;position:relative}.toggle{position:absolute;right:8px;top:8px;height:38px;border:0;background:transparent;color:#334fc0;text-transform:uppercase;font:9px var(--mono);cursor:pointer}.submit{height:57px;border:0;background:var(--navy);padding:0 18px;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font:9px var(--mono);letter-spacing:.12em;cursor:pointer}.submit:hover{background:#151f4d}.submit b{color:var(--lime);font-size:18px}.error{display:flex;gap:12px;background:#fff4d0;border-left:3px solid #d4a800;padding:13px;margin-top:15px}.error[hidden]{display:none}.error>i{font-style:normal;color:#aa8000;font-weight:bold}.error div{display:flex;flex-direction:column;gap:3px}.error strong{font-size:11px}.error span{font-size:10px;color:#746b4e}.login-foot{border-top:1px solid #d5d8e4;margin-top:26px;padding-top:19px}.login-foot>span{display:flex;gap:9px;align-items:center}.login-foot i{width:5px;height:5px;background:#5d8500;box-shadow:none}
footer{border-top:1px solid var(--line);position:relative;z-index:1}footer>.wrap{min-height:118px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}footer p,footer>div>span{margin:0;color:var(--muted);font:9px var(--mono);letter-spacing:.1em}footer>div>span{justify-self:end}.reveal{opacity:0;transform:translateY(23px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}.delay-3{transition-delay:.36s}
@keyframes pulse{50%{opacity:.4;box-shadow:0 0 0 8px rgba(223,255,79,0)}}@keyframes dash{to{stroke-dashoffset:-400}}@keyframes packet{0%,100%{transform:translate(0,0);opacity:.2}50%{transform:translate(95px,65px);opacity:1}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes grow{from{height:0}}
@media(max-width:1080px){:root{--wrap:min(920px,calc(100vw - 64px))}.nav{padding-inline:32px}.hero{grid-template-columns:1fr}.hero-copy{max-width:850px}.flow-console{min-height:570px}.network{grid-template-columns:1fr;gap:55px}.network-intro{max-width:720px}.layer-grid{grid-template-columns:repeat(2,1fr);gap:50px 0}.layer-grid article:nth-child(3){border-left:1px solid #d5d8e6}.access{grid-template-columns:1fr}.access-copy{max-width:760px}.login{width:100%;max-width:650px;justify-self:center}}
@media(max-width:700px){:root{--wrap:calc(100vw - 36px)}.nav{height:72px;padding-inline:18px;grid-template-columns:1fr auto}.nav-status{display:none}.logo>span{width:35px;height:35px;font-size:15px}.logo small{font-size:7px}.hero{min-height:auto;padding-block:58px;grid-template-columns:minmax(0,1fr)}h1{font-size:clamp(48px,15vw,69px)}.hero-copy>p{font-size:15px}.actions{flex-direction:column}.btn{width:100%}.hero-metrics{grid-template-columns:1fr}.hero-metrics div{grid-template-columns:1fr auto auto;padding-bottom:13px;border-bottom:1px solid var(--line)}.hero-metrics span{grid-column:auto}.hero-metrics strong{font-size:21px}.flow-console{min-height:465px}.console-screen{min-height:340px}.hub{width:95px;height:95px}.hub strong{font-size:20px}.edge{width:72px;padding:8px}.ams,.ein{left:2%}.rtm,.eu{right:2%}.console-foot{padding:17px 14px;font-size:7px}.network,.access{padding-block:92px}.network-intro h2,.access-copy h2{font-size:48px}.operational{flex-direction:column;align-items:flex-start}.cards{grid-template-columns:1fr}.throughput{grid-column:auto}.cards article{padding:20px}.big-number strong{font-size:41px}.bars{height:135px}.distribution{grid-template-columns:110px 1fr}.layers{padding-block:90px}.layers-head{display:block}.layers-head>p{margin-top:20px}.layer-grid{grid-template-columns:1fr;margin-top:45px;gap:0}.layer-grid article{padding:29px 22px;border-right:1px solid #d5d8e6;border-bottom:1px solid #d5d8e6}.symbol{margin:24px 0}.layer-grid p{min-height:0}.layer-grid b{margin-top:20px}.login{padding:28px 22px}.access{grid-template-columns:minmax(0,1fr)}footer>.wrap{padding-block:32px;grid-template-columns:1fr;justify-items:start}footer>div>span{justify-self:start}}
@media(max-width:390px){:root{--wrap:calc(100vw - 28px)}.nav{padding-inline:14px}.lang{padding:7px 8px}h1{font-size:44px}.flow-console{min-height:440px}.edge small{font-size:7px}.distribution{grid-template-columns:1fr}.donut{margin:auto}.login h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}
