.ccsf-page {
    --ccsf-radius: 8px;
    --ccsf-radius-lg: 16px;
    color: var(--navy-080);
    font-family: "Inter", "Poppins", sans-serif;
    overflow: hidden;
}

.ccsf-page *,
.ccsf-page *::before,
.ccsf-page *::after {
    box-sizing: border-box;
}

.ccsf-page h1,
.ccsf-page h2,
.ccsf-page h3,
.ccsf-page p,
.ccsf-page ul {
    margin: 0;
}

.ccsf-page h1,
.ccsf-page h2 {
    color: var(--navy-380);
    font-family: "Plus Jakarta Sans", "Poppins", sans-serif;
    font-weight: 800;
    letter-spacing: 0;
}

.ccsf-container {
    width: min(100% - 160px, 1280px);
    margin: 0 auto;
}

.ccsf-container--narrow {
    width: min(100% - 48px, 800px);
}

.ccsf-section {
    padding: 96px 0;
    background: var(--white);
}

.ccsf-section--soft {
    background: var(--blue-120);
}

.ccsf-section--blue {
    background: var(--blue-280);
}

.ccsf-hero {
    background: var(--gradient-cyan-810-via-brand-blue-to-cyan-1110-135deg);
    position: relative;
    overflow: hidden;
}

.ccsf-hero > .ccsf-container {
    position: relative;
    z-index: 1;
}

.ccsf-section--gradient{
    background: var(--gradient-cyan-810-via-brand-blue-to-cyan-1110-135deg);
}

.ccsf-final-cta {
    background: var(--gradient-cyan-810-via-brand-blue-to-cyan-1110-135deg);
}

.ccsf-section-title {
    margin-bottom: 72px;
    font-size: 48px;
    line-height: 1.2;
    text-align: center;
}

.ccsf-section h2,
.ccsf-section h3 {
    margin-bottom: 40px;
}

.ccsf-section-title--light {
    color: var(--white) !important;
}

.ccsf-section-intro {
    width: min(100%, 1016px);
    margin: 0 auto 40px;
    text-align: center;
}

.ccsf-section-intro h2 {
    font-size: 48px;
    line-height: 1.2;
}

.ccsf-section-intro p {
    width: min(100%, 800px);
    margin: 24px auto 0;
    color: var(--blue-1360);
    font-size: 18px;
    line-height: 1.6;
}
.ccsf-eyebrow {
    display: inline-flex;
    margin-bottom: 16px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--blue-280);
    color: var(--brand-blue);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ccsf-hero__inner {
    min-height: 640px;
}

.ccsf-hero__copy {
    padding: 80px 50px 80px 0;
}

.ccsf-hero__copy h1 {
    color: var(--white);
    font-size: 48px;
    line-height: 1.1;
}

.ccsf-hero__copy > p {
    margin-top: 20px;
    color: var(--white);
    font-size: 18px;
    line-height: 1.65;
}

.ccsf-check-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 36px;
    padding: 0;
    list-style: none;
}

.ccsf-check-list li {
    position: relative;
    min-height: 24px;
    padding-left: 36px;
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.ccsf-check-list li::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 6px;
    width: 15px;
    height: 9px;
    border: solid var(--green-130);
    border-width: 0 0 3px 3px;
    transform: rotate(-45deg);
}

.ccsf-check-list--hero li {
    padding-left: 44px;
}

.ccsf-check-list--hero li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2222%22%20height%3D%2222%22%20rx%3D%2211%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M15.9996%209L10.5001%2014.4996L8.0004%2011.9998%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.ccsf-check-list--hero li::after {
    display: none;
}

.ccsf-check-list--dark {
    margin-top: 20px;
}

.ccsf-check-list--dark li {
    color: var(--navy-080);
}

.ccsf-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 47px;
    padding: 13px 28px;
    border: 2px solid transparent;
    border-radius: var(--ccsf-radius);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}

.ccsf-btn:hover {
    transform: translateY(-2px);
    text-decoration: none;
}

.ccsf-btn:focus-visible,
.ccsf-page input:focus,
.ccsf-page select:focus {
    outline: 1px solid var(--brand-orange-alpha-55);
    outline-offset: 0px;
}

.ccsf-btn--gold {
    background: var(--brand-orange);
    color: var(--charcoal-gray);
}

.ccsf-btn--gold:hover {
    background: var(--gold-330);
    color: var(--gray-1050);
}

.ccsf-btn--outline {
    border-color: var(--white);
    color: var(--white);
    background: transparent;
}

.ccsf-btn--outline:hover {
    background: var(--white-alpha-14);
    color: var(--white);
}

.ccsf-btn--full {
    width: 100%;
}

.ccsf-hero__mobile-call {
    display: none;
}

.ccsf-hero__media-col {
    display: flex;
}

@media (max-width: 1920px) {
    .ccsf-hero__media {
        width: 43vw;
        height: 100%;
        overflow: hidden;
    }
}
@media (min-width: 1920.01px) {
    .ccsf-hero__media-col{
        width: 100%;
    }
    .ccsf-hero__media {
        height: 100%;
        overflow: hidden;
    }
}

.ccsf-hero__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.fr-hero__bg-mark {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.ccsf-qualify-card {
    padding: 36px;
    border-radius: var(--ccsf-radius-lg);
    background: var(--white);
    box-shadow: 0 24px 24px var(--black-alpha-15);
}

.ccsf-card-heading h2 {
    color: var(--brand-blue);
    font-size: 24px;
    line-height: 1.25;
}

.ccsf-card-heading p {
    margin-top: 6px;
    color: var(--charcoal-gray);
    font-size: 14px;
    line-height: 1.3;
}

.ccsf-form {
    margin-top: 20px;
}

.ccsf-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 12px;
}

