/* Homepage visual refresh; app keeps the compact navy dashboard. */
.detail-panel{display:none}.contracts.expanded .detail-panel:not([hidden]){display:block}.detail-panel[hidden]{display:none!important}
.contract-card.selected:after{display:none}.contract-card.selected .dday{text-decoration:none}
.contract-photo{display:none}.lifestyle-hero{display:none}
body:not(.app-home){background:#f6f9fc;color:#153451}
body:not(.app-home) main{max-width:1240px;padding-top:20px}
body:not(.app-home) .welcome{display:none}
body:not(.app-home) .lifestyle-hero{display:block;position:relative;height:320px;border-radius:24px;overflow:hidden;background:#f4f1ea;margin-bottom:28px}
.lifestyle-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 54%}
.lifestyle-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fafbf9 2%,#fafbf9ed 30%,#fafbf900 65%)}
.lifestyle-copy{position:relative;z-index:1;padding:38px 42px}.lifestyle-copy>small{font-size:12px;font-weight:bold;color:#548078;letter-spacing:2px}.lifestyle-copy h1{font-size:35px;line-height:1.4;letter-spacing:-1.7px;margin:12px 0}.lifestyle-copy p{font-size:14px;color:#5e7180;line-height:1.8;margin:0;word-break:keep-all}.lifestyle-copy>a{display:inline-flex;background:#173e65;color:white;border-radius:11px;padding:13px 19px;font-size:13px;margin-top:18px;box-shadow:0 6px 12px #14385415}
body:not(.app-home) .section-heading h2{font-size:22px}body:not(.app-home) .section-heading>p{display:none}body:not(.app-home) .add{font-size:12px}
body:not(.app-home) .demo-notice{font-size:11px;color:#75879a;margin:0 0 14px}
body:not(.app-home) .contract-grid{opacity:1;gap:15px}
body:not(.app-home) .contract-card{display:block;position:relative;text-align:left;padding:22px 20px 15px;min-height:204px;border:1px solid #ffffffd9;border-radius:19px;overflow:hidden;box-shadow:0 5px 14px #32577907;transition:transform .18s,box-shadow .18s;color:#174e48;background:linear-gradient(125deg,#e0f5ee,#f1fcf8)}
body:not(.app-home) .contract-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #345b7920}
body:not(.app-home) .contract-card[aria-expanded=true]{outline:2px solid #4b8b93;outline-offset:1px}
body:not(.app-home) .contract-card[data-kind=phone]{background:linear-gradient(125deg,#eae3fc,#f6f1ff);color:#63499c}
body:not(.app-home) .contract-card[data-kind=drop]{background:linear-gradient(125deg,#dfeef9,#f0f8fe);color:#31678b}
body:not(.app-home) .contract-card[data-kind=calendar]{background:linear-gradient(125deg,#e7eaf8,#f4f5ff);color:#52648b}
body:not(.app-home) .contract-card.phone-value-summary{background:linear-gradient(125deg,#f9e6d5,#fff5e9);color:#985b23}
body:not(.app-home) .contract-card>.contract-icon,body:not(.app-home) .contract-card>.badge{display:none}
body:not(.app-home) .contract-card h3{position:relative;z-index:1;font-size:15px;font-weight:700;color:inherit;margin:0 0 5px;padding:0;white-space:normal}
body:not(.app-home) .contract-label{display:block;position:relative;z-index:1;margin:0;font-size:11px;color:inherit;opacity:.75}
body:not(.app-home) .contract-card .dday{position:relative;z-index:1;display:block;font-size:35px;margin:18px 0 21px;letter-spacing:-1.5px;color:inherit!important}
body:not(.app-home) .contract-action,body:not(.app-home) .value-soon{display:block;position:relative;z-index:1;font-size:10px;color:inherit;border-top:1px solid #ffffffb0;padding-top:11px;margin-top:0}
body:not(.app-home) .contract-photo{display:block;position:absolute;right:6px;top:55px;width:95px;height:100px;object-fit:contain;filter:drop-shadow(0 7px 6px #32425818)}
body:not(.app-home) [data-kind=phone] .contract-photo{width:70px}body:not(.app-home) [data-kind=drop] .contract-photo{object-fit:cover;object-position:75% center;border-radius:13px;opacity:.8}
body:not(.app-home) .phone-value-summary .contract-photo{width:64px;opacity:.65}
body:not(.app-home) .phone-value-summary .dday{font-size:27px;margin-top:27px;margin-bottom:28px}
body:not(.app-home) .phone-value-summary .dday small{font-size:12px;letter-spacing:0}
body:not(.app-home) .demo-start{display:none}
body:not(.app-home) .services h2{font-size:20px}
body:not(.app-home) .service-grid{gap:12px}
body:not(.app-home) .service-tile{flex-direction:row;gap:8px;min-height:64px;font-size:12px}
body:not(.app-home) .service-tile svg{width:32px;height:34px}
body:not(.app-home) .banners{margin:18px 0 0}
@media(max-width:1450px) and (min-width:761px){body:not(.app-home) main{width:89.2%}}
@media(max-width:760px){body:not(.app-home) main{padding:16px 16px 78px}body:not(.app-home) .lifestyle-hero{height:290px;margin-bottom:22px}.lifestyle-hero>img{object-position:65% center}.lifestyle-hero:after{background:linear-gradient(90deg,#fafbf9f5,#fafbf9b0 55%,#fafbf900)}.lifestyle-copy{padding:27px 21px}.lifestyle-copy h1{font-size:27px}.lifestyle-copy p{font-size:12px;max-width:230px}.lifestyle-copy>small{font-size:10px}
body:not(.app-home) .contracts{background:none;border-radius:0;padding:0;color:#153451;box-shadow:none}body:not(.app-home) .section-heading h2{color:#153451;font-size:18px}body:not(.app-home) .add{color:#386a94;font-size:10px}body:not(.app-home) .demo-notice{font-size:10px;margin:10px 0}body:not(.app-home) .contract-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}body:not(.app-home) .contract-card{padding:17px 13px 12px;min-height:181px}body:not(.app-home) .contract-card h3{font-size:13px}body:not(.app-home) .contract-card .dday{font-size:30px;margin:16px 0 20px}body:not(.app-home) .contract-photo{width:62px!important;height:76px;top:57px;right:2px;opacity:.6}body:not(.app-home) .phone-value-summary .dday{font-size:23px;margin-top:30px;margin-bottom:22px}body:not(.app-home) .phone-value-summary .dday small{font-size:10px}body:not(.app-home) .phone-value-summary .dday em{font-size:8px}body:not(.app-home) .detail-panel{margin:12px 0 0;border:1px solid #dfe8f2;border-radius:14px}body:not(.app-home) .all-schedules{color:#386a94}body:not(.app-home) .services h2{display:none}body:not(.app-home) .service-tile{flex-direction:column;min-height:70px;font-size:10px;padding:8px 0}body:not(.app-home) .services{margin-top:22px}}
@media(prefers-reduced-motion:reduce){body:not(.app-home) .contract-card{transition:none}}

.contract-photo{overflow:hidden}body:not(.app-home) .phone-value-summary h3{margin-bottom:10px}

/* Keep the complete photo visible, including the face; restore original brand. */
.brand-wordmark{width:210px;height:51px;object-fit:contain;display:block}
.lifestyle-hero>img{width:65%;height:100%;right:0;top:0;object-fit:contain;object-position:right center}
.lifestyle-hero:after{background:linear-gradient(90deg,#fafbf9 0%,#fafbf9 38%,#fafbf900 70%)}
@media(max-width:760px){.brand-wordmark{width:155px;height:42px}body:not(.app-home) .lifestyle-hero{height:465px;background:#fafbf9}.lifestyle-hero>img{width:100%;height:235px;top:auto;bottom:0;right:0;object-fit:contain;object-position:right bottom}.lifestyle-hero:after{background:linear-gradient(180deg,#fafbf9 0%,#fafbf9 47%,#fafbf900 63%)}.lifestyle-copy{padding:23px 21px}.lifestyle-copy h1{font-size:26px;margin:10px 0}.lifestyle-copy p{font-size:12px;max-width:none}.lifestyle-copy>a{margin-top:13px;padding:11px 16px}}

/* Compact mobile hero: complete photo at right, readable copy at left. */
@media(max-width:760px){
body:not(.app-home) .lifestyle-hero{height:300px}
.lifestyle-hero>img{width:100%;height:100%;top:0;bottom:auto;right:0;object-fit:contain;object-position:right bottom}
.lifestyle-hero:after{background:linear-gradient(90deg,#fafbf9 0%,#fafbf9ee 30%,#fafbf998 47%,#fafbf900 67%)}
.lifestyle-copy{padding:22px 17px}.lifestyle-copy>small{font-size:9px;letter-spacing:1.5px}.lifestyle-copy h1{font-size:24px;line-height:1.35;margin:12px 0 10px;max-width:205px}.lifestyle-copy p{font-size:11px;line-height:1.65;max-width:175px}.lifestyle-copy>a{font-size:11px;padding:11px 13px;margin-top:13px}
}

/* Mobile background composition: full face at right, short title across top. */
@media(max-width:760px){
body:not(.app-home) .lifestyle-hero{height:230px;margin-bottom:20px;background:#fafbf9}
.lifestyle-hero>img{width:auto;max-width:none;height:170px;top:60px;right:0;bottom:auto;object-fit:contain;object-position:right center}
.lifestyle-hero:after{background:linear-gradient(90deg,#fafbf9f5 0%,#fafbf9dd 27%,#fafbf975 47%,#fafbf900 64%)}
.lifestyle-copy{padding:16px 15px}.lifestyle-copy>small{font-size:8px;letter-spacing:1.2px}.lifestyle-copy h1{font-size:19px;line-height:1.4;letter-spacing:-1px;max-width:none;margin:10px 0 15px}.lifestyle-copy h1 br{display:none}.lifestyle-copy h1 br:after{content:' '}.lifestyle-copy p{font-size:10px;line-height:1.7;max-width:155px}.lifestyle-copy>a{font-size:10px;padding:10px 11px;margin-top:14px}
}
@media(max-width:350px){.lifestyle-copy h1{font-size:17px}.lifestyle-copy p{max-width:130px}.lifestyle-copy>a{font-size:9px}}

/* Approved mobile preview: two-line title, raised full photo, minimum bottom gap. */
@media(max-width:760px){
body:not(.app-home) .lifestyle-hero{height:210px}
.lifestyle-copy{padding:16px 15px}
.lifestyle-copy h1{font-size:24px;line-height:1.3;margin:9px 0 10px;max-width:210px}
.lifestyle-copy h1 br{display:block}.lifestyle-copy h1 br:after{content:none}
.lifestyle-copy p{font-size:10px;line-height:1.6;max-width:158px}
.lifestyle-copy>a{font-size:10px;padding:10px 11px;margin-top:12px}
.lifestyle-hero>img{height:180px;top:30px;right:0;bottom:auto}
.lifestyle-hero:after{background:linear-gradient(90deg,#fafbf9f5 0%,#fafbf9dd 27%,#fafbf975 47%,#fafbf900 64%)}
}