:root{--bg:#07100f;--bg2:#0a1715;--panel:#0d1c19;--panel2:#11231f;--line:#254038;--mint:#45f0a8;--lime:#b9ff49;--cyan:#45d9ff;--ink:#ecfff5;--muted:#8ca99d;--orange:#ff9c3b;--shell:1440px;--pad:clamp(18px,4vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(var(--shell),100%);margin-inline:auto;padding-inline:var(--pad)}
#packet-field{position:fixed;inset:0;width:100%;height:100%;z-index:-3;opacity:.45}.noise{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.04;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{height:104px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(140,169,157,.22);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;width:max-content}.brand-mark{width:42px;height:42px;border:1px solid var(--mint);display:grid;place-content:center;gap:3px;transform:rotate(-4deg);margin-right:13px;box-shadow:inset 0 0 18px rgba(69,240,168,.08)}.brand-mark i{display:block;width:18px;height:2px;background:var(--mint)}.brand-mark i:nth-child(2){width:12px;background:var(--lime)}.brand-mark i:nth-child(3){width:7px}.brand-word{font-weight:900;font-size:28px;letter-spacing:-1.5px}.brand-unit{align-self:flex-end;margin:0 0 6px 8px;color:var(--mint);font:700 11px/1 monospace;letter-spacing:2px;text-transform:uppercase}.topbar-center{display:flex;align-items:center;gap:14px;color:var(--muted);font:700 11px/1 monospace;letter-spacing:2px}.topbar-center b{display:block;width:5px;height:5px;background:var(--lime);transform:rotate(45deg)}.availability{justify-self:end;display:flex;align-items:center;gap:10px;color:var(--muted);font:700 11px/1 monospace;letter-spacing:1px}.availability i,.log-status i{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 5px rgba(69,240,168,.1),0 0 14px var(--mint);animation:pulse 1.7s ease-in-out infinite}.availability strong{color:var(--ink);font-size:12px}
.hero{min-height:710px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(540px,1.1fr);gap:clamp(35px,6vw,100px);align-items:center;padding-top:68px;padding-bottom:72px}.eyebrow,.kicker{color:var(--mint);font:700 12px/1.4 monospace;letter-spacing:2.2px}.eyebrow{display:flex;align-items:center;gap:14px}.eyebrow span{display:block;width:44px;height:2px;background:var(--lime)}h1{font-size:clamp(52px,6vw,100px);line-height:.92;letter-spacing:-.07em;margin:30px 0 30px;max-width:780px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--mint);text-shadow:0 0 28px rgba(69,240,168,.12)}.lead{max-width:650px;color:#b4c9c0;font-size:clamp(17px,1.45vw,21px);line-height:1.65;margin:0}.hero-actions{display:flex;gap:12px;margin-top:38px;flex-wrap:wrap}.button{min-height:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;font:800 12px/1 monospace;letter-spacing:1.2px;text-transform:uppercase;border:1px solid var(--line);transition:.25s ease}.button.primary{background:var(--mint);border-color:var(--mint);color:#05120e}.button.primary:hover{background:var(--lime);border-color:var(--lime);transform:translateY(-2px)}.button.ghost:hover{border-color:var(--mint);color:var(--mint)}.hero-note{margin-top:42px;padding-top:17px;border-top:1px solid rgba(140,169,157,.2);color:var(--muted);font:12px/1.5 monospace}.hero-note span{color:var(--lime);margin-right:16px}
.traffic-stage{position:relative;min-height:580px;border:1px solid rgba(69,240,168,.2);background:linear-gradient(145deg,rgba(13,28,25,.94),rgba(7,16,15,.65));overflow:hidden;isolation:isolate}.traffic-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(69,240,168,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(69,240,168,.05) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.stage-head{height:52px;border-bottom:1px solid rgba(69,240,168,.16);padding:0 20px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:700 10px/1 monospace;letter-spacing:1.6px}.stage-time{color:var(--mint)}.core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:120px;height:120px;border:1px solid var(--mint);background:#0a1b17;display:grid;place-content:center;text-align:center;box-shadow:0 0 60px rgba(69,240,168,.12);z-index:3}.core strong{font-size:46px;line-height:.85;color:var(--lime)}.core span{font:700 9px/1.3 monospace;letter-spacing:2px;color:var(--muted);margin-top:7px}.core-rings{position:absolute;inset:-20px;border:1px solid rgba(69,240,168,.18);animation:spin 12s linear infinite}.core-rings:before,.core-rings:after{content:"";position:absolute;width:8px;height:8px;background:var(--cyan)}.core-rings:before{left:-4px;top:30%}.core-rings:after{right:-4px;bottom:20%}.orbit{position:absolute;left:50%;top:48%;border:1px dashed rgba(69,240,168,.16);border-radius:50%;transform:translate(-50%,-50%)}.orbit-a{width:330px;height:330px;animation:spin 28s linear infinite}.orbit-b{width:470px;height:470px;animation:spinReverse 38s linear infinite}.node{position:absolute;width:80px;color:var(--ink);font:700 11px/1 monospace;letter-spacing:1px}.node i{display:block;width:10px;height:10px;background:var(--mint);margin-bottom:8px;box-shadow:0 0 16px rgba(69,240,168,.75)}.node span{display:block;color:var(--muted);font-size:8px;margin-top:6px}.node-a{left:10%;top:21%}.node-b{right:7%;top:18%;text-align:right}.node-b i,.node-d i{margin-left:auto;background:var(--cyan)}.node-c{left:11%;bottom:22%}.node-d{right:8%;bottom:19%;text-align:right}.routes{position:absolute;inset:52px 0 90px;width:100%;height:calc(100% - 142px);z-index:1}.routes path{fill:none;stroke:rgba(69,240,168,.35);stroke-width:1.2;stroke-dasharray:7 7;animation:dash 12s linear infinite}.packet{position:absolute;width:7px;height:7px;background:var(--lime);box-shadow:0 0 14px var(--lime);z-index:2;animation:packetTravel 4s ease-in-out infinite}.p1{left:14%;top:28%}.p2{right:17%;top:24%;animation-delay:-1s;background:var(--cyan)}.p3{left:16%;bottom:30%;animation-delay:-2s}.p4{right:17%;bottom:27%;animation-delay:-3s;background:var(--cyan)}.stage-stats{position:absolute;bottom:0;left:0;right:0;height:90px;border-top:1px solid rgba(69,240,168,.16);display:grid;grid-template-columns:repeat(3,1fr);background:rgba(7,16,15,.82);z-index:5}.stage-stats div{padding:18px 20px;border-right:1px solid rgba(69,240,168,.13)}.stage-stats div:last-child{border:0}.stage-stats span{display:block;color:var(--muted);font:9px/1 monospace;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:10px}.stage-stats strong{font:700 17px/1 monospace}.stage-stats b{color:var(--mint)}
.ticker{overflow:hidden;border-block:1px solid rgba(69,240,168,.2);background:var(--mint);color:#07100f}.ticker-track{display:flex;width:max-content;animation:ticker 26s linear infinite}.ticker span{padding:17px 36px;font:800 10px/1 monospace;letter-spacing:1px;white-space:nowrap;border-right:1px solid rgba(7,16,15,.25)}.ticker i{display:inline-block;width:6px;height:6px;background:#07100f;margin-right:12px}
.network{padding-top:120px;padding-bottom:130px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-title h2,.flow-copy h2{font-size:clamp(38px,4.2vw,66px);line-height:1;margin:13px 0 0;letter-spacing:-.045em}.section-title p{max-width:510px;color:var(--muted);font-size:16px;line-height:1.65;margin:0}.metric-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px}.metric-card{min-height:285px;border:1px solid rgba(140,169,157,.2);background:linear-gradient(145deg,rgba(17,35,31,.88),rgba(9,20,18,.88));padding:25px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(69,240,168,.08);right:-45px;top:-48px;transform:rotate(45deg)}.metric-card.featured{grid-row:span 2;min-height:584px}.card-label{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font:700 10px/1 monospace;letter-spacing:1.4px}.card-label i{font-style:normal;color:var(--lime)}.card-label i.cyan{color:var(--cyan)}.metric-card>strong{display:block;font-size:clamp(55px,6vw,96px);letter-spacing:-.07em;margin-top:36px}.metric-card>strong small{font-size:16px;letter-spacing:1px;color:var(--muted);margin-left:10px}.bars{height:250px;display:flex;align-items:flex-end;gap:8px;margin-top:55px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 49px,rgba(140,169,157,.09) 50px)}.bars i{flex:1;height:var(--h);background:linear-gradient(to top,rgba(69,240,168,.15),var(--mint));animation:barRise 1.4s cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom}.bars i:nth-child(3n){background:linear-gradient(to top,rgba(69,217,255,.15),var(--cyan))}.axis{display:flex;justify-content:space-between;color:#638078;font:8px/1 monospace;margin-top:12px}.sparkline{height:68px;margin-top:22px}.sparkline svg{width:100%;height:100%;overflow:visible}.sparkline path{fill:none;stroke:var(--cyan);stroke-width:2;filter:drop-shadow(0 0 5px rgba(69,217,255,.6));stroke-dasharray:600;animation:draw 3s ease both}.metric-card p{color:var(--muted);font-size:13px;line-height:1.4;margin:20px 0 0}.cache-ring{position:absolute;width:80px;height:80px;right:25px;bottom:48px;border-radius:50%;display:grid;place-content:center;background:conic-gradient(var(--lime) calc(var(--value)*1%),rgba(185,255,73,.08) 0);box-shadow:0 0 20px rgba(185,255,73,.09)}.cache-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--panel)}.cache-ring span{position:relative;font:700 9px/1 monospace;color:var(--muted)}.queue-card{grid-column:span 2;min-height:285px}.queue-list{display:grid;gap:0;margin-top:20px}.queue-list>div{min-height:66px;display:grid;grid-template-columns:32px 1fr minmax(110px,.9fr) 44px;align-items:center;gap:12px;border-top:1px solid rgba(140,169,157,.14)}.queue-list b{font:700 10px/1 monospace;color:var(--lime)}.queue-list span strong{display:block;font-size:13px}.queue-list span small{display:block;color:var(--muted);font:9px/1 monospace;margin-top:6px}.queue-list>div>i{height:4px;background:rgba(140,169,157,.15);overflow:hidden}.queue-list em{display:block;width:var(--p);height:100%;background:linear-gradient(90deg,var(--mint),var(--cyan));animation:progress 1.5s ease both}.queue-list mark{background:none;color:var(--muted);font:10px/1 monospace;text-align:right}
.flow-section{padding:125px 0;background:linear-gradient(100deg,#0e211c,#081411);border-block:1px solid rgba(69,240,168,.15)}.flow-layout{display:grid;grid-template-columns:360px 1fr;gap:clamp(50px,8vw,130px);align-items:center}.flow-copy p{color:var(--muted);font-size:16px;line-height:1.65;margin:25px 0 35px}.flow-copy dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}.flow-copy dl div{border-top:1px solid var(--line);padding-top:14px}.flow-copy dt{font-size:26px;font-weight:900;color:var(--lime)}.flow-copy dd{margin:7px 0 0;color:var(--muted);font:9px/1.45 monospace;text-transform:uppercase}.flow-pipeline{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.pipeline-line{position:absolute;top:66px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,var(--mint),var(--cyan));box-shadow:0 0 12px rgba(69,240,168,.35)}.flow-pipeline article{position:relative;text-align:center;padding:0 12px;z-index:1}.flow-pipeline article>span{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font:9px/1 monospace;color:var(--muted)}.flow-icon{width:86px;height:86px;border:1px solid var(--line);background:var(--panel);margin:22px auto 26px;display:grid;place-content:center;position:relative;transition:.3s}.flow-pipeline article:hover .flow-icon{border-color:var(--mint);transform:translateY(-5px);box-shadow:0 0 28px rgba(69,240,168,.09)}.flow-icon:after{content:"";position:absolute;width:7px;height:7px;background:var(--mint);right:-4px;top:50%;box-shadow:0 0 10px var(--mint)}.flow-icon i{display:block}.ingest{gap:5px}.ingest i{width:32px;height:3px;background:var(--mint);animation:dataPulse 1.4s ease-in-out infinite}.ingest i:nth-child(2){width:23px}.ingest i:nth-child(3){width:14px}.process i{width:32px;height:32px;border:2px dashed var(--cyan);border-radius:50%;animation:spin 4s linear infinite}.cache{display:flex;gap:4px;align-items:flex-end}.cache i{width:8px;height:22px;background:var(--lime)}.cache i:nth-child(2){height:34px}.deliver i{position:absolute;left:28px;top:31px;width:28px;height:18px;border:1px solid var(--cyan)}.deliver i:nth-child(2){transform:translate(6px,6px)}.flow-pipeline h3{font-size:15px;margin:0}.flow-pipeline p{font-size:11px;line-height:1.5;color:var(--muted);min-height:35px}.flow-pipeline article>b{font:700 9px/1 monospace;color:var(--mint)}
.log-section{padding-top:120px;padding-bottom:110px}.section-title.compact{align-items:center}.log-status{display:flex;align-items:center;gap:12px;color:var(--muted);font:9px/1 monospace;letter-spacing:1px}.log-table{border:1px solid rgba(140,169,157,.2);background:rgba(9,20,18,.78)}.log-row{display:grid;grid-template-columns:100px 1fr 1.7fr 1fr 1fr 1fr;min-height:56px;align-items:center;padding:0 20px;border-bottom:1px solid rgba(140,169,157,.12);font:11px/1.2 monospace;transition:.3s}.log-row:not(.log-head):hover{background:rgba(69,240,168,.035)}.log-row:last-child{border:0}.log-head{color:var(--muted);font-size:9px;letter-spacing:1.2px;background:rgba(69,240,168,.035)}.log-row .time{color:var(--muted)}.log-row .type{color:var(--cyan)}.log-row .size{color:var(--lime)}.log-row .route{color:#b7c9c1}.badge{justify-self:start;padding:6px 9px;border:1px solid rgba(69,240,168,.3);color:var(--mint);font-size:8px}.log-new{animation:logIn .6s ease both}
.footer{min-height:126px;border-top:1px solid rgba(140,169,157,.2);display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font:10px/1.4 monospace;letter-spacing:1px}.footer-brand .brand-mark{width:32px;height:32px}.footer-brand .brand-word{font-size:22px}.footer p{margin:0}
@keyframes pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes dash{to{stroke-dashoffset:-120}}@keyframes packetTravel{0%,100%{transform:translate(0,0);opacity:.2}50%{transform:translate(150px,90px);opacity:1}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes barRise{from{transform:scaleY(0)}}@keyframes draw{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}@keyframes progress{from{width:0}}@keyframes dataPulse{50%{opacity:.25;transform:translateX(5px)}}@keyframes logIn{from{opacity:0;transform:translateY(-8px)}}
@media(max-width:1120px){.hero{grid-template-columns:1fr;padding-top:70px}.traffic-stage{min-height:580px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card.featured{grid-row:auto;grid-column:span 2}.queue-card{grid-column:span 2}.flow-layout{grid-template-columns:1fr}.flow-copy{max-width:700px}.footer{flex-wrap:wrap;padding-block:32px}}
@media(max-width:760px){:root{--pad:18px}.topbar{height:82px;grid-template-columns:1fr auto}.topbar-center{display:none}.brand-mark{width:34px;height:34px}.brand-word{font-size:23px}.availability strong{display:none}.hero{padding-top:52px;padding-bottom:55px;gap:48px}.hero-copy h1{font-size:clamp(48px,14vw,72px)}.lead{font-size:16px}.hero-actions{display:grid}.button{width:100%}.traffic-stage{min-height:510px}.stage-stats{height:auto;grid-template-columns:1fr}.stage-stats div{padding:10px 14px;display:flex;justify-content:space-between}.stage-stats span{margin:0}.orbit-b{width:390px;height:390px}.orbit-a{width:270px;height:270px}.node-b,.node-d{right:4%}.node-a,.node-c{left:5%}.network,.log-section{padding-top:80px;padding-bottom:80px}.section-title{display:block}.section-title p{margin-top:20px}.metric-grid{grid-template-columns:1fr}.metric-card.featured,.queue-card{grid-column:auto}.metric-card.featured{min-height:500px}.bars{height:200px}.flow-section{padding:80px 0}.flow-copy dl{gap:8px}.flow-pipeline{grid-template-columns:1fr 1fr;gap:45px 15px}.pipeline-line{display:none}.log-status{margin-top:20px}.log-row{grid-template-columns:78px 1fr 1fr}.log-row span:nth-child(3),.log-row span:nth-child(4),.log-row span:nth-child(5){display:none}.footer{display:grid;text-align:left}.footer>span{order:3}}
@media(max-width:420px){.availability span{display:none}.hero-copy h1{font-size:45px}.eyebrow{font-size:10px;letter-spacing:1.2px}.traffic-stage{min-height:500px}.core{width:92px;height:92px}.core strong{font-size:34px}.orbit-a{width:220px;height:220px}.orbit-b{width:330px;height:330px}.stage-head{padding-inline:12px}.stage-head span:first-child{font-size:8px}.metric-card{padding:20px}.metric-card>strong{font-size:58px}.queue-list>div{grid-template-columns:26px 1fr 40px}.queue-list>div>i{display:none}.flow-copy dl{grid-template-columns:1fr 1fr}.flow-pipeline{grid-template-columns:1fr}.flow-pipeline article{border-top:1px solid var(--line);padding-top:15px}.flow-pipeline article>span{top:0;left:10px;transform:none}.log-row{padding-inline:12px;grid-template-columns:62px 1fr 72px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.topbar-tools{justify-self:end;display:flex;align-items:center;gap:22px}.language-switch{display:flex;border:1px solid var(--line);padding:3px}.lang-button{border:0;background:transparent;color:var(--muted);min-width:35px;height:28px;padding:0;font:800 10px/1 monospace;letter-spacing:1px;cursor:pointer;transition:.2s}.lang-button:hover{color:var(--ink)}.lang-button.active{background:var(--mint);color:#05120e}.topbar-tools .availability{justify-self:auto}.stage-stats strong i{font-style:normal}.hero-note b,.eyebrow b{font:inherit}
@media(max-width:760px){.topbar-tools{gap:10px}.topbar-tools .availability strong,.topbar-tools .availability span{display:none}}
@media(max-width:420px){.brand-unit{display:none}.lang-button{min-width:31px}.language-switch{padding:2px}}