/* Be Well 2026: exact gradient stops extracted from supplied PSD; dark blue is a readable UI derivative. */
:root{--blue:#0f87c9;--blue-light:#7eceef;--blue-deep:#086b9f;--green:var(--blue-deep);--paper:#fff;--sage:#edf7fc;--lime:#d8effa;--ink:#333;--muted:#586572;--line:#dce7ed}
body{background:#fff;color:var(--ink)}h1,h2,h3{color:var(--blue-deep)}h1 span,h2 span{color:var(--blue)}
header{background:#ffffffed;backdrop-filter:blur(16px);height:100px;gap:30px}
header .brand-lockup{display:flex;align-items:center;gap:18px;flex:none;line-height:1}
.brand-lockup picture{display:block;width:218px;flex-shrink:0}.brand-lockup picture img{width:100%;height:auto;max-height:65px;object-fit:contain}
.brand-lockup .brand-sub{font-family:var(--heading);font-size:18px;font-weight:650;letter-spacing:-.04em;color:var(--blue-deep);padding-left:18px;border-left:1px solid var(--line)}
header nav{gap:25px}header nav a{font-size:14px}.menu-toggle{color:var(--blue-deep)}
footer{background:#f4f9fc}.footer-brand{display:flex;align-items:center;gap:22px}.footer-brand>img{width:90px;height:auto}.footer-brand .brand-sub{font-size:20px}
.button{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff}.button:hover{background:#075c89;border-color:#075c89}.button.outline{color:var(--blue-deep);background:transparent}.button.outline:hover{background:#e7f4fb}
.progress{background:var(--blue)}.subscription-cancel{font-size:14px;font-weight:600;color:var(--blue-deep);margin-top:-10px}
.intro{background:#f1f8fc}.intro-inner>img{width:min(330px,75vw)}
.intro-name{color:var(--blue-deep)}.intro-name span{color:var(--blue)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){header .brand-lockup{gap:12px}.brand-lockup picture{width:180px}.brand-lockup .brand-sub{font-size:16px;padding-left:12px}header nav{gap:16px}}
@media(max-width:700px){header{height:78px;padding:8px 20px}header .brand-lockup{gap:14px}.brand-lockup picture{width:58px}.brand-lockup picture img{height:60px;max-height:60px;width:58px}.brand-lockup .brand-sub{font-size:20px;padding-left:14px}.footer-brand>img{width:78px}.intro-inner>img{width:250px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}
/* Explicit inverse surfaces: headings and outline actions must never inherit blue-on-blue. */
:root{--inverse-blue:#075584;--inverse-ink:#fff;--inverse-muted:#e1f1fb}
:is(.wl-close,.tl-expect,.tl-offer-dark,.package.featured,.contact){background:var(--inverse-blue);color:var(--inverse-ink)}
:is(.wl-close,.tl-expect,.tl-offer-dark,.package.featured,.contact) :is(h2,h3){color:var(--inverse-ink)}
:is(.wl-close,.tl-expect,.tl-offer-dark,.package.featured,.contact) :is(h2,h3)>span{color:#d0edfc}
:is(.wl-close,.tl-expect,.tl-offer-dark,.package.featured,.contact) :is(p,.eyebrow,.price span){color:var(--inverse-muted)}
:is(.wl-close,.tl-expect,.tl-offer-dark,.package.featured,.contact) .button{background:#fff;border-color:#fff;color:#075584}
:is(.wl-close,.tl-expect,.tl-offer-dark,.package.featured,.contact) .button.outline{background:transparent;border-color:#d0edfc;color:#fff}
:is(.wl-close,.tl-expect,.tl-offer-dark,.package.featured,.contact) .button:hover{background:#e7f4fb;border-color:#e7f4fb;color:#075584}
:is(.wl-close,.tl-expect,.tl-offer-dark,.package.featured,.contact) .button.outline:hover{background:#fff;border-color:#fff;color:#075584}
:is(.wl-close,.tl-expect,.tl-offer-dark,.package.featured,.contact) .text-link{color:#fff}
.contact .contact-form{background:#fff;color:#333}
.contact .contact-form :is(h3,label){color:#075584}
.contact .contact-form p{color:#586572}
.contact .contact-form .button{background:#086b9f;border-color:#086b9f;color:#fff}
.contact .contact-form .button:hover{background:#075584;border-color:#075584;color:#fff}
.contact .contact-form :is(input,select,textarea){color:#333;background:#fff}
.contact .contact-form .form-error{color:#a12626}
.contact .contact-form .form-status{color:#075584}
.wl-close{border-top:1px solid #2a729d}
.wl-close .wl-close-grid{gap:70px}
.wl-close h2{max-width:680px;line-height:1.16}
.wl-close p{max-width:620px}
.wl-close .wl-close-actions{gap:14px;padding:28px;background:#ffffff0b;border:1px solid #ffffff36;border-radius:24px}
.wl-close .wl-close-actions>.button{min-height:60px;padding:17px 23px;font-size:16px;font-weight:650;line-height:1.45;border-radius:32px;box-shadow:none}
.wl-close .wl-close-actions>.button.outline{color:#fff;background:transparent;border-color:#d0edfc}
.wl-close .wl-close-actions>.button.outline:hover{color:#075584;background:#fff;border-color:#fff}
.wl-close .wl-close-actions>.text-link{min-height:44px;color:#fff;line-height:1.6;text-align:center;justify-content:center;font-size:14px;text-underline-offset:4px}
.wl-close .wl-close-actions>.text-link:hover{text-decoration:underline}
.featured .package-overline,.featured .price,.featured li{color:#fff}
.featured .product-display .bundle-caption{color:#fff}
@media(max-width:700px){.wl-close .wl-close-grid{gap:28px}.wl-close .wl-close-actions{padding:20px;border-radius:20px}.wl-close .wl-close-actions>.button{min-height:56px;padding:15px 20px;font-size:15px}.wl-close .wl-close-actions>.text-link{font-size:13px}}
/* Light cards nested in inverse sections keep their own readable text palette. */
.contact #contact-form :is(p,.small-note){color:#586572}
.contact #contact-form .form-error{color:#a12626}
.contact #contact-form .form-status{color:#075584}
.about-brand>p{color:#075584}
.tl-human :is(.eyebrow,h2>span,.button.outline){color:#075584}
/* Keep mockup labels legible without adding more copy to the cover. */
.pdf-book>span{font-size:7px;letter-spacing:.45px;line-height:1.5;color:#e1f1fb}
.pdf-book>.cover-copy{font-size:8px;letter-spacing:.15px;line-height:1.5;color:#fff}
.pdf-book>small{font-size:7px;letter-spacing:.3px;line-height:1.5;color:#e1f1fb}
.bundle-mini-book>small,.bundle-mini-book>span{color:#e1f1fb}