.monitor-page{--monitor-ok:#7da7ff;--monitor-alert:#f0a76f;--monitor-panel:#111827;background:var(--landing-bg-deep)}.monitor-header{background:#070a10f0;border-bottom:1px solid #b4c1db1f}.monitor-nav{justify-content:space-between;align-items:center;gap:24px;min-height:74px;display:flex}.monitor-back{color:#b9c4d8;align-items:center;gap:9px;min-height:44px;font-size:14px;display:inline-flex}.monitor-back:hover{color:var(--landing-accent)}.monitor-hero{background:radial-gradient(circle at 82% 32%, #4a6fbe2e, transparent 34%), var(--landing-bg-deep);padding:82px 0 104px;position:relative;overflow:hidden}.monitor-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#131f3557);height:180px;position:absolute;inset:auto 0 0}.monitor-hero .landing-shell{z-index:1;position:relative}.monitor-hero-copy{max-width:830px}.monitor-hero h1{max-width:820px;color:var(--landing-text);letter-spacing:-.065em;margin:0;font-size:clamp(48px,7.5vw,88px);font-weight:600;line-height:.96}.monitor-lead{color:#b8c3d6;max-width:760px;margin:28px 0 0;font-size:19px;line-height:1.65}.monitor-disclaimer{color:#8290aa;align-items:flex-start;gap:10px;max-width:780px;margin:24px 0 0;font-size:13px;line-height:1.55;display:flex}.monitor-disclaimer span{color:#9eb7e9;border:1px solid #394762;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-weight:700;display:grid}.monitor-dashboard{background:#0c111c;border:1px solid #303c56;border-radius:22px;max-width:1050px;margin:66px auto 0;overflow:hidden;box-shadow:0 38px 90px #00000070,inset 0 0 0 1px #82a5e90a}.monitor-dashboard-topbar{color:#cbd5e8;background:#111827;border-bottom:1px solid #26324a;justify-content:space-between;align-items:center;gap:20px;min-height:48px;padding:0 18px;font-size:12px;display:flex}.monitor-dashboard-topbar>div{align-items:center;gap:10px;display:flex}.monitor-window-dot{background:var(--landing-accent);border-radius:50%;width:8px;height:8px;margin-right:28px;box-shadow:14px 0 #43506a,28px 0 #2e384d}.monitor-demo-badge{color:#9daac0;text-transform:uppercase;letter-spacing:.08em;border:1px solid #3a4760;border-radius:999px;padding:5px 9px;font-size:9px}.monitor-dashboard-body{padding:28px}.monitor-dashboard-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.monitor-dashboard-heading small{color:#74839f;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.monitor-dashboard-heading h2{letter-spacing:-.035em;margin:4px 0 0;font-size:26px}.monitor-dashboard-heading>span{color:#a6b2c8;border:1px solid #303b50;border-radius:9px;padding:8px 11px;font-size:11px}.monitor-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.monitor-metrics article{background:#111827;border:1px solid #26334a;border-radius:13px;justify-content:space-between;align-items:flex-end;gap:12px;min-width:0;padding:18px;display:flex}.monitor-metrics article div{gap:8px;min-width:0;display:grid}.monitor-metrics span{color:#8290aa;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.monitor-metrics b{letter-spacing:-.04em;font-size:24px}.monitor-metrics small{color:#91b6ff;white-space:nowrap;font-size:10px}.monitor-metrics small.alert{color:var(--monitor-alert)}.monitor-dashboard-grid{grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px;display:grid}.monitor-panel{background:var(--monitor-panel);border:1px solid #26334a;border-radius:13px;min-width:0;padding:18px}.monitor-panel h3{letter-spacing:-.01em;margin:0;font-size:13px}.monitor-connections>div{margin-top:12px}.monitor-connections article{border-top:1px solid #222d40;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;display:grid}.monitor-connections article:first-child{border-top:0}.monitor-connections article>div{gap:4px;min-width:0;display:grid}.monitor-connections b{color:#dbe4f4;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.monitor-connections small{color:#73819b;font-size:9px}.monitor-connections em{color:#a9c5ff;background:#7da7ff1a;border-radius:999px;padding:4px 7px;font-size:9px;font-style:normal}.monitor-connections em.alert{color:#f1b889;background:#f0a76f1f}.monitor-status-dot{background:var(--monitor-ok);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #7da7ff14}.monitor-status-dot.alert{background:var(--monitor-alert);box-shadow:0 0 0 4px #f0a76f1a}.monitor-incident{flex-direction:column;display:flex}.monitor-incident-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.monitor-incident-title span{color:#7e8da7;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.monitor-incident p{color:#d2daea;margin:24px 0 8px;font-size:13px;line-height:1.5}.monitor-incident>small{color:#7e8da7;font-size:10px}.monitor-incident>div:last-child{gap:8px;margin-top:auto;padding-top:20px;display:flex}.monitor-incident button{color:#dbe4f4;background:#172137;border:1px solid #3a4863;border-radius:8px;min-height:34px;padding:0 10px;font-size:10px}.monitor-incident button:first-child{background:#263f6c;border-color:#5473ac}.monitor-section{background:var(--landing-bg);padding:104px 0}.monitor-section-raised{background:#0e131d}.monitor-problem-layout,.monitor-flow-layout,.monitor-boundaries-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:start;gap:86px;display:grid}.monitor-section-copy>p,.monitor-section-heading p,.monitor-cta p{color:var(--landing-accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 17px;font-size:12px;font-weight:700}.monitor-section-copy h2,.monitor-section-heading h2,.monitor-cta h2{letter-spacing:-.055em;margin:0;font-size:clamp(34px,5vw,55px);line-height:1.04}.monitor-section-copy>span,.monitor-section-heading>span,.monitor-section-heading>div+span{color:var(--landing-muted);margin-top:24px;font-size:16px;line-height:1.7;display:block}.monitor-problem-list{border-top:1px solid var(--landing-line)}.monitor-problem-list article{border-bottom:1px solid var(--landing-line);grid-template-columns:46px minmax(0,1fr);gap:18px;padding:25px 0;display:grid}.monitor-problem-list article>span{color:var(--landing-accent);font-size:11px}.monitor-problem-list h3,.monitor-timeline h3{margin:0 0 8px;font-size:18px}.monitor-problem-list p,.monitor-timeline p{color:var(--landing-muted);margin:0;font-size:14px;line-height:1.65}.monitor-section-heading{grid-template-columns:minmax(0,.9fr) minmax(0,.7fr);align-items:end;gap:70px;display:grid}.monitor-section-heading>div+span{margin:0}.monitor-parts{border:1px solid var(--landing-line);background:var(--landing-line);border-radius:18px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:54px;display:grid;overflow:hidden}.monitor-parts article{background:#111722;min-height:260px;padding:25px}.monitor-parts article>span{color:var(--landing-accent);font-size:11px}.monitor-parts h3{margin:63px 0 12px;font-size:18px}.monitor-parts p{color:var(--landing-muted);margin:0;font-size:13px;line-height:1.65}.monitor-timeline{position:relative}.monitor-timeline:before{content:"";background:#34405a;width:1px;position:absolute;top:6px;bottom:24px;left:66px}.monitor-timeline article{grid-template-columns:48px minmax(0,1fr);gap:38px;padding:0 0 32px;display:grid;position:relative}.monitor-timeline article:before{content:"";background:var(--landing-accent);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;left:62px;box-shadow:0 0 0 5px #0b0e15}.monitor-timeline time{color:#8391a9;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.monitor-event-view{background:#0b1019;border:1px solid #2b3850;border-radius:18px;margin-top:52px;overflow:hidden}.monitor-event-summary{background:#111827;border-bottom:1px solid #2b3850;grid-template-columns:repeat(4,1fr);display:grid}.monitor-event-summary div{border-left:1px solid #2b3850;gap:7px;min-width:0;padding:20px;display:grid}.monitor-event-summary div:first-child{border-left:0}.monitor-event-summary span{color:#77869f;text-transform:uppercase;letter-spacing:.07em;font-size:10px}.monitor-event-summary b{overflow-wrap:anywhere;color:#dbe3f2;font-size:13px}.monitor-event-content{grid-template-columns:1fr 1fr;display:grid}.monitor-event-content section{min-width:0;padding:28px}.monitor-event-content section+section{border-left:1px solid #2b3850}.monitor-event-content h3{margin:0 0 20px;font-size:14px}.monitor-event-content dl{margin:0}.monitor-event-content dl div{border-top:1px solid #202a3b;grid-template-columns:1fr 1fr;gap:16px;padding:10px 0;font-size:12px;display:grid}.monitor-event-content dt{color:#76859e}.monitor-event-content dd{color:#cbd5e6;text-align:right;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.monitor-error-explanation p{border-left:3px solid var(--monitor-alert);color:#d7deea;background:#f0a76f12;border-radius:0 10px 10px 0;margin:0;padding:18px;font-size:13px;line-height:1.7}.monitor-skill-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.monitor-skill-list li{color:#cbd5e6;background:#111722;border:1px solid #29364d;border-radius:11px;align-items:center;gap:12px;min-height:52px;padding:12px 15px;font-size:14px;display:flex}.monitor-skill-list li span{width:25px;height:25px;color:var(--landing-accent);background:#7da7ff1f;border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.monitor-scope-note{background:#0e1522;border:1px solid #34415b;border-radius:14px;margin-top:18px;padding:22px}.monitor-scope-note b{font-size:14px}.monitor-scope-note p{color:var(--landing-muted);margin:9px 0 0;font-size:13px;line-height:1.65}.monitor-cta{text-align:center;background:radial-gradient(circle at 50% 0,#7da7ff2e,#0000 52%),#070a10;padding:104px 0}.monitor-cta .landing-shell{max-width:820px}.monitor-cta>div>span{max-width:650px;color:var(--landing-muted);margin:24px auto 30px;font-size:16px;line-height:1.7;display:block}.monitor-cta .landing-primary-button{display:inline-flex}@media (width<=900px){.monitor-problem-layout,.monitor-flow-layout,.monitor-boundaries-layout,.monitor-section-heading{grid-template-columns:1fr;gap:46px}.monitor-section-heading>div+span{max-width:680px}.monitor-parts,.monitor-metrics{grid-template-columns:1fr 1fr}.monitor-metrics article:last-child{grid-column:1/-1}.monitor-dashboard-grid{grid-template-columns:1fr}}@media (width<=540px){.monitor-nav{min-height:66px}.monitor-back{gap:0;font-size:0}.monitor-back span{font-size:20px}.monitor-hero{padding:58px 0 72px}.monitor-hero h1{overflow-wrap:anywhere;font-size:clamp(40px,13vw,56px)}.monitor-lead{font-size:16px}.monitor-dashboard{border-radius:16px;margin-top:46px}.monitor-dashboard-body{padding:16px}.monitor-dashboard-heading{flex-direction:column;align-items:flex-start}.monitor-metrics{grid-template-columns:1fr}.monitor-metrics article:last-child{grid-column:auto}.monitor-metrics span{white-space:normal}.monitor-connections article{grid-template-columns:auto minmax(0,1fr)}.monitor-connections em{grid-column:2;justify-self:start}.monitor-incident>div:last-child{flex-direction:column}.monitor-incident button{width:100%}.monitor-section,.monitor-cta{padding:72px 0}.monitor-parts{grid-template-columns:1fr}.monitor-parts article{min-height:220px}.monitor-parts h3{margin-top:44px}.monitor-timeline:before{left:54px}.monitor-timeline article{grid-template-columns:38px minmax(0,1fr);gap:32px}.monitor-timeline article:before{left:50px}.monitor-event-summary{grid-template-columns:1fr 1fr}.monitor-event-summary div:nth-child(odd){border-left:0}.monitor-event-summary div:nth-child(n+3){border-top:1px solid #2b3850}.monitor-event-content{grid-template-columns:1fr}.monitor-event-content section+section{border-top:1px solid #2b3850;border-left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}