.phone-hero{display:grid;place-items:center}.app-phone{position:relative;z-index:3;width:265px;height:505px;padding:10px;border:8px solid #17373d;border-radius:39px;background:#17373d;box-shadow:0 24px 50px #0a5a5435}.phone-speaker{position:absolute;z-index:2;top:7px;left:50%;width:75px;height:18px;border-radius:0 0 11px 11px;background:#17373d;transform:translateX(-50%)}.phone-screen{position:relative;display:flex;flex-direction:column;height:100%;padding:12px 13px;border-radius:26px;background:#f7fbfb;color:#12343b;overflow:hidden}.phone-top,.phone-brand,.phone-title-row,.phone-info,.phone-plan,.phone-tabs{display:flex;align-items:center;justify-content:space-between}.phone-top{font-size:8px;font-weight:800}.phone-brand{margin-top:16px;color:#0b8b81;font-size:14px}.phone-hello{margin:18px 0 9px;font-size:13px;font-weight:800}.phone-child{display:flex;align-items:center;gap:8px;padding:10px;border-radius:13px;background:linear-gradient(135deg,#0f9488,#22ae9d);color:#fff}.phone-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#d9f6f1;color:#158b80;font-size:11px;font-weight:900}.phone-child small{display:block;opacity:.72;font-size:7px;letter-spacing:.5px}.phone-child strong{display:block;margin:2px 0;font-size:12px}.phone-child em{font-size:8px;font-style:normal}.phone-child em i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b6f5dc}.phone-info{margin:10px 0;padding:9px;border:1px solid #deedeb;border-radius:10px;background:#fff}.phone-info small,.phone-plan small{display:block;color:#789391;font-size:8px}.phone-info b,.phone-plan b{font-size:9px}.phone-info span{color:#149285;font-size:18px}.phone-title-row{margin:8px 0;font-size:10px}.phone-title-row span{padding:3px 6px;border-radius:8px;background:#e4f6f2;color:#178a80;font-size:7px}.phone-plan{gap:7px;padding:8px;margin-bottom:7px;border-radius:10px;background:#fff;box-shadow:0 3px 9px #0d62520b}.phone-plan i{display:grid;place-items:center;flex:none;width:21px;height:21px;border-radius:7px;background:#dcf7eb;color:#13875e;font-size:10px;font-style:normal}.phone-plan div{flex:1}.phone-plan span{color:#188860;font-size:7px;font-weight:700}.muted-plan{opacity:.7}.muted-plan i{background:#eaf1f2;color:#728b8e}.muted-plan span{color:#758d90}.phone-tabs{margin:auto -13px -12px;padding:9px 11px 5px;border-top:1px solid #e3eeee;background:#fff}.phone-tabs span{display:grid;place-items:center;gap:1px;color:#819695;font-size:12px}.phone-tabs small{font-size:6px}.phone-tabs .selected{color:#078d82}.floating-notification{position:absolute;z-index:4;right:10px;bottom:45px;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #d7ece8;border-radius:13px;background:#fff;box-shadow:0 14px 30px #087d7622}.floating-notification>span{display:grid;place-items:center;width:21px;height:21px;border-radius:8px;background:#dff7eb;color:#15865e;font-size:11px}.floating-notification small,.floating-notification b{display:block;font-size:9px}.floating-notification small{color:#789391}.mobile-section{padding-bottom:80px}.mobile-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.mobile-feature-grid article{padding:24px;border:1px solid #dbeeea;border-radius:19px;background:#fff}.mobile-feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e7f8f4;color:#0a8b80;font-size:20px}.mobile-feature-grid h3{margin:17px 0 7px;font-size:16px}.mobile-feature-grid p{margin:0;color:var(--muted);font-size:13px}.mobile-note{display:flex;gap:11px;max-width:820px;margin:28px auto 0;padding:15px 18px;border:1px solid #cdebe5;border-radius:14px;background:#edf9f6;color:#416c69;font-size:13px}.mobile-note span{display:grid;place-items:center;flex:none;width:21px;height:21px;border-radius:50%;background:#128d81;color:#fff;font-weight:800}@media(max-width:760px){.phone-hero{height:540px}.mobile-feature-grid{grid-template-columns:1fr}.floating-notification{right:2px}.app-phone{transform:scale(.9)}.mobile-note{align-items:flex-start}}