/* The real work studio continues behind the commercial HTML, which stays readable and interactive. */
body.commercial-world126{--commercial-deep126:#03050be8;--commercial-panel126:#080c12ed;--commercial-soft126:#080c12b3;--commercial-line126:#53607560;background:#03050b;isolation:isolate}
html[data-theme=light] body.commercial-world126{--commercial-deep126:#f4f3eeeb;--commercial-panel126:#faf9f5ed;--commercial-soft126:#f4f3eec2;--commercial-line126:#6777865c;background:#e9e8e4}
.commercial-stage126{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:0}
body[data-commercial-world126=ready] .commercial-stage126{opacity:1}
.commercial-stage126>canvas{display:block;width:100%;height:100%;pointer-events:none}
body.commercial-world126 main,body.commercial-world126 footer{position:relative;z-index:2}
body.commercial-world126 .top{background:var(--commercial-deep126);border-color:var(--commercial-line126)}
body.commercial-world126 .hero{min-height:58svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;isolation:isolate;padding-inline:clamp(18px,3vw,40px);margin-inline:calc(-1 * clamp(18px,3vw,40px))}
body.commercial-world126 .hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--commercial-deep126),var(--commercial-soft126) 48%,transparent 86%)}
body.commercial-world126 .hero h1{max-width:970px;font-size:clamp(2.6rem,6.3vw,6.1rem)}
body.commercial-world126 :is(#configuration-form,.quote,.prepared,.widget-demo,.terms,.web-diagram){background:var(--commercial-panel126);border:1px solid var(--commercial-line126);border-radius:14px;padding:clamp(22px,3vw,40px);box-shadow:0 20px 70px -50px #000b}
body.commercial-world126 :is(.configure-layout,.widget-demo,.web-diagram){margin-block:clamp(40px,9vh,100px)}
body.commercial-world126 .terms{max-width:none}
body.commercial-world126 footer{background:var(--commercial-deep126);padding:30px clamp(22px,3vw,40px);border-radius:14px 14px 0 0}
body.commercial-world126 .native-surface-layer126{pointer-events:none}
html[dir=rtl] body.commercial-world126 .hero::before{background:linear-gradient(270deg,var(--commercial-deep126),var(--commercial-soft126) 48%,transparent 86%)}
@media(max-width:760px){body.commercial-world126 .hero{min-height:58svh;margin-inline:0;padding-inline:0}body.commercial-world126 .hero::before{inset-inline:-4vw;background:linear-gradient(180deg,var(--commercial-deep126),var(--commercial-soft126) 72%,transparent)}body.commercial-world126 :is(#configuration-form,.quote,.prepared,.widget-demo,.terms,.web-diagram){padding:22px;border-radius:10px}body.commercial-world126 .web-diagram{gap:28px}}
@media(prefers-reduced-motion:reduce){.commercial-stage126{transition:none}}