.z-scene{margin:0;min-width:0;container-type:inline-size}.z-stage{position:relative;isolation:isolate;aspect-ratio:1.03;overflow:clip;border-radius:32px;background:#dcd4ff;color:#22252a;font:2cqw/1.4 Arial,sans-serif}.z-stage *{box-sizing:border-box}.z-stage em{font-family:Georgia,serif;font-weight:400}.z-stage i{font-style:normal}.z-scene>figcaption{font:11px/1.6 Arial,sans-serif;color:#59615b;margin:15px 5px 0}.z-stage [class$="heading"]>span,.z-stage [class$="title"]>span{font-size:1.7cqw;letter-spacing:.12em;font-weight:700;display:block}.z-stage [class$="heading"]>b,.z-stage [class$="title"]>b{display:block;font-size:7.5cqw;line-height:.97;letter-spacing:-.06em;margin-top:3cqw}
.z-process .z-stage{background:#c7e7dc}.z-process-title{position:absolute;top:7%;left:7%;z-index:1}.z-process-title b{font-size:9cqw!important}.z-process-title em{color:#5140bb}.z-process-line{position:absolute;width:100%;height:100%;fill:none;stroke:#6d9c89;stroke-width:2;stroke-dasharray:8 6}.z-step{position:absolute;display:flex;align-items:center;gap:2cqw;padding:2.5%;background:#fffaf1;border-radius:13px;box-shadow:1cqw 1cqw 0 #97c0ac;font-size:2cqw}.z-step i{display:grid;place-items:center;width:7cqw;height:7cqw;background:#dcd4ff;border-radius:50%;font:italic 3cqw Georgia,serif}.z-step-one{right:5%;top:32%;transform:rotate(4deg)}.z-step-two{left:5%;top:60%;transform:rotate(-5deg)}.z-step-two i{background:#ffc5af}.z-step-three{right:5%;top:68%;transform:rotate(3deg)}.z-step-three i{background:#cafd78}.z-process-note{position:absolute;left:8%;right:8%;bottom:5%;display:flex;align-items:center;gap:4cqw}.z-process-note>span{font-size:10cqw;color:#4d3eb4;line-height:1}.z-process-note>b{font-size:3cqw;line-height:1.1;letter-spacing:-.04em}
.z-opensource .z-stage{background:#272936;color:#fff}.z-source-mark{position:absolute;right:4%;top:2%;font:18cqw/.9 Georgia,serif;color:#cafd78;letter-spacing:-1cqw;transform:rotate(10deg)}.z-source-mark em{font-size:8cqw}.z-source-title{position:absolute;top:14%;left:7%;right:5%}.z-source-title>span{color:#cfc4f3}.z-source-title>b{margin-top:5cqw!important;font-size:9cqw!important}.z-source-title em{color:#cafd78}.z-source-tools{position:absolute;inset:49% 6% 5%;display:grid;gap:3%;transform:rotate(-3deg)}.z-source-tools>div{background:#dcd4ff;color:#302d48;border-radius:11px;padding:3% 5%;position:relative}.z-source-tools>div:nth-child(2){margin-left:5%;background:#cafd78}.z-source-tools>div:nth-child(3){margin-left:10%;background:#ffc5af}.z-source-tools span{font-size:1.5cqw;display:block;letter-spacing:.09em}.z-source-tools b{font-size:4.3cqw;letter-spacing:-.05em;display:block}.z-source-tools i{font:6cqw Georgia,serif;position:absolute;right:5%;top:16%}
.z-framework .z-stage{background:#c8b7f7}.z-terminal{position:absolute;left:5%;right:5%;top:7%;bottom:17%;background:#252632;border-radius:17px;color:#f9f7f3;overflow:hidden;transform:rotate(-4deg);box-shadow:1.7cqw 2cqw 0 #a08bca}.z-terminal-bar{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff25;padding:4%;font-size:1.5cqw;letter-spacing:.06em;color:#c5b3ec}.z-code-title{margin:5% 6%}.z-code-title>span{color:#cafd78}.z-code-title>b{font-size:6.9cqw!important;margin-top:2cqw!important}.z-code-title em{color:#cfc0ff}.z-terminal pre{font:2.1cqw/1.7 Consolas,monospace;margin:5% 6%;white-space:pre-wrap;color:#eeeaf8}.z-terminal pre>span{color:#afa5c6}.z-terminal pre>i{color:#cafd78}.z-terminal pre>em{font:inherit;color:#ffc5af}.z-terminal-footer{border-top:1px solid #ffffff25;padding:3% 6%;font-size:1.5cqw;letter-spacing:.1em;color:#cfc0ff}.z-response{position:absolute;bottom:5%;right:4%;width:65%;padding:4%;background:#cafd78;border-radius:11px;transform:rotate(5deg);box-shadow:0 2cqw 4cqw #2d213030}.z-response>span{font-size:1.4cqw;letter-spacing:.08em}.z-response>b{display:block;font-size:4.5cqw;line-height:1.05;letter-spacing:-.04em;margin-top:2cqw}.z-response>i{position:absolute;right:6%;bottom:13%;font-size:9cqw}
.z-mail .z-stage{background:#cafd78}.z-mail-heading{position:absolute;left:7%;top:7%}.z-mail-heading>b{font-size:8cqw!important}.z-mail-box{position:absolute;width:48%;padding:4%;background:#fffaf2;border-radius:14px;box-shadow:1cqw 1.5cqw 0 #9fc856}.z-mail-box>i{display:block;font-size:14cqw;line-height:1;color:#6543c2}.z-mail-box>span{display:block;font-size:1.4cqw;letter-spacing:.08em;margin-top:2cqw}.z-mail-box>b{font-size:2.5cqw;display:block;margin-top:1cqw}.z-mail-from{left:6%;top:33%;transform:rotate(-6deg)}.z-mail-to{right:5%;top:57%;background:#293d31;color:#fff;transform:rotate(5deg)}.z-mail-to>i{color:#cafd78}.z-mail-route{position:absolute;right:9%;top:34%;width:31%;height:25%;display:flex;align-items:center;gap:1cqw;transform:rotate(30deg)}.z-mail-route>span{font-size:15cqw;line-height:1;color:#587c2a}.z-mail-route>i{width:1.5cqw;height:1.5cqw;background:#587c2a;border-radius:50%}.z-mail-note{position:absolute;left:7%;bottom:7%;width:41%;display:flex;flex-direction:column;gap:1cqw}.z-mail-note>span{font-size:6cqw;line-height:1}.z-mail-note>b{font-size:3cqw;line-height:1.1}.z-mail-note>small{font-size:1.8cqw}
.z-captcha .z-stage{background:#ffc5af}.z-captcha-heading{position:absolute;left:7%;right:7%;top:7%}.z-captcha-heading>b{font-size:7cqw!important}.z-gesture{position:absolute;inset:26% 5% auto;width:90%;height:48%;fill:none;stroke:#7950c7;stroke-width:3;stroke-dasharray:5 6}.z-gesture .z-diamond{fill:#6c49d2;stroke:none}.z-gesture .z-target{stroke:#6c49d2;stroke-width:4;stroke-dasharray:none}.z-gesture circle{fill:#b16e55;stroke:none}.z-captcha-chips{position:absolute;top:70%;left:7%;right:7%;display:flex;justify-content:space-between;gap:2cqw}.z-captcha-chips>span{background:#fff8ed;border-radius:20px;padding:1.5cqw 3cqw;font-size:2cqw}.z-captcha-check{position:absolute;bottom:5%;left:5%;right:5%;padding:4%;background:#563798;color:#fff;border-radius:13px;transform:rotate(-2deg)}.z-captcha-check>b{font-size:3.3cqw;display:block;letter-spacing:-.03em}.z-captcha-check>span{font-size:1.9cqw;color:#e5d6ff}.z-captcha-check>i{font-size:7cqw;position:absolute;right:5%;top:15%;color:#cafd78}
.z-moat .z-stage{background:#264b39;color:#fff}.z-moat-title{position:absolute;left:7%;top:7%}.z-moat-title>span{color:#c9e8b6}.z-moat-title>b{font-size:17cqw!important}.z-moat-title em{color:#cafd78}.z-moat-chart{position:absolute;left:7%;right:7%;top:34%;height:27%;display:flex;align-items:end;gap:4%}.z-moat-chart i{height:35%;width:9%;background:#cafd78;border-radius:5px 5px 0 0}.z-moat-chart i:nth-child(2n){background:#aacb8e}.z-moat-chart i:nth-child(2){height:42%}.z-moat-chart i:nth-child(3){height:53%}.z-moat-chart i:nth-child(4){height:46%}.z-moat-chart i:nth-child(5){height:70%}.z-moat-chart i:nth-child(6){height:65%}.z-moat-chart i:nth-child(7){height:85%}.z-moat-chart i:nth-child(8){height:100%}.z-moat-notes{position:absolute;top:65%;left:7%;right:7%;display:flex;align-items:center;gap:2cqw;font-size:1.5cqw}.z-moat-notes>i{color:#cafd78}.z-moat-card{position:absolute;bottom:5%;right:5%;width:66%;background:#f4dfbc;color:#29372c;border-radius:12px;transform:rotate(4deg);padding:4%;box-shadow:0 2cqw 3cqw #102e2140}.z-moat-card>span{font-size:1.4cqw;letter-spacing:.1em}.z-moat-card>b{display:block;font-size:4.2cqw;line-height:1.05;letter-spacing:-.04em;margin-top:1.5cqw}.z-moat-card>i{position:absolute;right:5%;top:30%;font-size:10cqw}
@media(max-width:800px){.z-scene{max-width:640px;width:100%;margin:15px auto 0}.z-stage{border-radius:25px}}
@media(max-width:560px){.z-stage{border-radius:22px}.z-scene>figcaption{font-size:9px;margin-top:12px}}
@media print{.z-scene{display:none}}