:root{--wine:#190f18;--wine2:#26151f;--berry:#8f2944;--ice:#9fe7f2;--ice2:#d8f8fa;--paper:#f3ecec;--text:#fff9f7;--muted:#b6a8ae;--line:rgba(255,255,255,.15);--shell: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(--wine);color:var(--text);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{width:var(--shell);margin-inline:auto;position:relative;z-index:1}.topbar{height:90px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:max(40px,calc((100vw - 1340px)/2));border-bottom:1px solid var(--line);background:rgba(25,15,24,.88);backdrop-filter:blur(18px);position:relative;z-index:10}.logo{display:flex;align-items:center;gap:12px;width:max-content}.logo-symbol{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--ice);color:var(--ice);font:bold 1rem var(--mono);position:relative}.logo-symbol:after{content:"";position:absolute;left:50%;top:-1px;bottom:-1px;width:1px;background:var(--berry)}.logo strong{display:block;font-size:1.2rem;letter-spacing:.08em}.logo small{display:block;color:var(--muted);font:.72rem/1.4 var(--mono);letter-spacing:.12em}.top-status{display:flex;align-items:center;gap:13px;color:var(--muted);font:.76rem var(--mono);letter-spacing:.08em}.top-status i,.operational i,.login-foot i{width:8px;height:8px;border-radius:50%;background:var(--ice);box-shadow:0 0 0 5px rgba(159,231,242,.08),0 0 13px var(--ice);animation:pulse 2s infinite}.top-status b{border-left:1px solid var(--line);padding-left:13px;color:var(--ice);font-weight:normal}.languages{justify-self:end;display:flex;border:1px solid var(--line);padding:3px}.lang{min-width:42px;height:34px;border:0;background:transparent;color:var(--muted);font:.78rem var(--mono);cursor:pointer}.lang.active{background:var(--ice);color:var(--wine);font-weight:bold}
.hero{min-height:calc(100vh - 90px);display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.94fr);gap:6vw;align-items:center;padding-block:84px}.hero>*{min-width:0}.eyebrow{display:flex;align-items:center;gap:13px;color:var(--ice);font:.78rem var(--mono);letter-spacing:.1em}.eyebrow i{width:44px;height:1px;background:var(--ice)}.eyebrow b{font-weight:normal}h1{font-size:clamp(4rem,6.1vw,6.5rem);line-height:.91;letter-spacing:-.065em;margin:2rem 0}h1 em,h2 em{font-style:normal;color:var(--ice)}.hero-copy>p,.telemetry-intro>p,.access-copy>p{max-width:620px;color:var(--muted);font-size:1.08rem;line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:2.4rem 0 3.4rem}.button{height:56px;padding:0 22px;display:grid;place-items:center;border:1px solid var(--line);text-transform:uppercase;font:.78rem var(--mono);letter-spacing:.07em;transition:.25s}.button.primary{background:var(--ice);border-color:var(--ice);color:var(--wine);font-weight:bold}.button:hover{transform:translateY(-3px);border-color:var(--ice);box-shadow:0 7px 0 var(--berry)}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid var(--line);padding-top:24px}.hero-metrics div{display:grid;grid-template-columns:auto 1fr;gap:6px 8px}.hero-metrics span{grid-column:1/-1;color:var(--muted);font:.75rem var(--mono);text-transform:uppercase}.hero-metrics strong{font:1.75rem/1 var(--mono)}.hero-metrics small{align-self:end;color:var(--ice);font:.72rem var(--mono)}
.mirror-console{min-height:640px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(38,21,31,.96),rgba(25,15,24,.84));display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:16px 16px 0 rgba(143,41,68,.18)}.mirror-console:before,.mirror-console:after{content:"";position:absolute;top:0;bottom:0;width:4px;z-index:5}.mirror-console:before{left:0;background:var(--berry)}.mirror-console:after{right:0;background:var(--ice)}.console-head,.console-foot{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;color:var(--muted);font:.75rem var(--mono);letter-spacing:.08em;position:relative;z-index:3}.console-head{border-bottom:1px solid var(--line)}.console-head b{color:var(--ice)}.console-head i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ice);margin-right:7px}.console-body{flex:1;position:relative;min-height:460px;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px}.mirror-axis{position:absolute;left:50%;top:5%;bottom:5%;translate:-50% 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--muted);font:.68rem var(--mono);z-index:3}.mirror-axis i{height:74%;width:1px;background:linear-gradient(var(--berry),var(--ice));position:relative}.mirror-axis i:after{content:"";position:absolute;width:9px;height:9px;border:1px solid var(--ice);background:var(--wine);left:50%;top:50%;translate:-50% -50%;rotate:45deg}.mirror-half{position:absolute;inset:0 50% 0 0}.replica-half{inset:0 0 0 50%;transform:scaleX(-1)}.replica-half>*{transform:scaleX(-1)}.node-main{position:absolute;left:14%;top:50%;translate:0 -50%;width:112px;height:112px;border:1px solid var(--berry);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--wine);box-shadow:0 0 40px rgba(143,41,68,.2)}.replica-half .node-main{border-color:var(--ice);box-shadow:0 0 40px rgba(159,231,242,.13)}.node-main span,.node-main small{font:.68rem var(--mono);letter-spacing:.08em;color:var(--muted)}.node-main strong{font:1.85rem var(--mono);margin:5px}.sub-node{position:absolute;left:8%;border:1px solid var(--line);background:var(--wine2);padding:10px 12px;min-width:80px;font-family:var(--mono)}.sub-node:after{content:"";position:absolute;width:7px;height:7px;background:var(--berry);right:-4px;top:-4px}.replica-half .sub-node:after{background:var(--ice)}.sub-node b{font-size:.85rem}.sub-node small{display:block;color:var(--muted);font-size:.68rem;margin-top:7px}.sub-node.top{top:14%}.sub-node.bottom{bottom:14%}.sync-lines{position:absolute;inset:0;width:100%;height:100%}.sync-lines path{fill:none;stroke:var(--berry);stroke-width:1.5;stroke-dasharray:8 8;vector-effect:non-scaling-stroke;opacity:.55;animation:dash 16s linear infinite}.sync-lines path:nth-child(2){stroke:var(--ice);animation-direction:reverse}.sync-lines .center{stroke:url(#none);stroke:var(--ice);opacity:.8}.data-packet{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--ice);box-shadow:0 0 16px var(--ice);animation:packet 4s ease-in-out infinite}.p1{left:28%;top:48%}.p2{right:28%;top:40%;background:var(--berry);box-shadow:0 0 16px var(--berry);animation-delay:-1.3s}.p3{left:42%;bottom:27%;animation-delay:-2.6s}.console-foot{border-top:1px solid var(--line);gap:15px}.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(--text);font-size:.82rem}.console-foot .ice{color:var(--ice)}
.flow-strip{height:58px;border-block:1px solid var(--line);background:var(--paper);color:var(--wine);overflow:hidden;position:relative;z-index:2}.flow-strip>div{height:100%;display:flex;align-items:center;width:max-content;animation:ticker 30s linear infinite}.flow-strip span{white-space:nowrap;padding-inline:34px;font:.75rem var(--mono)}.flow-strip i{display:inline-block;width:6px;height:6px;background:var(--berry);margin-right:9px}.flow-strip b{margin-inline:8px}
.telemetry{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;padding-block:150px}.telemetry>*{min-width:0}.telemetry-intro{padding-top:22px}.telemetry-intro h2,.access-copy h2{font-size:clamp(3.2rem,5vw,5rem);line-height:.96;letter-spacing:-.06em;margin:2rem 0}.operational{border-top:1px solid var(--line);padding-top:22px;margin-top:55px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:.76rem var(--mono)}.operational span{display:flex;align-items:center;gap:11px}.operational small{color:var(--muted)}.dashboard{display:grid;grid-template-columns:1fr .82fr;gap:15px}.dashboard article{border:1px solid var(--line);background:rgba(38,21,31,.8);padding:25px;min-width:0}.volume-card{grid-column:1/-1}.card-head{display:flex;justify-content:space-between;color:var(--muted);font:.75rem var(--mono);letter-spacing:.08em}.card-head b{color:var(--ice)}.volume-value{display:flex;align-items:baseline;gap:10px;margin-top:27px}.volume-value strong{font:3.5rem/1 var(--mono)}.volume-value>span{font:.9rem var(--mono);color:var(--ice)}.volume-value small{margin-left:auto;color:var(--ice);font:.78rem var(--mono)}.volume-chart{height:175px;position:relative;background:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 44px)}.volume-chart svg{position:absolute;inset:0;width:100%;height:100%}.volume-chart .area{fill:url(#mirrorFill)}.volume-chart .line{fill:none;stroke:var(--ice);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:1200;animation:draw 3s ease both}.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font:.7rem var(--mono)}.location{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.location:last-child{border:0}.location>span{font:.77rem var(--mono);color:var(--ice)}.location div{display:flex;flex-direction:column;gap:5px}.location strong{font:.84rem var(--mono)}.location small{font-size:.8rem;color:var(--muted)}.location>b{font:.76rem var(--mono);color:var(--ice)}.queue-card{display:flex;flex-direction:column;gap:23px}.queue{display:grid;grid-template-columns:78px 1fr 46px;align-items:center;gap:10px;font:.72rem var(--mono)}.queue>div{height:4px;background:rgba(255,255,255,.08)}.queue i{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--berry),var(--ice));animation:grow 1.5s both}.queue b{text-align:right;color:var(--muted)}
.lifecycle{padding-block:125px;background:var(--paper);color:var(--wine)}.eyebrow.light{color:var(--berry)}.eyebrow.light i{background:var(--berry)}.lifecycle-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.lifecycle-head h2{font-size:clamp(3rem,5vw,4.8rem);letter-spacing:-.06em;margin:2rem 0 0}.lifecycle-head>p{max-width:430px;color:#73636a;font-size:1rem;line-height:1.7}.lifecycle-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px}.lifecycle-grid article{padding:0 30px;border-left:1px solid #cfc2c6;min-width:0}.lifecycle-grid article:last-child{border-right:1px solid #cfc2c6}.lifecycle-grid article>span{font:.75rem var(--mono);color:#796d72}.life-icon{width:76px;height:76px;border:1px solid #baa9af;display:grid;place-items:center;margin:38px 0;color:var(--berry);font:bold 1.3rem var(--mono);position:relative}.life-icon:after{content:"";position:absolute;width:8px;height:8px;background:#4bb8c5;right:-4px;top:-4px}.lifecycle-grid h3{font-size:1.2rem}.lifecycle-grid p{font-size:.95rem;line-height:1.6;color:#73676b;min-height:48px}.lifecycle-grid b{display:block;margin-top:30px;color:var(--berry);font:.78rem var(--mono)}
.access{padding-block:150px;display:grid;grid-template-columns:1fr minmax(430px,.82fr);gap:9vw;align-items:center}.access>*{min-width:0}.access-copy ul{list-style:none;padding:0;margin:50px 0 0}.access-copy li{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.access-copy li span{color:var(--ice);font:.78rem var(--mono)}.access-copy li b{font-size:.95rem}.login-card{background:var(--paper);color:var(--wine);padding:44px;position:relative;box-shadow:14px 14px 0 var(--berry)}.login-card:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(143,41,68,.1);pointer-events:none}.login-head,.login-foot{display:flex;justify-content:space-between;align-items:center;color:#796c71;font:.75rem var(--mono)}.login-head b{width:48px;height:42px;border:1px solid #c8b9be;display:grid;place-items:center;color:var(--berry)}.login-card h3{font-size:2.3rem;letter-spacing:-.045em;margin:36px 0 11px}.login-card>p{font-size:.95rem;color:#74686c;line-height:1.6}.login-card form{display:grid;gap:18px;margin-top:31px}.login-card label>span:first-child{display:block;text-transform:uppercase;font:.75rem var(--mono);margin-bottom:9px}.login-card input{width:100%;height:56px;background:#fffafa;border:1px solid #c9babe;padding:0 16px;outline:0;border-radius:0}.login-card input:focus{border-color:var(--berry);box-shadow:0 0 0 3px rgba(143,41,68,.1)}.password-wrap{display:block;position:relative}.password-toggle{position:absolute;right:8px;top:8px;height:40px;border:0;background:transparent;color:var(--berry);text-transform:uppercase;font:.75rem var(--mono);cursor:pointer}.login-button{height:58px;border:0;background:var(--wine);color:var(--paper);text-transform:uppercase;font:.78rem var(--mono);cursor:pointer}.login-button:hover{background:var(--berry)}.login-error{display:flex;gap:12px;background:#f3dbe0;border-left:3px solid var(--berry);padding:14px;margin-top:16px}.login-error[hidden]{display:none}.login-error>i{font-style:normal;color:var(--berry);font-weight:bold}.login-error div{display:flex;flex-direction:column;gap:4px}.login-error strong{font-size:.85rem}.login-error span{font-size:.8rem;color:#70545d}.login-foot{border-top:1px solid #cfc1c5;margin-top:28px;padding-top:20px}.login-foot>span{display:flex;align-items:center;gap:9px}.login-foot i{width:6px;height:6px;background:#26866f;box-shadow:none}
footer{border-top:1px solid var(--line)}footer>.shell{min-height:125px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}footer p,footer>div>span{margin:0;color:var(--muted);font:.75rem var(--mono)}footer>div>span{justify-self:end}.reveal{opacity:0;transform:translateY(24px);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(159,231,242,0)}}@keyframes dash{to{stroke-dashoffset:-440}}@keyframes packet{0%,100%{transform:translateX(0);opacity:.2}50%{transform:translateX(120px);opacity:1}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes draw{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}@keyframes grow{from{width:0}}
@media(max-width:1080px){:root{--shell:min(920px,calc(100vw - 64px))}.topbar{padding-inline:32px}.hero{grid-template-columns:1fr}.hero-copy{max-width:850px}.mirror-console{min-height:580px}.telemetry{grid-template-columns:1fr;gap:58px}.telemetry-intro{max-width:720px}.lifecycle-grid{grid-template-columns:repeat(2,1fr);gap:55px 0}.lifecycle-grid article:nth-child(3){border-left:1px solid #cfc2c6}.access{grid-template-columns:1fr}.access-copy{max-width:760px}.login-card{width:100%;max-width:650px;justify-self:center}}
@media(max-width:700px){:root{--shell:calc(100vw - 36px)}.topbar{height:74px;padding-inline:18px;grid-template-columns:1fr auto}.top-status{display:none}.logo-symbol{width:36px;height:36px}.logo small{font-size:.64rem}.hero{min-height:auto;padding-block:60px;grid-template-columns:minmax(0,1fr)}h1{font-size:clamp(3.05rem,15vw,4.5rem)}.hero-copy>p{font-size:1rem}.hero-actions{flex-direction:column}.button{width:100%}.hero-metrics{grid-template-columns:1fr}.hero-metrics div{grid-template-columns:1fr auto auto;padding-bottom:14px;border-bottom:1px solid var(--line)}.hero-metrics span{grid-column:auto}.hero-metrics strong{font-size:1.45rem}.mirror-console{min-height:475px;box-shadow:8px 8px 0 rgba(143,41,68,.18)}.console-body{min-height:345px}.node-main{width:84px;height:84px}.node-main strong{font-size:1.35rem}.sub-node{min-width:62px;padding:7px}.console-foot{padding:17px 13px;font-size:.62rem}.flow-strip{height:52px}.telemetry,.access{padding-block:95px}.telemetry-intro h2,.access-copy h2{font-size:3.1rem}.operational{flex-direction:column;align-items:flex-start}.dashboard{grid-template-columns:1fr}.volume-card{grid-column:auto}.dashboard article{padding:20px}.volume-value strong{font-size:2.7rem}.volume-chart{height:150px}.lifecycle{padding-block:90px}.lifecycle-head{display:block}.lifecycle-head>p{margin-top:22px}.lifecycle-grid{grid-template-columns:1fr;margin-top:48px;gap:0}.lifecycle-grid article{padding:30px 22px;border-right:1px solid #cfc2c6;border-bottom:1px solid #cfc2c6}.life-icon{margin:24px 0}.lifecycle-grid p{min-height:0}.lifecycle-grid b{margin-top:20px}.login-card{padding:29px 22px;box-shadow:8px 8px 0 var(--berry)}.access{grid-template-columns:minmax(0,1fr)}footer>.shell{padding-block:34px;grid-template-columns:1fr;justify-items:start}footer>div>span{justify-self:start}}
@media(max-width:390px){:root{--shell:calc(100vw - 28px)}.topbar{padding-inline:14px}.lang{min-width:36px}h1{font-size:2.8rem}.mirror-console{min-height:445px}.console-foot div:nth-child(2){display:none}.sub-node{display:none}.login-card h3{font-size:2rem}}
@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}}