/* Full-size deployment, followed by the mirrored product layout. */
.site-stage{--overview:0;position:absolute;inset:0;z-index:3;display:flex;padding:70px 4% 28px;visibility:hidden;pointer-events:none;font-family:var(--font-display);color:var(--ink)}
.site-stage[data-visible="true"]{visibility:visible;pointer-events:auto}
.site-artboard{position:relative;flex:1;min-width:0;min-height:160px;border:0;box-shadow:none;overflow:visible}
.site-artboard canvas,.site-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;border:0;box-shadow:none}
.site-artboard canvas{opacity:0}.site-stage[data-ready="true"] canvas{opacity:1}.site-stage[data-ready="true"] .site-poster{opacity:0}
.site-copy{position:absolute;left:calc(max(0px,(100% - 1680px)/2) + min(2.8vw,47.04px));top:50%;width:min(31vw,500px);transform:translateY(calc(-50% + (1 - var(--overview))*18px));opacity:var(--overview);z-index:4}
.site-copy h2{font:700 clamp(36px,4.1vw,66px)/1.12 var(--font-display);letter-spacing:-.035em;margin:0 0 15px}
@media(min-width:1600px){.site-stage{padding-top:90px}}
@media(max-width:860px){.site-stage{padding:96px 7% 24px}.site-copy{left:7%;right:7%;width:auto;top:49%;transform:translateY(calc((1 - var(--overview))*18px))}.site-copy h2{font-size:32px;margin-bottom:9px}.site-copy .product-rating{font-size:13px;margin-bottom:15px}}
@media(max-width:860px) and (max-height:760px){.site-copy{top:45%;max-height:calc(55svh - 90px);overflow-y:auto;overscroll-behavior:contain}.site-copy h2{font-size:28px}}

.site-deployment-specs{position:absolute;right:calc(max(0px,(100% - 1680px)/2) + min(.8vw,13.44px));bottom:106px;width:min(51vw,856px);opacity:var(--overview);font-family:var(--font-display)}
.site-deployment-specs h3{font:700 13px/1.4 var(--font-display);color:var(--mc-base);margin:0 0 10px}
.site-deployment-specs dl{margin:0}.site-deployment-specs dl>div{display:flex;justify-content:space-between;gap:20px;padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--mc-base) 24%,transparent);font:500 13px/1.3 var(--font-display)}
.site-deployment-specs dd{margin:0;text-align:right}
@media(max-width:860px){.site-copy{top:38%;max-height:calc(62svh - 200px);overflow-y:auto;overscroll-behavior:contain}.site-deployment-specs{left:7%;right:7%;width:auto;bottom:96px}.site-deployment-specs h3{font-size:10px;margin-bottom:5px}.site-deployment-specs dl>div{font-size:10px;padding:3px 0}}
@media(max-width:860px) and (max-height:760px){.site-copy{top:38%;max-height:calc(34svh - 42px)}}

