.WebDevLive-module__Mt5eFq__stage{perspective:1600px;perspective-origin:50% 35%;width:100%;height:540px;font-family:var(--font-ui,system-ui,sans-serif);position:relative}@media (max-width:1200px){.WebDevLive-module__Mt5eFq__stage{height:480px;transform:scale(.9)}}@media (max-width:1024px){.WebDevLive-module__Mt5eFq__stage{transform-origin:50%;height:460px;transform:scale(.82)}}@media (max-width:600px){.WebDevLive-module__Mt5eFq__stage{transform-origin:top;height:300px;transform:scale(.66)}}.WebDevLive-module__Mt5eFq__halo{filter:blur(42px);opacity:.9;pointer-events:none;background:conic-gradient(from 210deg,#0f766e38 0%,#f26b1f2e 38%,#0000 56% 78%,#0f766e24 100%);border-radius:50%;width:680px;height:680px;margin:-340px 0 0 -340px;animation:38s linear infinite WebDevLive-module__Mt5eFq__haloDrift;position:absolute;top:50%;left:50%}@keyframes WebDevLive-module__Mt5eFq__haloDrift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.WebDevLive-module__Mt5eFq__cluster{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.WebDevLive-module__Mt5eFq__slot{transform-style:preserve-3d;will-change:transform;position:absolute}.WebDevLive-module__Mt5eFq__slotMain{z-index:4;width:345px;animation:7.5s ease-in-out 1.4s infinite WebDevLive-module__Mt5eFq__bobA;top:4%;left:0;transform:translateZ(50px)}.WebDevLive-module__Mt5eFq__slotBrowser{z-index:5;width:220px;animation:6.8s ease-in-out 1.8s infinite WebDevLive-module__Mt5eFq__bobB;top:4%;right:2%;transform:translateZ(85px)}.WebDevLive-module__Mt5eFq__slotToast{z-index:6;width:240px;animation:8s ease-in-out 2.1s infinite WebDevLive-module__Mt5eFq__bobC;bottom:6%;right:0;transform:translateZ(95px)}@keyframes WebDevLive-module__Mt5eFq__bobA{0%,to{transform:translateZ(50px)translateY(0)}50%{transform:translateZ(50px)translateY(-10px)}}@keyframes WebDevLive-module__Mt5eFq__bobB{0%,to{transform:translateZ(85px)translateY(0)}50%{transform:translateZ(85px)translateY(-12px)}}@keyframes WebDevLive-module__Mt5eFq__bobC{0%,to{transform:translateZ(95px)translateY(0)}50%{transform:translateZ(95px)translateY(-8px)}}.WebDevLive-module__Mt5eFq__tile{background:var(--paper-raised,#fff);border:1px solid var(--line,#1c31311a);backface-visibility:hidden;font-feature-settings:"tnum" 1;border-radius:18px;width:100%;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 30px 60px -25px #0f172a73,0 14px 28px -10px #0f172a40}.WebDevLive-module__Mt5eFq__slotMain .WebDevLive-module__Mt5eFq__tile{box-shadow:0 0 0 1px #ffffff1f,0 30px 60px -25px #0f172a99,0 14px 28px -10px #0f172a59}.WebDevLive-module__Mt5eFq__editorChrome{background:#1e2433;border-bottom:1px solid #ffffff0f;align-items:center;gap:5px;padding:9px 13px 8px;display:flex}.WebDevLive-module__Mt5eFq__trafficDot{opacity:.85;border-radius:50%;flex-shrink:0;width:10px;height:10px}.WebDevLive-module__Mt5eFq__editorTab{font-family:var(--font-mono,ui-monospace,monospace);color:#ffffffb3;background:#ffffff12;border-radius:5px 5px 0 0;margin-left:8px;padding:3px 10px;font-size:10px;font-weight:600}.WebDevLive-module__Mt5eFq__editorBody{background:#1a1f2e;flex-direction:column;gap:5px;padding:12px 14px 14px;display:flex}.WebDevLive-module__Mt5eFq__codeLine{font-family:var(--font-mono,ui-monospace,monospace);align-items:center;gap:6px;min-height:18px;font-size:11px;line-height:1.5;display:flex}.WebDevLive-module__Mt5eFq__lineNum{color:#fff3;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;width:16px;font-size:9.5px}.WebDevLive-module__Mt5eFq__codeKeyword{color:#c792ea;font-weight:600}.WebDevLive-module__Mt5eFq__codeFn{color:#82aaff}.WebDevLive-module__Mt5eFq__codeString{color:#c3e88d}.WebDevLive-module__Mt5eFq__codeTag{color:#f07178}.WebDevLive-module__Mt5eFq__codeAttr{color:#ffcb6b}.WebDevLive-module__Mt5eFq__codePunct{color:#89ddff}.WebDevLive-module__Mt5eFq__codeDefault{color:#ffffffbf}.WebDevLive-module__Mt5eFq__codeBlank{flex:1}.WebDevLive-module__Mt5eFq__caret{vertical-align:middle;background:#fffc;border-radius:1px;width:2px;height:14px;margin-left:2px;animation:1.1s step-end infinite WebDevLive-module__Mt5eFq__caretBlink;display:inline-block}@keyframes WebDevLive-module__Mt5eFq__caretBlink{0%,to{opacity:1}50%{opacity:0}}.WebDevLive-module__Mt5eFq__codeTyping{vertical-align:middle;background:#ffffff1f;border-radius:3px;width:0;height:11px;margin-left:4px;animation:4s ease-in-out infinite WebDevLive-module__Mt5eFq__lineType;display:inline-block}@keyframes WebDevLive-module__Mt5eFq__lineType{0%,8%{opacity:.6;width:0}35%{opacity:.6;width:40px}70%{opacity:.6;width:40px}90%,to{opacity:0;width:0}}.WebDevLive-module__Mt5eFq__browserChrome{background:#f1f3f6;border-bottom:1px solid #1c313114;align-items:center;gap:6px;padding:8px 11px;display:flex}.WebDevLive-module__Mt5eFq__browserDots{gap:4px;display:flex}.WebDevLive-module__Mt5eFq__bDot{background:#0f172a26;border-radius:50%;width:7px;height:7px}.WebDevLive-module__Mt5eFq__browserUrl{font-family:var(--font-mono,ui-monospace,monospace);color:var(--ink-muted,#475569);background:#fff;border:1px solid #1c31311a;border-radius:5px;flex:1;padding:3px 8px;font-size:8.5px}.WebDevLive-module__Mt5eFq__browserBody{background:linear-gradient(160deg,#fffaf3 0%,#f8fafc 100%);padding:9px 10px 11px}.WebDevLive-module__Mt5eFq__bNav{background:linear-gradient(90deg,#0f766e2e 0%,#f26b1f1f 60%,#0000 100%);border-radius:5px;height:10px;margin-bottom:8px}.WebDevLive-module__Mt5eFq__bHeroRow{gap:8px;display:flex}.WebDevLive-module__Mt5eFq__bHeroText{flex-direction:column;flex:1;gap:5px;padding-top:2px;display:flex}.WebDevLive-module__Mt5eFq__bH1{background:#0f172a26;border-radius:4px;width:85%;height:9px}.WebDevLive-module__Mt5eFq__bH2{background:#0f172a17;border-radius:4px;width:65%;height:7px}.WebDevLive-module__Mt5eFq__bBtn{background:#0f766e38;border-radius:6px;width:45%;height:12px;margin-top:4px}.WebDevLive-module__Mt5eFq__bHeroImg{background:linear-gradient(135deg,#0f766e2e 0%,#f26b1f21 100%);border-radius:9px;flex-shrink:0;width:52px;height:52px}.WebDevLive-module__Mt5eFq__deployToast{background:linear-gradient(160deg,#fff 0%,#f0fdf4 100%);align-items:center;gap:11px;padding:13px 15px;display:flex}.WebDevLive-module__Mt5eFq__deployCheck{color:#047857;width:36px;height:36px;animation:WebDevLive-module__Mt5eFq__checkPop .6s var(--ease-out,ease-out)1.1s both;background:#10b98124;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@keyframes WebDevLive-module__Mt5eFq__checkPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.WebDevLive-module__Mt5eFq__deployBody{flex:1;min-width:0}.WebDevLive-module__Mt5eFq__deployTitle{color:var(--ink,#0f172a);font-size:13px;font-weight:700}.WebDevLive-module__Mt5eFq__deployMeta{color:var(--ink-muted,#475569);font-size:10.5px}.WebDevLive-module__Mt5eFq__deployMeta strong{color:#047857;font-family:var(--font-display,Georgia,serif);font-size:13px}.WebDevLive-module__Mt5eFq__deployScore{font-family:var(--font-display,Georgia,serif);color:#047857;flex-shrink:0;font-size:26px;font-weight:700;line-height:1}.WebDevLive-module__Mt5eFq__liveDot{background:#16a34a;border-radius:50%;width:6px;height:6px;animation:2.2s ease-in-out infinite WebDevLive-module__Mt5eFq__pulseDot;box-shadow:0 0 0 3px #16a34a2e}@keyframes WebDevLive-module__Mt5eFq__pulseDot{0%,to{box-shadow:0 0 0 3px #16a34a2e}50%{box-shadow:0 0 0 6px #16a34a08}}.WebDevLive-module__Mt5eFq__demoChip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;z-index:10;background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:5px 13px;font-size:9.5px;font-weight:700;display:inline-flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.WebDevLive-module__Mt5eFq__demoChip .WebDevLive-module__Mt5eFq__liveDot{background:var(--saffron-500,#f26b1f);box-shadow:0 0 0 3px #f26b1f33}.WebDevLive-module__Mt5eFq__lab{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.WebDevLive-module__Mt5eFq__labCard{background:var(--paper-raised,#fff);border:1px solid var(--line,#e2e8f0);transition:transform .35s var(--ease-out,ease),box-shadow .35s ease;border-radius:28px;overflow:hidden;box-shadow:0 24px 50px -28px #0000008c}.WebDevLive-module__Mt5eFq__labCard:hover{transform:translateY(-6px);box-shadow:0 34px 70px -30px #0009}.WebDevLive-module__Mt5eFq__labStage{perspective:900px;background:linear-gradient(160deg,#fffaf3 0%,#eef6f5 100%);justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.WebDevLive-module__Mt5eFq__labMeta{padding:22px 24px 26px}.WebDevLive-module__Mt5eFq__labIcon{width:44px;height:44px;color:var(--ink-teal-700,#0b3b3a);background:#0f766e1a;border:1px solid #0f766e2e;border-radius:13px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.WebDevLive-module__Mt5eFq__labTitle{font-family:var(--font-display,Georgia,serif);color:var(--ink,#0f172a);letter-spacing:-.01em;margin:0 0 8px;font-size:22px;font-weight:600}.WebDevLive-module__Mt5eFq__labDesc{color:var(--ink-muted,#475569);margin:0;font-size:14px;line-height:1.55}.WebDevLive-module__Mt5eFq__respWrap{flex-direction:column;align-items:center;gap:10px;display:flex}.WebDevLive-module__Mt5eFq__respBrowser{border:1px solid var(--line,#e2e8f0);background:#fff;border-radius:10px;width:220px;position:relative;overflow:hidden;box-shadow:0 10px 24px -14px #0000004d}.WebDevLive-module__Mt5eFq__respChrome{background:#f1f3f6;border-bottom:1px solid #1c313114;gap:4px;padding:7px 10px;display:flex}.WebDevLive-module__Mt5eFq__rDot{background:#0f172a26;border-radius:50%;width:7px;height:7px}.WebDevLive-module__Mt5eFq__respLayoutDesktop{gap:5px;padding:8px;animation:6s ease-in-out infinite WebDevLive-module__Mt5eFq__showDesktop;display:flex}.WebDevLive-module__Mt5eFq__rCol{background:#0f766e21;border-radius:6px;flex:1;height:50px}.WebDevLive-module__Mt5eFq__rCol:nth-child(2){background:#f26b1f1f}.WebDevLive-module__Mt5eFq__rCol:nth-child(3){background:#3b82f61c}.WebDevLive-module__Mt5eFq__respLayoutMobile{opacity:0;background:#fff;flex-direction:column;gap:5px;padding:8px;animation:6s ease-in-out infinite WebDevLive-module__Mt5eFq__showMobile;display:flex;position:absolute;inset:27px 0 0}.WebDevLive-module__Mt5eFq__rRow{background:#0f766e21;border-radius:5px;height:14px}.WebDevLive-module__Mt5eFq__rRow:nth-child(2){background:#f26b1f1f;width:80%}.WebDevLive-module__Mt5eFq__rRow:nth-child(3){background:#3b82f61a;width:60%}@keyframes WebDevLive-module__Mt5eFq__showDesktop{0%,42%{opacity:1}52%,88%{opacity:0}98%,to{opacity:1}}@keyframes WebDevLive-module__Mt5eFq__showMobile{0%,42%{opacity:0}52%,88%{opacity:1}98%,to{opacity:0}}.WebDevLive-module__Mt5eFq__respLabel{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted,#475569);text-align:center;width:70px;height:14px;font-size:9.5px;font-weight:800;position:relative}.WebDevLive-module__Mt5eFq__rLblDesk{animation:6s ease-in-out infinite WebDevLive-module__Mt5eFq__showDesktop;position:absolute;left:0;right:0}.WebDevLive-module__Mt5eFq__rLblMob{animation:6s ease-in-out infinite WebDevLive-module__Mt5eFq__showMobile;position:absolute;left:0;right:0}.WebDevLive-module__Mt5eFq__phoneMock{width:90px;position:relative}.WebDevLive-module__Mt5eFq__phoneFrame{background:#1a1f2e;border:2px solid #ffffff1f;border-radius:22px;flex-direction:column;align-items:center;width:90px;display:flex;overflow:hidden;box-shadow:0 16px 32px -14px #00000080}.WebDevLive-module__Mt5eFq__phoneNotch{background:#ffffff14;border-radius:0 0 8px 8px;flex-shrink:0;width:28px;height:7px;margin-bottom:4px}.WebDevLive-module__Mt5eFq__phoneScreen{background:#fff;flex-direction:column;flex:1;width:100%;padding-bottom:6px;display:flex}.WebDevLive-module__Mt5eFq__appBar{background:linear-gradient(90deg,#0f766e 0%,#0b3b3a 100%);height:18px}.WebDevLive-module__Mt5eFq__appContent{flex-direction:column;gap:5px;padding:7px 7px 4px;display:flex}.WebDevLive-module__Mt5eFq__appCard{background:#0f172a0f;border-radius:7px;height:28px}.WebDevLive-module__Mt5eFq__appBtnRow{justify-content:center;margin-top:3px;display:flex}.WebDevLive-module__Mt5eFq__appBtn{background:#0f766e33;border-radius:7px;width:60%;height:14px}.WebDevLive-module__Mt5eFq__phoneHome{background:#ffffff26;border-radius:2px;width:28px;height:4px;margin:5px 0 7px}.WebDevLive-module__Mt5eFq__tapRipple{border:2px solid #0f766e99;border-radius:50%;width:22px;height:22px;animation:3s ease-out 1s infinite WebDevLive-module__Mt5eFq__ripple;position:absolute;bottom:28px;left:50%;transform:translate(-50%)scale(0)}@keyframes WebDevLive-module__Mt5eFq__ripple{0%{opacity:.8;transform:translate(-50%)scale(0)}80%{opacity:0;transform:translate(-50%)scale(2.2)}to{opacity:0;transform:translate(-50%)scale(0)}}.WebDevLive-module__Mt5eFq__pipeline{align-items:center;gap:0;padding:0 16px;display:flex}.WebDevLive-module__Mt5eFq__pipeWrap{align-items:center;display:flex}.WebDevLive-module__Mt5eFq__pipeStage{background:#0f172a0a;border:1.5px solid #0f172a14;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:52px;padding:10px 10px 8px;animation:3.6s ease-in-out infinite WebDevLive-module__Mt5eFq__stageLit;display:flex}.WebDevLive-module__Mt5eFq__pipeCheck{color:#0f172a33;background:#0f172a0a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:800;animation:3.6s ease-in-out infinite WebDevLive-module__Mt5eFq__checkLit;display:flex}.WebDevLive-module__Mt5eFq__pipeLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted,#475569);font-size:8px;font-weight:800}.WebDevLive-module__Mt5eFq__pipeConnector{background:#0f172a1a;border-radius:1px;flex-shrink:0;width:18px;height:2px;animation:3.6s ease-in-out infinite WebDevLive-module__Mt5eFq__connLit}@keyframes WebDevLive-module__Mt5eFq__stageLit{0%,10%{background:#0f172a0a;border-color:#0f172a14}28%,80%{background:#10b9811a;border-color:#10b9814d}92%,to{background:#0f172a0a;border-color:#0f172a14}}@keyframes WebDevLive-module__Mt5eFq__checkLit{0%,10%{color:#0f172a33;background:#0f172a0a}28%,80%{color:#047857;background:#10b98124}92%,to{color:#0f172a33;background:#0f172a0a}}@keyframes WebDevLive-module__Mt5eFq__connLit{0%,28%{background:#0f172a1a}46%,80%{background:#10b981}92%,to{background:#0f172a1a}}@media (prefers-reduced-motion:reduce){.WebDevLive-module__Mt5eFq__slotMain,.WebDevLive-module__Mt5eFq__slotBrowser,.WebDevLive-module__Mt5eFq__slotToast,.WebDevLive-module__Mt5eFq__halo,.WebDevLive-module__Mt5eFq__liveDot,.WebDevLive-module__Mt5eFq__caret,.WebDevLive-module__Mt5eFq__codeTyping,.WebDevLive-module__Mt5eFq__deployCheck,.WebDevLive-module__Mt5eFq__tapRipple,.WebDevLive-module__Mt5eFq__respLayoutDesktop,.WebDevLive-module__Mt5eFq__respLayoutMobile,.WebDevLive-module__Mt5eFq__rLblDesk,.WebDevLive-module__Mt5eFq__rLblMob,.WebDevLive-module__Mt5eFq__pipeStage,.WebDevLive-module__Mt5eFq__pipeCheck,.WebDevLive-module__Mt5eFq__pipeConnector{animation:none!important}.WebDevLive-module__Mt5eFq__caret{opacity:1}.WebDevLive-module__Mt5eFq__codeTyping{opacity:.6;width:40px}.WebDevLive-module__Mt5eFq__deployCheck{opacity:1;transform:scale(1)}.WebDevLive-module__Mt5eFq__respLayoutDesktop{opacity:1}.WebDevLive-module__Mt5eFq__respLayoutMobile{opacity:0}.WebDevLive-module__Mt5eFq__rLblDesk{opacity:1}.WebDevLive-module__Mt5eFq__rLblMob{opacity:0}.WebDevLive-module__Mt5eFq__pipeStage{background:#10b9811a;border-color:#10b9814d}.WebDevLive-module__Mt5eFq__pipeCheck{color:#047857;background:#10b98124}.WebDevLive-module__Mt5eFq__pipeConnector{background:#10b981}}