/* Product information: direct labels, visible offline benefits, restrained hierarchy. */
.desktop-nav{gap:clamp(16px,2vw,30px)}
.belief-strip{flex-wrap:wrap;gap:18px 34px;letter-spacing:0}
.belief-strip>span{display:inline-flex;align-items:center;gap:9px}
.belief-strip .icon{width:19px;height:19px;color:#528194}
.story-signature small{line-height:1.8;max-width:330px}
.offline-feature{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:64px;margin-top:78px;padding:54px 56px;border-block:1px solid #cddfe7;background:linear-gradient(110deg,#eaf3f6aa,transparent)}
.offline-visual{position:relative;min-height:294px;padding:12px 0 32px 68px;isolation:isolate}
.offline-cloud{position:absolute;left:0;top:32px;display:grid;justify-items:center;gap:7px;color:#7e97a1;font-size:9px}
.offline-cloud>.icon{width:46px;height:46px;stroke:#94adb7}
.offline-route{position:absolute;top:104px;left:28px;width:99px;height:90px;border-left:1px dashed #a2b8c2;border-bottom:1px dashed #a2b8c2;border-radius:0 0 0 18px;z-index:-1}
.offline-route:after{content:"";position:absolute;left:-5px;top:20px;width:10px;height:3px;border-block:3px solid #f8fafb;background:#9caeb8;box-sizing:content-box;transform:rotate(-40deg)}
.offline-device{position:relative;width:226px;max-width:100%;margin-inline:auto;padding:16px;border:5px solid #294f60;border-radius:23px;background:#fafeff;box-shadow:12px 17px 0 #dbe8ee,0 26px 46px #173b4817}
.offline-device-top{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:650;color:#234d60;margin-bottom:15px}
.offline-device-top>.icon{width:15px;height:15px;margin-left:auto}
.offline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}
.offline-grid>.memory-photo{display:block;width:100%;aspect-ratio:1;border-radius:5px}
.offline-ready{display:flex;gap:5px;align-items:center;color:#4e827d;font-size:10px;margin-top:12px}
.offline-ready>.icon{width:14px;height:14px}
.offline-saving{position:absolute;bottom:10px;right:-10px;display:flex;align-items:center;gap:7px;padding:10px 15px;color:#235564;background:#fff;border:1px solid #d8e6eb;border-radius:12px;font-size:12px;box-shadow:0 12px 30px #23495614}
.offline-saving>.icon{width:18px;height:18px;color:#578f84}
.offline-copy .eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:19px}
.offline-copy h3{font-size:clamp(27px,2.6vw,36px);line-height:1.4;letter-spacing:-.04em;color:#193c4b;font-weight:650;margin-bottom:20px}
.offline-copy>p:not(.eyebrow){font-size:14px;line-height:1.95;color:#557382}
.offline-benefits{display:flex;flex-wrap:wrap;gap:10px 20px;margin:22px 0 15px;font-size:12px;color:#2d6175}
.offline-benefits>span{display:flex;align-items:center;gap:6px}
.offline-benefits .icon{width:17px;height:17px}
.offline-copy>small{display:block;font-size:11px;line-height:1.8;color:#6a818b}
.comparison-yingban [data-maintenance-fee]{white-space:nowrap}
.comparison-footnote>p{max-width:840px}
.pricing .section-heading h2{font-size:clamp(35px,3.6vw,52px)}
.care .care-heading>p:not(.eyebrow){max-width:415px}
.care .care-kicker{font-weight:600;color:#54788b}
.care .care-bottom>span{max-width:430px}
.faq-section .faq-intro h2{white-space:nowrap}
@media(max-width:1000px){
 .offline-feature{gap:34px;padding:40px 25px}
 .offline-visual{padding-left:40px}.offline-cloud{left:-12px;font-size:8px}.offline-saving{right:-5px}
}
@media(max-width:680px){
 .belief-strip{padding:21px 18px;display:grid;grid-template-columns:1fr 1fr;gap:15px 12px;font-size:10px;align-items:start}
 .belief-strip>span{gap:7px}.belief-strip .icon{width:17px;height:17px}
 .offline-feature{grid-template-columns:1fr;gap:30px;padding:32px 15px;margin-top:40px}
 .offline-visual{width:min(100%,330px);justify-self:center;min-height:274px;padding:0 15px 28px 55px}
 .offline-device{width:214px}.offline-cloud{left:0;top:21px}.offline-cloud>.icon{width:36px;height:36px}
 .offline-route{left:22px;top:78px;height:104px;width:68px}.offline-saving{right:3px;bottom:0;font-size:11px}
 .offline-copy h3{font-size:29px}.offline-copy>p:not(.eyebrow){font-size:13px}.offline-copy>small{font-size:10px}
 .offline-copy .eyebrow{margin-bottom:13px}.offline-benefits{font-size:11px;gap:10px 18px}
 .pricing .section-heading h2{font-size:clamp(29px,8vw,39px)}
 .care .care-bottom{gap:18px}.care .care-bottom>span{max-width:250px}
}
@media(max-width:360px){.offline-feature{padding-inline:8px}.offline-copy h3{font-size:26px}.offline-device{width:194px;padding:12px}.offline-visual{padding-left:46px;padding-right:5px}.belief-strip{font-size:9px;gap:12px 8px}}