/* Actual site on the front plane of a CSS 3D display. */
body.home-page{overflow-anchor:none}
.monitor-runway{height:145vh;background:#fff}
.monitor-anchor{position:relative;isolation:isolate}
.monitor-live-world{position:relative;transform-origin:0 0}
.monitor-live-surface{position:relative;display:flow-root;background:#fff;z-index:2}
.monitor-hardware,.monitor-overlay{display:none}
.monitor-anchor.is-monitor .monitor-live-world{position:fixed;inset:0 auto auto 0;width:var(--site-width);z-index:151;transform-style:preserve-3d;will-change:transform}
.is-monitor .monitor-live-surface{overflow:hidden;border-radius:var(--device-radius,13px)}
.is-monitor .monitor-hardware{display:block;position:absolute;inset:-13px -13px -24px;transform-style:preserve-3d;pointer-events:none;z-index:1}
.monitor-rim{position:absolute;inset:0;background:linear-gradient(130deg,#dadde2 0,#5d646d 21%,#22272d 50%,#b1b7c0 78%,#e8ebef);border:1px solid #959da7;border-radius:21px;box-shadow:0 25px 65px #1c273c2b,0 2px 4px #20293844}
.monitor-rim:after{content:'';position:absolute;inset:3px;border:10px solid #111419;border-bottom-width:21px;border-radius:18px;box-shadow:inset 0 1px 1px #ffffff40}
.monitor-back{position:absolute;inset:-1px;transform:translateZ(-24px);border-radius:24px;background:linear-gradient(135deg,#d3d7dd,#7e8691);box-shadow:19px 5px 0 #727b86,21px 5px 0 #bfc5cd}
.monitor-lens{position:absolute;top:4px;left:50%;width:4px;height:4px;border-radius:50%;background:#284154;z-index:2;box-shadow:0 0 0 2px #101419}
.monitor-neck{position:absolute;top:100%;left:44%;width:12%;height:115px;transform:translateZ(-18px);background:linear-gradient(90deg,#8b929c,#e8ecf1 46%,#b6bec9 80%,#7f8791);clip-path:polygon(23% 0,77% 0,86% 86%,100% 100%,0 100%,14% 86%)}
.monitor-base{position:absolute;top:calc(100% + 103px);left:33%;width:34%;height:26px;border-radius:50% 50% 6px 6px;background:linear-gradient(#e3e7ed 0,#b6bec8 55%,#7d8794 60%,#adb5c0);transform:translateZ(-5px) rotateX(20deg);box-shadow:0 10px 13px #20304722}
.monitor-ground{position:absolute;top:calc(100% + 118px);left:19%;width:62%;height:33px;border-radius:50%;background:#25304928;filter:blur(20px);transform:translateZ(-30px)}
body.monitor-active{background:#fff}
body.monitor-active .monitor-overlay{display:block;position:fixed;inset:0;z-index:152;pointer-events:none}
body.monitor-active #sct{visibility:hidden}
.monitor-topline{position:absolute;top:30px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center}
.monitor-topline strong{font-size:24px;font-weight:700;letter-spacing:-1.3px}
.monitor-enter{pointer-events:auto;font-size:11px;border:1px solid #dfe2e5;padding:10px 18px;border-radius:30px;background:#fffc}
.monitor-enter:hover,.monitor-enter:focus-visible{background:#222;color:#fff}
.monitor-bottomline{position:absolute;bottom:35px;left:4vw;right:4vw;display:flex;justify-content:space-between;gap:25px;align-items:flex-end}
.monitor-bottomline h2{font-size:clamp(27px,3.4vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1.1}
.monitor-bottomline p{font-size:11px;line-height:1.9;color:#8b9199;text-align:right}
.monitor-bottomline span{display:block;font-size:12px;letter-spacing:1.2px;color:#434b56;margin-top:7px}
@media(max-width:720px){.monitor-topline{top:23px}.monitor-topline strong{font-size:21px}.monitor-bottomline{bottom:28px}.monitor-bottomline p{font-size:10px;max-width:145px}.monitor-bottomline span{font-size:10px}.monitor-enter{padding:8px 13px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.monitor-runway,.monitor-overlay,.monitor-hardware{display:none!important}.monitor-anchor{height:auto!important}}

/* Never paint hardware or a rounded viewport after the live-page handoff. */
.monitor-hardware[hidden]{display:none!important}
.monitor-anchor:not(.is-monitor) .monitor-live-surface{border-radius:0}