.ccsf-form-wide {
    grid-column: 1 / -1;
}

.ccsf-form label {
    display: grid;
    gap: 6px;
    color: var(--navy-080);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
}

.ccsf-form input,
.ccsf-form select {
    width: 100%;
    min-height: 36px;
    padding: 9px 14px;
    border: 1px solid var(--light-gray);
    border-radius: var(--ccsf-radius);
    color: var(--navy-080);
    font-size: 13px;
    font-weight: 400;
    background-color: var(--white);
}

.ccsf-form select {
    appearance: auto;
}

.ccsf-form input::placeholder {
    color: var(--blue-1010);
}

/* Style select when placeholder is selected (empty value) */
.ccsf-form select:invalid {
    color: var(--blue-1010);
}

/* Ensure normal options render with regular text color */
.ccsf-form select option {
    color: var(--navy-080);
}

.ccsf-field-error {
    display: none;
    color: var(--red-180);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
}

.ccsf-field-error:not(:empty) {
    display: block;
}

/* Add spacing between the consent block and submit button */
.ccsf-form .ccsf-btn {
    margin-top: 20px;
}

.ccsf-consent-group {
    margin: 14px 0 16px;
}

.ccsf-form .ccsf-consent-check {
    display: flex;
    align-items: flex-start;
    gap: 0;
    flex: 0 0 auto;
    margin: 0;
}

.ccsf-form .ccsf-consent-check input {
    display: none;
}

.ccsf-form .ccsf-consent-label {
    display: block;
    color: var(--blue-1400);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
}

.ccsf-form .ccsf-consent-label a {
    color: var(--brand-blue);
    font-weight: 700;
}

.ccsf-form .ccsf-consent-label a:hover {
    color: var(--navy-180);
}

.ccsf-form-note {
    margin-top: 16px;
    color: var(--blue-1010);
    font-size: 12px;
    line-height: 1.55;
    text-align: center;
}

.ccsf-form-feedback {
    min-height: 18px;
    margin-top: 10px;
    color: var(--brand-blue);
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

.ccsf-form-feedback.is-error {
    display: block;
    padding: 10px 12px;
    margin-top: 20px;
    border: 1px solid var(--red-060);
    border-radius: var(--ccsf-radius);
    background: var(--red-050);
    color: var(--red-230);
    font-weight: 700;
}

.ccsf-form-feedback.is-success {
    color: var(--green-230);
}

.ccsf-card-grid,
.ccsf-feature-grid,
.ccsf-factor-grid {
    display: grid;
    gap: 24px;
}

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

.ccsf-info-card,
.ccsf-feature-card,
.ccsf-factor {
    border: 1px solid var(--blue-510);
    border-radius: var(--ccsf-radius-lg);
    background: var(--white);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.ccsf-fit-card {
    border-radius: var(--ccsf-radius-lg);
    background: var(--blue-280);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.ccsf-info-card:hover,
.ccsf-feature-card:hover,
.ccsf-fit-card:hover,
.ccsf-factor:hover {
    transform: translateY(-4px);
    border-color: var(--brand-blue-alpha-28);
    box-shadow: 0 18px 40px var(--navy-380-alpha-10);
}

.ccsf-info-card {
    min-height: 168px;
    padding: 32px;
}

.ccsf-info-card h3,
.ccsf-feature-card h3,
.ccsf-fit-card h3,
.ccsf-factor h3 {
    color: var(--brand-blue);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 18px;
}

.ccsf-feature-card h3
{
    color: var(--charcoal-gray);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 15px;
}

.ccsf-info-card p,
.ccsf-feature-card p,
.ccsf-factor p {
    margin-top: 16px;
    color: var(--navy-080);
    font-size: 16px;
    line-height: 1.45;
}

.ccsf-split {
    display: grid;
    grid-template-columns: minmax(0, 560px) minmax(0, 1fr);
    gap: 60px;
    align-items: center;
}

.ccsf-split--reverse {
    grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
}

.ccsf-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--ccsf-radius-lg);
    object-fit: cover;
    transition: transform .28s ease, box-shadow .28s ease;
}

.ccsf-split__content h2 {
    font-size: 48px;
    line-height: 1.2;
}

.ccsf-split__content p {
    color: var(--navy-080);
    font-size: 16px;
    line-height: 1.5;
}

.ccsf-split--reverse .ccsf-split__content p {
    font-size: 18px;
    line-height: 1.6;
}

.ccsf-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    @media (min-width: 1200px) {
        .ccsf-feature-card:last-child {
            grid-column: 2;
        }
    }
}

.ccsf-feature-slider {
    position: relative;
}

.ccsf-feature-slider.slick-initialized {
    display: block;
}

.ccsf-feature-slider.slick-initialized .ccsf-feature-card {
    min-height: auto;
}

.ccsf-feature-slider.slick-initialized .slick-slide {
    padding: 0 10px;
}

.ccsf-feature-slider .slick-arrow {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--brand-blue-alpha-12);
    border: none;
    color: var(--brand-blue);
    font-size: 20px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}

.ccsf-feature-slider .slick-prev {
    left: -12px;
}

.ccsf-feature-slider .slick-next {
    right: -12px;
}

.ccsf-feature-slider .slick-arrow:hover {
    background: var(--brand-blue-alpha-18);
}

.ccsf-feature-slider .slick-dots {
    margin: 30px 0 0;
    display: flex !important;
    justify-content: center;
    gap: 8px;
    padding: 0;
}

.ccsf-feature-slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
}

.ccsf-feature-slider .slick-dots li button {
    width: 16px;
    height: 5px;
    border-radius: 999px;
    background: var(--brand-blue-alpha-25);
    border: none;
    opacity: 1;
    padding: 0;
}

