.phone{border:7px solid #11181c;border-radius:35px;background:var(--paper);box-shadow:0 15px 40px #0004,0 0 0 1px #556068;overflow:hidden;height:calc(100vh - 205px);min-height:620px;max-height:860px;display:flex;flex-direction:column}.phone-status{height:30px;display:flex;justify-content:space-between;align-items:center;padding:7px 19px 0;font-size:9px;background:#fff;flex:none}.phone-status strong{font-size:10px}.phone-status>span{font-size:8px;color:#68737a;display:flex;gap:7px;align-items:center}.battery{height:7px;width:15px;border:1px solid #667279;border-radius:2px;position:relative;display:inline-block}.battery:before{content:'';position:absolute;left:1px;top:1px;bottom:1px;right:3px;background:#667279}.app-header{display:flex;align-items:center;justify-content:space-between;padding:15px 15px 14px;background:white;border-bottom:1px solid var(--line);gap:5px;flex:none}.app-brand{display:flex;align-items:center;gap:8px}.app-brand img{width:45px;height:31px;object-fit:contain}.app-brand>span{display:flex;flex-direction:column}.app-brand strong{font-family:var(--heading);font-size:17px;letter-spacing:.5px;line-height:1.2}.app-brand small{font-size:6.5px;color:#737b80}.yard-shortcut{display:flex;align-items:center;gap:4px;text-align:left;border:0;background:transparent;padding:0;color:var(--red)}.yard-shortcut span{display:flex;flex-direction:column}.yard-shortcut small{font-size:6px;color:#737b80;letter-spacing:1px}.yard-shortcut strong{font-size:9px;max-width:90px}.staff-badge{font-size:8px;font-weight:700;letter-spacing:1px;color:#647079;background:#eef0f0;padding:5px 7px;border-radius:3px}.phone-content{overflow:auto;padding:22px 17px 26px;flex:1;scrollbar-width:thin;scrollbar-color:#cec9c1 transparent;overscroll-behavior:contain}.phone-heading{margin-bottom:20px}.phone-heading>.eyebrow{color:var(--red);font-size:8px;letter-spacing:1.25px}.phone-heading h2{font-size:32px;margin-top:7px;letter-spacing:-.15px}.phone-heading p{font-size:11px;line-height:1.7;color:#6d767c;margin:10px 0 0}.phone-nav{background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;flex:none;padding:9px 5px 11px;min-height:63px}.phone-nav button{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:3px;border:0;background:transparent;color:#7b858a;padding:2px 7px;min-width:45px}.phone-nav button>span{font-size:8px}.phone-nav button.active{color:var(--red);font-weight:700}.back-link{margin:-7px 0 7px;padding-left:0!important}.home-hero{border-radius:6px;position:relative;overflow:hidden;color:white;min-height:215px;margin-bottom:14px;background:#413b33}.home-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.45)}.home-hero>div{position:relative;padding:23px 19px;max-width:270px}.home-hero .eyebrow{font-size:8px;letter-spacing:1.3px;color:#e3d4be}.home-hero h2{font-size:36px;margin:6px 0}.home-hero p{font-size:11px;color:#e8e1d8;max-width:210px}.home-hero .button{font-size:10px;padding:9px 12px;min-height:35px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.button.quick{background:white;border:1px solid var(--line);color:var(--ink);display:flex;flex-direction:column;gap:8px;min-height:86px;font-size:10px}.quick svg{color:var(--red)}.balance-card{border:1px solid var(--line);border-radius:5px;background:#fff;padding:15px;display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;margin:15px 0 20px}.balance-card small{font-size:7px;letter-spacing:1px;display:block;color:#727b7f}.balance-card strong{font-family:var(--heading);font-size:27px;line-height:1.3}.balance-card>span:last-child{font-size:9px;color:var(--red);font-weight:700}.feature-tile{width:100%;text-align:left;border:0;border-radius:5px;background:#ece4d6;padding:18px;margin-top:13px;display:flex;flex-direction:column;gap:6px}.feature-tile strong{font-family:var(--heading);font-size:26px}.feature-tile>span:last-child{font-size:10px;color:var(--red);font-weight:700}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.section-heading h3{font-size:14px}
