:root{color-scheme:light;--ink:#15213b;--muted:#67758d;--purple:#5948df;--line:#e3e8f1;--bg:#f6f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:15px/1.6 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}.skip{position:absolute;top:-100px;left:12px;padding:12px;background:#fff;z-index:10}.skip:focus{top:8px}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(20px,calc((100vw - 1160px)/2))}.brand{font-size:23px;font-weight:850;letter-spacing:-.055em}.brand span{color:var(--purple)}.topbar nav{display:flex;gap:24px;color:#5e6e88;font-size:13px;font-weight:650}main{max-width:1160px;margin:auto;padding:28px 20px 72px}.hero{background:radial-gradient(circle at 91% 12%,#443c7a 0%,transparent 44%),linear-gradient(125deg,#131d3b,#0d152e);border-radius:23px;color:#fff;display:grid;grid-template-columns:1.35fr .8fr;gap:32px;padding:52px 53px;overflow:hidden}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--purple);text-transform:uppercase;margin:0 0 12px}.hero .eyebrow{color:#a5b4fc;display:flex;align-items:center;gap:9px}.live-dot{width:9px;height:9px;border-radius:50%;background:#55deb6;box-shadow:0 0 0 5px #55deb622}.hero h1{font-size:clamp(40px,5vw,62px);line-height:1.1;letter-spacing:-.06em;margin:12px 0 17px}.hero h1 span{color:#a7a5ff}.hero p:not(.eyebrow){color:#b7c5df;max-width:540px;font-size:16px}.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:29px}.hero-pills span{border:1px solid #445472;padding:5px 11px;border-radius:100px;font-size:12px;color:#d7e2f9}.hero-art{align-self:center;border:1px solid #63719577;border-radius:15px;background:#1b2848;transform:rotate(2deg);box-shadow:0 35px 50px #0006}.art-head,.art-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:11px;letter-spacing:.09em;color:#b4c1e4}.art-head span:first-child{color:#61e2ba}.art-head span:last-child{color:#8190b9}.art-chart{height:150px;display:flex;align-items:flex-end;gap:8px;padding:20px;justify-content:space-between;border-block:1px solid #344565}.art-chart i{height:75%;flex:1;border:1px solid #58cfa7;border-radius:5px;background:linear-gradient(0deg,#24b38b4d,#58edb3aa);align-self:center}.art-chart i:nth-child(3n){height:60%}.art-chart i:nth-child(4n){height:90%}.art-chart i.off{background:#ff637f9c;border-color:#ff637f}.art-foot b{font-weight:550;color:#98a7c4}.art-foot span{color:#6fe3af}.limitations{margin:18px 0 28px;border:1px solid #dfd5af;background:#fffdf2;color:#5b4c20;padding:16px 20px;border-radius:13px;font-size:13px}.workspace,.monitoring,.history,.guide{background:white;border:1px solid var(--line);border-radius:19px;padding:29px;margin-top:20px;box-shadow:0 8px 28px #1d315708}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2,.guide h2{margin:0;letter-spacing:-.04em;font-size:25px;line-height:1.2}.section-heading p:not(.eyebrow){margin:8px 0 0;color:var(--muted);font-size:13px}.section-label{border:1px solid #e4e0ff;background:#f7f6ff;border-radius:7px;color:var(--purple);padding:6px 11px;letter-spacing:.09em;font-weight:800;font-size:10px}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) 166px auto;gap:13px;align-items:start}.form-grid label{font-weight:700;display:block;font-size:13px;margin-bottom:7px}.form-grid input,.form-grid select{height:48px;border:1px solid #d5ddec;border-radius:10px;background:#fbfcff;color:var(--ink);width:100%;padding:0 14px;font:inherit}.form-grid input:focus,.form-grid select:focus{outline:2px solid #b7b0ff}.form-grid small{display:block;margin-top:5px;font-size:11px;color:#8290a4}.form-grid .add{margin-top:29px;white-space:nowrap}.primary,.secondary,.outline{border:1px solid transparent;cursor:pointer;border-radius:10px;padding:11px 16px;min-height:44px;font-weight:700;font-size:13px;font-family:inherit}.primary{color:#fff;background:var(--purple)}.primary:hover{background:#4735cd}.secondary{background:#eeeaff;color:#5243b7;border-color:#e2dbff}.outline{background:#fff;color:#52627e;border-color:#dce3ec}.primary:disabled,.secondary:disabled,.outline:disabled{opacity:.55;cursor:not-allowed}.message{background:#f3f6ff;color:#536184;padding:10px 13px;border-radius:8px;font-size:12px;margin:17px 0 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 20px}.stats article{background:#f8f9fd;border:1px solid #edf0f6;border-radius:12px;padding:17px}.stats span{display:block;color:#697891;font-size:12px}.stats strong{display:block;font-size:32px;line-height:1.3;letter-spacing:-.04em}.green{color:#0f996a}.red{color:#d2465f}.monitor-list{display:grid;gap:10px}.monitor-row{border:1px solid #e4e9f2;border-radius:13px;padding:17px;display:grid;grid-template-columns:minmax(190px,1fr) minmax(200px,1fr) 155px auto;gap:16px;align-items:center}.target a{font-weight:800;overflow-wrap:anywhere}.target small,.state-text small{display:block;color:#8490a4;font-size:11px;margin-top:3px}.state{display:inline-flex;align-items:center;gap:8px;border-radius:99px;padding:5px 10px;background:#edf1f8;color:#596881;font-weight:750;font-size:11px}.state:before{content:'';width:8px;height:8px;background:currentColor;border-radius:50%}.state.up{color:#078963;background:#e8faf2}.state.down,.state.blocked{color:#cb3e53;background:#fff0f2}.state.warning{color:#ad790f;background:#fff8df}.state.unknown,.state.checking{color:#6254b8;background:#f0edff}.state-text small{font-size:12px;color:#6e7b90;overflow-wrap:anywhere}.metrics{font-size:12px;color:#68778d;font-variant-numeric:tabular-nums}.metrics strong{display:block;font-size:13px;color:#233452}.row-actions{display:flex;gap:7px}.row-actions button{border:1px solid #dfe5ee;border-radius:8px;background:#fff;color:#495b79;padding:9px 11px;cursor:pointer;font-weight:650}.row-actions button.remove{color:#b44a62}.row-actions button:disabled{opacity:.5;cursor:not-allowed}.empty{background:#f8fafe;border:1px dashed #dce3f0;color:#8591a5;text-align:center;padding:36px;border-radius:12px}.history-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.history-list li:not(.empty){display:grid;grid-template-columns:165px minmax(100px,1fr) auto;gap:12px;padding:11px 13px;border-bottom:1px solid #eef0f5;align-items:center;font-size:12px;color:#69768d}.history-list strong{color:#293651;overflow-wrap:anywhere}.history-list .outcome{font-weight:700}.history-list .outcome.up{color:#008965}.history-list .outcome.down,.history-list .outcome.blocked{color:#c83c56}.guide{padding-top:32px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:24px}.guide-grid article{border:1px solid #e8ecf3;background:#f9fafd;border-radius:12px;padding:20px}.guide-grid h3{margin:0 0 8px;font-size:14px}.guide-grid p{margin:0;color:#687890;font-size:12px}.related{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.related a{background:white;border:1px solid #dfe5ee;border-radius:8px;padding:10px 13px;font-size:12px;color:#586582}footer{border-top:1px solid #e0e5ed;display:flex;justify-content:space-between;gap:24px;padding:22px max(20px,calc((100vw - 1160px)/2));font-size:12px;color:#6b7a92}footer div{display:flex;gap:20px}:focus-visible{outline:3px solid #c9a24b;outline-offset:3px}@media(max-width:960px){.hero{grid-template-columns:1fr}.hero-art{display:none}.form-grid{grid-template-columns:1fr 170px}.form-grid .add{margin-top:0;grid-column:1/-1;justify-self:start}.monitor-row{grid-template-columns:1fr 1fr}.row-actions{justify-content:flex-end}}@media(max-width:650px){.topbar{height:64px}.topbar nav{gap:12px;font-size:11px}.topbar nav a:last-child{display:none}main{padding:15px 12px 50px}.hero{padding:34px 23px}.hero h1{font-size:40px}.hero-pills span{font-size:10px}.workspace,.monitoring,.history,.guide{padding:20px 16px}.section-heading{align-items:start;flex-direction:column}.actions{width:100%}.actions button{flex:1 1 auto}.form-grid{display:block}.form-grid .interval-group{margin:16px 0}.form-grid .add{width:100%}.stats{grid-template-columns:1fr 1fr}.stats strong{font-size:26px}.monitor-row{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.guide-grid{grid-template-columns:1fr}.history-list li:not(.empty){grid-template-columns:1fr;gap:2px}footer{display:block}footer div{margin-top:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}