/** Shopify CDN: Minification failed Line 101:128 Expected identifier but found "-.035em" Line 168:14 Expected identifier but found whitespace Line 168:15 Unexpected bad string token Line 168:16 Unterminated string token Line 279:24 Expected identifier but found bad string token Line 279:67 Unterminated string token Line 953:0 Expected "}" to go with "{" **/ @media(max-width:850px){body.template-index,#PageContainer,#MainContent,#MainContent .sr-home{background:#fff!important}#SiteHeader.site-header,#MainContent .sr-home .sr-hero{box-shadow:none!important}#HeaderWrapper:before,#HeaderWrapper:after{box-shadow:none!important;background:none!important}} @media(max-width:850px){#SiteHeader.site-header{box-shadow:none!important}#SiteHeader.site-header .header-layout{height:76px!important;min-height:76px!important}#SiteHeader #LogoContainer .site-header__logo-link img.image-element{width:110px!important;max-width:110px!important;height:auto!important;max-height:32px!important;padding-top:0!important}#SiteHeader .site-nav__link--icon{color:#333!important}} @media(max-width:850px){#HeaderWrapper.header-wrapper--overlay{position:relative!important;background:#fff!important}#SiteHeader.site-header{position:relative!important;top:0!important;left:auto!important;right:auto!important;width:calc(100% - 48px)!important;max-width:none!important;margin:0 auto!important;height:76px!important;min-height:76px!important;border-radius:0!important;border:0!important;background:#fff!important}#SiteHeader .header-layout{height:76px!important;min-height:76px!important;padding:0 8px!important}#SiteHeader #LogoContainer,#SiteHeader #LogoContainer .site-header__logo-link.logo--has-inverted{height:76px!important;width:122px!important;max-width:122px!important}#SiteHeader .site-nav__icons button{color:#333!important}#MainContent .sr-home .sr-hero{height:auto!important;min-height:0!important;margin:0 24px 24px!important;border-radius:22px!important;overflow:hidden!important;align-items:end!important}#MainContent .sr-home .sr-hero:after{background:linear-gradient(90deg,rgba(15,13,24,.64),rgba(15,13,24,.34))!important}#MainContent .sr-home .sr-hero__content{padding:98px 32px 52px!important;width:100%!important;text-align:left!important}#MainContent .sr-home .sr-hero h1{color:#fff!important;font-size:clamp(30px,8vw,40px)!important;line-height:1.12!important;letter-spacing:-.02em!important;width:100%!important;text-align:left!important;margin:0 0 22px!important;text-wrap:initial!important}#MainContent .sr-home .sr-hero .sr-copy{color:#fff!important;font-size:16px!important;line-height:1.4!important;width:100%!important;margin:0!important}#MainContent .sr-home .sr-hero .sr-kicker,#MainContent .sr-home .sr-hero .sr-proof{display:none!important}#MainContent .sr-home .sr-hero .sr-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;margin:28px 0 0!important;gap:14px!important}#MainContent .sr-home .sr-hero .sr-btn{min-height:48px!important;border-radius:16px!important;padding:12px 15px!important;font-size:18px!important;background:#8352ff!important;color:#fff!important;border:0!important}#MainContent .sr-home .sr-hero .sr-btn--ghost{background:#fff!important;color:#8352ff!important}#MainContent .sr-home .sr-hero__image{object-position:68% center!important;transform:none!important}.sr-hero__mobile-title,.sr-hero__mobile-copy{display:block!important}.sr-hero__desktop-title,.sr-hero__desktop-copy{display:none!important}} @media(min-width:851px){.sr-hero__mobile-title,.sr-hero__mobile-copy{display:none}} @media(min-width:851px){#MainContent .sr-home .sr-hero>img.sr-hero__image{top:0!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:100%!important;object-position:center top!important;border-radius:inherit!important}} #HeaderWrapper.header-wrapper--overlay{background:transparent!important;background-image:none!important;box-shadow:none!important} @media(min-width:851px){#MainContent .sr-home .sr-hero{height:clamp(560px,33.6vw,680px)!important;min-height:0!important;margin:16px 22px 0!important;border-radius:32px!important;overflow:hidden!important;align-items:center!important}#MainContent .sr-home .sr-hero__image{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}#MainContent .sr-home .sr-hero__content{padding-top:100px!important;padding-bottom:30px!important}#MainContent .sr-home .sr-hero h1{font-size:clamp(40px,3.5vw,52px)!important;line-height:1.04!important;margin-bottom:22px!important}#MainContent .sr-home .sr-hero .sr-kicker{margin-bottom:20px!important}#MainContent .sr-home .sr-hero .sr-actions{margin-top:24px!important}#MainContent .sr-home .sr-hero .sr-proof{margin-top:20px!important}#SiteHeader.site-header{top:30px!important;border-radius:22px!important}} @media(min-width:851px){#SiteHeader #LogoContainer .site-header__logo-link.logo--has-inverted{display:flex!important;align-items:center!important;justify-content:center!important;width:180px!important;max-width:180px!important;height:64px!important;padding:0!important}#SiteHeader #LogoContainer .site-header__logo-link img.small--hide{display:block!important;width:128px!important;max-width:128px!important;height:auto!important;max-height:34px!important;position:static!important}#SiteHeader #LogoContainer image-element{display:flex!important;align-items:center!important;justify-content:center!important;height:64px!important;padding-top:10px!important;box-sizing:border-box!important}} :root { --typeHeaderPrimary: "Garet", Questrial, Arial, sans-serif; --typeBasePrimary: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif; } /* Shared SlimReset page type scale. */ :root { --sr-display-size: 20px; --sr-section-size: clamp(36px, 3.65vw, 58px); --sr-card-title-size: 24px; --sr-body-size: clamp(17px, 1.2vw, 20px); --sr-eyebrow-size: 13px; } .sr-home h1,.sr-why h1,.sr-faq-page h1{font-size:var(--sr-display-size)!important;font-weight:400!important;line-height:.98!important;letter-spacing:-.055em!important} .sr-home h2,.sr-why h2,.sr-faq-page h2{font-size:var(--sr-section-size)!important;font-weight:400!important;line-height:1.04!important;letter-spacing:-.05em!important} .sr-home h3,.sr-why h3,.sr-faq-page h3{font-size:var(--sr-card-title-size)!important;line-height:1.12!important;letter-spacing:-.035em!important} .sr-home .sr-copy,.sr-story>div>p,.sr-why__intro,.sr-why__copy>div,.sr-why__final>div>div:not(.sr-why__actions),.sr-faq-page__intro,.sr-faq-page__answer,.sr-faq-page__final>div>div:not(.sr-faq-page__actions){font-size:var(--sr-body-size)!important;line-height:1.5!important} .sr-home .sr-kicker,.sr-why__eyebrow,.sr-faq-page__eyebrow{font-size:var(--sr-eyebrow-size)!important;letter-spacing:.18em!important} #MainContent h1 { font-family: Garet, Questrial, Arial, sans-serif !important; font-size: clamp(46px, 4.2vw, 60px) !important; font-weight: 400 !important; line-height: 1.02 !important; letter-spacing: -0.055em !important; } @media (max-width: 749px) { #MainContent h1 { font-size: clamp(30px, 8vw, 36px) !important; } } .site-navigation .site-nav__link[href*="free-slimchat"] { color: #121625 !important; -webkit-text-fill-color: #121625 !important; background: #fff !important; border: 1.5px solid #956aff !important; border-radius: 999px !important; opacity: 1 !important; } body.template-index .site-navigation .site-nav__item .site-nav__link[href*="free-slimchat"] { color: #121625 !important; } html body.template-index #PageContainer #HeaderWrapper.is-light #SiteHeader.site-header .site-navigation.medium-down--hide > li.site-nav__item:last-child > a.site-nav__link[href*="free-slimchat"] { color: #121625 !important; } @media(max-width:749px){ :root{--sr-display-size:20px;--sr-section-size:clamp(29px,7.9vw,35px);--sr-card-title-size:21px;--sr-body-size:15px;--sr-eyebrow-size:11px} .sr-home .sr-hero h1{font-size:clamp(30px,8vw,36px)!important} .sr-home .sr-journey .sr-phase{flex-basis:72vw!important;max-width:300px!important;padding:16px!important} .sr-home .sr-journey .sr-phase__content{padding:2px 2px 14px!important} .sr-home .sr-journey .sr-phase__content span{margin-bottom:10px!important;font-size:15px!important} .sr-home .sr-journey .sr-phase__content h3{font-size:18px!important} .sr-home .sr-journey .sr-phase img{height:260px!important} .sr-home .sr-journey .sr-phase__copy{padding:14px 2px 2px!important} .sr-home .sr-journey .sr-phase__copy p{font-size:13px!important} @media(min-width:750px){.sr-home .sr-journey>.sr-shell>h2{font-size:30px!important}} :root{--sr-content-width:1320px;--sr-page-gutter:24px;--sr-section-space:88px;--sr-media-radius:24px} .sr-home,.sr-why,.sr-faq-page,.sr-ps,[class^="sr-program-page"],[class*=" sr-program-page"]{font-size:var(--sr-body-size);line-height:1.5} .sr-ps h1,.sr-ps__hero h1,[class^="sr-program-page"] h1,[class*=" sr-program-page"] h1{font-size:var(--sr-display-size)!important;font-weight:400!important;line-height:.98!important;letter-spacing:-.055em!important} .sr-ps h2,[class^="sr-program-page"] h2,[class*=" sr-program-page"] h2{font-size:var(--sr-section-size)!important;font-weight:400!important;line-height:1.04!important;letter-spacing:-.05em!important} .sr-ps h3,[class^="sr-program-page"] h3,[class*=" sr-program-page"] h3{font-size:var(--sr-card-title-size)!important;line-height:1.12!important;letter-spacing:-.035em!important} .sr-ps__lead,.sr-ps__copy,[class^="sr-program-page"] .subtitle,[class*=" sr-program-page"] .subtitle,[class^="sr-program-page"] .rte,[class*=" sr-program-page"] .rte{font-size:var(--sr-body-size)!important;line-height:1.5!important} .sr-ps__wrap,.sr-client-results__shell,.sr-why__shell,.sr-faq-page__shell,#MainContent .page-width,[class^="sr-program-page"] .page-width,[class*=" sr-program-page"] .page-width{width:min(var(--sr-content-width),calc(100% - (var(--sr-page-gutter) * 2)))!important;margin-inline:auto!important} /* Align inner-page hero content with the homepage grid */ .sr-client-results__hero{padding-inline:0!important;} shell,.sr-why__shell,.sr-faq-page__shell,[class^="sr-program-page"] .page-width,[class*=" sr-program-page"] .page-width{width:min(var(--sr-content-width),calc(100% - (var(--sr-page-gutter) * 2)))!important;margin-inline:auto!important} .sr-why__visual img,.sr-ps img,.sr-faq-page img,[class^="sr-program-page"] img,[class*=" sr-program-page"] img{display:block;max-width:100%;height:auto} .sr-why__visual,.sr-ps__image,.sr-ps__media,[class^="sr-program-page"] .media,[class*=" sr-program-page"] .media{overflow:hidden;border-radius:var(--sr-media-radius)} @media(max-width:749px){:root{--sr-page-gutter:16px;--sr-section-space:62px;--sr-media-radius:18px}} .template-page main .shopify-section h1{font-size:var(--sr-display-size)!important;font-weight:400!important;line-height:.98!important;letter-spacing:-.055em!important} .template-page main .shopify-section h2{font-size:var(--sr-section-size)!important;font-weight:400!important;line-height:1.04!important;letter-spacing:-.05em!important} .template-page main .shopify-section h3{font-size:var(--sr-card-title-size)!important;line-height:1.12!important;letter-spacing:-.035em!important html, body, button, input, select, textarea, .site-header, .site-nav, .mobile-nav, .drawer, h1, h2, h3, h4, h5, h6, p, a, span { font-family: "Garet", Questrial, Arial, sans-serif !important; } body { font-weight: 400; letter-spacing: -0.012em; } h1, h2, h3, h4, h5, h6 { font-weight: 400; letter-spacing: -0.045em; } body, button, input, select, textarea, p, li, label, small, strong, em, a, span { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important; } h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { font-family: " /* Universal SlimReset hero system */ .sr-home h1, .sr-why-page h1, .sr-faq-page h1, .sr-client-results h1, [class^="sr-program-page"] h1, [class*=" sr-program-page"] h1 { font-family: "Garet", Questrial, Arial, sans-serif !important; font-size: clamp(42px, 4.2vw, 70px) !important; font-weight: 400 !important; line-height: .98 !important; letter-spacing: -.055em !important; max-width: 860px !important; margin: 0 !important; } .sr-why-page__hero, .sr-faq-page__hero, .sr-client-results__hero { padding-block: 88px 64px !important; min-height: auto !important; } #MainContent h1 { font-family: Garet, Questrial, Arial, sans-serif !important; font-size: clamp(46px, 4.2vw, 60px) !important; font-weight: 400 !important; line-height: 1.02 !important; letter-spacing: -0.055em !important; } @media (max-width: 749px) { .sr-home h1, .sr-why-page h1, .sr-faq-page h1, .sr-client-results h1, [class^="sr-program-page"] h1, [class*=" sr-program-page"] h1 { font-size: clamp(34px, 9.3vw, 41px) !important; line-height: 1.02 !important; letter-spacing: -.045em !important; max-width: 100% !important; } .sr-why-page__hero, .sr-faq-page__hero, .sr-client-results__hero { padding-block: 56px 44px !important; } } /* Keep every page on the homepage content grid */ .sr-faq-page__hero, .sr-why-page__hero, .sr-client-results__hero { padding-inline: 0 !important; } /* Enforce the homepage grid on every page shell */ .sr-faq-page__shell, .sr-why__shell, .sr-why-page__shell, .sr-client-results__shell { width: min(var(--sr-content-width), calc(100% - (var(--sr-page-gutter) * 2))) !important; max-width: none !important; margin-inline: auto !important; } /* Match homepage width even when a page redefines local variables */ .sr-faq-page__shell, .sr-why__shell, .sr-why-page__shell, .sr-client-results__shell { width: min(1320px, calc(100% - 48px)) !important; } /* Universal SlimReset content grid — homepage and future pages */ :root { --sr-content-width: 1180px; } .sr-home .sr-shell { width: min(var(--sr-content-width), calc(100% - 48px)) !important; margin-inline: auto !important; } @media (max-width: 749px) { .sr-home .sr-shell { width: calc(100% - 36px) !important; } } /* Homepage hero: enforce the same 1180px desktop grid as inner pages */ .sr-home > .sr-hero > .sr-shell.sr-hero__content { width: calc(100% - 84px) !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; } @media (max-width: 749px) { .sr-home > .sr-hero > .sr-shell.sr-hero__content { width: calc(100% - 36px) !important; } } /* Match homepage hero’s visible inner gutter to the inner-page grid */ .sr-home > .sr-hero > .sr-hero__content { box-sizing: border-box !important; padding-left: 18px !important; padding-right: 18px !important; } @media (max-width: 749px) { .sr-home > .sr-hero > .sr-hero__content { padding-left: 0 !important; padding-right: 0 !important; } } ", Questrial, Arial, sans-serif !important; } .site-nav__link, .mobile-nav__link, button, .btn { font-weight: 500; font-kerning: normal; font-feature-settings: "kern" 1; text-rendering: optimizeLegibility; } .site-navigation, .site-navigation *, .mobile-nav, .mobile-nav *, .sr-nav-dropdown__menu, .sr-nav-dropdown__menu * { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important; } /* SlimReset global navigation — shared by the homepage and all program pages. */ #SiteHeader, .site-header { background: #fff !important; box-shadow: 0 1px 0 rgba(18, 22, 37, 0.08) !important; } #LogoContainer .site-header__logo-link.logo--inverted { display: none !important; } @media (min-width: 851px) { #SiteHeader, .site-header, #SiteHeader .header-layout, .site-header .header-layout { height: 64px !important; min-height: 64px !important; } #SiteHeader, .site-header { position: relative !important; z-index: 1100 !important; padding-top: 0 !important; padding-bottom: 0 !important; } #SiteHeader .header-layout, .site-header .header-layout { padding-top: 0 !important; padding-bottom: 0 !important; } .header-item--logo, #LogoContainer { display: flex !important; align-items: center !important; height: 64px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } #LogoContainer .site-header__logo-link.logo--has-inverted { display: flex !important; align-items: center !important; width: 126px !important; max-width: 126px !important; height: 64px !important; margin: 0 !important; padding: 0 !important; } #LogoContainer .site-header__logo-link img { display: block !important; position: static !important; width: auto !important; max-width: 100% !important; height: auto !important; max-height: 28px !important; object-fit: contain !important; } #LogoContainer .site-header__logo-link img.medium-up--hide { display: none !important; } #LogoContainer image-element { display: flex !important; align-items: center !important; height: 100% !important; } .site-navigation { display: flex !important; align-items: center !important; gap: 8px !important; } .site-navigation .site-nav__link { min-height: 0 !important; padding: 9px 12px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #121625 !important; -webkit-text-fill-color: #121625 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.25 !important; letter-spacing: -0.01em !important; } .site-navigation .sr-nav-primary, .site-navigation .sr-nav-secondary { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; padding: 7px 18px !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 600 !important; white-space: nowrap !important; } .site-navigation .sr-nav-primary { border: 0 !important; background: #8556ff !important; color: #fff !important; -webkit-text-fill-color: #fff !important; } .site-navigation .sr-nav-secondary { border: 1px solid #121625 !important; background: #fff !important; } .sr-nav-journeys, .sr-nav-dropdown { position: relative !important; } .sr-nav-dropdown > summary { display: flex !important; align-items: center !important; gap: 5px !important; cursor: pointer !important; list-style: none !important; } .sr-nav-dropdown > summary::-webkit-details-marker { display: none !important; } .sr-nav-dropdown__menu { position: absolute !important; z-index: 1000 !important; top: calc(100% + 8px) !important; left: 50% !important; display: none !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; width: min(780px, calc(100vw - 40px)) !important; padding: 20px !important; border: 1px solid #e7e3ef !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 18px 45px rgba(18, 22, 37, 0.14) !important; transform: translateX(-50%) !important; } .sr-nav-dropdown[open] .sr-nav-dropdown__menu { display: grid !important; } .sr-nav-dropdown__menu .sr-program-card { display: grid !important; gap: 7px !important; padding: 0 0 12px !important; overflow: hidden !important; border: 1px solid #eeeaf5 !important; border-radius: 14px !important; background: #fff !important; color: #121625 !important; text-decoration: none !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; } .sr-nav-dropdown__menu .sr-program-card:hover { background: #fff !important; box-shadow: 0 12px 26px rgba(18, 22, 37, 0.1) !important; transform: translateY(-2px) !important; } .sr-program-card img { display: block !important; width: 100% !important; aspect-ratio: 1.5 !important; object-fit: cover !important; } .sr-program-card strong, .sr-program-card > span { padding: 0 12px !important; } .sr-program-card strong { color: #8556ff !important; font-size: 19px !important; } .sr-program-card > span { color: #6d748b !important; font-size: 11px !important; } .sr-nav-dropdown__menu--visual { position: fixed !important; top: 64px !important; right: 0 !important; left: 0 !important; grid-template-columns: 1fr !important; box-sizing: border-box !important; width: 100vw !important; padding: 18px 0 20px !important; border-right: 0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: 0 18px 35px rgba(18, 22, 37, 0.1) !important; display: block !important; visibility: hidden !important; opacity: 0 !important; clip-path: inset(0 0 100% 0) !important; pointer-events: none !important; transform: translateY(-8px) !important; transform-origin: top center !important; transition: opacity 0.14s ease, transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), clip-path 0.2s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.2s !important; } .sr-nav-dropdown[open] .sr-nav-dropdown__menu--visual { display: block !important; visibility: visible !important; opacity: 1 !important; clip-path: inset(0 0 0 0) !important; pointer-events: auto !important; transform: translateY(0) !important; transition-delay: 0s !important; } .sr-program-visual { position: relative !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: clamp(34px, 3.8vw, 58px) !important; width: min(720px, calc(66vw - 40px)) !important; margin-right: 40px !important; margin-left: clamp(120px, 27vw, 470px) !important; overflow: hidden !important; border-radius: 0 !important; opacity: 0 !important; transform: translateY(-6px) !important; transition: opacity 0.14s ease 0.035s, transform 0.2s cubic-bezier(0.22, 1, 0.36, 1) 0.025s !important; } .sr-nav-dropdown[open] .sr-program-visual { opacity: 1 !important; transform: translateY(0) !important; } .sr-nav-backdrop { position: fixed !important; z-index: 990 !important; inset: 64px 0 0 !important; visibility: hidden !important; border: 0 !important; background: rgba(17, 19, 25, 0.32) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.18s ease, visibility 0s linear 0.18s !important; } body.sr-nav-menu-open .sr-nav-backdrop { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transition-delay: 0s !important; } @media (prefers-reduced-motion: reduce) { .sr-nav-dropdown__menu--visual, .sr-program-visual, .sr-nav-backdrop { transition-duration: 0.01ms !important; } } .sr-program-visual > img { display: none !important; } .sr-program-tile { display: block !important; aspect-ratio: 1 / 1 !important; overflow: hidden !important; background: #fff !important; border-radius: 0 !important; transform: none !important; transition: none !important; } .sr-program-tile img { display: block !important; width: 300% !important; max-width: none !important; height: 100% !important; object-fit: cover !important; } .sr-program-tile--30 img { transform: translateX(0) !important; } .sr-program-tile--60 img { transform: translateX(-33.3333%) !important; } .sr-program-tile--90 img { transform: translateX(-66.6667%) !important; } .sr-program-column { display: grid !important; align-content: start !important; } .sr-program-links { display: grid !important; gap: 9px !important; margin-top: 10px !important; padding: 12px 4px 0 !important; border-top: 1px solid #ded5f6 !important; } .sr-program-links a { width: fit-content !important; color: #252a3d !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.25 !important; letter-spacing: -0.01em !important; text-decoration: none !important; transition: color 0.14s ease, opacity 0.14s ease !important; } .sr-program-links a:hover, .sr-program-links a:focus-visible { color: #8556ff !important; opacity: 0.72 !important; text-decoration: none !important; } .sr-program-links a:focus-visible { outline: 2px solid rgba(133, 86, 255, 0.3) !important; outline-offset: 4px !important; } /* Full-width, image-led journey menu. */ .sr-nav-dropdown__menu--visual { padding: 22px 0 28px !important; background: #fff !important; box-shadow: 0 18px 34px rgba(18, 22, 37, 0.08) !important; } .sr-program-visual { gap: clamp(32px, 4.2vw, 64px) !important; width: min(920px, calc(100vw - 300px)) !important; margin: 0 auto !important; overflow: visible !important; } .sr-program-column { min-width: 0 !important; } .sr-program-tile { display: grid !important; grid-template-rows: 150px auto auto !important; aspect-ratio: auto !important; overflow: visible !important; color: #121625 !important; text-decoration: none !important; } .sr-program-tile img { position: relative !important; z-index: 1 !important; width: 100% !important; max-width: 100% !important; height: 150px !important; border-radius: 18px !important; object-fit: cover !important; object-position: center !important; transform: none !important; transition: opacity 0.18s ease !important; } .sr-program-tile:hover img, .sr-program-tile:focus-visible img { opacity: 0.88 !important; } .sr-program-tile strong { margin-top: 11px !important; padding: 0 !important; color: #8556ff !important; font-size: 22px !important; font-weight: 650 !important; letter-spacing: -0.035em !important; } .sr-program-tile > span { margin-top: 2px !important; padding: 0 !important; color: #6d748b !important; font-size: 12px !important; } .sr-program-links { gap: 8px !important; margin-top: 12px !important; padding: 13px 0 0 !important; } .sr-program-links a { font-size: 14px !important; } /* Image-led Slim Journey navigation. */ .sr-nav-dropdown__menu--visual { padding: 24px 0 32px !important; } .sr-program-visual { gap: clamp(42px, 5vw, 78px) !important; width: min(1060px, calc(100vw - 140px)) !important; } .sr-program-tile { grid-template-rows: 245px auto !important; text-align: center !important; } .sr-program-tile img { width: 100% !important; height: 245px !important; border-bottom: 1px solid #d7c9ff !important; border-radius: 0 !important; object-fit: contain !important; object-position: center bottom !important; } .sr-program-tile strong { margin-top: 12px !important; color: #8b5cff !important; font-family: "Garet", Questrial, Arial, sans-serif !important; font-size: 34px !important; font-weight: 750 !important; line-height: 1 !important; letter-spacing: -0.055em !important; } .sr-program-links { gap: 0 !important; margin-top: 16px !important; padding: 0 !important; border-top: 1px solid #d7c9ff !important; } .sr-program-links a { display: block !important; width: 100% !important; padding: 11px 0 !important; border-bottom: 1px solid #d7c9ff !important; color: #252a3d !important; font-size: 16px !important; text-align: left !important; } } @media (max-width: 850px) { #SiteHeader, .site-header, #SiteHeader .header-layout, .site-header .header-layout { height: 48px !important; min-height: 48px !important; } #SiteHeader, .site-header { padding-top: 0 !important; padding-bottom: 0 !important; } #SiteHeader .header-layout, .site-header .header-layout { display: flex !important; align-items: center !important; padding: 0 12px !important; } .header-item--logo, #LogoContainer { display: flex !important; align-items: center !important; height: 48px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } #LogoContainer .site-header__logo-link.logo--has-inverted { display: flex !important; align-items: center !important; width: 96px !important; max-width: 96px !important; height: 48px !important; margin: 0 !important; padding: 0 !important; } #LogoContainer .site-header__logo-link img { display: block !important; position: static !important; width: auto !important; max-width: 100% !important; height: auto !important; max-height: 23px !important; object-fit: contain !important; } #LogoContainer .site-header__logo-link img.small--hide { display: none !important; } #LogoContainer image-element { display: flex !important; align-items: center !important; height: 100% !important; } .sr-mobile-cta, .site-nav__icons > .medium-down--hide, .site-nav__icons > .js-search-header, .site-nav__icons > .js-drawer-open-cart { display: none !important; } #NavDrawer { top: 48px !important; height: calc(100dvh - 48px) !important; } .sr-mobile-journeys > summary { cursor: pointer !important; list-style: none !important; } .sr-mobile-journeys > summary::-webkit-details-marker { display: none !important; } .sr-mobile-programs { display: grid !important; padding: 4px 0 12px 18px !important; } .sr-mobile-programs a { padding: 10px 0 !important; color: #5d3dcc !important; font-size: 17px !important; text-decoration: none !important; } .mobile-nav__link, .sr-mobile-journeys > summary, .sr-mobile-programs a { font-weight: 400 !important; font-kerning: normal !important; font-feature-settings: "kern" 1 !important; letter-spacing: -0.01em !important; line-height: 1.25 !important; text-rendering: optimizeLegibility !important; } } #MainContent h1 { font-size: 20px !important; line-height: 1.15 !important; letter-spacing: -0.035em !important; } /* Slim Journeys navigation image containment */ .sr-nav-dropdown__menu--visual { max-height: min(520px, calc(100vh - 96px)) !important; overflow: auto !important; } .sr-nav-dropdown__menu--visual .sr-program-column { min-width: 0 !important; overflow: hidden !important; } .sr-nav-dropdown__menu--visual .sr-program-tile { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 220px !important; overflow: hidden !important; } .sr-nav-dropdown__menu--visual .sr-program-tile img { position: static !important; inset: auto !important; display: block !important; width: 100% !important; max-width: 220px !important; height: 120px !important; object-fit: cover !important; transform: none !important; } /* Slim Journeys compact navigation fallback */ .sr-nav-journeys { position: relative !important; } .sr-nav-journeys .sr-nav-dropdown__menu { position: fixed !important; top: 64px !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translateX(-50%) !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; width: min(760px, calc(100vw - 32px)) !important; max-width: 760px !important; max-height: calc(100vh - 80px) !important; overflow: auto !important; padding: 20px !important; background: #fff !important; border: 1px solid #e5e2ed !important; border-radius: 18px !important; box-shadow: 0 18px 48px rgba(18, 22, 37, .16) !important; z-index: 99999 !important; } .sr-nav-journeys .sr-program-column { display: block !important; min-width: 0 !important; overflow: hidden !important; } .sr-nav-journeys .sr-program-tile { display: block !important; width: 100% !important; max-width: none !important; min-height: 0 !important; padding: 10px 12px !important; background: #f7f4ff !important; border-radius: 12px !important; overflow: hidden !important; } .sr-nav-journeys .sr-program-tile img { display: none !important; width: 0 !important; height: 0 !important; } .sr-nav-journeys .sr-program-links { display: grid !important; gap: 6px !important; margin-top: 10px !important; } .sr-nav-journeys .sr-program-links a { white-space: normal !important; overflow-wrap: anywhere !important; } .sr-why h1,.sr-faq-page h1{font-size:clamp(42px,4.3vw,70px)!important} @media(max-width:749px){.sr-why h1,.sr-faq-page h1{font-size:clamp(34px,9.3vw,41px)!important}} } :root{--sr-page-title-size:clamp(42px,4.3vw,70px);--sr-page-title-size-mobile:clamp(34px,9.3vw,41px)} .sr-home h1,.sr-why h1,.sr-faq-page h1{font-family:Garet,Questrial,Arial,sans-serif!important;font-size:var(--sr-page-title-size)!important;font-weight:400!important;line-height:.98!important;letter-spacing:-.055em!important} @media(max-width:749px){.sr-home h1,.sr-why h1,.sr-faq-page h1{font-size:var(--sr-page-title-size-mobile)!important}} #MainContent h1 { font-family: Garet, Questrial, Arial, sans-serif !important; font-size: clamp(46px, 4.2vw, 60px) !important; font-weight: 400 !important; line-height: 1.02 !important; letter-spacing: -0.055em !important; } @media (max-width: 749px) { #MainContent h1 { font-size: clamp(30px, 8vw, 36px) !important; } } @media (min-width:851px){#LogoContainer .site-header__logo-link.logo--has-inverted{display:flex!important;align-items:center!important;justify-content:center!important;width:180px!important;max-width:180px!important;height:64px!important;margin:0!important;padding:0!important}#LogoContainer .site-header__logo-link img{max-height:40px!important;width:auto!important;height:auto!important;object-fit:contain!important}} @media(min-width:851px){#SiteHeader #LogoContainer .site-header__logo-link.logo--has-inverted{display:flex!important;align-items:center!important;justify-content:center!important;width:180px!important;max-width:180px!important;height:64px!important;padding:0!important}#SiteHeader #LogoContainer .site-header__logo-link img.small--hide{display:block!important;width:154px!important;max-width:154px!important;height:auto!important;max-height:40px!important;position:static!important}#SiteHeader #LogoContainer image-element{display:flex!important;align-items:center!important;justify-content:center!important;height:64px!important}} } /* closes the @media(max-width:749px){ block opened near the top of this file, which was never closed; rules below now apply at their own sizes */ /* Melissa chat #60: desktop hero zoomed out so the whole face shows (image fits hero height, right-aligned, left edge fades into the background) */ @media(min-width:851px){#MainContent .sr-home .sr-hero{background:#f1f2f6!important}#MainContent .sr-home .sr-hero>img.sr-hero__image{left:auto!important;right:0!important;width:auto!important;max-width:none!important;height:100%!important;aspect-ratio:2400/1337!important;object-fit:cover!important;object-position:center!important;transform:none!important;border-radius:0 32px 32px 0!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 22%)!important}} /* Melissa chat #76/#77: on every desktop size the whole face shows. The photo is fit to the hero's height on the right, the left edge fades into the hero background, and the white overlay keeps the text readable; bigger screens get a taller hero */ @media(min-width:851px){body #MainContent .sr-home .sr-hero{height:auto!important;min-height:clamp(600px,34vw,780px)!important;background:#f1f2f6!important}body #MainContent .sr-home .sr-hero>img.sr-hero__image{top:0!important;bottom:0!important;left:auto!important;right:0!important;width:auto!important;max-width:none!important;height:100%!important;aspect-ratio:2400/1337!important;object-fit:cover!important;object-position:center!important;transform:none!important;border-radius:0 32px 32px 0!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 24%)!important}} /* Melissa chat #76/#77: on every desktop screen size the hero always shows the woman's whole face. Fixed hero height, image sized from that height at its true 2400x1337 shape (never cropped), right-aligned, left edge fades into the background behind the text. */ @media(min-width:851px){html body #MainContent .sr-home .sr-hero{--sr-hero-h:clamp(600px,32.5vw,780px);height:var(--sr-hero-h)!important;min-height:0!important;max-height:none!important;background:#f1f2f6!important}html body #MainContent .sr-home .sr-hero>img.sr-hero__image{position:absolute!important;top:0!important;bottom:auto!important;left:auto!important;right:0!important;height:var(--sr-hero-h)!important;width:calc(var(--sr-hero-h) * 1.7951)!important;min-width:0!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;transform:none!important;border-radius:0 32px 32px 0!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 22%)!important}} /* Melissa chat #93/#95: Felix-style desktop hero. The hero photo is a rounded, inset card with a small margin around it, and the floating nav sits on top of it (the photo runs up behind the nav). Homepage desktop only; phones unchanged. */ @media(min-width:851px){html body:has(#MainContent .sr-home) #PageContainer #HeaderWrapper,html body:has(#MainContent .sr-home) #PageContainer #StickyHeaderWrap{height:0!important;min-height:0!important}html body #MainContent .sr-home .sr-hero{--sr-hero-h:clamp(640px,34vw,800px);box-sizing:border-box!important;width:calc(100% - 24px)!important;max-width:1680px!important;margin:12px auto 0!important;border-radius:24px!important;overflow:hidden!important;isolation:isolate;padding-top:60px!important;background:#eef0f6!important;box-shadow:inset 0 0 0 1px rgba(18,22,37,.05)!important}html body #MainContent .sr-home .sr-hero>img.sr-hero__image{border-radius:0!important}} /* Melissa chat #98: shorter Felix-style homepage hero card on desktop. The photo card is less tall so it takes less space; the photo still shows the woman's whole face, and the copy clears the bigger floating nav. Phones unchanged. */ @media(min-width:851px){html body #MainContent .sr-home .sr-hero{--sr-hero-h:clamp(500px,27vw,580px);height:var(--sr-hero-h)!important;min-height:0!important;padding-top:70px!important}} /* Melissa chat #156 (Oct 21 2026): keep hero buttons inside the shorter desktop card */ @media(min-width:851px){html body #MainContent .sr-home .sr-hero__content{padding-top:24px!important;padding-bottom:24px!important}} /* Book a Free SlimChat hovers (Melissa chat #164) */ .sr-btn--ghost{transition:background-color .2s ease,color .2s ease,border-color .2s ease} #MainContent .sr-hero .sr-btn--ghost:hover,#MainContent .sr-hero .sr-btn--ghost:focus-visible,.sr-hero__content .sr-btn--ghost:hover,.sr-hero__content .sr-btn--ghost:focus-visible{background:#8352ff!important;color:#fff!important;border-color:#8352ff!important} .sr-btn--ghost-light{transition:background-color .2s ease,color .2s ease} .sr-final .sr-btn--ghost-light:hover,.sr-final .sr-btn--ghost-light:focus-visible{background:#fff!important;color:#8352ff!important;border-color:#fff!important} /* Melissa chat #226: solid purple buttons match the nav buttons (Garet, pill) and hover white with purple text */ html body #MainContent a.sr-btn:not(.sr-btn--ghost):not(.sr-btn--ghost-light):not(.sr-outline):not(.sr-outline-light){font-family:Garet,Arial,sans-serif!important;font-weight:400!important;letter-spacing:-.015em!important;text-transform:none!important;text-decoration:none!important;background:#8352ff!important;border:1.5px solid #8352ff!important;color:#fff!important;-webkit-text-fill-color:#fff!important;filter:none!important;transition:background-color .2s ease,color .2s ease,-webkit-text-fill-color .2s ease,border-color .2s ease,box-shadow .2s ease!important} html body #MainContent a.sr-btn:not(.sr-btn--ghost):not(.sr-btn--ghost-light):not(.sr-outline):not(.sr-outline-light):is(:hover,:focus-visible){background:#fff!important;border-color:#8352ff!important;color:#8352ff!important;-webkit-text-fill-color:#8352ff!important;filter:none!important;box-shadow:0 8px 20px rgba(131,82,255,.22)!important} html body #MainContent a.sr-btn:is(.sr-btn--ghost,.sr-btn--ghost-light){font-family:Garet,Arial,sans-serif!important;font-weight:400!important;letter-spacing:-.015em!important;text-transform:none!important;text-decoration:none!important} html body #MainContent .sr-hero a.sr-btn--ghost:is(:hover,:focus-visible){-webkit-text-fill-color:#fff!important} html body #MainContent .sr-final a.sr-btn--ghost-light:is(:hover,:focus-visible){-webkit-text-fill-color:#8352ff!important} @media(min-width:851px){html body #MainContent a.sr-btn{border-radius:999px!important;min-height:46px!important;padding:10px 26px!important;font-size:15.5px!important;line-height:1.2!important}} /* chat249: hero Find Your Program is green; header nav buttons match the page buttons (pill shape, same hover) */ html body #MainContent#MainContent .sr-hero a.sr-btn:not(.sr-btn--ghost):not(.sr-btn--ghost-light){background:#49a447!important;border-color:#49a447!important;color:#fff!important;-webkit-text-fill-color:#fff!important} html body #MainContent#MainContent .sr-hero a.sr-btn:not(.sr-btn--ghost):not(.sr-btn--ghost-light):is(:hover,:focus-visible){background:#fff!important;border-color:#49a447!important;color:#49a447!important;-webkit-text-fill-color:#49a447!important;box-shadow:0 8px 20px rgba(73,164,71,.22)!important} html body #PageContainer#PageContainer #SiteHeader#SiteHeader .site-navigation a:is(.sr-unified-primary,.sr-unified-secondary){border-radius:999px!important;padding:10px 26px!important;border-width:1px!important;border-style:solid!important;filter:none!important;font-family:Garet,Arial,sans-serif!important;font-weight:400!important;letter-spacing:-.015em!important;transition:background-color .2s ease,color .2s ease,-webkit-text-fill-color .2s ease,border-color .2s ease,box-shadow .2s ease!important} html body #PageContainer#PageContainer #SiteHeader#SiteHeader .site-navigation a.sr-unified-primary{background:#49a447!important;border-color:#49a447!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important} html body #PageContainer#PageContainer #SiteHeader#SiteHeader .site-navigation a.sr-unified-primary:is(:hover,:focus-visible){background:#fff!important;border-color:#49a447!important;color:#49a447!important;-webkit-text-fill-color:#49a447!important;box-shadow:0 8px 20px rgba(73,164,71,.22)!important} html body #PageContainer#PageContainer #SiteHeader#SiteHeader .site-navigation a.sr-unified-secondary{background:#fff!important;border-color:#121625!important;color:#121625!important;-webkit-text-fill-color:#121625!important;box-shadow:none!important} html body #PageContainer#PageContainer #SiteHeader#SiteHeader .site-navigation a.sr-unified-secondary:is(:hover,:focus-visible){background:#8352ff!important;border-color:#8352ff!important;color:#fff!important;-webkit-text-fill-color:#fff!important} /* chat252: header nav Book a Free SlimChat is solid purple; hover goes white with purple text (matches Find Your Program behaviour) */ html body #PageContainer#PageContainer #SiteHeader#SiteHeader .site-navigation a.sr-unified-secondary{background:#8352ff!important;border-color:#8352ff!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important} html body #PageContainer#PageContainer #SiteHeader#SiteHeader .site-navigation a.sr-unified-secondary:is(:hover,:focus-visible){background:#fff!important;border-color:#8352ff!important;color:#8352ff!important;-webkit-text-fill-color:#8352ff!important;box-shadow:0 8px 20px rgba(131,82,255,.22)!important} /* Melissa chat #261: homepage desktop hero photo moved down so her head sits below the floating nav, with a soft top fade into the card background. */ @media(min-width:851px){html body #MainContent .sr-home .sr-hero>img.sr-hero__image{top:84px!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%),linear-gradient(180deg,transparent 0,#000 14%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 22%),linear-gradient(180deg,transparent 0,#000 14%)!important;-webkit-mask-composite:source-in!important;mask-composite:intersect!important}} /* Melissa chat #505: desktop floating nav pulled in from the page edges (a narrower centred bar like Felix, but less inset). Narrow desktops keep the old near-full width so the links never squeeze. */ @media(min-width:1100px){html body #PageContainer#PageContainer #SiteHeader#SiteHeader#SiteHeader.site-header{left:50%!important;right:auto!important;width:min(calc(100% - 12vw),1560px)!important;max-width:1560px!important;transform:translateX(-50%)!important;box-sizing:border-box!important}} /* Melissa chat #522 (Oct 22 2026): every page's top header sits like the homepage on desktop. The first hero section becomes a rounded, inset card that runs up behind the floating nav (the nav sits on top of it), with extra top padding so the copy still clears the nav. Desktop only; phones unchanged. */ @media(min-width:851px){ html body:has(#MainContent :is(.sr-client-results__hero,#sr-why-hero,.sr-faq-page__hero,section.sr>.sr-hero)) #PageContainer #HeaderWrapper,html body:has(#MainContent :is(.sr-client-results__hero,#sr-why-hero,.sr-faq-page__hero,section.sr>.sr-hero)) #PageContainer #StickyHeaderWrap{height:0!important;min-height:0!important} html body #MainContent :is(.sr-client-results__hero,#sr-why-hero,.sr-faq-page__hero,section.sr>.sr-hero){box-sizing:border-box!important;width:calc(100% - 24px)!important;max-width:1680px!important;margin:12px auto 0!important;border-radius:24px!important;isolation:isolate} html body #MainContent .sr-client-results__hero.sr-client-results__hero{padding-top:132px!important} html body #MainContent #sr-why-page{padding-top:0!important} html body #MainContent #sr-why-hero#sr-why-hero{padding-top:250px!important} html body #MainContent section.sr>.sr-hero.sr-hero{padding-top:168px!important} html body #MainContent .sr-faq-page__hero.sr-faq-page__hero{padding-top:210px!important} html body:has(#MainContent :is(.sr-client-results__hero,#sr-why-hero,.sr-faq-page__hero,section.sr>.sr-hero)) #PageContainer #SiteHeader.site-header{top:40px!important} /* chat #528: same gap above the nav as the homepage */ } /* Melissa chat #537: smaller section headings on mobile */ @media(max-width:749px){:root{--sr-section-size:clamp(26px,7vw,31px)}html body #MainContent .sr-cw h2{font-size:28px!important}html body #MainContent .sr-home section.sr-reset h2.sr-rc-title{font-size:clamp(22px,6vw,28px)!important}} /* Melissa chat #653: the homepage hero buttons must always be visible. On desktop the hero is at least its usual height but grows when the copy needs more room (e.g. laptop-size or short windows), and the photo stretches to fill it, so the buttons are never cut off. Phones unchanged. */ @media(min-width:851px){html body #MainContent .sr-home section.sr-hero.sr-hero{height:auto!important;min-height:calc(var(--sr-hero-h) + 20px)!important;padding-bottom:44px!important}html body #MainContent .sr-home section.sr-hero.sr-hero>img.sr-hero__image{top:0!important;bottom:0!important;left:0!important;right:0!important;height:100%!important;width:100%!important;max-width:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:right center!important}} /* Melissa chat #655: keep the hero photo (her face) anchored on the right; the #653 width:auto rule had pulled it left behind the text. */ /* Melissa chat #657: more breathing room above the "FOR CANADIANS SINCE 2015" line in the desktop homepage hero, so it sits further below the menu bar. */ @media(min-width:851px){html body #MainContent .sr-home section.sr-hero.sr-hero .sr-kicker{margin-top:36px!important}} /* Melissa chat #674: a little less space between the hero testimonial and the buttons, and bigger hero buttons, on desktop. */ @media(min-width:851px){html body #MainContent .sr-home section.sr-hero.sr-hero .sr-hero-rot{margin-bottom:8px!important}html body #MainContent .sr-home section.sr-hero.sr-hero .sr-actions{margin-top:20px!important}html body #MainContent#MainContent .sr-home section.sr-hero a.sr-btn{min-height:56px!important;padding:15px 34px!important;font-size:18px!important}} /* Melissa chat #751: desktop homepage hero about 30% shorter (like Felix Health's), with tighter spacing and a slightly smaller headline so the copy and buttons still fit; the photo keeps her whole face on the right. */ @media(min-width:851px){html body #MainContent .sr-home section.sr-hero.sr-hero{height:auto!important;min-height:calc((var(--sr-hero-h) + 20px) * .7)!important;padding-top:84px!important;padding-bottom:26px!important}html body #MainContent .sr-home section.sr-hero.sr-hero .sr-hero__content{padding-top:0!important;padding-bottom:0!important}html body #MainContent .sr-home section.sr-hero.sr-hero .sr-kicker{margin-top:14px!important;margin-bottom:10px!important}html body #MainContent .sr-home section.sr-hero.sr-hero h1{font-size:clamp(34px,2.9vw,44px)!important;line-height:1.05!important;margin-bottom:12px!important}html body #MainContent .sr-home section.sr-hero.sr-hero .sr-actions{margin-top:14px!important}} @media(min-width:1100px){html body #MainContent .sr-home section.sr-hero.sr-hero>img.sr-hero__image{left:auto!important;right:0!important;width:auto!important;height:100%!important;aspect-ratio:2400/1337!important;object-fit:cover!important;object-position:right center!important}} /* Melissa chat #753: desktop homepage hero, more room under the navigation so the "For Canadians" line and the copy sit centred in the hero instead of tight against the nav. */ @media(min-width:851px){html body #MainContent .sr-home section.sr-hero.sr-hero{padding-top:132px!important;padding-bottom:44px!important}html body #MainContent .sr-home section.sr-hero.sr-hero .sr-kicker{margin-top:0!important}} /* Melissa chat #1434: header option C. Mini SlimForecast button (lavender, shimmer, calendar, purple arrow) and SlimChat as a purple outline, desktop nav only. */ @font-face{font-family:"SR Montserrat";src:url(/app/site-assets/sr-montserrat-latin.woff2) format("woff2");font-weight:100 900;font-display:swap} html body #PageContainer#PageContainer#PageContainer #SiteHeader#SiteHeader#SiteHeader .site-navigation a.site-nav__link.sr-hdr-fc{position:relative!important;overflow:hidden!important;display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:0!important;padding:4px 4px 4px 10px!important;border:1.5px solid #e2d7ff!important;border-radius:999px!important;background:linear-gradient(180deg,#fff 0%,#f7f3ff 60%,#efe8ff 100%)!important;color:#15123a!important;-webkit-text-fill-color:#15123a!important;box-shadow:0 8px 22px rgba(149,106,255,.22),0 2px 6px rgba(149,106,255,.12),inset 0 1px 0 #fff!important;font-family:"SR Montserrat",Montserrat,Arial,sans-serif!important;font-size:14px!important;font-weight:800!important;letter-spacing:-.015em!important;line-height:1!important;white-space:nowrap!important;filter:none!important;transition:transform .2s ease!important} html body #PageContainer#PageContainer#PageContainer #SiteHeader#SiteHeader#SiteHeader .site-navigation a.site-nav__link.sr-hdr-fc:is(:hover,:focus-visible){transform:translateY(-1px)!important;background:linear-gradient(180deg,#fff 0%,#f7f3ff 60%,#efe8ff 100%)!important;color:#15123a!important;-webkit-text-fill-color:#15123a!important} html body #SiteHeader .site-navigation a.sr-hdr-fc:after{content:""!important;position:absolute!important;top:0!important;left:-60%;width:40%!important;height:100%!important;background:linear-gradient(100deg,transparent,rgba(255,255,255,.95),rgba(205,185,255,.35),transparent)!important;transform:skewX(-20deg)!important;animation:srHdrSh1434 2.8s ease-in-out 1s infinite!important;pointer-events:none!important} @keyframes srHdrSh1434{0%{left:-60%}60%,100%{left:130%}} html body #SiteHeader .site-navigation a.sr-hdr-fc .sr-hdr-fc__ic{flex:none!important;display:block!important;width:24px!important;height:23px!important;background:url(/app/site-assets/sr-fc-cal.svg) center/contain no-repeat!important} html body #SiteHeader .site-navigation a.sr-hdr-fc .sr-hdr-fc__tx{display:inline-block!important;white-space:nowrap!important;font:inherit!important;color:#15123a!important;-webkit-text-fill-color:#15123a!important} html body #SiteHeader .site-navigation a.sr-hdr-fc .sr-hdr-fc__tx b{font-weight:800!important;background:linear-gradient(90deg,#9b5cff,#7a3cf0)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important} html body #SiteHeader .site-navigation a.sr-hdr-fc .sr-hdr-fc__tx sup{font-size:9px!important;font-weight:600!important;position:relative!important;top:2px!important;margin-left:1px!important;vertical-align:super!important} html body #SiteHeader .site-navigation a.sr-hdr-fc .sr-hdr-fc__go{flex:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;margin-left:6px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 28%,#a978ff 0%,#8648f7 45%,#6526dc 100%)!important;box-shadow:0 6px 14px rgba(106,46,224,.38),inset 0 1px 0 rgba(255,255,255,.35)!important} html body #PageContainer#PageContainer#PageContainer #SiteHeader#SiteHeader#SiteHeader .site-navigation a.site-nav__link.sr-hdr-chat{display:inline-flex!important;align-items:center!important;background:#fff!important;border:1.5px solid #956aff!important;border-radius:999px!important;color:#7a4cf0!important;-webkit-text-fill-color:#7a4cf0!important;box-shadow:none!important;padding:9px 20px!important;filter:none!important} html body #PageContainer#PageContainer#PageContainer #SiteHeader#SiteHeader#SiteHeader .site-navigation a.site-nav__link.sr-hdr-chat:is(:hover,:focus-visible){background:#956aff!important;border-color:#956aff!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 6px 16px rgba(149,106,255,.3)!important} /* chat1448: desktop page names always stay on one line */ html body #SiteHeader .site-navigation :is(.site-nav__link,.site-nav__item,li)>a,html body #SiteHeader .site-navigation .site-nav__link{white-space:nowrap!important} /* Melissa chat #1463 (Oct 27 2026): never leave a single orphan word on the last line of headings, subtitles or body text */ h1,h2,h3,h4,h5,h6,.sr-kicker,[class*="eyebrow"],[class*="subtitle"]{text-wrap-style:balance} p,li,blockquote,figcaption,dd,[class*="__intro"],[class*="-copy"],[class*="__copy"],[class*="desc"]{text-wrap-style:pretty} /* Melissa chat #1520 (Oct 27 2026): header SlimForecast button restyled to her mockup: purple gradient pill, white text, white circle with a purple arrow, no calendar icon. Desktop nav only. */ html body #PageContainer#PageContainer#PageContainer #SiteHeader#SiteHeader#SiteHeader .site-navigation a.site-nav__link.sr-hdr-fc,html body #PageContainer#PageContainer#PageContainer #SiteHeader#SiteHeader#SiteHeader .site-navigation a.site-nav__link.sr-hdr-fc:is(:hover,:focus-visible){gap:0!important;padding:4px 4px 4px 16px!important;border:0!important;background:linear-gradient(100deg,#6a3df0 0%,#8250ff 45%,#a77bff 100%)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 8px 22px rgba(130,80,255,.35),0 2px 6px rgba(106,61,240,.2),inset 0 1px 0 rgba(255,255,255,.25)!important;font-weight:600!important;letter-spacing:0!important} html body #SiteHeader .site-navigation a.sr-hdr-fc:after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent)!important} html body #SiteHeader .site-navigation a.sr-hdr-fc .sr-hdr-fc__ic{display:none!important} html body #SiteHeader .site-navigation a.sr-hdr-fc .sr-hdr-fc__tx,html body #SiteHeader .site-navigation a.sr-hdr-fc .sr-hdr-fc__tx b{font-weight:600!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important} html body #SiteHeader .site-navigation a.sr-hdr-fc .sr-hdr-fc__go{margin-left:12px!important;background:#fff!important;box-shadow:0 2px 6px rgba(40,10,120,.18)!important} html body #SiteHeader .site-navigation a.sr-hdr-fc .sr-hdr-fc__go svg,html body #SiteHeader .site-navigation a.sr-hdr-fc .sr-hdr-fc__go svg path{stroke:#7a3cf0!important} /* Melissa chat #1525 (Oct 27 2026): header Book a Free SlimChat button in the same style as the SlimForecast pill, but white: white pill, purple text, purple circle with a white arrow. Desktop nav only. */ html body #PageContainer#PageContainer#PageContainer #SiteHeader#SiteHeader#SiteHeader .site-navigation a.site-nav__link.sr-hdr-chat,html body #PageContainer#PageContainer#PageContainer #SiteHeader#SiteHeader#SiteHeader .site-navigation a.site-nav__link.sr-hdr-chat:is(:hover,:focus-visible){position:relative!important;overflow:hidden!important;display:inline-flex!important;align-items:center!important;gap:0!important;min-height:0!important;padding:4px 4px 4px 16px!important;border:1.5px solid #e2d7ff!important;border-radius:999px!important;background:#fff!important;color:#6a3df0!important;-webkit-text-fill-color:#6a3df0!important;box-shadow:0 8px 22px rgba(130,80,255,.18),0 2px 6px rgba(106,61,240,.1)!important;font-family:"SR Montserrat",Montserrat,Arial,sans-serif!important;font-size:14px!important;font-weight:600!important;letter-spacing:0!important;line-height:1!important;white-space:nowrap!important;filter:none!important;transition:transform .2s ease!important} html body #PageContainer#PageContainer#PageContainer #SiteHeader#SiteHeader#SiteHeader .site-navigation a.site-nav__link.sr-hdr-chat:is(:hover,:focus-visible){transform:translateY(-1px)!important} html body #SiteHeader .site-navigation a.sr-hdr-chat .sr-hdr-chat__tx{display:inline-block!important;white-space:nowrap!important;font:inherit!important;color:#6a3df0!important;-webkit-text-fill-color:#6a3df0!important} html body #SiteHeader .site-navigation a.sr-hdr-chat .sr-hdr-chat__go{flex:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;margin-left:12px!important;border-radius:50%!important;background:linear-gradient(100deg,#6a3df0 0%,#8250ff 45%,#a77bff 100%)!important;box-shadow:0 4px 10px rgba(106,46,224,.3)!important} html body #SiteHeader .site-navigation a.sr-hdr-chat .sr-hdr-chat__go svg,html body #SiteHeader .site-navigation a.sr-hdr-chat .sr-hdr-chat__go svg path{stroke:#fff!important} /* Melissa chat #1531 (Oct 27 2026): desktop header 20% shorter (64px to 51px; 60px to 48px between 851 and 1100px). Phones unchanged. */ @media(min-width:851px){html body #PageContainer#PageContainer #SiteHeader#SiteHeader,html body #PageContainer#PageContainer #SiteHeader#SiteHeader>.page-width,html body #PageContainer#PageContainer #SiteHeader#SiteHeader .header-layout,html body #PageContainer#PageContainer #SiteHeader#SiteHeader #LogoContainer,html body #PageContainer#PageContainer #SiteHeader#SiteHeader #LogoContainer .logo--has-inverted,html body #PageContainer#PageContainer #SiteHeader#SiteHeader #LogoContainer .site-header__logo-link.logo--has-inverted{height:51px!important;min-height:51px!important}html body #PageContainer#PageContainer #SiteHeader#SiteHeader{border-radius:20px!important}} @media(min-width:851px) and (max-width:1100px){html body #PageContainer#PageContainer #SiteHeader#SiteHeader,html body #PageContainer#PageContainer #SiteHeader#SiteHeader>.page-width,html body #PageContainer#PageContainer #SiteHeader#SiteHeader .header-layout,html body #PageContainer#PageContainer #SiteHeader#SiteHeader #LogoContainer,html body #PageContainer#PageContainer #SiteHeader#SiteHeader #LogoContainer .logo--has-inverted,html body #PageContainer#PageContainer #SiteHeader#SiteHeader #LogoContainer .site-header__logo-link.logo--has-inverted{height:48px!important;min-height:48px!important}} /* Melissa chat #1535 (Oct 27 2026): header Book a Free SlimChat button is now a simple white pill with a purple outline and purple text (no arrow circle); on hover it fills solid purple with white text. Desktop nav only. */ html body #PageContainer#PageContainer#PageContainer #SiteHeader#SiteHeader#SiteHeader .site-navigation a.site-nav__link.sr-hdr-chat{padding:9px 18px!important;border:1.5px solid #6a3df0!important;background:#fff!important;color:#6a3df0!important;-webkit-text-fill-color:#6a3df0!important;box-shadow:none!important;transition:background-color .2s ease,color .2s ease,transform .2s ease!important} html body #PageContainer#PageContainer#PageContainer #SiteHeader#SiteHeader#SiteHeader .site-navigation a.site-nav__link.sr-hdr-chat:is(:hover,:focus-visible){background:#6a3df0!important;border-color:#6a3df0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 6px 16px rgba(106,61,240,.25)!important} html body #SiteHeader .site-navigation a.sr-hdr-chat:is(:hover,:focus-visible) .sr-hdr-chat__tx{color:#fff!important;-webkit-text-fill-color:#fff!important} html body #SiteHeader .site-navigation a.sr-hdr-chat .sr-hdr-chat__go{display:none!important} /* Melissa chat #1656 (Oct 27 2026): desktop nav a little taller so the buttons have room (51px to 60px; 48px to 56px between 851 and 1100px). Phones unchanged. */ @media(min-width:851px){html body #PageContainer#PageContainer #SiteHeader#SiteHeader,html body #PageContainer#PageContainer #SiteHeader#SiteHeader>.page-width,html body #PageContainer#PageContainer #SiteHeader#SiteHeader .header-layout,html body #PageContainer#PageContainer #SiteHeader#SiteHeader #LogoContainer,html body #PageContainer#PageContainer #SiteHeader#SiteHeader #LogoContainer .logo--has-inverted,html body #PageContainer#PageContainer #SiteHeader#SiteHeader #LogoContainer .site-header__logo-link.logo--has-inverted{height:60px!important;min-height:60px!important}html body #PageContainer#PageContainer #SiteHeader#SiteHeader{border-radius:22px!important}} @media(min-width:851px) and (max-width:1100px){html body #PageContainer#PageContainer #SiteHeader#SiteHeader,html body #PageContainer#PageContainer #SiteHeader#SiteHeader>.page-width,html body #PageContainer#PageContainer #SiteHeader#SiteHeader .header-layout,html body #PageContainer#PageContainer #SiteHeader#SiteHeader #LogoContainer,html body #PageContainer#PageContainer #SiteHeader#SiteHeader #LogoContainer .logo--has-inverted,html body #PageContainer#PageContainer #SiteHeader#SiteHeader #LogoContainer .site-header__logo-link.logo--has-inverted{height:56px!important;min-height:56px!important}}