/* ============================================================
   Climate First Bank — Brand Refresh (2026)
   "Banking Made Brighter."  Spectral + DM Sans · Shadow / Sky / Light.
   Loaded AFTER cfb-website.css so it wins the cascade.
   Mirrors the impact-checking reference component.
   ============================================================ */

:root {
  --cfb-shadow: #012427;
  --cfb-sky: #38ffff;
  --cfb-light: #fffbf7;
  --cfb-flux: #6dffbd;
  --cfb-sprout: #6dffbd;
  --cfb-beam: #ffff92;
  --cfb-glow: #ffa35f;
  --cfb-glow-dark: #e68a40;
  --cfb-shadow-08: rgba(1, 36, 39, 0.08);
  --cfb-shadow-15: rgba(1, 36, 39, 0.15);
  --cfb-features-divider: rgba(1, 36, 39, 0.32);

  /* Daylight-inspired gradients (brand guidelines + impact-checking).
     Use sparingly — accent bars, small moments, audience-specific accents. */
  --cfb-gradient-sunrise: linear-gradient(135deg, #ffff92 0%, #ffa35f 100%);
  --cfb-gradient-daylight: linear-gradient(135deg, #38ffff 0%, #6dffbd 100%);
  --cfb-gradient-sunset: linear-gradient(
    135deg,
    #38ffff 0%,
    #6dffbd 35%,
    #ffff92 70%,
    #ffa35f 100%
  );
  --cfb-gradient-accent: var(--cfb-gradient-daylight);

  /* Vertical hero gradients kept for accent bars / legacy consumers.
     Page heroes themselves use flat brand color blocks + watercolor textures. */
  --cfb-hero-daylight: linear-gradient(180deg, #38ffff 0%, #6dffbd 100%);
  --cfb-hero-sunrise: linear-gradient(180deg, #ffff92 0%, #ffa35f 100%);
  --cfb-hero-skyglow: linear-gradient(180deg, #38ffff 0%, #ffa35f 100%);
  --cfb-hero-shadow-scrim: linear-gradient(
    180deg,
    rgba(1, 36, 39, 0.78) 0%,
    rgba(1, 36, 39, 0.58) 100%
  );
  /* Hero background images: full botanical backgrounds with color baked in.
     Default set is morocco; pages override via --cfb-hero-tex inline style. */
  --cfb-hero-bg-daylight: url("../images/hero-textures/daylight--morocco.jpg");
  --cfb-hero-bg-flux: url("../images/hero-textures/flux--morocco.jpg");
  --cfb-hero-bg-sunrise: url("../images/hero-textures/sunrise--morocco.jpg");
  --cfb-hero-bg-skyglow: url("../images/hero-textures/skyglow--morocco.jpg");
  --cfb-hero-bg-shadow: url("../images/hero-textures/shadow--morocco.jpg");

  /* Fallback hero block fills for elements that can't use background-image. */
  --cfb-hero-block-sky: #80ffff;
  --cfb-hero-block-flux: #a6ffd9;
  --cfb-hero-block-beam: #ffff92;
  --cfb-hero-block-glow: #ffc79c;
}

/* The Webflow palette's "black" is pure #000, which the base `p`, `li` and ~119
   other rules paint with. Brand dark is Shadow, so remap the value at its source
   rather than layering overrides: this changes no selector weight, so every
   existing light-on-dark override keeps winning exactly as before.
   Declared on the same `body`/container selectors Webflow uses. */
.cfb-page-redesign,
.cfb-page-redesign .kyrens-brainstorming-site--new-offering-container {
  --kyrens-brainstorming-site---colors--black: #012427;
}

/* Lifecycle overrides (Early Saver / Thoughtful Planner / Meaningful Spender) */
.cfb-lifecycle-sunrise {
  --cfb-gradient-accent: var(--cfb-gradient-sunrise);
}
.cfb-lifecycle-daylight {
  --cfb-gradient-accent: var(--cfb-gradient-daylight);
}
.cfb-lifecycle-sunset,
.body-6 {
  --cfb-gradient-accent: var(--cfb-gradient-sunset);
}

.cfb-gradient-sunrise {
  background-image: var(--cfb-gradient-sunrise) !important;
}
.cfb-gradient-daylight {
  background-image: var(--cfb-gradient-daylight) !important;
}
.cfb-gradient-sunset {
  background-image: var(--cfb-gradient-sunset) !important;
}

.cfb-grad-bar {
  display: block;
  width: 9.5rem;
  height: 2px;
  margin: 0 auto 1.25rem;
  border: 0;
  background-image: var(--cfb-gradient-accent);
  background-color: transparent;
}

/* Gradient accent bar under section headings (homepage signature, site-wide) */
.cfb-accent-bar::after {
  content: "";
  display: block;
  width: 9.5rem;
  height: 2px;
  margin: 0.85rem 0 0;
  background-image: var(--cfb-gradient-accent);
}

.cfb-accent-bar.cfb-accent-bar--center::after {
  margin-inline: auto;
}

/* Hide legacy empty divider when accent bar is on the heading */
.cfb-page-redesign .section-header:has(.cfb-accent-bar) .div-block-331,
.cfb-page-redesign .section-header:has(h2.cfb-accent-bar) .div-block-331 {
  display: none !important;
}

/* Eyebrow above H1: DM Sans Black, 100 tracking */
.cfb-eyebrow {
  display: block;
  margin: 0 0 0.5rem;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
  color: inherit;
}

/* Hero copy containers: stack eyebrow above the headline (legacy flex defaults to row) */
.cfb-page-redesign .new-content-padding.title-bar,
.cfb-page-redesign .new-content-padding.product-banner,
.cfb-page-redesign .new-content-padding:has(> .cfb-eyebrow),
.cfb-page-redesign .cfb-hero .new-content-padding {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.25rem;
}

.cfb-page-redesign .new-content-padding.title-bar > .cfb-eyebrow,
.cfb-page-redesign .new-content-padding.product-banner > .cfb-eyebrow,
.cfb-page-redesign .cfb-hero .new-content-padding > .cfb-eyebrow {
  margin-bottom: 0;
}

/* Hero copy is left-anchored — the .cfb-underline accent bar hangs off the left
   edge — so the legacy centered variants opt out inside a hero. */
.cfb-page-redesign .cfb-hero .new-content-padding,
.cfb-page-redesign .cfb-hero .new-content-padding :is(h1, h2, h3, h4, p, div),
.cfb-page-redesign .cfb-hero .new-content-padding .new-center-alignment,
.cfb-page-redesign .cfb-hero .new-content-padding .new-center-aligment {
  text-align: left !important;
}

.cfb-page-redesign .cfb-hero .new-content-padding :is(.new-button-div, .new-button-rows) {
  justify-content: flex-start;
  align-self: flex-start;
}

/* ---------- Base ---------- */
body {
  background-color: var(--cfb-light);
  color: var(--cfb-shadow);
  font-family: "DM Sans", system-ui, sans-serif;
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* ---------- Typography: Spectral headlines, sentence case, tight tracking ---------- */
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
[class*="heading"], [class*="-title"], [class*="-heading"] {
  font-family: "Spectral", Georgia, serif !important;
  letter-spacing: -0.05em;
  text-transform: none;
}

/* Body copy: DM Sans Medium */
p, li, .new-body, .new-body-3, [class*="body"], [class*="paragraph"], [class*="disclosure"] {
  font-family: "DM Sans", system-ui, sans-serif;
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* Paragraph headers / CD headers: Spectral, no legacy underline */
.cfb-page-redesign .new-paragraph-header,
.cfb-page-redesign .new-paragraph-header-2,
.cfb-page-redesign .new-paragraph-header-3,
.cfb-page-redesign .cd-header {
  font-family: "Spectral", Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.05em !important;
  text-transform: none !important;
  text-decoration: none !important;
}

/* Stat numerals: tighter tracking; % unit sized to match height */
.cfb-card-stat-number,
.cfb-page-redesign .cfb-card-stat-number,
.cfb-page-redesign .new-stats-card h1,
.cfb-page-redesign .new-cd-title.prominent {
  letter-spacing: -0.01em !important;
}

.cfb-stat-unit {
  display: inline-block;
  font-size: 0.65em;
  line-height: 1;
  vertical-align: 0.05em;
  letter-spacing: -0.01em;
}

/* Eyebrows / short descriptors: DM Sans, all caps, wide tracking */
[class*="tagline"], [class*="eyebrow"], [class*="label"], [class*="overline"] {
  font-family: "DM Sans", system-ui, sans-serif !important;
}

/* ---------- Buttons: square, DM Sans Black, uppercase, 0.1em tracking ---------- */
/* Shared type + geometry for all button-like controls (btn-light default) */
.w-button,
.new-global-label-1, .new-global-label-2,
.new-nav-button,
.new-big-button-light, .new-small-button-light,
.offering-card-button, .blog-button, .new-form-button,
.new-sign-in-button,
.dark-grey-button, .light-blue-button,
input[type="submit"], input[type="button"],
.button, .button-2, .button-6,
.cfb-page-redesign .login-form button[type="submit"] {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  border-radius: 0 !important;
  border: 2px solid var(--cfb-shadow) !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--cfb-shadow) !important;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease !important;
}

.w-button:hover,
.new-global-label-1:hover, .new-global-label-2:hover,
.new-nav-button:hover,
.new-big-button-light:hover, .new-small-button-light:hover,
.offering-card-button:hover, .blog-button:hover, .new-form-button:hover,
.new-sign-in-button:hover,
.dark-grey-button:hover, .light-blue-button:hover,
input[type="submit"]:hover, input[type="button"]:hover,
.button:hover, .button-2:hover, .button-6:hover,
.cfb-page-redesign .login-form button[type="submit"]:hover {
  background-color: var(--cfb-shadow) !important;
  color: var(--cfb-light) !important;
  border-color: var(--cfb-shadow) !important;
}

/* btn-dark: solid Shadow + light text */
.new-big-button-dark,
.new-small-button-dark,
.new-solar-apply-now {
  border: 2px solid var(--cfb-shadow) !important;
  border-radius: 0 !important;
  background-color: var(--cfb-shadow) !important;
  background-image: none !important;
  color: var(--cfb-light) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.new-big-button-dark:hover,
.new-small-button-dark:hover,
.new-solar-apply-now:hover {
  background-color: var(--cfb-sky) !important;
  border-color: var(--cfb-sky) !important;
  color: var(--cfb-shadow) !important;
}

/* btn-ol: Light outline on dark surfaces */
.new-big-button-white,
.new-small-button-white,
.new-footer .w-button, .new-footer :is(a, button, input)[class*="button"],
.new-footer-background .w-button, .new-footer-background :is(a, button, input)[class*="button"],
[class*="banner-background"] .w-button, [class*="banner-background"] :is(a, button, input)[class*="button"],
.new-cta-card .w-button, .new-cta-card :is(a, button, input)[class*="button"] {
  border: 2px solid var(--cfb-light) !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--cfb-light) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.new-big-button-white:hover,
.new-small-button-white:hover,
.new-footer .w-button:hover, .new-footer :is(a, button, input)[class*="button"]:hover,
.new-footer-background .w-button:hover, .new-footer-background :is(a, button, input)[class*="button"]:hover,
[class*="banner-background"] .w-button:hover, [class*="banner-background"] :is(a, button, input)[class*="button"]:hover,
.new-cta-card .w-button:hover, .new-cta-card :is(a, button, input)[class*="button"]:hover {
  background-color: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
  border-color: var(--cfb-light) !important;
}

/* Need Help / light-band white buttons → btn-light (Shadow outline) */
.cfb-page-redesign .div-block-287 .w-button,
.cfb-page-redesign .div-block-287 .new-big-button-white {
  border: 2px solid var(--cfb-shadow) !important;
  background-color: transparent !important;
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .div-block-287 .w-button:hover,
.cfb-page-redesign .div-block-287 .new-big-button-white:hover {
  background-color: var(--cfb-shadow) !important;
  color: var(--cfb-light) !important;
  border-color: var(--cfb-shadow) !important;
}

/* btn-blue outline. Button Blue (#80ffff) is a dark-surface-only color, so the
   default here is the Shadow outline and dark bands opt back into blue below. */
.hero-slider-buttons,
.new-button-blue-outline,
.new-big-button-blue-outline {
  border: 2px solid var(--cfb-shadow) !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--cfb-shadow) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.hero-slider-buttons:hover,
.new-button-blue-outline:hover,
.new-big-button-blue-outline:hover {
  background-color: var(--cfb-shadow) !important;
  color: var(--cfb-light) !important;
  border-color: var(--cfb-shadow) !important;
}

.cfb-nav .new-button-blue-outline,
.new-nav-menu .new-button-blue-outline,
.new-download-app-div .new-button-blue-outline,
.new-download-app-div .new-big-button-blue-outline {
  border-color: #80ffff !important;
  color: #80ffff !important;
}

.cfb-nav .new-button-blue-outline:hover,
.new-nav-menu .new-button-blue-outline:hover,
.new-download-app-div .new-button-blue-outline:hover,
.new-download-app-div .new-big-button-blue-outline:hover {
  background-color: #80ffff !important;
  border-color: #80ffff !important;
  color: var(--cfb-shadow) !important;
}

/* white-hover-dark: light fill starting state (rare), hover to Shadow */
.new-big-button-white-hover-dark {
  background-color: var(--cfb-light) !important;
  border-color: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
  border-radius: 0 !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.new-big-button-white-hover-dark:hover {
  background-color: var(--cfb-shadow) !important;
  border-color: var(--cfb-shadow) !important;
  color: var(--cfb-light) !important;
}

/* Button row utility (homepage quick links) */
.cfb-btn-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem 1.5rem;
  width: 100%;
}

.cfb-btn-row .btn-light,
.cfb-btn-row .btn-dark,
.cfb-btn-row .btn-ol,
.cfb-btn-row a {
  flex: 0 1 auto;
}

/* ---------- Navigation ---------- */
.new-navbar,
.kyrens-brainstorming-site--new-navbar {
  background-color: var(--cfb-light) !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--cfb-shadow-15) !important;
}

/* Nav dropdown toggles + top-level labels */
.new-label-2-nav {
  font-family: "DM Sans", system-ui, sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  font-size: 11px !important;
  color: var(--cfb-shadow) !important;
  border-radius: 0 !important;
}

/* Dropdown panels: square, 2px Shadow border, warm-white */
.new-nav-dropdown-list,
.new-nav-dropdown-list.new-shadow.new-mobile-shadow-hide,
.kyrens-brainstorming-site--new-nav-dropdown-list {
  background-color: var(--cfb-light) !important;
  border: 2px solid var(--cfb-shadow) !important;
  border-radius: 0 !important;
  box-shadow: 6px 8px 0 -2px var(--cfb-shadow-15) !important;
}

/* Dropdown links */
.new-nav-dropdown-link {
  font-family: "DM Sans", system-ui, sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  color: var(--cfb-shadow) !important;
}
.new-nav-dropdown-link:hover {
  background-color: var(--cfb-shadow-08) !important;
  color: var(--cfb-shadow) !important;
}

/* Special Offers toggle: outlined box (matches reference) */
.new-special-offers-toggle {
  background-color: transparent !important;
  border: 2px solid var(--cfb-shadow) !important;
  border-radius: 0 !important;
  color: var(--cfb-shadow) !important;
  transition: background-color .25s ease, color .25s ease !important;
}
.new-special-offers-toggle:hover {
  background-color: var(--cfb-shadow) !important;
  color: var(--cfb-light) !important;
}

/* Section / label dividers -> Sky accent */
.new-blue-div,
.kyrens-brainstorming-site--new-blue-div {
  background-color: var(--cfb-sky) !important;
}

/* Log In control */
.log-in-button-custom-code {
  border: 2px solid var(--cfb-shadow) !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  color: var(--cfb-shadow) !important;
  transition: background-color .25s ease, color .25s ease !important;
}
.log-in-button-custom-code:hover {
  background-color: var(--cfb-shadow) !important;
}
.log-in-button-custom-code:hover .new-global-label-2 {
  color: var(--cfb-light) !important;
}
.log-in-button-custom-code .new-global-label-2 {
  color: var(--cfb-shadow) !important;
}

/* ---------- Hero: flat Forest (Shadow) background with Light text ---------- */
.cfb-page-redesign :is(
  .new-online-banking-gradient,
  .new-hero-slider-blue-bg,
  .new-title-bar-background,
  .section-41
).cfb-hero.cfb-hero--shadow,
.cfb-hero--shadow[style*="--cfb-hero-tex"] {
  background-image: var(--cfb-hero-tex, var(--cfb-hero-bg-shadow)) !important;
  background-color: var(--cfb-shadow) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.cfb-page-redesign .new-hero-slider-blue-bg.cfb-hero--shadow .hero-slider,
.cfb-page-redesign .new-hero-slider-blue-bg.cfb-hero--shadow .w-slider,
.cfb-page-redesign .new-hero-slider-blue-bg.cfb-hero--shadow .w-slider-mask,
.cfb-page-redesign .new-hero-slider-blue-bg.cfb-hero--shadow .w-slide {
  background-color: transparent !important;
  background-image: none !important;
}

/* Homepage hero slider: slide transitions span the full viewport.
   The section background is already full-bleed; only the mask was capped at
   the 72rem content shell, which clipped the horizontal slide animation. */
.cfb-page-redesign .new-hero-slider-blue-bg.cfb-hero > .new-content-wrapper.w-container {
  max-width: none;
  width: 100%;
}

.cfb-page-redesign .new-hero-slider-blue-bg .hero-slider.w-slider,
.cfb-page-redesign .new-hero-slider-blue-bg .w-slider-mask {
  width: 100%;
}

.cfb-page-redesign .new-hero-slider-blue-bg .new-hero-slider-container,
.cfb-page-redesign .new-hero-slider-blue-bg .new-hero-slider-container.mobile-height-stretch {
  width: 100%;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.new-hero-slider-blue-bg,
.new-hero-slider-blue-bg .hero-slider,
.new-hero-slider-blue-bg .w-slider,
.new-hero-slider-blue-bg .w-slider-mask,
.new-hero-slider-blue-bg .w-slide {
  background-color: var(--cfb-shadow) !important;
}
.new-hero-slider-blue-bg .hero-slider,
.hero-slider {
  background-image: none !important;
}

.new-hero-slider-blue-bg h1,
.new-hero-slider-blue-bg h2,
.new-hero-slider-blue-bg h3,
.new-hero-slider-blue-bg .new-body,
.new-hero-slider-blue-bg .new-disclosure,
.new-hero-slider-blue-bg p {
  color: var(--cfb-light) !important;
}

.homepage-slider-tagline {
  color: var(--cfb-sky) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
}

/* .new-tagline and other legacy divs are hard-coded #000, unreadable on Shadow */
.new-hero-slider-blue-bg .new-tagline,
.new-hero-slider-blue-bg .new-hero-slider-text div:not([class*="tagline"]),
.new-hero-slider-blue-bg .new-disclosure {
  color: rgba(255, 251, 247, 0.85) !important;
}

.new-hero-slider-blue-bg .new-tagline {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}

/* Slide copy stacks on an even rhythm. The legacy text container used
   space-between against a stretched 375px image, which stranded the CTA at the
   bottom of the slide behind a large gap. */
.new-hero-slider-blue-bg .new-hero-slider-text-container {
  justify-content: flex-start !important;
  gap: 0.75rem;
}

.new-hero-slider-blue-bg .new-hero-slider-text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.new-hero-slider-blue-bg .new-hero-slider-button-container,
.new-hero-slider-blue-bg .new-hero-slider-mobile-hide {
  margin-top: 1.5rem !important;
  gap: 0.75rem;
}

/* Hero CTAs are sized strictly to their label. The legacy button was sized for
   22px type, so at the brand's 0.75rem it rendered as a tall empty box that ran
   down over the disclosure beneath it. */
.new-hero-slider-blue-bg .new-hero-slider-button-container > .w-button,
.new-hero-slider-blue-bg .new-hero-slider-mobile-hide > .w-button,
.new-hero-slider-blue-bg .new-button-div-center > .w-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  align-self: flex-start;
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  min-height: 0 !important;
  padding: 0.875rem 1.75rem !important;
  font-size: 0.75rem !important;
  line-height: 1.2 !important;
  white-space: normal;
}

/* Disclosures sit clear of the button and stay readable on Shadow */
.new-hero-slider-blue-bg .disclosure-rolling,
.new-hero-slider-blue-bg .disclosure-ro,
.new-hero-slider-blue-bg .new-hero-slider-button-container > div,
.new-hero-slider-blue-bg .new-hero-slider-mobile-hide > div {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 34rem;
  margin-top: 0.5rem;
  overflow: visible;
}

.new-hero-slider-blue-bg .new-disclosure {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: -0.01em !important;
}

.new-hero-slider-blue-bg .new-hero-slider-button-container > img {
  max-width: 20rem;
  height: auto;
}

/* No fixed slide heights: copy and disclosures must never be clipped */
.new-hero-slider-blue-bg .new-hero-slider-container,
.new-hero-slider-blue-bg .new-hero-slider-container.mobile-height-stretch {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Hero slide entrance animation (driven by js/cfb-hero-slider.js) */
@keyframes cfb-slide-rise {
  from {
    opacity: 0;
    transform: translateY(1.25rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Slide copy starts hidden so it is never seen before it rises in. The gate is
   .cfb-slider-armed, set by the script, so copy stays visible without JS. */
.cfb-slider-armed .cfb-eyebrow,
.cfb-slider-armed .new-hero-slider-text h1,
.cfb-slider-armed .homepage-slider-tagline,
.cfb-slider-armed .new-hero-slider-text .new-body,
.cfb-slider-armed .new-hero-slider-text .new-tagline,
.cfb-slider-armed .new-hero-slider-button-container,
.cfb-slider-armed .new-hero-slider-mobile-hide,
.cfb-slider-armed .new-hero-slider-img,
.cfb-slider-armed .new-bank-like-img-mobile-hide {
  opacity: 0;
}

.cfb-slide-enter .cfb-eyebrow,
.cfb-slide-enter .new-hero-slider-text h1,
.cfb-slide-enter .homepage-slider-tagline,
.cfb-slide-enter .new-hero-slider-text .new-body,
.cfb-slide-enter .new-hero-slider-text .new-tagline,
.cfb-slide-enter .new-hero-slider-button-container,
.cfb-slide-enter .new-hero-slider-mobile-hide,
.cfb-slide-enter .new-hero-slider-img,
.cfb-slide-enter .new-bank-like-img-mobile-hide {
  animation: cfb-slide-rise 0.55s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

.cfb-slide-enter .cfb-eyebrow {
  animation-delay: 0.04s;
}

.cfb-slide-enter .new-hero-slider-text h1 {
  animation-delay: 0.1s;
}

.cfb-slide-enter .homepage-slider-tagline {
  animation-delay: 0.16s;
}

.cfb-slide-enter .new-hero-slider-text .new-body,
.cfb-slide-enter .new-hero-slider-text .new-tagline {
  animation-delay: 0.22s;
}

.cfb-slide-enter .new-hero-slider-button-container,
.cfb-slide-enter .new-hero-slider-mobile-hide {
  animation-delay: 0.28s;
}

.cfb-slide-enter .new-hero-slider-img,
.cfb-slide-enter .new-bank-like-img-mobile-hide {
  animation-delay: 0.14s;
}

@media (prefers-reduced-motion: reduce) {
  .cfb-slider-armed .cfb-eyebrow,
  .cfb-slider-armed .new-hero-slider-text h1,
  .cfb-slider-armed .homepage-slider-tagline,
  .cfb-slider-armed .new-hero-slider-text .new-body,
  .cfb-slider-armed .new-hero-slider-text .new-tagline,
  .cfb-slider-armed .new-hero-slider-button-container,
  .cfb-slider-armed .new-hero-slider-mobile-hide,
  .cfb-slider-armed .new-hero-slider-img,
  .cfb-slider-armed .new-bank-like-img-mobile-hide,
  .cfb-slide-enter .cfb-eyebrow,
  .cfb-slide-enter .new-hero-slider-text h1,
  .cfb-slide-enter .homepage-slider-tagline,
  .cfb-slide-enter .new-hero-slider-text .new-body,
  .cfb-slide-enter .new-hero-slider-text .new-tagline,
  .cfb-slide-enter .new-hero-slider-button-container,
  .cfb-slide-enter .new-hero-slider-mobile-hide,
  .cfb-slide-enter .new-hero-slider-img,
  .cfb-slide-enter .new-bank-like-img-mobile-hide {
    animation: none;
    opacity: 1;
  }
}

/* Dark rate graphics become light on forest background */
.new-hero-slider-blue-bg .new-hero-slider-img {
  filter: invert(1) hue-rotate(180deg) brightness(1.05);
}

/* Hero CTAs: Button Blue (#80ffff) on dark/forest */
.new-hero-slider-blue-bg .w-button,
.new-hero-slider-blue-bg .new-global-label-1,
.new-hero-slider-blue-bg .hero-slider-buttons,
.new-hero-slider-blue-bg [class*="new-big-button"] {
  border-color: #80ffff !important;
  color: #80ffff !important;
  background-color: transparent !important;
}
.new-hero-slider-blue-bg .w-button:hover,
.new-hero-slider-blue-bg .new-global-label-1:hover,
.new-hero-slider-blue-bg .hero-slider-buttons:hover,
.new-hero-slider-blue-bg [class*="new-big-button"]:hover {
  background-color: #80ffff !important;
  color: var(--cfb-shadow) !important;
  border-color: #80ffff !important;
}

/* ---------- Dark sections: Sky headlines for pop ----------
   .white-background flips the same band to a Light surface, so it must opt out. */
.new-footer h1, .new-footer h2, .new-footer h3, .new-footer h4,
.new-footer-background h1, .new-footer-background h2, .new-footer-background h3,
[class*="banner-background"]:not(.white-background) h1,
[class*="banner-background"]:not(.white-background) h2,
[class*="banner-background"]:not(.white-background) h3,
.new-cta-card-title {
  color: var(--cfb-sky) !important;
}

/* ---------- Links ---------- */
a {
  color: var(--cfb-shadow);
}
a:hover {
  color: var(--cfb-glow);
}

::selection {
  background: var(--cfb-sky);
  color: var(--cfb-shadow);
}

/* ============================================================
   CFB Nav — mirrors impact-checking ImpactCheckingHeader
   ============================================================ */
.cfb-nav {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: var(--cfb-light);
  border-bottom: 0;
  transition: transform 0.3s ease;
}
.cfb-nav.is-nav-hidden {
  transform: translateY(-100%);
}
.cfb-nav-shell {
  box-sizing: border-box;
  width: 100%;
  max-width: 72rem;
  margin: 0 auto;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 4.25rem;
}
@media (min-width: 640px) {
  .cfb-nav-shell {
    padding: 0 1.5rem;
    min-height: 5rem;
  }
}
@media (min-width: 1024px) {
  .cfb-nav-shell {
    padding: 0 2rem;
  }
}

.cfb-nav-brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
}
.cfb-nav-logo {
  display: block;
  height: 2.75rem;
  width: auto;
  max-width: none;
}
@media (min-width: 640px) {
  .cfb-nav-logo {
    height: 3rem;
  }
}
@media (min-width: 1024px) {
  .cfb-nav-logo {
    height: 3.25rem;
  }
}

.cfb-nav-desktop {
  display: none;
  align-items: center;
  justify-content: flex-end;
  gap: 0.125rem;
  flex: 1;
  min-width: 0;
}
@media (min-width: 1280px) {
  .cfb-nav-desktop {
    display: flex;
  }
}

.cfb-nav-dropdown {
  position: relative;
  display: flex;
  align-items: center;
}
.cfb-nav-dropdown:hover .cfb-nav-panel,
.cfb-nav-dropdown:focus-within .cfb-nav-panel,
.cfb-nav-dropdown.is-open .cfb-nav-panel {
  visibility: visible;
  opacity: 1;
}

.cfb-nav-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  box-sizing: border-box;
  height: 2rem;
  padding: 0 0.5rem;
  border: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--cfb-shadow);
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
@media (min-width: 1280px) {
  .cfb-nav-toggle {
    font-size: 11px;
  }
}
.cfb-nav-toggle:hover {
  opacity: 0.7;
}
.cfb-nav-toggle--outlined {
  border-color: var(--cfb-shadow);
}
.cfb-nav-toggle--outlined:hover {
  opacity: 1;
  background-color: var(--cfb-shadow);
  color: var(--cfb-light);
}

.cfb-nav-chevron {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  transition: transform 0.2s ease;
}
.cfb-nav-dropdown.is-open .cfb-nav-chevron,
.cfb-nav-mobile-section.is-open .cfb-nav-chevron {
  transform: rotate(225deg) translateY(-1px);
}

.cfb-nav-panel {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  min-width: 17.5rem;
  padding: 1rem 0;
  margin-top: 0.5rem;
  background: var(--cfb-light);
  border: 2px solid var(--cfb-shadow);
  box-shadow: 0 10px 15px -3px rgba(1, 36, 39, 0.12);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.cfb-nav-item {
  display: block;
  padding: 0.5rem 1.25rem;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none !important;
  color: rgba(1, 36, 39, 0.8) !important;
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
.cfb-nav-item:hover {
  background-color: var(--cfb-shadow-08);
  color: var(--cfb-shadow) !important;
}
.cfb-nav-item--label {
  color: var(--cfb-shadow) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(1, 36, 39, 0.65) !important;
  text-underline-offset: 2px;
}
span.cfb-nav-item--label {
  cursor: default;
  pointer-events: none;
}
a.cfb-nav-item--label {
  cursor: pointer;
  pointer-events: auto;
}
/* Child links under underlined category headers (Personal/Business). */
.cfb-nav-panel .cfb-nav-item--label ~ .cfb-nav-item:not(.cfb-nav-item--label),
.cfb-nav-mobile-panel .cfb-nav-item--label ~ .cfb-nav-item:not(.cfb-nav-item--label) {
  padding-left: 2rem;
}
a.cfb-nav-item--label:hover {
  opacity: 0.7;
  background: transparent;
  color: var(--cfb-shadow) !important;
  text-decoration-color: var(--cfb-shadow) !important;
}

.cfb-nav-divider {
  height: 1px;
  margin: 0.75rem 1.25rem;
  background: var(--cfb-sky);
}

.cfb-nav-cta,
.cfb-nav-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 2px solid var(--cfb-shadow) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--cfb-shadow) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background-color 0.25s ease, color 0.25s ease !important;
}
.cfb-nav-cta {
  width: calc(100% - 2.5rem);
  margin: 0.5rem 1.25rem 0;
  padding: 0.625rem 1rem;
  text-align: center;
}
.cfb-nav-action {
  height: 2rem;
  margin-left: 0.5rem;
  padding: 0 1rem;
  flex-shrink: 0;
  font-size: 10px;
  line-height: 1;
}
@media (min-width: 1280px) {
  .cfb-nav-action {
    font-size: 11px;
  }
}
.cfb-nav-cta:hover,
.cfb-nav-action:hover {
  background-color: var(--cfb-shadow) !important;
  color: var(--cfb-light) !important;
}

.cfb-nav-login {
  position: relative;
  margin-left: 0.5rem;
  flex-shrink: 0;
}

.cfb-nav-login-panel {
  display: none;
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  z-index: 1001;
  min-width: 16rem;
  padding: 0.5rem 0;
  border: 1px solid var(--cfb-shadow-15);
  background: var(--cfb-light);
  box-shadow: 0 8px 24px var(--cfb-shadow-15);
}

.cfb-nav-login.is-open .cfb-nav-login-panel {
  display: block;
}

.cfb-nav-login-option {
  white-space: nowrap;
}

.cfb-nav-login--mobile-bar .cfb-nav-login-panel {
  right: 0;
  left: auto;
}

@media (min-width: 1280px) {
  .cfb-nav-login--mobile-bar {
    display: none;
  }
}

.cfb-nav-mobile-bar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media (min-width: 1280px) {
  .cfb-nav-mobile-bar {
    display: none;
  }
}
.cfb-nav-action--mobile-login {
  display: none;
}
@media (min-width: 640px) {
  .cfb-nav-action--mobile-login {
    display: inline-flex;
  }
}

.cfb-nav-mobile-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--cfb-shadow);
  cursor: pointer;
}
.cfb-nav-hamburger,
.cfb-nav-hamburger::before,
.cfb-nav-hamburger::after {
  display: block;
  width: 1.25rem;
  height: 2px;
  background: currentColor;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.cfb-nav-hamburger {
  position: relative;
}
.cfb-nav-hamburger::before,
.cfb-nav-hamburger::after {
  content: "";
  position: absolute;
  left: 0;
}
.cfb-nav-hamburger::before {
  top: -6px;
}
.cfb-nav-hamburger::after {
  top: 6px;
}
.cfb-nav.is-mobile-open .cfb-nav-hamburger {
  background: transparent;
}
.cfb-nav.is-mobile-open .cfb-nav-hamburger::before {
  top: 0;
  transform: rotate(45deg);
}
.cfb-nav.is-mobile-open .cfb-nav-hamburger::after {
  top: 0;
  transform: rotate(-45deg);
}

.cfb-nav-mobile {
  display: none;
  border-top: 1px solid var(--cfb-shadow-15);
  background: var(--cfb-light);
}
.cfb-nav.is-mobile-open .cfb-nav-mobile {
  display: block;
}
@media (min-width: 1280px) {
  .cfb-nav.is-mobile-open .cfb-nav-mobile {
    display: none;
  }
}
.cfb-nav-mobile > .cfb-nav-shell {
  display: block;
  max-height: calc(100dvh - 4.25rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  min-height: 0;
}
@media (min-width: 640px) {
  .cfb-nav-mobile > .cfb-nav-shell {
    max-height: calc(100dvh - 5rem);
  }
}

@media (max-width: 1279px) {
  .cfb-nav-desktop,
  .cfb-nav-desktop .cfb-nav-panel {
    display: none !important;
  }
}

.cfb-nav-mobile-section {
  border-bottom: 1px solid var(--cfb-shadow-15);
}
.cfb-nav-mobile-section-btn {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0;
  border: 0;
  background: transparent;
  color: rgba(1, 36, 39, 0.9);
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
}
.cfb-nav-mobile-panel {
  display: none;
  padding: 0 0 0.75rem;
}
.cfb-nav-mobile-section.is-open .cfb-nav-mobile-panel {
  display: block;
}
.cfb-nav-mobile-panel .cfb-nav-item {
  padding: 0.5rem 0;
}
.cfb-nav-mobile-panel .cfb-nav-item--label ~ .cfb-nav-item:not(.cfb-nav-item--label) {
  padding-left: 1rem;
}
.cfb-nav-mobile-panel .cfb-nav-cta {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0.75rem 0 0;
  justify-content: center;
}
.cfb-nav-mobile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0.75rem 0.5rem;
}
.cfb-nav-mobile-actions .cfb-nav-action {
  margin-left: 0;
  height: auto;
  padding: 0.5rem 1.25rem;
  font-size: 0.75rem;
}

/* Hide legacy Webflow nav if both somehow remain */
.new-navbar + .cfb-nav,
.cfb-nav + .new-navbar {
  display: none !important;
}

/* ============================================================
   Sky image frames (CornerFrame-inspired)
   ============================================================ */
.cfb-img-frame {
  position: relative;
  display: block;
  border: 0;
  background: transparent;
}
.cfb-img-frame::before,
.cfb-img-frame::after {
  content: "";
  position: absolute;
  width: 3rem;
  height: 3rem;
  pointer-events: none;
  z-index: 2;
}
.cfb-img-frame::before,
.cfb-img-frame::after {
  display: none;
}

.cfb-hero .cfb-img-frame::before,
.cfb-hero .cfb-img-frame::after,
.cfb-section--dark .cfb-img-frame::before,
.cfb-section--dark .cfb-img-frame::after,
.cfb-page-redesign [class*="banner-background"]:not(.white-background) .cfb-img-frame::before,
.cfb-page-redesign [class*="banner-background"]:not(.white-background) .cfb-img-frame::after,
.cfb-page-redesign .new-footer-background .cfb-img-frame::before,
.cfb-page-redesign .new-footer-background .cfb-img-frame::after,
.cfb-page-redesign .new-newsletter-banner-background .cfb-img-frame::before,
.cfb-page-redesign .new-newsletter-banner-background .cfb-img-frame::after {
  display: block;
}

.cfb-hero .cfb-img-frame::before,
.cfb-section--dark .cfb-img-frame::before,
.cfb-page-redesign [class*="banner-background"]:not(.white-background) .cfb-img-frame::before,
.cfb-page-redesign .new-footer-background .cfb-img-frame::before,
.cfb-page-redesign .new-newsletter-banner-background .cfb-img-frame::before {
  top: -0.35rem;
  left: -0.35rem;
  border-top: 5px solid var(--cfb-sky);
  border-left: 5px solid var(--cfb-sky);
}

.cfb-hero .cfb-img-frame::after,
.cfb-section--dark .cfb-img-frame::after,
.cfb-page-redesign [class*="banner-background"]:not(.white-background) .cfb-img-frame::after,
.cfb-page-redesign .new-footer-background .cfb-img-frame::after,
.cfb-page-redesign .new-newsletter-banner-background .cfb-img-frame::after {
  right: -0.35rem;
  bottom: -0.35rem;
  border-right: 5px solid var(--cfb-sky);
  border-bottom: 5px solid var(--cfb-sky);
}
.cfb-img-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0 !important;
}

/* Content photos on key pages: Sky border without corner brackets by default */
.cfb-page-redesign section img:not(.cfb-nav-logo):not([class*="logo"]):not([class*="icon"]):not([class*="social"]):not(.fdic-img):not(.w-lightbox):not(.new-hero-slider-img):not(.rates):not(.new-capital-raise-mobile-hide):not(.new-bank-like-img-mobile-hide):not(.new-footer-cfb-logo):not(.new-social-icons-img):not(.new-footer-logos img),
.cfb-page-redesign .new-cta-card-img,
.cfb-page-redesign .new-loan-card img,
.cfb-page-redesign .new-product-image,
.cfb-page-redesign .new-offering-image,
.cfb-page-redesign .new-quote-image,
.cfb-page-redesign .new-title-banner-image,
.cfb-page-redesign .image-170,
.cfb-page-redesign [class*="card"] > img:not([class*="logo"]):not([class*="icon"]),
.cfb-page-redesign [class*="photo"] img,
.cfb-page-redesign .w-richtext img {
  border: 0;
  border-radius: 0 !important;
  box-sizing: border-box;
}

/* ============================================================
   Page redesign — key marketing pages (.cfb-page-redesign)
   ============================================================ */
.cfb-page-redesign .new-content-wrapper,
.cfb-page-redesign .w-container {
  max-width: 72rem;
}

/* Shadow band sections: Sky headlines, Light body.
   Exclude newsletter — it keeps a coastline photo under a Shadow overlay. */
.cfb-page-redesign [class*="banner-background"]:not(.white-background):not(.new-newsletter-banner-background),
.cfb-page-redesign .new-footer-background,
.cfb-page-redesign .dark-blue-light-blue-gradient,
.cfb-page-redesign .new-2-column-banner-background:not(.white-background) {
  background-color: var(--cfb-shadow) !important;
  background-image: none !important;
}
.cfb-page-redesign [class*="banner-background"]:not(.white-background) h1,
.cfb-page-redesign [class*="banner-background"]:not(.white-background) h2,
.cfb-page-redesign [class*="banner-background"]:not(.white-background) h3,
.cfb-page-redesign .new-2-column-banner-background:not(.white-background) h1,
.cfb-page-redesign .new-2-column-banner-background:not(.white-background) h2,
.cfb-page-redesign .new-2-column-banner-background:not(.white-background) h3,
.cfb-page-redesign .dark-blue-light-blue-gradient h1,
.cfb-page-redesign .dark-blue-light-blue-gradient h2,
.cfb-page-redesign .dark-blue-light-blue-gradient h3 {
  color: var(--cfb-sky) !important;
}
.cfb-page-redesign [class*="banner-background"]:not(.white-background) p,
.cfb-page-redesign [class*="banner-background"]:not(.white-background) .new-body,
.cfb-page-redesign .new-2-column-banner-background:not(.white-background) p,
.cfb-page-redesign .dark-blue-light-blue-gradient p,
.cfb-page-redesign .dark-blue-light-blue-gradient :is(.new-paragraph-text, .new-paragraph-text-white, .new-body, .new-body-white) {
  color: var(--cfb-light) !important;
}

/* Light sections stay warm white */
.cfb-page-redesign .white-background,
.cfb-page-redesign .new-light-blue-background {
  background-color: var(--cfb-light) !important;
  background-image: none !important;
}

/* Impact-checking feature treatment: content without tinted boxes.
   (Shadow Sample-2 treatment for stats cards lives later in this file.) */

/* Remove the legacy blue swoosh/dot background from the app section. */
.cfb-page-redesign .new-content-padding.download-our-app-home {
  background-image: none !important;
}

/* Keep the support CTA area Light instead of fading into the old blue. */
.cfb-page-redesign .div-block-287 {
  background-color: var(--cfb-light) !important;
  background-image: none !important;
}

/* Homepage product suite: dark shadow texture band (matches Mobile Banking hero). */
.cfb-page-redesign .section-41.cfb-hero--shadow {
  color: var(--cfb-light);
}

.cfb-page-redesign .section-41:not(.cfb-hero--shadow) {
  background-color: var(--cfb-shadow) !important;
  color: var(--cfb-light);
}

.cfb-page-redesign .section-41 .new-h1,
.cfb-page-redesign .section-41 h1 {
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign .section-41 .new-body,
.cfb-page-redesign .section-41 .new-disclosure {
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .section-41 .new-small-button-white {
  background-color: var(--cfb-light) !important;
  border-color: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .section-41 .w-slider-arrow-left,
.cfb-page-redesign .section-41 .w-slider-arrow-right {
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .section-41 .w-slider-dot {
  background-color: rgba(255, 251, 247, 0.45) !important;
}

.cfb-page-redesign .section-41 .w-slider-dot.w-active {
  background-color: var(--cfb-sky) !important;
}

/* Section dividers / blue bars -> Sky */
.cfb-page-redesign .small-blue-line,
.cfb-page-redesign .section-title-blue-bar,
.cfb-page-redesign .paragraph-title-blue-bar,
.cfb-page-redesign .new-blue-div {
  background-color: var(--cfb-sky) !important;
  border-color: var(--cfb-sky) !important;
}

/* Lead headline underline accent — thin, emphasized words only */
.cfb-page-redesign h1.cfb-underline,
.cfb-page-redesign h2.cfb-underline,
.cfb-page-redesign h3.cfb-underline {
  text-decoration: none !important;
}

.cfb-page-redesign .cfb-underline,
.cfb-page-redesign h1 .cfb-underline,
.cfb-page-redesign h2 .cfb-underline,
.cfb-page-redesign h3 .cfb-underline {
  text-decoration: underline;
  text-decoration-color: var(--cfb-sky);
  text-decoration-thickness: 2px !important;
  text-underline-offset: 0.12em;
}
.cfb-page-redesign .new-hero-slider-blue-bg h1.cfb-underline,
.cfb-page-redesign .new-hero-slider-blue-bg .cfb-underline,
.cfb-page-redesign .product-banner h1.cfb-underline,
.cfb-page-redesign .solar-title-banner h1.cfb-underline,
.cfb-page-redesign .new-title-banner h1.cfb-underline {
  text-decoration-color: var(--cfb-light);
}

/* Product banner CTAs: Light on Shadow */
.cfb-page-redesign .product-banner .w-button,
.cfb-page-redesign .product-banner :is(a, button, input)[class*="button"],
.cfb-page-redesign .solar-title-banner .w-button {
  border-color: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
  background: var(--cfb-light) !important;
}
.cfb-page-redesign .product-banner .w-button:hover,
.cfb-page-redesign .solar-title-banner .w-button:hover {
  background-color: var(--cfb-sky) !important;
  border-color: var(--cfb-sky) !important;
  color: var(--cfb-shadow) !important;
}

/* Dark-surface buttons on redesigned pages: Light fill */
.cfb-page-redesign [class*="banner-background"]:not(.white-background) .w-button,
.cfb-page-redesign [class*="banner-background"]:not(.white-background) :is(a, button, input)[class*="button"],
.cfb-page-redesign .new-2-column-banner-background:not(.white-background) .w-button,
.cfb-page-redesign .dark-blue-light-blue-gradient .w-button,
.cfb-page-redesign .new-title-bar-background .w-button,
.cfb-page-redesign .new-title-bar-background :is(a, button, input)[class*="button"],
.cfb-page-redesign .features-banner .w-button,
.cfb-page-redesign .features-banner :is(a, button, input)[class*="button"],
.cfb-page-redesign .new-title-banner .w-button,
.cfb-page-redesign .new-title-banner :is(a, button, input)[class*="button"],
.cfb-page-redesign .new-blue-gradient .w-button,
.cfb-page-redesign .new-blue-gradient :is(a, button, input)[class*="button"],
.cfb-page-redesign .new-online-banking-gradient .w-button,
.cfb-page-redesign .new-online-banking-gradient :is(a, button, input)[class*="button"] {
  border-color: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
  background: var(--cfb-light) !important;
}
.cfb-page-redesign [class*="banner-background"]:not(.white-background) .w-button:hover,
.cfb-page-redesign .new-2-column-banner-background:not(.white-background) .w-button:hover,
.cfb-page-redesign .dark-blue-light-blue-gradient .w-button:hover,
.cfb-page-redesign .new-title-bar-background .w-button:hover,
.cfb-page-redesign .features-banner .w-button:hover,
.cfb-page-redesign .new-title-banner .w-button:hover,
.cfb-page-redesign .new-blue-gradient .w-button:hover,
.cfb-page-redesign .new-online-banking-gradient .w-button:hover {
  background-color: var(--cfb-sky) !important;
  border-color: var(--cfb-sky) !important;
  color: var(--cfb-shadow) !important;
}

/* Legacy fallback for banners that never got a hero variant: flat Shadow with
   Sky/Light type. :not(.cfb-hero) hands anything tagged by apply-hero.mjs over to
   the .cfb-hero--* block rules, and :not(.cfb-hero *) keeps wrappers nested inside
   a hero (Webflow reuses .product-banner on an inner padding div) from painting
   Shadow over the block. */
.cfb-page-redesign .new-product-hero:not(.cfb-hero):not(.cfb-hero *),
.cfb-page-redesign [class*="product-hero"]:not(.cfb-hero):not(.cfb-hero *),
.cfb-page-redesign .new-title-section:not(.cfb-hero):not(.cfb-hero *),
.cfb-page-redesign .product-banner:not(.cfb-hero):not(.cfb-hero *),
.cfb-page-redesign .solar-title-banner:not(.cfb-hero):not(.cfb-hero *) {
  background-color: var(--cfb-shadow) !important;
  background-image: none !important;
}

/* Dark (non-gradient) product banners keep Sky/Light type */
.cfb-page-redesign .product-banner:not(.cfb-hero):not(.cfb-hero *) h1,
.cfb-page-redesign .product-banner:not(.cfb-hero):not(.cfb-hero *) .new-h1,
.cfb-page-redesign .solar-title-banner:not(.cfb-hero):not(.cfb-hero *) h1,
.cfb-page-redesign .new-product-hero:not(.cfb-hero):not(.cfb-hero *) h1,
.cfb-page-redesign [class*="product-hero"]:not(.cfb-hero):not(.cfb-hero *) h1,
.cfb-page-redesign .new-title-section:not(.cfb-hero):not(.cfb-hero *) h1 {
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign .product-banner:not(.cfb-hero):not(.cfb-hero *) h2,
.cfb-page-redesign .product-banner:not(.cfb-hero):not(.cfb-hero *) p,
.cfb-page-redesign .solar-title-banner:not(.cfb-hero):not(.cfb-hero *) .new-title-banner-tagline,
.cfb-page-redesign .solar-title-banner:not(.cfb-hero):not(.cfb-hero *) .new-title-banner-description,
.cfb-page-redesign .new-product-hero:not(.cfb-hero):not(.cfb-hero *) p,
.cfb-page-redesign [class*="product-hero"]:not(.cfb-hero):not(.cfb-hero *) p,
.cfb-page-redesign .new-title-section:not(.cfb-hero):not(.cfb-hero *) p {
  color: var(--cfb-light) !important;
}

/* Title banners with photo overlays keep photography; ensure type is Light/Sky */
.cfb-page-redesign .new-title-banner-title {
  font-family: "Spectral", Georgia, serif !important;
  letter-spacing: -0.05em;
  color: var(--cfb-light) !important;
}
.cfb-page-redesign .new-title-banner-tagline {
  font-family: "DM Sans", system-ui, sans-serif !important;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.1em;
  color: var(--cfb-sky) !important;
}
.cfb-page-redesign .new-title-banner-description,
.cfb-page-redesign .new-title-banner-disclosure {
  color: var(--cfb-light) !important;
}

/* Flat Shadow gradient overlays on title banners (cd etc.) */
.cfb-page-redesign .new-blue-gradient,
.cfb-page-redesign .new-title-banner-gradient:not(.our-impact) {
  background-image: linear-gradient(90deg, var(--cfb-shadow) 0%, rgba(1, 36, 39, 0.75) 100%) !important;
}

/* Newsletter heading on dark photo: Sky */
.cfb-page-redesign .new-newsletter-banner-background h2,
.cfb-page-redesign .new-newsletter-banner-background .new-h2-white {
  color: var(--cfb-sky) !important;
  font-family: "Spectral", Georgia, serif !important;
}

/* Newsletter: aerial coastline + Shadow overlay for readability.
   Must beat any leftover banner-background remaps (higher specificity). */
.cfb-page-redesign section.new-newsletter-banner-background,
.cfb-page-redesign .new-newsletter-banner-background {
  background-color: var(--cfb-shadow) !important;
  background-image:
    linear-gradient(
      90deg,
      rgba(1, 36, 39, 0.88) 0%,
      rgba(1, 36, 39, 0.65) 55%,
      rgba(1, 36, 39, 0.45) 100%
    ),
    url("../images/aerial-coastline.jpeg") !important;
  background-position: 0 0, center !important;
  background-size: auto, cover !important;
  background-repeat: no-repeat !important;
}

.cfb-page-redesign .new-newsletter-banner-background input[type="text"],
.cfb-page-redesign .new-newsletter-banner-background input[type="email"] {
  border: 1px solid rgba(255, 251, 247, 0.35) !important;
  border-radius: 0 !important;
  background: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.875rem !important;
}

.cfb-page-redesign .new-newsletter-banner-background input[type="text"]::placeholder,
.cfb-page-redesign .new-newsletter-banner-background input[type="email"]::placeholder {
  color: rgba(1, 36, 39, 0.65) !important;
}

.cfb-page-redesign .new-newsletter-banner-background input[type="submit"],
.cfb-page-redesign .new-newsletter-banner-background .w-button,
.cfb-page-redesign .new-newsletter-banner-background :is(a, button, input)[class*="button"] {
  border: 2px solid var(--cfb-light) !important;
  border-radius: 0 !important;
  background-color: var(--cfb-light) !important;
  background-image: none !important;
  color: var(--cfb-shadow) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.cfb-page-redesign .new-newsletter-banner-background input[type="submit"]:hover,
.cfb-page-redesign .new-newsletter-banner-background .w-button:hover,
.cfb-page-redesign .new-newsletter-banner-background :is(a, button, input)[class*="button"]:hover {
  border-color: var(--cfb-sky) !important;
  background-color: var(--cfb-sky) !important;
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .new-newsletter-banner-background .checkbox-row,
.cfb-page-redesign .new-newsletter-banner-background label {
  color: var(--cfb-light) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
}

/* Footer layout mirrors ImpactCheckingFooter: Quick Links + Contact on Shadow. */
.cfb-page-redesign .new-footer-background {
  background: var(--cfb-shadow) !important;
  color: var(--cfb-light);
}

.cfb-page-redesign .new-content-padding.footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
}

@media (min-width: 640px) {
  .cfb-page-redesign .new-content-padding.footer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .cfb-page-redesign .new-content-padding.footer {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.cfb-page-redesign .new-footer-left-align {
  display: none;
}

.cfb-page-redesign .new-footer-contents {
  gap: 2rem;
  align-items: stretch;
}

/* ---------- Unified footer component ---------- */
.cfb-footer,
.cfb-footer *,
.cfb-footer *::before,
.cfb-footer *::after {
  box-sizing: border-box;
}

.cfb-footer {
  background: #012427;
  color: #fffbf7;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-align: left;
}

.cfb-footer h3,
.cfb-footer h4,
.cfb-footer p,
.cfb-footer li {
  margin: 0;
  padding: 0;
}

.cfb-footer ul:not(.cfb-footer__link-list) {
  margin: 0;
  padding: 0;
}

.cfb-footer ul {
  list-style: none;
}

.cfb-footer a {
  color: inherit;
  text-decoration: none;
}

.cfb-footer__shell {
  width: 100%;
  max-width: 72rem;
  margin: 0 auto;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .cfb-footer__shell {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .cfb-footer__shell {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.cfb-footer__disclosures {
  display: grid;
  gap: 0.75rem;
}

.cfb-footer__disclaimer {
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  line-height: 1.625;
  letter-spacing: -0.01em;
  color: rgba(255, 251, 247, 0.9);
}

@media (min-width: 640px) {
  .cfb-footer__disclaimer {
    font-size: 0.875rem;
  }
}

.cfb-footer__disclaimer a {
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity 0.2s ease;
}

.cfb-footer__disclaimer a:hover {
  opacity: 0.8;
}

.cfb-footer__main {
  display: grid;
  align-items: start;
  gap: 2rem;
}

.cfb-footer__main--with-disclosures {
  margin-top: 2rem;
}

@media (min-width: 1024px) {
  .cfb-footer__main {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 3rem;
  }
}

.cfb-footer__section-title {
  display: block;
  width: 100%;
  margin: 0;
  text-align: center !important;
  font-family: "Spectral", Georgia, serif !important;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400 !important;
  letter-spacing: -0.05em !important;
  color: #38ffff !important;
}

@media (min-width: 640px) {
  .cfb-footer__section-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.cfb-footer__links-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}

.cfb-footer__link-grid {
  margin-top: 1rem;
  display: grid;
  gap: 1.5rem;
  width: 100%;
}

@media (min-width: 640px) {
  .cfb-footer__link-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.cfb-footer__column-title {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: 0.1em !important;
  color: #fffbf7 !important;
  text-align: left;
}

.cfb-footer__link-list {
  margin: 1rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.5rem;
}

.cfb-footer__link-list li {
  font-size: inherit !important;
}

.cfb-footer__link-list a {
  display: inline-block;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  color: #fffbf7 !important;
  white-space: pre-line;
  text-align: left;
  transition: opacity 0.2s ease;
}

.cfb-footer__link-list a:hover {
  opacity: 0.8;
}

.cfb-footer__contact-column {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cfb-footer__contact-body {
  margin-top: 1rem;
  width: 100%;
  max-width: 24rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.cfb-footer__contact-link {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #fffbf7;
  text-align: left;
  transition: opacity 0.2s ease;
}

@media (min-width: 640px) {
  .cfb-footer__contact-link {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.cfb-footer__contact-link:hover {
  opacity: 0.8;
}

.cfb-footer__contact-icon {
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 2.25rem;
  object-fit: contain;
}

.cfb-footer__divider {
  width: 100%;
  height: 1px;
  background: #38ffff;
  border: 0;
}

.cfb-footer__socials {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-top: 0.5rem;
}

.cfb-footer__socials a {
  display: inline-flex;
  line-height: 0;
  transition: opacity 0.2s ease;
}

.cfb-footer__socials a:hover {
  opacity: 0.8;
}

.cfb-footer__social-icon {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
}

.cfb-footer__email-disclaimer {
  margin: 0.5rem 0 0;
  max-width: 24rem;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  line-height: 1.45;
  letter-spacing: -0.01em;
  color: rgba(255, 251, 247, 0.85);
  text-align: center;
}

.cfb-footer__bottom {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 251, 247, 0.2);
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.cfb-footer__cert-logos {
  width: 100%;
  text-align: center;
}

.cfb-footer__cert-logos-inner {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

@media (min-width: 640px) {
  .cfb-footer__cert-logos-inner {
    gap: 0.75rem;
  }
}

.cfb-footer__cert-logo {
  height: 3.5rem;
  width: auto;
  max-width: 100%;
  pointer-events: none;
  border: 0;
}

@media (min-width: 640px) {
  .cfb-footer__cert-logo {
    height: 4rem;
  }
}

@media (min-width: 768px) {
  .cfb-footer__cert-logo {
    height: 5rem;
  }
}

.cfb-footer__cert-logo--second {
  margin-left: -0.25rem;
  filter: brightness(0) invert(1);
}

@media (min-width: 640px) {
  .cfb-footer__cert-logo--second {
    margin-left: -0.5rem;
  }
}

@media (min-width: 768px) {
  .cfb-footer__cert-logo--second {
    margin-left: -0.75rem;
  }
}

.cfb-footer__copyright {
  width: 100%;
  text-align: center;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #fffbf7;
}

/* Legacy footer class support for old Webflow footer */
.cfb-page-redesign .div-block-312 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  margin: 0;
}

.cfb-page-redesign .new-footer-link.blue-bold {
  color: var(--cfb-light) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.875rem;
  font-weight: 900 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.cfb-page-redesign .new-footer-link {
  color: var(--cfb-light) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.01em;
}

.cfb-page-redesign .new-footer-link:hover {
  color: var(--cfb-light) !important;
  opacity: 0.8;
}

.cfb-page-redesign .new-footer-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 251, 247, 0.2);
  gap: 0.5rem 0.75rem;
}

.cfb-page-redesign .new-footer-logos img {
  max-height: 3.5rem;
  width: auto;
  border: 0 !important;
  object-fit: contain;
}

@media (min-width: 640px) {
  .cfb-page-redesign .new-footer-logos img {
    max-height: 4rem;
  }
}

@media (min-width: 768px) {
  .cfb-page-redesign .new-footer-logos img {
    max-height: 5rem;
  }
}

.cfb-page-redesign .new-footer-logos img:first-child {
  filter: none;
}

.cfb-page-redesign .new-footer-logos img:last-child {
  margin-left: -0.25rem;
  filter: brightness(0) invert(1);
}

@media (min-width: 640px) {
  .cfb-page-redesign .new-footer-logos img:last-child {
    margin-left: -0.5rem;
  }
}

@media (min-width: 768px) {
  .cfb-page-redesign .new-footer-logos img:last-child {
    margin-left: -0.75rem;
  }
}

.cfb-page-redesign .new-footer-copyright {
  color: var(--cfb-light) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .cfb-page-redesign .div-block-312 {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .cfb-page-redesign .new-footer-contents {
    align-items: stretch;
    gap: 1.5rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .cfb-page-redesign .new-content-padding.footer {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .cfb-disclosures {
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
  }

  .cfb-page-redesign .div-block-314 {
    margin-top: 0.5rem;
  }

  .cfb-page-redesign .new-footer-logos {
    padding-top: 1.25rem;
  }
}

/* Offering cards: square, Light surface */
.cfb-page-redesign .new-offering-card {
  border-radius: 0 !important;
  overflow: hidden;
}

/* ============================================================
   Residual old-brand remaps (site-wide under .cfb-page-redesign)
   ============================================================ */

/* Safety net: any Webflow var still pointing at cyan/teal inherits brand. */
.cfb-page-redesign {
  --kyrens-brainstorming-site---colors--light-blue: var(--cfb-light);
  --kyrens-brainstorming-site---colors--light-blue-gradient: var(--cfb-shadow);
  --light-blue: var(--cfb-light);
}

/* Title bars: flat Shadow only when NOT a textured/gradient hero variant. */
.cfb-page-redesign .new-title-bar-background:not(.cfb-hero):not(.cfb-hero *) {
  background-color: var(--cfb-shadow) !important;
  background-image: none !important;
}

.cfb-page-redesign .new-title-bar-background:not(.cfb-hero):not(.cfb-hero *) h1,
.cfb-page-redesign .new-title-bar-background:not(.cfb-hero):not(.cfb-hero *) .new-h1,
.cfb-page-redesign .new-title-bar-background:not(.cfb-hero):not(.cfb-hero *) h2 {
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign .new-title-bar-background:not(.cfb-hero):not(.cfb-hero *) p,
.cfb-page-redesign .new-title-bar-background:not(.cfb-hero):not(.cfb-hero *) .new-body {
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-title-bar-background h1.cfb-underline,
.cfb-page-redesign .new-title-bar-background .cfb-underline {
  text-decoration-color: currentColor;
}

/* Cyan offering cards → Light, square. */
.cfb-page-redesign .new-offering-container,
.cfb-page-redesign .new-offering-container-2,
.cfb-page-redesign .new-offering-container-3 {
  background-color: var(--cfb-light) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--cfb-shadow);
}

.cfb-page-redesign .new-offering-container h2,
.cfb-page-redesign .new-offering-container h3,
.cfb-page-redesign .new-offering-container .new-h2,
.cfb-page-redesign .new-offering-container-2 h2,
.cfb-page-redesign .new-offering-container-2 h3 {
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .new-offering-container .new-body,
.cfb-page-redesign .new-offering-container p,
.cfb-page-redesign .new-offering-container-2 .new-body,
.cfb-page-redesign .new-offering-container-2 p {
  color: rgba(1, 36, 39, 0.8) !important;
}

/* Section rules under offerings → Sky. */
.cfb-page-redesign .div-block-331 {
  border-color: var(--cfb-sky) !important;
}

/* Features band: Light surface with chrome-free icon cards (impact-checking Sample 1) */
.cfb-page-redesign .features-banner,
.cfb-page-redesign .new-content-padding.features-banner {
  background-color: var(--cfb-light) !important;
  background-image: none !important;
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .features-banner h1,
.cfb-page-redesign .features-banner h2,
.cfb-page-redesign .features-banner h3,
.cfb-page-redesign .features-banner .new-h1,
.cfb-page-redesign .features-banner .new-h2,
.cfb-page-redesign .features-banner .new-h2-white,
.cfb-page-redesign .features-banner .new-h3,
.cfb-page-redesign .features-banner .new-h3-white {
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .features-banner p,
.cfb-page-redesign .features-banner .new-body,
.cfb-page-redesign .features-banner .new-body-white {
  color: rgba(1, 36, 39, 0.75) !important;
}

.cfb-page-redesign .features-banner .cfb-card--icon,
.cfb-page-redesign .features-banner .frame-4.cfb-card--icon {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* White text classes resolve to Shadow on Light surfaces */
.cfb-page-redesign .cfb-card--icon .new-h3-white,
.cfb-page-redesign .cfb-card--icon .new-h2-white,
.cfb-page-redesign .cfb-card .new-h3-white,
.cfb-page-redesign .cfb-card .new-body-white,
.cfb-page-redesign .new-offering-container .new-h3-white,
.cfb-page-redesign .new-offering-container .new-body-white,
.cfb-page-redesign .features-banner .new-h3-white,
.cfb-page-redesign .features-banner .new-body-white,
.cfb-page-redesign .features-banner .new-h2-white {
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .cfb-card--icon .new-body-white {
  color: rgba(1, 36, 39, 0.75) !important;
}

/* Term / info panels: Light square with Sky accent (kill cyan pills). */
.cfb-page-redesign .new-info-div,
.cfb-page-redesign .new-info-div-2,
.cfb-page-redesign .new-info-div-3 {
  background-color: var(--cfb-light) !important;
  border: 1px solid var(--cfb-sky) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.cfb-page-redesign .new-info-div h2,
.cfb-page-redesign .new-info-div h3,
.cfb-page-redesign .new-info-div-2 h2,
.cfb-page-redesign .new-info-div-2 h3,
.cfb-page-redesign .new-info-div-3 h2,
.cfb-page-redesign .new-info-div-3 h3 {
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .new-info-div p,
.cfb-page-redesign .new-info-div .new-body,
.cfb-page-redesign .new-info-div-2 p,
.cfb-page-redesign .new-info-div-3 p,
.cfb-page-redesign .new-info-div-list-item,
.cfb-page-redesign .new-info-div-list-item-2 {
  color: rgba(1, 36, 39, 0.85) !important;
}

/* Mid-page CTA strips: Shadow band + Sky type. */
.cfb-page-redesign .new-content-padding.cta-banner,
.cfb-page-redesign .cta-banner,
.cfb-page-redesign .new-cta-bank-divest-banner {
  background-color: var(--cfb-shadow) !important;
  background-image: none !important;
  color: var(--cfb-light) !important;
}

/* Full-bleed CTA band (same breakout as .cfb-hero inside .w-container). */
.cfb-page-redesign .new-content-wrapper .cta-banner,
.cfb-page-redesign .new-content-wrapper .new-content-padding.cta-banner,
.cfb-page-redesign .w-container .cta-banner,
.cfb-page-redesign .w-container .new-content-padding.cta-banner,
.cfb-page-redesign .new-content-wrapper .new-cta-bank-divest-banner,
.cfb-page-redesign .w-container .new-cta-bank-divest-banner {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  align-items: center;
}

.cfb-page-redesign .cta-banner .new-cta-bank,
.cfb-page-redesign .new-cta-bank-divest-banner .new-cta-bank,
.cfb-page-redesign .cta-banner .new-cta-bank-divest-text,
.cfb-page-redesign .new-cta-bank-divest-banner .new-cta-bank-divest-text,
.cfb-page-redesign .cta-banner > .new-body-3,
.cfb-page-redesign .new-cta-bank-divest-banner > .new-body-3,
.cfb-page-redesign .cta-banner > p,
.cfb-page-redesign .new-cta-bank-divest-banner > p {
  max-width: 48rem;
  width: 100%;
}

.cfb-page-redesign .cta-banner h1,
.cfb-page-redesign .cta-banner h2,
.cfb-page-redesign .cta-banner .new-h1,
.cfb-page-redesign .cta-banner .new-h2,
.cfb-page-redesign .new-cta-bank-divest-heading,
.cfb-page-redesign .new-cta-bank h1,
.cfb-page-redesign .new-cta-bank h2 {
  color: var(--cfb-light) !important;
  font-family: "Spectral", Georgia, serif !important;
}

.cfb-page-redesign .cta-banner p,
.cfb-page-redesign .cta-banner .new-body,
.cfb-page-redesign .cta-banner .new-body-3,
.cfb-page-redesign .cta-banner .new-cta-bank-divest-text,
.cfb-page-redesign .cta-banner [class*="body"],
.cfb-page-redesign .cta-banner .all-breakpoints-center-align,
.cfb-page-redesign .new-cta-bank p,
.cfb-page-redesign .new-cta-bank .new-body,
.cfb-page-redesign .new-cta-bank-divest-banner p,
.cfb-page-redesign .new-cta-bank-divest-banner .new-body,
.cfb-page-redesign .new-cta-bank-divest-banner .new-body-3,
.cfb-page-redesign .new-cta-bank-divest-banner .new-cta-bank-divest-text,
.cfb-page-redesign .new-cta-bank-divest-banner [class*="body"],
.cfb-page-redesign .new-cta-bank-divest-banner .all-breakpoints-center-align {
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-cta-bank-divest-line,
.cfb-page-redesign .new-cta-bank-divest-line-2 {
  background-color: var(--cfb-light) !important;
}

.cfb-page-redesign .cta-banner .w-button,
.cfb-page-redesign .cta-banner :is(a, button, input)[class*="button"],
.cfb-page-redesign .new-cta-bank .w-button,
.cfb-page-redesign .new-cta-bank :is(a, button, input)[class*="button"] {
  border: 2px solid var(--cfb-light) !important;
  background: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .cta-banner .w-button:hover,
.cfb-page-redesign .cta-banner :is(a, button, input)[class*="button"]:hover,
.cfb-page-redesign .new-cta-bank .w-button:hover,
.cfb-page-redesign .new-cta-bank :is(a, button, input)[class*="button"]:hover {
  background-color: var(--cfb-sky) !important;
  border-color: var(--cfb-sky) !important;
  color: var(--cfb-shadow) !important;
}

/* Solar / commercial photo heroes: vertical Shadow scrim (same family as
   --cfb-hero-shadow-scrim) over the cover photo, instead of a 90deg band. */
.cfb-page-redesign .new-solar-loan-img,
.cfb-page-redesign .new-commercial-solar-img,
.cfb-page-redesign .new-fasttrack-img {
  background-image:
    var(--cfb-hero-shadow-scrim),
    url("../images/stock-house-solar-panels.jpeg") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
}

.cfb-page-redesign .new-commercial-solar-img {
  background-image:
    var(--cfb-hero-shadow-scrim),
    url("../images/CFBWinterParkGrandOpening-1.jpg") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
}

.cfb-page-redesign .new-solar-loan-img .solar-title-banner,
.cfb-page-redesign .new-commercial-solar-img [class*="title-banner"],
.cfb-page-redesign .new-fasttrack-img [class*="title-banner"] {
  background: transparent !important;
  background-image: none !important;
}

/* Remaining teal/blue gradient bands → flat Shadow. */
.cfb-page-redesign .new-blue-gradient,
.cfb-page-redesign .new-our-products-background,
.cfb-page-redesign .new-light-blue-2-column {
  background-color: var(--cfb-shadow) !important;
  background-image: none !important;
}

.cfb-page-redesign .new-light-blue-2-column {
  background-color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-blue-gradient h1,
.cfb-page-redesign .new-blue-gradient h2,
.cfb-page-redesign .new-our-products-background h1,
.cfb-page-redesign .new-our-products-background h2 {
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign .new-blue-gradient p,
.cfb-page-redesign .new-our-products-background p {
  color: var(--cfb-light) !important;
}

/* Vertical rhythm */
.cfb-page-redesign .new-content-padding {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {
  .cfb-page-redesign .new-content-padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

/* Final product-banner CTA lock: Light on Shadow */
.cfb-page-redesign .product-banner a.w-button,
.cfb-page-redesign .product-banner a.new-global-label-1 {
  border: 2px solid var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
  background: var(--cfb-light) !important;
}
.cfb-page-redesign .product-banner a.w-button:hover,
.cfb-page-redesign .product-banner a.new-global-label-1:hover {
  background: var(--cfb-sky) !important;
  border-color: var(--cfb-sky) !important;
  color: var(--cfb-shadow) !important;
}

/* ============================================================
   Brand gradients — sparse accent applications
   (Sunrise / Daylight / Sunset from brand guidelines)
   ============================================================ */

/* CTA underline SVGs → brand gradient bars */
.cfb-page-redesign .new-cta-bank img[src*="Rectangle-54"],
.cfb-page-redesign img.new-cta-bank-divest-line,
.cfb-page-redesign img.new-cta-bank-divest-line-2 {
  display: none !important;
}

.cfb-page-redesign .new-cta-bank-divest-line,
.cfb-page-redesign .new-cta-bank-divest-line-2 {
  display: block;
  width: 9.5rem;
  height: 2px;
  margin: 0.5rem auto;
  background-image: var(--cfb-gradient-accent) !important;
  background-color: transparent !important;
}

.cfb-page-redesign .new-cta-bank::before {
  content: "";
  display: block;
  width: 9.5rem;
  height: 2px;
  margin: 0.35rem auto 0.75rem;
  background-image: var(--cfb-gradient-accent);
}

/* Prefer a clean ::after bar under CTA headings when no .new-cta-bank line exists */
.cfb-page-redesign .cta-banner > h2::after,
.cfb-page-redesign .new-content-padding.cta-banner > h2::after {
  content: "";
  display: block;
  width: 9.5rem;
  height: 2px;
  margin: 0.85rem auto 0;
  background-image: var(--cfb-gradient-accent);
}

.cfb-page-redesign .cta-banner:has(.new-cta-bank)::after,
.cfb-page-redesign .cta-banner:has(.new-cta-bank) > h2::after {
  display: none;
}

/* Newsletter: thin daylight/accent ribbon at the top of the photo band */
.cfb-page-redesign .new-newsletter-banner-background {
  position: relative;
}

.cfb-page-redesign .new-newsletter-banner-background::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background-image: var(--cfb-gradient-accent);
  pointer-events: none;
  z-index: 1;
}

/* Features band: gradient hairline under the section title area */
.cfb-page-redesign .features-banner .new-h1::after,
.cfb-page-redesign .features-banner h1::after,
.cfb-page-redesign .features-banner h2::after {
  content: "";
  display: block;
  width: 9.5rem;
  height: 2px;
  margin: 0.85rem 0 0;
  background-image: var(--cfb-gradient-accent);
}

.cfb-page-redesign .features-banner .new-h1,
.cfb-page-redesign .features-banner h1,
.cfb-page-redesign .features-banner h2 {
  text-align: inherit;
}

/* Homepage product suite: accent bar via shared .cfb-accent-bar (kept for untagged pages) */
.cfb-page-redesign .section-41 .new-h1:not(.cfb-accent-bar)::after,
.cfb-page-redesign .section-41 h1:not(.cfb-accent-bar)::after {
  content: "";
  display: block;
  width: 9.5rem;
  height: 2px;
  margin: 0.85rem auto 0;
  background-image: var(--cfb-gradient-accent);
}

/* Title-bar pages: small accent under lead H1 */
.cfb-page-redesign .new-title-bar-background h1.cfb-underline,
.cfb-page-redesign .new-title-banner-title.cfb-underline,
.cfb-page-redesign .product-banner h1.cfb-underline,
.cfb-page-redesign .solar-title-banner h1.cfb-underline {
  text-decoration: none;
  background-image: var(--cfb-gradient-accent);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 9.5rem 2px;
  padding-bottom: 0.55rem;
}

.cfb-page-redesign .new-title-bar-background h1.cfb-underline,
.cfb-page-redesign .product-banner h1.cfb-underline,
.cfb-page-redesign .solar-title-banner h1.cfb-underline,
.cfb-page-redesign .new-title-banner h1.cfb-underline {
  /* Keep Light underline treatment via gradient on dark heroes */
  background-image: var(--cfb-gradient-accent);
}

/* Attorney banking: feature grid + headshot band */
.cfb-page-redesign .quick-stack-4 .w-layout-cell img {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.cfb-page-redesign .new-attorney-banking-cta {
  position: relative;
  background-color: var(--cfb-shadow) !important;
  background-image: none !important;
}

.cfb-page-redesign .new-attorney-banking-cta::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background-image: var(--cfb-gradient-daylight);
  pointer-events: none;
}

/* Light-outline CTA on the Shadow headshot band */
.cfb-page-redesign .new-attorney-banking-cta .w-button,
.cfb-page-redesign .new-attorney-banking-cta :is(a, button)[class*="button"] {
  border-color: var(--cfb-light) !important;
  color: var(--cfb-light) !important;
  background: transparent !important;
}

.cfb-page-redesign .new-attorney-banking-cta .w-button:hover,
.cfb-page-redesign .new-attorney-banking-cta :is(a, button)[class*="button"]:hover {
  background-color: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .new-attorney-banking-headshots img {
  border-radius: 0 !important;
  border: 2px solid var(--cfb-sky) !important;
}

/* Section dividers can stay Sky; optional gradient variant */
.cfb-page-redesign .small-blue-line.cfb-grad-bar,
.cfb-page-redesign .new-blue-div.cfb-grad-bar {
  background-color: transparent !important;
  background-image: var(--cfb-gradient-accent) !important;
}

/* ============================================================
   Residual cyan / contrast cleanup (site-wide)
   ============================================================ */

/* Loan cards (commercial lending etc.) — kill #e6fdff bottoms */
.cfb-page-redesign .new-loan-card,
.cfb-page-redesign .new-loan-card-content {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.cfb-page-redesign .new-loan-card-content {
  background-color: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
  border: 1px solid rgba(1, 36, 39, 0.12);
  border-top: 0;
}

.cfb-page-redesign .new-loan-img {
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: cover !important;
}

.cfb-page-redesign .new-loan-card-content h2,
.cfb-page-redesign .new-loan-card-content .new-h2 {
  color: var(--cfb-shadow) !important;
  font-family: "Spectral", Georgia, serif !important;
  text-align: center !important;
}

.cfb-page-redesign .new-loan-card-description {
  color: rgba(1, 36, 39, 0.8) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
}

.cfb-page-redesign .new-loan-card-layout {
  justify-content: center;
  gap: 1.5rem;
}

/* Factoring program cells */
.cfb-page-redesign .new-factoring-programs {
  padding: 2.5rem 1.5rem !important;
  box-sizing: border-box;
  width: 100%;
}

@media (min-width: 768px) {
  .cfb-page-redesign .new-factoring-programs {
    padding: 2.5rem 3.75rem !important;
  }
}

.cfb-page-redesign .new-factoring-cell {
  background-color: var(--cfb-light) !important;
  border: 1px solid var(--cfb-sky) !important;
  border-radius: 0 !important;
  overflow: hidden;
}

.cfb-page-redesign .new-factoring-cell.new-dark-blue-variant {
  background-color: var(--cfb-shadow) !important;
  border-color: var(--cfb-sky) !important;
}

.cfb-page-redesign .new-factoring-label {
  background-color: var(--cfb-shadow) !important;
  color: var(--cfb-sky) !important;
  border-radius: 0 !important;
  font-family: "Spectral", Georgia, serif !important;
  text-transform: none;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.cfb-page-redesign .new-factoring-content {
  padding: 1.25rem !important;
}

.cfb-page-redesign .new-factoring-label.new-dark-blue-variant {
  background-color: transparent !important;
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign .new-factoring-cell .new-paragraph-text,
.cfb-page-redesign .new-factoring-cell .new-list-item,
.cfb-page-redesign .new-factoring-cell li,
.cfb-page-redesign .new-factoring-content {
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .new-factoring-cell.new-dark-blue-variant .new-paragraph-text,
.cfb-page-redesign .new-factoring-cell.new-dark-blue-variant .new-list-item,
.cfb-page-redesign .new-factoring-cell.new-dark-blue-variant li,
.cfb-page-redesign .new-factoring-cell.new-dark-blue-variant .new-factoring-content,
.cfb-page-redesign .new-factoring-cell.new-dark-blue-variant p {
  color: var(--cfb-light) !important;
}

/* 2-column dark bands: ensure white/light body copy wins */
.cfb-page-redesign .new-2-column-banner-background:not(.white-background) .new-body-white-2,
.cfb-page-redesign .new-2-column-banner-background:not(.white-background) .new-list-item-white,
.cfb-page-redesign .new-2-column-banner-background:not(.white-background) .new-paragraph-text-white,
.cfb-page-redesign .new-2-column-banner-background:not(.white-background) .new-h2-white,
.cfb-page-redesign .new-2-column-banner-background:not(.white-background) p,
.cfb-page-redesign .new-2-column-banner-background:not(.white-background) li {
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-2-column-banner-background:not(.white-background) .new-h2-white,
.cfb-page-redesign .new-2-column-banner-background:not(.white-background) h2 {
  color: var(--cfb-sky) !important;
}

/* Light bands: Shadow headings and body, including the Webflow "-white" classes */
.cfb-page-redesign [class*="banner-background"].white-background :is(h1, h2, h3, h4, p, li),
.cfb-page-redesign [class*="banner-background"].white-background :is(.new-h1, .new-h2, .new-h3, .new-body, .new-list-item),
.cfb-page-redesign [class*="banner-background"].white-background :is(.new-h1-white, .new-h2-white, .new-h3-white),
.cfb-page-redesign [class*="banner-background"].white-background :is(.new-body-white, .new-body-white-2, .new-list-item-white, .new-paragraph-text-white) {
  color: var(--cfb-shadow) !important;
}

/* Business / personal hub alignment */
.cfb-page-redesign .section-header {
  align-items: center;
  text-align: center;
  padding-top: 3rem;
  padding-bottom: 1rem;
}

.cfb-page-redesign .section-header h2,
.cfb-page-redesign .section-header .new-h2 {
  color: var(--cfb-shadow) !important;
  font-family: "Spectral", Georgia, serif !important;
  text-align: center;
}

/* Webflow "white" headers: Shadow on Light bands, Sky on Shadow bands */
.cfb-page-redesign .section-header-white {
  color: var(--cfb-shadow) !important;
  font-family: "Spectral", Georgia, serif !important;
  text-align: center;
}

.cfb-page-redesign .new-online-banking-gradient .section-header-white,
.cfb-page-redesign .new-online-banking-gradient .new-h2-white,
.cfb-page-redesign .new-online-banking-gradient.resources :is(h2, .new-h2, .new-h2-white) {
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign .new-offerings-layout {
  justify-content: center;
  align-items: stretch;
  gap: 2rem;
}

.cfb-page-redesign .new-offering-product-div,
.cfb-page-redesign .new-offering-card {
  height: 100%;
}

.cfb-page-redesign .new-offering-container {
  height: auto !important;
  min-height: 22rem;
}

/* Kill leftover cyan fills that weren't class-mapped */
.cfb-page-redesign [style*="background-color: #e6fdff"],
.cfb-page-redesign [style*="background-color:#e6fdff"],
.cfb-page-redesign [style*="background: #e6fdff"],
.cfb-page-redesign [style*="background:#e6fdff"] {
  background-color: var(--cfb-light) !important;
}

/* Newsletter embed still hardcodes old #00a9e0 submit in some pages */
.cfb-page-redesign .new-newsletter-banner-background input[type="submit"],
.cfb-page-redesign #NewsletterSubscribe input[type="submit"] {
  background-color: var(--cfb-light) !important;
  border: 2px solid var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
  border-radius: 0 !important;
}

.cfb-page-redesign .new-newsletter-banner-background input[type="submit"]:hover,
.cfb-page-redesign #NewsletterSubscribe input[type="submit"]:hover {
  background-color: var(--cfb-sky) !important;
  border-color: var(--cfb-sky) !important;
  color: var(--cfb-shadow) !important;
}

/* Default every redesign page to Daylight accents unless a lifecycle class is set */
.cfb-page-redesign:not(.cfb-lifecycle-sunrise):not(.cfb-lifecycle-sunset):not(.cfb-lifecycle-daylight) {
  --cfb-gradient-accent: var(--cfb-gradient-daylight);
}

/* Ensure CTA Open Now buttons on dark CTA strips are Light */
.cfb-page-redesign .new-cta-bank-divest-banner .w-button,
.cfb-page-redesign .new-cta-bank-divest-banner :is(a, button, input)[class*="button"],
.cfb-page-redesign .new-cta-bank-divest-banner .new-small-button-light {
  border: 2px solid var(--cfb-light) !important;
  background: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .new-cta-bank-divest-banner .w-button:hover,
.cfb-page-redesign .new-cta-bank-divest-banner :is(a, button, input)[class*="button"]:hover {
  background: var(--cfb-sky) !important;
  border-color: var(--cfb-sky) !important;
  color: var(--cfb-shadow) !important;
}

/* ============================================================
   Pride / regeneration / product-banner residual heroes
   Only force Shadow when NOT a textured/gradient hero variant.
   ============================================================ */
.cfb-page-redesign .new-pride-banking-background:not(.cfb-hero):not(.cfb-hero *),
.cfb-page-redesign .new-regeneration-checking:not(.cfb-hero):not(.cfb-hero *),
.cfb-page-redesign .pbimg-container:not(.cfb-hero):not(.cfb-hero *),
.cfb-page-redesign .product-banner:not(.cfb-hero):not(.cfb-hero *),
.cfb-page-redesign .new-online-banking-gradient:not(.cfb-hero):not(.cfb-hero *) {
  background-color: var(--cfb-shadow) !important;
  background-image: none !important;
}

/* Online banking hero: Light/Sky type on Shadow (login + lead copy) */
.cfb-page-redesign .new-online-banking-gradient .new-h3,
.cfb-page-redesign .new-online-banking-gradient .new-h3-2,
.cfb-page-redesign .new-online-banking-gradient p.new-h3 {
  color: var(--cfb-sky) !important;
  font-family: "Spectral", Georgia, serif !important;
}

.cfb-page-redesign .new-online-banking-gradient .new-title-banner-title,
.cfb-page-redesign .new-online-banking-gradient h1 {
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign .new-online-banking-gradient .new-title-banner-tagline,
.cfb-page-redesign .new-online-banking-gradient .new-login-contents-v2,
.cfb-page-redesign .new-online-banking-gradient .new-login-contents-v2 > div {
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-online-banking-gradient .new-log-in-link,
.cfb-page-redesign .new-online-banking-gradient .new-log-in-link.bold {
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-online-banking-gradient .new-log-in-link:hover {
  color: var(--cfb-sky) !important;
}

/* The login card is a white card on the Shadow hero, so it opts back into Shadow ink */
.cfb-page-redesign .new-online-banking-gradient :is(.new-login-2-0, .new-log-in) :is(h1, h2, h3, p, a, label),
.cfb-page-redesign .new-online-banking-gradient :is(.new-login-2-0, .new-log-in) :is(.new-h3, .new-h3-2, .new-log-in-link, .new-log-in-link.bold) {
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .new-online-banking-gradient :is(.new-login-2-0, .new-log-in) .new-log-in-link:hover {
  color: var(--cfb-flux) !important;
}

.cfb-page-redesign .new-pride-banking-background h1,
.cfb-page-redesign .new-pride-banking-background h2,
.cfb-page-redesign .new-regeneration-checking h1,
.cfb-page-redesign .new-regeneration-checking h2,
.cfb-page-redesign .pbimg-container h1,
.cfb-page-redesign .pbimg-container h2 {
  color: var(--cfb-sky) !important;
  font-family: "Spectral", Georgia, serif !important;
}

.cfb-page-redesign .new-pride-banking-background p,
.cfb-page-redesign .new-pride-banking-background .new-body,
.cfb-page-redesign .new-regeneration-checking p,
.cfb-page-redesign .new-regeneration-checking .new-body,
.cfb-page-redesign .pbimg-container p {
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-pride-banking-background .w-button,
.cfb-page-redesign .new-regeneration-checking .w-button,
.cfb-page-redesign .pbimg-container .w-button {
  border: 2px solid var(--cfb-light) !important;
  background: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
  border-radius: 0 !important;
}

.cfb-page-redesign .new-pride-banking-background .w-button:hover,
.cfb-page-redesign .new-regeneration-checking .w-button:hover,
.cfb-page-redesign .pbimg-container .w-button:hover {
  background: var(--cfb-sky) !important;
  border-color: var(--cfb-sky) !important;
  color: var(--cfb-shadow) !important;
}

/* Online banking login + WebToLead embeds */
.cfb-page-redesign .login-form,
.cfb-page-redesign .new-login-form {
  font-family: "DM Sans", system-ui, sans-serif !important;
}

.cfb-page-redesign .login-form input,
.cfb-page-redesign .new-login-form input,
.cfb-page-redesign .login-form select,
.cfb-page-redesign .new-login-form select {
  border: 1px solid rgba(1, 36, 39, 0.25) !important;
  border-radius: 0 !important;
  background: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
}

.cfb-page-redesign .login-form input::placeholder,
.cfb-page-redesign .new-login-form input::placeholder {
  color: rgba(1, 36, 39, 0.65) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
}

/* Login sits on Shadow hero — Light fill CTA (not Shadow outline) */
.cfb-page-redesign .login-form button,
.cfb-page-redesign .new-login-form button,
.cfb-page-redesign .login-form input[type="submit"],
.cfb-page-redesign .new-login-form input[type="submit"] {
  border: 2px solid var(--cfb-light) !important;
  border-radius: 0 !important;
  background: var(--cfb-light) !important;
  background-color: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.cfb-page-redesign .login-form button:hover,
.cfb-page-redesign .new-login-form button:hover,
.cfb-page-redesign .login-form input[type="submit"]:hover,
.cfb-page-redesign .new-login-form input[type="submit"]:hover {
  background: var(--cfb-sky) !important;
  background-color: var(--cfb-sky) !important;
  border-color: var(--cfb-sky) !important;
  color: var(--cfb-shadow) !important;
}

/* WebToLead / embedded form cyan pills on online-banking pages */
.cfb-page-redesign .code-embed-8 input[type="submit"],
.cfb-page-redesign .w-embed input[type="submit"],
.cfb-page-redesign form[action*="servlet.WebToLead"] input[type="submit"],
.cfb-page-redesign form[action*="servlet.WebToLead"] button {
  border: 2px solid var(--cfb-shadow) !important;
  border-radius: 0 !important;
  background: var(--cfb-light) !important;
  background-color: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.cfb-page-redesign .code-embed-8 input,
.cfb-page-redesign .w-embed input[type="text"],
.cfb-page-redesign .w-embed input[type="email"],
.cfb-page-redesign form[action*="servlet.WebToLead"] input[type="text"],
.cfb-page-redesign form[action*="servlet.WebToLead"] input[type="email"] {
  border-radius: 0 !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
}

/* Leftover product card chrome */
.cfb-page-redesign .new-product-card-2,
.cfb-page-redesign .new-login-banner,
.cfb-page-redesign .kyrens-brainstorming-site--new-login-banner {
  background-color: var(--cfb-light) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ============================================================
   Major-page hero system (components doc 2026-08)
   ============================================================ */
.cfb-hero {
  position: relative;
  background-color: var(--cfb-shadow);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* The legacy export nests some heroes inside a max-width content wrapper, which
   cuts the gradient off at the shell edge. Break them back out to full bleed.
   `clip` (not `hidden`) so the sticky nav keeps the viewport as its scrollport. */
body.cfb-page-redesign {
  overflow-x: clip;
}

.cfb-page-redesign .new-content-wrapper .cfb-hero,
.cfb-page-redesign .w-container .cfb-hero {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Flat brand color blocks + distinct watercolor textures.
   The textures are grayscale masks where black means "no lift", so screen
   blending leaves the open field at full brand chroma and only paints the
   brush strokes as a lighter wash — the same relationship as the approved
   Impact Checking and Debit Card heroes.
   z-index: -1 keeps the wash above the flat fill but below all content,
   without forcing position:relative on children (preserves absolute layouts). */
.cfb-hero--daylight,
.cfb-hero--flux,
.cfb-hero--sunrise,
.cfb-hero--skyglow,
.cfb-hero--shadow {
  position: relative;
  isolation: isolate;
  background-blend-mode: normal;
}

.cfb-hero--daylight::before,
.cfb-hero--flux::before,
.cfb-hero--sunrise::before,
.cfb-hero--skyglow::before,
.cfb-hero--shadow::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  mix-blend-mode: screen;
  pointer-events: none;
}

/* daylight: Sky botanical background with radial plant texture. */
.cfb-hero--daylight {
  background-image: var(--cfb-hero-tex, var(--cfb-hero-bg-daylight)) !important;
  background-color: var(--cfb-hero-block-sky) !important;
  background-size: cover;
  background-position: center;
}

.cfb-hero--daylight::before {
  display: none;
}

/* flux: Green botanical background for sustainability and solar pages. */
.cfb-hero--flux {
  background-image: var(--cfb-hero-tex, var(--cfb-hero-bg-flux)) !important;
  background-color: var(--cfb-hero-block-flux) !important;
  background-size: cover;
  background-position: center;
}

.cfb-hero--flux::before {
  display: none;
}

/* sunrise: Yellow/beam botanical background. */
.cfb-hero--sunrise {
  background-image: var(--cfb-hero-tex, var(--cfb-hero-bg-sunrise)) !important;
  background-color: var(--cfb-hero-block-beam) !important;
  background-size: cover;
  background-position: center;
}

.cfb-hero--sunrise::before {
  display: none;
}

/* skyglow: Orange/glow botanical background. */
.cfb-hero--skyglow {
  background-image: var(--cfb-hero-tex, var(--cfb-hero-bg-skyglow)) !important;
  background-color: var(--cfb-hero-block-glow) !important;
  background-size: cover;
  background-position: center;
}

.cfb-hero--skyglow::before {
  display: none;
}

/* shadow: Dark teal botanical background. */
.cfb-hero--shadow {
  background-image: var(--cfb-hero-tex, var(--cfb-hero-bg-shadow)) !important;
  background-color: var(--cfb-shadow) !important;
  background-size: cover;
  background-position: center;
}

.cfb-hero--shadow::before {
  display: none;
}

/* The accent bar is a Sky/Flux gradient, which disappears on the light blocks.
   Restated in full because some heroes only get the text-decoration fallback,
   where a bare background-image would flood the whole headline. */
.cfb-page-redesign :is(.cfb-hero--daylight, .cfb-hero--flux, .cfb-hero--sunrise, .cfb-hero--skyglow) h1.cfb-underline {
  text-decoration: none;
  background-image: linear-gradient(var(--cfb-shadow), var(--cfb-shadow));
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 9.5rem 2px;
  padding-bottom: 0.55rem;
}

/* Photo heroes keep photography + scrim; suppress flat-block texture wash */
.cfb-page-redesign .new-solar-loan-img.cfb-hero,
.cfb-page-redesign .new-commercial-solar-img.cfb-hero,
.cfb-page-redesign .new-fasttrack-img.cfb-hero {
  background-color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .new-solar-loan-img::before,
.cfb-page-redesign .new-commercial-solar-img::before,
.cfb-page-redesign .new-fasttrack-img::before {
  content: none;
}

/* Those photo heroes carry the sunrise class but render on a Shadow scrim, so
   they keep Light/Sky type rather than the light-block Shadow type. The .cfb-hero
   compound is what outranks the light-block rules further down. */
.cfb-page-redesign .new-solar-loan-img.cfb-hero :is(h1, .new-h1, .new-title-banner-title),
.cfb-page-redesign .new-commercial-solar-img.cfb-hero :is(h1, .new-h1, .new-title-banner-title),
.cfb-page-redesign .new-fasttrack-img.cfb-hero :is(h1, .new-h1, .new-title-banner-title),
.cfb-page-redesign .new-solar-loan-img.cfb-hero .cfb-eyebrow,
.cfb-page-redesign .new-commercial-solar-img.cfb-hero .cfb-eyebrow,
.cfb-page-redesign .new-fasttrack-img.cfb-hero .cfb-eyebrow {
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign .new-solar-loan-img.cfb-hero :is(h2, h3, p, .new-body, .new-title-banner-tagline, .new-title-banner-description),
.cfb-page-redesign .new-commercial-solar-img.cfb-hero :is(h2, h3, p, .new-body, .new-title-banner-tagline, .new-title-banner-description),
.cfb-page-redesign .new-fasttrack-img.cfb-hero :is(h2, h3, p, .new-body, .new-title-banner-tagline, .new-title-banner-description) {
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-solar-loan-img.cfb-hero :is(a, button, input)[class*="button"],
.cfb-page-redesign .new-commercial-solar-img.cfb-hero :is(a, button, input)[class*="button"],
.cfb-page-redesign .new-fasttrack-img.cfb-hero :is(a, button, input)[class*="button"] {
  border: 2px solid var(--cfb-light) !important;
  background: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .new-solar-loan-img.cfb-hero .cfb-underline,
.cfb-page-redesign .new-commercial-solar-img.cfb-hero .cfb-underline,
.cfb-page-redesign .new-fasttrack-img.cfb-hero .cfb-underline {
  background-image: var(--cfb-gradient-accent);
}

/* Photo slot: Shadow scrim + photo. Unset --cfb-hero-photo falls back via variants. */
.cfb-hero--photo {
  background-color: var(--cfb-shadow) !important;
  background-image: none !important;
}

.cfb-hero--photo[style*="--cfb-hero-photo"] {
  background-image: var(--cfb-hero-shadow-scrim), var(--cfb-hero-photo) !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
}

/* Shadow + photo heroes: Sky H1, Light body, Light CTAs */
.cfb-hero--shadow h2,
.cfb-hero--shadow p,
.cfb-hero--shadow .new-body,
.cfb-hero--shadow .new-title-banner-tagline,
.cfb-hero--shadow .cfb-eyebrow,
.cfb-hero--photo h2,
.cfb-hero--photo p,
.cfb-hero--photo .new-body,
.cfb-hero--photo .new-title-banner-tagline,
.cfb-hero--photo .cfb-eyebrow {
  color: var(--cfb-light) !important;
}

.cfb-hero--shadow .cfb-eyebrow,
.cfb-hero--photo .cfb-eyebrow {
  color: var(--cfb-sky) !important;
}

.cfb-hero--shadow h1,
.cfb-hero--shadow .new-h1,
.cfb-hero--shadow .new-title-banner-title,
.cfb-hero--photo h1,
.cfb-hero--photo .new-h1,
.cfb-hero--photo .new-title-banner-title {
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign :is(.cfb-hero--shadow, .cfb-hero--photo) .cfb-eyebrow {
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign :is(.cfb-hero--shadow, .cfb-hero--photo) :is(h1, .new-h1, .new-title-banner-title) {
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign :is(.cfb-hero--shadow, .cfb-hero--photo) :is(h2, h3, h4, p, .new-h2, .new-body, .new-title-banner-tagline, .cfb-hero-rate) {
  color: var(--cfb-light) !important;
}

.cfb-hero--shadow .w-button,
.cfb-hero--shadow :is(a, button, input)[class*="button"],
.cfb-hero--photo .w-button,
.cfb-hero--photo :is(a, button, input)[class*="button"] {
  border: 2px solid var(--cfb-light) !important;
  background: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
  border-radius: 0 !important;
}

.cfb-hero--shadow .w-button:hover,
.cfb-hero--shadow :is(a, button, input)[class*="button"]:hover,
.cfb-hero--photo .w-button:hover,
.cfb-hero--photo :is(a, button, input)[class*="button"]:hover {
  background: var(--cfb-sky) !important;
  border-color: var(--cfb-sky) !important;
  color: var(--cfb-shadow) !important;
}

/* Light hero blocks: Shadow type + Shadow outline CTAs.
   Scoped with .cfb-page-redesign so these outrank the legacy .product-banner /
   .new-title-banner "light on dark" treatments, which assume a Shadow surface. */
.cfb-page-redesign :is(.cfb-hero--daylight, .cfb-hero--flux, .cfb-hero--sunrise, .cfb-hero--skyglow) .cfb-eyebrow,
.cfb-page-redesign :is(.cfb-hero--daylight, .cfb-hero--flux, .cfb-hero--sunrise, .cfb-hero--skyglow) :is(h1, h2, h3, h4, p),
.cfb-page-redesign :is(.cfb-hero--daylight, .cfb-hero--flux, .cfb-hero--sunrise, .cfb-hero--skyglow) :is(.new-h1, .new-h2, .new-h3, .new-body),
.cfb-page-redesign :is(.cfb-hero--daylight, .cfb-hero--flux, .cfb-hero--sunrise, .cfb-hero--skyglow) :is(.new-h1-white, .new-h2-white, .new-h3-white, .new-body-white),
.cfb-page-redesign :is(.cfb-hero--daylight, .cfb-hero--flux, .cfb-hero--sunrise, .cfb-hero--skyglow) :is(.new-title-banner-title, .new-title-banner-tagline, .new-title-banner-description) {
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign :is(.cfb-hero--daylight, .cfb-hero--flux, .cfb-hero--sunrise, .cfb-hero--skyglow) .w-button,
.cfb-page-redesign :is(.cfb-hero--daylight, .cfb-hero--flux, .cfb-hero--sunrise, .cfb-hero--skyglow) :is(a, button, input)[class*="button"] {
  border: 2px solid var(--cfb-shadow) !important;
  background: transparent !important;
  color: var(--cfb-shadow) !important;
  border-radius: 0 !important;
}

.cfb-page-redesign :is(.cfb-hero--daylight, .cfb-hero--flux, .cfb-hero--sunrise, .cfb-hero--skyglow) .w-button:hover,
.cfb-page-redesign :is(.cfb-hero--daylight, .cfb-hero--flux, .cfb-hero--sunrise, .cfb-hero--skyglow) :is(a, button, input)[class*="button"]:hover {
  background: var(--cfb-shadow) !important;
  border-color: var(--cfb-shadow) !important;
  color: var(--cfb-light) !important;
}

/* Compact title-banner heroes (was 200px padding = oversized header) */
.cfb-page-redesign .new-title-banner-left-align {
  padding: 3.5rem 1.5rem !important;
  grid-row-gap: 1rem !important;
  gap: 1rem !important;
}

@media (min-width: 1024px) {
  .cfb-page-redesign .new-title-banner-left-align {
    padding: 5rem 3.75rem !important;
  }
}

.cfb-page-redesign .new-title-banner-left-align.less-margin {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

/* Flat blocks supply their own fill, so the Webflow photo frame and its Shadow
   gradient overlay would otherwise sit on top of the wash. Photo heroes keep both. */
.cfb-hero:not(.cfb-hero--photo) > .cfb-img-frame,
.cfb-hero:not(.cfb-hero--photo) > .new-title-banner-gradient,
.cfb-hero--photo > .new-title-banner-gradient {
  display: none !important;
}

/* ============================================================
   Named button primitives (components doc)
   ============================================================ */
.btn-light,
.cfb-page-redesign .btn-light {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 1.5rem;
  border: 2px solid var(--cfb-shadow) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--cfb-shadow) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.btn-light:hover,
.cfb-page-redesign .btn-light:hover {
  background: var(--cfb-shadow) !important;
  color: var(--cfb-light) !important;
}

.btn-dark,
.cfb-page-redesign .btn-dark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 1.5rem;
  border: 2px solid var(--cfb-shadow) !important;
  border-radius: 0 !important;
  background: var(--cfb-shadow) !important;
  color: var(--cfb-light) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.btn-dark:hover,
.cfb-page-redesign .btn-dark:hover {
  background: var(--cfb-sky) !important;
  border-color: var(--cfb-sky) !important;
  color: var(--cfb-shadow) !important;
}

.btn-ol,
.cfb-page-redesign .btn-ol {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 1.5rem;
  border: 2px solid var(--cfb-light) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--cfb-light) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.btn-ol:hover,
.cfb-page-redesign .btn-ol:hover {
  background: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
}

.btn-blue-light,
.btn-blue-dark,
.cfb-page-redesign .btn-blue-light,
.cfb-page-redesign .btn-blue-dark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 1.5rem;
  border: 2px solid #80ffff !important;
  border-radius: 0 !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.btn-blue-light,
.cfb-page-redesign .btn-blue-light {
  background: transparent !important;
  color: #80ffff !important;
}

.btn-blue-light:hover,
.cfb-page-redesign .btn-blue-light:hover {
  background: #80ffff !important;
  color: var(--cfb-shadow) !important;
}

.btn-blue-dark,
.cfb-page-redesign .btn-blue-dark {
  background: #80ffff !important;
  color: var(--cfb-shadow) !important;
}

.btn-blue-dark:hover,
.cfb-page-redesign .btn-blue-dark:hover {
  background: var(--cfb-light) !important;
  border-color: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
}

/* Alias Webflow buttons onto doc primitives where context is clear */
.cfb-page-redesign .new-small-button-white,
.cfb-page-redesign .new-homepage-banking-cards .w-button {
  border: 2px solid var(--cfb-light) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--cfb-light) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.cfb-page-redesign .new-small-button-white:hover,
.cfb-page-redesign .new-homepage-banking-cards .w-button:hover {
  background: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
}

/* ============================================================
   Cards (components doc Samples 1 & 2)
   ============================================================ */
.cfb-card,
.cfb-page-redesign .cfb-card {
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
}

.cfb-card--stat,
.cfb-page-redesign .cfb-card--stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1.5rem 1.25rem;
  background: var(--cfb-shadow);
  text-align: center;
}

.cfb-card--stat .cfb-card-stat-number,
.cfb-page-redesign .cfb-card--stat .cfb-card-stat-number {
  margin: 0;
  font-family: "Spectral", Georgia, serif !important;
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.05;
  color: var(--cfb-sky);
}

.cfb-card--stat .cfb-card-stat-label,
.cfb-page-redesign .cfb-card--stat .cfb-card-stat-label {
  margin: 0;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--cfb-light);
}

.cfb-card--icon,
.cfb-page-redesign .cfb-card--icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.75rem;
  padding: 1.5rem 1rem;
  background: var(--cfb-light);
  border: 2px solid var(--cfb-shadow-15);
}

.cfb-card--photo,
.cfb-page-redesign .cfb-card--photo {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 18rem;
  padding: 1.25rem;
  border-radius: 0 !important;
  background-color: var(--cfb-shadow);
  background-size: cover;
  background-position: center;
  color: var(--cfb-light);
}

.cfb-card--photo::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--cfb-hero-shadow-scrim);
  pointer-events: none;
  z-index: 0;
}

.cfb-card--photo > * {
  position: relative;
  z-index: 1;
}

.cfb-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 1.25rem;
  max-width: 72rem;
  margin-inline: auto;
}

.cfb-card-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cfb-card-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cfb-card-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 900px) {
  .cfb-card-grid--3,
  .cfb-card-grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .cfb-card-grid--2,
  .cfb-card-grid--3,
  .cfb-card-grid--4 {
    grid-template-columns: 1fr;
  }
}

/* Center the last card when odd number in 3-column grid on tablet */
@media (min-width: 561px) and (max-width: 900px) {
  .cfb-card-grid--3 > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
    max-width: 50%;
    justify-self: center;
  }
}

/* Homepage banking cards → square photo cards with Shadow scrim */
.cfb-page-redesign .new-homepage-banking-cards {
  border-radius: 0 !important;
  background-image:
    var(--cfb-hero-shadow-scrim),
    linear-gradient(transparent, transparent) !important;
  background-blend-mode: normal, normal;
}

.cfb-page-redesign .new-homepage-banking-cards.personal-banking {
  background-image:
    var(--cfb-hero-shadow-scrim),
    url("../images/cfb-stock-branch-location.avif") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
}

.cfb-page-redesign .new-homepage-banking-cards.business-banking {
  background-image:
    var(--cfb-hero-shadow-scrim),
    url("../images/cfb-stock-ribbon-cutting.jpg") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
}

.cfb-page-redesign .new-homepage-banking-cards.consumer-solar {
  background-image:
    var(--cfb-hero-shadow-scrim),
    url("../images/solar-panel-installation.avif") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
}

.cfb-page-redesign .new-homepage-banking-cards.residential-mortgages {
  background-image:
    var(--cfb-hero-shadow-scrim),
    url("../images/cfb-stock-living-room.avif") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
}

.cfb-page-redesign .new-homepage-banking-cards.nonprofit-banking {
  background-image:
    var(--cfb-hero-shadow-scrim),
    url("../images/cfb-stock-tree-planting.avif") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
}

.cfb-page-redesign .new-homepage-banking-cards.factoring---asset-based-lending {
  background-image:
    var(--cfb-hero-shadow-scrim),
    url("../images/cfb-stock-credit-card.jpg") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
}

.cfb-page-redesign .new-homepage-banking-cards.sba-lending {
  background-image:
    var(--cfb-hero-shadow-scrim),
    url("../images/stock-vendor-stall.jpg") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
}

.cfb-page-redesign .new-homepage-banking-cards.project-energy-finance {
  background-image:
    var(--cfb-hero-shadow-scrim),
    url("../images/stock-forest.png") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
}

.cfb-page-redesign .new-homepage-banking-cards.esop-lending {
  background-image:
    var(--cfb-hero-shadow-scrim),
    url("../images/stock-handshake.avif") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
}

.cfb-page-redesign .new-homepage-banking-cards .new-h2,
.cfb-page-redesign .new-homepage-banking-cards .new-h2-white {
  font-family: "Spectral", Georgia, serif !important;
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-homepage-banking-cards .new-tagline,
.cfb-page-redesign .new-homepage-banking-cards .new-tagline-white {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--cfb-light) !important;
}

/* Offering cards on hubs: square, no chrome */
.cfb-page-redesign .new-offering-card {
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
  background: var(--cfb-light) !important;
}

.cfb-page-redesign .new-offering-card .new-offering-image {
  border-radius: 0 !important;
}

/* CD / rate large-number cards */
.cfb-page-redesign .new-product-card,
.cfb-page-redesign .new-cd-card,
.cfb-page-redesign [class*="cd-rate"],
.cfb-page-redesign .new-rates-card {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.cfb-page-redesign .new-product-card [class*="apy"],
.cfb-page-redesign .new-product-card .new-h1,
.cfb-page-redesign .new-product-card .new-h2 {
  font-family: "Spectral", Georgia, serif !important;
  color: var(--cfb-sky) !important;
}

/* Quick-link boxes on homepage */
.cfb-page-redesign .new-quick-links-grid > a,
.cfb-page-redesign .new-quick-links-grid > div,
.cfb-page-redesign a.new-quick-link-box,
.cfb-page-redesign .div-block-309 a,
.cfb-page-redesign .grid-11 > a,
.cfb-page-redesign .grid-11 > .w-inline-block {
  border: 2px solid var(--cfb-shadow) !important;
  border-radius: 0 !important;
  background: var(--cfb-light) !important;
  box-shadow: none !important;
}

.cfb-page-redesign .grid-11 .new-h3,
.cfb-page-redesign .grid-11 h3,
.cfb-page-redesign .div-block-309 .new-h3 {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--cfb-shadow) !important;
}

/* Impact "In This Together" stats as large-number cards */
.cfb-page-redesign .new-impact-stats,
.cfb-page-redesign .impact-stats-row,
.cfb-page-redesign .div-block-309 .new-impact-number {
  border-radius: 0 !important;
}

.cfb-page-redesign .section-header + .w-layout-grid .new-h1,
.cfb-page-redesign .new-impact-together .new-h1,
.cfb-page-redesign .new-together-stat .new-h1 {
  font-family: "Spectral", Georgia, serif !important;
  letter-spacing: -0.05em;
  color: var(--cfb-sky);
}

/* ============================================================
   Tabs (business homepage + Webflow .w-tabs)
   ============================================================ */
.cfb-tabs,
.cfb-page-redesign .w-tab-menu,
.cfb-page-redesign .tabs-sidebar {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border-bottom: 0;
  margin-bottom: 1.5rem;
  background: transparent !important;
}

.cfb-tab,
.cfb-page-redesign .w-tab-link,
.cfb-page-redesign .tabs-label {
  appearance: none;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  margin-bottom: -2px;
  padding: 0.75rem 1.25rem !important;
  background: transparent !important;
  color: var(--cfb-shadow) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  cursor: pointer;
  opacity: 0.7;
}

.cfb-tab:hover,
.cfb-page-redesign .w-tab-link:hover,
.cfb-page-redesign .tabs-label:hover {
  opacity: 0.85;
}

.cfb-tab.is-active,
.cfb-tab[aria-selected="true"],
.cfb-page-redesign .w-tab-link.w--current,
.cfb-page-redesign .tabs-label.w--current {
  opacity: 1;
  border-bottom-color: var(--cfb-shadow) !important;
  background-color: var(--cfb-shadow) !important;
  color: var(--cfb-light) !important;
}

.cfb-tab-panel {
  display: none;
}

.cfb-tab-panel.is-active {
  display: block;
}

.cfb-page-redesign .cfb-tabs-shell .new-offering-product-div {
  display: none;
}

.cfb-page-redesign .cfb-tabs-shell .new-offering-product-div.is-active {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* ============================================================
   FAQ accordion
   ============================================================ */
.cfb-faq {
  border-top: 1px solid var(--cfb-shadow-15);
}

.cfb-faq-item {
  border-bottom: 1px solid var(--cfb-shadow-15);
}

.cfb-faq-header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
  padding: 1rem 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.875rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--cfb-shadow);
}

.cfb-faq-header::before {
  content: "›";
  flex-shrink: 0;
  font-size: 1.25rem;
  line-height: 1;
  color: var(--cfb-shadow);
}

.cfb-faq-item.is-open .cfb-faq-header::before,
.cfb-faq-header[aria-expanded="true"]::before {
  content: "ˇ";
}

.cfb-faq-body {
  display: none;
  padding: 0 0 1.25rem;
  text-align: left;
}

.cfb-faq-item.is-open .cfb-faq-body,
.cfb-faq-header[aria-expanded="true"] + .cfb-faq-body {
  display: block;
}

.cfb-faq-body p {
  margin: 0;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--cfb-shadow);
}

/* Remap Webflow FAQ / accordion dropdowns to doc convention */
.cfb-page-redesign .new-accordion-dropdown,
.cfb-page-redesign .dropdown-4 > .w-dropdown-toggle,
.cfb-page-redesign .w-dropdown-toggle.accordion-toggle,
.cfb-page-redesign .w-dropdown-toggle.faq-question {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 2.5rem 1rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--cfb-shadow) !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .new-accordion-dropdown .new-paragraph-header,
.cfb-page-redesign .new-accordion-dropdown .new-dropdown-mobile,
.cfb-page-redesign .dropdown-4 > .w-dropdown-toggle .new-paragraph-header,
.cfb-page-redesign .dropdown-4 > .w-dropdown-toggle .new-dropdown-mobile,
.cfb-page-redesign .w-dropdown-toggle.accordion-toggle .new-paragraph-header,
.cfb-page-redesign .w-dropdown-toggle.faq-question .new-paragraph-header {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: var(--cfb-shadow) !important;
  margin: 0 !important;
}

.cfb-page-redesign .dropdown-4 > .w-dropdown-toggle .w-icon-dropdown-toggle,
.cfb-page-redesign .new-accordion-dropdown .w-icon-dropdown-toggle,
.cfb-page-redesign .w-dropdown-toggle.accordion-toggle .w-icon-dropdown-toggle {
  position: absolute !important;
  right: 0.25rem;
  top: 50%;
  margin: 0 !important;
  transform: translateY(-50%) rotate(0deg);
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .dropdown-4.w--open > .w-dropdown-toggle .w-icon-dropdown-toggle,
.cfb-page-redesign .dropdown-4 > .w-dropdown-toggle.w--open .w-icon-dropdown-toggle {
  transform: translateY(-50%) rotate(180deg);
}

.cfb-page-redesign .dropdown-4 .new-paragraph-text.new-dropdown-text,
.cfb-page-redesign .dropdown-4 .dropdown-list-2 .new-paragraph-text,
.cfb-page-redesign .new-paragraph-text.new-dropdown-text {
  margin-top: 0.75rem !important;
  padding-left: 0 !important;
  text-align: left !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .dropdown-4 .dropdown-list-2.w-dropdown-list {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
}

/* ============================================================
   Forms
   ============================================================ */
.cfb-page-redesign .w-input,
.cfb-page-redesign .w-select,
.cfb-page-redesign input[type="text"],
.cfb-page-redesign input[type="email"],
.cfb-page-redesign input[type="tel"],
.cfb-page-redesign input[type="search"],
.cfb-page-redesign textarea {
  border-radius: 0 !important;
  border: 2px solid var(--cfb-shadow-15) !important;
  background: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
}

.cfb-page-redesign label,
.cfb-page-redesign .w-form-label {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .w-form-formcheckboxinput + span,
.cfb-page-redesign .checkbox-row,
.cfb-page-redesign .new-checkbox-label {
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
}

/* ============================================================
   Disclosure band (sits above footer, same dark background)
   ============================================================ */
.cfb-disclosure-band {
  box-sizing: border-box;
  width: 100%;
  padding: 2.5rem 1rem;
  background-color: var(--cfb-shadow);
}

.cfb-disclosure-band .cfb-shell {
  max-width: 72rem;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .cfb-disclosure-band .cfb-shell {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .cfb-disclosure-band .cfb-shell {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.cfb-disclosure-band p,
.cfb-disclosure-band .new-disclosure {
  margin: 0 0 0.75rem;
  color: rgba(255, 251, 247, 0.9) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  line-height: 1.55;
  letter-spacing: -0.01em;
  text-align: left;
}

.cfb-disclosure-band p:last-child,
.cfb-disclosure-band .new-disclosure:last-child {
  margin-bottom: 0;
}

/* ============================================================
   Legacy disclosure sections (unified dark styling)
   ============================================================ */
section.disclosure,
.new-content-wrapper.disclosure {
  background-color: var(--cfb-shadow, #1a2a3a) !important;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

section.disclosure .new-disclosure,
.new-content-wrapper.disclosure .new-disclosure,
section.disclosure .new-content-padding.disclosure .new-disclosure {
  color: rgba(255, 251, 247, 0.9) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  line-height: 1.55;
  letter-spacing: -0.01em;
}

/* ============================================================
   Footer disclosures (inside footer)
   ============================================================ */
.cfb-disclosures {
  width: 100%;
  margin: 0 0 2rem;
  padding: 0 0 1.5rem;
  border-bottom: 1px solid rgba(255, 251, 247, 0.2);
}

.cfb-disclosures p,
.cfb-disclosures .new-disclosure {
  margin: 0 0 0.75rem;
  color: rgba(255, 251, 247, 0.9) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem;
  line-height: 1.55;
  letter-spacing: -0.01em;
}

.cfb-disclosures p:last-child,
.cfb-disclosures .new-disclosure:last-child {
  margin-bottom: 0;
}

.cfb-page-redesign .new-footer-contents > .cfb-disclosures {
  grid-column: 1 / -1;
}

.cfb-page-redesign .cfb-footer-main + .cfb-disclosures,
.cfb-page-redesign .new-footer-contents .cfb-disclosures {
  order: -1;
}

/* Collapse one-off homepage section-41 bar into shared accent system */
.cfb-page-redesign .section-41 .new-h1.cfb-accent-bar::after,
.cfb-page-redesign .section-41 h1.cfb-accent-bar::after {
  background-image: var(--cfb-gradient-accent);
}


/* Homepage stats cards → large-number Shadow cards (Sample 2) */
.cfb-page-redesign .new-stats-card {
  height: auto;
  min-height: 17rem;
  padding: 1.5rem;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: var(--cfb-shadow) !important;
  box-shadow: none !important;
}

.cfb-page-redesign .new-stats-card h1 {
  font-family: "Spectral", Georgia, serif !important;
  font-size: clamp(2rem, 4vw, 3.25rem) !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign .new-stats-card .new-body,
.cfb-page-redesign .new-stats-card p {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-stats-card img {
  filter: invert(1) brightness(1.2);
  opacity: 0.9;
}

/* CD rate cards (doc Sample 2).
   The export mixes a column default with fixed 350px/500px cell widths, so the
   promo and standard sections rendered at different widths. One shared grid puts
   every row on the same column edges and gives each row equal-height cards. */
.cfb-page-redesign .new-cd-card-layout,
.cfb-page-redesign .new-cd-card-layout.horizontal {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 1.5rem;
  align-items: stretch;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 2.5rem 0;
}

.cfb-page-redesign .new-cd-card-layout-div,
.cfb-page-redesign .new-cd-card-layout-div.fixed-height,
.cfb-page-redesign .new-cd-card-layout-div.stretch-height {
  width: auto !important;
  max-width: none !important;
  align-self: stretch;
}

/* flex-start (not the export's space-between) so the rate, term and deposit
   lines stay on the same baseline across cards of unequal content length. */
.cfb-page-redesign .new-cd-container {
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: var(--cfb-shadow) !important;
  color: var(--cfb-light) !important;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  gap: 0.75rem;
  padding: 1.75rem 1.5rem;
}

/* Legacy heading/paragraph margins varied per card, so the rate, term and
   deposit lines landed at different heights across a row. Let the flex gap
   own the rhythm instead. */
.cfb-page-redesign .new-cd-container > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Feature copy is the one block that reads better left-aligned in a centred card */
.cfb-page-redesign .new-cd-features {
  width: 100%;
  text-align: left;
}

.cfb-page-redesign .new-cd-features ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.cfb-page-redesign .new-cd-features li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.cfb-page-redesign .new-cd-features li::before {
  content: "\2022";
  color: var(--cfb-light);
  flex-shrink: 0;
  margin-top: 0.1rem;
}

.cfb-page-redesign .new-cd-features .new-product-feature-text-3 {
  text-align: left !important;
}

.cfb-page-redesign .new-cd-title.prominent {
  font-family: "Spectral", Georgia, serif !important;
  font-size: clamp(1.75rem, 3vw, 2.75rem) !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign .new-cd-title.no-underline,
.cfb-page-redesign .new-cd-card-description,
.cfb-page-redesign .new-cd-feature-bold {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--cfb-light) !important;
  text-decoration: none !important;
  border-radius: 0 !important;
}

.cfb-page-redesign .new-cd-container .new-body,
.cfb-page-redesign .new-cd-container .new-product-feature-text-3 {
  color: rgba(255, 251, 247, 0.85) !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;
  font-size: 0.875rem !important;
}

/* our-impact highlight cards */
.cfb-page-redesign .new-stats-card.impact-highlights {
  background-color: var(--cfb-shadow) !important;
  border-radius: 0 !important;
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-stats-card .heading-68,
.cfb-page-redesign .new-stats-card .new-tagline,
.cfb-page-redesign .new-stats-card .new-tagline-white,
.cfb-page-redesign .new-stats-card .bold,
.cfb-page-redesign .new-stats-card :is(h1, h2, h3, p, div, span, strong) {
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-stats-card h1,
.cfb-page-redesign .new-stats-card .heading-68 {
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign .new-partnerships-text-block,
.cfb-page-redesign .new-partnerships-text-block :is(strong, em, span, a),
.cfb-page-redesign a .new-partnerships-text-block,
.cfb-page-redesign a .new-partnerships-text-block :is(strong, em, span) {
  color: var(--cfb-light) !important;
}

/* ============================================================
   Product cards → Sample 2 (large numbers on Shadow)
   Reset the legacy absolute-positioned 650px skeleton to natural flow.
   ============================================================ */
.cfb-page-redesign .new-product-card,
.cfb-page-redesign .new-product-card-shorter,
.cfb-page-redesign .new-product-card-shorter.without-disclosures {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
  width: 100% !important;
  max-width: 20rem !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 1.75rem 1.25rem 1.5rem !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: var(--cfb-shadow) !important;
  color: var(--cfb-light) !important;
  text-align: center !important;
  overflow: visible !important;
}

.cfb-page-redesign .new-product-card .new-product-contents,
.cfb-page-redesign .new-product-card-shorter .new-product-contents,
.cfb-page-redesign .new-product-card .new-product-description-features,
.cfb-page-redesign .new-product-card-shorter .new-product-description-features,
.cfb-page-redesign .new-product-card .new-product-features,
.cfb-page-redesign .new-product-card-shorter .new-product-features,
.cfb-page-redesign .new-product-card .new-read-more-button,
.cfb-page-redesign .new-product-card-shorter .new-read-more-button,
.cfb-page-redesign .new-product-card .div-block-200,
.cfb-page-redesign .new-product-card-shorter .div-block-200,
.cfb-page-redesign .new-product-card .product-card-title,
.cfb-page-redesign .new-product-card-shorter .product-card-title {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
}

.cfb-page-redesign .new-product-card .new-product-contents,
.cfb-page-redesign .new-product-card-shorter .new-product-contents {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

.cfb-page-redesign .new-product-card .new-offering-title-link,
.cfb-page-redesign .new-product-card-shorter .new-offering-title-link {
  text-decoration: none !important;
  width: 100%;
}

.cfb-page-redesign .new-product-card .product-card-title,
.cfb-page-redesign .new-product-card-shorter .product-card-title,
.cfb-page-redesign .new-product-card h3,
.cfb-page-redesign .new-product-card-shorter h3 {
  display: block !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: var(--cfb-light) !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
}

.cfb-page-redesign .new-product-card .new-product-description-text,
.cfb-page-redesign .new-product-card-shorter .new-product-description-text {
  color: rgba(255, 251, 247, 0.85) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

.cfb-page-redesign .new-product-card ul,
.cfb-page-redesign .new-product-card-shorter ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0.5rem 0 0 !important;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  width: 100%;
}

.cfb-page-redesign .new-product-card li,
.cfb-page-redesign .new-product-card-shorter li,
.cfb-page-redesign .new-product-card li::marker,
.cfb-page-redesign .new-product-card-shorter li::marker {
  color: rgba(255, 251, 247, 0.85) !important;
  list-style: none !important;
}

.cfb-page-redesign .new-product-card .new-product-feature-text.cfb-card-stat-number,
.cfb-page-redesign .new-product-card-shorter .new-product-feature-text.cfb-card-stat-number,
.cfb-page-redesign .new-product-card .cfb-card-stat-number,
.cfb-page-redesign .new-product-card-shorter .cfb-card-stat-number {
  font-family: "Spectral", Georgia, serif !important;
  font-size: clamp(1.75rem, 3vw, 2.5rem) !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  color: var(--cfb-sky) !important;
  text-transform: none !important;
  line-height: 1.1 !important;
}

.cfb-page-redesign .new-product-card .new-product-feature-text,
.cfb-page-redesign .new-product-card-shorter .new-product-feature-text {
  color: rgba(255, 251, 247, 0.85) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  border-radius: 0 !important;
  text-align: center !important;
}

.cfb-page-redesign .new-product-card .new-read-more-button,
.cfb-page-redesign .new-product-card-shorter .new-read-more-button {
  display: none !important;
}

.cfb-page-redesign .new-product-card .new-product-card-disclosure,
.cfb-page-redesign .new-product-card-shorter .new-product-card-disclosure {
  display: none !important;
}

.cfb-page-redesign .new-product-card .div-block-200,
.cfb-page-redesign .new-product-card-shorter .div-block-200 {
  display: flex !important;
  flex-flow: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  margin-top: auto !important;
  padding-top: 1rem !important;
}

.cfb-page-redesign .new-product-card .w-button,
.cfb-page-redesign .new-product-card-shorter .w-button,
.cfb-page-redesign .new-product-card .btn-blue-light,
.cfb-page-redesign .new-product-card-shorter .btn-blue-light {
  margin-top: 0;
  align-self: center;
  border: 2px solid #80ffff !important;
  background: transparent !important;
  color: #80ffff !important;
}

.cfb-page-redesign .new-product-card .w-button:hover,
.cfb-page-redesign .new-product-card-shorter .w-button:hover {
  background: #80ffff !important;
  color: var(--cfb-shadow) !important;
}

/* Apply-page / product hero rate callouts */
.cfb-page-redesign .cfb-hero .new-h2-white,
.cfb-page-redesign .cfb-rate-callout {
  font-family: "Spectral", Georgia, serif !important;
  letter-spacing: -0.01em !important;
}

/* ============================================================
   Sample 1 icon / feature cards
   ============================================================ */
.cfb-page-redesign .frame-4.cfb-card--icon,
.cfb-page-redesign .cfb-card--icon.frame-4 {
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center;
}

.cfb-page-redesign .cfb-card--icon .new-h3,
.cfb-page-redesign .cfb-card--icon .new-h3-white,
.cfb-page-redesign .frame-4 .new-h3,
.cfb-page-redesign .frame-4 .new-h3-white {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.cfb-page-redesign .new-3-card-stack-styling,
.cfb-page-redesign .new-commercial-solar-3-card-stack,
.cfb-page-redesign .new-3-card-stack .new-3-card-stack-styling {
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-3-card-header {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.cfb-page-redesign .new-cannabis-cards-text,
.cfb-page-redesign .new-3-card-stack-text {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  color: var(--cfb-shadow) !important;
  line-height: 1.5 !important;
  padding: 0.5rem 1rem 1rem !important;
}

.cfb-page-redesign .cell-49,
.cfb-page-redesign .new-trio-cell,
.cfb-page-redesign .new-trio-cell.with-img,
.cfb-page-redesign .new-3-card-trio-img {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.cfb-page-redesign .cell-49 {
  border: 2px solid var(--cfb-shadow-15) !important;
  background-color: var(--cfb-light) !important;
}

/* Recolor legacy cyan Group-4 checkmark icons toward Shadow */
.cfb-page-redesign .cfb-card--icon img[src*="Group-4"],
.cfb-page-redesign .cell-49 img[src*="Group-4"],
.cfb-page-redesign .new-commercial-solar-3-card-stack img[src*="Group-4"] {
  filter: grayscale(1) brightness(0.35) sepia(1) hue-rotate(140deg) saturate(2);
}

.cfb-page-redesign .quick-stack-4 .w-layout-cell img,
.cfb-page-redesign .quick-stack-4 img {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ============================================================
   Square / de-shadow pass for remaining card shells
   ============================================================ */
.cfb-page-redesign .new-content-block,
.cfb-page-redesign .new-partnership-block,
.cfb-page-redesign .new-nonprofit-card,
.cfb-page-redesign .new-blog-card-style,
.cfb-page-redesign .new-news-card,
.cfb-page-redesign .new-events-card,
.cfb-page-redesign .new-cta-card,
.cfb-page-redesign .new-cta-card img,
.cfb-page-redesign .new-cta-card .new-cta-card-gradient {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.cfb-page-redesign .new-blog-card-style,
.cfb-page-redesign .new-news-card,
.cfb-page-redesign .new-events-card {
  background-color: var(--cfb-light) !important;
  border: 2px solid var(--cfb-shadow-15) !important;
}

.cfb-page-redesign .card-hover {
  background-color: rgba(1, 36, 39, 0.55) !important;
  border-radius: 0 !important;
}

/* Cap multi-card layouts at 3 per row where they wrap freely */
.cfb-page-redesign .new-our-partnerships,
.cfb-page-redesign .new-product-layout {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: stretch;
}

@media (max-width: 991px) {
  .cfb-page-redesign .new-our-partnerships,
  .cfb-page-redesign .new-product-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .cfb-page-redesign .new-our-partnerships,
  .cfb-page-redesign .new-product-layout {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   Form Sample (components doc)
   ============================================================ */
.cfb-page-redesign .new-form-style,
.cfb-page-redesign .new-text-field-style,
.cfb-page-redesign .new-text-field-style.w-input,
.cfb-page-redesign .new-physician-morgage-styling .new-form-style {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.cfb-page-redesign .new-form-style {
  background-color: var(--cfb-light) !important;
  border: 2px solid var(--cfb-shadow-15) !important;
  padding: 1.5rem !important;
}

.cfb-page-redesign .new-text-field-style,
.cfb-page-redesign .new-text-field-style.w-input {
  border: 2px solid var(--cfb-shadow-15) !important;
  background: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  padding: 0.75rem 1rem !important;
}

.cfb-page-redesign .new-text-field-style::placeholder,
.cfb-page-redesign .new-text-field-style.w-input::placeholder {
  color: rgba(1, 36, 39, 0.45) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-weight: 500 !important;
}

.cfb-page-redesign .cfb-form-label,
.cfb-page-redesign .new-form-style > label:not(.w-checkbox),
.cfb-page-redesign .new-physician-morgage-styling label:not(.w-checkbox) {
  display: block;
  margin: 0 0 0.35rem;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .new-form-style .w-input,
.cfb-page-redesign .new-form-style .new-text-field-style {
  margin-bottom: 1rem !important;
}

/* ============================================================
   Legacy gradient bands → Shadow
   ============================================================ */
.cfb-page-redesign .new-download-app-div,
.cfb-page-redesign .div-block-330,
.cfb-page-redesign .new-2-column-banner-background.dark-to-light {
  background-color: var(--cfb-shadow) !important;
  background-image: none !important;
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .fdic-gradient {
  background-image: none !important;
  background-color: var(--cfb-shadow) !important;
  height: 4px !important;
}

.cfb-page-redesign .new-download-app-div h1,
.cfb-page-redesign .new-download-app-div h2,
.cfb-page-redesign .new-download-app-div .new-h2,
.cfb-page-redesign .new-download-app-div .new-h2-white,
.cfb-page-redesign .div-block-330 h1,
.cfb-page-redesign .div-block-330 .new-h1 {
  color: var(--cfb-sky) !important;
  font-family: "Spectral", Georgia, serif !important;
}

.cfb-page-redesign .new-download-app-div .new-tagline,
.cfb-page-redesign .new-download-app-div .new-tagline-white,
.cfb-page-redesign .new-download-app-div p {
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-quote-gradient,
.cfb-page-redesign .new-cta-card-gradient {
  background-image: var(--cfb-hero-shadow-scrim) !important;
  border-radius: 0 !important;
}

/* ============================================================
   Commercial solar cohesion
   ============================================================ */
.cfb-page-redesign .new-commercial-solar-title-banner {
  background-color: var(--cfb-shadow) !important;
  background-image: none !important;
}

.cfb-page-redesign .new-title-banner-title.commercial-solar,
.cfb-page-redesign .new-commercial-solar-title-banner .new-title-banner-title,
.cfb-page-redesign .new-commercial-solar-title-banner h1 {
  color: var(--cfb-sky) !important;
  font-family: "Spectral", Georgia, serif !important;
}

/* This band is Shadow, so the eyebrow's default Shadow ink would disappear */
.cfb-page-redesign .new-commercial-solar-title-banner .cfb-eyebrow {
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign .new-commercial-solar-img.cfb-hero .cfb-eyebrow,
.cfb-page-redesign .new-commercial-solar-img .cfb-eyebrow {
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign .new-commercial-solar-img.cfb-hero h1,
.cfb-page-redesign .new-commercial-solar-img.cfb-hero .new-h1 {
  color: var(--cfb-light) !important;
}

/* ============================================================
   Business homepage polish
   ============================================================ */
.cfb-page-redesign .new-offering-image {
  box-shadow: none !important;
  border-radius: 0 !important;
}

.cfb-page-redesign .new-offering-description {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  color: var(--cfb-shadow) !important;
}

/* ============================================================
   Leadership / Board bios
   ============================================================ */
.cfb-page-redesign .new-leadership-card {
  border-bottom: 1px solid var(--cfb-shadow-15) !important;
  gap: 2rem !important;
  padding-bottom: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.cfb-page-redesign .new-leadership-heading {
  font-family: "Spectral", Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.05em !important;
  color: var(--cfb-shadow) !important;
  text-transform: none !important;
  margin: 0 0 0.5rem !important;
}

.cfb-page-redesign .new-leadership-title {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--cfb-shadow) !important;
  margin-bottom: 0.75rem !important;
}

.cfb-page-redesign .new-leadership-description {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  color: var(--cfb-shadow) !important;
  line-height: 1.55 !important;
}

.cfb-page-redesign .image-168 {
  border-radius: 0 !important;
  object-fit: cover;
}

.cfb-page-redesign .new-leadership-card .div-block-248 {
  flex: 0 0 200px;
  width: 200px;
  max-width: 200px;
}

.cfb-page-redesign .new-leadership-card .image-168 {
  width: 200px !important;
  height: 300px !important;
  max-width: 200px !important;
}

.cfb-board-page .new-leadership-card .cfb-img-frame {
  flex: 0 0 200px;
  width: 200px;
  max-width: 200px;
  height: 300px;
}

.cfb-board-page .new-leadership-card .cfb-img-frame img {
  width: 200px !important;
  height: 300px !important;
  max-width: 200px !important;
}

/* ============================================================
   Our Story page
   ============================================================ */
@media (max-width: 991px) {
  .cfb-our-story-page .new-paragraph-div .new-paragraph-text {
    text-align: left !important;
  }
}

@media (min-width: 1024px) {
  .cfb-our-story-page .new-cta-cards-layout .new-cta-card:last-child {
    margin-bottom: 1.5rem;
  }
}

/* ============================================================
   FAQ page
   ============================================================ */
.cfb-faq-page .tabs-content,
.cfb-faq-page .tabs-content .new-paragraph-text,
.cfb-faq-page .tabs-content .new-paragraph-header,
.cfb-faq-page .tabs-content .new-faq-list,
.cfb-faq-page .tabs-paragraph-style {
  text-align: left !important;
}

.cfb-faq-page .tabs-content strong,
.cfb-faq-page .new-paragraph-text strong {
  font-size: inherit;
  font-weight: 700;
}

/* ============================================================
   Fireside Chats page
   ============================================================ */
@media (max-width: 991px) {
  .cfb-fireside-page .new-paragraph-div .new-paragraph-text {
    text-align: left !important;
  }
}

/* ============================================================
   About Us remaining treatments
   ============================================================ */
.cfb-page-redesign .new-partnerships-text-block {
  border-radius: 0 !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  background-color: rgba(1, 36, 39, 0.92) !important;
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-bold-partnership-text-block {
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-atm-cell {
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: var(--cfb-light) !important;
  border: 2px solid var(--cfb-shadow-15) !important;
}

.cfb-page-redesign .new-blogs-colllection-item {
  border-radius: 0 !important;
}

.cfb-page-redesign .new-event-title {
  font-family: "Spectral", Georgia, serif !important;
  text-decoration: none !important;
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .new-events-description,
.cfb-page-redesign .new-event-details {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}

.cfb-page-redesign .header-holiday-schedule {
  background-color: var(--cfb-shadow) !important;
  color: var(--cfb-light) !important;
  border-radius: 0 !important;
}

.cfb-page-redesign .new-link-style {
  color: var(--cfb-shadow) !important;
  text-decoration-color: var(--cfb-sky) !important;
}

.cfb-page-redesign .new-pagnation {
  font-family: "DM Sans", system-ui, sans-serif !important;
}

/* FAQ Q&A breathing room + body text */
.cfb-page-redesign .new-paragraph-text,
.cfb-page-redesign .tabs-content .new-paragraph-text,
.cfb-page-redesign .tabs-paragraph-style .new-paragraph-text {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  color: var(--cfb-shadow) !important;
  line-height: 1.55 !important;
}

.cfb-page-redesign .tabs-content {
  padding: 0.5rem 1.5rem 1.5rem 2rem !important;
  max-width: 44rem;
}

.cfb-page-redesign .tabs-paragraph-style {
  margin-bottom: 2rem !important;
  gap: 0.5rem !important;
}

.cfb-page-redesign .div-block-330 .new-help-guides-div a,
.cfb-page-redesign .div-block-330 a {
  color: var(--cfb-light) !important;
}

/* App download page: framed screenshots + badge buttons */
.cfb-page-redesign .new-download-app-div .new-big-button-white,
.cfb-page-redesign .new-download-app-div .w-button {
  border: 2px solid #80ffff !important;
  background: transparent !important;
  color: #80ffff !important;
}

.cfb-page-redesign .new-download-app-div .new-big-button-white:hover,
.cfb-page-redesign .new-download-app-div .w-button:hover {
  background: #80ffff !important;
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .new-download-app-div .cfb-img-frame,
.cfb-page-redesign .new-download-app-div img[src*="graphic-climate"],
.cfb-page-redesign .new-download-app-div img[src*="Download-Our-App"] {
  border-radius: 0 !important;
}

/* Features band padding only — surface/text colors set earlier as Light */
.cfb-page-redesign .features-banner {
  padding: 3rem 0 !important;
}

/* Legacy features rows carry the same hairline separation as .cfb-features-grid */
.cfb-page-redesign .features-banner .frame-17 > * + *,
.cfb-page-redesign .features-banner .frame-18 > * + * {
  border-left: 1px solid var(--cfb-features-divider);
  padding-left: 1.25rem;
}

.cfb-page-redesign .features-banner .frame-97 > * + * {
  border-top: 1px solid var(--cfb-features-divider);
  padding-top: 1.5rem;
}

.cfb-page-redesign .features-banner .cfb-card--icon {
  max-width: 14rem;
}

/* Help guide tiles with visible labels */
.cfb-page-redesign .new-help-guides-div a {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  min-height: 8rem !important;
  padding: 1rem !important;
  border-radius: 0 !important;
  background-color: rgba(255, 251, 247, 0.08) !important;
  border: 2px solid rgba(255, 251, 247, 0.25) !important;
  text-decoration: none !important;
}

.cfb-page-redesign .new-help-guides-div a:hover {
  border-color: var(--cfb-sky) !important;
}

/* Hide long in-card disclosures already moved (business) */
.cfb-page-redesign .new-business-card-disclosure {
  display: none !important;
}

/* Ensure gradient hero type wins over generic title-banner Light */
.cfb-page-redesign :is(.cfb-hero--daylight, .cfb-hero--flux, .cfb-hero--sunrise, .cfb-hero--skyglow) .new-title-banner-title,
.cfb-page-redesign :is(.cfb-hero--daylight, .cfb-hero--flux, .cfb-hero--sunrise, .cfb-hero--skyglow) .new-title-banner-tagline {
  color: var(--cfb-shadow) !important;
}

/* Commercial solar dark photo hero keeps light type whatever variant it carries */
.cfb-page-redesign .new-commercial-solar-img.cfb-hero .new-title-banner-title,
.cfb-page-redesign .new-commercial-solar-img.cfb-hero h1 {
  color: var(--cfb-light) !important;
}

.cfb-page-redesign .new-commercial-solar-img.cfb-hero .cfb-eyebrow {
  color: var(--cfb-sky) !important;
}

.cfb-page-redesign .installers_hero:not(.cfb-hero *) {
  background-color: var(--cfb-hero-block-flux) !important;
  background-image: none !important;
  background-blend-mode: normal;
}

/* Inside a hero the inner band must stay clear or it covers the watercolor wash */
.cfb-page-redesign .cfb-hero .installers_hero {
  background-color: transparent !important;
  background-image: none !important;
}

.cfb-page-redesign .section-14.cfb-hero .new-h1,
.cfb-page-redesign .section-14.cfb-hero .cfb-eyebrow {
  color: var(--cfb-shadow) !important;
}

/* Beat legacy media-query fixed heights on product cards */
@media screen and (max-width: 991px) {
  .cfb-page-redesign .new-product-card,
  .cfb-page-redesign .new-product-card-shorter {
    height: auto !important;
    min-height: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .cfb-page-redesign .new-product-card,
  .cfb-page-redesign .new-product-card-shorter {
    height: auto !important;
    max-width: 100% !important;
  }
}

@media screen and (max-width: 479px) {
  .cfb-page-redesign .new-product-card,
  .cfb-page-redesign .new-product-card-shorter {
    height: auto !important;
  }
}

/* Quote banner already has a dark scrim — suppress corner brackets */
.cfb-page-redesign .new-quote-banner > .cfb-img-frame::before,
.cfb-page-redesign .new-quote-banner > .cfb-img-frame::after {
  display: none !important;
}

/* Clipping sweep: offering absolute skeleton */
.cfb-page-redesign .new-offering-content,
.cfb-page-redesign .new-offering-description-features,
.cfb-page-redesign .offering-button {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  height: auto !important;
  max-height: none !important;
  width: 100% !important;
  overflow: visible !important;
}

.cfb-page-redesign .new-offering-card {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  overflow: visible !important;
}

.cfb-page-redesign .new-offerings-layout {
  overflow: visible !important;
}

/* Clipping sweep: other fixed-height + absolute shells on redesign pages */
.cfb-page-redesign .new-product-card-2 {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.cfb-page-redesign .new-loan-card-content {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.cfb-page-redesign .new-events-card {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.cfb-page-redesign .new-cd-card-layout-div,
.cfb-page-redesign .new-cd-card-layout-div.fixed-height,
.cfb-page-redesign .new-cd-card-layout-div.stretch-height {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.cfb-page-redesign .new-homepage-banking-cards {
  height: auto !important;
  min-height: 18rem !important;
  max-height: none !important;
  overflow: visible !important;
}

.cfb-page-redesign .new-homepage-banking-cards .div-block-315 {
  position: static !important;
  inset: auto !important;
  bottom: auto !important;
  left: auto !important;
  margin-top: auto !important;
  width: 100% !important;
}

.cfb-page-redesign .new-partnership-block,
.cfb-page-redesign .new-partnerships-text-block {
  height: auto !important;
  min-height: 12rem !important;
  max-height: none !important;
  overflow: visible !important;
}

.cfb-page-redesign .new-news-homepage {
  height: auto !important;
  min-height: 16rem !important;
  max-height: none !important;
  padding-block: 4rem !important;
  overflow: visible !important;
}

.cfb-page-redesign .new-product-carousel {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

@media screen and (max-width: 991px) {
  .cfb-page-redesign .new-product-card-2,
  .cfb-page-redesign .new-loan-card-content,
  .cfb-page-redesign .new-events-card,
  .cfb-page-redesign .new-cd-card-layout-div,
  .cfb-page-redesign .new-cd-card-layout-div.fixed-height,
  .cfb-page-redesign .new-homepage-banking-cards,
  .cfb-page-redesign .new-partnership-block,
  .cfb-page-redesign .new-partnerships-text-block,
  .cfb-page-redesign .new-news-homepage,
  .cfb-page-redesign .new-stats-card,
  .cfb-page-redesign .new-stats-card.impact-highlights {
    height: auto !important;
    max-height: none !important;
  }
}

@media screen and (max-width: 767px) {
  .cfb-page-redesign .new-product-card-2,
  .cfb-page-redesign .new-loan-card-content,
  .cfb-page-redesign .new-events-card,
  .cfb-page-redesign .new-cd-card-layout-div.fixed-height,
  .cfb-page-redesign .new-homepage-banking-cards,
  .cfb-page-redesign .new-partnership-block,
  .cfb-page-redesign .new-partnerships-text-block,
  .cfb-page-redesign .new-news-homepage {
    height: auto !important;
    max-height: none !important;
  }
}

@media screen and (max-width: 479px) {
  .cfb-page-redesign .new-product-card-2,
  .cfb-page-redesign .new-loan-card-content,
  .cfb-page-redesign .new-events-card,
  .cfb-page-redesign .new-cd-card-layout-div.fixed-height,
  .cfb-page-redesign .new-homepage-banking-cards,
  .cfb-page-redesign .new-partnership-block,
  .cfb-page-redesign .new-partnerships-text-block,
  .cfb-page-redesign .new-news-homepage {
    height: auto !important;
    max-height: none !important;
  }
}

/* ============================================================
   Homepage 2026 layout (hero / purpose tiles / glow band / calculator)
   Shared left edge matches .cfb-nav-shell (72rem + responsive padding).
   ============================================================ */
.cfb-home-hero__inner,
.cfb-home-purpose__inner,
.cfb-home-calc__inner,
.cfb-home-glow__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 72rem;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .cfb-home-hero__inner,
  .cfb-home-purpose__inner,
  .cfb-home-calc__inner,
  .cfb-home-glow__inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .cfb-home-hero__inner,
  .cfb-home-purpose__inner,
  .cfb-home-calc__inner,
  .cfb-home-glow__inner {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.cfb-home-hero {
  padding-top: 3.5rem;
  padding-bottom: 4rem;
}

.cfb-home-hero__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  align-items: center;
}

.cfb-home-hero__media {
  width: 100%;
  max-width: 22rem;
  justify-self: center;
}

@media (min-width: 1024px) {
  .cfb-home-hero__inner {
    grid-template-columns: minmax(0, 1.2fr) minmax(16rem, 22rem);
    gap: 3rem;
  }

  .cfb-home-hero__media {
    width: 100%;
    max-width: none;
    justify-self: stretch;
  }
}

.cfb-home-hero__media .cfb-img-frame {
  position: relative;
  width: 100%;
}

.cfb-home-hero__media img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: 45% center;
}

.cfb-home-hero__media .cfb-img-frame::before,
.cfb-home-hero__media .cfb-img-frame::after {
  display: none !important;
}

.cfb-home-hero__copy {
  max-width: none;
}

.cfb-home-hero .cfb-eyebrow {
  margin: 0 0 1rem;
  color: var(--cfb-shadow);
}

.cfb-home-hero h1 {
  margin: 0;
  max-width: 22ch;
  font-family: "Spectral", Georgia, serif !important;
  font-size: clamp(2.25rem, 4.5vw, 3.5rem) !important;
  font-weight: 400 !important;
  line-height: 1.12;
  letter-spacing: -0.05em;
  background-image: none !important;
  padding-bottom: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
  color: var(--cfb-shadow) !important;
}

.cfb-home-hero h1 .cfb-underline {
  text-decoration: underline !important;
  text-decoration-color: var(--cfb-shadow) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 0.1em;
  background-image: none !important;
  padding-bottom: 0 !important;
}

.cfb-home-hero__sub {
  margin: 1.25rem 0 0;
  max-width: 28rem;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 1.125rem !important;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: var(--cfb-shadow) !important;
}

.cfb-home-hero__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 2rem;
  width: 100%;
  max-width: 14rem;
}

.cfb-home-hero__actions .w-button {
  display: inline-block !important;
  box-sizing: border-box;
  width: 100%;
  padding: 0.65rem 1rem !important;
  text-align: center;
}

/* Consistent hero banner height across major pages */
.cfb-page-redesign .cfb-cd-hero .new-content-padding.title-bar,
.cfb-page-redesign .new-title-bar-background.cfb-hero .new-content-padding.title-bar {
  padding-top: 3.5rem !important;
  padding-bottom: 2rem !important;
}

.cfb-cd-hero {
  padding-bottom: 0;
}

.cfb-cd-hero .new-cd-tagline {
  margin: 0.5rem 0 1.25rem;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: var(--cfb-shadow) !important;
  text-transform: none !important;
}

.cfb-home-purpose {
  background: var(--cfb-light);
  padding-top: 4.5rem;
  padding-bottom: 5rem;
}

.cfb-home-purpose h2 {
  margin: 0;
  font-family: "Spectral", Georgia, serif !important;
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--cfb-shadow);
}

.cfb-home-purpose__lead {
  margin: 0.75rem 0 0;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 1.125rem;
  color: var(--cfb-shadow);
}

.cfb-home-purpose__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem;
  width: 100%;
  max-width: none;
  margin: 2rem 0 0;
}

@media (min-width: 768px) {
  .cfb-home-purpose__grid {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }

  .cfb-home-purpose__tile {
    aspect-ratio: 11 / 8;
    min-height: 0;
  }
}

.cfb-home-purpose__tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-height: 0;
  aspect-ratio: 11 / 8;
  padding: 0.75rem 1.25rem 2rem;
  background-color: var(--cfb-shadow);
  background-image: var(--cfb-tile-photo);
  background-size: cover;
  background-position: center;
  color: var(--cfb-light) !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
  text-align: center;
  text-decoration: none !important;
  transition: opacity 0.2s ease;
}

.cfb-home-purpose__tile-name {
  font-size: 1.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em;
  line-height: 1.25;
  text-transform: uppercase !important;
}

.cfb-home-purpose__tile-desc {
  margin-top: 0.5rem;
  max-width: 18rem;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em;
  line-height: 1.35;
  text-transform: none !important;
  opacity: 0.92;
}

.cfb-home-purpose__tile:hover {
  opacity: 0.92;
  color: var(--cfb-light) !important;
}

.cfb-home-purpose__tile--solar {
  --cfb-tile-photo: url("../images/homepage-images/solar-loans-tile.jpg");
}

.cfb-home-purpose__tile--mortgage {
  --cfb-tile-photo: url("../images/homepage-images/AdobeStock_213830798_shadows_lg.png");
}

.cfb-home-purpose__tile--deposits {
  --cfb-tile-photo: url("../images/homepage-images/AdobeStock_125257240_shadows_lg.png");
}

.cfb-home-purpose__tile--business {
  --cfb-tile-photo: url("../images/homepage-images/AdobeStock_285695655_shadows_lg.png");
}

.cfb-home-purpose__tile--sba {
  --cfb-tile-photo: url("../images/homepage-images/AdobeStock_225336221_shadows_lg.png");
}

.cfb-home-purpose__tile--commercial {
  --cfb-tile-photo: url("../images/homepage-images/AdobeStock_246961616_shadows_lg.png");
}

.cfb-home-glow {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  background-color: var(--cfb-glow-dark);
  background-image: url("../images/homepage-glow-solar.png");
  background-size: cover;
  background-position: center;
}

.cfb-home-glow h2 {
  margin: 0;
  font-family: "Spectral", Georgia, serif !important;
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.03em;
  text-align: left;
  color: var(--cfb-shadow) !important;
}

.cfb-home-glow__sub {
  margin: 0.75rem 0 0;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 1.125rem !important;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  color: var(--cfb-shadow) !important;
}

.cfb-home-calc {
  background: var(--cfb-light);
  padding-top: 4.5rem;
  padding-bottom: 5rem;
  scroll-margin-top: 6rem;
}

.cfb-home-calc__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  align-items: start;
}

@media (min-width: 960px) {
  .cfb-home-calc__inner {
    grid-template-columns: minmax(18rem, 0.9fr) minmax(30rem, 1.7fr);
    gap: 3.5rem;
    align-items: start;
  }

  .cfb-home-calc__col {
    padding: 2.75rem 1.75rem 3.25rem;
  }

  .cfb-home-calc__col--cfb {
    margin: 1rem 0.75rem 1rem 1rem;
    padding: 1.75rem 1.75rem 2rem;
  }
}

.cfb-home-calc__form-wrap {
  max-width: 20rem;
}

.cfb-home-calc__header {
  text-align: left;
}

.cfb-home-calc h2 {
  margin: 0;
  font-family: "Spectral", Georgia, serif !important;
  font-size: clamp(1.85rem, 3.5vw, 2.5rem);
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--cfb-shadow);
  text-align: left;
}

.cfb-home-calc__powered {
  margin: 0.5rem 0 0;
  padding: 0;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-align: left;
  color: var(--cfb-shadow);
  opacity: 0.75;
}

.cfb-home-calc__label {
  display: block;
  margin: 1.75rem 0 0.65rem;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cfb-glow-dark);
}

.cfb-home-calc__input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: 0.85rem 1rem;
  border: 2px solid var(--cfb-glow-dark) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--cfb-shadow) !important;
  font-family: "Spectral", Georgia, serif !important;
  font-size: 1.75rem !important;
  letter-spacing: -0.03em;
}

.cfb-home-calc__input:focus,
.cfb-home-calc__input:hover {
  border-color: var(--cfb-glow-dark) !important;
  outline: 2px solid var(--cfb-glow-dark) !important;
  outline-offset: 2px;
}

.cfb-page-redesign .cfb-home-calc__input {
  border: 2px solid var(--cfb-glow-dark) !important;
  background: transparent !important;
}

.cfb-page-redesign .cfb-home-calc__input:focus,
.cfb-page-redesign .cfb-home-calc__input:hover {
  border-color: var(--cfb-glow-dark) !important;
  outline: 2px solid var(--cfb-glow-dark) !important;
  outline-offset: 2px;
}

.cfb-home-calc__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 1.5rem;
  width: 100%;
  max-width: 14rem;
}

.cfb-home-calc__actions .w-button,
.cfb-home-calc__actions button {
  display: inline-block !important;
  box-sizing: border-box;
  width: 100%;
  padding: 0.55rem 1rem !important;
  border: 2px solid var(--cfb-glow-dark) !important;
  background: transparent !important;
  color: var(--cfb-shadow) !important;
  text-align: center;
  white-space: nowrap;
}

.cfb-home-calc__actions .w-button:hover,
.cfb-home-calc__actions button:hover {
  background: var(--cfb-glow-dark) !important;
  border-color: var(--cfb-glow-dark) !important;
  color: var(--cfb-shadow) !important;
}

.cfb-home-calc__compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(6, auto);
  border: 1px solid var(--cfb-shadow);
  background: var(--cfb-light);
  opacity: 1;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.cfb-home-calc__compare.cfb-home-calc__compare--animating {
  opacity: 0;
  transform: translateY(10px);
}

.cfb-home-calc__col {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 6;
  padding: 2.25rem 1.5rem 2.75rem;
  text-align: center;
}

.cfb-home-calc__col--cfb {
  margin: 0.85rem 0.65rem 0.85rem 0.85rem;
  border: 2px solid var(--cfb-glow-dark);
  padding: 1.5rem 1.5rem 1.75rem;
  align-self: stretch;
  box-sizing: border-box;
}

.cfb-home-calc__kicker {
  margin: 0;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.625rem !important;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--cfb-shadow);
}

.cfb-home-calc__product {
  margin: 0.45rem 0 0;
  font-family: "Spectral", Georgia, serif;
  font-size: 0.95rem;
  font-style: italic;
  color: var(--cfb-shadow);
}

.cfb-home-calc__metric {
  margin: 1.5rem 0 0;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cfb-shadow);
}

.cfb-home-calc__value {
  margin: 0.5rem 0 0;
  font-family: "Spectral", Georgia, serif !important;
  font-size: clamp(2.5rem, 6vw, 4rem) !important;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: var(--cfb-shadow);
}

.cfb-home-calc__impact {
  margin: 0.5rem 0 0;
  font-family: "Spectral", Georgia, serif !important;
  font-size: clamp(2.5rem, 6vw, 4rem) !important;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: var(--cfb-shadow);
}

.cfb-home-calc__x {
  color: var(--cfb-glow-dark);
}

.cfb-calc-disclosure {
  margin: 1.5rem auto 0;
  padding: 0 1rem;
  max-width: 72rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: rgba(1, 36, 39, 0.75);
  text-align: center;
}

@media (min-width: 640px) {
  .cfb-calc-disclosure {
    padding: 0 1.5rem;
  }
}

@media (min-width: 1024px) {
  .cfb-calc-disclosure {
    padding: 0 2rem;
  }
}

.cfb-page-redesign .cfb-disclosures {
  text-align: left !important;
}

.cfb-page-redesign .cfb-disclosures p {
  text-align: left !important;
}

.cfb-page-redesign .cfb-disclosures a {
  color: var(--cfb-sky);
  text-decoration: underline;
}

@media (max-width: 639px) {
  .cfb-home-calc__compare {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .cfb-home-calc__col {
    display: flex;
    flex-direction: column;
    grid-row: auto;
  }

  .cfb-home-calc__kicker {
    white-space: normal;
  }

  .cfb-home-calc__col--cfb {
    margin: 0.75rem;
    border: 2px solid var(--cfb-glow-dark);
  }
}

/* ---------- FDIC banner (mobile wrap) ---------- */
.fdic-banner,
.fdic-container {
  white-space: normal !important;
  overflow-wrap: break-word;
}

.fdic-banner {
  justify-content: center !important;
  text-align: center;
}

.fdic-container {
  flex-wrap: wrap;
  row-gap: 0.35rem;
  justify-content: center !important;
  align-items: center;
  text-align: center;
}

.fdic-banner .new-disclosure,
.fdic-banner .new-fdic-text {
  max-width: 100%;
  line-height: 1.35 !important;
  text-align: center;
}

@media (max-width: 767px) {
  .fdic-container {
    flex-direction: column;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .fdic-banner .new-disclosure,
  .fdic-banner .new-fdic-text {
    width: 100%;
    max-width: 22rem;
    margin: 0 auto;
    text-align: center;
  }
}

/* ---------- Footer email disclosure ---------- */
/* ---------- Login modal DDM link ---------- */
.cfb-login-modal__ddm-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0.75rem 1rem;
  border: 2px solid var(--cfb-shadow);
  background: transparent;
  color: var(--cfb-shadow) !important;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  text-align: center;
}

.cfb-login-modal__ddm-link:hover {
  background: var(--cfb-shadow);
  color: var(--cfb-light) !important;
}

/* ============================================================
   Design system refresh (2026) — typography, layout, login modal
   ============================================================ */

.cfb-page-redesign h1,
.cfb-page-redesign h2,
.cfb-page-redesign h3:not(.cfb-footer__section-title),
.cfb-page-redesign h4:not(.cfb-footer__column-title),
.cfb-page-redesign h5,
.cfb-page-redesign h6 {
  font-weight: 400 !important;
  text-align: left;
}

.cfb-page-redesign .cfb-footer h3.cfb-footer__section-title {
  text-align: center !important;
  font-weight: 400 !important;
}

.cfb-page-redesign .cfb-footer h4.cfb-footer__column-title {
  font-weight: 900 !important;
  text-align: left !important;
}

.cfb-page-redesign h2,
.cfb-page-redesign .new-h2,
.cfb-page-redesign .cfb-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
}

.cfb-page-redesign p,
.cfb-page-redesign li,
.cfb-page-redesign .new-body,
.cfb-page-redesign .new-body-3,
.cfb-page-redesign .new-paragraph-text,
.cfb-page-redesign .new-loan-card-description {
  font-size: 1.125rem !important;
}

.cfb-page-redesign li::marker {
  color: var(--cfb-shadow);
}

.cfb-page-redesign .cfb-footer .cfb-footer__link-list li {
  font-size: inherit !important;
}

.cfb-page-redesign .cfb-footer .cfb-footer__link-list a {
  font-size: 0.875rem !important;
  letter-spacing: -0.01em !important;
}

.cfb-page-redesign .new-disclosure,
.cfb-page-redesign .cfb-disclosures p,
.cfb-page-redesign .fdic-banner .new-fdic-text {
  font-size: 1rem !important;
}

/* Links inside disclosures track the surrounding sentence. The Webflow base
   sets `a { font-weight: 600 }`, which reads as bold against fine print. */
.cfb-page-redesign .cfb-disclosures a,
.cfb-page-redesign .new-disclosure a {
  font-size: inherit !important;
  font-weight: inherit !important;
}

.cfb-page-redesign .cfb-home-glow h2 {
  font-size: clamp(2rem, 5vw, 3rem) !important;
}

.cfb-page-redesign .cfb-home-calc__value,
.cfb-page-redesign .cfb-home-calc__impact {
  font-size: clamp(2.5rem, 6vw, 4rem) !important;
}

.cfb-page-redesign .cfb-home-calc__kicker {
  font-size: 0.625rem !important;
}

.cfb-page-redesign .cfb-home-calc__product,
.cfb-page-redesign .cfb-home-calc__metric {
  font-size: unset !important;
}

.cfb-page-redesign .section-header,
.cfb-page-redesign .section-header-white,
.cfb-page-redesign .section-header h2 {
  text-align: left !important;
}

/* `--center` is an explicit opt-in, so it centers both the heading and its
   accent bar and outranks the blanket left-align above. */
.cfb-page-redesign .cfb-accent-bar--center,
.cfb-page-redesign .section-header h2.cfb-accent-bar--center,
.cfb-page-redesign .section-header .cfb-accent-bar--center {
  text-align: center !important;
}

.cfb-page-redesign .cfb-accent-bar--center::after {
  margin-inline: auto;
}

.cfb-page-redesign .new-loan-card .cfb-img-frame,
.cfb-page-redesign .new-loan-card .new-loan-img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
}

.cfb-page-redesign .new-loan-card-content {
  border: 0 !important;
  text-align: center !important;
}

.cfb-page-redesign .new-loan-card-content h2,
.cfb-page-redesign .new-loan-card-content .new-h2 {
  text-align: center !important;
}

.cfb-page-redesign .new-loan-card-description {
  text-align: center !important;
}

.cfb-page-redesign .new-loan-card-content .button-stretch {
  display: flex;
  justify-content: center;
}

.cfb-page-redesign form[action*="WebToLead"] input[type="text"],
.cfb-page-redesign form[action*="WebToLead"] input[type="submit"],
.cfb-page-redesign #newsletter_first_name,
.cfb-page-redesign #newsletter_last_name,
.cfb-page-redesign #newsletter_email,
.cfb-page-redesign #newsletter_company {
  border-radius: 0 !important;
}

/* Reusable promo news-strip banner */
.cfb-page-redesign .new-content-padding.news-strip {
  padding: 0 !important;
  max-width: none;
  margin: 1rem 0;
  overflow: hidden;
  max-height: 12rem;
  opacity: 1;
  transform: translateY(0);
  transition:
    max-height 0.4s ease,
    opacity 0.35s ease,
    transform 0.4s ease,
    margin 0.4s ease;
}

.cfb-page-redesign .new-content-padding.news-strip.is-closing {
  max-height: 0;
  opacity: 0;
  margin-top: 0;
  margin-bottom: 0;
  transform: translateY(-0.75rem);
  pointer-events: none;
}

.cfb-page-redesign .new-content-padding.news-strip.is-closed {
  display: none !important;
}

@media (min-width: 1024px) {
  .cfb-page-redesign .new-content-padding.news-strip {
    margin: 1.25rem 0;
  }
}

.cfb-page-redesign .news-strip-slider {
  background: var(--cfb-sky);
}

.cfb-page-redesign .news-strip-slider .w-slider-arrow-left,
.cfb-page-redesign .news-strip-slider .w-slider-arrow-right {
  display: none !important;
}

.cfb-page-redesign .new-news-strip-slide {
  position: relative;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 1.25rem 2.75rem 1.25rem 1rem;
  box-sizing: border-box;
}

@media (min-width: 640px) {
  .cfb-page-redesign .new-news-strip-slide {
    padding: 1.35rem 2.75rem 1.35rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .cfb-page-redesign .new-news-strip-slide {
    padding: 1.5rem 3rem 1.5rem 2rem;
  }
}

.cfb-page-redesign .new-news-strip-text {
  width: 100%;
  max-width: none;
  margin: 0;
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: -0.01em;
  text-align: left;
  color: var(--cfb-shadow) !important;
}

.cfb-page-redesign .new-news-strip-link {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 700;
  color: var(--cfb-shadow) !important;
  text-decoration: underline;
  text-underline-offset: 0.12em;
}

.cfb-page-redesign .new-news-strip-link:hover {
  color: var(--cfb-shadow) !important;
  opacity: 0.85;
}

.cfb-page-redesign .new-news-strip-x-button {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  border: 2px solid var(--cfb-shadow);
  border-radius: 0;
  background: var(--cfb-light);
  appearance: none;
  color: var(--cfb-shadow) !important;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.cfb-page-redesign .new-news-strip-x-button svg {
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}

.cfb-page-redesign .new-news-strip-x-button:hover {
  background: var(--cfb-shadow);
  color: var(--cfb-light) !important;
  opacity: 1;
}

.cfb-page-redesign .new-news-strip-x-button:focus-visible {
  outline: 2px solid var(--cfb-shadow);
  outline-offset: 2px;
}

.cfb-home-purpose,
.cfb-home-calc {
  padding-block: 3rem;
}

@media (min-width: 1024px) {
  .cfb-home-purpose,
  .cfb-home-calc,
  .cfb-home-glow {
    padding-block: 4rem;
  }
}

.cfb-consolidated-section {
  padding-block: 3rem;
}

@media (min-width: 1024px) {
  .cfb-consolidated-section {
    padding-block: 4rem;
  }
}

.cfb-consolidated-section--band {
  background-color: var(--cfb-flux);
  background-image: var(--cfb-hero-bg-flux);
  background-size: cover;
  background-position: center;
}

.cfb-consolidated-section--band .cfb-section-title {
  color: var(--cfb-shadow) !important;
}

.cfb-consolidated-icon-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 640px) {
  .cfb-consolidated-icon-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .cfb-consolidated-icon-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.cfb-consolidated-icon-grid--6 {
  grid-template-columns: 1fr;
}

@media (min-width: 640px) {
  .cfb-consolidated-icon-grid--6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .cfb-consolidated-icon-grid--6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Login modal */
.cfb-login-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

.cfb-login-modal[hidden] {
  display: none !important;
}

.cfb-login-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(1, 36, 39, 0.72);
}

.cfb-login-modal__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 24rem;
  padding: 2rem 1.75rem 1.75rem;
  border: 2px solid var(--cfb-shadow);
  border-radius: 0;
  background: var(--cfb-light);
  box-shadow: 0 16px 48px rgba(1, 36, 39, 0.25);
}

.cfb-login-modal__dialog h2 {
  margin: 0 0 1.25rem;
  font-family: "Spectral", Georgia, serif !important;
  font-size: 1.75rem !important;
  font-weight: 400 !important;
  letter-spacing: -0.05em;
  color: var(--cfb-shadow);
}

.cfb-login-modal__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--cfb-shadow);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}

.cfb-login-modal__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.cfb-login-modal__field label {
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--cfb-shadow);
}

.cfb-login-modal__field select,
.cfb-login-modal__field input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.75rem 0.85rem;
  border: 2px solid var(--cfb-shadow);
  border-radius: 0;
  background: var(--cfb-light);
  color: var(--cfb-shadow);
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.cfb-login-modal__field select:focus,
.cfb-login-modal__field input:focus {
  outline: 2px solid var(--cfb-sky);
  outline-offset: 2px;
}

.cfb-login-modal__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.85rem 1.25rem;
  border: 2px solid var(--cfb-shadow);
  border-radius: 0;
  background: var(--cfb-shadow);
  color: var(--cfb-light);
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.cfb-login-modal__submit:hover {
  background: var(--cfb-sky);
  color: var(--cfb-shadow);
}

a.cfb-login-modal__submit {
  text-decoration: none;
}

.cfb-login-modal [hidden] {
  display: none !important;
}

.cfb-login-modal__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  margin-top: 0.25rem;
}

.cfb-login-modal__links a {
  color: var(--cfb-shadow);
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

body.cfb-login-modal-open {
  overflow: hidden;
}

/* ============================================================
   Legal / paragraph pages (resources, privacy, cookies, accessibility)
   ============================================================ */
@media (max-width: 991px) {
  .cfb-legal-page .new-paragraph-div,
  .cfb-legal-page .new-paragraph-header,
  .cfb-legal-page .new-paragraph-text,
  .cfb-legal-page .new-list-item,
  .cfb-legal-page li,
  .cfb-legal-page p,
  .cfb-legal-page h2,
  .cfb-legal-page table,
  .cfb-legal-page td,
  .cfb-legal-page th {
    text-align: left !important;
  }
}

.cfb-legal-page .new-paragraph-text strong,
.cfb-legal-page .new-paragraph-div strong,
.cfb-legal-page strong {
  font-size: inherit;
  font-weight: 700;
}

/* ============================================================
   Shared content gutter (hybrid legacy + design-system pages)

   These pages mix legacy Webflow containers (60px side padding) with
   design-system sections built on .cfb-shell / .cfb-biz-hero__inner
   (72rem wide, 1rem/1.5rem/2rem responsive gutter). Both are capped at
   72rem, so the differing side padding left the CTA sitting 28px further
   left than the hero and body copy above it. Match the shell gutter so
   every band on the page shares one left edge, as on the business and
   personal banking pages. Vertical padding is untouched.
   ============================================================ */
.cfb-our-story-page .new-universal-content-div,
.cfb-our-story-page .new-content-padding:not(.newsletter),
.cfb-board-page .new-universal-content-div,
.cfb-board-page .new-content-padding:not(.newsletter),
.cfb-faq-page .new-universal-content-div,
.cfb-faq-page .new-content-padding:not(.newsletter),
.cfb-partner-page .new-universal-content-div,
.cfb-partner-page .new-content-padding:not(.newsletter),
.cfb-fireside-page .new-universal-content-div,
.cfb-fireside-page .new-content-padding:not(.newsletter),
.cfb-legal-page .new-universal-content-div,
.cfb-legal-page .new-content-padding:not(.newsletter) {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .cfb-our-story-page .new-universal-content-div,
  .cfb-our-story-page .new-content-padding:not(.newsletter),
  .cfb-board-page .new-universal-content-div,
  .cfb-board-page .new-content-padding:not(.newsletter),
  .cfb-faq-page .new-universal-content-div,
  .cfb-faq-page .new-content-padding:not(.newsletter),
  .cfb-partner-page .new-universal-content-div,
  .cfb-partner-page .new-content-padding:not(.newsletter),
  .cfb-fireside-page .new-universal-content-div,
  .cfb-fireside-page .new-content-padding:not(.newsletter),
  .cfb-legal-page .new-universal-content-div,
  .cfb-legal-page .new-content-padding:not(.newsletter) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .cfb-our-story-page .new-universal-content-div,
  .cfb-our-story-page .new-content-padding:not(.newsletter),
  .cfb-board-page .new-universal-content-div,
  .cfb-board-page .new-content-padding:not(.newsletter),
  .cfb-faq-page .new-universal-content-div,
  .cfb-faq-page .new-content-padding:not(.newsletter),
  .cfb-partner-page .new-universal-content-div,
  .cfb-partner-page .new-content-padding:not(.newsletter),
  .cfb-fireside-page .new-universal-content-div,
  .cfb-fireside-page .new-content-padding:not(.newsletter),
  .cfb-legal-page .new-universal-content-div,
  .cfb-legal-page .new-content-padding:not(.newsletter) {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* ============================================================
   Inline typography tracks its parent

   The Webflow base sets an absolute `font-size` on `strong` and `em` from
   --body-size, which resolves to 26px at wide breakpoints while redesign
   body copy is pinned to 1.125rem. That mismatch is why bold runs read as
   oversized on large monitors. Inheriting keeps inline emphasis uniform
   with the surrounding sentence at every breakpoint. Links do the same so
   inline anchors don't jump size either.
   ============================================================ */
.cfb-page-redesign strong,
.cfb-page-redesign b,
.cfb-page-redesign em,
.cfb-page-redesign i {
  font-size: inherit;
}

.cfb-page-redesign strong,
.cfb-page-redesign b {
  font-weight: 700;
}

.cfb-page-redesign :is(p, li, .new-body, .new-body-3, .new-paragraph-text, .w-richtext) a {
  font-size: inherit;
}

/* ============================================================
   Prose subheads on paragraph pages

   Body copy is pinned to 1.125rem while a bare `h3` inherits --h3-size,
   which drops to 18px on phones, so unstyled subheads read as smaller than
   the 500-weight copy around them. Scoped to authored prose only: component
   headings (feature titles, card headers, taglines) set their own sizes and
   must not be overridden.
   ============================================================ */
.cfb-paragraph-page .w-richtext h3,
.cfb-paragraph-page h3.h3 {
  font-size: 1.375rem !important;
}

/* ============================================================
   Paragraph-style pages: left align on phone and tablet
   ============================================================ */
@media (max-width: 991px) {
  .cfb-paragraph-page .new-universal-content-div,
  .cfb-paragraph-page .new-paragraph-div,
  .cfb-paragraph-page .new-paragraph-header,
  .cfb-paragraph-page .new-paragraph-text,
  .cfb-paragraph-page .new-list-item,
  .cfb-paragraph-page .w-richtext,
  .cfb-paragraph-page .new-body,
  .cfb-paragraph-page li,
  .cfb-paragraph-page p,
  .cfb-paragraph-page h2,
  .cfb-paragraph-page h3,
  .cfb-paragraph-page table,
  .cfb-paragraph-page td,
  .cfb-paragraph-page th {
    text-align: left !important;
  }
}

/* ============================================================
   Opt-out form — respond to narrow screens

   The legacy rule pins .opt-out-form to a hard 500px with no max-width,
   so it overflowed and clipped on phones.
   ============================================================ */
.new-form-style.opt-out-form {
  width: 100%;
  max-width: 500px;
}

/* ============================================================
   Tesla financing — bullet weight matches body copy
   ============================================================ */
.cfb-page-redesign .new-offering-feature-text {
  font-weight: 500;
}

/* ============================================================
   Logo page — cards need contrast against the beige page
   ============================================================ */
.cfb-logo-page .new-content-block {
  background-color: var(--cfb-shadow) !important;
}

.cfb-logo-page .new-content-block .new-content-block-title,
.cfb-logo-page .new-content-block .new-content-block-description,
.cfb-logo-page .new-content-block p,
.cfb-logo-page .new-content-block h3 {
  color: var(--cfb-light) !important;
  text-decoration-color: var(--cfb-sky) !important;
}

.cfb-logo-page .new-content-block .w-button {
  border: 2px solid var(--cfb-light) !important;
  background: transparent !important;
  color: var(--cfb-light) !important;
}

.cfb-logo-page .new-content-block .w-button:hover {
  background: var(--cfb-light) !important;
  border-color: var(--cfb-light) !important;
  color: var(--cfb-shadow) !important;
}

/* ============================================================
   Sitemap — nav sections as design-system cards

   Each card mirrors one nav group, so the card body is a dense link
   list rather than the usual prose + button stack.
   ============================================================ */
.cfb-sitemap-page .cfb-biz-card__body {
  align-items: stretch;
  gap: 0;
  padding: 0.5rem 1.5rem 1.25rem;
}

/* A linked card header is itself a visitable page, so it carries a standing
   underline and arrow. Headers without a link are grouping labels only. */
.cfb-sitemap-page .cfb-biz-card__header a {
  color: inherit !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2em;
}

.cfb-sitemap-page .cfb-biz-card__header a::after {
  content: "\2192";
  display: inline-block;
  margin-left: 0.4em;
  text-decoration: none;
  transition: transform 0.15s ease;
}

.cfb-sitemap-page .cfb-biz-card__header a:hover::after,
.cfb-sitemap-page .cfb-biz-card__header a:focus-visible::after {
  transform: translateX(0.2em);
}

.cfb-sitemap-links {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cfb-sitemap-links li + li {
  border-top: 1px solid var(--cfb-shadow-08);
}

.cfb-sitemap-page .cfb-sitemap-links a {
  display: block;
  padding: 0.65rem 0 0.65rem 0.75rem;
  border-left: 3px solid transparent;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 1rem !important;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: var(--cfb-shadow) !important;
  text-decoration: none;
  transition: border-color 0.15s ease, padding-left 0.15s ease;
}

.cfb-sitemap-page .cfb-sitemap-links a:hover,
.cfb-sitemap-page .cfb-sitemap-links a:focus-visible {
  border-left-color: var(--cfb-sky);
  padding-left: 1rem;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.15em;
}

.cfb-sitemap-page .cfb-sitemap-links a[aria-current="page"] {
  border-left-color: var(--cfb-shadow);
  font-weight: 700;
}


/* ============================================================
   Partner With Us — image column matches the text column height
   ============================================================ */
@media (min-width: 768px) {
  .cfb-partner-page .new-content-padding._2-column-banner {
    align-items: stretch;
  }

  .cfb-partner-page .new-content-padding._2-column-banner > .cfb-img-frame {
    align-self: stretch;
    overflow: hidden;
  }

  .cfb-partner-page .new-content-padding._2-column-banner > .cfb-img-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* ============================================================
   Homepage launch announcement banner
   ============================================================ */
.cfb-launch-banner {
  position: relative;
  background-color: var(--cfb-shadow);
  color: var(--cfb-light);
}

.cfb-launch-banner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background-image: var(--cfb-gradient-daylight);
  pointer-events: none;
}

.cfb-launch-banner[hidden] {
  display: none !important;
}

.cfb-launch-banner__inner {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: 100%;
  max-width: 72rem;
  margin: 0 auto;
  padding: 0.875rem 2.5rem;
  text-align: center;
}

@media (min-width: 640px) {
  .cfb-launch-banner__inner {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0.9375rem 3rem;
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .cfb-launch-banner__inner {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.cfb-launch-banner__lead {
  margin: 0;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 0.6875rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  line-height: 1.3;
  text-transform: uppercase;
  color: var(--cfb-sky);
  white-space: nowrap;
  flex-shrink: 0;
}

.cfb-launch-banner__message {
  margin: 0;
  font-family: "Spectral", Georgia, "Times New Roman", serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.01em;
  color: var(--cfb-light);
  flex: 1;
  min-width: 0;
}

@media (min-width: 768px) {
  .cfb-launch-banner__message {
    font-size: 1rem;
  }
}

.cfb-launch-banner__close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(255, 251, 247, 0.72);
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 1.375rem;
  line-height: 1;
  cursor: pointer;
  transition: color 0.15s ease, background-color 0.15s ease;
}

@media (min-width: 640px) {
  .cfb-launch-banner__close {
    position: static;
    flex-shrink: 0;
    margin-left: 0.75rem;
    transform: none;
  }
}

.cfb-launch-banner__close:hover,
.cfb-launch-banner__close:focus-visible {
  color: var(--cfb-light);
  background-color: rgba(255, 251, 247, 0.08);
  outline: 2px solid var(--cfb-sky);
  outline-offset: 2px;
}