CORE® | The Partner That Gets It

Technology & Growth Partner

The partner that gets it, not just another vendor.

Real support, tailored to your business needs.

Trusted by growing companies across industries

“Thanks to CORE®, I found a valued partner and the support that helped shape my company's success.”

Technology and Employer Branding Consultancy, US

Real Results

apartment

Real Estate BPO Services That Deliver Results

Ranked #1 in accuracy and speed in a head-to-head trial, and scaled from 11 to 50 employees in a year.

Read the Full Case Study arrow_forward

verified

Philippines Market Entry: 100% Compliance

An Australian firm operated immediately, with full compliance and zero delays, ahead of full registration.

Read the Full Case Study arrow_forward

groups

A Candidate Experience Strategy That Attracts Top Talent

A sharpened recruitment process delivered a 9.36 out of 10 average candidate recommendation score.

Read the Full Case Study arrow_forward

Let's see if we're the right fit.

Fill out the form below. A CORE® specialist will follow up within 1 business day.

lock Your information is confidential and never shared.

Recognized For

military_techRanked #6, SEA Best Workplaces in Technology 2026 verifiedBest Workplaces Philippines 2026 starsPhilippines' Best Workplaces™ in IT-BPM 2025

/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img:is([sizes=auto i],[sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } /*# sourceURL=site-designer-shared-pattern-classes-inline-css */ /* Dark cover/section overlay + on-dark text. */ body .wp-site-blocks .is-style-overlay-dark .wp-block-cover__background { background-color: var(--wp--preset--color--base-3); color: var(--wp--preset--color--contrast-3); } .wp-block-cover.is-style-overlay-dark .wp-block-cover__background.has-background-dim { opacity: .8 !important; } :is(.wp-block-designsetgo-section, .wp-block-designsetgo-scroll-slides).is-style-overlay-dark { --dsgo-overlay-color: var(--wp--preset--color--base-3); --dsgo-overlay-opacity: .8; color: var(--wp--preset--color--contrast-3); } .wp-block-group.has-background.is-style-overlay-dark { box-shadow: inset 0 0 0 9999px color-mix(in srgb, var(--wp--preset--color--base-3) 80%, transparent); } body .wp-site-blocks .is-style-overlay-dark, body .wp-site-blocks .is-style-on-dark { --dsgo-text-color: var(--wp--preset--color--contrast-3); color: var(--wp--preset--color--contrast-3) !important; } body .wp-site-blocks .is-style-overlay-dark :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,cite), body .wp-site-blocks .is-style-on-dark :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,cite) { color: var(--wp--preset--color--contrast-3) !important; } /* Solid dark section background + light text. */ .is-style-bg-dark { background-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); } .is-style-bg-dark a { color: var(--wp--preset--color--base); } /*# sourceURL=global-styles-inline-css */ :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #fff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: .44rem; --wp--preset--spacing--30: .67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2); --wp--preset--shadow--outlined: 6px 6px 0px -3px #fff, 6px 6px #000; --wp--preset--shadow--crisp: 6px 6px 0px #000; } :root { --wp--style--global--content-size: 800px; --wp--style--global--wide-size: 1200px; } :where(body) { margin: 0; } .wp-site-blocks > .alignleft { float: left; margin-right: 2em; } .wp-site-blocks > .alignright { float: right; margin-left: 2em; } .wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; } :where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; } :where(.wp-site-blocks) > :first-child { margin-block-start: 0; } :where(.wp-site-blocks) > :last-child { margin-block-end: 0; } :root { --wp--style--block-gap: 24px; } :root :where(.is-layout-flow) > :first-child { margin-block-start: 0; } :root :where(.is-layout-flow) > :last-child { margin-block-end: 0; } :root :where(.is-layout-flow) > * { margin-block-start: 24px; margin-block-end: 0; } :root :where(.is-layout-constrained) > :first-child { margin-block-start: 0; } :root :where(.is-layout-constrained) > :last-child { margin-block-end: 0; } :root :where(.is-layout-constrained) > * { margin-block-start: 24px; margin-block-end: 0; } :root :where(.is-layout-flex) { gap: 24px; } :root :where(.is-layout-grid) { gap: 24px; } .is-layout-flow > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .is-layout-flow > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .is-layout-flow > .aligncenter { margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .is-layout-constrained > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .is-layout-constrained > .aligncenter { margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: var(--wp--style--global--content-size); margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained > .alignwide { max-width: var(--wp--style--global--wide-size); } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex > :is(*, div) { margin: 0; } body .is-layout-grid { display: grid; } .is-layout-grid > :is(*, div) { margin: 0; } body { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } :root :where(.wp-element-button, .wp-block-button__link) { background-color: #32373c; border-width: 0; color: #fff; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; padding-top: calc(.667em + 2px); padding-right: calc(1.333em + 2px); padding-bottom: calc(.667em + 2px); padding-left: calc(1.333em + 2px); text-decoration: none; text-transform: inherit; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } :root :where(.wp-block-icon svg) { width: 24px; } :root :where(.wp-block-pullquote) { font-size: 1.5em; line-height: 1.6; } /*# sourceURL=elementor-frontend-inline-css */ .e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; } form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"], form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"] { display: block; } .e-form-textarea-base:not([data-resizable]) { resize: none; } .e-form-submit-button-base { cursor: pointer; box-sizing: border-box; } [data-cky-tag] { visibility: hidden; } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } .wp-block-group:not([data-dsgo-inline-bg]), .wp-block-column:not([data-dsgo-inline-bg]), .wp-block-columns:not([data-dsgo-inline-bg]) { --dsgo-text-color: initial; } :is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section), .wp-block-cover:not(.has-text-color) { color: var(--wp--preset--color--contrast-3) !important; --dsgo-text-color: var(--wp--preset--color--contrast-3); } body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) h1:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) h2:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) h3:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) h4:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) h5:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) h6:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) p:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) a:where(:not(.wp-element-button):not(.wp-block-social-link-anchor)):not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(:is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color):not(.is-style-footer-section):not(.is-style-header-section),.wp-block-cover) .wp-element-caption:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)) { color: var(--dsgo-text-color, inherit) !important; } body .wp-site-blocks :is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column)[data-dsgo-inline-bg] .wp-block-button:is([class*="is-style-outline"],[class*="is-style-secondary"]) .wp-element-button { color: var(--dsgo-text-color, inherit) !important; border-color: currentColor !important; } body .wp-site-blocks :is(.wp-block-designsetgo-section,.wp-block-group,.wp-block-column)[data-dsgo-inline-bg] .wp-block-button:is([class*="is-style-outline"],[class*="is-style-secondary"]) .wp-element-button:hover { opacity: .75; } body .wp-site-blocks [data-dsgo-inline-bg] h1:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] h2:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] h3:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] h4:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] h5:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] h6:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] p:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] a:where(:not(.wp-element-button):not(.wp-block-social-link-anchor)):not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks [data-dsgo-inline-bg] .wp-element-caption:not(.has-text-color):where(:not(.elementor *):not([data-elementor-type] *)) { color: var(--dsgo-text-color, inherit) !important; } .wp-block-designsetgo-section.has-background:not([data-dsgo-inline-bg]):not(.has-text-color) { color: var(--wp--preset--color--contrast); --dsgo-text-color: var(--wp--preset--color--contrast); } :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)), .has-background:is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)), .has-text-color:is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) { background-color: var(--wp--preset--color--accent-5); color: var(--wp--preset--color--contrast); } body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) h1:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) h2:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) h3:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) h4:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) h5:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) h6:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) p:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) a:where(:not(.wp-element-button):not(.wp-block-social-link-anchor)):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-1:not(:is(.has-white-background-color,.has-black-background-color)) .wp-element-caption:where(:not(.elementor *):not([data-elementor-type] *)) { color: var(--wp--preset--color--contrast); } :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)), .has-background:is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)), .has-text-color:is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) { background-color: var(--wp--preset--color--accent-2); color: var(--wp--preset--color--contrast); } body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) h1:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) h2:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) h3:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) h4:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) h5:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) h6:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) p:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) a:where(:not(.wp-element-button):not(.wp-block-social-link-anchor)):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-2:not(:is(.has-white-background-color,.has-black-background-color)) .wp-element-caption:where(:not(.elementor *):not([data-elementor-type] *)) { color: var(--wp--preset--color--contrast); } :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)), .has-background:is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)), .has-text-color:is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) { background-color: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--contrast); } body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) h1:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) h2:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) h3:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) h4:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) h5:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) h6:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) p:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) a:where(:not(.wp-element-button):not(.wp-block-social-link-anchor)):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-3:not(:is(.has-white-background-color,.has-black-background-color)) .wp-element-caption:where(:not(.elementor *):not([data-elementor-type] *)) { color: var(--wp--preset--color--contrast); } :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)), .has-background:is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)), .has-text-color:is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) { background-color: var(--wp--preset--color--accent-3); color: var(--wp--preset--color--accent-2); } body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) h1:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) h2:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) h3:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) h4:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) h5:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) h6:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) p:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) a:where(:not(.wp-element-button):not(.wp-block-social-link-anchor)):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-4:not(:is(.has-white-background-color,.has-black-background-color)) .wp-element-caption:where(:not(.elementor *):not([data-elementor-type] *)) { color: var(--wp--preset--color--accent-2); } :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)), .has-background:is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)), .has-text-color:is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) { background-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); } body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) h1:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) h2:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) h3:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) h4:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) h5:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) h6:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) p:where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) a:where(:not(.wp-element-button):not(.wp-block-social-link-anchor)):where(:not(.elementor *):not([data-elementor-type] *)), body .wp-site-blocks :is(.wp-block-group,.wp-block-column).is-style-section-5:not(:is(.has-white-background-color,.has-black-background-color)) .wp-element-caption:where(:not(.elementor *):not([data-elementor-type] *)) { color: var(--wp--preset--color--base); } body .wp-site-blocks input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="image"]):not([type="hidden"]), body .wp-site-blocks textarea, body .wp-site-blocks select { background-color: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 30%, transparent); } .wp-site-blocks input[type="submit"]:not(.wp-element-button), .wp-site-blocks button[type="submit"]:not(.wp-element-button) { background-color: var(--wp--preset--color--accent-2); color: var(--wp--preset--color--base); border-width: 0; padding: 12px 30px; font-family: inherit; font-size: var(--wp--preset--font-size--medium, 1rem); line-height: inherit; cursor: pointer; } /* Google Fonts are loaded as <link> tags from the head code manager ("New CORE Google Fonts", Location: <head>, Entire site) plus the Elementor header/footer templates. Do NOT add @import here - it serialises font loading behind this stylesheet and delays first paint. Several /lp/ Canvas landing pages have no site header, so the head-manager entry is what covers them. */ /* ========================================================================== IMPORTANT - 2026-08-12: Do NOT move these accessibility fixes into Elementor widget settings or per-widget "Custom CSS" fields. Doing that on this site triggers an Elementor CSS regeneration that NitroPack then caches inconsistently, and it broke the homepage layout for logged-out visitors. Reverting the widget edits fixed it. Keep contrast/accessibility overrides in this file. (The footer column titles are the one exception - they are set in the footer widget itself and have been stable.) ========================================================================== */ .menu-item-label > a { pointer-events: none; cursor: default; } .menu-item-label > a:hover { text-decoration: none; } /* --- Accessibility: make the "Skip to content" link visible on focus --- The theme hides it with .screen-reader-text permanently, so keyboard users can never see it. This reveals it while focused. NOTE: this is NOT what fixes Lighthouse's "skip-link" audit - that audit checks whether the link's TARGET exists and is focusable. The elementor_header_footer page template omits the theme's <main id="content">, so the target is created in the CORE Custom Plugin (item 8), not here. */ .skip-link.screen-reader-text:focus, .skip-link:focus-visible { position: fixed !important; top: 12px; left: 12px; z-index: 100000; width: auto !important; height: auto !important; clip: auto !important; clip-path: none !important; overflow: visible !important; margin: 0 !important; padding: 12px 22px; background: #a31f35; color: #fff !important; font: 600 16px/1.2 "DM Sans", sans-serif; text-decoration: none; border-radius: 6px; box-shadow: 0 4px 16px rgba(0, 0, 0, .25); outline: 3px solid #fff; outline-offset: 2px; } /* --- Accessibility: carousel dot touch targets (WCAG 2.5.8, min 24x24 CSS px) --- The dots stay visually 8px / 6px. An invisible ::after gives each a 24x24 hit area, and spacing is widened so neighbouring targets sit 24px apart centre to centre and therefore never overlap. */ /* Hero slider dots (#hsWrap) - visual 8px, was 9px gap / 17px centres. ID selector beats the slider widget's inline <style> later in the document. */ #hsWrap .hs-dots { gap: 16px; } #hsWrap .hs-dot { position: relative; } #hsWrap .hs-dot::after { content: ""; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; transform: translate(-50%, -50%); } /* the active dot is scale(1.35); counter-scale so its hit area stays ~24px */ #hsWrap .hs-dot.on::after { transform: translate(-50%, -50%) scale(.74); } /* Elementor / Swiper pagination bullets - visual 6px, was 6px margin / 18px centres. Do NOT set margin here: Swiper's own rule is .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet (0,3,0) which outranks any (0,2,0) selector. It reads the gap from this custom property, so set the variable instead - that wins without a specificity war and survives an Elementor/Swiper update. 6px bullet + 9px each side = 24px centre-to-centre. */ .swiper-pagination { --swiper-pagination-bullet-horizontal-gap: 9px; } .swiper-pagination .swiper-pagination-bullet { position: relative; } .swiper-pagination .swiper-pagination-bullet::after { content: ""; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; transform: translate(-50%, -50%); } /* ========================================================================== Accessibility: contrast (WCAG AA - 4.5:1 body text, 3:1 for >=24px) Footer column titles are handled in the footer widget itself (87a00e9, var(--cfv4-red-lt) #BE6271) - do not duplicate them here. ========================================================================== */ /* Hero salary card muted text. --n was #7F7F7F = 4.00:1 on white, not the "~4.48:1" quoted in the brand file's accessibility note. That note prescribes #767676 (4.54:1), but it is calibrated against pure white; two labels sit on .hcc-role whose background is Catskill White #F4F7FA, where #767676 drops to 4.22:1. #717171 clears AA on BOTH (4.88:1 on #FFFFFF, 4.54:1 on #F4F7FA) and keeps every label in the card the same colour. Two classes deep to beat the hero slider widget's inline <style>. */ .s2-inner .hero-calc-card { --n: #717171; } /* "COST SAVINGS" label. The widget writes color:#7F7F7F in a style="" attribute, so only !important can override it. #7F7F7F on Mexican Red Lightest #F5E8EA is 3.36:1; #6A6A6A is 4.54:1. The attribute selector hits exactly that node. */ .s2-inner .hcc-savings [style*="7F7F7F"] { color: #6a6a6a !important; } /* Grey CTA buttons: #F1F1F1 on #707070 = 4.38. Pure white lifts it to 4.95 with no visible design change. Setting colour on the span beats the value inherited from .elementor-button regardless of specificity. These five widgets all point button_text_color at the Elementor global "Light border" (#F1F1F1) instead of "White Font" (#FFFFFF). Re-pointing that global in Elementor is the tidier fix but is NOT safe here - see the warning at the top of this file. 2ebd7ec "Explore services" | fb5bbab "Why we're a great workplace" 1b85739 "Explore more case studies" | 337c53f "Schedule a discovery call" 55b7d24 "Explore CORE Solutions" */ .elementor-element-2ebd7ec .elementor-button-text, .elementor-element-fb5bbab .elementor-button-text, .elementor-element-1b85739 .elementor-button-text, .elementor-element-337c53f .elementor-button-text, .elementor-element-55b7d24 .elementor-button-text { color: #fff; } /* Inactive step icons: rgba(141,143,146,.8) on white = 2.46:1, below the 3:1 needed for 32px "large text". Brand Neutral #7F7F7F = 4.00:1. :not(.active) is essential - the active badge is white on Mexican Red (6.63:1) and must not be greyed out. Specificity (0,4,0) clears the widget's own .core-step-item-v4.active rule at (0,3,0). */ .core-v4-icons-wrapper .core-step-item-v4:not(.active) .core-step-icon-badge { color: #7f7f7f; } /* Inline links in body copy. TWO separate audits apply here - satisfy both: 1. colour-contrast link vs its BACKGROUND >= 4.5:1 #CC3366 (inherited default) on #F2F2F2 = 4.43 FAIL #A31F35 (Mexican Red) on #F2F2F2 = 6.69 PASS 2. link-in-text-block link vs SURROUNDING TEXT >= 3:1, but ONLY when the link has no other distinguishing style of its own. #A31F35 vs black body text = 2.80, which would FAIL on colour alone. The markup wraps each link in <span style="text-decoration:underline">, so it LOOKS underlined, but the <a> itself computes text-decoration-line: none and axe therefore falls back to the colour test. Setting the underline on the <a> removes the colour requirement entirely. No visual change - the span already paints an underline in the same place. Do not drop this declaration. */ .elementor-element-613ad9b a { color: #a31f35; text-decoration: underline; } .wp-block-site-logo.is-default-size img { width: auto; height: auto; max-width: 180px; max-height: 80px; } .wp-block-site-logo img { height: auto; } .woocommerce-checkout .c4wp_captcha_field { margin-bottom: 10px; margin-top: 15px; position: relative; display: inline-block; } .login #login, .login #lostpasswordform { min-width: 350px !important; } .wpforms-field-c4wp iframe { width: 100% !important; } .login #login, .login #lostpasswordform { min-width: 350px !important; } .wpforms-field-c4wp iframe { width: 100% !important; } /* ── ELEMENTOR / CMS ISOLATION ── */ body { margin: 0 !important; padding: 0 !important; overflow-x: hidden; scroll-behavior: smooth; } .elementor-widget-container:has(.bsp) { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; } .elementor-section:has(.bsp), .elementor-column:has(.bsp), .elementor-widget:has(.bsp) { padding: 0 !important; margin: 0 !important; background: none !important; border: none !important; box-shadow: none !important; } /* ── MATERIAL ICONS LOCK ── */ .bsp .material-icons, .bsp .material-icons-outlined, .bsp .material-icons-round, .bsp .material-icons-sharp, .bsp .material-icons-two-tone { font-family: "Material Icons", "Material Icons Outlined", "Material Icons Round", "Material Icons Sharp", "Material Icons Two Tone" !important; font-style: normal !important; display: inline-block !important; white-space: nowrap !important; word-wrap: normal !important; direction: ltr !important; } /* ── ROOT WRAPPER ── */ .bsp { --bsp-red: #a31f35; --bsp-red-dk: #82182a; --bsp-red-dkr: #410c15; --bsp-red-lt: #be6271; --bsp-red-ltr: #ecd2d6; --bsp-red-ltst: #f5e8ea; --bsp-cw: #fcfdfe; --bsp-cw2: #f7f9fb; --bsp-cw3: #f4f7fa; --bsp-nl: #d8d8d8; --bsp-nm: #b2b2b2; --bsp-n: #7f7f7f; --bsp-nd: #4c4c4c; --bsp-ndk: #191919; --bsp-white: #fff; --bsp-nlst: #f2f2f2; --bsp-t1: #191919; --bsp-t2: #4c4c4c; --bsp-t3: #595959; --bsp-cod: #1b1b1b; font-family: "DM Sans", sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; color: var(--bsp-t1) !important; background: var(--bsp-cw) !important; -webkit-font-smoothing: antialiased !important; display: block !important; width: 100% !important; overflow-x: hidden; box-sizing: border-box !important; } .bsp *, .bsp *::before, .bsp *::after { box-sizing: border-box !important; margin: 0; padding: 0; } .bsp h1, .bsp h2, .bsp h3, .bsp h4, .bsp h5, .bsp h6 { font-family: "Playfair Display", serif !important; color: var(--bsp-t1) !important; line-height: 1.15 !important; font-weight: 700 !important; } .bsp h1 { font-size: clamp(34px, 4.4vw, 58px) !important; } .bsp h2 { font-size: clamp(26px, 3vw, 40px) !important; } .bsp h3 { font-size: 20px !important; } .bsp h4 { font-size: 16px !important; } .bsp h5 { font-size: 14px !important; } .bsp h6 { font-size: 12px !important; } .bsp a { text-decoration: none !important; color: inherit !important; } .bsp img { max-width: 100% !important; display: block !important; } .bsp .material-icons, .bsp .material-icons-outlined, .bsp .material-icons-round { vertical-align: middle !important; } /* ── WRAP ── */ .bsp .bsp-wrap { max-width: 1440px !important; margin: 0 auto !important; padding: 0 clamp(24px, 5vw, 72px) !important; } /* ── NAV ── */ .bsp header.bsp-nav { position: sticky !important; top: 0 !important; z-index: 100 !important; background: var(--bsp-white) !important; border-bottom: 1px solid var(--bsp-nl) !important; height: 72px !important; display: flex !important; align-items: center !important; transition: box-shadow .2s ease !important; width: 100% !important; padding: 0 clamp(24px, 5vw, 72px) !important; } .bsp header.bsp-nav .bsp-wrap { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; max-width: 1440px !important; margin: 0 auto !important; padding: 0 !important; } /* ── BUTTONS ── */ .bsp .bsp-btn { display: inline-flex !important; align-items: center !important; gap: 8px !important; font-family: "DM Sans", sans-serif !important; font-weight: 600 !important; font-size: 15px !important; border-radius: 999px !important; padding: 16px 36px !important; cursor: pointer !important; border: none !important; transition: background .2s, transform .2s, box-shadow .2s !important; text-decoration: none !important; } .bsp .bsp-btn-primary { background: var(--bsp-red) !important; color: var(--bsp-white) !important; } .bsp .bsp-btn-primary:hover { background: var(--bsp-red-dk) !important; transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(163, 31, 53, .3) !important; } .bsp .bsp-btn-nav { padding: 12px 26px !important; font-size: 14px !important; } /* ── HERO ── */ .bsp .bsp-hero { background: linear-gradient(135deg, var(--bsp-cw3) 55%, var(--bsp-red-ltst) 100%) !important; padding: 56px clamp(24px, 5vw, 72px) 64px !important; position: relative !important; overflow: hidden !important; } .bsp .bsp-hero::before { content: "" !important; position: absolute !important; inset: 0 !important; background-image: radial-gradient(var(--bsp-nl) 1px, transparent 1px) !important; background-size: 32px 32px !important; opacity: .4 !important; pointer-events: none !important; } .bsp .bsp-hero-grid { display: grid !important; grid-template-columns: 1.05fr 1fr !important; gap: 56px !important; align-items: start !important; position: relative !important; z-index: 1 !important; max-width: 1440px !important; margin: 0 auto !important; } .bsp .bsp-kicker { font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .1em !important; color: var(--bsp-red) !important; margin-bottom: 16px !important; display: block !important; } .bsp .bsp-hero-content { padding-top: 12px !important; } .bsp .bsp-hero-content h1 { font-size: clamp(34px, 4.4vw, 58px) !important; margin-bottom: 18px !important; } .bsp .bsp-hero-content .bsp-lead { font-size: clamp(17px, 1.6vw, 20px) !important; font-weight: 400 !important; color: var(--bsp-t2) !important; margin-bottom: 24px !important; max-width: 480px !important; } .bsp .bsp-trust-line { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 14px !important; color: var(--bsp-t3) !important; margin-bottom: 32px !important; } .bsp .bsp-trust-line .bsp-dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: var(--bsp-red) !important; flex-shrink: 0 !important; } /* ── MINI QUOTE ── */ .bsp .bsp-mini-quote { border-left: 3px solid var(--bsp-red) !important; padding-left: 18px !important; margin-top: 8px !important; } .bsp .bsp-mini-quote p { font-family: "Playfair Display", serif !important; font-style: italic !important; font-size: 16px !important; color: var(--bsp-t1) !important; margin-bottom: 8px !important; line-height: 1.5 !important; } .bsp .bsp-mini-quote span { font-size: 14px !important; color: var(--bsp-n) !important; } /* ── FORM CARD ── */ .bsp .bsp-form-card { background: var(--bsp-white) !important; border-radius: 20px !important; padding: 28px 28px 12px !important; box-shadow: 0 24px 64px rgba(0, 0, 0, .14) !important; border: 1px solid var(--bsp-nl) !important; } .bsp .bsp-form-card h3 { font-size: 20px !important; margin-bottom: 4px !important; } .bsp .bsp-form-card .bsp-form-sub { font-size: 14px !important; color: var(--bsp-t2) !important; margin-bottom: 16px !important; } .bsp .bsp-form-embed-wrap { width: 100% !important; min-height: 560px !important; } .bsp .bsp-form-embed-wrap iframe { width: 100% !important; border: none !important; border-radius: 8px !important; } .bsp .bsp-form-micro { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: var(--bsp-n) !important; padding: 10px 0 14px !important; justify-content: center !important; } .bsp .bsp-form-micro .material-icons-outlined { font-size: 14px !important; } /* ── MINI RESULTS ── */ .bsp .bsp-mini-results { margin-top: 32px !important; } .bsp .bsp-mini-results-label { font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .08em !important; color: var(--bsp-red) !important; display: block !important; margin-bottom: 14px !important; } .bsp .bsp-mini-case { display: flex !important; gap: 14px !important; padding: 16px 0 !important; border-top: 1px solid var(--bsp-nl) !important; } .bsp .bsp-mini-case:last-child { padding-bottom: 0 !important; } .bsp .bsp-mini-case-icon { width: 36px !important; height: 36px !important; border-radius: 9px !important; background: var(--bsp-red-ltst) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .bsp .bsp-mini-case-icon .material-icons-outlined { color: var(--bsp-red) !important; font-size: 18px !important; } .bsp .bsp-mini-case-body h4 { font-size: 16px !important; margin-bottom: 4px !important; line-height: 1.3 !important; } .bsp .bsp-mini-case-body p { font-size: 14px !important; color: var(--bsp-t2) !important; margin-bottom: 6px !important; line-height: 1.45 !important; } .bsp .bsp-case-link { font-size: 14px !important; font-weight: 600 !important; color: var(--bsp-red) !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; text-decoration: none !important; } .bsp .bsp-case-link .material-icons-outlined { font-size: 15px !important; } /* ── PROOF BAR ── */ .bsp .bsp-proof-bar { background: var(--bsp-white) !important; border-top: 1px solid var(--bsp-nl) !important; border-bottom: 1px solid var(--bsp-nl) !important; padding: 24px clamp(24px, 5vw, 72px) !important; } .bsp .bsp-proof-inner { max-width: 1440px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; gap: 24px !important; flex-wrap: wrap !important; justify-content: center !important; } .bsp .bsp-proof-label { font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .08em !important; color: var(--bsp-n) !important; white-space: nowrap !important; } .bsp .bsp-proof-divider { width: 1px !important; height: 24px !important; background: var(--bsp-nl) !important; flex-shrink: 0 !important; } .bsp .bsp-proof-pills { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; justify-content: center !important; } .bsp .bsp-pill { background: var(--bsp-nlst) !important; border: 1px solid var(--bsp-nl) !important; border-radius: 999px !important; padding: 8px 18px !important; font-size: 14px !important; font-weight: 500 !important; color: var(--bsp-nd) !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; } .bsp .bsp-pill .material-icons-round { font-size: 15px !important; color: var(--bsp-red) !important; } /* ── FOOTER ── */ .bsp footer.bsp-footer { background: var(--bsp-white) !important; border-top: 1px solid var(--bsp-nl) !important; padding: 36px clamp(24px, 5vw, 72px) !important; } .bsp .bsp-footer-inner { max-width: 1440px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 20px !important; } .bsp .bsp-footer-copy { font-size: 14px !important; color: var(--bsp-n) !important; } .bsp .bsp-footer-links { display: flex !important; gap: 20px !important; } .bsp .bsp-footer-links a { font-size: 14px !important; color: var(--bsp-n) !important; transition: color .2s !important; text-decoration: none !important; } .bsp .bsp-footer-links a:hover { color: var(--bsp-red) !important; } /* ── LOGO SLOT ── */ .bsp .bsp-logo-slot svg { height: 40px !important; width: auto !important; } /* ── RESPONSIVE ── */ @media (max-width: 1024px) { .bsp .bsp-hero-grid { grid-template-columns: 1fr !important; gap: 32px !important; } } @media (max-width: 767px) { .bsp .bsp-hero { padding: 40px clamp(24px, 5vw, 72px) 48px !important; } .bsp .bsp-footer-inner { flex-direction: column !important; align-items: flex-start !important; } .bsp header.bsp-nav { height: 64px !important; } }