.mobile-ready-section{background:linear-gradient(150deg,#f3f9ff 0%,#f6f4ff 52%,#f1fbfa 100%);border-radius:42px;margin:35px 18px;position:relative;overflow:clip}
.mobile-ready-section>.wrap{width:min(1280px,calc(100% - 70px))}.mobile-ready-heading{text-align:center;max-width:980px;margin:0 auto 48px}.mobile-ready-heading h2{font-size:44px;line-height:1.55;letter-spacing:-.04em}.mobile-ready-heading h2 span{display:inline-block}.mobile-ready-heading>p:not(.eyebrow){font-size:18px;line-height:1.9;margin-top:23px}.device-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:25px}.device-badges span{padding:8px 19px;border:1px solid #c9dfe9;border-radius:99px;font-size:15px;background:#ffffffb3;color:#317492;font-weight:700}
.phone-switcher{display:none}.phone-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;max-width:1100px;margin:auto;align-items:start}.device-card{margin:0;min-width:0}.phone-frame{width:282px;max-width:100%;height:548px;margin:auto;background:#f5f7fb;border:7px solid #252d36;border-radius:42px;box-shadow:0 20px 35px #29496924,inset 0 0 0 2px #838c96;position:relative;overflow:hidden;text-align:left}.phone-notch{position:absolute;left:50%;top:-1px;transform:translateX(-50%);width:116px;height:21px;border-radius:0 0 16px 16px;background:#252d36;z-index:5}.phone-topbar{display:flex;justify-content:space-between;font:700 13px/1.5 Arial,sans-serif;padding:15px 18px 11px;color:#263e50}.phone-appbar{display:flex;gap:8px;align-items:center;background:#fff;border-bottom:1px solid #e2e7ee;padding:12px;font-size:16px;color:#263b4c}.phone-appbar img{width:28px;height:28px;object-fit:contain}.phone-appbar>span{margin-left:auto;font-size:20px;color:#5a7281}.phone-screen-content{padding:16px 12px}.phone-screen-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.phone-screen-heading>strong{font-size:21px}.phone-screen-heading>span{font-size:13px;border-radius:7px;color:white;background:#1989c1;padding:5px 8px}.phone-folder{display:flex;gap:22px;border-bottom:1px solid #d6e2eb;padding-bottom:10px;font-size:14px}.phone-folder b{color:#1688bb}.phone-folder span{color:#7b8e9b}.phone-account{margin-top:14px;background:white;border:1px solid #e0e8ee;border-radius:6px;padding:9px;font-size:13px;color:#4a697e}.phone-account span{float:right}.phone-mail-row{display:grid;grid-template-columns:6px 1fr 27px;gap:6px;background:white;border-bottom:1px solid #e3e9ef;padding:15px 5px}.mail-unread-dot{width:6px;height:6px;border-radius:50%;background:#128ac6;margin-top:7px}.phone-mail-row b{display:block;font-size:13px;line-height:1.6;color:#344e61}.phone-mail-row p{font-size:11px!important;line-height:1.8;margin:5px 0;color:#6d8292}.phone-mail-row small{font:11px/1.7 Arial,sans-serif;color:#7590a1}.phone-status{display:inline-block;padding:2px 7px;font-size:11px;line-height:1.7;border-radius:5px;background:#fff1dc;color:#ad7421}.phone-status.in-progress{background:#e1f1ff;color:#1677b2}.phone-status.done{background:#e6f3ed;color:#34876f}.phone-bottom-nav{position:absolute;bottom:20px;left:0;right:0;background:white;padding:13px;display:flex;justify-content:space-evenly;font-size:13px;color:#2687b2;border-top:1px solid #e0e7ec}.phone-home-indicator{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);height:4px;width:90px;background:#253846;border-radius:5px;z-index:5}.device-card figcaption{text-align:center;padding-top:25px}.device-card figcaption b{display:block;font-size:21px;color:#294b60;line-height:1.7}.device-card figcaption>span{display:block;margin-top:8px;font-size:15px;color:#638092;line-height:1.8}.device-image-note{text-align:center;font-size:14px!important;line-height:1.8;color:#6c8193;margin:28px 0 0}
.phone-back-label{font-size:13px;color:#1687b8;margin-bottom:15px}.phone-message-title{font-size:17px;line-height:1.7;margin:0 0 12px}.phone-message-from b,.phone-message-from span{display:block;font-size:12px;line-height:1.8}.phone-message-from span{color:#6f8999}.phone-assignment{display:flex;align-items:center;gap:10px;margin-top:15px;font-size:12px;color:#45768e}.phone-message-body{font-size:12px!important;line-height:1.9;margin:18px 0}.phone-reply-label{border:1px solid #acd1e4;color:#167fb0;border-radius:7px;text-align:center;padding:8px;font-size:13px;background:#fff}.phone-comment{border-radius:7px;background:#eaf2f8;padding:10px;margin-top:14px}.phone-comment>b{font-size:11px;color:#50819a}.phone-comment p{font-size:11px!important;line-height:1.8;margin:4px 0 0}
.phone-lockscreen{background:radial-gradient(circle at 85% 12%,#b6e9f9,transparent 50%),linear-gradient(155deg,#5097ce,#8eafe4 55%,#9ce1df)}.phone-lockscreen .phone-topbar{color:#faffff}.lockscreen-clock{font:400 65px/1.3 Arial,sans-serif;text-align:center;color:white;margin-top:25px;letter-spacing:-.04em}.lockscreen-label{text-align:center;color:#f6fdff;font-size:14px;margin:7px 0 22px}.phone-toast{position:relative;display:flex;gap:10px;margin:0 11px;background:#fffffff0;border:1px solid #ffffff8c;box-shadow:0 9px 23px #3a6a9626;border-radius:17px;padding:14px 11px;z-index:2;animation:notification-arrive 7s ease-in-out infinite}.phone-toast>img{width:32px;height:35px;object-fit:contain}.phone-toast>div{min-width:0}.toast-meta{display:flex;justify-content:space-between;font-size:11px;line-height:1.7;color:#588094;margin-bottom:6px}.toast-meta b{font-size:12px;color:#395d74}.phone-toast strong{font-size:12px;line-height:1.6;display:block;color:#25465b}.phone-toast p{font-size:11px!important;line-height:1.8;color:#507289;margin:5px 0 0}.lockscreen-waves{position:absolute;width:400px;height:400px;border-radius:50%;border:45px solid #ffffff22;left:-100px;bottom:-200px}.phone-lockscreen .phone-home-indicator{background:#ffffffe0}
.push-feature{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;margin-top:100px;position:relative}.push-feature h2{font-size:46px;line-height:1.55;letter-spacing:-.04em}.push-feature h2 span{display:inline-block}.push-feature-copy>p:not(.eyebrow){font-size:18px;line-height:1.9}.push-feature-lead{font-size:27px!important;font-weight:700;color:#2d5168;margin:18px 0}.push-guide-visual{height:600px;position:relative;isolation:isolate;overflow:clip}.push-guide-visual>img{position:absolute;width:480px;max-width:none;height:auto;top:28px;left:50%;transform:translateX(-50%);z-index:2}.push-guide-halo{position:absolute;width:420px;height:420px;border-radius:50%;background:linear-gradient(135deg,#dceefe,#e2e5ff);top:90px;left:50%;transform:translateX(-50%);z-index:0}.noticed-ping{position:absolute;right:10px;top:80px;color:#f3aa27;font:bold 90px/1 Arial,sans-serif;transform:rotate(15deg);z-index:1;animation:noticed-bob 4s ease-in-out infinite}.push-guide-speech{position:absolute;left:8px;bottom:28px;z-index:3;padding:13px 24px;border:1px solid #d3e6ee;border-radius:22px;background:white;color:#1481b4;font-size:23px;font-weight:700;box-shadow:0 10px 25px #3b718519}
.desktop-push-image{margin-top:32px;width:100%;max-width:520px}.laptop-screen{height:235px;background:#eef3f9;border:7px solid #354859;border-radius:15px 15px 5px 5px;position:relative;overflow:hidden}.laptop-appbar{background:#fff;padding:12px 15px;color:#436174;display:flex;gap:40px;font-size:14px;border-bottom:1px solid #d7e4eb}.laptop-inbox{display:grid;gap:13px;margin:25px 20px}.laptop-inbox i{height:27px;border-radius:5px;background:linear-gradient(90deg,#dce7ef 22%,white 22% 100%)}.desktop-toast{display:flex;gap:12px;position:absolute;right:12px;top:65px;width:320px;max-width:calc(100% - 24px);padding:17px 14px;border-radius:14px;border:1px solid #c9dce8;background:#fffffff5;box-shadow:0 10px 25px #345d7722;animation:notification-arrive 7s ease-in-out -1s infinite}.desktop-toast>img{width:40px;height:40px;object-fit:contain}.desktop-toast>div{min-width:0;flex:1}.desktop-toast b{font-size:14px;display:flex;justify-content:space-between;color:#3a657d;line-height:1.6}.desktop-toast b small{font-size:12px;font-weight:400;color:#8197a3}.desktop-toast strong{display:block;font-size:15px;line-height:1.8;margin:5px 0;color:#2c5065}.desktop-toast span{font-size:12px;color:#6b8597}.laptop-base{height:12px;background:linear-gradient(#a9bbc8,#e2e9ef);margin:0 -10px;border-radius:0 0 30px 30px}.desktop-push-image>p{font-size:14px!important;text-align:center;color:#6a8495;line-height:1.8;margin-top:10px}.push-setup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}.push-setup>div{padding:25px;background:#ffffffbf;border:1px solid #d6e5ed;border-radius:20px}.push-setup b{display:block;font-size:17px;color:#355d72;line-height:1.8}.push-setup b>span{display:block;color:#1993c5;font:700 28px/1.4 Arial,sans-serif;margin-bottom:8px}.push-setup p{font-size:16px!important;line-height:1.9;margin:11px 0 0;color:#658195}.push-conditions{font-size:14px!important;line-height:1.9;color:#637f93;margin:23px 0 0}
@keyframes notification-arrive{0%,100%{transform:translateY(0)}9%{transform:translateY(-7px)}20%,90%{transform:translateY(0)}}@keyframes noticed-bob{0%,100%{transform:rotate(15deg) translateY(0)}50%{transform:rotate(20deg) translateY(-8px)}}.motion-paused .phone-toast,.motion-paused .desktop-toast,.motion-paused .noticed-ping{animation-play-state:paused!important}
@media(max-width:1100px){.mobile-ready-section>.wrap{width:calc(100% - 50px)}.phone-gallery{gap:22px}.phone-frame{width:260px;height:530px}.push-feature{gap:25px}.push-feature h2{font-size:39px}.push-guide-visual>img{width:445px}.push-guide-visual{height:560px}.push-setup{gap:14px}.push-setup>div{padding:22px}.push-setup b{font-size:16px}.push-feature-copy>p:not(.eyebrow){font-size:17px}.noticed-ping{right:0}}
@media(max-width:900px){.phone-gallery{gap:15px}.phone-frame{border-width:6px;border-radius:34px;height:500px}.phone-screen-content{padding:13px 9px}.phone-mail-row{padding-block:11px}.phone-appbar{font-size:14px;gap:6px;padding:10px}.phone-topbar{padding-inline:12px}.phone-message-body{font-size:11px!important}.phone-message-title{font-size:15px}.phone-toast{padding:12px 9px;gap:7px;margin-inline:6px}.phone-toast>img{width:24px;height:30px}.device-card figcaption b{font-size:18px}.device-card figcaption>span{font-size:14px}.push-feature{grid-template-columns:1fr;gap:15px;margin-top:75px}.push-feature-copy{max-width:650px;margin:auto;width:100%}.push-guide-visual{height:490px;max-width:600px;width:100%;margin:auto}.push-guide-visual>img{width:460px}.push-guide-speech{left:20px;bottom:30px}.desktop-push-image{max-width:550px}.push-setup{grid-template-columns:1fr}.push-setup>div{padding:23px 26px}.push-setup b>span{display:inline-block;margin:0 18px 0 0;font-size:25px}.push-setup p{margin-top:8px}}
@media(max-width:700px){.phone-gallery{display:block}.device-card:not(.is-active){display:none}.phone-frame{width:282px;max-width:100%;height:548px;border-width:7px;border-radius:42px}.phone-screen-content{padding:16px 12px}.phone-mail-row{padding-block:15px}.phone-message-body{font-size:12px!important}.phone-message-title{font-size:17px}.phone-appbar{padding:12px;font-size:16px}.phone-toast{margin:0 11px;padding:14px 11px;gap:10px}.phone-toast>img{width:32px;height:35px}.phone-switcher{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:0 auto 28px}.phone-switcher button{border:1px solid #c8dce9;background:#ffffffbf;color:#5a7b90;border-radius:99px;padding:11px 15px;font-size:15px;font-weight:700;cursor:pointer}.phone-switcher button[aria-pressed="true"]{background:#1887b8;border-color:#1887b8;color:white;box-shadow:0 5px 12px #2c80a922}.device-card figcaption b{font-size:22px}.device-card figcaption>span{font-size:16px}}
@media(max-width:560px){.mobile-ready-section{margin:25px 10px;border-radius:28px}.mobile-ready-section>.wrap{width:calc(100% - 34px)}.mobile-ready-heading{margin-bottom:32px}.mobile-ready-heading h2{font-size:30px;line-height:1.6}.mobile-ready-heading>p:not(.eyebrow){font-size:16px}.device-badges{gap:7px;margin-top:20px}.device-badges span{font-size:14px;padding:7px 12px}.phone-switcher{gap:6px}.phone-switcher button{font-size:14px;padding:10px 12px}.device-card figcaption>span{font-size:15px}.push-feature{margin-top:65px}.push-feature h2{font-size:34px}.push-feature-lead{font-size:24px!important}.push-feature-copy>p:not(.eyebrow){font-size:16px}.push-guide-visual{height:440px}.push-guide-visual>img{width:420px;top:26px}.push-guide-halo{width:320px;height:320px;top:95px}.push-guide-speech{font-size:20px;left:0;bottom:17px;padding:12px 20px}.noticed-ping{font-size:70px;top:65px;right:0}.laptop-screen{height:210px;border-width:6px}.desktop-toast{top:65px;padding:14px 10px;gap:8px;right:8px;max-width:calc(100% - 16px)}.desktop-toast>img{width:32px;height:36px}.desktop-toast strong{font-size:13px}.desktop-toast b{font-size:13px}.push-setup>div{padding:22px}.push-setup b{font-size:16px}.push-setup b>span{display:block;margin:0 0 5px;font-size:26px}.push-setup p{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.phone-toast,.desktop-toast,.noticed-ping{animation:none!important}}

.mobile-ready-heading h2 span,.push-feature-lead>span{display:inline-block;white-space:nowrap}
@media(max-width:560px){.mobile-ready-heading h2{font-size:clamp(25px,7.2vw,30px)}.push-feature h2{font-size:clamp(28px,8vw,34px)}.push-guide-visual>img{width:calc(100% + 70px);max-width:420px}.noticed-ping{right:22px}}

.mobile-ready-heading>p>span{display:inline-block;white-space:nowrap}

.phone-frame .phone-screen-content{max-height:355px;overflow:hidden}.phone-bottom-nav{z-index:3}