.ccsf-feature-slider .slick-dots li button::before {
    content: none;
}

.ccsf-feature-slider .slick-dots li.slick-active button {
    background: var(--brand-blue);
}

.ccsf-feature-card {
    min-height: 206px;
    padding: 32px;
}

.ccsf-icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
    border-radius: var(--ccsf-radius);
    background: var(--brand-blue);
    color: var(--white);
}

.ccsf-icon::before {
    content: "";
    width: 24px;
    height: 24px;
    margin: auto;
    background-color: currentColor;
    -webkit-mask: var(--ccsf-icon) center / contain no-repeat;
    mask: var(--ccsf-icon) center / contain no-repeat;
}

.ccsf-icon[data-icon="home"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E"); }
.ccsf-icon[data-icon="card"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3Cpath d='M6 15h4'/%3E%3C/svg%3E"); }
.ccsf-icon[data-icon="shield"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M20 13c0 5-3.5 7.5-8 9-4.5-1.5-8-4-8-9V5l8-3 8 3z'/%3E%3Cpath d='m4 4 16 16'/%3E%3C/svg%3E"); }
.ccsf-icon[data-icon="zap"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 3 14h8l-1 8 11-13h-8z'/%3E%3C/svg%3E"); }
.ccsf-icon[data-icon="search"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); }
.ccsf-icon[data-icon="refresh"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M21 12a9 9 0 0 0-15-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3Cpath d='M3 12a9 9 0 0 0 15 6.7L21 16'/%3E%3Cpath d='M16 16h5v5'/%3E%3C/svg%3E"); }
.ccsf-icon[data-icon="trend"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m3 17 6-6 4 4 8-8'/%3E%3Cpath d='M14 7h7v7'/%3E%3C/svg%3E"); }



.ccsf-steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 64px;
}

.ccsf-steps::before {
    content: "";
    position: absolute;
    top: 32px;
    left: calc(12.5% + 32px);
    right: calc(12.5% + 32px);
    border-top: 2px dashed var(--brand-blue-alpha-45);
}

.ccsf-step {
    position: relative;
    z-index: 1;
    text-align: center;
}

@media (max-width: 767px) {
    .ccsf-steps {
        grid-template-columns: 1fr;
        gap: 28px;
        padding-left: 16px;
        margin-bottom: 48px;
    }

    .ccsf-steps::before {
        left: 48px;
        right: auto;
        top: 16px;
        bottom: 16px;
        width: 2px;
        border-top: none;
        background: linear-gradient(to bottom, var(--brand-blue-alpha-45) 0%, var(--brand-blue-alpha-45) 20%, var(--brand-blue-alpha-0) 20%);
        background-size: 2px 16px;
        background-repeat: repeat-y;
    }

    .ccsf-step {
        display: grid;
        grid-template-columns: 56px 1fr;
        column-gap: 26px;
        row-gap: 0px;
        text-align: left;
        align-items: start;
    }

    .ccsf-step span {
        width: 56px;
        height: 56px;
        margin-top: 0;
        grid-row: 1 / span 2;
    }

    .ccsf-step h3,
    .ccsf-step p {
        grid-column: 2;
    }

    .ccsf-step p{
        margin-top: 0;
    }

    .ccsf-step h3 {
        margin-top: 0;
    }
}

@media (max-width: 375px) {
    .ccsf-steps {
        padding-left: 12px;
        gap: 20px;
    }

    .ccsf-step {
        grid-template-columns: 50px 1fr;
    }

    .ccsf-step span {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
}

.ccsf-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--blue-830);
    color: var(--brand-blue);
    font-family: "Plus Jakarta Sans", "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 800;
    box-shadow: 0 12px 24px var(--navy-380-alpha-8);
}

.ccsf-step h3 {
    margin-top: 24px;
    color: var(--navy-380);
    font-size: 20px;
    font-weight: 700;
}

.ccsf-step p {
    margin-top: 8px;
    color: var(--blue-1360);
    font-size: 16px;
    line-height: 1.45;
}

.ccsf-fit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}

.ccsf-fit-card {
    padding: 36px;
}

.ccsf-fit-card--muted {
    background: var(--blue-280);
}

.ccsf-fit-card ul:not(.ccsf-check-list) {
    display: grid;
    gap: 14px;
    margin-top: 20px;
    padding-left: 0px;
    color: var(--navy-080);
    font-size: 16px;
    line-height: 1.45;
    list-style: none;
}

/* Replace default bullet with a red cross for items in the "Not a Fit" card */
.ccsf-fit-card--muted ul:not(.ccsf-check-list) li {
    position: relative;
    padding-left: 28px;
}

.ccsf-fit-card--muted ul:not(.ccsf-check-list) li::before {
    content: "×";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--red-180);
    font-weight: 700;
    font-size: 22px;
    line-height: 1;
}

.ccsf-factor-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 64px;
}

.ccsf-factor {
    padding: 28px 32px;
}

.ccsf-section--gradient .ccsf-factor {
    border-color: var(--white-alpha-20);
    background: var(--white-alpha-10);
    box-shadow: none;
}

.ccsf-section--gradient .ccsf-factor:hover {
    border-color: var(--white-alpha-34);
    box-shadow: 0 18px 40px var(--black-alpha-12);
}

.ccsf-section--gradient .ccsf-factor h3 {
    color: var(--white);
}

.ccsf-section--gradient .ccsf-factor p {
    color: var(--blue-870);
}

.ccsf-chip-grid,
.ccsf-industry-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}

.ccsf-chip-grid span,
.ccsf-industry-grid span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 50px;
    padding: 14px 24px;
    border-radius: var(--ccsf-radius);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.ccsf-chip-grid span {
    border: 1px solid var(--blue-510);
    background: var(--white);
    color: var(--navy-380);
    font-weight: 500;
}

