.obs-page{--state:#71829b;--state-rgb:113,130,155;overflow:clip;background:#030711;color:#eff7ff}.obs-page[data-status=operational]{--state:#3de4be;--state-rgb:61,228,190}.obs-page[data-status=degraded]{--state:#f6bd60;--state-rgb:246,189,96}.obs-page[data-status=major_outage]{--state:#ff6484;--state-rgb:255,100,132}.obs-page[data-status=unknown]{--state:#7890aa;--state-rgb:120,144,170}.obs-page h2{font-size:clamp(42px,5.4vw,82px);line-height:.96;letter-spacing:-.06em}.obs-hero{position:relative;height:145vh;min-height:1080px;border-bottom:1px solid rgba(94,167,222,.14);isolation:isolate}.obs-grid,.obs-field,.obs-glow,.obs-coordinate,.obs-registry-field{position:absolute;inset:0;pointer-events:none}.obs-grid{z-index:-4;background-image:linear-gradient(rgba(70,203,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(70,203,255,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse at 68% 45%,#000,transparent 78%)}.obs-field{z-index:-3;background:radial-gradient(circle at 70% 50%,transparent 0 18%,rgba(71,210,255,.07) 18.2% 18.6%,transparent 18.8% 28%,rgba(139,94,255,.07) 28.2% 28.5%,transparent 28.7%)}.obs-glow{z-index:-2;background:radial-gradient(circle at 76% 42%,rgba(52,207,255,.17),transparent 24%),radial-gradient(circle at 55% 70%,rgba(130,68,255,.15),transparent 32%)}.obs-stage{position:sticky;top:82px;height:calc(100vh - 82px);min-height:700px;display:grid;grid-template-columns:minmax(430px,.78fr) minmax(680px,1.22fr);align-items:center;gap:20px}.obs-copy{position:relative;z-index:3}.obs-copy h1{font-size:clamp(64px,6.5vw,110px);line-height:.87;letter-spacing:-.075em;margin:25px 0}.obs-copy h1 span{color:transparent;background:linear-gradient(100deg,#fff,var(--cyan),#a77cff);background-clip:text}.obs-copy p{max-width:680px;color:#a9b6c8;font-size:16px;line-height:1.7}.obs-phase{display:flex;align-items:center;gap:12px;margin-top:35px;color:#8be9ff;font:700 9px ui-monospace,monospace;letter-spacing:.12em}.obs-phase i{width:38px;height:2px;background:var(--state);box-shadow:0 0 15px var(--state)}.obs-visual{position:relative;height:720px;margin-right:-10vw}.obs-visual canvas{position:absolute;inset:0;width:100%;height:100%}.obs-static{position:absolute;inset:10%;display:flex;align-items:center;justify-content:space-between}.obs-static::before,.obs-static::after{content:"";position:absolute;left:30%;right:24%;top:50%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple));box-shadow:0 0 25px rgba(61,214,255,.35)}.obs-static::after{rotate:-7deg}.obs-static-core,.obs-static-service{position:relative;z-index:2;display:grid;place-items:center;background:#071323;border:1px solid rgba(80,211,255,.4);box-shadow:0 30px 80px rgba(0,0,0,.55)}.obs-static-core{width:220px;height:220px;border-radius:50%}.obs-static-core::before{content:"";position:absolute;inset:-34px;border:1px dashed rgba(76,213,255,.4);border-radius:50%}.obs-static-core img{width:94px}.obs-static-service{width:290px;height:210px;border-radius:28px;overflow:hidden}.obs-static-service img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.24}.obs-static-service b,.obs-static-service span{position:relative}.obs-static-service b{font-size:28px}.obs-static-service span{color:var(--state);font:700 10px ui-monospace,monospace}.obs-visual.is-webgl .obs-static{visibility:hidden}.obs-label,.obs-connection{position:absolute;z-index:4;padding:8px 11px;background:rgba(3,8,17,.8);border-left:1px solid var(--state);color:#b8edff;font:700 9px ui-monospace,monospace;letter-spacing:.12em}.obs-label--core{left:6%;top:27%}.obs-label--service{right:2%;top:44%}.obs-connection{left:35%;bottom:18%;color:#647b96;border-color:#536c89}
.obs-live,.obs-measure,.obs-history,.obs-incidents,.obs-registry{position:relative;padding:clamp(100px,11vw,175px) 0;border-bottom:1px solid rgba(93,151,203,.11)}.obs-section-head{max-width:1180px;margin-bottom:65px}.obs-section-head h2{margin:18px 0}.obs-section-head p{max-width:850px;color:#9eacbf;line-height:1.7}.obs-live{background:radial-gradient(circle at 12% 40%,rgba(var(--state-rgb),.1),transparent 34%),#040914}.obs-coordinate{background-image:linear-gradient(rgba(75,167,222,.03) 1px,transparent 1px);background-size:100% 48px}.obs-console{position:relative;display:grid;grid-template-columns:1.25fr repeat(4,1fr);min-height:330px;border:1px solid rgba(var(--state-rgb),.32);border-radius:32px;background:linear-gradient(125deg,rgba(9,26,43,.96),rgba(5,9,17,.96));overflow:hidden;box-shadow:0 45px 100px rgba(0,0,0,.35)}.obs-console::before{content:"LIVE / VALIDATED";position:absolute;right:18px;top:14px;color:rgba(var(--state-rgb),.35);font:700 8px ui-monospace,monospace}.obs-identity,.obs-console-cell{padding:70px 24px 35px;border-right:1px solid rgba(104,160,209,.12)}.obs-identity{display:flex;align-items:center;gap:25px;padding-left:34px}.obs-status-ring{position:relative;flex:0 0 112px;width:112px;height:112px;border:2px solid var(--state);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(var(--state-rgb),.15),transparent 65%)}.obs-status-ring::before{content:"";position:absolute;inset:8px;border:1px dashed var(--state);border-radius:50%}.obs-status-ring i{position:absolute;width:7px;height:7px;top:-4px;border-radius:50%;background:var(--state)}.obs-status-ring span{font-size:25px}.obs-page[data-status=major_outage] .obs-status-ring{border-style:dashed}.obs-page[data-status=degraded] .obs-status-ring::before{border-style:dotted}.obs-identity small,.obs-console-cell small{display:block;color:#6993ae;font:700 8px ui-monospace,monospace;letter-spacing:.12em}.obs-identity h3{font-size:32px;margin:8px 0}.obs-identity strong{color:var(--state);font-size:12px}.obs-console-cell{display:flex;flex-direction:column;justify-content:center;gap:10px}.obs-console-cell b{font-size:20px}.obs-console-cell time,.obs-console-cell span{color:#7f8fa5;font-size:10px;line-height:1.5}.obs-latency b{font-size:32px}.obs-latency svg{width:100px;overflow:visible}.obs-latency path{fill:none;stroke:#1a2b40;stroke-width:5;stroke-linecap:round}.obs-latency [data-latency-arc]{stroke:var(--state);stroke-dasharray:95 180}.obs-source{margin:16px 0 0;color:#687990;font:9px ui-monospace,monospace}.obs-source b{color:#99acc2}
.obs-measure{background:linear-gradient(180deg,#040914,#090619)}.obs-measure-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.obs-path{position:relative;min-height:670px;display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:55px;border:1px solid rgba(91,184,233,.17);border-radius:38px;background:#06101e;overflow:hidden}.obs-path>i{position:absolute;left:25%;right:25%;top:50%;height:2px;background:linear-gradient(90deg,var(--cyan) calc(var(--obs-local-p,0)*100%),#16253a 0);rotate:32deg}.obs-path button{position:relative;z-index:2;align-self:center;min-height:95px;padding:18px;border:1px solid rgba(91,173,222,.16);border-radius:16px;background:#09182a;color:#60758e;text-align:left}.obs-path button.is-active,.obs-path button.is-complete{color:#e9faff;border-color:rgba(55,215,255,.48)}.obs-path button small{display:block;color:#5ecfea;font:8px ui-monospace,monospace;margin-bottom:8px}.obs-path button b{font-size:18px}.obs-packet{position:absolute;z-index:4;left:calc(12% + var(--obs-local-p,0)*70%);top:calc(25% + var(--obs-local-p,0)*48%);padding:7px 10px;border-radius:7px;background:var(--cyan);color:#06101b;font:800 8px ui-monospace,monospace;box-shadow:0 0 20px rgba(55,215,255,.5)}.obs-measure-detail{padding:40px;border-left:2px solid var(--cyan);background:rgba(9,18,33,.72)}.obs-measure-detail h3{font-size:32px;line-height:1.12}.obs-measure-detail code{display:block;padding:20px;background:#030811;color:#78e5ff;line-height:1.8}.obs-measure-detail dl{display:grid;grid-template-columns:125px 1fr;gap:14px;margin-top:28px;font-size:12px}.obs-measure-detail dt{color:#6edcf8}.obs-measure-detail dd{margin:0;color:#9daabd;line-height:1.55}
.obs-history{background:radial-gradient(circle at 75% 40%,rgba(116,63,255,.11),transparent 35%),#030711}.obs-runway{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0;padding:80px 20px}.obs-runway>i{position:absolute;left:8%;right:8%;top:108px;height:2px;background:linear-gradient(90deg,var(--state) 0 9%,#1a2638 9%)}.obs-runway div{position:relative;z-index:2;min-height:190px;padding:50px 15px 15px;border-top:1px solid #243249;color:#607087}.obs-runway div::before{content:"";position:absolute;top:21px;left:12px;width:12px;height:12px;border:2px solid #405069;border-radius:50%;background:#07101d}.obs-runway .active{color:#eafcff;border-color:var(--state)}.obs-runway .active::before{background:var(--state);border-color:var(--state);box-shadow:0 0 20px var(--state)}.obs-runway small{color:#62778f;font:8px ui-monospace,monospace}.obs-runway b{display:block;margin:11px 0;font-size:16px}.obs-runway span{font-size:9px;line-height:1.45}.obs-availability{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px;background:rgba(255,255,255,.07)}.obs-availability span{padding:18px;background:#07101c;color:#66778e;font:8px ui-monospace,monospace}.obs-availability b{display:block;color:#b7c4d4;margin-top:7px}
.obs-incidents{background:#060a13}.obs-empty{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.obs-empty h2{margin:20px 0}.obs-empty p{max-width:760px;color:#99a8ba;line-height:1.7}.obs-incident-schema{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:30px;border:1px dashed #29384d;border-radius:28px}.obs-incident-schema span{padding:18px;border:1px solid #1b293b;color:#596b82;font:8px ui-monospace,monospace}.obs-incident-schema b{grid-column:1/-1;padding:15px;color:#8191a4;font:9px ui-monospace,monospace;text-align:center}.obs-registry{background:#030711}.obs-registry-field{background:radial-gradient(circle at 50% 55%,rgba(var(--state-rgb),.1),transparent 32%),repeating-radial-gradient(circle at 50% 55%,transparent 0 100px,rgba(71,166,221,.04) 101px 102px)}.obs-systems{position:relative;display:grid;gap:16px}.obs-system{display:grid;grid-template-columns:1fr 1fr;min-height:270px;border:1px solid rgba(var(--state-rgb),.3);border-radius:30px;background:linear-gradient(120deg,#08182a,#050914);overflow:hidden}.obs-system>i{position:absolute;left:50%;width:1px;height:100%;background:rgba(var(--state-rgb),.18)}.obs-system>div{padding:55px}.obs-system small{color:#648aa5;font:8px ui-monospace,monospace}.obs-system h3{font-size:44px;margin:20px 0}.obs-system strong{color:var(--state)}.obs-system dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:45px}.obs-system dt{color:#65809d;font:8px ui-monospace,monospace}.obs-system dd{margin:6px 0;color:#c8d3df;font-size:13px}.obs-final{padding:clamp(110px,14vw,220px) 0;text-align:center;background:radial-gradient(circle at 50% 55%,rgba(62,191,240,.14),transparent 35%),#040711}.obs-final h2{max-width:1200px;margin:22px auto 40px}
.obs-motion [data-obs-reveal]{clip-path:inset(0 0 100%);opacity:.2;transition:clip-path .9s,opacity .8s}.obs-motion [data-obs-reveal].is-visible{clip-path:inset(0);opacity:1}
.obs-core-logo,.obs-service-brand{display:none;position:absolute;z-index:3;pointer-events:none}.obs-visual.is-webgl .obs-core-logo,.obs-visual.is-webgl .obs-service-brand{display:block}.obs-core-logo{left:47%;top:47%;width:72px;translate:-50% -50%;filter:drop-shadow(0 0 18px rgba(62,215,255,.45))}.obs-service-brand{right:8%;top:43%;width:150px;height:105px;overflow:hidden;border:1px solid rgba(var(--state-rgb),.52);border-radius:18px;background:#07101c;box-shadow:0 20px 45px rgba(0,0,0,.45)}.obs-service-brand img{width:100%;height:100%;object-fit:cover;opacity:.34}.obs-service-brand b{position:absolute;left:14px;bottom:12px;font:800 12px ui-monospace,monospace}
@media(max-width:1100px){.obs-stage{grid-template-columns:.8fr 1.2fr}.obs-visual{margin-right:-20vw}.obs-console{grid-template-columns:1.2fr 1fr 1fr}.obs-console-cell:nth-last-child(-n+2){grid-column:span 1}.obs-runway{grid-template-columns:repeat(3,1fr)}.obs-runway>i{display:none}}
@media(max-width:900px){.obs-hero{height:auto;min-height:0}.obs-stage{position:relative;top:auto;height:auto;min-height:0;grid-template-columns:1fr;padding-top:70px}.obs-copy h1{font-size:66px}.obs-visual{height:580px;margin:0}.obs-console{grid-template-columns:1fr 1fr}.obs-identity{grid-column:1/-1}.obs-measure-layout,.obs-empty{grid-template-columns:1fr}.obs-availability{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.obs-copy h1{font-size:51px}.obs-copy p{font-size:14px}.obs-visual{height:430px;margin-inline:-14px}.obs-static-core{width:130px;height:130px}.obs-static-core img{width:60px}.obs-static-service{width:165px;height:130px}.obs-static-service b{font-size:17px}.obs-label{font-size:7px}.obs-label--core{left:5%;top:20%}.obs-label--service{right:0;top:55%}.obs-connection{display:none}.obs-live,.obs-measure,.obs-history,.obs-incidents,.obs-registry{padding:90px 0}.obs-console{display:block;min-height:0}.obs-identity,.obs-console-cell{padding:28px;border-right:0;border-bottom:1px solid rgba(104,160,209,.12)}.obs-status-ring{flex-basis:88px;width:88px;height:88px}.obs-path{min-height:800px;display:flex;flex-direction:column;padding:28px}.obs-path>i{left:49px;right:auto;top:8%;bottom:8%;width:2px;height:auto;rotate:0}.obs-path button{width:100%;padding-left:52px}.obs-packet{left:35px;top:calc(9% + var(--obs-local-p,0)*76%)}.obs-measure-detail{padding:26px}.obs-measure-detail dl{grid-template-columns:1fr}.obs-runway{grid-template-columns:1fr;padding:15px}.obs-runway div{min-height:115px;padding:25px 15px 20px 55px}.obs-runway div::before{top:28px}.obs-availability{grid-template-columns:1fr}.obs-empty{gap:35px}.obs-system{grid-template-columns:1fr}.obs-system>i{display:none}.obs-system>div,.obs-system dl{padding:30px}.obs-system dl{border-top:1px solid rgba(255,255,255,.08)}}
@media(prefers-reduced-motion:reduce){.obs-hero{height:auto;min-height:0}.obs-stage{position:relative;top:auto;height:auto}.obs-visual canvas{display:none}.obs-static{visibility:visible!important}[data-obs-parallax]{transform:none!important}.obs-status-ring,.obs-status-ring::before{animation:none!important}.obs-motion [data-obs-reveal],[data-obs-reveal]{clip-path:none!important;opacity:1!important}.obs-path>i{background:linear-gradient(90deg,var(--cyan),#223047 45%)}.obs-packet{left:50%;top:50%}}
.obs-path button{color:#91a3ba}
.obs-availability span{color:#788ba3}
.obs-incident-schema span{color:#8294aa}
@media(max-width:560px){.obs-core-logo{left:45%;top:47%;width:48px}.obs-service-brand{right:2%;top:49%;width:105px;height:76px}.obs-service-brand b{left:8px;bottom:7px;font-size:8px}}