.reliability-comparison{display:grid;gap:17px;padding:8px 0 18px}
.reliability-metric>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:1.4}
.reliability-metric strong,.reliability-metric b{font-weight:700}
.reliability-metric small{display:block;font-size:11px;line-height:1.5;margin-top:4px;color:var(--ink);opacity:.65}
.reliability-track{height:6px;margin-top:7px;background:#eeeef2;border-radius:3px;overflow:hidden}
.reliability-track span{display:block;height:100%;width:100%;background:#9a9aa7;transform:scaleX(0);transform-origin:left;transition:transform 850ms cubic-bezier(.22,1,.36,1)}
.micora .reliability-track span{background:var(--mc-base)}
.feature-description[data-expanded="true"] .reliability-track span{transform:scaleX(var(--uptime))}
@media(min-width:861px){.site-copy{max-height:calc(100svh - 150px);overflow-y:auto;overscroll-behavior-y:auto}}
@media(prefers-reduced-motion:reduce){.reliability-track span{transition:none}}

.site-density-note{font-size:10px;line-height:1.5;opacity:.6;margin:9px 0 0}.site-deployment-specs dd{max-width:65%}

@media(max-width:860px){.site-copy{max-height:calc(62svh - 255px)}}

.maintenance-console{position:absolute;top:13%;right:5%;width:min(36vw,480px);z-index:5;padding:20px 22px;background:rgba(255,255,255,.97);border:1px solid #e1ddef;border-radius:12px;box-shadow:0 18px 65px #23203526;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .3s,transform .4s;font-family:var(--font-display)}
.maintenance-console[data-open="true"]{opacity:var(--overview);transform:translateY(0)}
.monitor-top,.monitor-caption,.monitor-chart>div,.monitor-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}
.monitor-top>strong{font-size:20px;color:var(--mc-base)}.monitor-top>strong>span{font-size:11px;font-weight:500;color:#737083}
.monitor-status{font-size:11px;font-weight:700}.monitor-status i,.monitor-footer i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#2cb37c;box-shadow:0 0 0 3px #2cb37c14}
.monitor-caption{font-size:10px;font-weight:600;margin:17px 0 12px}.monitor-caption>span{font-size:9px;color:#8c8799;font-weight:500}
.monitor-chart>div{font-size:11px}.monitor-chart strong{font-size:15px;font-variant-numeric:tabular-nums}.monitor-chart small{font-size:10px;color:#8c8799}.monitor-chart svg{display:block;width:100%;height:38px;margin:3px 0 9px;overflow:hidden}.chart-grid{stroke:#eeebf4;stroke-width:1;fill:none}.chart-line{stroke:#d7a600;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.monitor-chart[data-chart="output"] .chart-line,.monitor-chart[data-chart="uptime"] .chart-line{stroke:#2684df}
.monitor-footer{border-top:1px solid #eae7f0;padding-top:12px;font-size:9px;color:#797486}.monitor-footer b{margin-left:4px;font-weight:600;color:#85818d}
@media(max-width:860px){.maintenance-console{top:10%;right:5%;width:67%;padding:12px 14px}.monitor-top>strong{font-size:16px}.monitor-status{font-size:9px}.monitor-caption{margin:8px 0}.monitor-chart svg{height:20px;margin:0 0 3px}.monitor-footer{font-size:8px;padding-top:7px}.monitor-chart>div{font-size:9px}.monitor-chart strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.maintenance-console{transition:none}}

.monitor-top{justify-content:flex-start;padding:3px 0 6px}.monitor-status{font-size:12px}.chart-area{fill:#efbf292b;stroke:none}.chart-dots circle{fill:white;stroke:#d7a600;stroke-width:1.2}.monitor-chart[data-chart="output"] .chart-area,.monitor-chart[data-chart="uptime"] .chart-area{fill:#2684df22}.monitor-chart[data-chart="output"] .chart-dots circle,.monitor-chart[data-chart="uptime"] .chart-dots circle{stroke:#2684df}.chart-grid{stroke-dasharray:2 3}

/* Technical details share the left column; the site owns the full right stage. */
.site-copy .site-deployment-specs{position:static;inset:auto;width:100%;margin-top:26px;opacity:1}
.site-copy .site-deployment-specs dl>div{font-size:14px;gap:14px;padding:9px 0}.site-copy .site-deployment-specs h3{font-size:11px}.site-copy .site-density-note{font-size:11px}
@media(max-width:860px){.site-copy{max-height:calc(62svh - 95px)}.site-copy .site-deployment-specs{margin-top:20px}.site-copy .site-deployment-specs dl>div{font-size:12px;padding:7px 0}}

.site-copy{scrollbar-width:thin;scrollbar-color:#ddd8ec transparent}.site-copy::-webkit-scrollbar{width:3px}.site-copy::-webkit-scrollbar-thumb{background:#ddd8ec;border-radius:3px}

.monitor-footer b{color:#cf3440}

.monitor-top{margin-bottom:18px}

.monitor-uptime{margin:6px 0 13px}.uptime-heading,.uptime-alerts{display:flex;justify-content:space-between;align-items:center}.uptime-heading{font-size:11px}.uptime-heading strong{font-size:15px;font-variant-numeric:tabular-nums}.uptime-heading small{font-size:10px;color:#8c8799}.uptime-history{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:3px;margin:16px 0 12px}.uptime-history span{height:12px;border-radius:1px;background:#69a98e}.uptime-history .uptime-event{background:#b7a06c}.uptime-alerts{font-size:10px;color:#797486}.uptime-alerts strong{color:#b08436;font-weight:600;font-variant-numeric:tabular-nums}
@media(max-width:860px){.uptime-history{gap:2px;margin:10px 0 8px}.uptime-history span{height:9px}.uptime-heading{font-size:9px}.uptime-heading strong{font-size:12px}.monitor-uptime{margin-bottom:9px}}

.site-copy .feature-description .site-deployment-specs{margin:10px 0 20px}.site-copy .feature-description .site-density-note{font-size:11px;line-height:1.5;margin:10px 0 0}

/* Keep all four mobile controls within the viewport, independent of image loading. */
@media(max-width:860px){.site-copy{top:39%;max-height:calc(61svh - 88px);padding-bottom:12px;overscroll-behavior-y:auto}.site-copy .product-feature button{min-height:46px;padding:10px 0}.maintenance-console{box-shadow:0 8px 24px #23203518;background:#fff}.site-artboard canvas{will-change:auto}}

@media(max-width:860px){.pin{height:100svh}}

@media(max-width:860px){
 .site-copy{top:var(--mobile-copy-top,48%);max-height:40svh;padding-bottom:0}
 .site-copy .maintenance-console{position:relative;inset:auto;width:100%;margin:12px 0 16px;transform:none;box-shadow:none;opacity:1;padding:14px}
 .site-copy .maintenance-console[data-open="false"]{display:none}
 .topbar.closing-header{flex-wrap:nowrap;justify-content:space-between;gap:12px;padding:8px 16px}
 .topbar.closing-header .brand img{height:25px}
 .topbar.closing-header .topnav{width:auto;gap:14px}
 .topbar.closing-header .topnav a{font-size:11px;padding:7px 0}
}

/* A single mobile composition: controls first, full disclosure below. */
@media(max-width:860px){
 .site-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;max-height:none;overflow:visible;padding:0}
 .site-copy .product-feature{display:contents}
 .site-copy .product-feature button{order:0;font-size:16px;min-height:44px;border-bottom:1px solid #e8e5ee}
 .site-copy .feature-description{order:1;grid-column:1/-1}
 .site-copy .feature-description[data-expanded="true"]>div{padding-top:12px}
 .site-copy .reliability-comparison{gap:12px;padding-bottom:0}
 .site-copy .maintenance-console{margin:8px 0 0;padding:12px}
 .site-copy .monitor-top{margin-bottom:8px}
 body:has(.site-copy [data-site-topic][aria-expanded="true"]) #design-system{display:none}
}