@font-face{font-family:Onest;src:url(/fonts/onest-latin-v11.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:optional}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-latin-optical24-v9.woff2)format("woff2");font-style:normal;font-weight:500 700;font-display:optional}:root{--radius:.75rem;--radius-sm:calc(var(--radius) - 4px);--background:#f6f8fc;--foreground:#101828;--card:#fff;--card-foreground:#101828;--popover:#fff;--popover-foreground:#101828;--primary:#355cff;--primary-hover:#284ada;--primary-foreground:#fff;--secondary:#eef2f8;--secondary-foreground:#101828;--muted:#eef2f8;--muted-foreground:#556273;--accent:#e9edff;--accent-foreground:#1d3fbf;--destructive:#b91c1c;--destructive-surface:#fef2f2;--success:#15803d;--success-surface:#f0fdf4;--warning:#c2410c;--warning-surface:#fff7ed;--info:#0369a1;--info-surface:#f0f9ff;--border:#dce2ec;--input:#7d899e;--ring:#355cff;--font-body:"Onest", Arial, sans-serif;--font-heading:"Bricolage Grotesque", "Onest", Arial, sans-serif;--elevation-panel:0 2px 8px #1018280a;--elevation-overlay:0 12px 32px #1018281f}:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.font-inherit{font:inherit}.shrink-0{flex-shrink:0}.gap-4{gap:1rem}.font-bold{font-weight:700}.pointer{cursor:pointer}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.font-semibold{font-weight:600}.shadow-lg{box-shadow:var(--overlay)}.p-4{padding:1rem}.p-8{padding:2rem}.bg-card{background:var(--card)}.inline-flex{display:inline-flex}.items-center{align-items:center}.rounded{border-radius:var(--radius)}.border{border:var(--line)}.flex{display:flex}.justify-between{justify-content:space-between}.muted{color:var(--dim)}.flex-col{flex-direction:column}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,figure,ul,ol{margin:0}body{font-family:var(--font-body);color:var(--foreground);-webkit-font-smoothing:antialiased;line-height:1.55}h1{font-family:var(--font-heading);letter-spacing:-.045em;overflow-wrap:anywhere;font-weight:600;line-height:1.06}a{color:inherit;text-decoration:none}ul,ol{padding:0}svg{display:block}.web{--line:1px solid var(--border);--ink:var(--foreground);--dim:var(--muted-foreground);--bg:var(--background);--bad:var(--destructive);--bad-bg:var(--destructive-surface);--rs:var(--radius-sm);--panel:var(--elevation-panel);--overlay:var(--elevation-overlay);--font:var(--font-body)}.web #main:focus{outline:none}.container{width:min(100% - 4rem,72rem);margin-inline:auto}.web svg{flex-shrink:0;width:1.25rem;height:1.25rem}.web p{margin:0}.web h2{font-family:var(--font-body);letter-spacing:-.04em;text-wrap:balance;max-width:23ch;font-size:clamp(1.9rem,3.5vw,3rem);font-weight:450;line-height:1.12}.web h3{margin-bottom:.7rem;font-size:1.35rem;font-weight:600;line-height:1.3}.head,.brand,.nav,.actions,.final,.foot,.footer nav{align-items:center;gap:1.5rem;display:flex}.head,.nav,.actions,.foot,.footer nav{flex-wrap:wrap}.head{min-height:4.5rem;padding-block:1rem}.brand{letter-spacing:-.04em;gap:.6rem;font-size:1.2rem;font-weight:650;display:inline-flex}.mark{width:2rem;height:2rem}.nav,.footer nav{margin-left:auto;font-size:.875rem}.nav .ghost:hover,.footer a:hover{color:var(--primary)}.button{background:var(--primary);color:var(--primary-foreground);border:0;justify-content:center;min-height:3rem;padding:.85rem 1.25rem;transition:background-color .16s}.button:hover{background:var(--primary-hover)}.google{background:var(--card);border:var(--line);color:var(--ink);gap:.75rem}.google:hover{background:var(--bg)}.text-link{color:var(--primary);text-underline-offset:.3rem;gap:.7rem;font-weight:550;text-decoration:underline}.skip{z-index:10;border-radius:var(--rs);padding:.8rem;position:absolute;inset:.75rem auto auto .75rem;transform:translateY(-200%)}.skip:focus{transform:none}.lead,.meta,.eyebrow,.how p,.events p,.footer p,.faq p{color:var(--dim)}.lead{max-width:55ch;font-size:1.1rem;line-height:1.7}.meta{font-size:.8rem;line-height:1.6}.pilot{max-width:64ch;margin-top:1rem!important}.eyebrow{gap:.6rem;font-size:.75rem;font-weight:650;margin-bottom:1.25rem!important}.section{padding-block:6rem;scroll-margin-top:1.5rem}.intro,.faq{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.intro{margin-bottom:3rem}.how,.events,.rules{grid-template-columns:repeat(3,1fr);gap:3rem;list-style:none;display:grid}.how{gap:1rem}.how .feature{background:var(--bg)}.how p{flex:1}.step-head{color:var(--info);margin-bottom:1.5rem}.step-head .step{color:inherit;margin:0;font-size:1.25rem}.sketch{min-height:10rem;margin-top:1.5rem;display:grid}.sketch .row,.sketch .bubble{border:0}.ghost{color:var(--ink);background:0 0}.nav{gap:.5rem}.nav .button{gap:.5rem;padding:.75rem 1rem}.language-menu{position:relative}.language-menu>div{z-index:4;min-width:10rem;padding:.5rem;position:absolute;top:calc(100% + .5rem);right:0}.language-menu a{border-radius:var(--rs);padding:.75rem}.language-menu a:hover,.ghost:hover{background:var(--bg)}.step,.event{place-items:center;width:2.5rem;height:2.5rem;display:grid}.incident-story,.footer{background:var(--bg)}.caution{align-items:flex-start}.events>li{--tone:var(--info);border-top:2px solid var(--tone);padding-top:1.5rem}.events .timeline-incident{--tone:var(--bad)}.events .timeline-success{--tone:var(--success)}.event-top{margin-bottom:1.5rem}.event-count{letter-spacing:-.04em;color:var(--tone);font-size:2.5rem}.event{background:var(--info-surface);color:var(--info);border-radius:50%}.timeline-incident .event{background:var(--bad-bg);color:var(--bad)}.timeline-success .event{background:var(--success-surface);color:var(--success)}.caution{margin-top:2.5rem!important}.faq,.footer{border-top:var(--line)}.faq .lead{margin-block:1.5rem}.faq-number{color:var(--info);font-size:.8rem}.faq summary>span:nth-child(2){flex:1}.faq details{border-bottom:var(--line);padding-block:1.15rem}.faq summary{cursor:pointer;font-weight:550}.answer{padding-top:1rem}:is(.faq,.roles) summary{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}summary{list-style:none}summary::-webkit-details-marker{display:none}summary>svg{color:var(--dim);transition:transform .2s}details[open]>summary>svg{transform:rotate(90deg)}.final{background:var(--info-surface);border-radius:var(--r2);gap:3rem;padding:3rem}.final .lead{margin-top:1.25rem}.final .button{flex-shrink:0;margin-left:auto}.footer{padding-block:2.5rem}.foot{align-items:start;gap:2rem}.review{flex-basis:100%}.try-url{margin-bottom:2rem}.url-form{max-width:44rem;margin-inline:auto}.url-form label{margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:block}.url-input{border:1px solid var(--input);padding:.4rem .4rem .4rem 1rem}.url-input:focus-within{outline:2px solid var(--ring);outline-offset:3px}.url-input input{width:100%;min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none}.url-input .button{white-space:nowrap;font-size:.875rem}.url-form output{min-height:3rem;color:var(--dim);padding-top:.75rem;font-size:.85rem;display:block}.url-form output[data-state=responded]{color:var(--success)}.url-form output[data-state=http_error],.url-form output[data-state=blocked]{color:var(--bad)}.url-form output[data-state=loading]{color:var(--info)}.button:disabled{opacity:.6;cursor:wait}.rules{gap:1rem;padding-block:2rem}.rule{--tone:var(--info);--surface:var(--info-surface);border-radius:var(--r2);background:var(--surface);padding:1.5rem}.rule-warning{--tone:var(--warning);--surface:var(--warning-surface)}.rule-success{--tone:var(--success);--surface:var(--success-surface)}.rule summary{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;font-size:.9rem;display:grid}.rule-n{color:var(--tone);letter-spacing:-.04em;font-size:2.5rem;line-height:1}.rule p{color:var(--dim);margin-top:1.25rem;font-size:.85rem}.dots{margin-top:1rem}.dots i{background:var(--tone);border-radius:50%;width:.5rem;height:.5rem}@media (width<=900px){.intro{grid-template-columns:1fr;gap:1.25rem}.how,.events{gap:1.5rem}.faq{gap:2rem}}@media (width<=640px){.container{width:calc(100% - 2rem)}.nav{flex-wrap:nowrap;justify-content:space-between;gap:.25rem;width:100%;font-size:.8rem}.head{gap:1rem}.nav .button{padding:.75rem}.brand{font-size:1rem}.section{padding-block:3.5rem}.lead{font-size:1rem}.how,.events,.faq,.rules{grid-template-columns:1fr}.how .feature{padding:1.5rem}.final{flex-direction:column;align-items:start;gap:1.5rem;padding:1.5rem}.final .button,.footer nav{margin-left:0}.rule{padding:1.25rem}.url-input{flex-wrap:wrap}.url-input input{width:calc(100% - 3rem)}.url-input .button{width:100%}.url-form output{min-height:4rem}}:root{--r2:calc(var(--radius) * 2)}.sr-only,.choice{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.hero{padding-block:4rem 2rem}.hero-row,.card-main{grid-template-columns:1.6fr 1fr;align-items:end;gap:3rem;display:grid}.hero-row{margin-bottom:3rem}.hero h1{font-family:var(--font);letter-spacing:-.055em;text-wrap:balance;font-size:clamp(3rem,4.5vw,4rem);font-weight:400;line-height:1.08}.hero h1>span{color:var(--dim);display:block}.hero-side .actions{margin-top:1.5rem}.demo{border:0;min-width:0;margin:0;padding:0;position:relative}.steps,.tabs,.flow,.wordmark,.screen-name,.badge,.status{gap:.5rem;display:flex}.steps{order:2;width:min(100%,44rem);margin:1rem auto;font-size:.75rem}.steps label{flex:1;padding:.85rem .75rem;position:relative;overflow:hidden}.steps .choice:checked+label{background:var(--info-surface);color:var(--info);border-color:var(--info)}.number{border:1px solid;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;display:grid}.choice:focus-visible+label{outline:2px solid var(--ring);outline-offset:3px}.play{background:0 0;border:0;order:3;align-self:center;margin-bottom:.5rem;padding:.5rem;font-size:.75rem}.play[hidden]{display:none}.stage{background:radial-gradient(ellipse at 50% 45%, var(--border), var(--bg) 55%, var(--card) 78%);border-radius:var(--r2);padding:2.5rem 0 3rem;font-size:.75rem;position:relative}.reports{min-height:28rem;position:relative}.demo-report,.notice,.reading{display:none}:is(.demo:has(#demo-healthy:checked) .phase-healthy,.demo:has(#demo-verifying:checked) .phase-verifying,.demo:has(#demo-down:checked) .phase-down,.demo:has(#demo-recovered:checked) .phase-recovered){display:block}.console,.mini-window,.message,.result{background:var(--card)}.console{width:70%;margin-inline:auto;overflow:clip;transform:perspective(80rem)rotateY(-4.2deg)rotateX(2.1deg)}.toolbar,.window-bar,.msg-head{border-bottom:var(--line);padding:.75rem 1rem}.toolbar{background:var(--info-surface)}.screen-name{color:var(--ink)}.screen{padding:1.5rem 2rem}.web .report h2{max-width:none;margin-block:.65rem .5rem;font-size:1.65rem}.report>p,.history,.table-head,.window-note,.msg-note,.reading span,.card-copy p:not(.eyebrow),.roles li span,.future,.row>div>span:not(.status){color:var(--dim)}.badge,.status{display:inline-flex}.badge{background:var(--surface);border-radius:var(--rs);padding:.35rem .6rem}.status-archived{color:var(--dim)}.status-down{--surface:var(--bad-bg);color:var(--bad)}.status-healthy,.status-recovered{--surface:var(--success-surface);color:var(--success)}.status-verifying{--surface:var(--warning-surface);color:var(--warning)}.checks{margin-top:1.5rem}.table-head{border-bottom:var(--line);padding-bottom:.5rem}.check{border-bottom:var(--line);grid-template-columns:1fr 7rem 5rem;padding-block:.75rem;display:grid}.check>div>span,.value small,.row strong,.row>div>span:not(.status),.msg-note{display:block}.value{text-align:right;font-variant-numeric:tabular-nums}.history{margin-top:1rem}.bars{gap:.25rem;height:1rem;margin-top:.5rem}.bars i{background:var(--success);border-radius:2px;flex:1}.phase-verifying .bars i:last-child{background:var(--warning)}.phase-down .bars i:nth-last-child(-n+3),.phase-recovered .bars i:nth-last-child(n+3):nth-last-child(-n+5){background:var(--bad)}.result,.message{z-index:1;position:absolute}.result{background:var(--success-surface);width:12rem;color:var(--success);border-color:var(--success);padding:1.25rem;display:grid;top:1.5rem;left:2%}.result>strong{font-size:1.75rem;font-weight:600}.phase-verifying .result{background:var(--warning-surface);color:var(--warning);border-color:var(--warning)}.phase-down .result{background:var(--bad-bg);color:var(--bad);border-color:var(--bad)}.message{width:21rem;top:3rem;right:0}.msg-head .meta,.window-bar .example{margin-left:auto}.bubble,.notice{align-items:flex-start}.avatar .mark,.flow .mark{width:1.5rem;height:1.5rem}.bubble p,.msg-note{margin-top:.5rem}.phase-down .bubble p{color:var(--bad)}.phase-recovered .bubble p{color:var(--success)}.flow{order:1;justify-content:center}.wire{background:var(--border);width:3rem;height:2px;overflow:hidden}.caption{text-align:center;order:3;font-size:.8rem}.slack-logo{width:1.25rem;height:1.25rem}.pet{visibility:hidden;width:6.75rem;height:7rem;image-rendering:pixelated;pointer-events:none;z-index:2;background:url(/vite/assets/recovery-technician-sprite-Dfk1SvJu.png) 0 -.875rem/27rem 8.75rem no-repeat;display:block;position:absolute;bottom:-1rem;right:2rem}.demo:has(#demo-recovered:checked) .pet{visibility:visible;animation:.72s steps(3,end) both public-recovery}.bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;font-size:.8rem;display:grid}.feature{border-radius:var(--r2);background:linear-gradient(var(--card), var(--tint,var(--info-surface)));min-width:0}.card-main{grid-column:span 2;grid-template-columns:.75fr 1fr;align-items:center;gap:2rem}.card-team{--tint:var(--success-surface);grid-column:span 2}.card-slack{--tint:var(--warning-surface)}.overview,.slack-demo,.metrics{border:0;min-width:0;margin:0;padding:0}.slack-demo,.metrics{margin-top:1.5rem}.tabs{flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.tabs label{cursor:pointer;color:var(--dim);border-bottom:2px solid #0000;padding:.4rem 0}.tabs .choice:checked+label{color:var(--primary);border-color:var(--primary)}.row{border-bottom:var(--line)}.row>div{flex:1;min-width:0}.overview:has(#overview-attention:checked) .row-healthy{display:none}.monitors{min-height:14rem}.window-note{padding:.75rem 1rem}.notice{min-height:13rem;animation:.24s ease-out arrive}.notice p{margin-top:.65rem}.notice p+p{color:var(--dim)}.preview-link{color:var(--primary);margin-top:1rem}:is(.slack-demo:has(#slack-down:checked) .slack-down,.slack-demo:has(#slack-recovered:checked) .slack-recovered){display:flex}.plot{align-items:flex-end;gap:.35rem;height:6rem;margin-top:1.5rem}.plot span{background:var(--info);transform-origin:bottom;border-radius:3px 3px 0 0;flex:1;height:50%;transition:transform .3s ease-out,background-color .3s}.plot span:nth-child(3n){height:65%}.plot span:nth-child(4n){height:40%}.plot span:nth-child(5n){height:80%}.metrics:has(#response-error:checked) .plot span:nth-last-child(-n+4){background:var(--bad);transform:scaleY(.3)}.metrics:has(#response-timeout:checked) .plot span:nth-last-child(-n+4){background:var(--warning);transform:scaleY(1.1)}.reading{min-height:7rem;padding-block:1rem}.reading strong{font-size:1.5rem}:is(.metrics:has(#response-ok:checked) .reading-ok,.metrics:has(#response-error:checked) .reading-error,.metrics:has(#response-timeout:checked) .reading-timeout){align-content:start;gap:.5rem;display:grid}.roles{margin-block:1.5rem}.roles summary{cursor:pointer;border-block:var(--line);padding-block:.75rem;font-size:1rem}.roles ul{list-style:none}.roles li{border-bottom:var(--line);grid-template-columns:5rem 1fr;gap:1.5rem;padding-block:.75rem;display:grid}.future{align-items:flex-start;margin-top:2rem}.future p{max-width:75ch;margin-top:.35rem}.guide .lead{margin-block:1.5rem}.connection-flow{border-bottom:var(--line);justify-content:space-evenly;padding-block:1rem 2rem}.connection-flow>svg{color:var(--info)}.connect .number{color:var(--primary);flex-shrink:0}.connect .row>span:nth-child(2){flex:1}.connect .row{padding-block:1.5rem}.connect .row>svg{color:var(--success);margin-left:auto}.read-date{color:var(--info);flex-wrap:wrap}.companies,.pages{list-style:none}.company{border-bottom:var(--line)}.company summary{cursor:pointer;border:0;flex-wrap:nowrap;padding:1.25rem}.company summary:hover,.company[open]{background:var(--bg)}.latency{text-align:right;font-variant-numeric:tabular-nums;min-width:6rem}.latency>span{display:block}.pages{padding:0 1.25rem 1.25rem 4rem}.url-row{border-top:var(--line);gap:2rem;padding:1rem 0;font-size:.85rem}.url-row>div{flex:1;min-width:0}.url-row>div>span{display:block}.url-row a{color:var(--primary);overflow-wrap:anywhere;min-height:1.5rem;text-decoration:underline}.demo[data-playing=true]{--flow:var(--info)}.demo:has(#demo-verifying:checked){--flow:var(--warning)}.demo:has(#demo-down:checked){--flow:var(--bad)}.demo:has(#demo-recovered:checked){--flow:var(--success)}@media (prefers-reduced-motion:no-preference){.check{animation:.48s ease-out both arrive}.check:nth-child(3){animation-delay:.1s}.check:nth-child(4){animation-delay:.2s}.demo[data-playing=true] .packet{background:var(--flow);width:40%;height:100%;animation:1.5s linear 2 packet;display:block}.demo[data-playing=true] .to-slack .packet{animation-delay:.5s}.demo[data-playing=true] .choice:checked+label:after{content:"";background:var(--flow);transform-origin:0;width:100%;height:2px;animation:6.5s linear both progress;position:absolute;bottom:0;left:0}.rule[open] .dots{animation:.5s ease-out both check-scan}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.feature,.rule,.events>li,.guide,.faq,.final,.company,.bars,.plot,.notice{animation:var(--motion,arrive) 1s ease-out both;animation-timeline:view();animation-range:entry cover 60%}.feature,.rule,.events>li,.guide,.faq,.final,.company{animation-range:entry entry 85%}.bars{--motion:check-scan}.plot{--motion:plot-fill}}}@keyframes arrive{0%{transform:translateY(.75rem)}to{transform:none}}@keyframes packet{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes check-scan{0%{clip-path:inset(0 45% 0 0)}to{clip-path:inset(0)}}@keyframes plot-fill{0%{clip-path:inset(80% 0 0)}to{clip-path:inset(0)}}@keyframes public-recovery{0%{background-position:0 -.875rem}to{background-position:-20.25rem -.875rem}}@media (prefers-reduced-motion:reduce){.demo:has(#demo-recovered:checked) .pet{background-position:-20.25rem -.875rem}}@media (width<=1100px){.console{width:76%}.result{width:11rem;left:0}.message{width:18rem}.bento{grid-template-columns:1fr 1fr}.card-main,.card-team{grid-column:1/-1}}@media (width<=760px){.hero-row,.card-main{grid-template-columns:1fr;gap:1.5rem}.console{width:86%}.result{display:none}.message{width:18rem;top:20rem}.reports{min-height:33rem}.pet{bottom:0;right:16rem}}@media (width<=640px){.hero{padding-block:2.5rem 1.5rem}.hero-row{margin-bottom:2rem}.hero h1{text-wrap:initial;font-size:clamp(2rem,9vw,3.5rem)}.stage{background:var(--bg);border-radius:var(--radius);padding:.75rem}.reports{min-height:0}.console{width:100%;box-shadow:var(--panel);transform:none}.screen{padding:1.25rem 1rem}.web .report h2{font-size:1.4rem}.report{min-height:9.5rem}.check{grid-template-columns:1fr auto;gap:.4rem}.check .value{grid-column:1/-1}.value{text-align:left;gap:.5rem;display:flex}.check .status{font-size:.65rem}.message{width:auto;min-height:11rem;box-shadow:var(--panel);margin-top:1rem;position:static}.flow{gap:.4rem;margin-top:1.5rem;font-size:.7rem}.wire{width:1.5rem}.flow .mark,.flow .slack-logo{width:1rem;height:1rem}.steps label{flex-direction:column;gap:.5rem;padding:.75rem .25rem}.caption{text-align:left}.pet{transform-origin:100% 100%;bottom:-.5rem;right:-1rem;transform:scale(.65)}.phase-recovered .bubble{padding-right:3.5rem}.bento{grid-template-columns:1fr;gap:1rem}.feature{border-radius:var(--radius);grid-column:auto;padding:1.5rem}.row{flex-wrap:wrap;gap:.5rem}.row .value{flex-basis:100%}.roles li{grid-template-columns:1fr;gap:.25rem}.company summary{flex-wrap:nowrap;padding:1rem 0}.url-count{display:none}.site-logo{width:1.5rem;height:1.5rem}.latency{min-width:4rem}.company summary .status{font-size:.7rem}.pages{padding:0 0 1rem 2rem}.url-row{flex-wrap:wrap;gap:.5rem}.url-row>div{flex-basis:100%}.url-row .latency{margin-left:auto}}