.ccsf-chip-grid span{
    font-weight: 600;

}

.ccsf-industry-grid {
    width: min(100%, 1000px);
    margin: 0 auto 64px;
}

.ccsf-industry-grid span {
    background: var(--white-alpha-12);
    color: var(--white);
    border: 1px solid var(--white-alpha-20);
}

.ccsf-chip-grid span:hover,
.ccsf-industry-grid span:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px var(--navy-380-alpha-12);
}

.ccsf-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--blue-510);
    border-radius: var(--ccsf-radius-lg);
    background: var(--white);
    box-shadow: 0 12px 30px var(--navy-380-alpha-6);
}

.ccsf-table {
    width: 100%;
    min-width: 760px;
    margin: 0;
    border-collapse: collapse;
}

.ccsf-table th,
.ccsf-table td {
    padding: 20px;
    border-bottom: 1px solid var(--blue-420);
    color: var(--navy-080);
    font-size: 15px;
    line-height: 1.35;
    text-align: left;
}

.ccsf-table th {
    background: var(--blue-280);
    color: var(--navy-080);
    font-weight: 800;
}

.ccsf-table tbody tr:first-child td {
    background: var(--brand-blue);
    color: var(--white);
    font-weight: 700;
}

.ccsf-table tbody tr:first-child td:hover {
    background: var(--brand-blue);
    color: var(--white);
}

.ccsf-table tbody td:first-child {
    font-weight: 600;
}

.ccsf-table tbody tr:last-child td {
    border-bottom: 0;
}

.ccsf-table tbody tr:hover td {
    background: var(--blue-080);
}

.ccsf-table tbody tr:first-child:hover td {
    background: var(--brand-blue);
    color: var(--white);
}

.ccsf-table-note {
    margin-top: 18px;
    color: var(--blue-1010);
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
}

.ccsf-trust-section {
    display: flex;
    width: 100%;
    background: var(--white);
}

.ccsf-trust-panel {
    flex: 1 1 50%;
    min-width: 0;
}

.ccsf-trust-panel--intro {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(72px, 7vw, 112px) clamp(40px, 6vw, 112px);
    background: linear-gradient(145deg, var(--gold-360) 0%, var(--gold-570) 58%, var(--orange-220) 100%);
    color: var(--navy-650);
}

.ccsf-trust-intro {
    width: min(100%, 560px);
}

.ccsf-trust-kicker {
    color: var(--navy-650);
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 20px !important;
}

.ccsf-trust-year {
    color: var(--navy-650);
    font-size: clamp(68px, 9vw, 88px);
    font-weight: 800;
    line-height: .9;
    letter-spacing: 0;
}

.ccsf-trust-divider {
    display: block;
    width: 56px;
    height: 2px;
    margin-top: 36px;
    background: var(--navy-650-alpha-48);
}

.ccsf-trust-intro h2 {
    margin-top: 42px;
    color: var(--navy-650);
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 800;
    line-height: 1.15;
}

.ccsf-trust-copy {
    margin-top: 28px;
    color: var(--navy-650);
    font-size: 18px;
    line-height: 1.6;
}

.ccsf-review-stack {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 52px;
}

.ccsf-review-card {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 86px;
    padding: 20px 28px;
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 8px 20px var(--navy-650-alpha-8);
}

.ccsf-review-card img {
    display: block;
    max-width: 100%;
    max-height: 46px;
    object-fit: contain;
}

.ccsf-trust-panel--benefits {
    display: flex;
    align-items: stretch;
    background: var(--white);
}

.ccsf-trust-benefits {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: var(--yellow-050);
}

.ccsf-trust-benefit {
    display: flex;
    align-items: center;
    gap: 30px;
    flex: 1 1 0;
    min-height: 132px;
    padding: 30px clamp(38px, 6vw, 60px);
    border-bottom: 1px solid var(--blue-770);
}

.ccsf-trust-benefit:last-child {
    border-bottom: 0;
}

.ccsf-trust-benefit .ccsf-chip-icon {
    width: 50px;
    height: 50px;
    color: var(--gold-540);
}

.ccsf-trust-benefit h3 {
    margin: 0;
    color: var(--navy-650);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
}

.ccsf-trust-benefit p {
    margin-top: 8px;
    color: var(--blue-1150);
    font-size: 16px;
    line-height: 1.45;
}

.ccsf-chip-icon {
    display: inline-flex;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    color: currentColor;
}

.ccsf-chip-grid .ccsf-chip-icon {
    width: 20px;
    height: 20px;
    color: var(--brand-blue);
}

.ccsf-chip-icon::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: currentColor;
    -webkit-mask: var(--ccsf-icon) center / contain no-repeat;
    mask: var(--ccsf-icon) center / contain no-repeat;
}

