.stage.invit-device-stage{--invit-x:0px;--invit-y:0px;--invit-rx:0deg;--invit-ry:0deg;min-width:0;min-height:520px;perspective:1400px;isolation:isolate;overflow:visible}
.hero .wrap:has(.invit-device-stage)>*{min-width:0}
.invit-device-stage .invit-device{position:absolute;display:block;margin:0;padding:0;min-height:0;background:transparent;border:0;text-align:left;cursor:pointer;transform-origin:center;transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .3s,box-shadow .3s;will-change:transform;color:#65758b;font-family:Inter,system-ui,sans-serif;outline-offset:8px}
.invit-device-stage .invit-device:focus-visible{outline:3px solid #6b7f98;border-radius:18px}
.invit-device-stage .invit-device-desktop{left:0;top:42px;width:98%;z-index:2;transform:translate3d(calc(var(--invit-x)*.65),calc(var(--invit-y)*.65),0) rotateX(var(--invit-rx)) rotateY(var(--invit-ry)) rotate(-1deg)}
.invit-device-stage .invit-desktop-frame{display:block;padding:6px 6px 8px;border:1px solid #e2e8ec;border-radius:14px;background:linear-gradient(125deg,#f4f7f8 0%,#b3bec6 22%,#e1e7eb 44%,#9aa7b1 67%,#eef3f6 87%,#b7c3cc);box-shadow:inset 0 1px 1px #fff,0 26px 42px -22px #142d5277;position:relative}
.invit-device-stage .invit-browser-bar{display:flex;align-items:center;justify-content:space-between;background:#252c33;color:#a7b2ba;border-radius:8px 8px 0 0;padding:7px 9px;font-size:6px;line-height:1;min-height:24px;letter-spacing:.02em}
.invit-browser-dots{display:flex;gap:4px}.invit-browser-dots i{width:5px;height:5px;border-radius:50%;background:#d6b4ae}.invit-browser-dots i:nth-child(2){background:#d8c397}.invit-browser-dots i:nth-child(3){background:#a4c3b2}
.invit-device-stage .invit-desktop-image{display:block;width:100%;height:auto;border:0;border-radius:0 0 6px 6px;background:#1d2329}
.invit-device-stage .invit-stand{position:absolute;top:calc(100% - 1px);left:36%;height:27px;width:28%;background:linear-gradient(90deg,#aebbc5,#edf2f5 45%,#c4cdd4 66%,#a9b6c0);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);filter:drop-shadow(0 2px 0 #fff8)}
.invit-device-stage .invit-device-mobile{width:134px;right:-3px;top:193px;z-index:4;transform:translate3d(var(--invit-x),var(--invit-y),0) rotateX(var(--invit-rx)) rotateY(var(--invit-ry)) rotate(3deg)}
.invit-device-stage .invit-mobile-frame{display:block;padding:4px;background:linear-gradient(115deg,#edf2f5,#a8b5bf 13%,#d9e2e8 24%,#f4f7f9 39%,#a4b2bc 64%,#e4ecf1 80%,#bcc9d2);border:1px solid #f6f8fa;border-radius:25px;box-shadow:inset 0 0 0 1px #a1afb9,0 22px 36px -15px #112b4b99;position:relative}
.invit-device-stage .invit-mobile-frame:before{content:'';position:absolute;left:-2px;top:52px;width:2px;height:24px;border-radius:2px;background:linear-gradient(#c7d2db,#939fa9,#dfe7ed)}
.invit-device-stage .invit-mobile-frame:after{content:'';position:absolute;right:-2px;top:70px;width:2px;height:28px;border-radius:2px;background:linear-gradient(#dbe4eb,#a0aeb9,#d6e1e9)}
.invit-device-stage .invit-mobile-glass{display:block;overflow:hidden;background:#14181d;border-radius:20px;padding:0 5px;box-shadow:0 0 0 1px #2c363e}
.invit-device-stage .invit-phone-status{display:flex;align-items:center;justify-content:space-between;position:relative;font-size:6px;line-height:1;color:#dfe3e4;padding:6px 5px;height:19px}
.invit-device-stage .invit-phone-island{position:absolute;width:37px;height:8px;background:#080b0d;border-radius:0 0 8px 8px;top:0;left:calc(50% - 18px)}
.invit-device-stage .invit-phone-logo{display:block;width:56px;height:27px;object-fit:contain;object-position:left;margin:1px 4px 4px}
.invit-device-stage .invit-phone-calendar{display:block;width:100%;height:auto}
.invit-device-stage .invit-phone-nav{display:block;width:calc(100% + 10px);max-width:none;height:auto;margin:4px -5px 0}
.invit-device-stage .invit-home-bar{display:block;width:34px;height:2px;background:#8d979e;border-radius:2px;margin:4px auto}
.invit-device-stage[data-engaged=true][data-focus=mobile] .invit-device-mobile{transform:translate3d(var(--invit-x),calc(var(--invit-y) - 5px),0) rotateX(var(--invit-rx)) rotateY(var(--invit-ry)) rotate(1deg) scale(1.07)}
.invit-device-stage[data-engaged=true][data-focus=desktop] .invit-device-desktop{transform:translate3d(calc(var(--invit-x)*.65),calc(var(--invit-y)*.65 - 4px),0) rotateX(var(--invit-rx)) rotateY(var(--invit-ry)) rotate(0deg) scale(1.025)}
.invit-device-stage[data-focus=mobile] .invit-mobile-frame{box-shadow:inset 0 0 0 1px #a1afb9,0 22px 36px -15px #112b4b99,0 0 0 1px #d2dde5aa}
.invit-device-stage .invit-device-label{position:absolute;top:-22px;left:9px;font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;color:#71839c}
.invit-device-stage .invit-connect-caption{position:absolute;bottom:82px;left:4px;padding:9px 13px;border-radius:30px;background:#ffffffed;border:1px solid #e3e8f1;box-shadow:0 9px 24px -20px #182d4b;display:flex;align-items:center;gap:7px;color:#485d7c;font-size:10px;line-height:1.4;z-index:5}
.invit-connect-caption svg{width:14px;height:14px;flex:none;stroke:#56718f}
.invit-device-stage .invit-device-meta{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#7888a1;font-size:9px;line-height:1.8;margin:0;padding:0}
.invit-device-meta strong{display:block;color:#4e6381;font-size:10px;font-weight:600}
@media(min-width:1100px){.hero .wrap:has(.invit-device-stage){grid-template-columns:1fr 1.16fr;gap:30px}}
@media(max-width:900px){.stage.invit-device-stage{max-width:610px;width:100%;margin:20px auto 0;min-height:535px}.invit-device-stage .invit-device-mobile{right:1px}}
@media(max-width:520px){.stage.invit-device-stage{min-height:430px;margin-top:23px}.invit-device-stage .invit-device-desktop{top:35px;width:98%}.invit-device-stage .invit-desktop-frame{padding:4px 4px 6px;border-radius:11px}.invit-device-stage .invit-browser-bar{padding:5px 6px;font-size:4px;min-height:17px}.invit-browser-dots{gap:3px}.invit-browser-dots i{width:4px;height:4px}.invit-device-stage .invit-device-mobile{width:105px;right:0;top:153px}.invit-device-stage .invit-mobile-frame{border-radius:21px;padding:3px}.invit-device-stage .invit-mobile-glass{border-radius:17px;padding:0 4px}.invit-device-stage .invit-phone-status{font-size:5px;height:16px}.invit-device-stage .invit-phone-island{width:29px;left:calc(50% - 14px);height:6px}.invit-device-stage .invit-phone-logo{width:45px;height:21px;margin:0 3px 3px}.invit-device-stage .invit-phone-nav{width:calc(100% + 8px);margin:3px -4px 0}.invit-device-stage .invit-home-bar{width:28px;margin:3px auto;height:2px}.invit-device-stage .invit-device-label{font-size:7px;top:-19px}.invit-device-stage .invit-connect-caption{font-size:8px;left:0;bottom:76px;padding:8px 10px;max-width:65%}.invit-device-stage .invit-device-meta{font-size:7px}.invit-device-meta strong{font-size:8px}.invit-device-stage .invit-stand{height:20px}}
@media(max-width:360px){.stage.invit-device-stage{min-height:386px}.invit-device-stage .invit-device-mobile{width:91px;top:140px}.invit-device-stage .invit-connect-caption{bottom:67px;max-width:65%;font-size:7px}.invit-device-stage .invit-phone-logo{width:39px;height:18px}}
@media(prefers-reduced-motion:reduce){.invit-device-stage .invit-device{transform:none!important;transition:none!important;will-change:auto}}