.phone-stage{height:790px}
.phone{width:354px;height:760px;border-color:#18232c;border-width:8px;padding:5px;border-radius:57px;box-shadow:0 42px 95px #000b,0 0 0 1px #68809680}
.phone-screen{border-radius:45px;padding:23px 15px 12px;gap:9px;background:#00243a;color:#f7fbff}
.current-brand{justify-content:center;gap:7px;font-size:24px;padding:2px 0 4px}
.current-brand .logo-mark{width:38px;height:38px}
.current-brand span{white-space:nowrap}.current-brand b{color:#aeca2b;font-weight:500}
.home-north-star{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:169px;border:1px solid #24475f;border-radius:25px;padding:18px 17px;background:#19394e;color:white;text-align:left;font:inherit;cursor:pointer}
.north-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.north-copy>small,.home-momentum small{color:#aeca2b;font-size:9px;font-weight:800;letter-spacing:.13em}.north-copy>strong{font-size:25px;line-height:1.02;margin:3px 0}.north-copy>span{font-size:13px;color:#d2dce3}.north-copy>em{font-style:normal;font-size:10px;color:#3ca8ef;margin-top:7px;max-width:105px;line-height:1.25}.north-ring{width:92px;height:92px;flex:0 0 92px;border:8px solid #35566c;border-top-color:#2499eb;border-right-color:#aeca2b;border-radius:50%;display:grid;place-content:center;text-align:center}.north-ring b{font-size:28px;line-height:1}.north-ring small{font-size:7px;color:#38a8f3;font-weight:800;letter-spacing:.06em;margin-top:5px}
.home-health{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border-radius:20px;background:#19394e}.home-health button{min-width:0;border:0;border-right:1px solid #2b4c61;background:transparent;color:white;padding:11px 4px 12px;display:flex;flex-direction:column;align-items:center;font:inherit;cursor:pointer}.home-health button:last-child{border-right:0}.home-health i{font-style:normal;font-size:17px;height:23px}.home-health b{font-size:19px}.home-health span{font-size:10px;color:#9eb1c0}.step-color{color:#aeca2b}.move-color{color:#e4902a}.sleep-color{color:#9d61cb}
.home-nutrition{display:grid;grid-template-columns:repeat(4,1fr);width:100%;overflow:hidden;border:0;border-radius:20px;background:#19394e;color:white;padding:0;font:inherit;cursor:pointer}.home-nutrition>span{display:flex;flex-direction:column;align-items:center;padding:9px 2px;border-right:1px solid #2b4c61}.home-nutrition>span:last-child{border:0}.home-nutrition i{height:14px;font-size:10px;font-style:normal;color:#e4902a}.home-nutrition b{font-size:15px;line-height:1.1}.home-nutrition small{font-size:7px;color:#9eb1c0}.home-nutrition em{font-size:8px;font-style:normal;color:#bdcbd5;margin-top:3px}
.home-momentum{display:grid;grid-template-columns:1fr auto;gap:5px 10px;border:1px solid #24475f;border-radius:23px;background:#19394e;padding:15px 17px}.home-momentum>div:first-child{display:flex;flex-direction:column}.home-momentum>div:first-child b{font-size:15px;line-height:1.2}.home-momentum>strong{font-size:24px}.momentum-icons{grid-column:1/-1;display:flex;justify-content:space-around;border-top:1px solid #2d4d61;padding-top:9px}.momentum-icons button{border:0;background:transparent;font:inherit;font-size:19px;display:flex;flex-direction:column;align-items:center;cursor:pointer}.momentum-icons button span{font-size:8px;color:white;font-weight:700;margin-top:2px}
.current-nav{margin-top:auto;background:#eff8f8f2;border:1px solid #b7d9e2;border-radius:28px;padding:7px 9px 6px;color:#082c49}.current-nav>*{color:#082c49!important;font-size:21px;line-height:1}.current-nav>*:first-child{color:#2499eb!important}.current-nav small{font-size:8px;font-weight:800;color:inherit}
.home-north-star:hover,.home-health button:hover,.home-nutrition:hover,.momentum-icons button:hover{filter:brightness(1.12)}
@media(max-width:820px){.phone-stage{height:780px}}
@media(max-width:420px){.phone-stage{height:700px}.phone{width:310px;height:680px}.phone-screen{padding:20px 12px 10px}.home-north-star{min-height:151px;padding:14px}.north-copy>strong{font-size:22px}.north-ring{width:80px;height:80px;flex-basis:80px}.home-momentum{padding:12px 14px}.current-nav{padding-inline:7px}}