.phone-presentation{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 20px 0;min-width:0;isolation:isolate}.phone-presentation:before{content:'';position:absolute;z-index:-1;width:440px;height:440px;max-width:100%;border-radius:50%;background:radial-gradient(circle,#b9d7ff99,transparent 70%);top:70px}.phone-caption{font-size:9px;letter-spacing:1.7px;color:#52657f;font-weight:650;margin-bottom:18px;display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:#14b8a6;box-shadow:0 0 0 4px #14b8a612}.phone-device{width:310px;max-width:100%;padding:9px;background:linear-gradient(135deg,#3f4e63,#0b1627 38%,#273c55);border:1px solid #64748b;border-radius:43px;box-shadow:0 30px 60px #0b1f3b25,8px 8px 0 #0b1f3b08;position:relative;animation:phone-enter .8s ease-out both}.phone-camera{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:79px;height:20px;border-radius:18px;background:#0b1627;z-index:2}.phone-screen{background:#f4f7fb;border-radius:34px;overflow:hidden;position:relative}.phone-top{height:38px;padding:11px 20px 0;display:flex;justify-content:space-between;font-size:9px;font-weight:700}.phone-appbar{display:flex;align-items:center;gap:7px;padding:10px 17px 14px;background:#fff;border-bottom:1px solid #e5eaf0}.phone-appbar img{width:28px;height:28px;object-fit:contain}.phone-appbar>strong{font-size:19px;letter-spacing:-.7px}.phone-appbar>strong>span{color:#3b82f6}.phone-avatar{margin-left:auto;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:8px;background:#e8f0ff;color:#174cac}.phone-greeting{padding:20px 16px 13px}.phone-greeting>small{font-size:7px;letter-spacing:1.3px;color:#2563eb;font-weight:700}.phone-greeting h2{font-size:21px;letter-spacing:-.7px;margin:7px 0 4px}.phone-greeting p{font-size:10px;color:#64748b;margin:0}.phone-metrics{display:flex;gap:7px;padding:0 16px 15px}.phone-metrics>div{flex:1;background:#fff;border:1px solid #e5eaf0;border-top:2px solid #3b82f6;border-radius:9px;padding:10px}.phone-metrics>div:nth-child(2){border-top-color:#f4b400}.phone-metrics>div:nth-child(3){border-top-color:#14b8a6}.phone-metrics strong{display:block;font-size:19px;line-height:1.1}.phone-metrics span{display:block;font-size:8px;color:#64748b;margin-top:4px}.phone-list-heading{display:flex;justify-content:space-between;align-items:center;padding:0 16px 11px;font-size:11px}.phone-list-heading>span{font-size:9px;color:#2563eb;font-weight:650}.phone-task{background:#fff;border:1px solid #e5eaf0;border-radius:12px;overflow:hidden;margin:0 16px;box-shadow:0 3px 10px #0b1f3b05}.phone-task-image{display:block;width:100%;height:116px;object-fit:cover;object-position:center 55%}.phone-task-body{padding:12px}.phone-status{font-size:7px;font-weight:650;border-radius:14px;padding:4px 7px;background:#fff3d5;color:#785000;display:inline-block;transition:background .3s,color .3s}.phone-task h3{font-size:13px;letter-spacing:-.2px;margin:9px 0 5px}.phone-task-body>p{font-size:9px;color:#64748b;margin:0}.phone-task-facts{display:flex;justify-content:space-between;align-items:center;margin:11px 0}.phone-task-facts>strong{font-size:12px}.phone-task-facts>span{font-size:8px;color:#06655f}.phone-proof{display:flex;align-items:center;gap:8px;border-top:1px solid #e5eaf0;padding-top:10px}.phone-proof>span:first-child{font-size:20px;color:#2563eb}.phone-proof strong{font-size:9px;display:block}.phone-proof small{display:block;font-size:7px;color:#64748b;margin-top:3px}.proof-check{margin-left:auto;color:#06655f;font-size:13px}.phone-approve{display:flex;justify-content:space-between;width:100%;background:#2563eb;color:#fff;border:0;border-radius:7px;padding:12px 10px;font-size:10px;font-weight:650;margin-top:12px;min-height:44px}.phone-mini-task{display:flex;align-items:center;gap:8px;padding:12px;margin:10px 16px 16px;background:#fff;border:1px solid #e5eaf0;border-radius:10px}.mini-icon{width:28px;height:28px;display:grid;place-items:center;background:#edf3f9;color:#2563eb;border-radius:7px}.phone-mini-task strong{font-size:9px;display:block}.phone-mini-task small{font-size:8px;color:#64748b;display:block;margin-top:4px}.phone-mini-task>span:last-child{margin-left:auto;color:#64748b}.phone-bottom-nav{display:flex;justify-content:space-around;border-top:1px solid #e5eaf0;background:#fff;padding:9px 0 7px;color:#64748b}.phone-bottom-nav>span{font-size:15px;text-align:center}.phone-bottom-nav small{display:block;font-size:7px;margin-top:2px}.phone-bottom-nav .selected{color:#2563eb}.phone-home-bar{height:17px;background:#fff;position:relative}.phone-home-bar:after{content:'';position:absolute;width:85px;height:4px;border-radius:4px;bottom:6px;left:50%;transform:translateX(-50%);background:#0b1f3b}.phone-toast{position:absolute;left:0;bottom:116px;background:#fff;border:1px solid #d8f6ef;border-radius:12px;box-shadow:0 12px 35px #0b1f3b20;display:flex;align-items:center;gap:10px;padding:14px 17px;opacity:0;transform:translateY(12px);transition:opacity .45s,transform .45s;pointer-events:none;max-width:100%}.phone-toast>span{background:#d8f6ef;color:#06655f;border-radius:50%;padding:5px 8px}.phone-toast strong{font-size:12px;display:block}.phone-toast small{font-size:9px;display:block;color:#64748b;margin-top:4px}.is-rework .phone-toast{opacity:1;transform:translateY(0)}.is-rework .phone-status{background:#fff3d5;color:#785000}.is-rework .phone-approve{background:#9a5b0c}.phone-disclaimer{font-size:9px;color:#64748b;margin:22px 0 0}.phone-motion-control{font-size:10px;min-height:44px;background:transparent;border:0;color:#52657f;text-decoration:underline;text-underline-offset:4px}@keyframes phone-enter{from{opacity:0;transform:translateY(24px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(max-width:700px){.phone-presentation{padding:0 8px}.phone-device{width:302px}.phone-toast{left:0;bottom:122px}.phone-caption{font-size:8px;letter-spacing:1.3px}.hero{padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){.phone-device{animation:none}.phone-toast,.phone-status{transition:none}}

.phone-mini-task img{width:36px;height:36px;object-fit:cover;flex:none}.phone-toast{border-color:#f4dba7}.phone-toast>span{background:#fff3d5;color:#785000}


/* Keep the device silhouette independent of the amount of sample content. */
.phone-device{width:320px;aspect-ratio:1 / 2.12;height:auto;padding:8px;border-radius:42px;box-shadow:0 26px 55px #0b1f3b25;display:flex;animation:none}.phone-screen{width:100%;min-height:0;display:flex;flex-direction:column;border-radius:33px}.phone-camera{top:16px;width:76px;height:19px}.phone-top{height:33px;flex:none;padding:10px 18px 0}.phone-appbar{padding:7px 15px;flex:none;min-height:44px}.phone-appbar img{width:25px;height:25px}.phone-appbar>strong{font-size:18px}.phone-greeting{padding:13px 15px 10px;flex:none}.phone-greeting h2{font-size:20px;margin:4px 0 0}.phone-greeting p{display:none}.phone-metrics{padding:0 15px 11px;gap:7px;flex:none}.phone-metrics>div{padding:8px 9px}.phone-metrics strong{font-size:18px}.phone-list-heading{padding:0 15px 9px;flex:none}.phone-task{margin:0 15px;display:flex;flex-direction:column;flex:1;min-height:0}.phone-task-image{height:auto;flex:1;min-height:65px;max-height:110px;object-fit:cover}.phone-task-body{padding:10px;flex:none}.phone-task h3{margin:7px 0 4px}.phone-task-facts{margin:9px 0}.phone-proof{display:none}.phone-approve{margin-top:8px;padding:10px;min-height:44px}.phone-mini-task{margin:9px 15px 10px;padding:8px;flex:none}.phone-mini-task img{width:30px;height:30px}.phone-bottom-nav{padding:7px 0 5px;flex:none}.phone-home-bar{height:14px;flex:none}.phone-toast{left:50%;bottom:112px;width:270px;max-width:calc(100% - 24px);padding:11px 12px;transform:translate(-50%,10px)}.is-rework .phone-toast{transform:translate(-50%,0)}
@media(max-width:700px){.phone-device{width:302px}.phone-presentation{padding:0}.phone-caption{margin-bottom:16px}.phone-toast{bottom:110px}.phone-greeting{padding-top:11px}.phone-metrics>div{padding:7px 8px}}