@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/dm-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/space-grotesk-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--bg:#101016;--ink:#f1eff5;--muted:#a6a2b3;--line:#ffffff24;--accent:#ff865e;--purple:#b6a5ee;--paper:#e9e9e4;--sans:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.6 var(--sans);overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{min-height:44px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500}em{font-style:normal}svg{display:block;max-width:100%}.skip{position:fixed;top:-80px;left:20px;padding:12px;background:var(--accent);color:#101016;z-index:100}.skip:focus{top:10px}.site-header{height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:#101016f2;position:relative;z-index:20}.wordmark{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:700;letter-spacing:.5px}.wordmark-light{font-size:12px;font-weight:400;color:#96919f;letter-spacing:1px}.brand-orbit{display:inline-block;border:1.5px solid var(--accent);border-radius:50%;width:21px;height:21px;position:relative}.brand-orbit:before{content:'';position:absolute;top:-3px;left:7px;width:6px;height:6px;background:var(--accent);border-radius:50%}.site-header nav{display:flex;gap:28px;font-size:13px;color:#c1bdca}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:var(--accent)}#motion{border:1px solid #ffffff35;border-radius:100px;background:transparent;padding:8px 17px;font-size:12px;white-space:nowrap}#motion span{margin-left:10px;color:var(--accent)}.page-progress{position:fixed;right:0;top:0;width:3px;height:100%;z-index:40;background:#ffffff05}.page-progress div{height:100%;background:var(--accent);transform:scaleY(0);transform-origin:top}.hero{min-height:calc(100svh - 88px);position:relative;padding:0 5.5vw;isolation:isolate;overflow:clip}.hero-grid{position:absolute;inset:-20% 0;z-index:-2;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-topline{display:flex;justify-content:space-between;font:10px/1.3 monospace;letter-spacing:1.8px;padding-top:26px;color:#898395}.hero-copy{position:relative;z-index:3;padding:8vh 0 90px;width:60%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font:11px/1.5 monospace;letter-spacing:1.4px;color:#aaa3b9;margin-bottom:28px}.eyebrow span{color:var(--accent);padding-right:20px}h1{font-size:clamp(76px,9.1vw,155px);line-height:.87;letter-spacing:-.065em}h1 em{color:var(--purple)}.hero-description{font-size:17px;line-height:1.6;color:#b3aebb;margin-top:33px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid #77717f;padding:12px 0;font-size:14px;margin-top:21px}.text-link span{font-size:24px;color:var(--accent)}.hero-system{position:absolute;width:58vw;max-width:1000px;right:-2vw;top:50%;transform:translateY(-50%);z-index:1}.hero-system svg{width:100%;overflow:visible}.core-text{font:500 43px var(--display);fill:#f1eff5;letter-spacing:-2px}.svg-micro{font:9px monospace;fill:#b6a5ee;letter-spacing:1px}.sat-number{font:600 16px var(--display);fill:#101016}.sat-number.light{fill:#ddd5f7}.svg-label{font:9px monospace;fill:#a59bb9;letter-spacing:1px}.diagram-id{display:flex;gap:15px;font:9px monospace;letter-spacing:1px;color:#77707f;position:absolute;bottom:14%;left:38%}.diagram-id span{color:var(--accent)}.hero-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:21px 0;position:relative;z-index:4;font:10px/1.6 monospace;letter-spacing:1px;color:#a5a0ae}.hero-bottom>span:first-child{color:var(--ink)}.hero-bottom p{font:11px var(--sans);letter-spacing:0}.chapter{padding:125px 8vw;position:relative}.section-head{display:flex;justify-content:space-between;gap:30px;padding-bottom:50px;font:11px/1.5 monospace;letter-spacing:1.5px}.chapter-number{color:var(--accent)}.section-side{color:#817a8b;text-align:right}.display{font-size:clamp(50px,6.1vw,100px);line-height:1.03;letter-spacing:-.06em}.display em{color:var(--purple)}.intro-split{display:grid;grid-template-columns:1.25fr 1fr;gap:12vw;margin:60px 0 80px}.lead{font-size:clamp(23px,2.2vw,34px);line-height:1.4;letter-spacing:-.6px;color:#aca6b7}.lead strong{font-weight:400;color:var(--ink)}.body-copy{font-size:18px;line-height:1.8;color:#a8a1b4;max-width:530px}.workflow{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:35px;position:relative;margin:50px 0 100px}.workflow-line{height:1px;background:var(--accent);position:absolute;top:0;left:0;right:0;transform-origin:left}.flow-node{padding-top:30px;position:relative}.flow-node:before{content:'';position:absolute;top:-5px;left:0;width:10px;height:10px;background:var(--accent);border:3px solid var(--bg);outline:1px solid var(--accent);border-radius:50%}.mono{font:10px/1.6 monospace;letter-spacing:1px;color:var(--accent)}.flow-node strong{display:block;font:500 clamp(20px,2vw,30px)/1.3 var(--display);letter-spacing:-.7px;margin:20px 0 10px}.flow-node small{font-size:14px;color:#908a9b}.tool-rows{border-top:1px solid var(--line)}.tool-row{display:grid;grid-template-columns:60px 1fr 1fr;gap:20px;padding:27px 0;align-items:center;border-bottom:1px solid var(--line)}.tool-row>span{font:11px monospace;color:#77717f}.tool-row h3{font-size:31px;letter-spacing:-1px}.tool-row p{font-size:16px;color:#a8a1b4}.note{font-size:13px;color:#8e8899;max-width:720px;margin-top:25px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1600px){.hero-copy{padding-top:12vh}.hero-system{right:0;width:56vw}}@media(max-width:1000px){.wordmark-light{display:none}.site-header nav{gap:20px}.hero-copy{width:65%;padding-top:9vh}.hero-system{width:70vw;right:-14vw}.hero-topline>span:last-child{display:none}.hero-bottom p{display:none}.intro-split{gap:6vw}.chapter{padding:95px 6vw}.workflow{gap:24px}.tool-row{grid-template-columns:35px 1fr 1.3fr}}@media(max-width:650px){html{scroll-padding-top:20px}.site-header{height:76px;padding:0 22px;gap:15px}.site-header nav{display:none}.wordmark{font-size:14px}#motion{font-size:11px;padding:7px 12px}.hero{padding:0 24px;min-height:auto}.hero-topline{font-size:9px;letter-spacing:1px;padding-top:23px}.hero-copy{width:100%;padding:60px 0 330px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:25px}h1{font-size:clamp(70px,17vw,112px);line-height:.91}.hero-description{font-size:16px;max-width:270px}.text-link{font-size:13px}.hero-system{width:108%;right:-26%;top:auto;bottom:65px;transform:none;max-width:520px}.hero-system svg{opacity:.85}.diagram-id{display:none}.hero-bottom{font-size:9px;padding:19px 0}.chapter{padding:85px 24px}.section-head{font-size:10px;padding-bottom:36px}.section-side{display:none}.display{font-size:clamp(42px,10.8vw,64px);line-height:1.06}.intro-split{grid-template-columns:1fr;gap:25px;margin:38px 0 55px}.lead{font-size:24px}.body-copy{font-size:16px}.workflow{grid-template-columns:1fr;gap:30px;margin:50px 0 60px;padding-left:25px}.workflow-line{width:1px;height:auto;top:0;bottom:0;right:auto}.flow-node{padding:0}.flow-node:before{left:-30px;top:6px}.flow-node strong{margin:8px 0;font-size:24px}.flow-node small{font-size:13px}.tool-row{grid-template-columns:25px 1fr;gap:10px;padding:23px 0}.tool-row h3{font-size:28px}.tool-row p{grid-column:2;font-size:15px}.note{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body.motion-off{scroll-behavior:auto}body.motion-off *{scroll-behavior:auto!important}
.cluster{background:#15121d;padding-bottom:40px}.cluster-story{display:grid;grid-template-columns:1fr 1.25fr;gap:5vw;align-items:start}.cluster-sticky{position:sticky;top:9vh;margin-top:20px}.cluster-stage{padding:20px 0}.stage-header,.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font:10px/1.5 monospace;letter-spacing:1px;color:#92869e}.stage-header{padding:15px 12px;border-bottom:1px solid #ffffff17}.stage-header>span:last-child{color:var(--accent)}.stage-footer{padding:20px 12px;border-top:1px solid #ffffff17;font-size:9px}.stage-footer>span:last-child{margin-left:auto}.live-mark{width:6px;height:6px;border-radius:50%;background:var(--accent)}.cluster-step{min-height:75vh;padding:75px 0 120px}.cluster-step:first-child{padding-top:40px}.step-label{font:10px/1.5 monospace;letter-spacing:1px;color:var(--accent);display:block;margin-bottom:26px}.cluster-step h3{font-size:clamp(40px,4.2vw,66px);letter-spacing:-.055em;line-height:1.06;margin-bottom:30px}.cluster-step h3 em{color:var(--purple)}.cluster-step .display{font-size:clamp(44px,4.8vw,75px);margin-bottom:30px}.inline-facts{display:flex;gap:17px;flex-wrap:wrap;margin-top:30px;font-size:12px;color:#b4a5c2}.inline-facts span{padding-bottom:7px;border-bottom:1px solid #5b456f}.secondary{margin-top:24px}.body-copy strong{font-weight:500;color:#e1d9ea}.definition-list{margin-top:35px}.definition-list>div{padding:15px 0;border-bottom:1px solid #ffffff1a}.definition-list dt{font-size:18px;color:#e0d2f4}.definition-list dd{margin:6px 0 0;font-size:15px;color:#9f93ae}.diagram-kicker{fill:#bfaecd;font:12px monospace;letter-spacing:2px}.component rect{fill:#2f263e;stroke:#6c587e}.component text{fill:#d8c7e9;font:18px var(--display);text-anchor:middle}.node-caption{fill:#9c8ea8;font:15px var(--sans);text-anchor:middle}.pod rect{fill:#b6a5ee;stroke:#e0cfff}.pod text{fill:#272032;font:16px var(--display);text-anchor:middle}.graph-footer{fill:#826e93;font:10px monospace;letter-spacing:2px;text-anchor:middle}.paper{background:var(--paper);color:#25222b;--line:#25222b2b;--accent:#774cab;--purple:#774cab}.paper .section-side{color:#78737b}.paper .body-copy,.paper .note{color:#64606a}.request-path{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;margin:85px 0 80px}.route-step{position:relative}.route-icon{display:flex;align-items:center;justify-content:center;border:1px solid #b4a8bf;background:var(--paper);width:64px;height:64px;border-radius:50%;font:28px var(--display);color:#774cab;margin-bottom:36px;position:relative;z-index:2}.route-step .mono{font-size:9px}.route-step h3{font-size:34px;letter-spacing:-1.2px;margin-top:8px}.route-step p{font:12px monospace;margin-top:8px;color:#78717e}.request-rail{position:absolute;top:32px;left:32px;right:calc(25% - 32px);height:1px;background:#b5a8c3}.request-rail i{display:block;position:absolute;width:9px;height:9px;top:-4px;border-radius:50%;background:#774cab;left:0}.traffic-explain{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.traffic-explain article{border-top:1px solid #77717f55;padding-top:25px}.small-index{font:11px monospace;color:#867a96}.traffic-explain h3{font-size:clamp(24px,2.4vw,36px);line-height:1.2;letter-spacing:-1px;margin:25px 0 22px}.traffic-explain p{font-size:17px;color:#66616c}.lab{background:#131416}.lab-layout{display:grid;grid-template-columns:.9fr 1.3fr;gap:7vw;align-items:center}.lab-copy .body-copy{margin-top:35px}.lab-checklist{list-style:none;counter-reset:lab;padding:0;margin:36px 0 0}.lab-checklist li{counter-increment:lab;padding:13px 0;border-bottom:1px solid var(--line);color:#b5b1bb;font-size:15px}.lab-checklist li:before{content:'0' counter(lab);color:#696370;font:10px monospace;margin-right:22px}.terminal{border:1px solid #39343e;background:#0b0c0f;box-shadow:0 40px 70px #0003;min-width:0}.terminal-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px monospace;letter-spacing:1px;color:#787080;padding:15px 20px;border-bottom:1px solid #ffffff1a}.terminal-bar>span:first-child{display:flex;gap:5px}.terminal-bar i{width:5px;height:5px;border-radius:50%;background:#746673}.terminal-bar button{font:11px var(--sans);background:transparent;border:1px solid #47414b;padding:4px 10px;min-height:32px}.terminal pre{font:clamp(11px,1.1vw,15px)/1.9 monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:30px;margin:0;color:#d1c1e7}.code-comment{color:#736d7d}.terminal-bottom{padding:17px 30px;font:9px/1.5 monospace;letter-spacing:1px;border-top:1px solid #ffffff13;color:#8b7f96}.delivery{background:#19151d}.release-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:70px;align-items:center}.release-options{border-top:1px solid #ffffff2a}.release-option{display:flex;gap:20px;text-align:left;width:100%;padding:26px 0;background:none;border:0;border-bottom:1px solid #ffffff2a;color:var(--ink)}.release-option>span{font:10px/1.5 monospace;color:#726778;padding-top:6px}.release-option h3{font-size:26px;letter-spacing:-.8px}.release-option p{font-size:15px;color:#958a9e;line-height:1.7;margin-top:12px}.release-option .option-mark{margin-left:auto;font-size:22px;font-weight:400}.release-option.active h3,.release-option.active>span{color:var(--accent)}.release-option.active p{color:#b8aabc}.release-demo{min-width:0}.release-demo .stage-header{padding-left:0;padding-right:0}.stage-header button{border:1px solid #ffffff35;border-radius:100px;background:transparent;font:11px var(--sans);padding:3px 14px;min-height:33px}.release-router{font:11px monospace;letter-spacing:1.5px;text-align:center;padding:20px;border:1px solid #67526b;margin:35px auto 0;max-width:250px}.release-fan{height:55px;width:77%;border:1px solid #776086;border-bottom:0;margin:20px auto 0;position:relative}.release-fan:before{content:'';width:1px;height:20px;background:#776086;position:absolute;top:-20px;left:50%}.replica-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.replica{background:#b6a5ee;color:#2a2038;aspect-ratio:1;position:relative;display:grid;place-items:center}.replica>span{position:absolute;left:9px;top:6px;font:9px monospace;opacity:.6}.replica strong{font:500 32px var(--display);letter-spacing:-1px}.traffic-share{display:flex;margin-top:30px;height:36px;overflow:hidden}.old-share{width:100%;background:#b6a5ee;color:#2a2038;display:flex;align-items:center;justify-content:center}.new-share{width:0;background:#ff865e;color:#34211c;display:flex;align-items:center;justify-content:center;overflow:hidden}.traffic-share span{font:9px monospace;white-space:nowrap}#release-status{font-size:14px;color:#b1a1ba;min-height:50px;margin-top:22px}.release-key{display:flex;gap:25px;font-size:11px;color:#897c93}.release-key i{display:inline-block;width:7px;height:7px;background:var(--purple);margin-right:8px}.release-key span:last-child i{background:var(--accent)}.recovery{background:#29191c;padding-bottom:100px;--accent:#ff997b;--purple:#ff997b}.outage-title{padding:25px 0 65px}.outage-word{display:block;font:500 clamp(75px,13.5vw,220px)/.94 var(--display);letter-spacing:-.07em}.outage-word em{color:#ff997b}.recovery-line{display:block;font-size:clamp(20px,2.7vw,40px);letter-spacing:-1px;margin-top:36px;color:#cc9d9f}.recovery-intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;max-width:1100px}.recovery .body-copy{color:#c099a0}.recovery .lead{color:#b38890}.recovery-timeline{display:grid;grid-template-columns:1fr 1fr;position:relative;margin:110px 0 130px;padding-top:25px}.time-marker{position:absolute;top:0;left:0;font:9px monospace;letter-spacing:1px;color:#bc8f96}.time-marker i{display:block;position:absolute;top:22px;width:8px;height:8px;border-radius:50%;background:#e4bdc2}.time-marker.incident{left:50%;transform:translateX(-50%);color:#ff997b}.time-marker.incident i{left:50%;background:#ff997b}.time-marker:nth-child(3){left:auto;right:0}.time-marker:nth-child(3) i{right:0}.time-range{border-top:1px solid #d3a1a755;padding:34px 0 0}.time-range strong{font:500 70px/1.1 var(--display);letter-spacing:-3px}.time-range p{font-size:15px;color:#ba9199;margin-top:15px}.rto{padding-left:8vw;border-color:#ff997b}.recovery-types{display:grid;grid-template-columns:1fr 1.25fr;gap:10vw}.types-intro h3{font-size:clamp(30px,3vw,46px);line-height:1.1;letter-spacing:-1.6px;margin-bottom:25px}.type-rung{position:relative;padding:24px 0 25px 38px;border-top:1px solid #ffb5b326}.type-rung>span{position:absolute;top:33px;left:0;font:10px monospace;color:#9d737b}.type-rung h4{font:500 27px var(--display);letter-spacing:-.7px;margin:0 0 8px}.type-rung p{font-size:14px;color:#b68d94}.readiness{width:100%;height:3px;background:#ffffff0b;margin-top:20px}.readiness i{height:100%;display:block;background:#ff997b;transform-origin:left}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:70px}.plan-item{border-top:1px solid #9f97a6;padding-top:25px}.plan-item>span{font:10px monospace;letter-spacing:.8px;color:#857190}.plan-item h3{font-size:27px;letter-spacing:-1px;line-height:1.2;margin:30px 0 20px}.plan-item p{font-size:15px;line-height:1.75;color:#6c646f}.failover-layout{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:8vw;margin-top:130px}.failover-layout h3{font-size:clamp(30px,3.5vw,55px);line-height:1.07;letter-spacing:-2px;margin:24px 0 25px}.failover-figure .note{text-align:center}.failover-label{fill:#e0d9e9;font:11px monospace;text-anchor:middle;letter-spacing:.7px}.site-label{fill:#3e3447;font:23px var(--display);text-anchor:middle}.site-state{fill:#75647f;font:10px monospace;text-anchor:middle;letter-spacing:1px}.observe{background:#111716;--purple:#b3cec6;--accent:#b3cec6}.observe-intro{margin-top:40px;max-width:600px;color:#8caaa0}.signal-visual{margin:60px -8vw 60px;position:relative;overflow:hidden}.signal-visual svg{width:100%;height:240px}.signal{fill:none;stroke-width:1.5;stroke:#b3cec6}.signal-b{stroke:#a99dcc;opacity:.6}.signal-visual>span{position:absolute;bottom:0;right:8vw;font:9px monospace;letter-spacing:1px;color:#66877b}.telemetry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.telemetry>span{font:10px monospace;color:#7a9d8f;letter-spacing:1px}.telemetry h3{font-size:31px;letter-spacing:-1px;margin:20px 0}.telemetry p{color:#91a49c;font-size:16px}.apm-row{margin-top:100px;border-top:1px solid #577066;padding-top:55px;display:grid;grid-template-columns:1.2fr 1fr;gap:12vw}.apm-row h3{font-size:40px;line-height:1.1;letter-spacing:-1.7px;margin-bottom:26px}.apm-row .body-copy{color:#91a49c}.apm-tools p{font:400 26px/1.65 var(--display);letter-spacing:-.8px;margin:24px 0}.apm-tools small{color:#769487;font-size:13px;line-height:1.8}.closing{text-align:center;padding:150px 24px 120px;background:#16121e;position:relative;overflow:clip}.closing .eyebrow{color:#81708e}.closing-words{font:500 clamp(58px,9vw,150px)/1.03 var(--display);letter-spacing:-.065em}.closing-words span{display:block}.closing-words em{color:#b6a5ee}.closing>p:not(.eyebrow){color:#9886a4;font-size:17px;margin-top:45px}.closing .text-link{margin-top:30px}.site-footer{padding:45px 5.5vw;background:#101016;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-top p{font-size:13px;color:#827989}.footer-bottom{display:flex;justify-content:space-between;font:10px/1.6 monospace;letter-spacing:.5px;gap:20px;margin-top:40px;color:#766d7e}.sources{margin-top:40px;color:#b4a6c2;font-size:13px}.sources summary{cursor:pointer;padding:12px 0}.sources>div{display:flex;flex-wrap:wrap;gap:15px 30px;padding:20px 0}.sources a{text-decoration:underline;text-underline-offset:5px;color:#8e809b}.motion-off .cluster-sticky{position:static}.motion-off .cluster-step{min-height:0;padding:45px 0}.motion-off .cluster-story{align-items:start}.motion-off .cluster-stage{margin-top:35px}
@media(max-width:1050px){.cluster-story{gap:3vw;grid-template-columns:1fr 1.1fr}.cluster-step{min-height:65vh}.plan-grid{grid-template-columns:1fr 1fr;gap:40px}.release-layout{gap:5vw}.release-option h3{font-size:23px}.replica strong{font-size:26px}.recovery-types{gap:7vw}.lab-layout{gap:5vw}.terminal pre{padding:22px}.terminal-bar>span:first-child{display:none}.telemetry h3{font-size:26px}.signal-visual{margin-left:-6vw;margin-right:-6vw}}
@media(max-width:760px){.cluster-story{display:flex;flex-direction:column}.cluster-sticky{position:static;width:100%;order:-1;max-width:560px;margin:0 auto}.cluster-step{min-height:0;padding:45px 0 55px;border-bottom:1px solid #ffffff17}.cluster-step .display{font-size:50px}.cluster-step h3{font-size:44px}.cluster-step:last-child{border:0}.cluster-stage{padding:0}.cluster-stage svg{max-height:520px;margin:auto}.cluster-story .body-copy{max-width:none}.cluster-sticky .stage-header{font-size:9px}.lab-layout{grid-template-columns:1fr;gap:45px}.lab-checklist{display:none}.terminal pre{font-size:13px}.release-layout{grid-template-columns:1fr;gap:40px}.release-demo{max-width:530px;width:100%;margin:auto}.replica{aspect-ratio:1.2}.replica strong{font-size:35px}.release-option p{max-width:450px}.recovery-intro{gap:5vw}.failover-layout{grid-template-columns:1fr;gap:45px;margin-top:85px}.failover-figure{max-width:650px}.signal-visual{margin-left:-24px;margin-right:-24px}.telemetry-grid{gap:25px}.telemetry h3{font-size:23px}.telemetry p{font-size:15px}.apm-row{gap:6vw}.apm-row h3{font-size:32px}}
@media(max-width:650px){.cluster{padding-bottom:30px}.cluster-step .display{font-size:45px}.cluster-step h3{font-size:40px}.inline-facts{gap:14px}.definition-list dt{font-size:17px}.request-path{grid-template-columns:1fr 1fr;gap:40px 30px;margin:50px 0}.request-rail{display:none}.route-icon{width:53px;height:53px;font-size:24px;margin-bottom:20px}.route-step h3{font-size:28px}.route-step p{font-size:10px}.traffic-explain{grid-template-columns:1fr;gap:38px}.traffic-explain h3{font-size:28px;margin:15px 0}.traffic-explain p{font-size:16px}.terminal-bar{padding:13px;font-size:9px}.terminal pre{padding:20px;font-size:11px;line-height:2}.terminal-bottom{padding:16px 20px;font-size:8px}.release-layout{margin-top:45px}.release-option{gap:15px;padding:22px 0}.release-option h3{font-size:24px}.release-option p{font-size:14px}.release-option .option-mark{font-size:18px}.replica-row{gap:7px}.replica strong{font-size:28px}.release-key{gap:20px;font-size:10px}.outage-title{padding:10px 0 45px}.outage-word{font-size:clamp(66px,15vw,100px)}.recovery-line{font-size:23px;margin-top:30px;letter-spacing:-.6px}.recovery-intro{grid-template-columns:1fr;gap:30px}.recovery-timeline{margin:70px 0 80px}.time-marker{font-size:7px;letter-spacing:.2px}.time-range strong{font-size:60px}.time-range p{font-size:13px}.recovery-types{grid-template-columns:1fr;gap:35px}.types-intro h3{font-size:36px}.type-rung h4{font-size:24px}.type-rung p{font-size:14px}.plan-grid{grid-template-columns:1fr;gap:30px;margin-top:45px}.plan-item h3{margin:18px 0 13px;font-size:29px}.plan-item p{font-size:16px}.failover-layout h3{font-size:38px}.telemetry-grid{grid-template-columns:1fr;gap:35px}.telemetry{border-top:1px solid #ffffff17;padding-top:25px}.telemetry h3{font-size:31px;margin:15px 0}.telemetry p{font-size:16px}.signal-visual{margin-top:35px;margin-bottom:40px}.signal-visual svg{height:150px}.signal-visual>span{font-size:7px;right:24px}.apm-row{grid-template-columns:1fr;gap:40px;margin-top:65px;padding-top:40px}.apm-row h3{font-size:35px}.apm-tools p{font-size:25px}.closing{padding:100px 24px 90px}.closing-words{font-size:clamp(46px,11vw,70px)}.closing>p:not(.eyebrow){font-size:16px;margin-top:30px}.site-footer{padding:40px 24px}.footer-top{flex-direction:column;gap:15px}.footer-top .wordmark{font-size:13px}.footer-bottom{flex-direction:column;gap:16px;font-size:9px}.sources>div{flex-direction:column;gap:20px}.site-footer .wordmark{flex-wrap:wrap}}
@media(max-height:650px) and (min-width:761px){.cluster-sticky{top:10px}.cluster-stage svg{max-height:68vh;width:100%}.cluster-step{min-height:90vh}.hero-copy{padding-top:55px}.hero-system{max-height:90%;width:55vw}.hero-system svg{max-height:85svh}}
@media(prefers-reduced-motion:reduce){.cluster-sticky{position:static}.cluster-step{min-height:0}.hero-grid{display:none}}

/* The entry diagram stays behind the reading layer at intermediate widths. */
@media(min-width:651px){.hero{padding-bottom:85px}.hero-bottom{position:absolute;bottom:0;left:5.5vw;right:5.5vw}.hero-copy{padding-bottom:25px}.hero-system{top:49%}}
@media(min-width:651px) and (max-width:1000px){.diagram-id{display:none}.hero-system{width:65vw;right:-12vw}.hero-copy{width:66%}}