.ccsf-chip-icon[data-icon="utensils"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M4 3v7a4 4 0 0 0 4 4v7'/%3E%3Cpath d='M8 3v18'/%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='M16 3c2 2 3 4.5 3 7 0 3-1.5 5-3 5v6'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="package"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m7.5 4.3 4.5-2.1 4.5 2.1 4.5 2.1v11.2L12 22 3 17.6V6.4z'/%3E%3Cpath d='M3 6.4 12 11l9-4.6'/%3E%3Cpath d='M12 11v11'/%3E%3Cpath d='m7.5 4.3 9 4.4'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="dollar-sign"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v20'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7H14a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="megaphone"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 18-5v12L3 13z'/%3E%3Cpath d='M11 14a4 4 0 0 1-8 0v-3'/%3E%3Cpath d='M18 8a4 4 0 0 1 0 8'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="hammer"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m15 12-8.5 8.5a2.1 2.1 0 0 1-3-3L12 9'/%3E%3Cpath d='m14 5 5 5'/%3E%3Cpath d='m11 8 4-4 6 6-4 4'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="wrench"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5 5L3 18v3h3l6.7-6.7a4 4 0 0 0 5-5l-2.8 2.8-2.1-2.1z'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="receipt"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2z'/%3E%3Cpath d='M8 7h8'/%3E%3Cpath d='M8 12h8'/%3E%3Cpath d='M8 17h4'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="trending-up"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m3 17 6-6 4 4 8-8'/%3E%3Cpath d='M14 7h7v7'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="arrow-up-right"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M7 7h10v10'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="alert-triangle"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="user-plus"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-8 0v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M19 8v6'/%3E%3Cpath d='M22 11h-6'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="map-pin"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="refresh-cw"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M21 12a9 9 0 0 0-15-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3Cpath d='M3 12a9 9 0 0 0 15 6.7L21 16'/%3E%3Cpath d='M16 16h5v5'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="wine"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M8 22h8'/%3E%3Cpath d='M12 11v11'/%3E%3Cpath d='M7 2h10l-1 7a4 4 0 0 1-8 0z'/%3E%3Cpath d='M7.5 6h9'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="shopping-bag"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 7h12l1 14H5z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="store"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h18l-2-4H5z'/%3E%3Cpath d='M5 7v14h14V7'/%3E%3Cpath d='M9 21v-6h6v6'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="fuel"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M4 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18'/%3E%3Cpath d='M4 11h12'/%3E%3Cpath d='M16 6h2l2 2v10a2 2 0 1 0 4 0v-5l-3-3'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="car"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M5 17h14l-1-6H6z'/%3E%3Cpath d='m7 11 2-5h6l2 5'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="heart-pulse"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M19 14c1.5-1.5 3-3 3-5.5A5.5 5.5 0 0 0 12 5a5.5 5.5 0 0 0-10 3.5c0 2.5 1.5 4 3 5.5l7 7z'/%3E%3Cpath d='M3 12h5l2-3 4 6 2-3h5'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="tooth"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M12 5c2-2 6-2 8 1 2 3 0 8-2 13-1 2-3 2-3 0l-1-5c-.5-2-3.5-2-4 0l-1 5c0 2-2 2-3 0C4 14 2 9 4 6c2-3 6-3 8-1z'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="scissors"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M20 4 8.1 15.9'/%3E%3Cpath d='M8.1 8.1 20 20'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="shopping-cart"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2 2h3l3 14h11l3-9H6'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="home"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="hard-hat"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M2 18h20'/%3E%3Cpath d='M4 18a8 8 0 0 1 16 0'/%3E%3Cpath d='M10 10v8'/%3E%3Cpath d='M14 10v8'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="bed"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M3 7v12'/%3E%3Cpath d='M21 12v7'/%3E%3Cpath d='M3 13h18'/%3E%3Cpath d='M7 13V8h5a3 3 0 0 1 3 3v2'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="briefcase"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M3 13h18'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="sun"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="calendar"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="shield"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M20 13c0 5-3.5 7.5-8 9-4.5-1.5-8-4-8-9V5l8-3 8 3z'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="zap"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 3 14h8l-1 8 11-13h-8z'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="clock"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="users"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-8 0v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="star"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 3 6 7 .9-5 4.8 1.2 6.8L12 17.3 5.8 20.5 7 13.7 2 8.9 9 8z'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="thumbs-up"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 2 2.3l-1.4 8A2 2 0 0 1 18.4 22H7a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.8L13 3a2 2 0 0 1 2 2.9z'/%3E%3C/svg%3E"); }
.ccsf-chip-icon[data-icon="award"] { --ccsf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.5 13 17 22l-5-3-5 3 1.5-9'/%3E%3C/svg%3E"); }

.ccsf-chip-icon[data-icon="calendarCheck"] {
  --ccsf-icon: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 9.99902V13.9993M24 9.99902V13.9993M11 17.9997H29M17 24.0001L19 26.0003L23 22M13 11.9992H27C28.1046 11.9992 29 12.8947 29 13.9993V28.0005C29 29.1051 28.1046 30.0006 27 30.0006H13C11.8954 30.0006 11 29.1051 11 28.0005V13.9993C11 12.8947 11.8954 11.9992 13 11.9992Z' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.ccsf-chip-icon[data-icon="inHouse"] {
  --ccsf-icon: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M23 28.999V20.999C23 20.7338 22.8946 20.4795 22.7071 20.2919C22.5196 20.1044 22.2652 19.999 22 19.999H18C17.7348 19.999 17.4804 20.1044 17.2929 20.2919C17.1054 20.4795 17 20.7338 17 20.999V28.999M11 17.9995C10.9999 17.7086 11.0633 17.4211 11.1858 17.1572C11.3082 16.8933 11.4868 16.6593 11.709 16.4715L18.709 10.4715C19.07 10.1664 19.5274 9.99902 20 9.99902C20.4726 9.99902 20.93 10.1664 21.291 10.4715L28.291 16.4715C28.5132 16.6593 28.6918 16.8933 28.8142 17.1572C28.9367 17.4211 29.0001 17.7086 29 17.9995V26.9995C29 27.5299 28.7893 28.0386 28.4142 28.4137C28.0391 28.7888 27.5304 28.9995 27 28.9995H13C12.4696 28.9995 11.9609 28.7888 11.5858 28.4137C11.2107 28.0386 11 27.5299 11 26.9995V17.9995Z' stroke='%23FFB600' stroke-width='2' stroke-linecap='round'/%3E %3C/svg%3E");
}
.ccsf-chip-icon[data-icon="shieldCheck"] {
  --ccsf-icon: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M17.0005 19.9993L19.0003 21.9994L22.9999 17.9993M27.9994 20.9998C27.9994 26 24.4997 28.5001 20.3401 29.9501C20.1223 30.0239 19.8857 30.0204 19.6702 29.9401C15.5006 28.5001 12.001 26 12.001 20.9998V13.9996C12.001 13.7344 12.1063 13.48 12.2938 13.2925C12.4814 13.1049 12.7357 12.9996 13.0009 12.9996C15.0007 12.9996 17.5004 11.7995 19.2403 10.2795C19.4521 10.0985 19.7216 9.99902 20.0002 9.99902C20.2788 9.99902 20.5483 10.0985 20.7601 10.2795C22.5099 11.8095 24.9997 12.9996 26.9995 12.9996C27.2647 12.9996 27.519 13.1049 27.7065 13.2925C27.894 13.48 27.9994 13.7344 27.9994 13.9996V20.9998Z' stroke='%23FFB600' stroke-width='2' stroke-linecap='round'/%3E %3C/svg%3E");
}
.ccsf-chip-icon[data-icon="circleClock"] {
  --ccsf-icon: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M20.0001 14.0008V20.0006L21.5602 20.7805M21.227 29.9255C19.1978 30.1765 17.1404 29.7994 15.332 28.8452C13.5237 27.891 12.0513 26.4054 11.1134 24.5887C10.1754 22.772 9.81687 20.7115 10.0861 18.6848C10.3554 16.6581 11.2394 14.7626 12.6192 13.2538C13.999 11.7449 15.8081 10.6953 17.8029 10.2462C19.7977 9.79709 21.8822 9.97018 23.7755 10.7421C25.6689 11.5141 27.2801 12.8478 28.392 14.5635C29.504 16.2793 30.0633 18.2946 29.9945 20.3379M30.0006 26.0003L26.0004 22.0005L22.0002 26.0003M26.0004 22.0005V30.0002' stroke='%23FFB600' stroke-width='2' stroke-linecap='round'/%3E %3C/svg%3E");
}
.ccsf-chip-icon[data-icon="thunder"] {
  --ccsf-icon: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11.4664 21.8474C11.6266 21.948 11.8121 22.001 12.0013 22.0004H19.0006C19.1623 21.9999 19.3217 22.0386 19.4652 22.1132C19.6087 22.1879 19.732 22.2962 19.8244 22.429C19.9168 22.5617 19.9756 22.7149 19.9959 22.8754C20.0161 23.0359 19.9971 23.1989 19.9405 23.3505L18.0207 29.3708C17.9906 29.4802 17.9986 29.5965 18.0433 29.7007C18.0881 29.805 18.1669 29.8909 18.2669 29.9444C18.3669 29.9979 18.4821 30.0158 18.5936 29.9951C18.7051 29.9745 18.8063 29.9166 18.8806 29.8309L28.7795 19.6302C28.8987 19.4833 28.9737 19.3055 28.9959 19.1176C29.0181 18.9296 28.9866 18.7392 28.9049 18.5685C28.8232 18.3978 28.6948 18.2538 28.5345 18.1532C28.3743 18.0526 28.1888 17.9995 27.9995 18.0002H21.0003C20.8386 18.0007 20.6791 17.962 20.5357 17.8873C20.3922 17.8127 20.2689 17.7043 20.1765 17.5716C20.0841 17.4388 20.0253 17.2856 20.005 17.1251C19.9848 16.9646 20.0038 16.8016 20.0604 16.6501L21.9802 10.6297C22.0103 10.5204 22.0023 10.404 21.9576 10.2998C21.9128 10.1956 21.834 10.1097 21.734 10.0562C21.634 10.0027 21.5188 9.98478 21.4073 10.0054C21.2958 10.026 21.1946 10.084 21.1203 10.1697L11.2214 20.3703C11.1022 20.5173 11.0272 20.695 11.005 20.883C10.9828 21.0709 11.0143 21.2613 11.096 21.432C11.1777 21.6027 11.3061 21.7467 11.4664 21.8474Z' stroke='%23FFB600' stroke-width='2' stroke-linecap='round'/%3E %3C/svg%3E");
}
.ccsf-chip-icon[data-icon="support"] {
  --ccsf-icon: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M22.3037 27.5304L23.2267 27.1484M23.2267 24.8517L22.3037 24.4688M24.8508 23.2277L24.4678 22.3047M24.8508 28.7725L24.4678 29.6965M27.1475 23.2277L27.5305 22.3047M27.5295 29.6965L27.1475 28.7725M9.99902 29.0002C9.99914 27.7412 10.2964 26.5 10.8667 25.3775C11.4369 24.255 12.2641 23.283 13.2808 22.5404C14.2976 21.7979 15.4753 21.3058 16.7181 21.1042C17.9608 20.9026 19.2337 20.9972 20.433 21.3802M28.7715 24.8517L29.6955 24.4688M28.7715 27.1484L29.6955 27.5314M22.999 16C22.999 18.7614 20.7604 21 17.999 21C15.2376 21 12.999 18.7614 12.999 16C12.999 13.2386 15.2376 11 17.999 11C20.7604 11 22.999 13.2386 22.999 16ZM28.999 26C28.999 27.6569 27.6559 29 25.999 29C24.3422 29 22.999 27.6569 22.999 26C22.999 24.3431 24.3422 23 25.999 23C27.6559 23 28.999 24.3431 28.999 26Z' stroke='%23FFB600' stroke-width='2' stroke-linecap='round'/%3E %3C/svg%3E");
}
.ccsf-chip-icon[data-icon="awardRating"] {
  --ccsf-icon: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.2111 23.0001L10.6614 15.1394C10.4652 14.8003 10.373 14.411 10.3961 14.0198C10.4192 13.6287 10.5566 13.2529 10.7914 12.9393L12.4013 10.7991C12.5876 10.5507 12.8291 10.3491 13.1068 10.2102C13.3845 10.0713 13.6907 9.99902 14.0012 9.99902H26.0003C26.3108 9.99902 26.617 10.0713 26.8947 10.2102C27.1724 10.3491 27.4139 10.5507 27.6002 10.7991L29.2001 12.9393C29.4364 13.2519 29.5757 13.6272 29.6005 14.0183C29.6254 14.4095 29.5349 14.7993 29.3401 15.1394L24.7904 23.0001M19.0005 20L13.1209 10.1992M21.0002 20L26.8798 10.1992M16.0006 14.9994H24M20.0003 26.0003V24.0001H19.5003M24.9999 25.0002C24.9999 27.7619 22.7615 30.0006 20.0003 30.0006C17.2391 30.0006 15.0007 27.7619 15.0007 25.0002C15.0007 22.2386 17.2391 19.9998 20.0003 19.9998C22.7615 19.9998 24.9999 22.2386 24.9999 25.0002Z' stroke='%23FFB600' stroke-width='2' stroke-linecap='round'/%3E %3C/svg%3E");
}

.ccsf-faq-list {
    display: grid;
    gap: 12px;
}

.ccsf-faq-item {
    position: relative;
    border: 1px solid var(--blue-510);
    border-radius: 12px;
    background: transparent;
    box-shadow: 0 8px 22px var(--navy-380-alpha-5);
    overflow: hidden;
}

.ccsf-faq-item .accordion-button {
    border: none;
    border-radius: 0;
    background: var(--white);
    color: var(--charcoal-gray);
    padding: 24px 24px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    box-shadow: none;
    text-align: left;
    display: flex;
    align-items: center;
}

.ccsf-faq-item .accordion-button.collapsed {
    background: var(--white);
}

.ccsf-faq-item:first-child .accordion-button,
.ccsf-faq-item:first-child .accordion-button.collapsed,
.ccsf-faq-item:first-child .accordion-button:not(.collapsed) {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.accordion-item:first-of-type{
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.ccsf-faq-item .accordion-button:not(.collapsed) {
    background: var(--blue-280);
    color: var(--navy-580);
}

.ccsf-faq-item .accordion-button::after {
    background-image: none;
    margin-right: 0;
    margin-left: auto;
    color: var(--brand-blue);
    content: "+";
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    transition: none;
}

.ccsf-faq-item .accordion-button:not(.collapsed)::after {
    content: "−";
}

.ccsf-faq-item .accordion-button:focus {
    box-shadow: none;
}

.ccsf-faq-item .accordion-collapse {
    background: var(--blue-280);
}

.ccsf-faq-item .accordion-body {
    padding: 24px;
    color: var(--blue-1380);
    font-size: 15px;
    line-height: 1.75;
    padding-top: 0;
    background: var(--blue-280);
}

.ccsf-faq-item .accordion-collapse.show {
    border-top: 1px solid transparent;
}

.ccsf-final-cta {
    padding: 60px 0;
    color: var(--white);
}

.ccsf-final-cta__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(32px, 5vw, 64px);
    align-items: center;
}

.ccsf-final-cta__copy {
    text-align: left;
}

.ccsf-final-cta__copy h2 {
    color: var(--white);
    font-size: 48px;
    line-height: 1.25;
}

.ccsf-final-cta__copy > p {
    margin: 16px 0 0;
    width: min(100%, 1037px);
    color: var(--blue-710);
    font-size: 18px;
    line-height: 1.5;
}

.ccsf-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-start;
    margin-top: 36px;
}

.ccsf-final-cta .ccsf-cta-note {
    margin-top: 36px;
    color: var(--white);
    font-size: 14px;
}

.ccsf-final-cta .ccsf-card-heading h2 {
    color: var(--brand-blue);
}

.ccsf-final-cta .ccsf-card-heading p,
.ccsf-final-cta .ccsf-form-note,
.ccsf-final-cta .ccsf-form-feedback {
    width: auto;
}

.ccsf-mobile-sticky-cta {
    display: none;
}

.ccsf-reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .5s ease, transform .5s ease;
}

.ccsf-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .ccsf-page *,
    .ccsf-page *::before,
    .ccsf-page *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
    }

    .ccsf-reveal {
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 1199px) {
    .ccsf-container {
        width: min(100% - 64px, 1040px);
    }

    .ccsf-split,
    .ccsf-split--reverse {
        grid-template-columns: 1fr;
    }

    .ccsf-hero__inner {
        min-height: 560px;
    }

    .ccsf-hero__media {
        width: 50vw;
    }

    .ccsf-final-cta__inner {
        grid-template-columns: minmax(0, 1fr) minmax(380px, 460px);
        gap: 32px;
    }

    .ccsf-trust-panel--intro {
        padding: 64px 40px;
    }

    .ccsf-trust-year {
        font-size: 92px;
    }

    .ccsf-trust-intro h2 {
        font-size: 48px;
    }

    .ccsf-review-card {
        min-height: 74px;
        padding: 18px 22px;
    }

    .ccsf-review-card img {
        max-height: 38px;
    }

    .ccsf-trust-benefit {
        gap: 22px;
        min-height: 116px;
        padding: 24px 36px;
    }

    .ccsf-trust-benefit h3 {
        font-size: 20px;
    }

    .ccsf-trust-benefit p {
        font-size: 16px;
    }

    .ccsf-qualify-card {
        width: min(100%, 640px);
        margin: 0 auto;
    }

    .ccsf-card-grid--four,
    .ccsf-feature-grid,
    .ccsf-factor-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

@media (max-width: 991px) {
    .ccsf-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url("../images/credit-card-split-funding/hero-image-panel.webp");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        opacity: .16;
        pointer-events: none;
    }

    .ccsf-final-cta__inner {
        grid-template-columns: 1fr;
        gap: 44px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199.99px) {
    .ccsf-steps::after {
        content: "";
        position: absolute;
        bottom: 108px;
        left: calc(12.5% + 32px);
        right: calc(12.5% + 32px);
        border-top: 2px dashed var(--brand-blue-alpha-45);
    }
}
@media (max-width: 767px) {
    .ccsf-page {
        padding-bottom: 96px;
    }

    .ccsf-container,
    .ccsf-container--narrow {
        width: min(100% - 32px, 560px);
    }

    .ccsf-section,
    .ccsf-hero,
    .ccsf-final-cta {
        padding: 64px 0;
    }

    .ccsf-hero__copy h1,
    .ccsf-section-title,
    .ccsf-section-intro h2,
    .ccsf-split__content h2,
    .ccsf-final-cta__copy h2 {
        font-size: 36px;
        line-height: 1.15;
    }

    .ccsf-hero__copy > p,
    .ccsf-section-intro p,
    .ccsf-split--reverse .ccsf-split__content p,
    .ccsf-final-cta__copy > p {
        font-size: 16px;
    }

    .ccsf-section-title,
    .ccsf-section-intro {
        margin-bottom: 30px;
    }

    .ccsf-qualify-card {
        padding: 24px;
        border-radius: 12px;
    }

    .ccsf-hero__inner {
        min-height: auto;
    }

    .ccsf-hero__copy {
        padding: 0;
    }

    .ccsf-hero__media {
        width: 100%;
        min-height: 320px;
    }

    .ccsf-final-cta__copy {
        text-align: left;
    }

    .ccsf-hero__mobile-call {
        display: flex;
        justify-content: center;
    }

    .ccsf-hero__mobile-call .ccsf-btn {
        width: auto;
        margin-top: 0;
    }

    .ccsf-form-grid,
    .ccsf-feature-grid,
    .ccsf-factor-grid,
    .ccsf-fit-grid,
    .ccsf-steps {
        grid-template-columns: 1fr;
    }

    .ccsf-info-card,
    .ccsf-feature-card,
    .ccsf-fit-card,
    .ccsf-factor {
        padding: 24px;
    }

    .ccsf-card-grid--four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .ccsf-chip-grid,
    .ccsf-industry-grid {
        justify-content: stretch;
    }

    .ccsf-chip-grid span, .ccsf-industry-grid span{
        padding: 12px 12px;
        font-size: 14px;
    }

    .ccsf-trust-section {
        flex-direction: column;
    }

    .ccsf-trust-panel--intro {
        padding: 56px 24px;
    }

    .ccsf-trust-intro {
        width: min(100%, 520px);
        margin: 0 auto;
    }

    .ccsf-trust-kicker {
        font-size: 15px;
    }

    .ccsf-trust-year {
        margin-top: 16px;
        font-size: 78px;
    }

    .ccsf-trust-divider {
        margin-top: 24px;
    }

    .ccsf-trust-intro h2 {
        margin-top: 30px;
        font-size: 38px;
    }

    .ccsf-trust-copy {
        margin-top: 20px;
        font-size: 16px;
    }

    .ccsf-review-stack {
        gap: 14px;
        margin-top: 34px;
    }

    .ccsf-review-card {
        min-height: 72px;
        padding: 16px 20px;
    }

    .ccsf-review-card img {
        max-height: 36px;
    }

    .ccsf-trust-benefit {
        align-items: flex-start;
        gap: 18px;
        min-height: auto;
        padding: 26px 24px;
    }

    .ccsf-trust-benefit .ccsf-chip-icon {
        width: 26px;
        height: 26px;
        margin-top: 2px;
    }

    .ccsf-trust-benefit h3 {
        font-size: 19px;
    }

    .ccsf-trust-benefit p {
        font-size: 15px;
    }

    .ccsf-cta-row {
        flex-direction: column;
    }

    .ccsf-cta-row .ccsf-btn {
        width: 100%;
    }

    .ccsf-mobile-sticky-cta {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 80;
        display: flex;
        gap: 10px;
        padding: 12px 6px calc(12px + env(safe-area-inset-bottom));
        border-top: 1px solid var(--navy-380-alpha-12);
        background: var(--white-alpha-96);
        box-shadow: 0 -12px 30px var(--navy-650-alpha-18);
        opacity: 0;
        pointer-events: none;
        transform: translateY(100%);
        transition: opacity .2s ease, transform .2s ease;
    }

    .ccsf-mobile-sticky-cta.is-visible {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    .ccsf-mobile-sticky-cta .ccsf-btn {
        flex: 1 1 0;
        min-height: 44px;
        padding: 10px 8px;
        font-size: 12px;
    }

    .ccsf-mobile-sticky-cta .ccsf-btn--outline {
        border-color: var(--brand-blue);
        color: var(--brand-blue);
        background: var(--white);
    }
}

@media (max-width: 375px) {
    .ccsf-card-grid--four {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .ccsf-info-card,
    .ccsf-feature-card,
    .ccsf-fit-card,
    .ccsf-factor {
        padding: 16px;
    }
}
@media (max-width: 420px) {
    .ccsf-hero__copy h1,
    .ccsf-section-title,
    .ccsf-section-intro h2,
    .ccsf-split__content h2,
    .ccsf-final-cta__copy h2 {
        font-size: 32px;
    }

    .ccsf-btn {
        width: 100%;
        padding-left: 18px;
        padding-right: 18px;
    }

    .ccsf-hero__mobile-call .ccsf-btn {
        width: auto;
    }
}
