/* ========================================================================== Cure MB theme styles Colors, fonts, font sizes and spacing come from theme.json presets (var(--wp--preset--...)), so changing them in Appearance > Editor > Styles updates the whole site. Component names start with .cmb- ========================================================================== */ :root { --cmb-navy: var(--wp--preset--color--midnight); --cmb-navy-deep: var(--wp--preset--color--midnight-deep); --cmb-teal: var(--wp--preset--color--teal); --cmb-teal-deep: var(--wp--preset--color--teal-deep); --cmb-sea: var(--wp--preset--color--sea-glass); --cmb-mist: var(--wp--preset--color--mist); --cmb-ivory: var(--wp--preset--color--ivory); --cmb-lime: var(--wp--preset--color--lime); --cmb-ink: var(--wp--preset--color--ink); --cmb-slate: var(--wp--preset--color--slate); --cmb-line: var(--wp--preset--color--line); --cmb-r-sm: var(--wp--custom--radius--sm, 10px); --cmb-r-md: var(--wp--custom--radius--md, 16px); --cmb-r-lg: var(--wp--custom--radius--lg, 26px); --cmb-shadow: var(--wp--custom--shadow--soft); --cmb-shadow-lift: var(--wp--custom--shadow--lift); --cmb-ease: cubic-bezier(.22, .61, .36, 1); --cmb-section-y: var(--wp--preset--spacing--70); --cmb-header-h: 84px; --cmb-topbar-h: 38px; } html { scroll-behavior: smooth; scroll-padding-top: calc(var(--cmb-header-h) + 16px); -webkit-text-size-adjust: 100%; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } @media (prefers-reduced-motion: no-preference) { @view-transition { navigation: auto; } } ::view-transition-old(root), ::view-transition-new(root) { animation-duration: .35s; } body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: clip; } ::selection { background: var(--cmb-sea); color: var(--cmb-navy); } img { height: auto; } :where(a) { text-underline-offset: .18em; text-decoration-thickness: 1px; } :focus-visible { outline: 2px solid var(--cmb-lime); outline-offset: 3px; border-radius: 4px; } .cmb-main { position: relative; } .cmb-main > .wp-block-post-content { margin-block: 0; } .cmb-main > .wp-block-post-content > * { margin-block: 0; } h1, h2, h3, h4, .wp-block-heading { font-optical-sizing: auto; text-wrap: balance; } h1 em, h2 em, h3 em { font-style: italic; font-weight: 400; color: var(--cmb-teal); } p { text-wrap: pretty; } .cmb-eyebrow, .wp-block-post-terms.cmb-eyebrow { display: inline-flex; align-items: center; gap: .75rem; font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--cmb-teal); margin: 0 0 1.1rem; } .cmb-eyebrow::before { content: ""; width: 28px; height: 2px; border-radius: 2px; background: var(--cmb-lime); flex: none; } .cmb-eyebrow a { color: inherit; text-decoration: none; } .cmb-lead { font-size: var(--wp--preset--font-size--md); line-height: 1.6; color: var(--cmb-slate); max-width: 62ch; } .cmb-muted { color: var(--cmb-slate); } .cmb-note { font-size: var(--wp--preset--font-size--sm); color: var(--cmb-slate); } /* Buttons */ .wp-block-button__link { transition: background-color .3s var(--cmb-ease), color .3s var(--cmb-ease), border-color .3s var(--cmb-ease), transform .3s var(--cmb-ease), box-shadow .3s var(--cmb-ease); box-shadow: 0 10px 24px -14px rgba(11,29,69,.55); } .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 16px 30px -16px rgba(15,124,122,.75); } .wp-block-button__link:active { transform: translateY(0); } .cmb-btn-arrow .wp-block-button__link::after, .is-style-cmb-text .wp-block-button__link::after { content: ""; display: inline-block; width: .95em; height: .95em; margin-left: .55em; vertical-align: -.12em; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat; transition: transform .3s var(--cmb-ease); } .cmb-btn-arrow .wp-block-button__link:hover::after, .is-style-cmb-text .wp-block-button__link:hover::after { transform: translateX(4px); } .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--cmb-navy); border: 1.5px solid rgba(11,29,69,.22); box-shadow: none; padding: calc(1rem - 1.5px) calc(1.6rem - 1.5px); } .wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: var(--cmb-teal); color: var(--cmb-teal); background: rgba(15,124,122,.06); } .wp-block-button.is-style-cmb-light .wp-block-button__link { background: #fff; color: var(--cmb-navy); } .wp-block-button.is-style-cmb-light .wp-block-button__link:hover { background: var(--cmb-sea); color: var(--cmb-navy); } .wp-block-button.is-style-cmb-ghost-light .wp-block-button__link { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,.35); box-shadow: none; padding: calc(1rem - 1.5px) calc(1.6rem - 1.5px); } .wp-block-button.is-style-cmb-ghost-light .wp-block-button__link:hover { border-color: #fff; background: rgba(255,255,255,.08); } .wp-block-button.is-style-cmb-text .wp-block-button__link { background: none; color: var(--cmb-teal); padding: .25rem 0; box-shadow: none; border-radius: 0; font-weight: 700; } .wp-block-button.is-style-cmb-text .wp-block-button__link:hover { transform: none; color: var(--cmb-teal-deep); } .wp-block-buttons { gap: .75rem; } .wp-site-blocks > footer, .wp-site-blocks > main + * { margin-block-start: 0; } .wp-site-blocks > main { margin-block-end: 0; } /* Header */ .cmb-site-header { position: sticky; top: calc(-1 * var(--cmb-topbar-h)); z-index: 100; } .admin-bar .cmb-site-header { top: calc(32px - var(--cmb-topbar-h)); } .cmb-topbar { background: var(--cmb-navy); color: rgba(255,255,255,.78); font-size: .8125rem; height: var(--cmb-topbar-h); display: flex; align-items: center; } .cmb-topbar > * { width: 100%; } .cmb-topbar p { margin: 0; line-height: 1.2; } .cmb-topbar__links { display: flex; gap: 1.5rem; } .cmb-topbar a { color: #fff; text-decoration: none; opacity: .9; } .cmb-topbar a:hover { opacity: 1; color: var(--cmb-sea); } .cmb-header { position: relative; isolation: isolate; background: transparent; border-bottom: 1px solid transparent; transition: box-shadow .35s var(--cmb-ease), border-color .35s var(--cmb-ease), background-color .35s; } .is-scrolled .cmb-header { border-color: var(--cmb-line); box-shadow: 0 10px 30px -22px rgba(11,29,69,.45); } /* blur lives on a pseudo-element: backdrop-filter on .cmb-header itself would trap the fixed mobile menu overlay inside the header */ .cmb-header::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(255,255,255,.86); backdrop-filter: saturate(160%) blur(14px); -webkit-backdrop-filter: saturate(160%) blur(14px); transition: background-color .35s var(--cmb-ease); pointer-events: none; } .is-scrolled .cmb-header::before { background: rgba(255,255,255,.95); } .cmb-header__inner { min-height: var(--cmb-header-h); gap: 1.5rem; } .cmb-header .wp-block-site-logo { flex: none; } .cmb-header .wp-block-site-logo img { width: 64px; height: auto; transition: width .3s var(--cmb-ease); } .is-scrolled .cmb-header .wp-block-site-logo img { width: 56px; } .cmb-header__actions { gap: 1.25rem; align-items: center; flex: none; } .cmb-header__phone { margin: 0; font-size: .9375rem; font-weight: 600; white-space: nowrap; } .cmb-header__phone a { color: var(--cmb-navy); text-decoration: none; display: inline-flex; flex-direction: column; line-height: 1.2; } .cmb-header__phone-label { font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--cmb-teal); } .cmb-header__phone a:hover { color: var(--cmb-teal); } .cmb-header__cta .wp-block-button__link { padding: .85rem 1.3rem; font-size: .9375rem; white-space: nowrap; } /* Navigation */ .cmb-nav { font-size: .96rem; font-weight: 600; color: var(--cmb-navy); } .cmb-nav .wp-block-navigation__container { gap: .1rem; } .cmb-nav .wp-block-navigation-item__content { padding: .55rem .75rem; border-radius: 999px; transition: background-color .25s, color .25s; } .cmb-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover { background: var(--cmb-mist); color: var(--cmb-teal-deep); } .cmb-nav .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content { color: var(--cmb-teal); } .cmb-nav .wp-block-navigation-item__description { display: none; } @media (min-width: 1100px) { .cmb-nav .cmb-mega > .wp-block-navigation__submenu-container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .15rem .5rem; width: 640px !important; min-width: 0 !important; padding: .85rem; left: 50% !important; top: calc(100% + 12px) !important; transform: translate(-50%, 8px); border: 1px solid var(--cmb-line) !important; border-radius: 20px; background: #fff; box-shadow: var(--cmb-shadow-lift); transition: opacity .25s var(--cmb-ease), transform .25s var(--cmb-ease), visibility .25s; } .cmb-nav .cmb-mega > .wp-block-navigation__submenu-container::before { content: ""; position: absolute; left: 0; right: 0; top: -16px; height: 16px; } .cmb-nav .cmb-mega:hover > .wp-block-navigation__submenu-container, .cmb-nav .cmb-mega:focus-within > .wp-block-navigation__submenu-container, .cmb-nav .cmb-mega > [aria-expanded="true"] ~ .wp-block-navigation__submenu-container { transform: translate(-50%, 0); } .cmb-nav .cmb-mega .wp-block-navigation__submenu-container .wp-block-navigation-item { width: 100%; } .cmb-nav .cmb-mega .wp-block-navigation__submenu-container .wp-block-navigation-item__content { display: flex; flex-direction: column; align-items: flex-start; gap: .15rem; padding: .7rem .85rem; border-radius: 12px; white-space: normal; width: 100%; } .cmb-nav .cmb-mega .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--cmb-ivory); } .cmb-nav .cmb-mega .wp-block-navigation-item__label { font-weight: 650; color: var(--cmb-navy); } .cmb-nav .cmb-mega .wp-block-navigation-item__description { display: block; font-size: .8rem; font-weight: 500; color: var(--cmb-slate); line-height: 1.4; } .cmb-nav .cmb-mega .cmb-mega__all { grid-column: 1 / -1; border-top: 1px solid var(--cmb-line); margin-top: .35rem; padding-top: .35rem; } .cmb-nav .cmb-mega .cmb-mega__all .wp-block-navigation-item__label { color: var(--cmb-teal); } } /* Collapse to the overlay menu below 1100px (core collapses at 600px) */ @media (max-width: 1099px) { .cmb-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; } .cmb-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } .cmb-header__inner > .cmb-nav { order: 3; flex: none; } .cmb-header__actions { margin-left: auto; } } .cmb-nav .wp-block-navigation__responsive-container-open { width: 46px; height: 46px; border-radius: 999px; background: var(--cmb-mist); align-items: center; justify-content: center; color: var(--cmb-navy); } .cmb-header .cmb-nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open { background: var(--cmb-navy); color: #fff; padding: 1.25rem clamp(1.25rem, 5vw, 2.5rem) 2rem; } .cmb-header .cmb-nav.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-close { max-width: none; } .cmb-header .cmb-nav.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-close { color: #fff; top: .25rem; right: 0; } .cmb-header .cmb-nav.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 3.5rem; align-items: flex-start; } .cmb-header .cmb-nav.wp-block-navigation .is-menu-open .wp-block-navigation__container { gap: .25rem; align-items: flex-start; width: 100%; } .cmb-header .cmb-nav.wp-block-navigation .is-menu-open .wp-block-navigation-item { width: 100%; align-items: flex-start; } .cmb-header .cmb-nav.wp-block-navigation .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { font-family: var(--wp--preset--font-family--heading); font-size: 1.75rem; font-weight: 500; padding: .3rem 0; color: #fff; background: none; } .cmb-header .cmb-nav.wp-block-navigation .is-menu-open .wp-block-navigation__submenu-container { padding: .25rem 0 .75rem 1rem !important; border-left: 1px solid rgba(255,255,255,.18) !important; margin-left: .25rem; gap: .1rem; background: none !important; } .cmb-header .cmb-nav.wp-block-navigation .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: 1rem; font-weight: 500; color: rgba(255,255,255,.82); padding: .3rem 0; } .cmb-header .cmb-nav.wp-block-navigation .is-menu-open .wp-block-navigation-item__content:hover { color: var(--cmb-sea); } .cmb-header .cmb-nav.wp-block-navigation .is-menu-open .wp-block-navigation-item__description { display: none; } @media (max-width: 1280px) { .cmb-header__phone-label { display: none; } } @media (max-width: 1180px) and (min-width: 1100px) { .cmb-header__phone { display: none; } } @media (max-width: 1080px) { .cmb-topbar__note { display: none; } .cmb-topbar__inner { justify-content: flex-end !important; } } @media (max-width: 781px) { :root { --cmb-header-h: 68px; } .cmb-topbar { display: none; } .cmb-site-header, .admin-bar .cmb-site-header { top: 0; } .cmb-header__cta { display: none; } .cmb-header .wp-block-site-logo img, .is-scrolled .cmb-header .wp-block-site-logo img { width: 50px; } .cmb-header__phone { display: block; } .cmb-header__phone a { font-size: .85rem; } } @media (max-width: 400px) { .cmb-header__phone { display: none; } } /* Sections */ .cmb-section { padding-block: var(--cmb-section-y); position: relative; } .cmb-section--tight { --cmb-section-y: var(--wp--preset--spacing--60); } .cmb-section--ivory { background: var(--cmb-ivory); } .cmb-section--mist { background: linear-gradient(180deg, var(--cmb-ivory) 0%, var(--cmb-mist) 100%); } .cmb-section--navy { background: var(--wp--preset--gradient--midnight-sheen); color: rgba(255,255,255,.8); overflow: hidden; isolation: isolate; } .cmb-section--navy :is(h1,h2,h3,h4) { color: #fff; } .cmb-section--navy :is(h2,h3) em { color: var(--cmb-sea); } .cmb-section--navy .cmb-eyebrow { color: var(--cmb-sea); } .cmb-section--navy .cmb-lead { color: rgba(255,255,255,.75); } .cmb-section--navy a:not(.wp-block-button__link) { color: var(--cmb-sea); } .cmb-section--navy::before { content: ""; position: absolute; z-index: -1; width: min(900px, 110vw); aspect-ratio: 1; right: -18%; top: -35%; background: url(../images/arcs-light.svg) no-repeat center / contain; opacity: .18; pointer-events: none; transform: translateY(var(--cmb-arc-shift, 0px)); } .cmb-section-head { margin-bottom: var(--wp--preset--spacing--60); max-width: 780px; } .cmb-section-head > * { margin-block: 0; } .cmb-section-head h2 { margin: 0 0 1.1rem; } .cmb-section-head--center { margin-inline: auto; text-align: center; } .cmb-section-head--center .cmb-lead { margin-inline: auto; } .cmb-section-head--split { max-width: none; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 1rem 4rem; align-items: end; } .cmb-section-head--split > .cmb-eyebrow { grid-column: 1 / -1; } .cmb-section-head--split h2 { margin: 0; } @media (max-width: 860px) { .cmb-section-head--split { grid-template-columns: 1fr; } } /* Home hero */ .cmb-hero { position: relative; padding-block: clamp(2.5rem, 6vw, 5.5rem) clamp(3rem, 7vw, 6rem); background: linear-gradient(180deg, var(--cmb-ivory) 0%, #fff 82%); overflow: hidden; isolation: isolate; } .cmb-hero::before { content: ""; position: absolute; z-index: -1; width: min(1100px, 130vw); aspect-ratio: 1; right: -20%; top: -28%; background: url(../images/arcs.svg) no-repeat center / contain; opacity: .5; transform: translateY(var(--cmb-arc-shift, 0px)); } .cmb-hero::after { content: ""; position: absolute; z-index: -1; width: 640px; height: 640px; left: -240px; bottom: -340px; background: radial-gradient(closest-side, rgba(191,227,222,.6), rgba(191,227,222,0)); } .cmb-hero__grid { display: grid !important; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; } .cmb-hero__grid > * { margin: 0 !important; } .cmb-hero__copy > * { margin-block: 0; } .cmb-hero__copy h1 { margin: 0 0 1.4rem; } .cmb-hero__copy .cmb-lead { margin: 0 0 2rem; } .cmb-proof { list-style: none; padding: 0; margin: 2.25rem 0 0 !important; display: flex; flex-wrap: wrap; gap: .6rem 1.4rem; font-size: .9rem; font-weight: 600; color: var(--cmb-navy); } .cmb-proof li { display: inline-flex; align-items: center; gap: .5rem; } .cmb-proof li::before { content: ""; width: 18px; height: 18px; border-radius: 50%; flex: none; background: var(--cmb-mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F7C7A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 11px no-repeat; box-shadow: inset 0 0 0 1px rgba(15,124,122,.25); } .cmb-hero__media { position: relative; } .cmb-hero__media > .wp-block-image { margin: 0; } .cmb-hero__media > .wp-block-image img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 30%; border-radius: 999px 999px var(--cmb-r-lg) var(--cmb-r-lg); box-shadow: var(--cmb-shadow-lift); display: block; } @media (max-width: 960px) { .cmb-hero__grid { grid-template-columns: 1fr; } .cmb-hero__media { max-width: 440px; width: 100%; margin-inline: auto !important; } } @media (max-width: 600px) { .cmb-hero__media > .wp-block-image img { aspect-ratio: 1 / 1; object-position: 50% 22%; border-radius: 200px 200px var(--cmb-r-lg) var(--cmb-r-lg); } } /* Floating status cards (illustrative interface, plain HTML) */ .cmb-hero-cards { position: absolute; inset: 0; pointer-events: none; margin: 0 !important; } .cmb-float { position: absolute; display: flex; align-items: center; gap: .75rem; padding: .8rem 1rem; background: rgba(255,255,255,.94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(226,229,235,.9); border-radius: 16px; box-shadow: var(--cmb-shadow-lift); font-size: .8rem; line-height: 1.3; color: var(--cmb-navy); min-width: 220px; } .cmb-float strong { display: block; font-size: .875rem; } .cmb-float span { color: var(--cmb-slate); } .cmb-float__dot { width: 36px; height: 36px; border-radius: 12px; flex: none; display: grid; place-items: center; background: var(--cmb-mist); } .cmb-float__dot svg { width: 18px; height: 18px; } .cmb-float--a { left: -10%; top: 16%; } .cmb-float--b { right: -7%; top: 50%; } .cmb-float--c { left: -2%; bottom: 7%; } .cmb-float__pill { margin-left: auto; padding: .2rem .55rem; border-radius: 999px; font-size: .7rem; font-weight: 700; background: rgba(169,194,63,.2); color: #48590c; } .cmb-float__bars { display: flex; align-items: flex-end; gap: 4px; height: 28px; margin-left: auto; } .cmb-float__bars i { width: 6px; border-radius: 3px; background: var(--cmb-sea); } .cmb-float__bars i:last-child { background: var(--cmb-teal); } @media (max-width: 1200px) { .cmb-float--a { left: -4%; } .cmb-float--b { right: -3%; } } @media (max-width: 600px) { .cmb-float { min-width: 0; font-size: .72rem; padding: .55rem .7rem; } .cmb-float--a { left: -3%; top: 6%; } .cmb-float--b { right: -3%; top: 58%; } .cmb-float--c { display: none; } .cmb-float__dot { width: 28px; height: 28px; border-radius: 9px; } .cmb-float strong { font-size: .78rem; } } /* Hero entrance: pure CSS so it never waits on JavaScript (protects LCP) */ @media (prefers-reduced-motion: no-preference) { .cmb-hero__copy > *, .cmb-page-hero__inner > *, .cmb-page-hero__copy > * { animation: cmb-rise .9s var(--cmb-ease) both; } .cmb-hero__copy > :nth-child(2), .cmb-page-hero__inner > :nth-child(2), .cmb-page-hero__copy > :nth-child(2) { animation-delay: .07s; } .cmb-hero__copy > :nth-child(3), .cmb-page-hero__inner > :nth-child(3), .cmb-page-hero__copy > :nth-child(3) { animation-delay: .14s; } .cmb-hero__copy > :nth-child(4), .cmb-page-hero__inner > :nth-child(4), .cmb-page-hero__copy > :nth-child(4) { animation-delay: .21s; } .cmb-hero__copy > :nth-child(n+5), .cmb-page-hero__inner > :nth-child(n+5), .cmb-page-hero__copy > :nth-child(n+5) { animation-delay: .28s; } .cmb-hero__media > .wp-block-image img, .cmb-page-hero__media img { animation: cmb-settle 1.4s var(--cmb-ease) both; } .cmb-float { animation: cmb-pop .8s var(--cmb-ease) .45s both, cmb-bob 7s ease-in-out 1.3s infinite; } .cmb-float--b { animation-delay: .65s, -.5s; } .cmb-float--c { animation-delay: .85s, 1.9s; } } @keyframes cmb-rise { from { opacity: .01; transform: translateY(18px); } to { opacity: 1; transform: none; } } @keyframes cmb-settle { from { transform: scale(1.04); } to { transform: none; } } @keyframes cmb-pop { from { opacity: 0; transform: translateY(14px) scale(.96); } to { opacity: 1; transform: none; } } @keyframes cmb-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } /* Software marquee */ .cmb-marquee { border-block: 1px solid var(--cmb-line); padding-block: 1.6rem; background: #fff; } .cmb-marquee > * { margin-block: 0; } .cmb-marquee__label { text-align: center; font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--cmb-slate); margin: 0 0 1rem !important; } .cmb-marquee__track { display: flex; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); } .cmb-marquee__list { display: flex; flex: none; gap: clamp(2rem, 5vw, 4rem); padding: 0 clamp(2rem, 5vw, 4rem) 0 0; margin: 0; list-style: none; } .cmb-marquee__list li { font-family: var(--wp--preset--font-family--heading); font-size: clamp(1.1rem, 2vw, 1.4rem); font-weight: 500; color: var(--cmb-navy); opacity: .7; white-space: nowrap; letter-spacing: -.01em; } @media (prefers-reduced-motion: no-preference) { .cmb-marquee__list { animation: cmb-marquee 40s linear infinite; } .cmb-marquee__track:hover .cmb-marquee__list { animation-play-state: paused; } } @media (prefers-reduced-motion: reduce) { .cmb-marquee__list[aria-hidden="true"] { display: none; } .cmb-marquee__track { justify-content: center; -webkit-mask-image: none; mask-image: none; } .cmb-marquee__list { flex-wrap: wrap; justify-content: center; flex: 1; gap: 1rem 2rem; padding: 0; } } @keyframes cmb-marquee { to { transform: translateX(-100%); } } /* Inner page hero */ .cmb-page-hero { position: relative; padding-block: clamp(2.25rem, 5vw, 4.25rem) clamp(2.75rem, 6vw, 5rem); background: linear-gradient(180deg, var(--cmb-ivory), #fff); overflow: hidden; isolation: isolate; } .cmb-page-hero::before { content: ""; position: absolute; z-index: -1; width: min(760px, 110vw); aspect-ratio: 1; right: -14%; top: -48%; background: url(../images/arcs.svg) no-repeat center / contain; opacity: .38; transform: translateY(var(--cmb-arc-shift, 0px)); } .cmb-page-hero__inner > *, .cmb-page-hero__copy > * { margin-block: 0; } .cmb-page-hero h1 { font-size: var(--wp--preset--font-size--xxl); margin: 0 0 1.2rem; max-width: 22ch; } .cmb-page-hero .cmb-lead { margin: 0 0 1.75rem; } .cmb-page-hero__grid { display: grid !important; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; } .cmb-page-hero__grid > * { margin: 0 !important; } .cmb-page-hero__media { margin: 0; } .cmb-page-hero__media img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; border-radius: var(--cmb-r-lg); box-shadow: var(--cmb-shadow-lift); display: block; } .cmb-page-hero--article h1 { max-width: 26ch; font-size: var(--wp--preset--font-size--xl); } .cmb-page-hero--article > * { margin-block: 0 !important; } .cmb-page-hero--article .cmb-lead { margin-top: 1rem !important; } @media (max-width: 900px) { .cmb-page-hero__grid { grid-template-columns: 1fr; } .cmb-page-hero__media { max-width: 560px; } } .cmb-chips { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; margin: 1.75rem 0 0 !important; } .cmb-chips li { padding: .4rem .85rem; border-radius: 999px; background: #fff; border: 1px solid var(--cmb-line); font-size: .8rem; font-weight: 600; color: var(--cmb-navy); } /* Breadcrumbs (Yoast) */ .yoast-breadcrumbs { font-size: .8125rem; color: var(--cmb-slate); margin: 0 0 1.4rem !important; } .yoast-breadcrumbs a { color: var(--cmb-slate); text-decoration: none; } .yoast-breadcrumbs a:hover { color: var(--cmb-teal); text-decoration: underline; } .yoast-breadcrumbs .breadcrumb_last { color: var(--cmb-navy); font-weight: 600; } /* Grids and cards */ .cmb-grid { display: grid !important; gap: clamp(1rem, 2vw, 1.5rem); grid-template-columns: repeat(var(--cmb-cols, 3), minmax(0, 1fr)); } .cmb-grid--2 { --cmb-cols: 2; } .cmb-grid--3 { --cmb-cols: 3; } .cmb-grid--4 { --cmb-cols: 4; } .cmb-grid--5 { --cmb-cols: 5; } @media (max-width: 1100px) { .cmb-grid--4, .cmb-grid--5 { --cmb-cols: 3; } } @media (max-width: 900px) { .cmb-grid--3, .cmb-grid--4, .cmb-grid--5 { --cmb-cols: 2; } } @media (max-width: 620px) { .cmb-grid--2, .cmb-grid--3, .cmb-grid--4, .cmb-grid--5 { --cmb-cols: 1; } } .cmb-grid > * { margin: 0 !important; } .cmb-card, .wp-block-group.is-style-cmb-card { position: relative; background: #fff; border: 1px solid var(--cmb-line); border-radius: 20px; padding: clamp(1.4rem, 2.4vw, 2rem); box-shadow: 0 1px 2px rgba(11,29,69,.03); transition: transform .45s var(--cmb-ease), box-shadow .45s var(--cmb-ease), border-color .45s var(--cmb-ease); display: flex; flex-direction: column; overflow: hidden; } .cmb-card::after, .wp-block-group.is-style-cmb-card::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, var(--cmb-teal), var(--cmb-lime)); transform: scaleX(0); transform-origin: left; transition: transform .55s var(--cmb-ease); } .cmb-card:hover, .wp-block-group.is-style-cmb-card:hover { transform: translateY(-6px); box-shadow: var(--cmb-shadow-lift); border-color: rgba(15,124,122,.22); } .cmb-card:hover::after, .wp-block-group.is-style-cmb-card:hover::after { transform: scaleX(1); } .cmb-card > *, .is-style-cmb-card > * { margin-block: 0; } .cmb-card > * + *, .is-style-cmb-card > * + * { margin-top: .75rem; } .cmb-card h3 { font-size: clamp(1.2rem, 1.8vw, 1.42rem); line-height: 1.25; } .cmb-card h3 a { color: inherit; text-decoration: none; } .cmb-card h3 a::before { content: ""; position: absolute; inset: 0; z-index: 1; } .cmb-card p { color: var(--cmb-slate); font-size: .98rem; line-height: 1.65; } .cmb-card .cmb-card__more { margin-top: auto; padding-top: 1rem; font-weight: 700; font-size: .9rem; color: var(--cmb-teal); } .cmb-card .cmb-card__more::after { content: " →"; display: inline-block; transition: transform .3s var(--cmb-ease); } .cmb-card:hover .cmb-card__more::after { transform: translateX(4px); } .cmb-section--navy .cmb-card { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.12); } .cmb-section--navy .cmb-card p { color: rgba(255,255,255,.72); } .cmb-card--soft { background: var(--cmb-ivory); border-color: transparent; } .cmb-section--ivory .cmb-card--soft { background: #fff; } .cmb-icon { margin: 0 0 .35rem !important; line-height: 0; } .cmb-icon img { width: 52px; height: 52px; padding: 11px; border-radius: 14px; background: var(--cmb-mist); box-shadow: inset 0 0 0 1px rgba(15,124,122,.12); transition: transform .45s var(--cmb-ease), background-color .45s; } .cmb-card:hover .cmb-icon img, .cmb-tile:hover .cmb-icon img { transform: rotate(-6deg) scale(1.06); background-color: var(--cmb-sea); } .cmb-section--navy .cmb-icon img { background-color: rgba(255,255,255,.92); } .cmb-num { font-family: var(--wp--preset--font-family--heading); font-size: .95rem; font-weight: 600; color: var(--cmb-teal); letter-spacing: .02em; margin: 0; } .cmb-leak .cmb-num { display: inline-flex; width: 2.5rem; height: 2.5rem; border-radius: 50%; align-items: center; justify-content: center; border: 1px solid rgba(15,124,122,.35); align-self: flex-start; } /* Services by revenue-cycle stage */ .cmb-cycle { display: grid !important; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; } .cmb-cycle > * { margin: 0 !important; } .cmb-cycle__visual { position: sticky; top: calc(var(--cmb-header-h) + 2rem); } .cmb-ring { width: 100%; max-width: 440px; height: auto; display: block; margin-inline: auto; overflow: visible; } .cmb-ring .ring-track { stroke: var(--cmb-line); } .cmb-ring .ring-seg { stroke: var(--cmb-sea); transition: stroke .5s var(--cmb-ease), stroke-width .5s var(--cmb-ease); } .cmb-ring .ring-seg.is-active { stroke: var(--cmb-teal); stroke-width: 16; } .cmb-ring .ring-label { font-family: var(--wp--preset--font-family--body); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; fill: var(--cmb-slate); transition: fill .4s; } .cmb-ring .ring-label.is-active { fill: var(--cmb-teal); } .cmb-ring .ring-title { font-family: var(--wp--preset--font-family--heading); font-size: 30px; fill: var(--cmb-navy); } .cmb-ring .ring-sub { font-family: var(--wp--preset--font-family--body); font-size: 13px; fill: var(--cmb-slate); } .cmb-ring .ring-dot { fill: var(--cmb-lime); } .cmb-cycle__stages { display: flex; flex-direction: column; gap: clamp(2.5rem, 5vw, 3.75rem); } .cmb-stage > * { margin-block: 0; } .cmb-stage__head { display: flex !important; align-items: baseline; gap: 1rem; margin-bottom: 1.25rem !important; padding-bottom: 1rem; border-bottom: 1px solid var(--cmb-line); } .cmb-stage__head > * { margin: 0 !important; } .cmb-stage__head h3 { font-size: var(--wp--preset--font-size--lg); } .cmb-stage__head p:not(.cmb-num) { margin-left: auto !important; font-size: .85rem; color: var(--cmb-slate); } .cmb-stage .cmb-grid { --cmb-cols: 3; gap: 1rem; } .cmb-stage .cmb-card { padding: 1.3rem; } .cmb-stage .cmb-card h4 { font-family: var(--wp--preset--font-family--heading); font-weight: 500; font-size: 1.15rem; line-height: 1.25; letter-spacing: -.01em; margin: 0; } .cmb-stage .cmb-card h4 a { color: var(--cmb-navy); text-decoration: none; } .cmb-stage .cmb-card h4 a::before { content: ""; position: absolute; inset: 0; z-index: 1; } .cmb-stage .cmb-card p { font-size: .9rem; } .cmb-stage .cmb-icon img { width: 44px; height: 44px; padding: 9px; } @media (max-width: 1180px) { .cmb-stage .cmb-grid { --cmb-cols: 2; } } @media (max-width: 900px) { .cmb-cycle { grid-template-columns: 1fr; } .cmb-cycle__visual { position: relative; top: 0; max-width: 320px; margin-inline: auto !important; } .cmb-stage__head p:not(.cmb-num) { display: none; } } @media (max-width: 560px) { .cmb-stage .cmb-grid { --cmb-cols: 1; } } /* Split layouts */ .cmb-split { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 6vw, 5.5rem); align-items: center; } .cmb-split > * { margin: 0 !important; } .cmb-split--reverse > :first-child { order: 2; } .cmb-split__copy > * { margin-block: 0; } .cmb-split__copy > * + * { margin-top: 1.1rem; } .cmb-split__copy h2 { margin-bottom: .35rem; } .cmb-split__copy .cmb-eyebrow + h2 { margin-top: 0; } .cmb-media { margin: 0; position: relative; } .cmb-media > .wp-block-image { margin: 0; } .cmb-media img { width: 100%; border-radius: var(--cmb-r-lg); object-fit: cover; aspect-ratio: 4 / 3.4; box-shadow: var(--cmb-shadow-lift); display: block; } .cmb-media--tall img { aspect-ratio: 4 / 4.6; } .wp-block-image.is-style-cmb-arch img { border-radius: 999px 999px var(--cmb-r-lg) var(--cmb-r-lg); } .wp-block-image.is-style-cmb-rounded img { border-radius: var(--cmb-r-lg); } @media (max-width: 900px) { .cmb-split { grid-template-columns: 1fr; } .cmb-split--reverse > :first-child { order: 0; } } .cmb-media__badge { position: absolute; left: -1.5rem; bottom: 1.75rem; background: #fff; color: var(--cmb-navy); border-radius: 16px; padding: .95rem 1.15rem; box-shadow: var(--cmb-shadow-lift); font-size: .84rem; line-height: 1.4; max-width: 250px; margin: 0 !important; } .cmb-media__badge strong { display: block; font-family: var(--wp--preset--font-family--heading); font-size: 1.05rem; font-weight: 500; } @media (max-width: 1000px) { .cmb-media__badge { left: .75rem; bottom: .75rem; } } /* Checklist */ ul.is-style-cmb-checklist, ul.cmb-checklist { list-style: none; padding-left: 0; display: grid; gap: .7rem; } ul.is-style-cmb-checklist li, ul.cmb-checklist li { position: relative; padding-left: 2rem; } ul.is-style-cmb-checklist li::before, ul.cmb-checklist li::before { content: ""; position: absolute; left: 0; top: .3em; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: var(--cmb-mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F7C7A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat; box-shadow: inset 0 0 0 1px rgba(15,124,122,.25); } .cmb-section--navy ul.is-style-cmb-checklist li::before { background-color: rgba(255,255,255,.1); box-shadow: inset 0 0 0 1px rgba(191,227,222,.35); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BFE3DE' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); } ul.cmb-checklist--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem 2rem; } @media (max-width: 700px) { ul.cmb-checklist--2 { grid-template-columns: 1fr; } } /* Behavioral health spotlight */ .cmb-spotlight .cmb-media img { aspect-ratio: 4 / 4.3; } .cmb-pill-links { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.75rem !important; } .cmb-pill-links a { display: inline-flex; padding: .55rem 1rem; border-radius: 999px; border: 1px solid var(--cmb-line); color: var(--cmb-navy); text-decoration: none; font-weight: 600; font-size: .9rem; transition: background-color .3s, border-color .3s, color .3s; background: #fff; } .cmb-pill-links a:hover { border-color: var(--cmb-teal); color: var(--cmb-teal); background: var(--cmb-mist); } .cmb-section--navy .cmb-pill-links a { border-color: rgba(191,227,222,.35); color: #fff !important; background: transparent; } .cmb-section--navy .cmb-pill-links a:hover { background: rgba(191,227,222,.12); border-color: var(--cmb-sea); } .cmb-code-chips { display: flex; flex-wrap: wrap; gap: .45rem; } .cmb-code-chips span { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .78rem; padding: .3rem .6rem; border-radius: 8px; background: var(--cmb-mist); color: var(--cmb-teal-deep); border: 1px solid rgba(15,124,122,.18); } .cmb-section--navy .cmb-code-chips span { background: rgba(255,255,255,.07); color: var(--cmb-sea); border-color: rgba(191,227,222,.2); } /* Specialty tiles */ .cmb-tile { position: relative; display: flex !important; align-items: center; gap: 1rem; padding: 1.1rem 1.2rem; background: #fff; border: 1px solid var(--cmb-line); border-radius: 16px; transition: border-color .35s, transform .35s var(--cmb-ease), box-shadow .35s; } .cmb-tile > * { margin: 0 !important; } .cmb-tile:hover { border-color: rgba(15,124,122,.5); transform: translateY(-3px); box-shadow: var(--cmb-shadow); } .cmb-tile .cmb-icon img { width: 46px; height: 46px; padding: 10px; border-radius: 12px; } .cmb-tile__text > * { margin: 0; } .cmb-tile h3 { font-family: var(--wp--preset--font-family--body); font-size: 1rem; font-weight: 700; letter-spacing: 0; line-height: 1.3; } .cmb-tile h3 a { color: var(--cmb-navy); text-decoration: none; } .cmb-tile h3 a::before { content: ""; position: absolute; inset: 0; } .cmb-tile p { font-size: .84rem; color: var(--cmb-slate); line-height: 1.4; margin-top: .15rem !important; } .cmb-tile--featured { background: var(--cmb-mist); border-color: rgba(15,124,122,.2); } /* Process steps */ .cmb-steps { position: relative; display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.5rem; counter-reset: cmbstep; } .cmb-steps--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .cmb-steps::before, .cmb-steps::after { content: ""; position: absolute; left: 1.5rem; right: 1.5rem; top: 1.5rem; height: 2px; } .cmb-steps::before { background: var(--cmb-line); } .cmb-steps::after { background: linear-gradient(90deg, var(--cmb-teal), var(--cmb-lime)); transform-origin: left; transform: scaleX(var(--cmb-progress, 1)); } .cmb-step { position: relative; z-index: 1; margin: 0 !important; } .cmb-step > * { margin-block: 0; } .cmb-step > * + * { margin-top: .6rem; } .cmb-step::before { counter-increment: cmbstep; content: counter(cmbstep, decimal-leading-zero); display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: #fff; border: 1.5px solid var(--cmb-teal); color: var(--cmb-teal); font-family: var(--wp--preset--font-family--heading); font-weight: 600; font-size: 1rem; margin-bottom: 1.25rem; box-shadow: 0 0 0 6px #fff; } .cmb-section--ivory .cmb-step::before { box-shadow: 0 0 0 6px var(--cmb-ivory); } .cmb-step h3 { font-size: 1.2rem; } .cmb-step p { font-size: .95rem; color: var(--cmb-slate); } @media (max-width: 960px) { .cmb-steps, .cmb-steps--4 { grid-template-columns: 1fr; gap: 1.75rem; } .cmb-steps::before, .cmb-steps::after { left: 1.45rem; right: auto; top: 1.5rem; bottom: 1.5rem; width: 2px; height: auto; } .cmb-steps::after { transform-origin: top; transform: scaleY(var(--cmb-progress, 1)); } .cmb-step { padding-left: 4.5rem; } .cmb-step::before { position: absolute; left: 0; top: -.4rem; margin: 0; } } /* Stats */ .cmb-stats { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 1.5rem; border-top: 1px solid rgba(255,255,255,.14); } .cmb-stat { padding: 2.25rem 0 0; position: relative; margin: 0 !important; } .cmb-stat > * { margin-block: 0; } .cmb-stat__num { font-family: var(--wp--preset--font-family--heading); font-size: clamp(2.75rem, 5.5vw, 4.25rem); font-weight: 400; line-height: 1; color: #fff; letter-spacing: -.03em; font-variant-numeric: tabular-nums; } .cmb-stat__label { margin-top: .75rem !important; color: rgba(255,255,255,.72); font-size: .95rem; max-width: 24ch; } .cmb-section:not(.cmb-section--navy) .cmb-stats { border-color: var(--cmb-line); } .cmb-section:not(.cmb-section--navy) .cmb-stat__num { color: var(--cmb-navy); } .cmb-section:not(.cmb-section--navy) .cmb-stat__label { color: var(--cmb-slate); } @media (max-width: 900px) { .cmb-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1rem; } } /* Placeholder marker. Remove the "cmb-placeholder" class (Block > Advanced > Additional CSS class) once real content is in. On a production site, blocks with this class are hidden automatically by the Cure MB Essentials plugin. */ .cmb-placeholder { position: relative; outline: 1.5px dashed rgba(169,194,63,.95); outline-offset: 6px; border-radius: 6px; } .cmb-placeholder::before { content: "Placeholder - replace with verified content"; position: absolute; top: -1.05rem; left: .5rem; z-index: 3; font-family: var(--wp--preset--font-family--body); font-size: .62rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; background: var(--cmb-lime); color: var(--cmb-navy); padding: .2rem .45rem; border-radius: 5px; line-height: 1.3; white-space: nowrap; } .cmb-stat.cmb-placeholder::before { content: "Placeholder - replace with verified figure"; } .cmb-quote.cmb-placeholder::before { content: "Placeholder - replace with a real client quote"; } .cmb-stat.cmb-placeholder { outline-offset: 2px; } .cmb-tile .cmb-icon { flex: 0 0 46px; } .cmb-stat.cmb-placeholder { padding: 2.25rem 1rem 1rem; } /* Why Cure MB */ .cmb-why { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--cmb-line); } .cmb-why__item { padding: 2rem 2.5rem 2rem 0; border-bottom: 1px solid var(--cmb-line); display: grid !important; grid-template-columns: auto 1fr; gap: .4rem 1.25rem; align-items: start; margin: 0 !important; } .cmb-why__item:nth-child(2n) { padding-left: 2.5rem; padding-right: 0; border-left: 1px solid var(--cmb-line); } .cmb-why__item > * { margin: 0 !important; grid-column: 2; } .cmb-why__item > .cmb-icon { grid-column: 1; grid-row: 1 / span 3; } .cmb-why__item h3 { font-size: 1.3rem; } .cmb-why__item p { color: var(--cmb-slate); font-size: .98rem; } @media (max-width: 820px) { .cmb-why { grid-template-columns: 1fr; } .cmb-why__item, .cmb-why__item:nth-child(2n) { padding: 1.75rem 0; border-left: 0; } } /* Pricing */ .cmb-plans { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; } .cmb-plan { position: relative; background: #fff; border: 1px solid var(--cmb-line); border-radius: 20px; padding: 1.6rem 1.3rem; display: flex !important; flex-direction: column; transition: transform .4s var(--cmb-ease), box-shadow .4s, border-color .4s; margin: 0 !important; } .cmb-plan > * { margin-block: 0; } .cmb-plan > * + * { margin-top: .4rem; } .cmb-plan:hover { transform: translateY(-5px); box-shadow: var(--cmb-shadow-lift); border-color: rgba(15,124,122,.25); } .cmb-plan__band { font-size: .76rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--cmb-slate); } .cmb-plan__range { font-size: .95rem; font-weight: 600; color: var(--cmb-navy); } .cmb-plan__price { font-family: var(--wp--preset--font-family--heading); font-size: clamp(2.2rem, 3.2vw, 2.8rem); line-height: 1; color: var(--cmb-navy); letter-spacing: -.02em; margin-top: 1rem !important; } .cmb-plan__per { font-size: .85rem; color: var(--cmb-slate); } .cmb-plan--featured { background: var(--wp--preset--gradient--midnight-sheen); border-color: transparent; color: rgba(255,255,255,.8); } .cmb-plan--featured .cmb-plan__price, .cmb-plan--featured .cmb-plan__range { color: #fff; } .cmb-plan--featured .cmb-plan__band, .cmb-plan--featured .cmb-plan__per { color: rgba(255,255,255,.7); } .cmb-plan .wp-block-buttons { margin-top: auto !important; padding-top: 1.25rem; } .cmb-plan .wp-block-button { width: 100%; } .cmb-plan .wp-block-button__link { width: 100%; text-align: center; padding: .8rem 1rem; font-size: .9rem; } .cmb-includes { margin-top: 2rem !important; padding: 1.75rem 2rem; background: var(--cmb-ivory); border-radius: 20px; display: grid !important; grid-template-columns: minmax(0, 16rem) 1fr; gap: 1rem 2.5rem; align-items: center; } .cmb-section--ivory .cmb-includes { background: #fff; border: 1px solid var(--cmb-line); } .cmb-includes > * { margin: 0 !important; } .cmb-includes h3 { font-size: 1.25rem; } .cmb-includes ul { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem 1.5rem; margin: 0; } @media (max-width: 1100px) { .cmb-plans { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .cmb-plans { grid-template-columns: 1fr 1fr; } .cmb-includes { grid-template-columns: 1fr; } .cmb-includes ul { grid-template-columns: 1fr 1fr; } } @media (max-width: 480px) { .cmb-plans { grid-template-columns: 1fr; } .cmb-includes ul { grid-template-columns: 1fr; } } /* Testimonials */ .cmb-quote { position: relative; background: #fff; border: 1px solid var(--cmb-line); border-radius: 20px; padding: 2rem; display: flex !important; flex-direction: column; gap: 1.25rem; } .cmb-quote > * { margin: 0 !important; } .cmb-quote__text { font-family: var(--wp--preset--font-family--heading); font-size: 1.15rem; line-height: 1.55; color: var(--cmb-navy); } .cmb-quote__text::before { content: "\201C"; display: block; font-size: 3.5rem; line-height: .6; color: var(--cmb-sea); margin-bottom: .6rem; } .cmb-quote__who { margin-top: auto !important; font-size: .9rem; color: var(--cmb-slate); padding-top: 1.25rem; border-top: 1px solid var(--cmb-line); } .cmb-quote__who strong { display: block; color: var(--cmb-navy); } /* FAQ (core Details block) */ .cmb-faq { border-top: 1px solid var(--cmb-line); } .cmb-faq > * { margin: 0 !important; } .cmb-faq .wp-block-details { border-bottom: 1px solid var(--cmb-line); padding: 0; } .cmb-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 1.5rem; align-items: center; padding: 1.35rem 0; font-family: var(--wp--preset--font-family--heading); font-size: clamp(1.08rem, 1.6vw, 1.28rem); font-weight: 500; line-height: 1.35; color: var(--cmb-navy); transition: color .25s; } .cmb-faq summary::-webkit-details-marker { display: none; } .cmb-faq summary::after { content: ""; flex: none; width: 2.25rem; height: 2.25rem; border-radius: 50%; border: 1px solid var(--cmb-line); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F7C7A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 14px no-repeat; transition: transform .4s var(--cmb-ease), background-color .3s, border-color .3s; } .cmb-faq summary:hover { color: var(--cmb-teal); } .cmb-faq details[open] > summary::after { transform: rotate(135deg); background-color: var(--cmb-mist); border-color: transparent; } .cmb-faq details > :not(summary) { margin: 0 0 1.35rem; max-width: 70ch; color: var(--cmb-slate); } @supports (interpolate-size: allow-keywords) { .cmb-faq details { interpolate-size: allow-keywords; } .cmb-faq details::details-content { block-size: 0; overflow: clip; transition: block-size .4s var(--cmb-ease), content-visibility .4s allow-discrete; } .cmb-faq details[open]::details-content { block-size: auto; } } .cmb-faq-layout { display: grid !important; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 6vw, 5rem); align-items: start; } .cmb-faq-layout > * { margin: 0 !important; } .cmb-faq-layout > .cmb-section-head { position: sticky; top: calc(var(--cmb-header-h) + 2rem); } @media (max-width: 900px) { .cmb-faq-layout { grid-template-columns: 1fr; } .cmb-faq-layout > .cmb-section-head { position: static; margin-bottom: 0 !important; } } .cmb-faq-group + .cmb-faq-group { margin-top: var(--wp--preset--spacing--60) !important; } .cmb-faq-group h2 { font-size: var(--wp--preset--font-size--xl); margin-bottom: 1.25rem; } /* Posts */ .cmb-posts .wp-block-post-template { gap: 1.5rem; } .cmb-post-card { position: relative; height: 100%; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--cmb-line); border-radius: 20px; overflow: hidden; transition: transform .45s var(--cmb-ease), box-shadow .45s; } .cmb-post-card:hover { transform: translateY(-5px); box-shadow: var(--cmb-shadow-lift); } .cmb-post-card > * { margin: 0 1.5rem !important; } .cmb-post-card > * + * { margin-top: .6rem !important; } .cmb-post-card > :last-child { margin-bottom: 1.5rem !important; } .cmb-post-card > .wp-block-post-featured-image { margin: 0 !important; overflow: hidden; } .cmb-post-card .wp-block-post-featured-image img { transition: transform .8s var(--cmb-ease); } .cmb-post-card:hover .wp-block-post-featured-image img { transform: scale(1.04); } .cmb-post-card .wp-block-post-terms { margin-top: 1.25rem !important; font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; } .cmb-post-card .wp-block-post-terms a { color: var(--cmb-teal); text-decoration: none; position: relative; z-index: 2; } .cmb-post-card .wp-block-post-title { font-size: 1.28rem; line-height: 1.3; } .cmb-post-card .wp-block-post-title a { color: var(--cmb-navy); text-decoration: none; } .cmb-post-card .wp-block-post-title a::before { content: ""; position: absolute; inset: 0; z-index: 1; } .cmb-post-card .wp-block-post-excerpt { font-size: .94rem; color: var(--cmb-slate); } .cmb-post-card .wp-block-post-excerpt__excerpt { margin: 0; } .cmb-post-card .wp-block-post-date { font-size: .8rem; color: var(--cmb-slate); margin-top: auto !important; padding-top: .75rem; } @media (max-width: 900px) { .cmb-posts .wp-block-post-template.is-layout-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 620px) { .cmb-posts .wp-block-post-template.is-layout-grid { grid-template-columns: 1fr; } } .wp-block-query-pagination { margin-top: 3rem; gap: .5rem; font-weight: 600; } .wp-block-query-pagination a, .wp-block-query-pagination .current { padding: .4rem .8rem; border-radius: 999px; text-decoration: none; } .wp-block-query-pagination .current { background: var(--cmb-navy); color: #fff; } /* Article */ .cmb-article__body { padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--70); } .cmb-article__body > * { margin-block: 0; } .cmb-article__body .wp-block-post-content { font-size: 1.09rem; } .cmb-article__body .wp-block-post-content > * { margin-block: 0; } .cmb-article__body .wp-block-post-content > * + * { margin-top: 1.15rem; } .cmb-article__body .wp-block-post-content h2 { font-size: var(--wp--preset--font-size--xl); margin-top: 2.75rem; margin-bottom: .25rem; } .cmb-article__body .wp-block-post-content h3 { margin-top: 2rem; } .cmb-article__image { margin-bottom: 2.5rem !important; } .cmb-article__image img { border-radius: var(--cmb-r-lg); } .cmb-article__meta { font-size: .875rem; color: var(--cmb-slate); gap: .5rem 1.25rem; margin-top: 1.25rem !important; } .cmb-article__meta > * { margin: 0 !important; } .cmb-article__cta { margin-top: 3.5rem !important; padding: 2.25rem; border-radius: 22px; background: var(--wp--preset--gradient--midnight-sheen); color: rgba(255,255,255,.82); } .cmb-article__cta > * { margin-block: 0; } .cmb-article__cta > * + * { margin-top: 1rem; } .cmb-article__cta h2 { color: #fff; font-size: var(--wp--preset--font-size--lg); } .cmb-article__cta .wp-block-button__link { background: #fff; color: var(--cmb-navy); } .cmb-related-title { font-size: var(--wp--preset--font-size--xl); margin-bottom: 2rem !important; } .cmb-callout { padding: 1.5rem 1.75rem; border-radius: 16px; background: var(--cmb-mist); border-left: 3px solid var(--cmb-teal); } .cmb-callout > * { margin-block: 0; } .cmb-callout > * + * { margin-top: .6rem; } .cmb-section--navy .cmb-callout { background: rgba(255,255,255,.06); border-left-color: var(--cmb-sea); } /* Tables */ .wp-block-table.cmb-table { margin: 0; } .wp-block-table.cmb-table table { border-collapse: separate; border-spacing: 0; width: 100%; border: 1px solid var(--cmb-line); border-radius: 16px; overflow: hidden; font-size: .95rem; background: #fff; } .wp-block-table.cmb-table thead { border: 0; } .wp-block-table.cmb-table th { background: var(--cmb-ivory); color: var(--cmb-navy); text-align: left; font-weight: 700; padding: .9rem 1.1rem; border: 0; border-bottom: 1px solid var(--cmb-line); } .wp-block-table.cmb-table td { padding: .9rem 1.1rem; border: 0; border-bottom: 1px solid var(--cmb-line); vertical-align: top; color: var(--cmb-ink); } .wp-block-table.cmb-table tr:last-child td { border-bottom: 0; } .wp-block-table.cmb-table td:first-child { font-weight: 650; color: var(--cmb-navy); } .wp-block-table.cmb-table figcaption, .wp-block-table.cmb-table .wp-element-caption { font-size: .82rem; color: var(--cmb-slate); margin-top: .75rem; text-align: left; } @media (max-width: 640px) { .wp-block-table.cmb-table { overflow-x: auto; } .wp-block-table.cmb-table table { min-width: 520px; } } /* Related links */ ul.cmb-related { display: flex; flex-wrap: wrap; gap: .6rem; list-style: none; padding: 0; margin: 0; } ul.cmb-related li { margin: 0; } ul.cmb-related a { display: inline-flex; padding: .6rem 1.1rem; border-radius: 999px; border: 1px solid var(--cmb-line); background: #fff; color: var(--cmb-navy); font-weight: 600; font-size: .9rem; text-decoration: none; transition: border-color .3s, color .3s, background-color .3s; } ul.cmb-related a:hover { border-color: var(--cmb-teal); color: var(--cmb-teal); background: var(--cmb-mist); } /* CTA blocks and forms */ .cmb-final-cta { background: var(--wp--preset--gradient--midnight-sheen); color: rgba(255,255,255,.8); overflow: hidden; isolation: isolate; } .cmb-final-cta__grid { display: grid !important; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(2rem, 6vw, 5rem); align-items: start; } .cmb-final-cta__grid > * { margin: 0 !important; } .cmb-final-cta__copy > * { margin-block: 0; } .cmb-final-cta__copy > * + * { margin-top: 1.1rem; } .cmb-final-cta h2 { color: #fff; } .cmb-final-cta h2 em { color: var(--cmb-sea); } .cmb-final-cta .cmb-eyebrow { color: var(--cmb-sea); } .cmb-final-cta .cmb-lead { color: rgba(255,255,255,.76); } .cmb-final-cta a:not(.wp-block-button__link) { color: #fff; } @media (max-width: 900px) { .cmb-final-cta__grid { grid-template-columns: 1fr; } } ul.cmb-contact-lines { list-style: none; padding: 0; margin: 2rem 0 0 !important; display: grid; gap: .75rem; } ul.cmb-contact-lines li { display: flex; flex-direction: column; padding: 1rem 1.25rem; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; font-size: .95rem; transition: border-color .3s, background-color .3s; } ul.cmb-contact-lines li:hover { border-color: rgba(191,227,222,.45); background: rgba(255,255,255,.03); } ul.cmb-contact-lines li strong { font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: var(--cmb-sea); font-weight: 700; } ul.cmb-contact-lines a { font-size: 1.1rem; font-weight: 600; text-decoration: none; } .cmb-section:not(.cmb-final-cta):not(.cmb-section--navy) ul.cmb-contact-lines li { border-color: var(--cmb-line); background: #fff; } .cmb-section:not(.cmb-final-cta):not(.cmb-section--navy) ul.cmb-contact-lines li strong { color: var(--cmb-teal); } .cmb-section:not(.cmb-final-cta):not(.cmb-section--navy) ul.cmb-contact-lines a { color: var(--cmb-navy); } .cmb-form-panel { background: #fff; color: var(--cmb-ink); border-radius: 24px; padding: clamp(1.5rem, 3vw, 2.5rem); box-shadow: 0 30px 60px -30px rgba(0,0,0,.45); } .cmb-form-panel > * { margin-block: 0; } .cmb-form-panel > * + * { margin-top: 1rem; } .cmb-form-panel h2, .cmb-form-panel h3 { font-size: 1.5rem; color: var(--cmb-navy) !important; } .cmb-form-panel p { color: var(--cmb-slate); } .cmb-form-note { font-size: .8rem !important; color: var(--cmb-slate) !important; padding-left: 1.4rem; position: relative; } .cmb-form-note::before { content: ""; position: absolute; left: 0; top: .15rem; width: 15px; height: 15px; background: url(../icons/lock-keyhole.svg) center / contain no-repeat; } .cmb-section:not(.cmb-final-cta) .cmb-form-panel { box-shadow: var(--cmb-shadow-lift); border: 1px solid var(--cmb-line); } /* Fluent Forms skin */ .fluentform .ff-el-group { margin-bottom: 1rem; } .fluentform .ff-el-input--label { margin-bottom: .35rem; } .fluentform .ff-el-input--label label { font-size: .85rem; font-weight: 600; color: var(--cmb-navy); } .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label::after { color: var(--cmb-teal); } .fluentform .ff-el-form-control { border: 1px solid #D5DAE3; border-radius: 12px; padding: .8rem .95rem; font-size: 1rem; font-family: inherit; color: var(--cmb-ink); background-color: #FBFCFD; transition: border-color .2s, box-shadow .2s, background-color .2s; min-height: 50px; width: 100%; } .fluentform .ff-el-form-control:focus { border-color: var(--cmb-teal); box-shadow: 0 0 0 4px rgba(15,124,122,.12); background-color: #fff; outline: none; } .fluentform select.ff-el-form-control { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1D45' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .9rem center; background-size: 16px; padding-right: 2.5rem; } .fluentform textarea.ff-el-form-control { min-height: 110px; } .fluentform .ff-el-form-check { display: inline-block; width: 49%; vertical-align: top; margin-bottom: .35rem; } .fluentform .ff-el-form-check-label { font-size: .92rem; display: flex; gap: .55rem; align-items: center; cursor: pointer; color: var(--cmb-ink); } .fluentform input[type=checkbox], .fluentform input[type=radio] { accent-color: var(--cmb-teal); width: 18px; height: 18px; flex: none; } @media (max-width: 520px) { .fluentform .ff-el-form-check { width: 100%; } } .fluentform .ff-btn-submit, .cmb-step-next { background: var(--cmb-navy) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; padding: 1rem 1.6rem !important; font-family: inherit !important; font-weight: 600 !important; font-size: 1rem !important; cursor: pointer; transition: background-color .3s, transform .3s var(--cmb-ease); width: 100%; opacity: 1 !important; line-height: 1.2; } .fluentform .ff-btn-submit:hover, .cmb-step-next:hover { background: var(--cmb-teal) !important; transform: translateY(-2px); } .fluentform .ff-el-is-error .ff-el-form-control { border-color: #C2410C; } .fluentform .error, .fluentform .text-danger { color: #B42318; font-size: .8rem; margin-top: .3rem; } .ff-message-success { border: 0 !important; border-radius: 16px; background: var(--cmb-mist) !important; color: var(--cmb-navy) !important; padding: 1.5rem !important; box-shadow: none !important; font-size: 1rem; } .fluentform .ff-t-container { gap: 1rem; } .fluentform .ff-t-cell { padding: 0 !important; } .fluentform .ff-el-section-break { margin: .5rem 0 1rem; } .fluentform .ff-el-section-title { font-family: var(--wp--preset--font-family--heading); font-size: 1.2rem; color: var(--cmb-navy); font-weight: 500; margin: 0; } .fluentform .ff-section_break_desk { font-size: .9rem; color: var(--cmb-slate); } .fluentform hr { display: none; } .fluentform .ff-el-help-message { font-size: .8rem; color: var(--cmb-slate); } .fluentform .ff-el-form-control::placeholder { color: #8A93A5; } .fluentform .ff-custom_html { font-size: .8rem; color: var(--cmb-slate); } /* Two-step enhancement for the assessment form (assets/js/main.js) */ .cmb-steps-progress { display: flex; align-items: center; gap: .75rem; margin-bottom: 1.5rem; font-size: .78rem; font-weight: 700; color: var(--cmb-slate); letter-spacing: .06em; text-transform: uppercase; } .cmb-steps-progress__bar { flex: 1; height: 4px; border-radius: 4px; background: var(--cmb-line); overflow: hidden; } .cmb-steps-progress__bar i { display: block; height: 100%; width: 50%; background: linear-gradient(90deg, var(--cmb-teal), var(--cmb-lime)); transition: width .5s var(--cmb-ease); } .cmb-step-pane[hidden] { display: none !important; } .cmb-step-nav { display: flex; gap: .75rem; margin: .5rem 0 0; } .cmb-step-back { background: transparent; color: var(--cmb-navy); border: 1.5px solid #D5DAE3; border-radius: 999px; padding: .9rem 1.4rem; font-weight: 600; cursor: pointer; font-family: inherit; font-size: 1rem; flex: none; } .cmb-step-back:hover { border-color: var(--cmb-teal); color: var(--cmb-teal); } .cmb-has-steps .ff_submit_btn_wrapper { display: flex; gap: .75rem; } /* Footer */ .cmb-footer-cta { background: var(--wp--preset--gradient--teal-sheen); color: #fff; padding-block: clamp(2.5rem, 5vw, 3.5rem); position: relative; overflow: hidden; isolation: isolate; } .cmb-footer-cta::before { content: ""; position: absolute; z-index: -1; right: -8%; top: -60%; width: 680px; aspect-ratio: 1; background: url(../images/arcs-light.svg) center / contain no-repeat; opacity: .25; } .cmb-footer-cta__inner { gap: 1.5rem 3rem; align-items: center !important; } .cmb-footer-cta__text { max-width: 640px; } .cmb-footer-cta__text > * { margin: 0; } .cmb-footer-cta__title { font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--xl); line-height: 1.15; color: #fff; letter-spacing: -.015em; } .cmb-footer-cta__sub { margin-top: .6rem !important; color: rgba(255,255,255,.86); } .cmb-footer-cta .is-style-cmb-light .wp-block-button__link:hover { background: var(--cmb-navy); color: #fff; } body:has(.cmb-final-cta) .cmb-footer-cta, body.cmb-is-landing .cmb-footer-cta { display: none; } .cmb-footer { background: var(--cmb-navy-deep); color: rgba(255,255,255,.68); padding-block: clamp(3rem, 6vw, 5rem) 2rem; font-size: .94rem; } .cmb-footer a { color: rgba(255,255,255,.82); text-decoration: none; transition: color .2s; } .cmb-footer a:hover { color: var(--cmb-sea); } .cmb-footer__cols { gap: 2.5rem; } .cmb-footer__brand > * { margin-block: 0; } .cmb-footer__brand > * + * { margin-top: 1.25rem; } .cmb-footer .wp-block-site-logo { background: #fff; display: inline-block; padding: 10px 12px; border-radius: 16px; line-height: 0; } .cmb-footer .wp-block-site-logo img { width: 72px; } .cmb-footer__about { max-width: 40ch; } .cmb-footer__contact { line-height: 1.9; } .cmb-footer__contact a { color: #fff; font-weight: 600; } .cmb-footer__social { display: flex; flex-wrap: wrap; gap: .5rem; } .cmb-footer__social a { padding: .35rem .8rem; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; font-size: .8rem; } .cmb-footer__social a:hover { border-color: var(--cmb-sea); } .cmb-footer__heading { font-family: var(--wp--preset--font-family--body) !important; font-size: .76rem !important; font-weight: 700 !important; letter-spacing: .14em !important; text-transform: uppercase; color: var(--cmb-sea) !important; margin: .5rem 0 1.25rem !important; line-height: 1.4 !important; } .cmb-footer__list { list-style: none; padding: 0; margin: 0; display: grid; gap: .55rem; } .cmb-footer__bottom { margin-top: 3.5rem !important; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.12); font-size: .82rem; gap: 1rem; } .cmb-footer__bottom p { margin: 0; } .cmb-footer__legal { display: flex; flex-wrap: wrap; gap: 1.25rem; } @media (max-width: 781px) and (min-width: 600px) { .cmb-footer__cols { flex-wrap: wrap !important; } .cmb-footer__cols > .cmb-footer__brand { flex-basis: 100% !important; } .cmb-footer__cols > .cmb-footer__col { flex-basis: calc(33% - 2rem) !important; flex-grow: 1; } } /* Mobile sticky call / assessment bar */ .cmb-mobile-bar { display: none; } @media (max-width: 781px) { .cmb-mobile-bar { display: block; position: fixed; z-index: 90; left: 0; right: 0; bottom: 0; padding: .6rem .75rem calc(.6rem + env(safe-area-inset-bottom)); background: rgba(255,255,255,.96); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top: 1px solid var(--cmb-line); box-shadow: 0 -10px 30px -20px rgba(11,29,69,.4); transform: translateY(110%); transition: transform .4s var(--cmb-ease); } .cmb-mobile-bar.is-visible { transform: none; } .cmb-mobile-bar__buttons { display: grid !important; grid-template-columns: 1fr 1.4fr; gap: .5rem !important; } .cmb-mobile-bar .wp-block-button { width: 100%; } .cmb-mobile-bar .wp-block-button__link { width: 100%; padding: .85rem .5rem !important; font-size: .95rem; text-align: center; box-shadow: none; } .cmb-mobile-bar .is-style-outline .wp-block-button__link { border-color: rgba(11,29,69,.25); } .cmb-is-landing .cmb-mobile-bar, .cmb-form-focus .cmb-mobile-bar { display: none; } .cmb-footer { padding-bottom: calc(2rem + 76px); } } /* 404 */ .cmb-404 { text-align: center; padding-block: clamp(4rem, 10vw, 8rem); background: linear-gradient(180deg, var(--cmb-ivory), #fff); } .cmb-404 > * { margin-inline: auto !important; } .cmb-404__code { font-family: var(--wp--preset--font-family--heading); font-size: clamp(5rem, 16vw, 11rem); line-height: 1; color: var(--cmb-sea); margin: 0; } .cmb-404 h1 { font-size: var(--wp--preset--font-size--xxl); } .cmb-404__search { max-width: 480px; margin-top: 2.5rem !important; } .wp-block-search__input { border-radius: 999px; border: 1px solid #D5DAE3; padding: .75rem 1.1rem; } .wp-block-search__button { border-radius: 999px; background: var(--cmb-navy); color: #fff; border: 0; padding: .75rem 1.25rem; font-weight: 600; } /* Legal pages */ .cmb-legal { padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70); } .cmb-legal > * { margin-block: 0; } .cmb-legal > * + * { margin-top: 1rem; } .cmb-legal h2 { font-size: var(--wp--preset--font-size--lg); margin-top: 2.5rem; } .cmb-legal h3 { font-size: 1.15rem; margin-top: 1.75rem; } /* Scroll reveal: elements start hidden only when JS motion is active */ html.cmb-motion :is(.cmb-section-head > *, .cmb-reveal, .cmb-grid > *, .cmb-steps > .cmb-step, .cmb-why > *, .cmb-plans > *, .cmb-split__copy > *, .cmb-stats > *, .cmb-faq > *, .cmb-stage, .cmb-final-cta__grid > *, .cmb-posts .wp-block-post, .cmb-includes) { opacity: 0; } html.cmb-motion .cmb-media img { clip-path: inset(6% 6% 6% 6% round 26px); } html.cmb-motion :is(.cmb-hero, .cmb-page-hero) :is(.cmb-grid > *, .cmb-section-head > *) { opacity: 1; } /* Editor */ .editor-styles-wrapper .cmb-mobile-bar { display: block; position: static; transform: none; } .editor-styles-wrapper .cmb-site-header { position: relative; top: 0; } @media print { .cmb-site-header, .cmb-mobile-bar, .cmb-footer-cta { display: none !important; } } /* ===== Inner pages ===== */ .cmb-two-col { display: grid !important; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(2rem, 6vw, 5.5rem); align-items: start; } .cmb-two-col > * { margin: 0 !important; } .cmb-two-col > .cmb-split__copy { position: sticky; top: calc(var(--cmb-header-h) + 2rem); } .cmb-two-col h2 { font-size: var(--wp--preset--font-size--xxl); } @media (max-width: 900px) { .cmb-two-col { grid-template-columns: 1fr; } .cmb-two-col > .cmb-split__copy { position: static; } } .cmb-prose { max-width: 68ch; } .cmb-prose > * { margin-block: 0; } .cmb-prose > * + * { margin-top: 1.1rem; } .cmb-prose > p { font-size: 1.075rem; line-height: 1.75; color: var(--cmb-ink); } .cmb-prose > h3 { font-size: var(--wp--preset--font-size--lg); margin-top: 2.25rem; } .cmb-prose > h3:first-child { margin-top: 0; } .cmb-prose > p:first-child { font-size: 1.2rem; color: var(--cmb-navy); } .cmb-section--navy .cmb-prose > p { color: rgba(255,255,255,.82); } .cmb-grid--links .cmb-card { padding: 1.4rem 1.5rem; } .cmb-grid--links .cmb-card h3 { font-size: 1.15rem; } .cmb-grid--links .cmb-card .cmb-card__more { margin-top: .5rem !important; } .cmb-section > .cmb-wrap > .cmb-callout { padding: clamp(1.75rem, 4vw, 3rem); border-radius: 24px; display: grid; gap: .9rem; } .cmb-section > .cmb-wrap > .cmb-callout h2 { font-size: var(--wp--preset--font-size--xl); max-width: 28ch; } .cmb-section > .cmb-wrap > .cmb-callout > p:not(.cmb-eyebrow):not(.cmb-pill-links) { max-width: 70ch; color: var(--cmb-ink); } .cmb-callout .cmb-pill-links { margin-top: .5rem !important; } /* Code tables & notes */ .cmb-codes { display: grid !important; gap: 1.5rem; } .cmb-codes > * { margin: 0 !important; } .cmb-note { font-size: .85rem; color: var(--cmb-slate); } /* Pricing page */ .cmb-compare td:not(:first-child), .cmb-compare th:not(:first-child) { text-align: center !important; } /* Hub cards with images */ .cmb-hub-card { padding: 0 !important; overflow: hidden; } .cmb-hub-card > figure { margin: 0 !important; aspect-ratio: 16/10; overflow: hidden; } .cmb-hub-card > figure img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--cmb-ease); } .cmb-hub-card:hover > figure img { transform: scale(1.04); } .cmb-hub-card > :not(figure) { margin-inline: 1.6rem !important; } .cmb-hub-card > :last-child { margin-bottom: 1.6rem !important; } .cmb-hub-card > h3 { margin-top: 1.4rem !important; } /* Contact page */ .cmb-contact-cards .cmb-card a { font-weight: 650; } /* Team / values list */ .cmb-values .cmb-card { background: transparent; } /* Article hero: one column, aligned with the article body */ .cmb-page-hero--article > * { width: 100%; max-width: 760px !important; margin-inline: auto !important; } .cmb-page-hero--article h1 { max-width: 760px; } /* Contact lines on light heroes */ .cmb-page-hero ul.cmb-contact-lines li { border-color: var(--cmb-line); background: #fff; } .cmb-page-hero ul.cmb-contact-lines li strong { color: var(--cmb-teal); } .cmb-page-hero ul.cmb-contact-lines a { color: var(--cmb-navy); } .cmb-assessment-hero .cmb-final-cta__copy h1 { font-size: var(--wp--preset--font-size--display); } .cmb-page-hero--article > .cmb-eyebrow { display: flex !important; } @media (max-width: 781px) { .cmb-header__cta { display: none !important; } } @media (max-width: 781px) { .cmb-hero::before { display: none; } } .cmb-section--mist .cmb-eyebrow, .cmb-callout .cmb-eyebrow, .cmb-tile--featured p { color: var(--wp--preset--color--teal-deep); } /* ========================================================================== v2: premium hero, photography, testimonials, service-page components ========================================================================== */ /* Photos: every photo sits in a fixed-ratio box and is cropped with object-fit, never stretched or overlapping text. */ .cmb-photo img { width: 100%; height: auto; object-fit: cover; object-position: 50% 22%; display: block; } figure.cmb-photo, .wp-block-image.cmb-photo { margin: 0; } /* Lime primary button */ .wp-block-button.cmb-btn-lime .wp-block-button__link { background: var(--cmb-lime); color: var(--cmb-navy); font-weight: 700; box-shadow: 0 10px 24px -10px rgba(169,194,63,.7); } .wp-block-button.cmb-btn-lime .wp-block-button__link:hover { background: #bad24f; color: var(--cmb-navy); transform: translateY(-2px); } .cmb-hero-ctas { gap: .9rem !important; margin: 0 !important; } .cmb-callline { margin: 1.1rem 0 0 !important; font-size: .95rem; color: rgba(255,255,255,.72); } .cmb-callline a { color: #fff; font-weight: 700; text-decoration-color: rgba(255,255,255,.35); } /* ---------- Home hero (dark, female physician) ---------- */ .cmb-hero--v2 { background: var(--wp--preset--gradient--midnight-sheen); color: rgba(255,255,255,.82); padding-block: clamp(2.25rem, 5vw, 4.5rem) clamp(3rem, 6vw, 5.5rem); } .cmb-hero--v2::before { background-image: url(../images/arcs-light.svg); opacity: .24; right: -16%; top: -34%; } .cmb-hero--v2::after { width: 720px; height: 720px; left: -260px; bottom: -380px; background: radial-gradient(closest-side, rgba(15,124,122,.5), rgba(15,124,122,0)); } .cmb-hero--v2 .cmb-hero__grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(2.5rem, 6vw, 6rem); } .cmb-hero--v2 .cmb-eyebrow { color: var(--cmb-sea); } .cmb-hero--v2 h1 { color: #fff; font-size: clamp(2.45rem, 5.1vw, 4.35rem); line-height: 1.04; letter-spacing: -.02em; margin: 0 0 1.4rem; } .cmb-hero--v2 h1 em { color: var(--cmb-sea); } .cmb-hero--v2 .cmb-lead { color: rgba(255,255,255,.8); margin: 0 0 2rem; max-width: 56ch; } .cmb-hero--v2 .cmb-proof { color: #fff; margin-top: 2rem !important; } .cmb-hero--v2 .cmb-proof li::before { background-color: rgba(191,227,222,.16); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BFE3DE' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); box-shadow: inset 0 0 0 1px rgba(191,227,222,.35); } .cmb-hero--v2 .cmb-hero__media { max-width: 520px; width: 100%; justify-self: end; isolation: isolate; } .cmb-hero--v2 .cmb-hero__media::before { content: ""; position: absolute; inset: 18px 18px -18px -18px; z-index: -1; border: 1.5px solid rgba(191,227,222,.38); border-radius: 999px 999px 34px 34px; } .cmb-hero--v2 .cmb-hero__media > .wp-block-image img { aspect-ratio: 4 / 5; object-position: 50% 14%; box-shadow: 0 50px 90px -40px rgba(0,0,0,.65); border-radius: 999px 999px 28px 28px; } .cmb-hero--v2 .cmb-float--a { left: -9%; top: 17%; } .cmb-hero--v2 .cmb-float--b { right: -6%; top: 52%; } .cmb-hero--v2 .cmb-float--c { left: -3%; bottom: 6%; } @media (max-width: 1100px) { .cmb-hero--v2 .cmb-float--a { left: -4%; } .cmb-hero--v2 .cmb-float--b { right: -2%; } .cmb-hero--v2 .cmb-float--c { left: 0; } } @media (max-width: 960px) { .cmb-hero--v2 .cmb-hero-cards { display: none; } .cmb-hero--v2 .cmb-hero__grid { grid-template-columns: 1fr; gap: 2.75rem; } .cmb-hero--v2 .cmb-hero__media { max-width: 400px; justify-self: center; margin-inline: auto !important; } .cmb-hero--v2 .cmb-hero__media::before { inset: 14px 14px -14px -14px; } .cmb-hero--v2 .cmb-float--a { left: -3%; } .cmb-hero--v2 .cmb-float--b { right: -3%; } } @media (max-width: 600px) { .cmb-hero--v2 .cmb-hero__media { max-width: 330px; } .cmb-hero--v2 .cmb-hero__media > .wp-block-image img { aspect-ratio: 4 / 5; border-radius: 999px 999px 24px 24px; } .cmb-hero--v2 .cmb-hero__media::before { inset: 10px 10px -10px -10px; } .cmb-hero-ctas .wp-block-button { width: 100%; } .cmb-hero-ctas .wp-block-button__link { width: 100%; justify-content: center; } .cmb-hero--v2 .cmb-float--a { left: -6%; top: 8%; } .cmb-hero--v2 .cmb-float--b { right: -6%; top: 62%; } } .cmb-marquee { border-top: 0; } /* ---------- Dark page hero (service, specialty, hub pages) ---------- */ .cmb-page-hero--dark { background: var(--wp--preset--gradient--midnight-sheen); color: rgba(255,255,255,.8); padding-block: clamp(2rem, 4.5vw, 4rem) clamp(2.75rem, 6vw, 5rem); overflow: hidden; isolation: isolate; } .cmb-page-hero--dark::before { background-image: url(../images/arcs-light.svg); opacity: .22; right: -12%; top: -45%; } .cmb-page-hero--dark h1 { color: #fff; font-size: clamp(2.1rem, 4.1vw, 3.3rem); max-width: 20ch; line-height: 1.08; letter-spacing: -.015em; } .cmb-page-hero--dark h1 em { color: var(--cmb-sea); } .cmb-page-hero--dark .cmb-eyebrow { color: var(--cmb-sea); } .cmb-page-hero--dark .cmb-lead { color: rgba(255,255,255,.8); margin-bottom: 1.75rem; } .cmb-page-hero--dark :is(.yoast-breadcrumbs, .yoast-breadcrumbs a, .yoast-breadcrumbs span, .yoast-breadcrumbs strong) { color: rgba(255,255,255,.72); } .cmb-page-hero--dark .yoast-breadcrumbs { margin-bottom: 1.1rem; font-size: .85rem; } .cmb-page-hero--dark .yoast-breadcrumbs strong { color: #fff; } .cmb-page-hero--dark .cmb-chips li { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.2); color: #fff; } .cmb-page-hero--dark .cmb-page-hero__grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(2.5rem, 6vw, 5.5rem); align-items: center; } .cmb-page-hero__frame { position: relative; isolation: isolate; margin: 0 !important; } .cmb-page-hero__frame::before { content: ""; position: absolute; inset: 16px -16px -16px 16px; z-index: -1; border: 1.5px solid rgba(191,227,222,.38); border-radius: 30px; } .cmb-page-hero__frame img { aspect-ratio: 5 / 4.4; object-position: 50% 24%; border-radius: 26px; box-shadow: 0 40px 80px -36px rgba(0,0,0,.65); } @media (max-width: 900px) { .cmb-page-hero--dark .cmb-page-hero__grid { grid-template-columns: 1fr; } .cmb-page-hero__frame { max-width: 560px; width: calc(100% - 16px); } .cmb-page-hero--dark h1 { max-width: none; } } @media (max-width: 600px) { .cmb-page-hero--dark .cmb-hero-ctas .wp-block-button, .cmb-page-hero--dark .cmb-hero-ctas .wp-block-button__link { width: 100%; justify-content: center; } } /* ---------- Pain cards ---------- */ .cmb-pain { background: #fff; } .cmb-pain .cmb-icon img { background-color: #FDF1E3; } .cmb-pain h3 { font-size: 1.2rem; } /* ---------- Business outcomes (dark tiles) ---------- */ .cmb-outcomes { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; } .cmb-outcome { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.14); border-radius: 20px; padding: 1.75rem 1.5rem; margin: 0 !important; transition: transform .35s var(--cmb-ease), background-color .35s; } .cmb-outcome:hover { transform: translateY(-5px); background: rgba(255,255,255,.08); } .cmb-outcome > * { margin-block: 0; } .cmb-outcome > * + * { margin-top: .8rem; } .cmb-outcome h3 { font-size: 1.25rem; color: #fff; } .cmb-outcome p { color: rgba(255,255,255,.76); font-size: .96rem; line-height: 1.65; } @media (max-width: 1100px) { .cmb-outcomes { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 620px) { .cmb-outcomes { grid-template-columns: 1fr; } } /* ---------- CTA band ---------- */ .cmb-section--ctaband { background: linear-gradient(135deg, #0A5E5D 0%, #0B1D45 70%); } .cmb-ctaband { display: grid !important; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; } .cmb-ctaband > * { margin: 0 !important; } .cmb-ctaband__copy > * { margin-block: 0; } .cmb-ctaband__copy > * + * { margin-top: 1.1rem; } .cmb-ctaband__copy h2 { color: #fff; font-size: clamp(1.9rem, 3.4vw, 2.7rem); } .cmb-ctaband__copy p { color: rgba(255,255,255,.8); max-width: 52ch; } .cmb-ctaband__media img { aspect-ratio: 3 / 2; border-radius: 22px; object-position: 50% 28%; box-shadow: 0 30px 60px -30px rgba(0,0,0,.6); } @media (max-width: 860px) { .cmb-ctaband { grid-template-columns: 1fr; } .cmb-ctaband__media { max-width: 520px; } } /* ---------- Photo split + captions below the photo (never over it) ---------- */ .cmb-media { display: flex; flex-direction: column; gap: .9rem; } .cmb-media__badge { position: static !important; max-width: none !important; background: #fff; border: 1px solid var(--cmb-line); box-shadow: var(--cmb-shadow) !important; } .cmb-spotlight .cmb-media__badge, .cmb-section--navy .cmb-media__badge { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); color: rgba(255,255,255,.82); } .cmb-section--navy .cmb-media__badge strong { color: #fff; } .cmb-split--photo-left { align-items: start; } .cmb-split--photo-left > .cmb-media { position: sticky; top: calc(var(--cmb-header-h) + 1.5rem); } @media (max-width: 900px) { .cmb-split--photo-left > .cmb-media { position: static; } } .cmb-media--tall img { aspect-ratio: 4 / 4.6; object-position: 50% 20%; } .cmb-outcome-block { display: grid !important; grid-template-columns: auto 1fr; gap: 1rem 1.25rem; padding: 1.4rem 0 .4rem; border-top: 1px solid var(--cmb-line); margin: 0 !important; } .cmb-outcome-block > * { margin: 0 !important; } .cmb-outcome-block__text > * { margin-block: 0; } .cmb-outcome-block__text > * + * { margin-top: .7rem; } .cmb-outcome-block h3 { font-size: 1.35rem; } .cmb-outcome-sub { color: var(--cmb-slate); font-weight: 600; } .cmb-split--photo-left .cmb-split__copy > .cmb-outcome-block { margin-top: 1.25rem !important; } .cmb-split--photo-left .cmb-split__copy > .wp-block-buttons { margin-top: 1.75rem !important; } .cmb-why--list { grid-template-columns: 1fr !important; } .cmb-why--list .cmb-why__item, .cmb-why--list .cmb-why__item:nth-child(2n) { padding: 1.4rem 0; border-left: 0; } .cmb-final-cta__photo { margin-top: 1.75rem !important; } .cmb-final-cta__photo img { aspect-ratio: 16 / 9; border-radius: 20px; object-position: 50% 30%; } /* ---------- Photo cards (specialties) ---------- */ .cmb-photocards { --cmb-cols: 5; } .cmb-photocards.cmb-grid--3 { --cmb-cols: 3; } .cmb-photocard { display: flex !important; flex-direction: column; background: #fff; border: 1px solid var(--cmb-line); border-radius: 20px; overflow: hidden; position: relative; margin: 0 !important; transition: transform .4s var(--cmb-ease), box-shadow .4s var(--cmb-ease); } .cmb-photocard:hover { transform: translateY(-6px); box-shadow: var(--cmb-shadow-lift); } .cmb-photocard > * { margin: 0 !important; } .cmb-photocard__img { aspect-ratio: 4 / 3; overflow: hidden; background: var(--cmb-mist); } .cmb-photocard__img img { aspect-ratio: 4 / 3; transition: transform .9s var(--cmb-ease); } .cmb-photocard:hover .cmb-photocard__img img { transform: scale(1.05); } .cmb-photocard__body { padding: 1.1rem 1.15rem 1.25rem; display: flex !important; flex-direction: column; gap: .4rem; flex: 1; } .cmb-photocard__body > * { margin: 0 !important; } .cmb-photocard__body h3 { font-size: 1.08rem; line-height: 1.25; } .cmb-photocard__body h3 a { color: var(--cmb-navy); text-decoration: none; } .cmb-photocard__body h3 a::before { content: ""; position: absolute; inset: 0; z-index: 1; } .cmb-photocard__body p { font-size: .88rem; line-height: 1.55; color: var(--cmb-slate); } .cmb-photocard .cmb-card__more { margin-top: auto !important; padding-top: .6rem; font-weight: 700; font-size: .85rem; color: var(--cmb-teal); } .cmb-photocard .cmb-card__more::after { content: " →"; } .cmb-photocards.cmb-grid--3 .cmb-photocard__body h3 { font-size: 1.2rem; } .cmb-photocards.cmb-grid--3 .cmb-photocard__body p { font-size: .95rem; } /* ---------- Testimonials ---------- */ .cmb-testimonials { display: grid !important; grid-template-columns: 1.3fr 1fr 1fr; gap: 2.25rem; align-items: stretch; margin-top: 1.25rem !important; } .cmb-testimonials--two { grid-template-columns: 1.3fr 1fr; } .cmb-testimonial { position: relative; display: flex !important; flex-direction: column; gap: 1.1rem; background: #fff; border: 1px solid var(--cmb-line); border-radius: 22px; padding: 2.2rem 2rem 1.75rem; box-shadow: var(--cmb-shadow); margin: 0 !important; } .cmb-testimonial > * { margin: 0 !important; } .cmb-testimonial__quote { font-family: var(--wp--preset--font-family--heading); font-size: 1.14rem; line-height: 1.55; color: var(--cmb-navy); } .cmb-testimonial__quote::before { content: "\201C"; display: block; font-size: 3.6rem; line-height: .55; color: var(--cmb-sea); margin-bottom: .75rem; } .cmb-testimonial--featured { background: var(--wp--preset--gradient--midnight-sheen); border-color: transparent; box-shadow: var(--cmb-shadow-lift); } .cmb-testimonial--featured .cmb-testimonial__quote { color: #fff; font-size: 1.3rem; } .cmb-testimonial--featured .cmb-testimonial__quote::before { color: var(--cmb-teal); } .cmb-testimonial__who { display: flex !important; align-items: center; gap: .9rem; margin-top: auto !important; padding-top: 1.25rem; border-top: 1px solid var(--cmb-line); } .cmb-testimonial--featured .cmb-testimonial__who { border-color: rgba(255,255,255,.18); } .cmb-testimonial__who > * { margin: 0 !important; } .cmb-avatar { flex: none; width: 56px; } .cmb-avatar img { width: 56px !important; height: 56px !important; border-radius: 50%; display: block; } .cmb-testimonial__name { font-size: .88rem; color: var(--cmb-slate); line-height: 1.4; } .cmb-testimonial__name strong { display: block; color: var(--cmb-navy); font-size: .98rem; } .cmb-testimonial--featured .cmb-testimonial__name { color: rgba(255,255,255,.72); } .cmb-testimonial--featured .cmb-testimonial__name strong { color: #fff; } .cmb-stars { color: #E0A526; letter-spacing: .18em; font-size: 1.05rem; line-height: 1; } .cmb-placeholder .cmb-stars { display: none; } /* stars only appear once the card is no longer a placeholder */ .cmb-testimonial.cmb-placeholder::before { content: "Placeholder - add a real client testimonial"; } .cmb-testimonial.cmb-placeholder { outline-offset: 7px; } .cmb-trust-row { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; max-width: 880px; margin: 0 auto 2.75rem !important; } .cmb-trust-slot { text-align: center; background: #fff; border: 1px solid var(--cmb-line); border-radius: 18px; padding: 1.5rem 1rem 1.15rem; margin: 0 !important; } .cmb-trust-slot > * { margin: 0 !important; } .cmb-trust__value { font-family: var(--wp--preset--font-family--heading); font-size: 2.3rem; line-height: 1.1; color: var(--cmb-navy); } .cmb-trust__label { font-weight: 700; font-size: .92rem; color: var(--cmb-navy); margin-top: .35rem !important; } .cmb-trust__hint { font-size: .8rem; color: var(--cmb-slate); margin-top: .2rem !important; } .cmb-trust-slot.cmb-placeholder::before { content: "Placeholder - add verified figure"; } .cmb-trust-slot.cmb-placeholder { outline-offset: 5px; padding-top: 1.9rem; } .cmb-editor-note { text-align: center; font-size: .82rem; color: var(--cmb-slate); max-width: 62ch; margin: 2rem auto 0 !important; } @media (max-width: 1000px) { .cmb-testimonials, .cmb-testimonials--two { grid-template-columns: 1fr; max-width: 640px; margin-inline: auto !important; } } @media (max-width: 700px) { .cmb-trust-row { grid-template-columns: 1fr; max-width: 360px; } } /* ---------- Reveal-safe: new grouped blocks animate with the existing system ---------- */ html.cmb-motion :is(.cmb-testimonials > *, .cmb-outcomes > *, .cmb-trust-row > *, .cmb-ctaband__copy > *) { opacity: 0; } html.cmb-motion :is(.cmb-hero, .cmb-page-hero) :is(.cmb-testimonials > *, .cmb-outcomes > *) { opacity: 1; } /* Placeholder notes: leave room for the lime label so it never sits on the text above */ .cmb-section p.cmb-placeholder, .cmb-section .cmb-steps + .cmb-placeholder { margin-top: 2rem !important; } .cmb-spotlight .cmb-media img { object-position: 22% 40%; } /* ---------- Social icons (Facebook, LinkedIn, Instagram) ---------- */ .cmb-social { display: flex; align-items: center; gap: .6rem; margin: 0; } .cmb-social a { width: 40px; height: 40px; border-radius: 50%; display: inline-grid; place-items: center; color: inherit; border: 1px solid currentColor; border-color: rgba(255,255,255,.25); padding: 0 !important; transition: background-color .25s, color .25s, border-color .25s, transform .25s var(--cmb-ease); } .cmb-social a svg { width: 18px; height: 18px; display: block; } .cmb-social a:hover, .cmb-social a:focus-visible { background: var(--cmb-lime); color: var(--cmb-navy); border-color: var(--cmb-lime); transform: translateY(-2px); } .cmb-footer__social { margin-top: .25rem; } .cmb-footer__social a { border: 1px solid rgba(255,255,255,.25); border-radius: 50%; color: #fff; font-size: inherit; } .cmb-topbar__social { gap: .25rem; margin-left: 1rem; } .cmb-topbar__social a { width: 26px; height: 26px; border: 0; color: rgba(255,255,255,.85); } .cmb-topbar__social a svg { width: 14px; height: 14px; } .cmb-topbar__social a:hover { transform: none; } .cmb-social-label { margin: 1.5rem 0 .6rem !important; font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; opacity: .75; } .cmb-section:not(.cmb-final-cta):not(.cmb-section--navy) .cmb-social--contact a { color: var(--cmb-navy); border-color: var(--cmb-line); background: #fff; } .cmb-section:not(.cmb-final-cta):not(.cmb-section--navy) .cmb-social--contact a:hover { background: var(--cmb-navy); color: #fff; border-color: var(--cmb-navy); } @media (max-width: 760px) { .cmb-topbar__social { display: none; } } .cmb-topbar__links { margin-left: auto; } /* ========================================================================== v3: lead-capture hero with cut-out physician, trust band, premium testimonials ========================================================================== */ /* ---------- Home hero ---------- */ .cmb-hero--v3 { background: linear-gradient(180deg, #F4F8FA 0%, #E3F0EF 100%); padding-block: clamp(2rem, 4vw, 3.25rem) 0; overflow: hidden; } .cmb-hero--v3::before { display: none; } .cmb-hero--v3::after { width: 760px; height: 760px; right: -280px; left: auto; bottom: -330px; background: radial-gradient(closest-side, rgba(15,124,122,.18), rgba(15,124,122,0)); } .cmb-hero--v3 .cmb-hero__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: end; } .cmb-hero--v3 .cmb-hero__copy { padding-bottom: clamp(2.25rem, 4vw, 3.5rem); } .cmb-hero--v3 h1 { font-size: clamp(2.3rem, 4.5vw, 3.85rem); line-height: 1.05; letter-spacing: -.02em; margin: 0 0 1.25rem; color: var(--cmb-navy); } .cmb-hero--v3 h1 em { color: var(--cmb-teal); } .cmb-hero--v3 .cmb-lead { margin: 0 0 .9rem; font-size: clamp(1.02rem, 1.4vw, 1.18rem); max-width: 58ch; } .cmb-hero__sub { margin: 0 0 1.6rem !important; color: var(--cmb-slate); font-size: .98rem; line-height: 1.65; max-width: 58ch; } .cmb-hero-formcard { background: #fff; border: 1px solid var(--cmb-line); border-radius: 20px; padding: 1.25rem 1.35rem 1.1rem; box-shadow: 0 24px 50px -30px rgba(11,29,69,.35); max-width: 640px; margin: 0 !important; } .cmb-hero-formcard > * { margin-block: 0; } .cmb-hero-form__title { font-family: var(--wp--preset--font-family--heading); font-size: 1.25rem; color: var(--cmb-navy); margin-bottom: .8rem !important; } .cmb-hero-form form fieldset { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; margin: 0; padding: 0; border: 0; min-width: 0; } .cmb-hero-form .ff-el-group { margin: 0 !important; min-width: 0; } .cmb-hero-form .ff-el-input--label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .cmb-hero-form .ff-el-form-control { height: 48px; padding: 0 .9rem; border-radius: 12px; font-size: .95rem; } .cmb-hero-form .ff_submit_btn_wrapper { grid-column: 1 / -1; } .cmb-hero-form .ff-btn-submit { width: 100%; min-height: 50px; border-radius: 999px !important; background: var(--cmb-lime) !important; color: var(--cmb-navy) !important; font-weight: 800; box-shadow: 0 12px 24px -12px rgba(122,150,20,.9); } .cmb-hero-form .ff-btn-submit:hover { background: #bad24f !important; } .cmb-hero-form .ff-message-success, .cmb-hero-form .ff-errors-in-stack { grid-column: 1 / -1; } .cmb-hero-assure { list-style: none; display: flex; flex-wrap: wrap; gap: .35rem 1.1rem; margin: .85rem 0 0 !important; padding: 0; font-size: .82rem; font-weight: 600; color: var(--cmb-navy); } .cmb-hero-assure li { display: inline-flex; align-items: center; gap: .4rem; } .cmb-hero-assure li::before { content: ""; width: 16px; height: 16px; border-radius: 50%; flex: none; background: var(--cmb-mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F7C7A' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 10px no-repeat; } .cmb-hero--v3 .cmb-callline { color: var(--cmb-slate); margin-top: 1rem !important; } .cmb-hero--v3 .cmb-callline a { color: var(--cmb-navy); text-decoration-color: rgba(11,29,69,.3); } /* Physician stage: disc + side arc text + cut-out photo, flush with the trust band */ .cmb-stage3 { position: relative; width: 100%; max-width: 540px; justify-self: end; aspect-ratio: 1 / 1.12; clip-path: inset(-12% -14% 0 -14%); margin: 0 !important; } .cmb-stage3__decor { position: absolute; inset: 0; pointer-events: none; } .cmb-stage3__disc { position: absolute; left: 5%; top: 13%; width: 90%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 30% 24%, #2AA6A0 0%, #0F7C7A 36%, #0B1D45 100%); box-shadow: 0 40px 70px -40px rgba(11,29,69,.55); } .cmb-stage3__ring { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; } .cmb-stage3__ring text { font-family: var(--wp--preset--font-family--body); font-weight: 800; font-size: 11.5px; letter-spacing: .17em; fill: var(--cmb-navy); } .cmb-stage3__chip { position: absolute; width: 50px; height: 50px; border-radius: 50%; background: #fff; display: grid; place-items: center; box-shadow: 0 12px 26px -10px rgba(11,29,69,.45); } .cmb-stage3__chip img { width: 22px; height: 22px; display: block; } .cmb-stage3__chip--a { left: 1%; top: 11%; } .cmb-stage3__chip--b { right: 3%; top: 17%; } .cmb-stage3__chip--c { left: 3%; top: 87%; } .cmb-stage3 .cmb-stage3__doctor { position: absolute; left: 50%; bottom: 0; height: 100%; width: auto; max-width: none; transform: translateX(-50%); margin: 0 !important; } .cmb-stage3 .cmb-stage3__doctor img { height: 100%; width: auto; max-width: none; display: block; object-fit: contain; filter: drop-shadow(0 18px 24px rgba(11,29,69,.25)); } @media (max-width: 960px) { .cmb-hero--v3 .cmb-hero__grid { grid-template-columns: 1fr; gap: 0; } .cmb-hero--v3 .cmb-hero__copy { padding-bottom: 2rem; } .cmb-stage3 { max-width: 400px; justify-self: center; margin-inline: auto !important; } } @media (max-width: 640px) { .cmb-hero-form form fieldset { grid-template-columns: 1fr; } .cmb-hero-formcard { padding: 1.1rem 1rem .95rem; border-radius: 18px; } .cmb-stage3 { max-width: 320px; } .cmb-stage3__chip { width: 42px; height: 42px; } .cmb-stage3__chip img { width: 18px; height: 18px; } .cmb-stage3__ring text { font-size: 12.5px; } } /* ---------- Trust band under the hero ---------- */ .cmb-trustband { background: var(--cmb-navy); color: #fff; padding-block: 1.15rem; } .cmb-trustband__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem 1.5rem; } .cmb-trustband__list li { display: flex; align-items: center; gap: .8rem; font-weight: 700; font-size: .92rem; line-height: 1.3; } .cmb-trustband__icon { width: 44px; height: 44px; flex: none; border-radius: 50%; background: rgba(191,227,222,.14); display: grid; place-items: center; box-shadow: inset 0 0 0 1px rgba(191,227,222,.3); } .cmb-trustband__icon img { width: 22px; height: 22px; filter: brightness(0) invert(1); display: block; } @media (max-width: 1000px) { .cmb-trustband__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 520px) { .cmb-trustband__list { grid-template-columns: 1fr; } .cmb-trustband { padding-block: 1.25rem; } } /* ---------- Testimonials (premium) ---------- */ .cmb-testimonials-section .cmb-section-head { margin-bottom: 2rem; } .cmb-testimonial { position: relative; } .cmb-testimonial.cmb-sample { outline: 0 !important; } .cmb-testimonial.cmb-sample::before { content: "Sample"; top: 1rem; left: auto; right: 1rem; } .cmb-testimonial__tag { display: inline-flex; align-self: flex-start; padding: .28rem .75rem; border-radius: 999px; background: var(--cmb-mist); color: var(--cmb-teal); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .cmb-testimonial--featured .cmb-testimonial__tag { background: rgba(191,227,222,.16); color: var(--cmb-sea); } .cmb-testimonial__quote { font-size: 1.08rem; line-height: 1.6; } .cmb-testimonial__quote::before { font-size: 3rem; margin-bottom: .55rem; } .cmb-testimonial--featured { padding: clamp(2rem, 4vw, 3.25rem); gap: 1.4rem; overflow: hidden; isolation: isolate; margin-bottom: 1.75rem !important; } .cmb-testimonial--featured::after { content: "\201D"; position: absolute; z-index: -1; right: clamp(1rem, 5vw, 4rem); top: -.2em; font-family: var(--wp--preset--font-family--heading); font-size: clamp(12rem, 24vw, 22rem); line-height: 1; color: rgba(191,227,222,.12); } .cmb-testimonial--featured .cmb-testimonial__quote { font-size: clamp(1.3rem, 2.3vw, 1.85rem); line-height: 1.45; max-width: 52ch; } .cmb-testimonial--featured .cmb-testimonial__quote::before { font-size: 5rem; color: var(--cmb-sea); margin-bottom: 1rem; } .cmb-testimonial--featured .cmb-testimonial__who { max-width: 52ch; } .cmb-avatar img { background: var(--cmb-mist); } .cmb-testimonial--featured .cmb-avatar img { width: 64px !important; height: 64px !important; } .cmb-testimonial--featured .cmb-avatar { width: 64px; } .cmb-testimonial--featured.cmb-sample::before { top: 1.25rem; right: 1.25rem; } .cmb-testimonials--grid { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: none; } @media (max-width: 1000px) { .cmb-testimonials--grid { grid-template-columns: 1fr; max-width: 640px; margin-inline: auto !important; } } /* Carousel: scroll-snap track, arrows added by main.js, works without JS by swiping or scrolling */ .cmb-tcarousel { position: relative; } .cmb-tcarousel__track { display: flex !important; gap: 1.5rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: .5rem .25rem 1.25rem; margin: 0 -.25rem !important; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .cmb-tcarousel__track::-webkit-scrollbar { display: none; } .cmb-tcarousel__track > .cmb-testimonial { flex: 0 0 calc((100% - 3rem) / 3); scroll-snap-align: start; margin: 0 !important; transition: transform .45s var(--cmb-ease), box-shadow .45s var(--cmb-ease); } .cmb-tcarousel__track > .cmb-testimonial:hover { transform: translateY(-5px); box-shadow: var(--cmb-shadow-lift); } .cmb-tcarousel__nav { display: flex; justify-content: flex-end; gap: .6rem; margin-top: .25rem; } .cmb-tcarousel__btn { width: 46px; height: 46px; border-radius: 50%; border: 1.5px solid var(--cmb-line); background: #fff; color: var(--cmb-navy); display: grid; place-items: center; cursor: pointer; transition: background-color .25s, color .25s, border-color .25s; } .cmb-tcarousel__btn:hover:not(:disabled) { background: var(--cmb-navy); color: #fff; border-color: var(--cmb-navy); } .cmb-tcarousel__btn:disabled { opacity: .35; cursor: default; } @media (max-width: 1000px) { .cmb-tcarousel__track > .cmb-testimonial { flex-basis: calc((100% - 1.5rem) / 2); } } @media (max-width: 640px) { .cmb-tcarousel__track > .cmb-testimonial { flex-basis: 88%; } } html.cmb-motion .cmb-tcarousel:not(.is-in) .cmb-testimonial { opacity: 0; transform: translateY(18px); } html.cmb-motion .cmb-tcarousel .cmb-testimonial { transition: opacity .7s var(--cmb-ease), transform .7s var(--cmb-ease), box-shadow .45s var(--cmb-ease); } html.cmb-motion .cmb-tcarousel.is-in .cmb-testimonial:nth-child(2) { transition-delay: .08s; } html.cmb-motion .cmb-tcarousel.is-in .cmb-testimonial:nth-child(3) { transition-delay: .16s; } html.cmb-motion .cmb-tcarousel.is-in .cmb-testimonial:nth-child(4) { transition-delay: .24s; } .cmb-editor-note code { font-size: .78em; background: rgba(11,29,69,.06); padding: .05rem .3rem; border-radius: 4px; } /* ========================================================================== v4: compact dark hero, premium layered backgrounds (CSS only), glass + gradient-border cards, image frames, hover lifts and image reveals ========================================================================== */ :root { --cmb-grid-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cpath d='M56 0H0v56' fill='none' stroke='%23fff' stroke-opacity='.07' stroke-width='1'/%3E%3C/svg%3E"); --cmb-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .04 0 0 0 0 .12 0 0 0 0 .27 0 0 0 .075 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"); --cmb-ecg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='120' viewBox='0 0 640 120'%3E%3Cpath d='M0 60h150l14-8 12 8h30l12-44 18 92 16-70 12 22h50l12-10 14 10h300' fill='none' stroke='%237FE0D6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --cmb-curve: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='300' viewBox='0 0 900 300'%3E%3Cpath d='M0 250C180 250 240 40 450 60S760 260 900 120' fill='none' stroke='%230F7C7A' stroke-opacity='.18' stroke-width='1.4'/%3E%3Cpath d='M0 280C200 280 260 90 460 110S780 280 900 170' fill='none' stroke='%23C6DD5B' stroke-opacity='.35' stroke-width='1'/%3E%3C/svg%3E"); } /* ---------- 1. Compact dark hero ---------- */ .cmb-hero--v3 { color: rgba(255,255,255,.86); isolation: isolate; padding-block: clamp(1.25rem, 2.2vw, 1.9rem) 0; background: radial-gradient(46% 70% at 88% 18%, rgba(46,200,190,.40), rgba(46,200,190,0) 70%), radial-gradient(38% 60% at 52% -8%, rgba(46,96,200,.45), rgba(46,96,200,0) 70%), radial-gradient(34% 55% at 4% 96%, rgba(198,221,91,.16), rgba(198,221,91,0) 70%), linear-gradient(135deg, #061233 0%, #0B1D45 48%, #0B5C5B 118%); } .cmb-hero--v3::before { display: block; content: ""; position: absolute; inset: 0; z-index: -1; width: auto; aspect-ratio: auto; background: var(--cmb-grid-line); opacity: 1; -webkit-mask-image: radial-gradient(70% 90% at 70% 40%, #000 0%, transparent 78%); mask-image: radial-gradient(70% 90% at 70% 40%, #000 0%, transparent 78%); right: auto; top: 0; } .cmb-hero--v3::after { content: ""; position: absolute; z-index: -1; left: auto; right: 0; top: 16%; bottom: auto; width: min(640px, 55%); height: 120px; background: var(--cmb-ecg) no-repeat right center / contain; opacity: .38; -webkit-mask-image: linear-gradient(90deg, transparent, #000 40%); mask-image: linear-gradient(90deg, transparent, #000 40%); } .cmb-hero--v3 .cmb-hero__grid { grid-template-columns: minmax(0, 1.28fr) minmax(0, .72fr); gap: clamp(1rem, 3vw, 3rem); } .cmb-hero--v3 .cmb-hero__copy { padding-bottom: clamp(1.4rem, 2.4vw, 2rem); } .cmb-hero--v3 .cmb-eyebrow { color: #8FE9DF; margin-bottom: .55rem; } .cmb-hero--v3 h1 { color: #fff; font-size: clamp(2.1rem, 3.55vw, 3.15rem); line-height: 1.06; margin: 0 0 .8rem; max-width: 20ch; text-wrap: balance; } .cmb-hero--v3 h1 em { color: #C6E15E; } .cmb-hero--v3 .cmb-lead { color: rgba(255,255,255,.84); font-size: clamp(1rem, 1.25vw, 1.12rem); line-height: 1.55; margin: 0 0 1.1rem; max-width: 52ch; } /* glass form card with a gradient hairline */ .cmb-hero-formcard { position: relative; background: linear-gradient(150deg, rgba(255,255,255,.14), rgba(255,255,255,.05)); -webkit-backdrop-filter: blur(14px) saturate(1.25); backdrop-filter: blur(14px) saturate(1.25); border: 0; border-radius: 20px; padding: .95rem 1.1rem .8rem; box-shadow: 0 30px 60px -34px rgba(0,0,0,.6); max-width: 680px; } .cmb-hero-formcard::before, .cmb-gborder::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, rgba(198,225,94,.95), rgba(46,200,190,.55) 45%, rgba(255,255,255,.14)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .cmb-hero-form__title { color: #fff; font-size: 1.05rem; margin-bottom: .55rem !important; } .cmb-hero-form .ff-el-form-control { height: 44px; background: #fff; border-color: transparent; } .cmb-hero-form .ff-btn-submit { min-height: 46px; } .cmb-hero-assure { color: rgba(255,255,255,.9); margin-top: .6rem !important; } .cmb-hero-assure li::before { background-color: rgba(198,225,94,.18); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C6E15E' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); } /* physician stage on dark: glowing disc, white arc text */ .cmb-stage3 { max-width: 420px; } .cmb-stage3__disc { background: radial-gradient(circle at 32% 24%, #4FD6CB 0%, #12958F 38%, #0B3F78 100%); box-shadow: 0 0 0 1px rgba(255,255,255,.22), 0 0 90px -6px rgba(46,200,190,.55), 0 50px 80px -40px rgba(0,0,0,.7); } .cmb-stage3__ring text { fill: rgba(255,255,255,.92); font-size: 12px; } .cmb-stage3__chip { background: rgba(255,255,255,.95); } .cmb-stage3 .cmb-stage3__doctor img { filter: drop-shadow(0 18px 26px rgba(0,0,0,.4)); } /* trust band: deeper navy strip with a lime/teal hairline */ .cmb-trustband { position: relative; background: linear-gradient(90deg, #07142F, #0B1D45 55%, #0A3F4A); padding-block: .85rem; border-top: 0; } .cmb-trustband::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(198,225,94,.7), rgba(46,200,190,.7), transparent); } .cmb-trustband__icon { width: 38px; height: 38px; } .cmb-trustband__list li { font-size: .88rem; } @media (max-width: 960px) { .cmb-hero--v3 .cmb-hero__grid { grid-template-columns: 1fr; } .cmb-hero--v3 .cmb-hero__copy { padding-bottom: 1.25rem; } .cmb-hero--v3 h1 { max-width: 22ch; } .cmb-stage3 { max-width: 300px; margin-top: .5rem !important; } .cmb-hero--v3::after { top: 3%; width: 70%; } } @media (max-width: 640px) { .cmb-hero--v3 { padding-top: 1.1rem; } .cmb-hero--v3 h1 { font-size: 2.05rem; } .cmb-hero--v3 .cmb-lead { font-size: .98rem; } .cmb-hero-form .ff-el-form-control { height: 46px; } .cmb-stage3 { max-width: 250px; } .cmb-stage3__chip, .cmb-stage3__ring { display: none; } } /* ---------- 2. Premium section backgrounds ---------- */ .cmb-section--ivory, .cmb-section--mist, .cmb-section:not([class*="cmb-section--"]) { isolation: isolate; } .cmb-section--ivory { background: radial-gradient(50% 60% at 100% 0%, rgba(15,124,122,.07), rgba(15,124,122,0) 70%), radial-gradient(40% 50% at 0% 100%, rgba(198,221,91,.10), rgba(198,221,91,0) 70%), var(--cmb-noise), var(--cmb-ivory); background-size: auto, auto, 160px 160px, auto; background-blend-mode: normal, normal, multiply, normal; } .cmb-section--ivory::before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; height: 280px; background: var(--cmb-curve) no-repeat center top / min(1200px, 100%) auto; pointer-events: none; opacity: .5; } .cmb-section--mist { background: radial-gradient(55% 70% at 0% 0%, rgba(46,200,190,.13), rgba(46,200,190,0) 70%), radial-gradient(45% 60% at 100% 100%, rgba(11,29,69,.06), rgba(11,29,69,0) 70%), var(--cmb-noise), linear-gradient(180deg, var(--cmb-ivory) 0%, var(--cmb-mist) 100%); background-size: auto, auto, 160px 160px, auto; } .cmb-section:not([class*="cmb-section--"]):not(.cmb-final-cta) { background: radial-gradient(60% 50% at 50% 0%, rgba(15,124,122,.045), rgba(15,124,122,0) 70%), var(--cmb-noise), #fff; background-size: auto, 160px 160px, auto; } /* dark feature bands: layered glow + grid */ .cmb-section--navy { background: radial-gradient(40% 55% at 85% 10%, rgba(46,200,190,.28), rgba(46,200,190,0) 70%), radial-gradient(32% 45% at 6% 92%, rgba(198,221,91,.14), rgba(198,221,91,0) 70%), radial-gradient(40% 50% at 40% 0%, rgba(46,96,200,.30), rgba(46,96,200,0) 70%), linear-gradient(140deg, #061233 0%, #0B1D45 55%, #0A4A55 125%); } .cmb-section--navy::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--cmb-grid-line); -webkit-mask-image: radial-gradient(70% 80% at 80% 20%, #000, transparent 75%); mask-image: radial-gradient(70% 80% at 80% 20%, #000, transparent 75%); pointer-events: none; } /* glass cards on dark bands, gradient border on key cards */ .cmb-section--navy .cmb-card, .cmb-section--navy .cmb-stat { background: linear-gradient(150deg, rgba(255,255,255,.10), rgba(255,255,255,.03)); border-color: rgba(255,255,255,.14); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .cmb-section--navy .cmb-card:hover { border-color: rgba(198,225,94,.45); background: linear-gradient(150deg, rgba(255,255,255,.14), rgba(255,255,255,.05)); } .cmb-plan--featured, .cmb-tile--featured, .cmb-testimonial--featured { position: relative; } .cmb-plan--featured::before, .cmb-tile--featured::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; background: linear-gradient(135deg, #C6E15E, #2EC8BE 55%, #0B1D45); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .cmb-testimonial--featured { background: radial-gradient(60% 90% at 90% 0%, rgba(46,200,190,.28), rgba(46,200,190,0) 70%), linear-gradient(140deg, #061233, #0B1D45 60%, #0A4A55); } .cmb-testimonial--featured::before { z-index: 0; } .cmb-card:not(.cmb-card--soft) { background-image: linear-gradient(180deg, rgba(255,255,255,0), rgba(15,124,122,.025)); } /* inner page heroes */ .cmb-page-hero { background: radial-gradient(45% 80% at 95% 0%, rgba(46,200,190,.14), rgba(46,200,190,0) 70%), radial-gradient(35% 60% at 0% 100%, rgba(198,221,91,.12), rgba(198,221,91,0) 70%), var(--cmb-noise), linear-gradient(180deg, var(--cmb-ivory), #fff); background-size: auto, auto, 160px 160px, auto; } .cmb-page-hero--dark { background: radial-gradient(46% 80% at 92% 12%, rgba(46,200,190,.38), rgba(46,200,190,0) 70%), radial-gradient(36% 60% at 45% -10%, rgba(46,96,200,.42), rgba(46,96,200,0) 70%), radial-gradient(30% 55% at 3% 100%, rgba(198,221,91,.15), rgba(198,221,91,0) 70%), linear-gradient(135deg, #061233 0%, #0B1D45 50%, #0B5C5B 120%); } .cmb-page-hero--dark::before { background: var(--cmb-grid-line); opacity: 1; right: 0; left: 0; top: 0; width: auto; aspect-ratio: auto; -webkit-mask-image: radial-gradient(60% 90% at 75% 35%, #000, transparent 75%); mask-image: radial-gradient(60% 90% at 75% 35%, #000, transparent 75%); } .cmb-page-hero--dark::after { content: ""; position: absolute; z-index: -1; right: 0; top: 14%; width: min(620px, 55%); height: 110px; background: var(--cmb-ecg) no-repeat right center / contain; opacity: .3; -webkit-mask-image: linear-gradient(90deg, transparent, #000 40%); mask-image: linear-gradient(90deg, transparent, #000 40%); } .cmb-page-hero__frame, .cmb-page-hero--dark .cmb-page-hero__media { position: relative; } /* CTA band + footer CTA glow */ .cmb-section--ctaband { background: radial-gradient(40% 70% at 90% 10%, rgba(198,225,94,.22), rgba(198,225,94,0) 70%), radial-gradient(45% 80% at 5% 100%, rgba(46,200,190,.35), rgba(46,200,190,0) 70%), linear-gradient(135deg, #0A5E5D 0%, #0B1D45 72%); } .cmb-footer-cta { background: radial-gradient(40% 90% at 85% 0%, rgba(198,225,94,.25), rgba(198,225,94,0) 70%), var(--wp--preset--gradient--teal-sheen); } /* ---------- 3. Image frames, hover lifts, reveals ---------- */ .cmb-media img, .cmb-page-hero__frame img, .cmb-ctaband__media img, .cmb-final-cta__photo img, .cmb-photocard__img img { border-radius: 22px; } .cmb-photocard__img img { border-radius: 0; } .cmb-media img { object-position: 50% 24%; } .cmb-page-hero__frame img, .cmb-ctaband__media img, .cmb-final-cta__photo img, .cmb-photocard__img img { object-position: 50% 26%; } .cmb-media, .cmb-page-hero__frame, .cmb-ctaband__media, .cmb-final-cta__photo { position: relative; } .cmb-media img, .cmb-page-hero__frame img, .cmb-ctaband__media img, .cmb-final-cta__photo img { transition: transform .7s var(--cmb-ease), box-shadow .7s var(--cmb-ease); box-shadow: 0 30px 60px -32px rgba(11,29,69,.45), 0 0 0 1px rgba(255,255,255,.5) inset; } .cmb-media:hover img, .cmb-page-hero__frame:hover img, .cmb-ctaband__media:hover img { transform: translateY(-4px) scale(1.012); box-shadow: 0 40px 70px -30px rgba(11,29,69,.55), 0 0 0 1px rgba(255,255,255,.55) inset; } .cmb-photocard { transition: transform .45s var(--cmb-ease), box-shadow .45s var(--cmb-ease), border-color .45s; } .cmb-photocard:hover { transform: translateY(-6px); box-shadow: var(--cmb-shadow-lift); border-color: rgba(15,124,122,.25); } .cmb-photocard:hover .cmb-photocard__img img { transform: scale(1.06); } .cmb-hub-card, .cmb-tile { transition: transform .45s var(--cmb-ease), box-shadow .45s var(--cmb-ease); } .cmb-hub-card:hover, .cmb-tile:hover { transform: translateY(-5px); box-shadow: var(--cmb-shadow-lift); } .cmb-hub-card > figure img { transition: transform .8s var(--cmb-ease); } .cmb-hub-card:hover > figure img { transform: scale(1.05); } /* image reveal: only applied by main.js to images that start below the fold, so nothing is hidden without JS */ html.cmb-motion .cmb-imgr-pre img { clip-path: inset(0 0 100% 0 round 22px); transform: scale(1.1); } html.cmb-motion .cmb-imgr-pre.is-in img { clip-path: inset(0 0 0 0 round 22px); transform: none; transition: clip-path 1s var(--cmb-ease), transform 1.3s var(--cmb-ease), box-shadow .7s var(--cmb-ease); } .cmb-photocard__img.cmb-imgr-pre img { } @media (prefers-reduced-motion: reduce) { .cmb-imgr-pre img { clip-path: none !important; transform: none !important; } } /* skip the heavy effects on small screens */ @media (max-width: 640px) { .cmb-section--navy .cmb-card, .cmb-section--navy .cmb-stat { -webkit-backdrop-filter: none; backdrop-filter: none; } .cmb-section--ivory::before { height: 160px; } } .cmb-hero--v3 h1 em { white-space: nowrap; } @media (max-width: 640px) { .cmb-hero--v3::after, .cmb-page-hero--dark::after { display: none; } } /* ========================================================================== v4 blog: post cards, magazine index, article template ========================================================================== */ /* ---------- Post cards ---------- */ .cmb-pgrid { display: grid; gap: 1.6rem; } .cmb-pgrid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (max-width: 960px) { .cmb-pgrid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 620px) { .cmb-pgrid--3 { grid-template-columns: 1fr; } } .cmb-pcard { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--cmb-line); border-radius: 22px; overflow: hidden; transition: transform .45s var(--cmb-ease), box-shadow .45s var(--cmb-ease), border-color .45s; } .cmb-pcard:hover { transform: translateY(-7px); box-shadow: var(--cmb-shadow-lift); border-color: rgba(15,124,122,.28); } .cmb-pcard__img { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--cmb-mist); } .cmb-pcard__img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 28%; display: block; transition: transform .9s var(--cmb-ease); } .cmb-pcard:hover .cmb-pcard__img img { transform: scale(1.06); } .cmb-pcard__body { display: flex; flex-direction: column; gap: .7rem; padding: 1.25rem 1.4rem 1.35rem; flex: 1; } .cmb-pcard__meta { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem .8rem; margin: 0; font-size: .78rem; color: var(--cmb-slate); } .cmb-pcard__cat { display: inline-block; padding: .26rem .7rem; border-radius: 999px; background: var(--cmb-mist); color: var(--cmb-teal-deep); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; font-size: .68rem; text-decoration: none; position: relative; z-index: 2; } .cmb-pcard__cat:hover { background: var(--cmb-navy); color: #fff; } .cmb-pcard__time::before { content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--cmb-teal); margin-right: .55rem; vertical-align: middle; } .cmb-pcard__title { margin: 0; font-size: 1.24rem; line-height: 1.25; } .cmb-pcard__title a { color: var(--cmb-navy); text-decoration: none; } .cmb-pcard__title a::before { content: ""; position: absolute; inset: 0; z-index: 1; } .cmb-pcard__excerpt { margin: 0; color: var(--cmb-slate); font-size: .95rem; line-height: 1.6; } .cmb-pcard__foot { margin: auto 0 0; padding-top: .35rem; display: flex; justify-content: space-between; align-items: center; font-size: .8rem; color: var(--cmb-slate); } .cmb-pcard__more { font-weight: 700; color: var(--cmb-teal-deep); text-decoration: none; display: inline-flex; gap: .35rem; align-items: center; position: relative; z-index: 2; } .cmb-pcard__more::after { content: "\2192"; transition: transform .3s var(--cmb-ease); } .cmb-pcard:hover .cmb-pcard__more::after { transform: translateX(4px); } .cmb-pcard[hidden] { display: none; } /* featured card: dark, horizontal */ .cmb-pcard--featured { flex-direction: row; background: radial-gradient(60% 90% at 90% 0%, rgba(46,200,190,.28), rgba(46,200,190,0) 70%), linear-gradient(140deg, #061233, #0B1D45 60%, #0A4A55); border: 0; color: rgba(255,255,255,.8); margin-bottom: 1.6rem; } .cmb-pcard--featured::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, rgba(198,225,94,.9), rgba(46,200,190,.45) 45%, rgba(255,255,255,.12)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 3; } .cmb-pcard--featured .cmb-pcard__img { flex: 1 1 54%; aspect-ratio: auto; min-height: 340px; } .cmb-pcard--featured .cmb-pcard__body { flex: 1 1 46%; justify-content: center; padding: clamp(1.5rem, 3vw, 2.6rem); gap: 1rem; } .cmb-pcard--featured .cmb-pcard__title { font-size: clamp(1.55rem, 2.6vw, 2.3rem); line-height: 1.12; } .cmb-pcard--featured .cmb-pcard__title a { color: #fff; } .cmb-pcard--featured .cmb-pcard__excerpt { color: rgba(255,255,255,.8); font-size: 1.02rem; } .cmb-pcard--featured .cmb-pcard__meta, .cmb-pcard--featured .cmb-pcard__foot { color: rgba(255,255,255,.72); } .cmb-pcard--featured .cmb-pcard__cat { background: rgba(198,225,94,.16); color: #C6E15E; } .cmb-pcard--featured .cmb-pcard__more { color: #C6E15E; } .cmb-pcard--featured .cmb-pcard__time::before { background: #C6E15E; } .cmb-pcard--featured::after { content: "Featured"; position: absolute; top: 1rem; left: 1rem; z-index: 4; padding: .3rem .75rem; border-radius: 999px; background: #C6E15E; color: var(--cmb-navy); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } @media (max-width: 860px) { .cmb-pcard--featured { flex-direction: column; } .cmb-pcard--featured .cmb-pcard__img { min-height: 0; aspect-ratio: 3 / 2; flex: none; } } /* ---------- Blog index toolbar ---------- */ .cmb-blogbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 1.5rem; margin-bottom: 1.75rem; } .cmb-blogsearch { position: relative; flex: 0 1 320px; min-width: 220px; } .cmb-blogsearch input[type=search] { width: 100%; height: 48px; padding: 0 3rem 0 1.15rem; border-radius: 999px; border: 1px solid var(--cmb-line); background: #fff; font: inherit; font-size: .95rem; color: var(--cmb-ink); box-shadow: 0 8px 20px -14px rgba(11,29,69,.3); } .cmb-blogsearch input[type=search]:focus { outline: 2px solid var(--cmb-teal); outline-offset: 2px; } .cmb-blogsearch button { position: absolute; right: 6px; top: 6px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--cmb-navy); color: #fff; display: grid; place-items: center; cursor: pointer; } .cmb-blogcats { display: flex; flex-wrap: wrap; gap: .5rem; flex: 1 1 auto; justify-content: flex-end; } .cmb-blogcats a { padding: .5rem 1rem; border-radius: 999px; border: 1px solid var(--cmb-line); background: #fff; color: var(--cmb-navy); font-size: .86rem; font-weight: 700; text-decoration: none; transition: all .25s var(--cmb-ease); } .cmb-blogcats a:hover { border-color: var(--cmb-teal); color: var(--cmb-teal-deep); transform: translateY(-2px); } .cmb-blogcats a.is-active { background: var(--cmb-navy); border-color: var(--cmb-navy); color: #fff; } .cmb-blog-empty { text-align: center; padding: 2rem 1rem; color: var(--cmb-slate); } .cmb-bloghub__featured[hidden] { display: none; } .cmb-pager { margin-top: 2.5rem; } .cmb-pager ul { display: flex; justify-content: center; gap: .5rem; list-style: none; padding: 0; margin: 0; flex-wrap: wrap; } .cmb-pager a, .cmb-pager span { display: inline-block; padding: .45rem .9rem; border-radius: 999px; text-decoration: none; font-weight: 700; color: var(--cmb-navy); } .cmb-pager .current { background: var(--cmb-navy); color: #fff; } .cmb-page-hero--blog h1 { max-width: 22ch; } /* newsletter + consultation band */ .cmb-blogcta__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.6rem; } @media (max-width: 860px) { .cmb-blogcta__grid { grid-template-columns: 1fr; } } .cmb-blogcta__card { position: relative; padding: clamp(1.6rem, 3vw, 2.4rem); border-radius: 24px; background: linear-gradient(150deg, rgba(255,255,255,.12), rgba(255,255,255,.04)); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .cmb-blogcta__card > * { margin-block: 0; } .cmb-blogcta__card > * + * { margin-top: .9rem; } .cmb-blogcta__card h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); } .cmb-blogcta__card--lime { background: radial-gradient(70% 90% at 100% 0%, rgba(198,225,94,.28), rgba(198,225,94,0) 70%), linear-gradient(150deg, rgba(255,255,255,.1), rgba(255,255,255,.03)); border: 1px solid rgba(255,255,255,.16); } .cmb-newsletter form fieldset { display: flex !important; gap: .6rem; margin: 0; padding: 0; border: 0; min-width: 0; flex-wrap: wrap; } .cmb-newsletter .ff-el-group { margin: 0 !important; flex: 1 1 220px; } .cmb-newsletter .ff-el-input--label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .cmb-newsletter .ff-el-form-control { height: 48px; border-radius: 999px; padding: 0 1.1rem; background: #fff; border-color: transparent; } .cmb-newsletter .ff_submit_btn_wrapper { margin: 0; } .cmb-newsletter .ff-btn-submit { min-height: 48px; border-radius: 999px !important; background: var(--cmb-lime) !important; color: var(--cmb-navy) !important; font-weight: 800; } .cmb-newsletter .ff-message-success { color: #fff; } /* ---------- Article ---------- */ .cmb-page-hero--article.cmb-page-hero--dark { padding-bottom: clamp(4.5rem, 8vw, 6.5rem); } .cmb-page-hero--dark .cmb-article__meta { color: rgba(255,255,255,.78); font-size: .88rem; } .cmb-page-hero--dark .cmb-article__meta .wp-block-post-date, .cmb-page-hero--dark .cmb-article__meta p { color: rgba(255,255,255,.78); } .cmb-article__meta > * + *::before { content: "\00B7"; margin-right: 1.25rem; opacity: .6; } .cmb-page-hero--article.cmb-page-hero--dark .cmb-lead { max-width: 60ch; } .cmb-article__body { padding-top: 0; } .cmb-article__body .cmb-article__image { margin: calc(-1 * clamp(3rem, 6vw, 5rem)) auto 1.5rem !important; max-width: 940px; width: min(940px, calc(100vw - 2.5rem)); position: relative; z-index: 2; } .cmb-article__body .cmb-article__image img { border-radius: 24px; box-shadow: 0 40px 70px -34px rgba(11,29,69,.55), 0 0 0 1px rgba(255,255,255,.5) inset; width: 100%; object-fit: cover; object-position: 50% 28%; } .cmb-article__body .wp-block-post-content p { line-height: 1.75; } .cmb-article__body .wp-block-post-content h2 { scroll-margin-top: 110px; } .cmb-article__body .wp-block-post-content a:not(.wp-block-button__link) { color: var(--cmb-teal-deep); text-decoration-color: rgba(15,124,122,.4); text-underline-offset: 3px; } .cmb-article__body .wp-block-post-content ul, .cmb-article__body .wp-block-post-content ol { padding-left: 1.3rem; } .cmb-article__body .wp-block-post-content li + li { margin-top: .45rem; } .cmb-share { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: 0 !important; margin-bottom: 1.75rem !important; } .cmb-share__label { font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--cmb-slate); margin-right: .25rem; } .cmb-share a, .cmb-share button { font: inherit; font-size: .84rem; font-weight: 700; padding: .42rem .95rem; border-radius: 999px; border: 1px solid var(--cmb-line); background: #fff; color: var(--cmb-navy); text-decoration: none; cursor: pointer; transition: all .25s var(--cmb-ease); } .cmb-share a:hover, .cmb-share button:hover { background: var(--cmb-navy); color: #fff; border-color: var(--cmb-navy); transform: translateY(-2px); } /* table of contents (built by main.js for long posts) */ .cmb-toc { border: 1px solid var(--cmb-line); border-radius: 18px; background: linear-gradient(180deg, #fff, var(--cmb-ivory)); padding: 1.15rem 1.4rem 1.25rem; margin-bottom: 2rem !important; } .cmb-toc__title { margin: 0 0 .6rem !important; font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--cmb-teal-deep); } .cmb-toc ol { margin: 0 !important; padding-left: 1.2rem !important; display: grid; gap: .35rem; font-size: .96rem; } .cmb-toc a { color: var(--cmb-navy) !important; text-decoration: none !important; font-weight: 600; } .cmb-toc a:hover { color: var(--cmb-teal-deep) !important; text-decoration: underline !important; } /* key takeaways + inline consult CTA */ .cmb-takeaways { border-radius: 18px; padding: 1.35rem 1.6rem; background: linear-gradient(150deg, #0B1D45, #0A4A55); color: rgba(255,255,255,.88); } .cmb-takeaways > * { margin-block: 0; } .cmb-takeaways h2, .cmb-takeaways h3 { color: #C6E15E !important; font-size: .8rem !important; letter-spacing: .1em; text-transform: uppercase; font-family: var(--wp--preset--font-family--body); font-weight: 800; margin: 0 0 .7rem !important; } .cmb-takeaways ul { margin: 0 !important; padding-left: 1.2rem !important; } .cmb-takeaways li { color: rgba(255,255,255,.9); } .cmb-takeaways li::marker { color: #C6E15E; } .cmb-inline-cta { border-radius: 18px; padding: 1.4rem 1.6rem; border: 1px solid rgba(15,124,122,.25); background: radial-gradient(70% 120% at 100% 0%, rgba(198,225,94,.28), rgba(198,225,94,0) 70%), var(--cmb-mist); display: grid; gap: .6rem; } .cmb-inline-cta > * { margin-block: 0 !important; } .cmb-inline-cta h3 { font-size: 1.25rem; } .cmb-inline-cta p { color: var(--cmb-ink); } /* author box */ .cmb-authorbox { margin-top: 3rem !important; padding: 1.5rem 1.7rem; border-radius: 20px; border: 1px solid var(--cmb-line); background: #fff; position: relative; overflow: hidden; } .cmb-authorbox::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, var(--cmb-teal), var(--cmb-lime)); } .cmb-authorbox > * { margin-block: 0; } .cmb-authorbox > * + * { margin-top: .5rem; } .cmb-authorbox__eyebrow { font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--cmb-teal-deep); } .cmb-authorbox__name { font-family: var(--wp--preset--font-family--heading); font-size: 1.3rem; color: var(--cmb-navy); } .cmb-authorbox p:not(.cmb-authorbox__eyebrow):not(.cmb-authorbox__name) { color: var(--cmb-slate); font-size: .95rem; line-height: 1.65; } /* reading progress */ .cmb-progress { position: fixed; left: 0; right: 0; top: 0; height: 4px; z-index: 9999; background: transparent; pointer-events: none; } .cmb-progress span { display: block; height: 100%; width: 100%; transform-origin: left; transform: scaleX(0); background: linear-gradient(90deg, var(--cmb-teal), var(--cmb-lime)); } /* home: latest insights */ .cmb-insights .cmb-pgrid { margin-top: .5rem; } .cmb-insights__cta { display: flex; justify-content: center; margin-top: 2.25rem !important; } .cmb-blogcta__grid > * { margin-block: 0 !important; } .cmb-blogcta__grid { align-items: stretch; } .cmb-related .cmb-pgrid { max-width: var(--wp--style--global--wide-size, 1200px); margin-inline: auto; } .cmb-authorbox .cmb-placeholder { margin-top: 1.5rem !important; } @media (max-width: 640px) { .cmb-blogcats { justify-content: flex-start; } .cmb-blogsearch { flex-basis: 100%; } } /* ========================================================================== v5: hero entrance + ambient motion Text and doctor entrance are pure CSS (visible within ~100 ms, never waits on scripts, so LCP is untouched). GSAP (main.js initHero) drives the disc, halo, ring, chips, ECG line, orbs and trust band. Everything animates transform / opacity (or SVG stroke-dashoffset) only: no layout shift. ========================================================================== */ .cmb-hero--v3::after { display: none; } .cmb-hero__fx { position: absolute !important; inset: 0 !important; max-width: none !important; width: auto !important; margin: 0 !important; z-index: -1; pointer-events: none; overflow: hidden; } .cmb-hero__fx > * { margin: 0 !important; } .cmb-orb { position: absolute; border-radius: 50%; will-change: transform; } .cmb-orb--a { width: 520px; height: 520px; right: -6%; top: -34%; background: radial-gradient(closest-side, rgba(46,200,190,.34), rgba(46,200,190,0)); } .cmb-orb--b { width: 460px; height: 460px; left: 34%; bottom: -46%; background: radial-gradient(closest-side, rgba(80,120,255,.28), rgba(80,120,255,0)); } .cmb-orb--c { width: 360px; height: 360px; left: -6%; top: 6%; background: radial-gradient(closest-side, rgba(198,225,94,.16), rgba(198,225,94,0)); } .cmb-hero__ecg { position: absolute; right: 0; top: 13%; width: min(660px, 56%); height: 120px; overflow: visible; -webkit-mask-image: linear-gradient(90deg, transparent, #000 38%); mask-image: linear-gradient(90deg, transparent, #000 38%); } .cmb-hero__ecg path { fill: none; stroke: #7FE0D6; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; opacity: .55; vector-effect: non-scaling-stroke; } .cmb-stage3__halo { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; } .cmb-stage3__halo circle { fill: none; stroke: rgba(198,225,94,.75); stroke-width: 1.4; vector-effect: non-scaling-stroke; } .cmb-stage3__ring { transform-origin: 50% 53.2%; } .cmb-stage3__chip, .cmb-stage3__disc, .cmb-stage3__ring { will-change: transform; } .cmb-count { font-variant-numeric: tabular-nums; } /* pre-states for the GSAP-driven pieces (class is set before first paint and removed by a safety timer if scripts fail) */ html.cmb-motion .cmb-hero__ecg path, html.cmb-motion .cmb-stage3__halo circle { stroke-dasharray: 1; stroke-dashoffset: 1; } html.cmb-motion .cmb-stage3__disc { opacity: 0; transform: scale(.55); } html.cmb-motion :is(.cmb-stage3__ring, .cmb-stage3__chip, .cmb-orb) { opacity: 0; } html.cmb-motion .cmb-trustband__list li { opacity: 0; transform: translateY(14px); } /* pure-CSS staged entrance */ @keyframes cmb-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } } @keyframes cmb-line { from { transform: translateY(112%); } to { transform: none; } } @keyframes cmb-card-in { from { opacity: 0; transform: translateY(26px) scale(.975); } to { opacity: 1; transform: none; } } @keyframes cmb-doc-in { from { opacity: 0; transform: translateX(-50%) translateY(26px) scale(.93); } to { opacity: 1; transform: translateX(-50%); } } .cmb-hero--v3 h1 .cmb-line { display: block; overflow: hidden; padding-bottom: .14em; margin-bottom: -.14em; } .cmb-hero--v3 h1 .cmb-line > span { display: block; } @media (prefers-reduced-motion: no-preference) { .cmb-hero--v3 .cmb-eyebrow { animation: cmb-rise .7s var(--cmb-ease) .02s both; } .cmb-hero--v3 h1 .cmb-line > span { animation: cmb-line .95s cubic-bezier(.2,.75,.2,1) .08s both; } .cmb-hero--v3 h1 .cmb-line:nth-of-type(2) > span { animation-delay: .2s; } .cmb-hero--v3 .cmb-lead { animation: cmb-rise .8s var(--cmb-ease) .34s both; } .cmb-hero--v3 .cmb-hero-formcard { animation: cmb-card-in .9s var(--cmb-ease) .46s both; } .cmb-hero--v3 .cmb-stage3__doctor { animation: cmb-doc-in 1.05s cubic-bezier(.2,.8,.2,1) .18s both; } } @media (max-width: 640px) { .cmb-hero__ecg, .cmb-orb--c { display: none; } .cmb-orb--a { width: 360px; height: 360px; } } .cmb-hero--v3 > .cmb-hero__grid { margin-top: 0 !important; } /* ========================================================================== v5: service photo cards, contact page, pricing ========================================================================== */ /* ---- service cards ---- */ .cmb-svcstage { display: flex; align-items: center; gap: 1rem; margin: clamp(1.8rem, 3vw, 2.6rem) 0 1.1rem; } .cmb-svcstage:first-of-type { margin-top: 0; } .cmb-svcstage__n { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--cmb-navy); color: #fff; font-weight: 800; font-size: .9rem; letter-spacing: .04em; flex: none; box-shadow: 0 0 0 5px rgba(15,124,122,.14); } .cmb-svcstage__t { margin: 0 !important; font-size: clamp(1.15rem, 1.8vw, 1.45rem); } .cmb-svcstage__d { margin: .1rem 0 0 !important; color: var(--cmb-slate); font-size: .95rem; } .cmb-svcgrid { gap: clamp(1rem, 2vw, 1.5rem) !important; } .cmb-svc { position: relative; display: flex !important; flex-direction: column; margin: 0 !important; background: #fff; border: 1px solid var(--cmb-line); border-radius: 22px; overflow: hidden; transition: transform .45s var(--cmb-ease), box-shadow .45s var(--cmb-ease), border-color .45s; } .cmb-svc:hover, .cmb-svc:focus-within { transform: translateY(-7px); box-shadow: var(--cmb-shadow-lift); border-color: rgba(15,124,122,.3); } .cmb-svc__img { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--cmb-mist); margin: 0 !important; } .cmb-svc__img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,28,64,0) 55%, rgba(8,28,64,.38)); pointer-events: none; } .cmb-svc__img figure, .cmb-svc__img .wp-block-image { margin: 0 !important; height: 100%; } .cmb-svc__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .9s var(--cmb-ease); } .cmb-svc:hover .cmb-svc__img img { transform: scale(1.06); } .cmb-svc__body { position: relative; display: flex; flex-direction: column; gap: .55rem; padding: 2rem 1.4rem 1.4rem; flex: 1; } .cmb-svc__body > * { margin: 0 !important; } .cmb-svc__badge { position: absolute; top: -24px; left: 1.3rem; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg, #0f7c7a, #12a39b); box-shadow: 0 10px 22px -8px rgba(15,124,122,.7); } .cmb-svc__ic { width: 22px; height: 22px; filter: brightness(0) invert(1); } .cmb-svc h3 { font-size: 1.15rem; line-height: 1.25; } .cmb-svc h3 a { color: var(--cmb-navy); text-decoration: none; } .cmb-svc h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; } .cmb-svc p { font-size: .95rem; color: var(--cmb-slate); } .cmb-svc .cmb-card__more { margin-top: auto !important; padding-top: .35rem; color: var(--cmb-teal-deep); font-weight: 700; } .cmb-svc .cmb-card__more::after { content: " \2192"; transition: margin .3s var(--cmb-ease); } .cmb-svc:hover .cmb-card__more::after { margin-left: .35rem; } /* ---- contact: method cards ---- */ .cmb-contact-methods { margin-top: clamp(-3.2rem, -4vw, -1.5rem); position: relative; z-index: 3; padding-bottom: 0; } .cmb-mcards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .cmb-mcard { position: relative; display: flex; align-items: center; gap: 1rem; padding: 1.15rem 1.25rem; background: #fff; border: 1px solid var(--cmb-line); border-radius: 18px; text-decoration: none; color: var(--cmb-navy); box-shadow: 0 14px 34px -18px rgba(8,28,64,.35); transition: transform .4s var(--cmb-ease), box-shadow .4s var(--cmb-ease), border-color .4s; } .cmb-mcard:hover, .cmb-mcard:focus-visible { transform: translateY(-5px); box-shadow: 0 24px 46px -20px rgba(8,28,64,.45); border-color: rgba(15,124,122,.4); } .cmb-mcard__ic { display: grid; place-items: center; flex: none; width: 52px; height: 52px; border-radius: 15px; background: linear-gradient(135deg, #0f7c7a, #12a39b); color: #fff; transition: transform .4s var(--cmb-ease); } .cmb-mcard__ic img { filter: brightness(0) invert(1); } .cmb-mcard--soc .cmb-mcard__ic { background: linear-gradient(135deg, #0b2a5b, #153f86); } .cmb-mcard:hover .cmb-mcard__ic { transform: rotate(-6deg) scale(1.07); } .cmb-mcard__t { display: flex; flex-direction: column; min-width: 0; } .cmb-mcard__t small { font-size: .7rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: var(--cmb-teal-deep); } .cmb-mcard__t strong { font-size: 1.05rem; line-height: 1.25; overflow-wrap: anywhere; } .cmb-mcard__t em { font-style: normal; font-size: .84rem; color: var(--cmb-slate); } .cmb-mcard__go { margin-left: auto; color: var(--cmb-teal); font-weight: 800; opacity: 0; transform: translateX(-8px); transition: opacity .3s, transform .3s var(--cmb-ease); } .cmb-mcard:hover .cmb-mcard__go, .cmb-mcard:focus-visible .cmb-mcard__go { opacity: 1; transform: none; } /* ---- contact: form layout ---- */ .cmb-contact { position: relative; overflow: hidden; isolation: isolate; } .cmb-contact::before, .cmb-contact::after { content: ""; position: absolute; border-radius: 50%; z-index: -1; pointer-events: none; } .cmb-contact::before { width: 520px; height: 520px; right: -140px; top: -120px; background: radial-gradient(closest-side, rgba(46,200,190,.22), transparent); } .cmb-contact::after { width: 460px; height: 460px; left: -160px; bottom: -160px; background: radial-gradient(closest-side, rgba(80,120,255,.14), transparent); } .cmb-contactform { display: grid !important; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(1.75rem, 4vw, 4rem); align-items: start; } .cmb-contactform > * { margin: 0 !important; } .cmb-contactform__copy { display: flex; flex-direction: column; gap: 1.1rem; } .cmb-contactform__copy > * { margin: 0 !important; } .cmb-contact-points { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; } .cmb-contact-points li { display: flex; align-items: center; gap: .65rem; font-weight: 600; color: var(--cmb-navy); } .cmb-contact-points li { position: relative; padding-left: 2rem; } .cmb-contact-points li::before { content: ""; position: absolute; left: 0; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 50%; background: var(--cmb-teal); } .cmb-contact-points li::after { content: ""; position: absolute; left: 4px; top: 50%; width: 14px; height: 14px; margin-top: -7px; background: #fff; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat; } .cmb-officecard { padding: 1.1rem 1.25rem; border-radius: 16px; border: 1px dashed rgba(15,124,122,.35); background: rgba(255,255,255,.6); } .cmb-officecard > * { margin: .3rem 0 !important; } .cmb-officecard h3 { font-size: 1rem; } .cmb-glasscard { position: relative; padding: clamp(1.4rem, 3vw, 2.4rem) !important; border-radius: 26px !important; background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.8)) !important; border: 1px solid rgba(255,255,255,.9) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 40px 80px -36px rgba(8,28,64,.5), 0 0 0 1px rgba(15,124,122,.12) !important; } .cmb-glasscard::before { content: ""; position: absolute; left: 24px; right: 24px; top: 0; height: 4px; border-radius: 0 0 6px 6px; background: linear-gradient(90deg, #0f7c7a, #7FE0D6, #c6e15e); } .cmb-glasscard h3 { margin-top: 0; } /* ---- contact: steps, trust row ---- */ .cmb-nextsteps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; counter-reset: s; position: relative; } .cmb-nextsteps li { position: relative; padding: 1.6rem 1.5rem; background: #fff; border: 1px solid var(--cmb-line); border-radius: 20px; transition: transform .4s var(--cmb-ease), box-shadow .4s var(--cmb-ease); } .cmb-nextsteps li:hover { transform: translateY(-5px); box-shadow: var(--cmb-shadow-lift); } .cmb-nextsteps li:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -1.25rem; width: 1.25rem; height: 2px; background: repeating-linear-gradient(90deg, var(--cmb-teal) 0 4px, transparent 4px 8px); } .cmb-nextsteps__n { position: absolute; top: 1rem; right: 1.2rem; font-size: 2.6rem; font-weight: 800; line-height: 1; color: rgba(15,124,122,.12); font-family: var(--wp--preset--font-family--display, inherit); } .cmb-nextsteps__ic { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 14px; background: var(--cmb-mist); margin-bottom: .9rem; } .cmb-nextsteps h3 { margin: 0 0 .4rem; font-size: 1.15rem; } .cmb-nextsteps p { margin: 0; color: var(--cmb-slate); font-size: .96rem; } .cmb-trustrow { list-style: none; margin: 0; padding: 1.1rem 1.4rem; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem 1.5rem; border-radius: 20px; background: var(--wp--preset--gradient--midnight-sheen, #0b2a5b); } .cmb-trustrow li { display: flex; align-items: center; gap: .7rem; color: #fff; font-weight: 600; font-size: .92rem; line-height: 1.3; } .cmb-trustrow__ic { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 12px; background: rgba(255,255,255,.12); } .cmb-trustrow img { filter: brightness(0) invert(1); } @media (max-width: 1024px) { .cmb-trustrow { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .cmb-mcards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cmb-contactform { grid-template-columns: minmax(0, 1fr); } .cmb-nextsteps { grid-template-columns: minmax(0, 1fr); } .cmb-nextsteps li:not(:last-child)::after { display: none; } } @media (max-width: 560px) { .cmb-mcards { grid-template-columns: minmax(0, 1fr); } .cmb-trustrow { grid-template-columns: minmax(0, 1fr); } .cmb-contact-methods { margin-top: -1rem; } } @media (prefers-reduced-motion: reduce) { .cmb-svc, .cmb-mcard, .cmb-nextsteps li, .cmb-svc__img img { transition: none; } } /* long CTA label ("Book Your Free Consultation") in the mobile bar */ @media (max-width: 782px) { .cmb-mobile-bar__buttons { grid-template-columns: .55fr 1.7fr !important; } .cmb-mobile-bar .wp-block-button__link { font-size: .86rem !important; line-height: 1.15; padding: .8rem .45rem !important; } } /* ---- article sources box ---- */ .cmb-sources-box { margin-top: 2.5rem !important; padding: 1.4rem 1.6rem; border-radius: 18px; background: var(--cmb-mist); border: 1px solid var(--cmb-line); } .cmb-sources-box h2 { font-size: 1.15rem !important; margin: 0 0 .6rem !important; } .cmb-sources { margin: 0 0 .9rem !important; padding-left: 1.1rem; display: grid; gap: .3rem; font-size: .93rem; } .cmb-sources a { color: var(--cmb-teal-deep); text-underline-offset: 3px; } .cmb-sources-box > p { font-size: .85rem; color: var(--cmb-slate); margin: 0 !important; } /* ===== v7: premium legal pages (Privacy Policy, HIPAA & Data Security, Terms of Use) ===== */ /* inline placeholder marker: stays visible until replaced with a confirmed value */ mark.cmb-ph { background: rgba(169,194,63,.26); color: inherit; border-bottom: 1.5px dashed rgba(122,148,26,.9); border-radius: 4px; padding: .02em .32em; font-weight: 600; font-style: normal; } .cmb-page-hero--dark mark.cmb-ph { color: var(--cmb-navy); background: var(--cmb-lime); border-bottom-color: transparent; } /* hero */ .cmb-page-hero--legal .cmb-page-hero__inner { width: 100%; } .cmb-page-hero--legal { padding-block: clamp(2rem, 4.5vw, 3.75rem) clamp(2.5rem, 5vw, 4.25rem); } .cmb-page-hero--legal h1 { max-width: 18ch; } .cmb-page-hero--legal .cmb-lead { max-width: 62ch; margin-bottom: 1.6rem; } ul.cmb-lmeta { list-style: none; margin: 0 !important; padding: 0; display: flex; flex-wrap: wrap; gap: .75rem; align-items: stretch; } .cmb-lmeta li { display: flex; flex-direction: column; justify-content: center; gap: .1rem; padding: .7rem 1.1rem; border: 1px solid rgba(255,255,255,.2); border-radius: 14px; background: rgba(255,255,255,.07); color: #fff; font-size: .95rem; } .cmb-lmeta li span { font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: var(--cmb-sea); } .cmb-lmeta li strong { font-weight: 600; } .cmb-lmeta li:last-child { padding: 0; border: 0; background: none; } .cmb-print-btn { height: 100%; min-height: 48px; cursor: pointer; font: inherit; font-weight: 600; font-size: .92rem; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.35); border-radius: 14px; padding: .7rem 1.2rem; transition: background-color .25s, border-color .25s; } .cmb-print-btn:hover { background: rgba(255,255,255,.1); border-color: #fff; } /* glance cards */ .cmb-glance { padding-block: clamp(3rem, 6vw, 4.75rem); } .cmb-glance .cmb-card { height: 100%; } .cmb-glance .cmb-card h3 a { text-decoration: none; } /* layout */ .cmb-legal2 { padding-block: clamp(2.5rem, 5vw, 4.5rem); } .cmb-llayout { display: grid !important; grid-template-columns: 290px minmax(0, 1fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: start; } .cmb-llayout > * { margin: 0 !important; max-width: none !important; } .cmb-ldoc { min-width: 0; max-width: 780px; } .cmb-ldoc > * + * { margin-top: 0; } .cmb-ldoc p, .cmb-ldoc li { font-size: 1.0625rem; line-height: 1.72; color: var(--cmb-ink); } .cmb-ldoc a { color: var(--cmb-teal-deep); text-underline-offset: 3px; } .cmb-ldoc a:hover { color: var(--cmb-navy); } .cmb-lnote { margin: 0 0 2.5rem !important; padding-top: .9rem; } .cmb-lnote p { margin: 0; font-size: .95rem; } /* table of contents */ .cmb-ltoc { position: sticky; top: 118px; max-height: calc(100vh - 140px); overflow: auto; background: linear-gradient(180deg, #fff, var(--cmb-ivory)); border: 1px solid var(--cmb-line); border-radius: 20px; padding: 1.15rem 1rem 1rem; box-shadow: var(--cmb-shadow); scrollbar-width: thin; } .cmb-ltoc summary { list-style: none; cursor: default; pointer-events: none; padding: 0 .5rem .6rem; font-size: .74rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--cmb-teal); display: flex; justify-content: space-between; align-items: center; } .cmb-ltoc summary::-webkit-details-marker { display: none; } .cmb-ltoc ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; } .cmb-ltoc li { margin: 0; } .cmb-ltoc a { display: grid; grid-template-columns: 1.7rem 1fr; gap: .35rem; align-items: baseline; padding: .5rem .6rem; border-radius: 10px; color: var(--cmb-navy); text-decoration: none; font-weight: 600; font-size: .92rem; line-height: 1.35; border-left: 3px solid transparent; transition: background-color .2s, color .2s, border-color .2s; } .cmb-ltoc a:hover { background: var(--cmb-mist); color: var(--cmb-teal-deep); } .cmb-ltoc__n { font-size: .78rem; font-weight: 800; color: var(--cmb-teal); font-variant-numeric: tabular-nums; } .cmb-ltoc a.is-active { background: #fff; border-left-color: var(--cmb-teal); color: var(--cmb-teal-deep); box-shadow: 0 6px 16px -10px rgba(11,29,69,.35); } .cmb-ltoc__help { margin: .9rem .5rem .1rem !important; padding-top: .8rem; border-top: 1px solid var(--cmb-line); font-size: .85rem; color: var(--cmb-slate); line-height: 1.5; } .cmb-ltoc__help a { color: var(--cmb-teal-deep); font-weight: 600; } /* sections */ .cmb-lsec { padding-block: 2.2rem; border-top: 1px solid var(--cmb-line); } .cmb-lsec:first-of-type { border-top: 0; padding-top: 0; } .cmb-lsec > * { margin-block: 0; } .cmb-lsec > * + * { margin-top: 1rem; } .cmb-lsec h2 { display: flex; align-items: center; gap: .85rem; font-size: clamp(1.45rem, 2.4vw, 1.85rem); line-height: 1.2; margin: 0 0 1.1rem !important; scroll-margin-top: 12px; } .cmb-snum { flex: 0 0 auto; display: inline-grid; place-items: center; min-width: 2.35rem; height: 2.35rem; padding-inline: .3rem; border-radius: 12px; background: linear-gradient(135deg, var(--cmb-navy), var(--cmb-teal-deep)); color: #fff; font-family: var(--wp--preset--font-family--body); font-size: .95rem; font-weight: 700; letter-spacing: 0; } .cmb-lsec h3 { font-size: 1.15rem; margin-top: 1.7rem !important; color: var(--cmb-navy); } .cmb-lsec ul { padding-left: 1.25rem; display: grid; gap: .5rem; } .cmb-lsec ul li::marker { color: var(--cmb-teal); } .cmb-lsec ul.cmb-contact-lines { padding-left: 0; } .cmb-totop { margin-top: 1.4rem !important; font-size: .88rem !important; } .cmb-totop a { display: inline-flex; gap: .3rem; align-items: center; font-weight: 600; text-decoration: none !important; color: var(--cmb-slate) !important; padding: .3rem .8rem; border: 1px solid var(--cmb-line); border-radius: 999px; transition: color .2s, border-color .2s, background-color .2s; } .cmb-totop a:hover { color: var(--cmb-teal-deep) !important; border-color: var(--cmb-teal); background: var(--cmb-mist); } .cmb-ldoc .cmb-contact-lines--light { margin-top: 1.2rem !important; max-width: 560px; } .cmb-contact-lines li span { font-size: 1rem; color: var(--cmb-ink); } /* callouts */ .cmb-callout { position: relative; margin-block: 1.5rem !important; padding: 1.1rem 1.3rem 1.15rem 1.5rem; border-radius: 16px; border: 1px solid rgba(15,124,122,.25); background: linear-gradient(135deg, rgba(191,227,222,.4), rgba(255,255,255,.9)); } .cmb-callout::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 4px; border-radius: 4px; background: var(--cmb-teal); } .cmb-callout > * { margin: 0 !important; } .cmb-callout > * + * { margin-top: .35rem !important; } .cmb-callout__title { font-size: .98rem !important; color: var(--cmb-navy); } .cmb-callout__text { font-size: 1rem !important; line-height: 1.6 !important; } .cmb-callout--warn { border-color: rgba(169,194,63,.55); background: linear-gradient(135deg, rgba(169,194,63,.2), rgba(255,255,255,.92)); } .cmb-callout--warn::before { background: var(--cmb-lime); } .cmb-callout--info { border-color: var(--cmb-line); background: var(--cmb-ivory); } .cmb-callout--info::before { background: var(--cmb-navy); } .cmb-lrelated { margin-top: 2.4rem !important; padding-top: 1.6rem; border-top: 1px solid var(--cmb-line); } .cmb-lrelated__t { margin: 0 !important; font-size: .74rem !important; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--cmb-teal) !important; } .cmb-lrelated .cmb-pill-links { margin-top: .8rem !important; } /* closing contact card */ .cmb-lcontact { background: var(--wp--preset--gradient--midnight-sheen); color: rgba(255,255,255,.82); position: relative; overflow: hidden; isolation: isolate; padding-block: clamp(3rem, 6vw, 5rem); } .cmb-lcontact__grid { display: grid !important; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(1.75rem, 5vw, 4rem); align-items: stretch; } .cmb-lcontact__grid > * { margin: 0 !important; } .cmb-lcontact h2, .cmb-lcontact h3 { color: #fff; } .cmb-lcontact h2 { font-size: clamp(1.7rem, 3vw, 2.3rem); margin: .4rem 0 .8rem; } .cmb-lcontact .cmb-eyebrow { color: var(--cmb-sea); } .cmb-lcontact__copy > * { margin-block: 0; } .cmb-lcontact__copy > * + * { margin-top: 1rem; } .cmb-lcontact__copy ul.cmb-contact-lines { margin-top: 1.5rem !important; } .cmb-lcontact ul.cmb-contact-lines li span { color: rgba(255,255,255,.92); } .cmb-lcontact__cta { padding: clamp(1.5rem, 3vw, 2.25rem); border-radius: 22px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.07); display: flex; flex-direction: column; justify-content: center; } .cmb-lcontact__cta > * { margin-block: 0; } .cmb-lcontact__cta > * + * { margin-top: 1rem; } .cmb-lcontact__cta h3 { font-size: 1.45rem; } .cmb-lcontact .cmb-form-note { color: rgba(255,255,255,.7); font-size: .85rem; } /* responsive: collapsible TOC on top */ @media (max-width: 960px) { .cmb-llayout { grid-template-columns: 1fr; gap: 1.75rem; } .cmb-ltoc { position: static; max-height: none; padding: .35rem; border-radius: 16px; } .cmb-ltoc summary { cursor: pointer; pointer-events: auto; padding: .9rem 1rem; font-size: .8rem; } .cmb-ltoc summary::after { content: ""; width: .55rem; height: .55rem; border-right: 2px solid var(--cmb-teal); border-bottom: 2px solid var(--cmb-teal); transform: rotate(45deg); transition: transform .25s; margin-right: .2rem; } .cmb-ltoc details[open] > summary::after { transform: rotate(-135deg); } .cmb-ltoc ol { padding: 0 .35rem .6rem; } .cmb-ltoc__help { display: none; } .cmb-lcontact__grid { grid-template-columns: 1fr; } } @media (max-width: 600px) { .cmb-lsec h2 { gap: .65rem; align-items: flex-start; } .cmb-snum { min-width: 2.1rem; height: 2.1rem; font-size: .85rem; } ul.cmb-lmeta li:last-child { width: 100%; } .cmb-print-btn { width: 100%; } } /* consent line under forms */ .cmb-form-privacy { margin: .35rem 0 0 !important; font-size: .82rem; line-height: 1.5; color: var(--cmb-slate); } .cmb-form-privacy a { color: var(--cmb-teal-deep); font-weight: 600; text-underline-offset: 2px; } .cmb-hero .cmb-form-privacy, .cmb-final-cta .cmb-form-privacy { color: rgba(255,255,255,.72); } .cmb-hero .cmb-form-privacy a, .cmb-final-cta .cmb-form-privacy a { color: var(--cmb-sea); } /* print-friendly legal pages */ @media print { .cmb-topbar, .cmb-site-footer, .cmb-footer, .cmb-ltoc, .cmb-totop, .cmb-print-btn, .cmb-lcontact__cta, .cmb-lnote, .cmb-lrelated, .cmb-page-hero::before, .cmb-glance .cmb-card__more, .cmb-progress { display: none !important; } body { background: #fff !important; color: #000 !important; font-size: 11pt; } .cmb-page-hero--dark, .cmb-page-hero--legal { background: #fff !important; color: #000 !important; padding: 0 0 12pt !important; } .cmb-page-hero--dark h1, .cmb-page-hero--dark .cmb-lead, .cmb-page-hero--dark .cmb-eyebrow, .cmb-lmeta li { color: #000 !important; border-color: #999 !important; background: none !important; } .cmb-page-hero--dark h1 em { color: #000 !important; } .yoast-breadcrumbs { display: none !important; } .cmb-llayout, .cmb-lcontact__grid { display: block !important; } .cmb-ldoc { max-width: none; } .cmb-glance { padding: 12pt 0 !important; background: #fff !important; } .cmb-glance .cmb-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8pt !important; } .cmb-card, .cmb-callout { box-shadow: none !important; break-inside: avoid; } .cmb-card::after, .cmb-callout::before { display: none !important; } .cmb-lsec { break-inside: avoid-page; padding-block: 12pt; } .cmb-lsec h2 { break-after: avoid; font-size: 14pt; } .cmb-snum { background: none !important; color: #000 !important; border: 1px solid #000; } .cmb-ldoc a[href^="http"]::after, .cmb-ldoc a[href^="/"]::after { content: " (" attr(href) ")"; font-size: 9pt; color: #444; } .cmb-lcontact { background: #fff !important; color: #000 !important; padding: 12pt 0 !important; } .cmb-lcontact h2, .cmb-lcontact h3, .cmb-lcontact .cmb-eyebrow, .cmb-lcontact ul.cmb-contact-lines li span, .cmb-lcontact ul.cmb-contact-lines a, .cmb-lcontact ul.cmb-contact-lines li strong { color: #000 !important; } .cmb-lcontact ul.cmb-contact-lines li { border-color: #999 !important; } mark.cmb-ph { background: none !important; border-bottom: 1px solid #000; } } /* v7: home "What changes" photo (owner-supplied doctor): keep head and stethoscope in the 4 / 4.6 frame */ .cmb-media--tall .cmb-photo--user img { object-position: 50% 0%; } /* hero quick form: consent line spans the whole grid row, one tidy line */ .cmb-hero-form .ff-custom_html, .cmb-hero-form .ff-el-group:has(.cmb-form-privacy) { grid-column: 1 / -1; } .cmb-hero-form .cmb-form-privacy { margin: .05rem 0 0 !important; font-size: .78rem; line-height: 1.35; color: var(--cmb-slate); } .cmb-hero-form .cmb-form-privacy a { color: var(--cmb-teal-deep); } /* closing contact card on dark: override the light contact-lines styling */ .cmb-section.cmb-lcontact:not(.cmb-final-cta):not(.cmb-section--navy) ul.cmb-contact-lines li { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.16); } .cmb-section.cmb-lcontact:not(.cmb-final-cta):not(.cmb-section--navy) ul.cmb-contact-lines li strong { color: var(--cmb-sea); } .cmb-section.cmb-lcontact:not(.cmb-final-cta):not(.cmb-section--navy) ul.cmb-contact-lines a { color: #fff; } .cmb-lcontact mark.cmb-ph { color: var(--cmb-navy); background: var(--cmb-lime); border-bottom-color: transparent; } /* ===== v8: premium About, Pricing and footer ===== */ :root { --cmb-glass: rgba(255,255,255,.07); --cmb-glass-line: rgba(255,255,255,.16); } /* ---------- shared: trust chips ---------- */ ul.cmb-pchips { list-style: none; margin: 0 0 1.75rem !important; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; } .cmb-pchips li { display: inline-flex; align-items: center; gap: .45rem; padding: .5rem .95rem .5rem .7rem; border-radius: 999px; background: #fff; border: 1px solid var(--cmb-line); color: var(--cmb-navy); font-weight: 600; font-size: .88rem; box-shadow: 0 8px 20px -16px rgba(11,29,69,.5); } .cmb-pchips img { width: 18px; height: 18px; padding: 2px; border-radius: 50%; background: rgba(46,200,190,.2); } /* ---------- Pricing: plan cards ---------- */ .cmb-pricing-v8 { position: relative; overflow: hidden; isolation: isolate; } .cmb-pricing-v8::before { content: ""; position: absolute; z-index: -1; width: 640px; aspect-ratio: 1; right: -12%; top: -18%; border-radius: 50%; background: radial-gradient(closest-side, rgba(46,200,190,.2), rgba(46,200,190,0)); } .cmb-pricing-v8::after { content: ""; position: absolute; z-index: -1; width: 520px; aspect-ratio: 1; left: -10%; bottom: -22%; border-radius: 50%; background: radial-gradient(closest-side, rgba(11,29,69,.09), rgba(11,29,69,0)); } .cmb-plans--v8 { gap: 1.1rem; align-items: stretch; padding-top: .9rem; } .cmb-plans--v8 .cmb-plan { border-radius: 24px; padding: 1.5rem 1.25rem 1.35rem; background: linear-gradient(180deg, #fff, #F7FAFC); border: 1px solid var(--cmb-line); box-shadow: 0 18px 36px -28px rgba(11,29,69,.45); overflow: hidden; } .cmb-plans--v8 .cmb-plan::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, var(--cmb-teal), var(--cmb-sea)); opacity: .85; } .cmb-plan__type { align-self: flex-start; font-size: .68rem !important; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--cmb-teal-deep); background: rgba(46,200,190,.14); padding: .28rem .65rem; border-radius: 999px; margin-bottom: .6rem !important; } .cmb-plans--v8 .cmb-plan__band { font-size: 1.05rem; letter-spacing: 0; text-transform: none; font-weight: 700; color: var(--cmb-navy); font-family: var(--wp--preset--font-family--heading); } .cmb-plans--v8 .cmb-plan__price { font-size: clamp(2.5rem, 3.6vw, 3.2rem); margin-top: .6rem !important; background: linear-gradient(135deg, var(--cmb-navy), var(--cmb-teal-deep)); -webkit-background-clip: text; background-clip: text; color: transparent; } .cmb-plans--v8 .cmb-plan__per { font-weight: 600; margin-top: .15rem !important; } .cmb-plans--v8 .cmb-plan__range { display: inline-block; margin-top: .9rem !important; padding: .35rem .7rem; border-radius: 10px; background: var(--cmb-ivory); border: 1px solid var(--cmb-line); font-size: .82rem; align-self: flex-start; } ul.cmb-plan__inc { list-style: none; padding: 0; margin: 1rem 0 0 !important; display: grid; gap: .4rem; font-size: .88rem; color: var(--cmb-slate); } .cmb-plan__inc li { position: relative; padding-left: 1.45rem; } .cmb-plan__inc li::before { content: ""; position: absolute; left: 0; top: .22em; width: .95rem; height: .95rem; border-radius: 50%; background: rgba(15,124,122,.14) url("../icons/check.svg") center/70% no-repeat; } .cmb-plans--v8 .cmb-plan:hover { transform: translateY(-8px); box-shadow: 0 28px 48px -26px rgba(11,29,69,.5); } /* featured */ .cmb-plans--v8 .cmb-plan--featured { background: radial-gradient(90% 60% at 100% 0%, rgba(46,200,190,.35), rgba(46,200,190,0) 70%), linear-gradient(160deg, #0F2A63 0%, #0B1D45 55%, #08333E 130%); border-color: transparent; color: rgba(255,255,255,.82); box-shadow: 0 34px 60px -28px rgba(11,29,69,.75), 0 0 0 1px rgba(198,225,94,.35); transform: translateY(-10px); } .cmb-plans--v8 .cmb-plan--featured::after { background: linear-gradient(90deg, var(--cmb-lime), var(--cmb-sea)); height: 5px; opacity: 1; } .cmb-plans--v8 .cmb-plan--featured:hover { transform: translateY(-16px); } .cmb-plans--v8 .cmb-plan--featured .cmb-plan__band { color: #fff; } .cmb-plans--v8 .cmb-plan--featured .cmb-plan__price { background: none; color: #fff; -webkit-text-fill-color: #fff; } .cmb-plans--v8 .cmb-plan--featured .cmb-plan__per { color: var(--cmb-sea); } .cmb-plans--v8 .cmb-plan--featured .cmb-plan__range { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.22); color: #fff; } .cmb-plans--v8 .cmb-plan--featured .cmb-plan__type { color: var(--cmb-navy); background: var(--cmb-lime); } .cmb-plans--v8 .cmb-plan--featured .cmb-plan__inc { color: rgba(255,255,255,.8); } .cmb-plans--v8 .cmb-plan--featured .cmb-plan__inc li::before { background-color: var(--cmb-lime); } .cmb-plans--v8 .cmb-plan .wp-block-buttons { padding-top: 1.15rem; } .cmb-plans--v8 .is-style-outline .wp-block-button__link { border: 1.5px solid rgba(11,29,69,.22); color: var(--cmb-navy); background: #fff; } .cmb-plans--v8 .is-style-outline .wp-block-button__link:hover { background: var(--cmb-navy); color: #fff; border-color: var(--cmb-navy); } @media (max-width: 1100px) { .cmb-plans--v8 .cmb-plan--featured { transform: none; } .cmb-plans--v8 .cmb-plan--featured:hover { transform: translateY(-6px); } } /* included tiles */ .cmb-includes--v8 { display: block !important; padding: clamp(1.5rem, 3vw, 2.25rem) !important; border-radius: 26px; background: #fff !important; border: 1px solid var(--cmb-line) !important; box-shadow: var(--cmb-shadow); margin-top: 2.25rem !important; } .cmb-includes--v8 h3 { font-size: 1.45rem; margin: 0 0 1.25rem !important; } .cmb-includes--v8 h3 em { color: var(--cmb-teal); } ul.cmb-inc { list-style: none; margin: 0 !important; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .cmb-inc li { display: flex; gap: .9rem; align-items: flex-start; padding: 1rem 1.1rem; border-radius: 16px; background: var(--cmb-ivory); border: 1px solid transparent; transition: border-color .3s, background-color .3s, transform .3s; } .cmb-inc li:hover { background: #fff; border-color: rgba(15,124,122,.3); transform: translateY(-3px); } .cmb-inc__ic { flex: 0 0 auto; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(135deg, rgba(46,200,190,.25), rgba(46,200,190,.08)); } .cmb-inc strong { display: block; color: var(--cmb-navy); font-size: .98rem; } .cmb-inc small { display: block; color: var(--cmb-slate); font-size: .86rem; line-height: 1.45; margin-top: .15rem; } @media (max-width: 900px) { ul.cmb-inc { grid-template-columns: 1fr 1fr; } } @media (max-width: 560px) { ul.cmb-inc { grid-template-columns: 1fr; } } /* ---------- Pricing: comparison table ---------- */ .cmb-compare-sec { background: linear-gradient(180deg, #fff, var(--cmb-ivory)); } .wp-block-table.cmb-compare--v8 table { border-radius: 22px; box-shadow: var(--cmb-shadow); border: 1px solid var(--cmb-line); } .cmb-compare--v8 th { background: var(--cmb-ivory); font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; padding: 1.1rem 1.2rem; } .cmb-compare--v8 th:nth-child(2) { background: linear-gradient(135deg, var(--cmb-navy), #14407A); color: #fff; } .cmb-compare--v8 th:nth-child(3) { background: linear-gradient(135deg, var(--cmb-teal-deep), var(--cmb-teal)); color: #fff; } .cmb-compare--v8 td { padding: 1rem 1.2rem; } .cmb-compare--v8 tbody tr:nth-child(even) td { background: #FAFCFD; } .cmb-compare--v8 tbody tr:hover td { background: var(--cmb-mist); } .cmb-compare--v8 tbody tr:nth-last-child(-n+2) td:not(:first-child) { font-weight: 600; color: var(--cmb-navy); font-size: .9rem; } .cmb-check { display: inline-grid; place-items: center; width: 1.7rem; height: 1.7rem; border-radius: 50%; background: rgba(15,124,122,.12); color: var(--cmb-teal-deep); font-weight: 800; font-size: .95rem; } /* ---------- About: hero ---------- */ .cmb-about-hero::after { content: ""; position: absolute; z-index: -1; left: -8%; bottom: -35%; width: 620px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(closest-side, rgba(46,200,190,.22), rgba(46,200,190,0)); } .cmb-about-hero .cmb-page-hero__frame img { box-shadow: 0 40px 70px -34px rgba(0,0,0,.65), 0 0 0 1px rgba(255,255,255,.16); } /* ---------- Collage (About story + home About panel) ---------- */ .cmb-collage { position: relative; padding: 0 0 3.5rem 2.5rem; margin: 0; } .cmb-collage > .wp-block-image { margin: 0; } .cmb-collage__main img { width: 100%; aspect-ratio: 4 / 4.4; object-fit: cover; border-radius: 28px; box-shadow: 0 40px 70px -36px rgba(11,29,69,.7); display: block; } .cmb-collage__main { position: relative; } .cmb-collage__main::before { content: ""; position: absolute; z-index: -1; inset: -14px -14px 14px 14px; border-radius: 32px; border: 1.5px solid rgba(15,124,122,.35); } .cmb-collage { isolation: isolate; } .cmb-collage__sub { position: absolute !important; left: 0; bottom: 0; width: 44%; z-index: 2; } .cmb-collage__sub img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 22px; border: 5px solid #fff; box-shadow: 0 26px 44px -22px rgba(11,29,69,.65); display: block; } p.cmb-collage__badge { position: absolute; z-index: 3; right: -1rem; bottom: 1.1rem; margin: 0 !important; display: flex; gap: .75rem; align-items: center; max-width: 17rem; padding: .85rem 1.1rem; border-radius: 18px; background: rgba(255,255,255,.96); color: var(--cmb-slate); font-size: .84rem; line-height: 1.4; box-shadow: 0 24px 44px -22px rgba(11,29,69,.55); border: 1px solid var(--cmb-line); } .cmb-collage__badge strong { display: block; color: var(--cmb-navy); font-size: .92rem; } .cmb-collage__ic { flex: 0 0 auto; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(135deg, var(--cmb-teal), var(--cmb-sea)); } .cmb-collage__ic img { filter: brightness(0) invert(1); } @media (prefers-reduced-motion: no-preference) { .cmb-collage__badge { animation: cmb-v8-float 6s ease-in-out infinite; } .cmb-collage__sub { animation: cmb-v8-float 7.5s ease-in-out -2s infinite; } } @keyframes cmb-v8-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } } @media (max-width: 900px) { .cmb-collage { padding: 0 0 3rem 1.25rem; max-width: 560px; } p.cmb-collage__badge { right: 0; } } @media (max-width: 480px) { .cmb-collage { padding-left: .5rem; } p.cmb-collage__badge { position: relative; right: auto; bottom: auto; margin-top: 1rem !important; max-width: none; } .cmb-collage { padding-bottom: 0; } .cmb-collage__sub { width: 34%; bottom: 5.5rem; } } /* ---------- About: story ---------- */ .cmb-about-story-sec { position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(50% 60% at 0% 0%, rgba(46,200,190,.14), rgba(46,200,190,0) 70%), radial-gradient(40% 50% at 100% 100%, rgba(11,29,69,.07), rgba(11,29,69,0) 70%), linear-gradient(180deg, var(--cmb-ivory), #fff); } .cmb-about-story { align-items: center; gap: clamp(2.5rem, 6vw, 5.5rem); } .cmb-about-story .cmb-split__copy > p { font-size: 1.06rem; line-height: 1.75; } .cmb-mvgrid { display: grid !important; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1.75rem !important; } .cmb-mv { padding: 1.25rem 1.3rem; border-radius: 20px; background: #fff; border: 1px solid var(--cmb-line); box-shadow: var(--cmb-shadow); position: relative; overflow: hidden; } .cmb-mv::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, var(--cmb-teal), var(--cmb-lime)); } .cmb-mv > * { margin: 0 !important; } .cmb-mv > * + * { margin-top: .5rem !important; } .cmb-mv h3 { font-size: 1.15rem; } .cmb-mv p { font-size: .95rem; line-height: 1.6; color: var(--cmb-slate); } .cmb-mv__ic { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: rgba(46,200,190,.16); margin-bottom: .35rem !important; } @media (max-width: 640px) { .cmb-mvgrid { grid-template-columns: 1fr; } } /* ---------- About: values (navy) ---------- */ .cmb-about-values .cmb-section-head h2, .cmb-about-values .cmb-section-head .cmb-lead { color: #fff; } .cmb-about-values .cmb-section-head .cmb-lead { color: rgba(255,255,255,.78); } .cmb-vgrid { gap: 1.25rem; } .cmb-vcard { position: relative; padding: 1.7rem 1.5rem 1.6rem; border-radius: 24px; background: linear-gradient(160deg, rgba(255,255,255,.1), rgba(255,255,255,.03)); border: 1px solid var(--cmb-glass-line); backdrop-filter: blur(6px); overflow: hidden; transition: transform .45s var(--cmb-ease), border-color .3s, background-color .3s; } .cmb-vcard::before { content: ""; position: absolute; width: 180px; aspect-ratio: 1; right: -60px; top: -60px; border-radius: 50%; background: radial-gradient(closest-side, rgba(46,200,190,.35), rgba(46,200,190,0)); transition: transform .6s var(--cmb-ease); } .cmb-vcard:hover { transform: translateY(-8px); border-color: rgba(198,225,94,.5); } .cmb-vcard:hover::before { transform: scale(1.4); } .cmb-vcard > * { position: relative; margin: 0; } .cmb-vcard > * + * { margin-top: .75rem; } .cmb-vcard__n { position: absolute !important; right: 1.3rem; top: 1rem; font-family: var(--wp--preset--font-family--heading); font-size: 2.4rem; line-height: 1; color: rgba(255,255,255,.14); font-weight: 600; margin: 0 !important; } .cmb-vcard__ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: linear-gradient(135deg, var(--cmb-teal), var(--cmb-sea)); box-shadow: 0 14px 26px -12px rgba(46,200,190,.7); } .cmb-vcard__ic img { filter: brightness(0) invert(1); } .cmb-vcard h3 { color: #fff; font-size: 1.3rem; margin-top: 1.1rem; } .cmb-vcard p { color: rgba(255,255,255,.78); line-height: 1.65; } .cmb-about-steps { background: radial-gradient(60% 70% at 50% 0%, rgba(46,200,190,.1), rgba(46,200,190,0) 70%), var(--cmb-ivory); } .cmb-about-team { align-items: center; } /* ---------- Home: About panel ---------- */ .cmb-abouthome { background: radial-gradient(45% 60% at 0% 0%, rgba(46,200,190,.12), rgba(46,200,190,0) 70%), #fff; } .cmb-about-panel { position: relative; overflow: hidden; isolation: isolate; padding: clamp(1.75rem, 4.5vw, 4rem); border-radius: 36px; background: radial-gradient(45% 60% at 90% 0%, rgba(46,200,190,.32), rgba(46,200,190,0) 70%), radial-gradient(40% 55% at 0% 100%, rgba(198,225,94,.14), rgba(198,225,94,0) 70%), linear-gradient(150deg, #0F2A63 0%, #0B1D45 55%, #072E3A 130%); color: rgba(255,255,255,.82); box-shadow: 0 50px 90px -50px rgba(11,29,69,.85); align-items: center; gap: clamp(2rem, 5vw, 4.5rem); } .cmb-about-panel::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--cmb-grid-line); opacity: .5; -webkit-mask-image: radial-gradient(70% 80% at 80% 20%, #000, transparent 75%); mask-image: radial-gradient(70% 80% at 80% 20%, #000, transparent 75%); } .cmb-about-panel h2 { color: #fff; } .cmb-about-panel h2 em { color: var(--cmb-sea); } .cmb-about-panel .cmb-eyebrow { color: var(--cmb-sea); } .cmb-about-panel .cmb-lead { color: rgba(255,255,255,.8); } .cmb-why--cards { border-top: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .9rem; margin-top: 1.5rem !important; } .cmb-why.cmb-why--cards .cmb-why__item, .cmb-why.cmb-why--cards .cmb-why__item:nth-child(2n) { padding: 1.1rem 1.15rem !important; border-radius: 18px; background: var(--cmb-glass); border: 1px solid var(--cmb-glass-line) !important; display: block !important; transition: transform .35s var(--cmb-ease), border-color .3s; } .cmb-why--cards .cmb-why__item:hover { transform: translateY(-4px); border-color: rgba(198,225,94,.5); } .cmb-why--cards .cmb-why__item > * { margin: 0 !important; grid-column: auto; } .cmb-why--cards .cmb-why__item > * + * { margin-top: .45rem !important; } .cmb-why--cards .cmb-why__item .wp-block-image { width: 40px; margin-bottom: .35rem; } .cmb-why--cards .cmb-why__item img { width: 40px !important; height: 40px !important; padding: 9px; border-radius: 12px; background: linear-gradient(135deg, var(--cmb-teal), var(--cmb-sea)); filter: none; } .cmb-why--cards .cmb-why__item img[src$=".svg"] { filter: none; } .cmb-why--cards h3 { color: #fff; font-size: 1.02rem; line-height: 1.3; } .cmb-why--cards p { color: rgba(255,255,255,.74); font-size: .9rem; line-height: 1.55; } .cmb-about-panel .cmb-hero-ctas { margin-top: 1.75rem !important; } .cmb-about-panel .cmb-collage__main::before { border-color: rgba(198,225,94,.4); } .cmb-about-panel .cmb-collage__sub img { border-color: #0F2A63; } @media (max-width: 900px) { .cmb-about-panel { border-radius: 26px; } .cmb-about-panel > .cmb-why.cmb-why--cards.cmb-why--list { grid-template-columns: 1fr !important; } } /* ---------- Footer ---------- */ .cmb-footer-cta { position: relative; overflow: hidden; isolation: isolate; padding-block: clamp(2.75rem, 5vw, 4.25rem) !important; background: radial-gradient(40% 90% at 88% 0%, rgba(198,225,94,.26), rgba(198,225,94,0) 70%), radial-gradient(50% 100% at 0% 100%, rgba(46,200,190,.35), rgba(46,200,190,0) 70%), linear-gradient(120deg, #0B1D45 0%, #0A4A55 100%) !important; } .cmb-footer-cta::before { content: ""; position: absolute; z-index: -1; right: -6%; top: -60%; width: 620px; aspect-ratio: 1; background: url("../images/arcs-light.svg") center/contain no-repeat; opacity: .35; } .cmb-footer-cta__eyebrow { margin: 0 0 .75rem !important; display: inline-flex; align-items: center; gap: .6rem; font-size: .76rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--cmb-lime); } .cmb-footer-cta__eyebrow::before { content: ""; width: 28px; height: 2px; background: var(--cmb-lime); } .cmb-footer-cta__title { font-size: clamp(1.8rem, 3.4vw, 2.7rem) !important; line-height: 1.12 !important; letter-spacing: -.01em; } ul.cmb-footer-cta__chips { list-style: none; margin: 1.35rem 0 0 !important; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem .9rem; } .cmb-footer-cta__chips li { display: inline-flex; align-items: center; gap: .4rem; font-size: .88rem; font-weight: 600; color: rgba(255,255,255,.88); } .cmb-footer-cta__chips img { width: 18px; height: 18px; padding: 3px; border-radius: 50%; background: var(--cmb-lime); } .cmb-footer-cta__btns { gap: .8rem; } .cmb-footer-cta .cmb-btn-lime .wp-block-button__link { padding: 1.05rem 1.7rem; font-size: 1rem; } .cmb-footer { position: relative; overflow: hidden; isolation: isolate; padding-top: clamp(3.25rem, 6vw, 5rem) !important; background: radial-gradient(45% 55% at 100% 0%, rgba(46,200,190,.14), rgba(46,200,190,0) 70%), radial-gradient(40% 50% at 0% 100%, rgba(46,96,200,.16), rgba(46,96,200,0) 70%), linear-gradient(180deg, #081633 0%, #060F27 100%) !important; border-top: 1px solid rgba(255,255,255,.06); } .cmb-footer::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--cmb-grid-line); opacity: .35; -webkit-mask-image: radial-gradient(60% 70% at 85% 0%, #000, transparent 75%); mask-image: radial-gradient(60% 70% at 85% 0%, #000, transparent 75%); } .cmb-footer__cols { gap: clamp(1.75rem, 3vw, 3rem) !important; } .cmb-footer__about { max-width: 38ch; color: rgba(255,255,255,.72); line-height: 1.65; } .cmb-footer .wp-block-site-logo { border-radius: 18px; box-shadow: 0 18px 30px -18px rgba(0,0,0,.6); } ul.cmb-footer__contact { list-style: none; margin: 1.35rem 0 0 !important; padding: 0; display: grid; gap: .7rem; } .cmb-footer__contact a { display: flex; align-items: center; gap: .8rem; color: #fff !important; font-weight: 600; line-height: 1.25; } .cmb-footer__contact small { display: block; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: var(--cmb-sea); font-weight: 700; margin-bottom: .1rem; } .cmb-footer__cic { flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); transition: background-color .3s, border-color .3s; } .cmb-footer__cic img { filter: brightness(0) invert(1); opacity: .9; } .cmb-footer__contact a:hover .cmb-footer__cic { background: var(--cmb-teal); border-color: var(--cmb-teal); } .cmb-footer__social { margin-top: 1.4rem !important; gap: .6rem !important; } .cmb-footer__social a { width: 42px; height: 42px; display: inline-grid; place-items: center; padding: 0 !important; border-radius: 50% !important; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.2) !important; color: #fff !important; transition: transform .3s var(--cmb-ease), background-color .3s, border-color .3s; } .cmb-footer__social a:hover { transform: translateY(-4px); background: var(--cmb-teal); border-color: var(--cmb-teal) !important; color: #fff !important; } .cmb-footer__heading { position: relative; padding-bottom: .85rem; margin-bottom: 1.1rem !important; color: #fff !important; } .cmb-footer__heading::after { content: ""; position: absolute; left: 0; bottom: 0; width: 28px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, var(--cmb-lime), var(--cmb-sea)); } .cmb-footer__list { gap: .65rem !important; } .cmb-footer__list a { position: relative; display: inline-block; transition: color .25s, transform .25s var(--cmb-ease); } .cmb-footer__list a:hover { transform: translateX(4px); color: #fff; } .cmb-footer__bottom { margin-top: clamp(2.5rem, 5vw, 3.75rem) !important; padding-top: 1.5rem !important; border-top: 1px solid rgba(255,255,255,.1) !important; align-items: center; gap: 1rem 2rem; font-size: .88rem; } .cmb-footer__legal { align-items: center; } .cmb-footer__legal a.cmb-footer__top { padding: .4rem .9rem; border-radius: 999px; border: 1px solid rgba(255,255,255,.2); color: #fff; } .cmb-footer__legal a.cmb-footer__top:hover { background: rgba(255,255,255,.1); color: #fff; } @media (max-width: 781px) { .cmb-footer__cols { gap: 2rem 1.5rem !important; } .cmb-footer__cols > .wp-block-column { flex-basis: 100% !important; } .wp-block-columns.cmb-footer__cols:not(.is-not-stacked-on-mobile) > .wp-block-column.cmb-footer__col { flex-basis: calc(50% - .75rem) !important; flex-grow: 0 !important; min-width: 0; } .cmb-footer__legal { gap: .75rem 1.25rem; } .cmb-footer-cta__btns { width: 100%; } .cmb-footer-cta__btns .wp-block-button, .cmb-footer-cta__btns .wp-block-button__link { width: 100%; text-align: center; } } @media print { .cmb-collage__badge { display: none !important; } } .cmb-about-panel .cmb-collage { align-self: center; } .cmb-about-panel > .cmb-why.cmb-why--cards.cmb-why--list { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } .cmb-about-panel > .cmb-why--cards { grid-column: 1 / -1; margin-top: .5rem !important; }