/* One fixed, continuous world. The document scroll is the camera control. */
.stage{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:transparent;isolation:isolate}
.scene{position:absolute;inset:0;perspective:1800px;perspective-origin:50% 50%;overflow:visible}
.world{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}
.web-plane{position:absolute;left:-225px;top:-295px;width:450px;height:590px;border-radius:5px;display:block;color:inherit;text-decoration:none;pointer-events:auto;cursor:pointer;touch-action:pan-y;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.web-plane:focus-visible{outline:3px solid #e7e7e0;outline-offset:10px}
.web-plane>*{pointer-events:none}
.web-plane::before{content:"";position:absolute;inset:-1px;background:#111310;border:1px solid #111310;border-radius:5px;transform:translate3d(5px,6px,-5px);box-shadow:0 24px 40px -20px #11131066}
.web-plane::after{content:"";position:absolute;inset:-1px;border:1px solid #e7e7e055;border-radius:5px;pointer-events:none;transform:translateZ(1px)}
.web-plane[data-site="luma"]{--plane-accent:#f7f6f2}
.web-plane[data-site="istrazimo"]{--plane-accent:#b7b6af}
.web-plane[data-site="absurd"]{--plane-accent:#e7e7e0}
.web-plane[data-site="flor"]{--plane-accent:#fff9ef}
.web-plane[data-site="automation"]{--plane-accent:#e7e9e4}
.web-document{position:relative;width:450px;height:590px;border-radius:5px;background:var(--plane-accent);overflow:hidden}
.web-document iframe{position:absolute;top:0;left:0;display:block;width:900px;height:1180px;max-width:none!important;max-height:none!important;transform:scale(.5);transform-origin:0 0;border:0;pointer-events:none;background:var(--plane-accent);visibility:hidden;opacity:0;transition:opacity .35s ease}
.web-plane.is-live .web-live-frame{visibility:visible;opacity:1}
.web-preview-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none}
.web-plane-tag{position:absolute;top:-27px;left:0;right:0;display:flex;justify-content:space-between;color:#e7e7e0;font-family:'Libre Franklin',Arial,sans-serif;font-size:9px;font-weight:650;line-height:1;letter-spacing:.08em;text-transform:uppercase;transform:translateZ(1px)}
.web-plane-tag b{font-weight:750;color:#d8d8d0}
.web-plane-tag span{font-size:7px;letter-spacing:.12em}
.web-plane-edge{position:absolute;left:0;top:0;width:450px;height:590px;border-radius:5px;background:var(--plane-accent);border:1px solid #11131050;transform:translateZ(-6px);backface-visibility:hidden}
@media(max-width:900px){.scene{perspective:1500px}.web-plane-tag{font-size:12px;top:-30px}.web-plane-tag span{font-size:9px}.web-plane::before{box-shadow:0 18px 24px -18px #11131066}}
@media(prefers-reduced-motion:reduce){.world,.web-plane{will-change:auto}}
.stage[data-step=luma] .web-plane:not(.is-active) .web-plane-tag,
.stage[data-step=istrazimo] .web-plane:not(.is-active) .web-plane-tag,
.stage[data-step=absurd] .web-plane:not(.is-active) .web-plane-tag,
.stage[data-step=flor] .web-plane:not(.is-active) .web-plane-tag,
.stage[data-step=automation] .web-plane:not(.is-active) .web-plane-tag{opacity:0}