.mobile-modes-section{padding-top:30px;padding-bottom:70px}.mobile-modes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:34px}.mobile-mode-card{background:#fff;border:1px solid #dfe5f1;border-radius:16px;padding:30px;display:flex;flex-direction:column;align-items:center}.mobile-mode-copy{width:100%;min-height:175px}.mobile-mode-tag{display:inline-block;color:#3043b8;background:#edf0ff;padding:7px 12px;border-radius:999px;font-size:11px;letter-spacing:.08em;font-weight:700}.mobile-mode-copy h3{font-size:24px;line-height:1.25;letter-spacing:-.6px;margin:16px 0 12px;color:#17213c}.mobile-mode-copy p{font-size:14px;line-height:1.8;color:#63718a;margin:0 0 20px}.mobile-mode-card>ul{align-self:stretch;margin:24px 0 0;padding-left:20px;font-size:14px;line-height:1.9;color:#405176}.mobile-modes-note{font-size:13px;line-height:1.8;color:#63718a;text-align:center;max-width:760px;margin:24px auto 0}
.mode-phone{width:284px;height:570px;border:7px solid #18213a;border-radius:35px;padding:26px 13px 47px;background:#f5f7fc;position:relative;overflow:hidden;color:#18213a;font-family:Inter,system-ui,sans-serif;box-shadow:0 18px 40px #24345d1a;flex:none}.mode-phone-notch{position:absolute;top:7px;width:80px;height:14px;left:50%;transform:translateX(-50%);background:#18213a;border-radius:999px}.mode-phone-brand{display:flex;align-items:center;gap:6px;font-size:16px;margin-bottom:13px}.mode-phone-toggle{display:flex;background:#e9edf6;border:1px solid #dce3f0;padding:3px;border-radius:9px;font-size:9px;line-height:1.5;margin-bottom:14px}.mode-phone-toggle>*{width:50%;text-align:center;padding:5px}.mode-phone-toggle b{background:#fff;color:#3043b8;border-radius:6px}.mode-phone h4{margin:0 0 12px;font-size:21px;letter-spacing:-.5px}.mode-preview-timer{padding:17px 12px 12px;background:#f6f7f9;border:1px solid #dce3f2;border-radius:14px;text-align:center;display:flex;flex-direction:column;align-items:center}.mode-preview-timer>span{font-size:8px;color:#65708b;letter-spacing:.08em}.mode-preview-timer>strong{font-family:Inter,system-ui,sans-serif;font-size:47px;letter-spacing:-.025em;line-height:1.45}.mode-preview-timer>small{font-size:8px;color:#65708b}.mode-preview-timer>div{display:flex;width:100%;justify-content:space-between;font-size:9px;margin:15px 0 12px}.mode-preview-timer em,.mode-expanded-stamp em{display:block;background:#3043b8;color:#fff;border-radius:8px;padding:9px;width:100%;font-size:12px;font-style:normal;text-align:center}.mode-preview-balances{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.mode-preview-balances>div{background:#fff;border:1px solid #dce3f2;border-radius:12px;padding:12px 8px;display:grid;gap:6px}.mode-preview-balances small{font-size:7px;letter-spacing:.05em;color:#65708b}.mode-preview-balances b{font-size:22px;color:#2a7155;letter-spacing:-.5px}.mode-preview-balances i{font-size:10px;font-style:normal}.mode-preview-week{background:#fff;border:1px solid #dce3f2;border-radius:12px;padding:12px;font-size:10px}.mode-preview-week>span{float:right;color:#65708b;font-size:8px}.mode-preview-week>div{display:flex;align-items:end;justify-content:space-around;height:60px;padding-top:9px}.mode-preview-week i{width:20px;background:#6575d9;border-radius:6px}.mode-preview-week>small{display:block;text-align:center;letter-spacing:4px;font-size:7px;margin-top:6px}.mode-phone-nav{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #dce3f2;padding:14px 6px;font-size:8px;color:#65708b}.mode-phone-nav b{color:#3043b8}.mode-expanded-stamp{background:#fff;border:1px solid #dce3f2;border-radius:12px;padding:12px;display:grid;gap:8px}.mode-expanded-stamp>b{font-size:11px}.mode-expanded-stamp>strong{font-size:26px}.mode-expanded-stamp>small{font-size:8px;color:#65708b}.mode-expanded-stamp em{padding:7px;font-size:10px}.mode-expanded-tiles{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.mode-expanded-tiles>div{display:grid;gap:6px;font-size:7px;color:#65708b;background:#fff;border:1px solid #dce3f2;border-radius:9px;padding:10px}.mode-expanded-tiles b{font-size:17px;color:#3043b8}.mode-expanded-table{padding:10px;background:#fff;border:1px solid #dce3f2;border-radius:10px;font-size:8px}.mode-expanded-table>b{font-size:10px;display:block;margin-bottom:7px}.mode-expanded-table>div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #edf0f5;font-variant-numeric:tabular-nums}.mode-expanded-table>div:last-child{border:0}.mode-expanded-chart{padding:10px;margin-top:10px;background:#fff;border:1px solid #dce3f2;border-radius:10px;font-size:9px}.mode-expanded-chart svg{width:100%;height:40px;margin-top:7px}
@media(max-width:760px){.mobile-modes-grid{grid-template-columns:1fr;gap:20px}.mobile-mode-card{padding:24px 18px}.mobile-mode-copy{min-height:0}.mobile-mode-copy h3{font-size:23px}.mobile-modes-section{padding-bottom:44px}}@media(max-width:360px){.mode-phone{width:260px;height:570px}.mobile-mode-card{padding:20px 10px}}

.mobile-modes-section{scroll-margin-top:110px}