/* The app illustration follows the service pages' framed interface language. */
.eysi-app-visual{padding:20px;min-height:480px}
.eysi-app-devices{position:relative;width:100%;max-width:465px;height:345px;margin-bottom:30px;font-family:Geist,Inter,sans-serif;color:#060612}
.eysi-app-desktop{position:absolute;top:24px;left:0;width:92%;background:#fff;border:1px solid #e7e2dd;border-radius:12px;box-shadow:0 18px 30px #06061214;overflow:hidden;transform:rotate(-3deg)}
.eysi-app-windowbar{display:flex;align-items:center;gap:4px;height:28px;padding:0 11px;border-bottom:1px solid #eeecea}
.eysi-app-windowbar i{width:5px;height:5px;border-radius:50%;background:#cbc7c3}
.eysi-app-windowbar span{margin-left:auto;font-size:8px;color:#69686e}
.eysi-app-workspace{display:grid;grid-template-columns:84px minmax(0,1fr);min-height:225px}
.eysi-app-sidebar{display:flex;flex-direction:column;gap:16px;padding:16px 9px;background:#faf9f8;border-right:1px solid #eeecea;font-size:8px;color:#69686e}
.eysi-app-sidebar img{margin:0 0 6px 4px}
.eysi-app-sidebar b{color:#ff6321;font-weight:500;padding:7px 5px;background:#fff0e9;border-radius:4px}
.eysi-app-sidebar>span{padding-left:5px}
.eysi-app-dashboard{padding:20px 16px 14px}
.eysi-app-dashboard>small{display:block;font-size:9px;color:#69686e;margin-bottom:7px}
.eysi-app-dashboard>strong{display:block;max-width:20ch;font-size:17px;line-height:1.2;font-weight:500;letter-spacing:-.04em}
.eysi-app-stat{display:flex;gap:7px;margin:15px 0 10px}
.eysi-app-stat i{width:30%;height:25px;border:1px solid #eeecea;border-radius:4px;background:linear-gradient(90deg,#eeecea 50%,transparent 50%) 7px 9px/24px 5px no-repeat}
.eysi-app-chart{height:64px;display:flex;align-items:flex-end;gap:8px;padding:8px;border-bottom:1px solid #eeecea;background:repeating-linear-gradient(to top,transparent 0 19px,#f5f4f3 19px 20px)}
.eysi-app-chart i{flex:1;height:40%;background:#ffd3bd;border-radius:3px 3px 0 0}
.eysi-app-chart i:nth-child(2n){height:65%}
.eysi-app-chart i:nth-child(3n){height:50%}
.eysi-app-chart i:nth-child(5){height:85%}
.eysi-app-chart i:last-child{height:100%;background:#ff6321}
.eysi-app-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:8px;color:#69686e}
.eysi-app-row b{font-weight:500;color:#4e765e;background:#edf5ef;padding:4px 7px;border-radius:3px}
.eysi-app-phone{position:absolute;right:0;bottom:0;width:132px;min-height:245px;padding:29px 13px 24px;background:#fff;border:5px solid #060612;border-radius:23px;box-shadow:0 12px 30px #06061226;transform:rotate(6deg)}
.eysi-app-phone-camera{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:36px;height:7px;background:#060612;border-radius:10px}
.eysi-app-phone>small{display:block;font-size:8px;color:#69686e;margin:14px 0 5px}
.eysi-app-phone>strong{display:block;font-size:15px;line-height:1.2;font-weight:500;letter-spacing:-.045em}
.eysi-app-phone-card{padding:9px;margin-top:12px;border:1px solid #eeecea;border-radius:5px}
.eysi-app-phone-card i{display:block;width:19px;height:19px;background:#fff0e9;border-radius:5px;margin-bottom:9px}
.eysi-app-phone-card span{display:block;width:85%;height:3px;background:#eeecea;margin-top:5px;border-radius:2px}
.eysi-app-phone-card span:last-child{width:55%}
.eysi-app-phone-button{padding:6px;background:#ff6321;border-radius:5px;color:#fff;text-align:right;font-size:12px;margin-top:9px}
.eysi-app-phone-home{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:35px;height:3px;background:#060612;border-radius:4px}
@media(max-width:1199px) and (min-width:810px){.eysi-app-visual{padding:14px}.eysi-app-workspace{grid-template-columns:64px minmax(0,1fr)}.eysi-app-dashboard{padding:18px 10px}.eysi-app-dashboard>strong{font-size:15px}.eysi-app-phone{width:118px}}
@media(max-width:809px){.eysi-app-visual{min-height:370px;padding:18px}.eysi-app-devices{height:285px;max-width:430px}.eysi-app-desktop{top:10px;width:94%}.eysi-app-workspace{min-height:210px;grid-template-columns:70px minmax(0,1fr)}.eysi-app-dashboard{padding:16px 12px}.eysi-app-dashboard>strong{font-size:16px}.eysi-app-phone{width:115px;min-height:225px;padding:25px 10px 20px}.eysi-app-phone>strong{font-size:13px}.eysi-app-phone-card{margin-top:9px;padding:7px}.eysi-app-phone-card i{height:15px;width:15px}}
@media(max-width:374px){.eysi-app-visual{padding:12px}.eysi-app-sidebar{font-size:7px;gap:14px}.eysi-app-workspace{grid-template-columns:57px minmax(0,1fr)}.eysi-app-dashboard>strong{font-size:14px}.eysi-app-phone{width:103px}}