.mobile-app-showcase{padding:80px 0;background:#f6f7f8;border-top:1px solid #e3e6e8;border-bottom:1px solid #e3e6e8;overflow:hidden;scroll-margin-top:110px}.mobile-app-showcase-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(540px,1.08fr);gap:64px;align-items:center}.mobile-app-showcase-copy h2{max-width:650px;font-size:42px;line-height:1.12;margin:14px 0 22px}.mobile-app-showcase-copy>p{max-width:620px;color:var(--muted)}.mobile-app-showcase-benefits{display:grid;gap:18px;margin:30px 0}.mobile-app-showcase-benefits article{display:flex;gap:14px;align-items:flex-start}.mobile-app-showcase-benefits article>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#ffe9df;color:#e8501b;font-size:11px;font-weight:800}.mobile-app-showcase-benefits h3{font-size:16px;margin:0 0 5px}.mobile-app-showcase-benefits p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.mobile-app-showcase-copy .mobile-app-showcase-note{font-size:11px;line-height:1.7;color:#7c878f}.mobile-app-stage{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;isolation:isolate}.mobile-app-glow{position:absolute;inset:70px 20px 20px;border-radius:50%;background:radial-gradient(circle at center,#ffd9c6 0,#ffede3 34%,#f7f8f9 68%);filter:blur(2px);z-index:-1}.mobile-phone{width:270px;border:7px solid #202a31;border-radius:34px;background:#f7f9fa;box-shadow:0 28px 55px #2639442c;overflow:hidden;color:#2b3a43}.mobile-phone-main{transform:translate(-80px,-2px) rotate(-3deg);z-index:2}.mobile-phone-detail{position:absolute;transform:translate(115px,48px) rotate(4deg);z-index:1}.mobile-phone-status{display:flex;justify-content:space-between;padding:12px 17px 7px;font-size:8px;font-weight:800}.mobile-phone-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 13px;border-bottom:1px solid #e1e7ea}.mobile-phone-header small,.mobile-phone-header strong{display:block}.mobile-phone-header small{font-size:8px;color:#85929a}.mobile-phone-header strong{font-size:12px;margin-top:3px}.mobile-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f15a24;color:#fff;font-size:9px;font-weight:800}.mobile-phone-body{padding:14px}.mobile-unit-card{display:flex;justify-content:space-between;gap:8px;padding:12px;background:#222d34;color:#fff;border-radius:12px}.mobile-unit-card small,.mobile-unit-card strong,.mobile-unit-card span{display:block}.mobile-unit-card small{font-size:6px;color:#aab8bf;letter-spacing:.08em}.mobile-unit-card strong{font-size:13px;margin:5px 0 2px}.mobile-unit-card span{font-size:7px;color:#bfccd2}.mobile-unit-card b{align-self:flex-start;padding:5px 6px;border-radius:10px;background:#3b4a52;color:#ffc09e;font-size:6px}.mobile-quick-title{display:flex;justify-content:space-between;margin:16px 1px 9px;font-size:9px}.mobile-quick-title span{font-size:7px;color:#89969e}.mobile-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-quick-grid>div{padding:10px;background:#fff;border:1px solid #e2e7ea;border-radius:10px}.mobile-quick-grid span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#fff0e8;color:#f15a24;font-size:11px;font-weight:800}.mobile-quick-grid strong,.mobile-quick-grid small{display:block}.mobile-quick-grid strong{font-size:8px;margin-top:8px}.mobile-quick-grid small{font-size:6px;color:#8a969d;margin-top:3px}.mobile-task-card{margin-top:13px;padding:12px;background:#fff;border:1px solid #e2e7ea;border-radius:11px}.mobile-task-top{display:flex;justify-content:space-between;font-size:6px;color:#84929a}.mobile-task-top b{color:#b45d2c;background:#fff1e7;border-radius:12px;padding:3px 5px}.mobile-task-card>strong{display:block;font-size:10px;margin:10px 0 5px}.mobile-task-card p{font-size:7px;line-height:1.55;color:#78878f;margin:0}.mobile-task-card>div:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:7px;color:#87949b}.mobile-task-card button{border:0;border-radius:6px;padding:6px 8px;background:#f15a24;color:#fff;font:inherit;font-weight:700}.mobile-sync{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px;border-radius:8px;background:#eaf6f1}.mobile-sync>span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#399173;color:#fff;font-size:8px}.mobile-sync strong,.mobile-sync small{display:block}.mobile-sync strong{font-size:7px}.mobile-sync small{font-size:6px;color:#759087;margin-top:2px}.mobile-phone-home{width:76px;height:3px;margin:4px auto 9px;border-radius:4px;background:#28363d}.mobile-detail-top{display:flex;justify-content:space-between;align-items:center;padding:9px 15px 13px;border-bottom:1px solid #e1e7ea;font-size:10px}.mobile-detail-top span:first-child{font-size:20px;line-height:1}.mobile-progress-label{display:flex;justify-content:space-between;font-size:8px}.mobile-progress{height:5px;margin:8px 0 16px;border-radius:5px;background:#e4e9ec;overflow:hidden}.mobile-progress span{display:block;width:67%;height:100%;background:#f15a24}.mobile-check-item{display:flex;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #e4e8eb}.mobile-check-item>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:9px;font-weight:800}.mobile-check-item.done>span{background:#e5f4ed;color:#278162}.mobile-check-item.issue>span{background:#fff0e8;color:#ef5b24}.mobile-check-item strong,.mobile-check-item small{display:block}.mobile-check-item strong{font-size:8px}.mobile-check-item small{font-size:6px;color:#87949b;margin-top:3px}.mobile-photo-card{display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px;border:1px dashed #bdc8ce;border-radius:9px}.mobile-photo-card>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#eef1f3;color:#62747d}.mobile-photo-card strong,.mobile-photo-card small{display:block}.mobile-photo-card strong{font-size:8px}.mobile-photo-card small{font-size:6px;color:#89959d;margin-top:3px}.mobile-note-field{display:block;margin-top:12px}.mobile-note-field>span{display:block}.mobile-note-field>span:first-child{font-size:7px;font-weight:700;margin-bottom:5px}.mobile-note-field>span:last-child{min-height:45px;padding:8px;border:1px solid #dfe5e8;border-radius:8px;background:#fff;color:#75858e;font-size:7px;line-height:1.5}.mobile-submit{margin-top:12px;padding:10px;border-radius:8px;background:#f15a24;color:#fff;text-align:center;font-size:8px;font-weight:800}.mobile-app-status-card{position:absolute;right:-5px;bottom:40px;z-index:3;display:flex;align-items:center;gap:11px;max-width:230px;padding:13px 15px;border:1px solid #46545c;border-radius:11px;background:#252f35;color:#fff;box-shadow:0 15px 35px #25343d2b}.mobile-app-status-card>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:#f15a24;font-size:13px;font-weight:800}.mobile-app-status-card strong,.mobile-app-status-card small{display:block}.mobile-app-status-card strong{font-size:10px}.mobile-app-status-card small{font-size:7px;line-height:1.5;color:#b9c4ca;margin-top:3px}@media(max-width:1000px){.mobile-app-showcase-grid{grid-template-columns:1fr;gap:35px}.mobile-app-showcase-copy h2{font-size:36px}.mobile-app-stage{min-height:620px;max-width:650px;margin:auto;width:100%}}@media(max-width:600px){.mobile-app-showcase{padding:58px 0}.mobile-app-showcase-copy h2{font-size:30px}.mobile-app-stage{min-height:720px;transform:scale(.9);transform-origin:top center;margin-bottom:-70px}.mobile-phone-main{transform:translate(-38px,-12px) rotate(-2deg)}.mobile-phone-detail{transform:translate(50px,205px) rotate(3deg)}.mobile-app-status-card{right:6px;bottom:4px}.mobile-app-glow{inset:90px -80px 20px}}