/* =========================================
   ELECTRONIC MATERIALS STRATEGY
========================================= */

.electronics-strategy-section {
    padding: 100px 0;
    background: #ffffff;
    color: #171218;
}


/* =========================================
   INTRO
========================================= */

.electronics-strategy-intro {
    max-width: 1250px;
    margin-bottom: 50px;
}

.electronics-strategy-eyebrow {
    margin-bottom: 14px;

    color: #a30b55;

    font-size: 15px;
    font-weight: 800;

    letter-spacing: 1.8px;
    line-height: 1.2;
}

.electronics-strategy-intro h2 {
    margin: 0 0 24px;

    font-family: 'Montserrat', sans-serif;
    font-size: clamp(52px, 5vw, 76px);
    line-height: .98;

    letter-spacing: -1.5px;

    color: #171218;
}

.electronics-strategy-intro p {
    max-width: 1120px;

    margin: 0;

    color: #756b78;

    font-size: 18px;
    line-height: 1.6;
}


/* =========================================
   MAIN GRID
========================================= */

.electronics-strategy-grid {
    display: grid;

    grid-template-columns: minmax(0, 1.45fr) minmax(360px, .95fr);

    gap: 60px;

    align-items: stretch;
}


/* =========================================
   LEFT LIST
========================================= */

.electronics-strategy-list {
    border: 1px solid #eadde5;
    border-radius: 22px;

    background: #fcfafb;

    overflow: hidden;
}


/* =========================================
   LEFT ITEM
========================================= */

.electronics-strategy-item {
    display: grid;

    grid-template-columns: 72px 1fr;

    gap: 20px;

    padding: 30px 28px;

    border-bottom: 1px solid #eadde5;
}

.electronics-strategy-item:last-child {
    border-bottom: none;
}


/* NUMBER */

.electronics-strategy-number {
    padding-top: 3px;

    color: #a30b55;

    font-size: 16px;
    font-weight: 800;

    line-height: 1.2;
}


/* ITEM CONTENT */

.electronics-strategy-item-content h3 {
    margin: 0 0 12px;

    color: #571044;

    font-size: 19px;
    font-weight: 750;

    line-height: 1.25;
}

.electronics-strategy-item-content p {
    margin: 0;

    color: #817581;

    font-size: 17px;
    line-height: 1.65;
}


/* =========================================
   RIGHT DARK PANEL
========================================= */

.electronics-strategy-panel {
    padding: 42px 40px;

    border-radius: 22px;

    background: #171218;

    color: #ffffff;

    box-shadow:
        0 20px 50px rgba(23,18,24,.10);
}

.electronics-strategy-panel h3 {
    margin: 0 0 20px;

    color: #ffffff;

    font-size: 28px;
    font-weight: 750;

    line-height: 1.2;
}

.electronics-strategy-panel > p {
    margin: 0 0 28px;

    color: rgba(255,255,255,.82);

    font-size: 17px;
    line-height: 1.65;
}


/* =========================================
   DECISION RULES
========================================= */

.electronics-strategy-rules {
    border-top: 1px solid rgba(255,255,255,.18);
}

.electronics-strategy-rule {
    padding: 18px 0;

    border-bottom: 1px solid rgba(255,255,255,.18);

    font-size: 16px;
    line-height: 1.5;
}

.electronics-strategy-rule strong {
    color: #f5b800;
    font-weight: 750;
}

.electronics-strategy-rule span {
    color: #ffffff;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .electronics-strategy-section {
        padding: 75px 0;
    }

    .electronics-strategy-intro h2 {
        font-size: 52px;
    }

    .electronics-strategy-intro p {
        font-size: 18px;
    }

    .electronics-strategy-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .electronics-strategy-panel {
        padding: 35px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .electronics-strategy-section {
        padding: 55px 0;
    }

    .electronics-strategy-intro {
        margin-bottom: 30px;
    }

    .electronics-strategy-eyebrow {
        font-size: 11px;
        letter-spacing: 1.2px;
    }

    .electronics-strategy-intro h2 {
        margin-bottom: 18px;

        font-size: 40px;
        line-height: 1;
        letter-spacing: -.5px;
    }

    .desktop-break {
        display: none;
    }

    .electronics-strategy-intro p {
        font-size: 16px;
        line-height: 1.55;
    }


    /* LEFT */

    .electronics-strategy-grid {
        gap: 22px;
    }

    .electronics-strategy-list {
        border-radius: 16px;
    }

    .electronics-strategy-item {
        grid-template-columns: 42px 1fr;

        gap: 12px;

        padding: 23px 20px;
    }

    .electronics-strategy-number {
        font-size: 14px;
    }

    .electronics-strategy-item-content h3 {
        margin-bottom: 9px;

        font-size: 18px;
        line-height: 1.25;
    }

    .electronics-strategy-item-content p {
        font-size: 15px;
        line-height: 1.55;
    }


    /* RIGHT */

    .electronics-strategy-panel {
        padding: 28px 22px;

        border-radius: 16px;
    }

    .electronics-strategy-panel h3 {
        margin-bottom: 15px;

        font-size: 23px;
    }

    .electronics-strategy-panel > p {
        font-size: 15px;
        line-height: 1.55;
    }

    .electronics-strategy-rule {
        padding: 15px 0;

        font-size: 14px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .electronics-strategy-intro h2 {
        font-size: 35px;
    }

    .electronics-strategy-item {
        grid-template-columns: 35px 1fr;
        padding: 20px 16px;
    }

    .electronics-strategy-item-content h3 {
        font-size: 17px;
    }

    .electronics-strategy-item-content p {
        font-size: 14px;
    }
}

/* =========================================
   PRODUCT PORTFOLIO
========================================= */

.product-portfolio-section {
    padding: 95px 0;
    background: #f8eef4;
}


/* =========================================
   INTRO
========================================= */

.product-portfolio-eyebrow {
    margin-bottom: 12px;

    color: #a30b55;

    font-size: 15px;
    font-weight: 800;

    letter-spacing: 1.8px;
}

.product-portfolio-heading-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 50px;
}

.product-portfolio-heading-row h2 {
    margin: 0 0 25px;

    font-family: 'Montserrat', sans-serif;
    font-size: clamp(50px, 5vw, 76px);
    line-height: .98;

    letter-spacing: -1.5px;

    color: #171218;
}

.product-portfolio-heading-row p {
    max-width: 1100px;

    margin: 0 0 50px;

    color: #756b78;

    font-size: 19px;
    line-height: 1.65;
}

.product-portfolio-select {
    flex-shrink: 0;

    margin-bottom: 50px;

    color: #a30b55;

    font-size: 15px;
    font-weight: 800;

    line-height: 1.8;
}


/* =========================================
   GRID
========================================= */

.product-portfolio-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 22px;
}


/* =========================================
   CARD
========================================= */

.product-portfolio-card {
    display: block;

    padding: 40px;

    border: 1px solid #eadde5;
    border-radius: 22px;

    background: #ffffff;

    text-decoration: none;

    color: inherit;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.product-portfolio-card:hover {
    transform: translateY(-5px);

    border-color: #d8bfd0;

    box-shadow:
        0 18px 40px rgba(80,20,60,.10);
}


/* =========================================
   CATEGORY
========================================= */

.product-category {
    display: inline-block;

    margin-bottom: 22px;

    padding: 9px 13px;

    border-radius: 30px;

    background: #f7eaf1;

    color: #a30b55;

    font-size: 12px;
    font-weight: 800;

    line-height: 1;

    text-transform: uppercase;
}


/* =========================================
   TITLE
========================================= */

.product-portfolio-card h3 {
    margin: 0 0 18px;

    color: #571044;

    font-size: 26px;
    font-weight: 750;

    line-height: 1.2;
}


/* =========================================
   DESCRIPTION
========================================= */

.product-portfolio-card > p {
    margin: 0 0 25px;

    color: #756b78;

    font-size: 16px;
    line-height: 1.65;
}


/* =========================================
   DETAILS
========================================= */

.product-card-details {
    display: grid;

    gap: 10px;
}

.product-card-details > div {
    padding: 16px;

    border: 1px solid #eadde5;
    border-radius: 14px;

    background: #fcfafb;
}

.product-card-details strong {
    display: block;

    margin-bottom: 5px;

    color: #571044;

    font-size: 14px;
}

.product-card-details span {
    display: block;

    color: #756b78;

    font-size: 14px;
    line-height: 1.45;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .product-portfolio-section {
        padding: 70px 0;
    }

    .product-portfolio-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-portfolio-heading-row h2 {
        font-size: 52px;
    }

    .product-portfolio-select {
        display: none;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .product-portfolio-section {
        padding: 55px 0;
    }

    .product-portfolio-eyebrow {
        font-size: 11px;
        letter-spacing: 1.2px;
    }

    .product-portfolio-heading-row {
        display: block;
    }

    .product-portfolio-heading-row h2 {
        margin-bottom: 18px;

        font-size: 40px;
        line-height: 1;
        letter-spacing: -.5px;
    }

    .desktop-break {
        display: none;
    }

    .product-portfolio-heading-row p {
        margin-bottom: 30px;

        font-size: 16px;
        line-height: 1.55;
    }

    .product-portfolio-grid {
        grid-template-columns: 1fr;

        gap: 16px;
    }

    .product-portfolio-card {
        padding: 25px 22px;

        border-radius: 17px;
    }

    .product-category {
        margin-bottom: 16px;

        padding: 8px 11px;

        font-size: 10px;
    }

    .product-portfolio-card h3 {
        margin-bottom: 13px;

        font-size: 21px;
    }

    .product-portfolio-card > p {
        font-size: 15px;
        line-height: 1.55;
    }

    .product-card-details > div {
        padding: 13px;
    }

    .product-card-details strong,
    .product-card-details span {
        font-size: 13px;
    }
}


/* =========================================
   PERFORMANCE FOCUS
========================================= */

.performance-focus-section {
    padding: 95px 0 90px;

    background: #171218;

    color: #ffffff;
}


/* =========================================
   INTRO
========================================= */

.performance-focus-intro {
    max-width: 1250px;

    margin-bottom: 48px;
}

.performance-focus-eyebrow {
    margin-bottom: 15px;

    color: #f5b800;

    font-size: 15px;
    font-weight: 800;

    letter-spacing: 1.8px;
    line-height: 1.2;
}

.performance-focus-intro h2 {
    margin: 0 0 24px;

    font-family: 'Montserrat', sans-serif;
    font-size: clamp(52px, 5vw, 76px);

    line-height: .98;

    letter-spacing: -1.5px;

    color: #ffffff;
}

.performance-focus-intro p {
    max-width: 1100px;

    margin: 0;

    color: #ddd1dd;

    font-size: 19px;

    line-height: 1.65;
}


/* =========================================
   PERFORMANCE GRID
========================================= */

.performance-focus-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 18px;
}


/* =========================================
   CARD
========================================= */

.performance-focus-card {
    min-height: 190px;

    padding: 35px 34px;

    border: 1px solid #4a3d48;

    border-radius: 19px;

    background: #241e24;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.performance-focus-card:hover {
    transform: translateY(-3px);

    border-color: #66505f;

    background: #292229;
}


/* =========================================
   CARD TITLE
========================================= */

.performance-focus-card h3 {
    margin: 0 0 17px;

    color: #f5b800;

    font-size: 21px;

    font-weight: 750;

    line-height: 1.2;
}


/* =========================================
   CARD TEXT
========================================= */

.performance-focus-card p {
    margin: 0;

    color: #e1d7e1;

    font-size: 17px;

    line-height: 1.65;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .performance-focus-section {
        padding: 75px 0;
    }

    .performance-focus-intro h2 {
        font-size: 54px;
    }

    .performance-focus-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .performance-focus-card {
        min-height: 175px;

        padding: 28px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .performance-focus-section {
        padding: 55px 0;
    }

    .performance-focus-intro {
        margin-bottom: 30px;
    }

    .performance-focus-eyebrow {
        margin-bottom: 12px;

        font-size: 11px;

        letter-spacing: 1.2px;
    }

    .performance-focus-intro h2 {
        margin-bottom: 18px;

        font-size: 40px;

        line-height: 1;

        letter-spacing: -.5px;
    }

    .desktop-break {
        display: none;
    }

    .performance-focus-intro p {
        font-size: 16px;

        line-height: 1.55;
    }


    /* CARDS */

    .performance-focus-grid {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .performance-focus-card {
        min-height: auto;

        padding: 25px 22px;

        border-radius: 15px;
    }

    .performance-focus-card h3 {
        margin-bottom: 10px;

        font-size: 19px;
    }

    .performance-focus-card p {
        font-size: 15px;

        line-height: 1.55;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .performance-focus-intro h2 {
        font-size: 35px;
    }

    .performance-focus-card {
        padding: 22px 18px;
    }

    .performance-focus-card h3 {
        font-size: 18px;
    }

    .performance-focus-card p {
        font-size: 14px;
    }
}

/* =========================================
   TARGET APPLICATIONS
========================================= */

.target-applications-section {
    padding: 95px 0 90px;

    background: #a80f59;

    color: #ffffff;
}


/* =========================================
   INTRO
========================================= */

.target-applications-intro {
    margin-bottom: 48px;
}

.target-applications-eyebrow {
    margin-bottom: 15px;

    color: #f5c400;

    font-size: 15px;
    font-weight: 800;

    letter-spacing: 1.8px;
    line-height: 1.2;
}

.target-applications-intro h2 {
    margin: 0 0 24px;

    font-family: 'Montserrat', sans-serif;
    font-size: clamp(52px, 5vw, 76px);

    line-height: .98;

    letter-spacing: -1.5px;

    color: #ffffff;
}

.target-applications-intro p {
    max-width: 1120px;

    margin: 0;

    color: rgba(255,255,255,.90);

    font-size: 19px;

    line-height: 1.65;
}


/* =========================================
   GRID
========================================= */

.target-applications-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    border: 1px solid rgba(255,255,255,.28);

    background: rgba(255,255,255,.06);
}


/* =========================================
   APPLICATION CARD
========================================= */

.target-application-card {
    min-height: 285px;

    padding: 34px;

    border-right: 1px solid rgba(255,255,255,.28);
    border-bottom: 1px solid rgba(255,255,255,.28);

    background: rgba(70, 8, 45, .20);

    transition:
        background .25s ease;
}


/* Remove right border from every 3rd item */

.target-application-card:nth-child(3n) {
    border-right: none;
}


/* Remove bottom border from last row */

.target-application-card:nth-child(n+4) {
    border-bottom: none;
}


.target-application-card:hover {
    background: rgba(255,255,255,.08);
}


/* =========================================
   NUMBER
========================================= */

.target-application-number {
    margin-bottom: 19px;

    color: #f5c400;

    font-size: 14px;
    font-weight: 800;

    letter-spacing: .3px;
}


/* =========================================
   TITLE
========================================= */

.target-application-card h3 {
    margin: 0 0 16px;

    color: #ffffff;

    font-size: 23px;

    font-weight: 750;

    line-height: 1.25;
}


/* =========================================
   DESCRIPTION
========================================= */

.target-application-card p {
    margin: 0 0 20px;

    color: rgba(255,255,255,.86);

    font-size: 16px;

    line-height: 1.6;
}


/* =========================================
   TAGS
========================================= */

.target-application-tags {
    display: flex;

    flex-wrap: wrap;

    gap: 8px;
}

.target-application-tags span {
    display: inline-flex;

    align-items: center;

    min-height: 35px;

    padding: 7px 11px;

    border: 1px solid rgba(255,255,255,.25);

    border-radius: 50px;

    color: #ffffff;

    font-size: 12px;
    font-weight: 700;

    line-height: 1;

    background: rgba(255,255,255,.03);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .target-applications-section {
        padding: 75px 0;
    }

    .target-applications-intro h2 {
        font-size: 54px;
    }

    .target-applications-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* Reset */

    .target-application-card:nth-child(3n) {
        border-right: 1px solid rgba(255,255,255,.28);
    }

    .target-application-card:nth-child(2n) {
        border-right: none;
    }

    .target-application-card:nth-child(n+4) {
        border-bottom: 1px solid rgba(255,255,255,.28);
    }

    .target-application-card:nth-child(n+5) {
        border-bottom: none;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .target-applications-section {
        padding: 55px 0;
    }

    .target-applications-intro {
        margin-bottom: 30px;
    }

    .target-applications-eyebrow {
        margin-bottom: 12px;

        font-size: 11px;

        letter-spacing: 1.2px;
    }

    .target-applications-intro h2 {
        margin-bottom: 18px;

        font-size: 40px;

        line-height: 1;

        letter-spacing: -.5px;
    }

    .desktop-break {
        display: none;
    }

    .target-applications-intro p {
        font-size: 16px;

        line-height: 1.55;
    }


    /* SINGLE COLUMN */

    .target-applications-grid {
        grid-template-columns: 1fr;
    }


    .target-application-card {
        min-height: auto;

        padding: 25px 22px;

        border-right: none !important;

        border-bottom: 1px solid rgba(255,255,255,.25) !important;
    }

    .target-application-card:last-child {
        border-bottom: none !important;
    }


    .target-application-number {
        margin-bottom: 13px;

        font-size: 12px;
    }

    .target-application-card h3 {
        margin-bottom: 11px;

        font-size: 20px;
    }

    .target-application-card p {
        margin-bottom: 16px;

        font-size: 15px;

        line-height: 1.55;
    }

    .target-application-tags {
        gap: 6px;
    }

    .target-application-tags span {
        min-height: 32px;

        padding: 6px 10px;

        font-size: 10px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .target-applications-intro h2 {
        font-size: 35px;
    }

    .target-application-card {
        padding: 22px 18px;
    }

    .target-application-card h3 {
        font-size: 18px;
    }

    .target-application-card p {
        font-size: 14px;
    }
}

/* =========================================
   TECHNICAL SELECTION MATRIX
========================================= */

.technical-matrix-section {
    padding: 90px 0 85px;

    background: #ffffff;

    color: #171218;
}


/* =========================================
   INTRO
========================================= */

.technical-matrix-intro {
    margin-bottom: 48px;
}

.technical-matrix-eyebrow {
    margin-bottom: 14px;

    color: #a30b55;

    font-size: 15px;
    font-weight: 800;

    letter-spacing: 1.8px;
    line-height: 1.2;
}

.technical-matrix-intro h2 {
    margin: 0 0 22px;

    font-family: 'Montserrat', sans-serif;
    font-size: clamp(52px, 5vw, 74px);

    line-height: .98;

    letter-spacing: -1.5px;

    color: #171218;
}

.technical-matrix-intro p {
    margin: 0;

    color: #756b78;

    font-size: 19px;

    line-height: 1.6;
}


/* =========================================
   TABLE WRAPPER
========================================= */

.technical-matrix-wrapper {
    width: 100%;

    overflow-x: auto;

    border-radius: 20px;

    box-shadow:
        0 15px 45px rgba(50, 10, 35, .08);

    -webkit-overflow-scrolling: touch;
}


/* =========================================
   TABLE
========================================= */

.technical-matrix-table {
    width: 100%;

    min-width: 1050px;

    border-collapse: separate;

    border-spacing: 0;

    background: #ffffff;

    font-size: 16px;
}


/* =========================================
   TABLE HEADER
========================================= */

.technical-matrix-table thead th {
    padding: 23px 22px;

    background: #650b3b;

    color: #ffffff;

    text-align: left;

    font-size: 15px;
    font-weight: 750;

    line-height: 1.3;

    border-right: 1px solid rgba(255,255,255,.12);
}

.technical-matrix-table thead th:last-child {
    border-right: none;
}


/* Rounded top corners */

.technical-matrix-table thead th:first-child {
    border-radius: 20px 0 0 0;
}

.technical-matrix-table thead th:last-child {
    border-radius: 0 20px 0 0;
}


/* =========================================
   TABLE BODY
========================================= */

.technical-matrix-table tbody td {
    padding: 22px;

    color: #756b78;

    font-size: 16px;

    line-height: 1.55;

    vertical-align: top;

    border-bottom: 1px solid #eadde5;

    background: #ffffff;
}


/* PRODUCT FAMILY COLUMN */

.technical-matrix-table tbody td:first-child {
    width: 17%;

    background: #f8edf4;

    color: #571044;

    font-weight: 750;
}


/* OTHER COLUMNS */

.technical-matrix-table tbody td:nth-child(2) {
    width: 18%;
}

.technical-matrix-table tbody td:nth-child(3) {
    width: 19%;
}

.technical-matrix-table tbody td:nth-child(4) {
    width: 20%;
}

.technical-matrix-table tbody td:nth-child(5) {
    width: 26%;
}


/* =========================================
   LAST ROW
========================================= */

.technical-matrix-table tbody tr:last-child td {
    border-bottom: none;
}


/* =========================================
   HOVER
========================================= */

.technical-matrix-table tbody tr:hover td {
    background: #fffafd;
}

.technical-matrix-table tbody tr:hover td:first-child {
    background: #f6e8f0;
}


/* =========================================
   NOTE
========================================= */

.technical-matrix-note {
    margin-top: 22px;

    max-width: 1100px;

    color: #817581;

    font-size: 13px;

    line-height: 1.6;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .technical-matrix-section {
        padding: 70px 0;
    }

    .technical-matrix-intro h2 {
        font-size: 54px;
    }

    .technical-matrix-intro p {
        font-size: 17px;
    }

    .technical-matrix-table {
        min-width: 950px;
    }

    .technical-matrix-table thead th,
    .technical-matrix-table tbody td {
        padding: 18px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .technical-matrix-section {
        padding: 55px 0;
    }

    .technical-matrix-intro {
        margin-bottom: 28px;
    }

    .technical-matrix-eyebrow {
        margin-bottom: 11px;

        font-size: 11px;

        letter-spacing: 1.2px;
    }

    .technical-matrix-intro h2 {
        margin-bottom: 17px;

        font-size: 40px;

        line-height: 1;

        letter-spacing: -.5px;
    }

    .technical-matrix-intro p {
        font-size: 15px;

        line-height: 1.55;
    }


    /* TABLE SCROLL */

    .technical-matrix-wrapper {
        border-radius: 14px;
    }

    .technical-matrix-table {
        min-width: 900px;

        font-size: 14px;
    }

    .technical-matrix-table thead th {
        padding: 16px;

        font-size: 13px;
    }

    .technical-matrix-table tbody td {
        padding: 17px 16px;

        font-size: 14px;

        line-height: 1.5;
    }

    .technical-matrix-note {
        margin-top: 18px;

        font-size: 12px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .technical-matrix-intro h2 {
        font-size: 35px;
    }
}

/* =========================================
   SFCOAT INTRO SECTION
========================================= */

.sfcoat-intro-section {
    padding: 80px 40px;

    background: #ffffff;

    color: #171218;
}


/* =========================================
   GRID
========================================= */

.sfcoat-intro-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 70px;

    align-items: center;
}


/* =========================================
   LEFT CONTENT
========================================= */

.sfcoat-intro-content {
    max-width: 100%;
}

.sfcoat-intro-content h2 {
  margin: 0 0 12px;
font-family: 'Montserrat', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -1.8px;
    color: #171218;
	
	
}

.sfcoat-intro-content p {
    max-width: 720px;

    margin: 0;

    color: #756b78;

    font-size: 19px;

    line-height: 1.95;
}


/* =========================================
   RIGHT HIGHLIGHT BOX
========================================= */

.sfcoat-intro-highlight {
    position: relative;

    padding: 42px 45px;

    background: #fbf7fa;

    border-left: 8px solid #f2a900;
}


/* =========================================
   HIGHLIGHT TEXT
========================================= */

.sfcoat-intro-highlight p {
    margin: 0;

    color: #171218;

    font-size: 20px;

    font-weight: 600;

    line-height: 1.65;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .sfcoat-intro-section {
        padding: 70px 0;
    }

    .sfcoat-intro-grid {
        grid-template-columns: 1fr;

        gap: 45px;
    }

    .sfcoat-intro-content h2 {
        font-size: 60px;
    }

    .sfcoat-intro-highlight {
        max-width: 850px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .sfcoat-intro-section {
        padding: 55px 0;
    }

    .sfcoat-intro-grid {
        gap: 30px;
    }

    .sfcoat-intro-content h2 {
        margin-bottom: 20px;

        font-size: 42px;

        line-height: .98;

        letter-spacing: -.7px;
    }

    .sfcoat-intro-content p {
        font-size: 16px;

        line-height: 1.7;
    }

    .sfcoat-intro-highlight {
        padding: 25px 22px;

        border-left-width: 6px;
    }

    .sfcoat-intro-highlight p {
        font-size: 16px;

        line-height: 1.6;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .sfcoat-intro-content h2 {
        font-size: 36px;
    }

    .sfcoat-intro-content p {
        font-size: 15px;
    }

    .sfcoat-intro-highlight {
        padding: 22px 18px;
    }

    .sfcoat-intro-highlight p {
        font-size: 15px;
    }
}

/* =========================================
   SFCOAT KEY SPECIFICATIONS
========================================= */

.sfcoat-key-specs {
    background: #172556;
    color: #ffffff;
}

.sfcoat-key-specs-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    width: 100%;
}


.sfcoat-key-specs-grid1 {
    display: grid;

    grid-template-columns: repeat(5, 1fr);

    width: 100%;
}

.sfcoat-key-spec {
    min-height: 132px;

    padding: 38px 45px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    border-right: 1px solid rgba(255,255,255,.16);
}

.sfcoat-key-spec:last-child {
    border-right: none;
}


/* =========================================
   LABEL
========================================= */

.sfcoat-key-spec-label {
    display: block;

    margin-bottom: 7px;

    color: #8facff;

    font-size: 15px;
    font-weight: 800;

    letter-spacing: 1px;

    line-height: 1.2;
}


/* =========================================
   VALUE
========================================= */

.sfcoat-key-spec-value {
    display: block;

    color: #ffffff;

    font-size: 22px;
    font-weight: 750;

    line-height: 1.25;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .sfcoat-key-spec {
        padding: 30px 25px;

        min-height: 115px;
    }

    .sfcoat-key-spec-label {
        font-size: 12px;
    }

    .sfcoat-key-spec-value {
        font-size: 19px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .sfcoat-key-specs-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sfcoat-key-spec {
        min-height: 105px;

        padding: 25px 20px;

        border-bottom: 1px solid rgba(255,255,255,.16);
    }

    .sfcoat-key-spec:nth-child(2) {
        border-right: none;
    }

    .sfcoat-key-spec:nth-child(3),
    .sfcoat-key-spec:nth-child(4) {
        border-bottom: none;
    }

    .sfcoat-key-spec-label {
        font-size: 11px;

        letter-spacing: .8px;
    }

    .sfcoat-key-spec-value {
        font-size: 17px;

        line-height: 1.3;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .sfcoat-key-spec {
        padding: 22px 15px;
    }

    .sfcoat-key-spec-label {
        font-size: 10px;
    }

    .sfcoat-key-spec-value {
        font-size: 15px;
    }
}

/* =========================================
   SFCOAT PRODUCT FAMILIES
========================================= */

.sfcoat-product-families {
    padding: 80px 40px;

    background: #fff;
}


/* =========================================
   HEADING
========================================= */

.sfcoat-families-intro {
    margin-bottom: 25px;
}

.sfcoat-families-intro h2 {
margin: 0 0 12px;
font-family: 'Montserrat', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -1.8px;
    color: #171218;
	
	}


/* =========================================
   TABS
========================================= */

.sfcoat-family-tabs {
    display: flex;

    gap: 14px;

    margin-bottom: 30px;
}

.sfcoat-family-tab {
    padding: 15px 25px;

    border: 1px solid #b20c59;

    border-radius: 50px;

    background: #ffffff;

    color: #a30b55;

    font-family: inherit;

    font-size: 15px;
    font-weight: 750;

    line-height: 1;

    cursor: pointer;

    transition:
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease;
}


/* ACTIVE TAB */

.sfcoat-family-tab.active {
    background: #ad0d59;

    border-color: #ad0d59;

    color: #ffffff;

    box-shadow:
        0 12px 25px rgba(173,13,89,.15);
}


/* =========================================
   PANEL
========================================= */

.sfcoat-family-panel {
    display: none;

    grid-template-columns: 37% 63%;

    min-height: 370px;

    border: 1px solid #e1d5dc;

    background: #ffffff;
}

.sfcoat-family-panel.active {
    display: grid;
}


/* =========================================
   LEFT PANEL
========================================= */

.sfcoat-family-left {
    padding: 68px 58px;

    background: #172556;

    color: #ffffff;
}

.sfcoat-family-kicker {
    margin-bottom: 27px;

    color: #8facff;

    font-size: 14px;

    font-weight: 800;

    letter-spacing: .6px;

    line-height: 1.3;
}

.sfcoat-family-left h3 {
    margin: 0 0 20px;

    color: #ffffff;

    font-size: 40px;

    font-weight: 750;

    line-height: 1.1;
}

.sfcoat-family-left p {
    max-width: 470px;

    margin: 0;

    color: #ffffff;

    font-size: 19px;

    line-height: 1.65;
}


/* =========================================
   RIGHT PANEL
========================================= */

.sfcoat-family-right {
    padding: 58px;
}

.sfcoat-family-right h4 {
    margin: 0 0 25px;

    color: #171218;

    font-size: 27px;

    font-weight: 750;

    line-height: 1.2;
}


/* =========================================
   PRODUCT ROUTE LIST
========================================= */

.sfcoat-family-right ul {
    margin: 0;

    padding: 0 0 0 25px;
}

.sfcoat-family-right li {
    margin-bottom: 16px;

    padding-left: 2px;

    color: #171218;

    font-size: 18px;

    line-height: 1.55;
}

.sfcoat-family-right li:last-child {
    margin-bottom: 0;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .sfcoat-product-families {
        padding: 70px 0;
    }

    .sfcoat-families-intro h2 {
        font-size: 55px;
    }

    .sfcoat-family-panel {
        grid-template-columns: 40% 60%;
    }

    .sfcoat-family-left {
        padding: 45px 35px;
    }

    .sfcoat-family-right {
        padding: 45px 35px;
    }

    .sfcoat-family-left h3 {
        font-size: 34px;
    }

    .sfcoat-family-left p {
        font-size: 17px;
    }

    .sfcoat-family-right li {
        font-size: 16px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .sfcoat-product-families {
        padding: 55px 0;
    }

    .sfcoat-families-intro {
        margin-bottom: 22px;
    }

    .sfcoat-families-intro h2 {
        font-size: 40px;

        line-height: 1;

        letter-spacing: -.5px;
    }


    /* Tabs */

    .sfcoat-family-tabs {
        gap: 8px;

        margin-bottom: 20px;

        overflow-x: auto;

        padding-bottom: 5px;

        scrollbar-width: none;
    }

    .sfcoat-family-tabs::-webkit-scrollbar {
        display: none;
    }

    .sfcoat-family-tab {
        flex: 0 0 auto;

        padding: 13px 18px;

        font-size: 13px;
    }


    /* Panel */

    .sfcoat-family-panel {
        display: none;

        grid-template-columns: 1fr;

        min-height: auto;
    }

    .sfcoat-family-panel.active {
        display: grid;
    }


    /* Left */

    .sfcoat-family-left {
        padding: 35px 25px;
    }

    .sfcoat-family-kicker {
        margin-bottom: 18px;

        font-size: 11px;
    }

    .sfcoat-family-left h3 {
        margin-bottom: 15px;

        font-size: 30px;
    }

    .sfcoat-family-left p {
        font-size: 16px;

        line-height: 1.55;
    }


    /* Right */

    .sfcoat-family-right {
        padding: 30px 25px;
    }

    .sfcoat-family-right h4 {
        margin-bottom: 18px;

        font-size: 22px;
    }

    .sfcoat-family-right ul {
        padding-left: 21px;
    }

    .sfcoat-family-right li {
        margin-bottom: 12px;

        font-size: 15px;

        line-height: 1.5;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .sfcoat-families-intro h2 {
        font-size: 35px;
    }

    .sfcoat-family-left {
        padding: 28px 20px;
    }

    .sfcoat-family-right {
        padding: 25px 20px;
    }

    .sfcoat-family-left h3 {
        font-size: 27px;
    }
}

/* =========================================
   SFCOAT - HOW IT PROTECTS
========================================= */

.sfcoat-process-section {
    padding: 85px 0 80px;
    background: #ffffff;
}


/* =========================================
   INTRO
========================================= */

.sfcoat-process-intro {
    display: grid;
    grid-template-columns: 58% 42%;
    align-items: start;

    margin-bottom: 65px;
}

.sfcoat-process-heading h2 {
margin: 0 0 12px;
font-family: 'Montserrat', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -1.8px;
    color: #171218;
	}

.sfcoat-process-description {

    padding-top: 5px;

    color: #6d6680;

    font-size: 20px;

    line-height: 1.75;
}


/* =========================================
   PROCESS GRID
========================================= */

.sfcoat-process-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;
}


/* =========================================
   PROCESS CARD
========================================= */

.sfcoat-process-card {
    position: relative;

    min-height: 370px;

    padding: 45px 37px 35px;

    border: 1px solid #ead8e1;

    background: #ffffff;

    overflow: hidden;
}


/* =========================================
   LARGE NUMBER
========================================= */

.sfcoat-process-number {
    position: absolute;

    top: 10px;
    right: 20px;

    font-size: 82px;

    font-weight: 800;

    line-height: 1;

    color: #f8edf4;

    z-index: 0;
}


/* =========================================
   STEP LABEL
========================================= */

.sfcoat-process-step {
    position: relative;
    z-index: 1;

    margin-bottom: 45px;

    color: #ae0757;

    font-size: 14px;

    font-weight: 800;

    line-height: 1.2;
}


/* =========================================
   CARD HEADING
========================================= */

.sfcoat-process-card h3 {
    position: relative;
    z-index: 1;

    margin: 0 0 25px;

    color: #102b5c;

    font-size: 26px;

    font-weight: 750;

    line-height: 1.25;
}


/* =========================================
   CARD TEXT
========================================= */

.sfcoat-process-card p {
    position: relative;
    z-index: 1;

    margin: 0;

    color: #171218;

    font-size: 18px;

    line-height: 1.6;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .sfcoat-process-section {
        padding: 70px 0;
    }

    .sfcoat-process-intro {
        grid-template-columns: 1fr;

        gap: 25px;

        margin-bottom: 45px;
    }

    .sfcoat-process-description {
        max-width: 700px;

        font-size: 18px;
    }

    .sfcoat-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sfcoat-process-card {
        min-height: 330px;

        padding: 35px 30px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .sfcoat-process-section {
        padding: 55px 0;
    }

    .sfcoat-process-intro {
        margin-bottom: 35px;
    }

    .sfcoat-process-heading h2 {
        font-size: 42px;

        line-height: 1;

        letter-spacing: -.5px;
    }

    .sfcoat-process-description {
        font-size: 16px;

        line-height: 1.6;
    }


    /* One card per row */

    .sfcoat-process-grid {
        grid-template-columns: 1fr;

        gap: 14px;
    }


    .sfcoat-process-card {
        min-height: auto;

        padding: 30px 25px 32px;
    }


    .sfcoat-process-number {
        top: 8px;
        right: 18px;

        font-size: 65px;
    }


    .sfcoat-process-step {
        margin-bottom: 30px;

        font-size: 12px;
    }


    .sfcoat-process-card h3 {
        margin-bottom: 15px;

        font-size: 23px;
    }


    .sfcoat-process-card p {
        font-size: 16px;

        line-height: 1.55;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .sfcoat-process-heading h2 {
        font-size: 36px;
    }

    .sfcoat-process-card {
        padding: 27px 21px 28px;
    }

    .sfcoat-process-card h3 {
        font-size: 21px;
    }

    .sfcoat-process-card p {
        font-size: 15px;
    }

}

/* =========================================
   SFCOAT - CONCEPT SECTION
========================================= */

.sfcoat-concept-section {
    padding: 70px 0 80px;
    background: #ffffff;
}


/* =========================================
   TWO COLUMN GRID
========================================= */

.sfcoat-concept-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
}


/* =========================================
   CARD
========================================= */

.sfcoat-concept-card {
    border: 1px solid #ead8e1;
    background: #ffffff;

    padding: 38px 38px 28px;

    overflow: hidden;
}


/* =========================================
   CONTENT
========================================= */

.sfcoat-concept-content h3 {
    margin: 0 0 22px;

    color: #102b5c;

    font-size: 27px;
    font-weight: 750;

    line-height: 1.2;
}

.sfcoat-concept-content p {
    margin: 0;

    color: #171218;

    font-size: 18px;
    line-height: 1.65;
}


/* =========================================
   IMAGE
========================================= */

.sfcoat-concept-image {
    margin-top: 28px;

    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
}

.sfcoat-concept-image img {
    display: block;

    width: 100%;
    height: auto;

    max-width: 100%;

    object-fit: contain;
}


/* =========================================
   NOTE
========================================= */

.sfcoat-concept-note {
    margin-top: 22px;

    color: #766b7e;

    font-size: 14px;

    line-height: 1.5;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .sfcoat-concept-section {
        padding: 60px 0;
    }

    .sfcoat-concept-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .sfcoat-concept-card {
        padding: 32px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .sfcoat-concept-section {
        padding: 50px 0;
    }

    .sfcoat-concept-grid {
        gap: 16px;
    }

    .sfcoat-concept-card {
        padding: 25px 20px 22px;
    }

    .sfcoat-concept-content h3 {
        margin-bottom: 14px;

        font-size: 23px;
        line-height: 1.25;
    }

    .sfcoat-concept-content p {
        font-size: 16px;
        line-height: 1.55;
    }

    .sfcoat-concept-image {
        margin-top: 22px;
    }

    .sfcoat-concept-note {
        margin-top: 17px;

        font-size: 13px;
    }

}

/* =========================================
   THIN PROTECTION SECTION
   ========================================= */

.thin-protection-section {
    background: #f8eef5;
    padding: 60px 0 60px;
    width: 100%;
}

.thin-protection-container {
    width: calc(100% - 140px);
    max-width: 1625px;
    margin: 0 auto;
}


/* =========================================
   HEADER
   ========================================= */

.thin-protection-header {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    align-items: end;
    gap: 60px;
    margin-bottom: 65px;
}

.thin-protection-title {
margin: 0 0 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -1.8px;
    color: #171218;
	
	}

.thin-protection-note {

padding-top: 5px;
    color: #6d6680;
    font-size: 20px;
    line-height: 1.75;	
	}


/* =========================================
   CARD GRID
   ========================================= */

.thin-protection-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.thin-protection-grid1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.thin-protection-grid2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

/* =========================================
   CARD
   ========================================= */

.thin-protection-card {
    background: #ffffff;
    border: 1px solid #e5d7e1;
    min-height: auto;
    padding: 47px 37px 42px;

    display: flex;
    flex-direction: column;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.thin-protection-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 35px rgba(50, 25, 45, 0.08);
}


/* =========================================
   CARD NUMBER
   ========================================= */

.card-number {
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #f2a900;
    margin-bottom: 16px;
    letter-spacing: -0.2px;
}


/* =========================================
   CARD TITLE
   ========================================= */

.thin-protection-card h3 {
    margin: 0 0 15px;

    font-size: 21px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.5px;

    color: #3d084b;
}


/* =========================================
   CARD DESCRIPTION
   ========================================= */

.thin-protection-card p {
    margin: 0;

    font-size: 16px;
    line-height: 1.75;
    font-weight: 400;

    color: #17151a;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1100px) {

    .thin-protection-section {
        padding: 70px 0 10px;
    }

    .thin-protection-container {
        width: calc(100% - 60px);
    }

    .thin-protection-header {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-bottom: 45px;
    }

    .thin-protection-title {
        font-size: 64px;
    }

    .thin-protection-note {
        padding-bottom: 0;
    }

    .thin-protection-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .thin-protection-card {
        min-height: 300px;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .thin-protection-section {
        padding: 55px 0 10px;
    }

    .thin-protection-container {
        width: calc(100% - 32px);
    }

    .thin-protection-header {
        gap: 25px;
        margin-bottom: 35px;
    }

    .thin-protection-title {
        font-size: 45px;
        line-height: 1.05;
        letter-spacing: -1.5px;
    }

    .thin-protection-note {
        font-size: 17px;
        line-height: 1.6;
    }

    .desktop-only {
        display: none;
    }

    .thin-protection-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .thin-protection-card {
        min-height: auto;
        padding: 35px 27px 32px;
    }

    .card-number {
        font-size: 14px;
        margin-bottom: 27px;
    }

    .thin-protection-card h3 {
        font-size: 23px;
        margin-bottom: 20px;
    }

    .thin-protection-card p {
        font-size: 17px;
        line-height: 1.65;
    }
}

/* =========================================================
   SFCOAT VS TRADITIONAL PFAS COATINGS
   ========================================================= */

.sfcoat-comparison-section {
    width: 100%;
    background: #fff;
    padding: 80px 0 80px;
}

.sfcoat-comparison-section1 {
    width: 100%;
    background: #FBF2F7;
    padding: 80px 10px;
}

.fc1500-comparison-section2 {
    width: 100%;
    background: #121C31;
    padding: 80px 10px;
}

.sfcoat-comparison-container {
    width: calc(100% - 140px);
    max-width: 1625px;
    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.sfcoat-comparison-header {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: 60px;
    align-items: end;

    margin-bottom: 75px;
}

.sfcoat-comparison-title {
margin: 0 0 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -1.8px;
    color: #171218;

}

.sfcoat-comparison-note {
    padding-top: 5px;

    color: #6d6680;

    font-size: 20px;

    line-height: 1.75;
}


/* =========================================================
   TABLE WRAPPER
   ========================================================= */

.sfcoat-table-wrapper {
    width: 100%;
    overflow-x: auto;
}


/* =========================================================
   TABLE
   ========================================================= */

.sfcoat-comparison-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;


    border: 1px solid #e3d4dd;
}


/* =========================================================
   TABLE HEADER
   ========================================================= */

.sfcoat-comparison-table thead th {
    background: #ae0758;

    color: #ffffff;

    text-align: left;

    font-size: 16px;
    line-height: 1.2;

    font-weight: 700;

    padding: 14px 14px;

    border-right: 1px solid rgba(255,255,255,0.15);
}

.sfcoat-comparison-table thead th:last-child {
    border-right: none;
}


/* Column widths */

.sfcoat-comparison-table th:nth-child(1),
.sfcoat-comparison-table td:nth-child(1) {
    width: 17%;
}

.sfcoat-comparison-table th:nth-child(2),
.sfcoat-comparison-table td:nth-child(2) {
    width: 44%;
}

.sfcoat-comparison-table th:nth-child(3),
.sfcoat-comparison-table td:nth-child(3) {
    width: 39%;
}


/* =========================================================
   TABLE BODY
   ========================================================= */

.sfcoat-comparison-table tbody td {
    padding: 15px 14px;

    font-size: 16px;
    line-height: 1.55;

    font-weight: 400;

    color: #17151a;

    vertical-align: top;

    border-bottom: 1px solid #e3d4dd;
}

.sfcoat-comparison-table tbody tr:last-child td {
    border-bottom: none;
}


/* =========================================================
   FIRST COLUMN
   ========================================================= */

.sfcoat-comparison-table tbody td:first-child {
    color: #3d084b;
}

.sfcoat-comparison-table tbody td:first-child strong {
    font-weight: 700;
}


/* =========================================================
   REGULATORY NOTE
   ========================================================= */

.sfcoat-regulatory-note {
    margin-top: 34px;


    font-size: 18px;
    line-height: 1.7;

    color: #62566a;

    max-width: 1450px;
}

.sfcoat-regulatory-note strong {
    color: #3d084b;
    font-weight: 700;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .sfcoat-comparison-section {
        padding-bottom: 60px;
    }

    .sfcoat-comparison-container {
        width: calc(100% - 60px);
    }

    .sfcoat-comparison-header {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-bottom: 50px;
    }

    .sfcoat-comparison-title {
        font-size: 64px;
    }

    .sfcoat-comparison-note {
        padding-bottom: 0;
    }

    .sfcoat-comparison-table {
        min-width: 850px;
    }

    .sfcoat-comparison-table tbody td {
        font-size: 18px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .sfcoat-comparison-section {
        padding-bottom: 50px;
    }

    .sfcoat-comparison-container {
        width: calc(100% - 32px);
    }

    .sfcoat-comparison-header {
        gap: 25px;
        margin-bottom: 38px;
    }

    .sfcoat-comparison-title {
        font-size: 45px;
        line-height: 1.05;
        letter-spacing: -1.5px;
    }

    .sfcoat-comparison-note {
        font-size: 17px;
        line-height: 1.6;
    }

    .desktop-only {
        display: none;
    }

    .sfcoat-comparison-table {
        min-width: 760px;
    }

    .sfcoat-comparison-table thead th {
        font-size: 14px;
        padding: 19px 18px;
    }

    .sfcoat-comparison-table tbody td {
        font-size: 17px;
        line-height: 1.55;
        padding: 21px 18px;
    }

    .sfcoat-regulatory-note {
        margin-top: 28px;
        font-size: 16px;
        line-height: 1.65;
    }
}


/* =========================================================
   PROTECTION ACROSS HIGH-VALUE ASSEMBLIES
   ========================================================= */

.assembly-protection-section {
    width: 100%;
    background: #18265a;
    padding: 80px 0 80px;
}

.assembly-protection-container {
    width: calc(100% - 140px);
    max-width: 1625px;
    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.assembly-protection-header {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    align-items: end;
    gap: 60px;

    padding-top: 0;
    margin-bottom: 78px;
}


/* Main heading
   Using your standard heading typography,
   with white color for this dark section.
*/

.assembly-protection-heading {
    margin: 0 0 12px;

    font-family: 'Montserrat', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -1.8px;

    color: #ffffff;
}


/* Description
   Using your standard description typography.
*/

.assembly-protection-description {
    padding-top: 5px;

    color: #fff;
    font-size: 20px;
    line-height: 1.75;

    font-weight: 400;

    padding-bottom: 7px;
}


/* =========================================================
   CARD GRID
   ========================================================= */

.assembly-protection-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.assembly-protection-grid1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

/* =========================================================
   CARDS
   ========================================================= */

.assembly-protection-card {

    padding: 38px 27px 32px;

    background: transparent;

    border: 1px solid rgba(255, 255, 255, 0.18);

    box-sizing: border-box;

    transition:
        border-color 0.25s ease,
        transform 0.25s ease;
}

.assembly-protection-card:hover {
    border-color: rgba(255, 255, 255, 0.35);
    transform: translateY(-3px);
}


/* =========================================================
   CATEGORY
   ========================================================= */

.assembly-card-category {
    margin-bottom: 27px;

    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1;

    font-weight: 700;

    color: #ffb000;
}


/* =========================================================
   CARD HEADING
   ========================================================= */

.assembly-protection-card h3 {
    margin: 0 0 15px;


    font-size: 21px;
    font-weight: 700;

    line-height: 1.3;
    letter-spacing: -0.5px;

    color: #ffffff;
}


/* =========================================================
   CARD DESCRIPTION
   ========================================================= */

.assembly-protection-card p {
    margin: 0;


    font-size: 16px;
    font-weight: 400;

    line-height: 1.75;

    color: #d8dcf0;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .assembly-protection-container {
        width: calc(100% - 60px);
    }

    .assembly-protection-header {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-bottom: 50px;
    }

    .assembly-protection-heading {
        font-size: 52px;
    }

    .assembly-protection-description {
        padding-bottom: 0;
    }

    .assembly-protection-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .assembly-protection-container {
        width: calc(100% - 32px);
    }

    .assembly-protection-header {
        gap: 22px;
        margin-bottom: 35px;
    }

    .assembly-protection-heading {
        margin: 0 0 12px;

        font-size: 42px;
        line-height: 1.04;
        letter-spacing: -1.2px;
    }

    .assembly-protection-description {
        padding-top: 5px;

        font-size: 17px;
        line-height: 1.65;
    }

    .desktop-only {
        display: none;
    }

    .assembly-protection-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .assembly-protection-card {
        min-height: auto;
        padding: 35px 27px 32px;
    }

    .assembly-card-category {
        font-size: 14px;
        margin-bottom: 23px;
    }

    .assembly-protection-card h3 {
        font-size: 22px;
        margin-bottom: 14px;
    }

    .assembly-protection-card p {
        font-size: 17px;
        line-height: 1.65;
    }

}



/* =========================================================
   CHOOSE THE DEPOSITION PROCESS
   ========================================================= */

.deposition-process-section {
    width: 100%;
    background: #f8eef5;
    padding: 80px 0 80px;
}

.deposition-process-container {
    width: calc(100% - 140px);
    max-width: 1625px;
    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.deposition-process-header {
    display: grid;
    grid-template-columns: 1.7fr 1fr;

    align-items: end;

    gap: 60px;

    margin-bottom: 70px;
}


/* Main heading */

.deposition-process-heading {
    margin: 0 0 12px;

    font-family: 'Montserrat', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -1.8px;

    color: #171218;
}


/* Description */

.deposition-process-description {
    padding-top: 5px;

    color: #6d6680;
    font-size: 20px;
    line-height: 1.75;

    font-family: 'Montserrat', sans-serif;
    font-weight: 400;

    padding-bottom: 6px;
}


/* =========================================================
   PROCESS GRID
   ========================================================= */

.deposition-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 24px;
}
.deposition-process-grid1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 24px;
}

/* =========================================================
   PROCESS CARD
   ========================================================= */

.deposition-process-card {
    background: #ffffff;

    border-top: 8px solid #ae0758;


    padding: 32px 28px 28px;

    box-sizing: border-box;
}


/* =========================================================
   PROCESS NAME
   ========================================================= */

.deposition-process-name {
    margin-bottom: 8px;


    font-size: 25px;
    line-height: 1;

    font-weight: 400;

    color: #ae0758;

    letter-spacing: -0.5px;
}


/* =========================================================
   CARD TITLE
   ========================================================= */

.deposition-process-card h3 {
    margin: 0 0 27px;


    font-size: 21px;
    font-weight: 700;

    line-height: 1.25;
    letter-spacing: -0.5px;

    color: #171218;
}


/* =========================================================
   CARD DESCRIPTION
   ========================================================= */

.deposition-process-card p {
    margin: 0;


    font-size: 16px;
    font-weight: 400;

    line-height: 1.75;

    color: #171218;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .deposition-process-container {
        width: calc(100% - 60px);
    }

    .deposition-process-header {
        grid-template-columns: 1fr;

        gap: 25px;

        margin-bottom: 50px;
    }

    .deposition-process-heading {
        font-size: 52px;
    }

    .deposition-process-description {
        padding-bottom: 0;
    }

    .deposition-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .deposition-process-container {
        width: calc(100% - 32px);
    }

    .deposition-process-header {
        gap: 22px;
        margin-bottom: 35px;
    }

    .deposition-process-heading {
        margin: 0 0 12px;

        font-size: 42px;
        line-height: 1.04;
        letter-spacing: -1.2px;
    }

    .deposition-process-description {
        padding-top: 5px;

        font-size: 17px;
        line-height: 1.65;
    }

    .desktop-only {
        display: none;
    }

    .deposition-process-grid {
        grid-template-columns: 1fr;

        gap: 16px;
    }

    .deposition-process-card {
        min-height: auto;

        padding: 35px 27px 32px;
    }

    .deposition-process-name {
        font-size: 40px;
    }

    .deposition-process-card h3 {
        font-size: 21px;
        margin-bottom: 20px;
    }

    .deposition-process-card p {
        font-size: 17px;
        line-height: 1.65;
    }

}

/* =========================================================
   FROM EVALUATION SAMPLE TO PRODUCTION RELEASE
   ========================================================= */

.evaluation-release-section {
    width: 100%;
    background: #ffffff;
    padding: 80px 0 80px;
}

.evaluation-release-container {
    width: calc(100% - 140px);
    max-width: 1625px;
    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.evaluation-release-header {
    display: grid;
    grid-template-columns: 1.7fr 1fr;

    align-items: end;

    gap: 60px;

    margin-bottom: 70px;
}


/* Main heading */

.evaluation-release-heading {
    margin: 0 0 12px;

    font-family: 'Montserrat', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -1.8px;

    color: #171218;
}


/* Description */

.evaluation-release-description {
    padding-top: 5px;

    color: #6d6680;
    font-size: 20px;
    line-height: 1.75;

    font-family: 'Montserrat', sans-serif;
    font-weight: 400;

    padding-bottom: 6px;
}


/* =========================================================
   STEP GRID
   ========================================================= */

.evaluation-release-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 20px;
}

.evaluation-release-grid1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 20px;
}
/* =========================================================
   STEP CARD
   ========================================================= */

.evaluation-release-card {
    position: relative;


    padding: 37px 27px 30px;

    background: #ffffff;

    border: 1px solid #e7d9e1;

    box-sizing: border-box;
}


/* =========================================================
   CARD TOP
   ========================================================= */

.evaluation-card-top {
    position: relative;

    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    min-height: 62px;
}


/* =========================================================
   STEP LABEL
   ========================================================= */

.evaluation-card-label {
    padding-top: 3px;


    font-size: 16px;
    font-weight: 700;

    line-height: 1;

    color: #ae0758;
}


/* =========================================================
   LARGE STEP NUMBER
   ========================================================= */

.evaluation-card-number {
    position: absolute;

    top: -25px;
    right: -1px;


    font-size: 52px;
    font-weight: 800;

    line-height: 1;

    letter-spacing: -4px;

    color: #faedf4;
}


/* =========================================================
   CARD TITLE
   ========================================================= */

.evaluation-release-card h3 {
    margin: 0 0 25px;


    font-size: 21px;
    font-weight: 700;

    line-height: 1.25;
    letter-spacing: -0.5px;

    color: #14245b;
}


/* =========================================================
   CARD DESCRIPTION
   ========================================================= */

.evaluation-release-card p {
    margin: 0;


    font-size: 16px;
    font-weight: 400;

    line-height: 1.75;

    color: #171218;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1200px) {

    .evaluation-release-container {
        width: calc(100% - 60px);
    }

    .evaluation-release-header {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-bottom: 50px;
    }

    .evaluation-release-heading {
        font-size: 52px;
    }

    .evaluation-release-description {
        padding-bottom: 0;
    }

    .evaluation-release-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .evaluation-release-container {
        width: calc(100% - 32px);
    }

    .evaluation-release-header {
        gap: 22px;
        margin-bottom: 35px;
    }

    .evaluation-release-heading {
        margin: 0 0 12px;

        font-size: 42px;
        line-height: 1.04;
        letter-spacing: -1.2px;
    }

    .evaluation-release-description {
        padding-top: 5px;

        font-size: 17px;
        line-height: 1.65;
    }

    .desktop-only {
        display: none;
    }

    .evaluation-release-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .evaluation-release-card {
        min-height: auto;
        padding: 35px 27px 32px;
    }

    .evaluation-card-label {
        font-size: 14px;
    }

    .evaluation-card-number {
        top: -20px;
        right: 0;

        font-size: 65px;
    }

    .evaluation-release-card h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .evaluation-release-card p {
        font-size: 17px;
        line-height: 1.65;
    }

}

/* =========================================================
   IMAGE SHOWCASE
   ========================================================= */

.sfcoat-image-showcase {
    width: 100%;
    background: #ffffff;
    padding: 0;
}

.sfcoat-image-showcase-container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}


/* =========================================================
   IMAGE CARD
   ========================================================= */

.sfcoat-image-card {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #111a38;
}


/* =========================================================
   IMAGE
   ========================================================= */

.sfcoat-showcase-image {
    display: block;

    width: 100%;
    height: 100%;

    aspect-ratio: 16 / 7;

    object-fit: cover;

    transition: transform 0.5s ease;
}


/* =========================================================
   IMAGE HOVER
   ========================================================= */

.sfcoat-image-card:hover .sfcoat-showcase-image {
    transform: scale(1.03);
}


/* =========================================================
   LABEL
   ========================================================= */

.sfcoat-image-label {
    position: absolute;

    left: 30px;
    bottom: 24px;

    padding: 10px 10px;

    background: rgba(24, 38, 90, 0.94);

    color: #ffffff;


    font-size: 14px;
    font-weight: 800;

    line-height: 1.2;


    white-space: nowrap;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .sfcoat-image-showcase-container {
        grid-template-columns: 1fr;
    }

    .sfcoat-showcase-image {
        aspect-ratio: 16 / 8;
    }

    .sfcoat-image-label {
        left: 24px;
        bottom: 20px;

        font-size: 18px;

        padding: 14px 18px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 576px) {

    .sfcoat-image-showcase-container {
        display: grid;
        grid-template-columns: 1fr;
    }

    .sfcoat-image-card {
        width: 100%;
    }

    .sfcoat-showcase-image {
        width: 100%;
        height: auto;

        aspect-ratio: 16 / 10;

        object-fit: cover;
    }

    .sfcoat-image-label {
        left: 16px;
        bottom: 16px;

        padding: 12px 15px;

        font-size: 15px;
        letter-spacing: -0.2px;
    }

}


/* =========================================================
   S-386 WETTING SECTION
   ========================================================= */

.s386-wetting-section {
    width: 100%;
    background: #FFFFFF;
    padding: 60px 0 60px;
}

.s386-wetting-container {
    width: calc(100% - 280px);
    max-width: 1625px;
    margin: 0 auto;
}


/* =========================================================
   MAIN HEADING
   ========================================================= */

.s386-wetting-heading {
    margin: 0 0 28px;

    font-family: 'Montserrat', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -1.8px;

    color: #171218;
}


/* =========================================================
   DIAGRAM
   ========================================================= */

.s386-wetting-diagram {
    position: relative;

    width: 100%;

    background: #18265a;

    border-radius: 24px;

    overflow: hidden;
}


/* =========================================================
   DIAGRAM IMAGE
   ========================================================= */

.s386-diagram-image {
    display: block;

    width: 100%;
    height: auto;

    object-fit: contain;
}


/* =========================================================
   DIAGRAM LABELS
   ========================================================= */

.s386-diagram-label {
    position: absolute;

    top: 55px;

    z-index: 2;

    font-family: 'Montserrat', sans-serif;

    font-size: 30px;
    font-weight: 800;

    line-height: 1.15;

    color: #ffffff;

    white-space: nowrap;
}


/* LEFT */

.s386-label-left {
    left: 9%;
}
.s386-label-center {
    left: 35%;
}


/* RIGHT */

.s386-label-right {
    right: 7%;
}


/* =========================================================
   CAPTION
   ========================================================= */

.s386-wetting-caption {
    margin-bottom: 18px;

    text-align: center;

    font-family: 'Montserrat', sans-serif;

    font-size: 20px;
    font-weight: 600;

    line-height: 1.5;

    color: #fff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .s386-wetting-container {
        width: calc(100% - 80px);
    }

    .s386-wetting-heading {
        font-size: 52px;
    }

    .s386-diagram-label {
        top: 42px;
        font-size: 23px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .s386-wetting-section {
        padding-bottom: 40px;
    }

    .s386-wetting-container {
        width: calc(100% - 32px);
    }

    .s386-wetting-heading {
        margin: 0 0 22px;

        font-size: 42px;
        line-height: 1.04;
        letter-spacing: -1.2px;
    }

    .desktop-only {
        display: none;
    }


    /* Diagram */

    .s386-wetting-diagram {
        border-radius: 14px;
    }


    /* Labels */

    .s386-diagram-label {
        top: 25px;

        font-size: 13px;

        white-space: normal;
    }

    .s386-label-left {
        left: 5%;
        width: 40%;
    }

    .s386-label-right {
        right: 5%;
        width: 42%;

        text-align: right;
    }


    /* Caption */

    .s386-wetting-caption {
        margin-top: 14px;

        font-size: 17px;
    }

}

/* ================================
   FILLER NETWORK SECTION
================================ */

.filler-network-section {
    background: #fbf3f7;
    padding: 80px 40px;
}

.filler-network-container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    padding: 0 40px;
}


/* HEADER */

.filler-network-header {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    align-items: start;
    margin-bottom: 55px;
}

.filler-network-title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -1.8px;
    color: #171218;
}

.filler-network-description {
    padding-top: 10px;
    color: #6d6680;
    font-size: 20px;
    line-height: 1.75;
    max-width: 480px;
}


/* TWO GRAPHIC CARDS */

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

.filler-network-card {
    background: #ffffff;
    border: 1px solid #ead7e1;
    border-radius: 28px;
    padding: 34px;
    overflow: hidden;
}

.filler-network-card h3 {
    margin: 0 0 30px;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.25;
    color: #171218;
}

.filler-network-image-wrap {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
}

.filler-network-image {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

.filler-network-card p {
    margin: 25px 0 0;
    color: #6d6680;
    font-size: 17px;
    line-height: 1.7;
}


/* ================================
   TABLET
================================ */

@media (max-width: 991px) {

    .filler-network-section {
        padding: 70px 0;
    }

    .filler-network-container {
        padding: 0 25px;
    }

    .filler-network-header {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 40px;
    }

    .filler-network-title {
        font-size: 48px;
    }

    .filler-network-description {
        max-width: 700px;
    }

    .filler-network-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

}


/* ================================
   MOBILE
================================ */

@media (max-width: 575px) {

    .filler-network-section {
        padding: 55px 0;
    }

    .filler-network-container {
        padding: 0 16px;
    }

    .filler-network-title {
        font-size: 38px;
        line-height: 1.05;
        letter-spacing: -1px;
    }

    .filler-network-description {
        font-size: 17px;
        line-height: 1.6;
    }

    .filler-network-card {
        padding: 22px;
        border-radius: 20px;
    }

    .filler-network-card h3 {
        font-size: 21px;
        margin-bottom: 22px;
    }

    .filler-network-card p {
        font-size: 16px;
        line-height: 1.6;
        margin-top: 20px;
    }

}


/* =========================================
   EZC 1000 · WORKING SOLUTION
========================================= */

.ezc-working-solution-section {
    padding: 80px 40px;
    background: #fbf1f6;
}
.ezc-working-solution-section1 {
    padding: 80px 40px;
    background: #fff;
}
.ezc-working-solution-container {
    max-width: 1408px;
    margin: 0 auto;
    padding: 0 20px;
}


/* =========================================
   HEADER
========================================= */

.ezc-working-solution-header {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 80px;
    align-items: center;
    margin-bottom: 55px;
}

.ezc-working-solution-title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -1.8px;
    color: #171218;
}

.ezc-working-solution-description {
    color: #6d6680;
    font-size: 20px;
    line-height: 1.7;
}


/* =========================================
   MAIN GRID
========================================= */

.ezc-working-solution-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.5fr;
    gap: 28px;
}


/* =========================================
   LEFT ADDITION CARD
========================================= */

.ezc-addition-card {
    padding: 28px 22px;
    background: #132d54;
    border-radius: 25px;
    color: #ffffff;
}

.ezc-addition-label {
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #ffffff;
}

.ezc-addition-value {
    margin: 0 0 18px;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: .95;
    color: #f5b400;
}

.ezc-addition-card p {
    margin: 0 0 22px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.65;
}

.ezc-addition-card p:last-child {
    margin-bottom: 0;
}

.ezc-addition-card strong {
    font-weight: 800;
}


/* =========================================
   FORMULA CARD
========================================= */

.ezc-formula-card {
    padding: 18px 28px;
    background: #ffffff;
    border: 1px solid #ead8e3;
    border-radius: 25px;
}

.ezc-formula-card h3 {
    margin: 0 0 28px;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.25;
    color: #171218;
}

.ezc-formula-card ol {
    margin: 0;
    padding-left: 28px;
}

.ezc-formula-card li {
    padding-left: 5px;
    margin-bottom: 10px;
    color: #3f3742;
    font-size: 17px;
    line-height: 1.6;
}

.ezc-formula-card li:last-child {
    margin-bottom: 0;
}

.ezc-formula-card strong {
    font-weight: 800;
    color: #171218;
}


/* =========================================
   MOISTURE WARNING
========================================= */

.ezc-moisture-warning {
    margin-top: 32px;
    padding: 27px 30px;
    border-left: 6px solid #f2aa00;
    background: #fff7dc;
    color: #302a20;
    font-size: 18px;
    line-height: 1.7;
}

.ezc-moisture-warning strong {
    font-weight: 800;
    color: #171218;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .ezc-working-solution-header {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .ezc-working-solution-title {
        font-size: 48px;
    }

    .ezc-working-solution-grid {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 767px) {

    .ezc-working-solution-section {
        padding: 65px 0;
    }

    .ezc-working-solution-title {
        font-size: 38px;
        letter-spacing: -1px;
    }

    .ezc-working-solution-description {
        font-size: 17px;
        line-height: 1.65;
    }

    .ezc-addition-card,
    .ezc-formula-card {
        padding: 32px 26px;
        border-radius: 20px;
    }

    .ezc-addition-value {
        font-size: 65px;
    }

    .ezc-addition-card p,
    .ezc-formula-card li {
        font-size: 17px;
    }

    .ezc-formula-card h3 {
        font-size: 23px;
    }

    .ezc-moisture-warning {
        padding: 22px 20px;
        font-size: 16px;
    }
}


/* =========================================
   S-386 SOLUBILITY / COMPATIBILITY SECTION
========================================= */

.sfcoat-solubility-layout {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 32px;
    margin-top: 50px;
    align-items: stretch;
}


/* =========================================
   LEFT IMAGE
========================================= */

.sfcoat-solubility-image {
    overflow: hidden;
    border-radius: 28px;
    background: #FBF2F7;
    border: 1px solid rgba(23, 18, 24, 0.08);
}

.sfcoat-solubility-image img {
    display: block;
    object-fit: cover;
}


/* =========================================
   RIGHT CONTENT
========================================= */

.sfcoat-solubility-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}


/* =========================================
   PRACTICAL INCORPORATION
========================================= */

.sfcoat-solubility-dark {
    position: relative;
    padding: 24px 28px;
    background: #142b50;
    border-radius: 0 28px 28px 0;
    overflow: hidden;
}

.sfcoat-solubility-dark::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 100%;
    background: #f5a800;
}

.sfcoat-solubility-dark h3 {
    margin: 0 0 12px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.25;
}

.sfcoat-solubility-dark p {
    margin: 0;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.75;
}


/* =========================================
   COMPATIBILITY CHECK
========================================= */

.sfcoat-solubility-warning {
    position: relative;
    padding: 12px 16px;
    background: #fff5d8;
    border-left: 6px solid #f5a800;
}

.sfcoat-solubility-warning p {
    margin: 0;
    color: #171218;
    font-size: 16px;
    line-height: 1.75;
}

.sfcoat-solubility-warning strong {
    font-weight: 800;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .sfcoat-solubility-layout {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 35px;
    }

    .sfcoat-solubility-image {
        min-height: 350px;
    }

    .sfcoat-solubility-image img {
        min-height: 350px;
    }

    .sfcoat-solubility-dark {
        padding: 40px 42px;
        border-radius: 0 22px 22px 0;
    }

    .sfcoat-solubility-dark p {
        font-size: 18px;
    }

}


@media (max-width: 575px) {

    .sfcoat-solubility-layout {
        margin-top: 25px;
    }

    .sfcoat-solubility-image,
    .sfcoat-solubility-image img {
        min-height: 250px;
    }

    .sfcoat-solubility-dark {
        padding: 32px 28px;
    }

    .sfcoat-solubility-dark::before {
        width: 6px;
    }

    .sfcoat-solubility-dark h3 {
        font-size: 21px;
    }

    .sfcoat-solubility-dark p {
        font-size: 16px;
        line-height: 1.65;
    }

    .sfcoat-solubility-warning {
        padding: 25px 24px;
        border-left-width: 5px;
    }

    .sfcoat-solubility-warning p {
        font-size: 16px;
        line-height: 1.65;
    }

}

/* =========================================
   RECOMMENDED SCREENING METHOD
========================================= */

.sfcoat-solubility-dark2 {
    position: relative;
    padding: 18px 18px;
    background: #ffffff;
    border: 1px solid #d7e3e8;
    border-radius: 28px;
    overflow: hidden;
}


/* LEFT ACCENT */
.sfcoat-solubility-dark::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 100%;
    background: #f5a800;
}


/* HEADING */
.sfcoat-solubility-dark h3 {
    margin: 0 0 24px;
    color: #10101a;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.25;
}


/* NUMBERED LIST */
.sfcoat-solubility-dark ol {
    margin: 0;
    padding-left: 28px;
    color: #171218;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.8;
}


/* LIST ITEMS */
.sfcoat-solubility-dark ol li {
    padding-left: 4px;
    margin-bottom: 2px;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 767px) {

    .sfcoat-solubility-dark {
        padding: 35px 30px;
        border-radius: 22px;
    }

    .sfcoat-solubility-dark h3 {
        font-size: 23px;
        margin-bottom: 20px;
    }

    .sfcoat-solubility-dark ol {
        font-size: 17px;
        line-height: 1.7;
        padding-left: 25px;
    }

}


@media (max-width: 480px) {

    .sfcoat-solubility-dark {
        padding: 28px 24px;
    }

    .sfcoat-solubility-dark::before {
        width: 5px;
    }

    .sfcoat-solubility-dark h3 {
        font-size: 21px;
    }

    .sfcoat-solubility-dark ol {
        font-size: 16px;
        line-height: 1.65;
        padding-left: 23px;
    }

}

.fc1500-comparison-section {
    width: 100%;
    padding: 90px 20px 70px;
    background: #faf1f6;
    overflow: hidden;
}

.fc1500-comparison-container {
    max-width: 1300px;
    margin: 0 auto;
}


/* =========================
   HEADER
========================= */

.fc1500-comparison-header {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 70px;
    align-items: end;
    margin-bottom: 55px;
}

.fc1500-comparison-title {
   margin: 0 0 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -1.8px;
    color: #171218;

}

.fc1500-comparison-description {
   max-width: 520px;
    padding-top: 5px;
    color: #6d6680;
    font-size: 20px;
    line-height: 1.75;

}


/* =========================
   COMPARISON IMAGE
========================= */

.fc1500-comparison-image {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 22px;
    box-shadow: 0 18px 45px rgba(55, 30, 50, 0.12);
}

.fc1500-comparison-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 7;
    object-fit: cover;
}


/* =========================
   IMAGE LABELS
========================= */

.fc1500-image-label {
    position: absolute;
    top: 28px;
    z-index: 2;
    padding: 11px 20px;
    border-radius: 30px;

    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.2px;
    color: #ffffff;
    white-space: nowrap;
}

.fc1500-label-left {
    left: 28px;
    background: #18385f;
}

.fc1500-label-right {
    right: 28px;
    background: #3caf78;
}


/* =========================
   VERTICAL DIVIDER
========================= */

.fc1500-comparison-image::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: rgba(255, 255, 255, 0.95);
    transform: translateX(-50%);
    z-index: 1;
}


/* =========================
   BOTTOM CARDS
========================= */

.fc1500-comparison-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 18px;
}

.fc1500-comparison-card {
    padding: 22px 28px;
    background: #ffffff;
    border: 1px solid #ead5e1;
    border-radius: 14px;
}

.fc1500-comparison-card h3 {
    margin: 0 0 8px;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.3;
    color: #b31668;
}

.fc1500-comparison-card p {
    margin: 0;
    color: #6d6680;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.65;
}


/* =========================
   TABLET
========================= */

@media (max-width: 991px) {

    .fc1500-comparison-section {
        padding: 70px 20px 55px;
    }

    .fc1500-comparison-header {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-bottom: 40px;
    }

    .fc1500-comparison-title {
        max-width: 800px;
        font-size: clamp(52px, 8vw, 76px);
    }

    .fc1500-comparison-description {
        max-width: 600px;
    }

    .fc1500-image-label {
        top: 20px;
        padding: 10px 16px;
        font-size: 10px;
    }

    .fc1500-label-left {
        left: 20px;
    }

    .fc1500-label-right {
        right: 20px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .fc1500-comparison-section {
        padding: 55px 15px 45px;
    }

    .fc1500-comparison-title {
        font-size: clamp(45px, 14vw, 65px);
        line-height: 0.94;
        letter-spacing: -1px;
    }

    .fc1500-comparison-description {
        font-size: 14px;
        line-height: 1.6;
    }

    .fc1500-comparison-image {
        border-radius: 16px;
    }

    .fc1500-comparison-image img {
        aspect-ratio: 1 / 1.05;
        object-fit: cover;
    }

    .fc1500-image-label {
        top: 14px;
        padding: 8px 11px;
        font-size: 8px;
        letter-spacing: 0;
    }

    .fc1500-label-left {
        left: 12px;
    }

    .fc1500-label-right {
        right: 12px;
    }

    .fc1500-comparison-cards {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .fc1500-comparison-card {
        padding: 18px 20px;
    }

    .fc1500-comparison-card h3 {
        font-size: 14px;
    }

    .fc1500-comparison-card p {
        font-size: 13px;
    }

}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px) {

    .fc1500-comparison-title {
        font-size: 43px;
    }

    .fc1500-comparison-image img {
        aspect-ratio: 1 / 1.15;
    }

    .fc1500-image-label {
        max-width: 45%;
        white-space: normal;
        text-align: center;
        line-height: 1.2;
    }

}


.agr310-cleanability-section {
    width: 100%;
    padding: 80px 20px;
    background: #fff;
    overflow: hidden;
}

.agr310-cleanability-container {
    max-width: 1450px;
    margin: 0 auto;
}


/* =========================
   HEADER
========================= */

.agr310-cleanability-header {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 80px;
    align-items: center;
    margin-bottom: 60px;
}

.agr310-cleanability-header h2 {
   margin: 0 0 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -1.8px;
    color: #171218;

}

.agr310-cleanability-header p {
    max-width: 520px;
    padding-top: 5px;
    color: #6d6680;
    font-size: 20px;
    line-height: 1.75;

}


/* =========================
   MAIN COMPARISON
========================= */

.agr310-cleanability-comparison {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 500px;
    overflow: hidden;
    border-radius: 28px;
    box-shadow: 0 20px 50px rgba(40, 25, 35, 0.10);
}


/* =========================
   PANELS
========================= */

.agr310-cleanability-panel {
    position: relative;
    min-height: 500px;
    padding: 34px 60px;
    overflow: hidden;
}

.agr310-panel-left {
    background-color: #e9e0d4;
    background-image:
        linear-gradient(rgba(80, 70, 55, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(80, 70, 55, 0.07) 1px, transparent 1px);
    background-size: 70px 70px;
}

.agr310-panel-right {
    background-color: #f3eee6;
    background-image:
        linear-gradient(rgba(100, 100, 100, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(100, 100, 100, 0.05) 1px, transparent 1px);
    background-size: 70px 70px;
}


/* =========================
   LABELS
========================= */

.agr310-panel-label {
    position: relative;
    z-index: 5;
    display: inline-block;
    padding: 15px 22px;
    border-radius: 35px;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    color: #ffffff;
}

.agr310-label-dark {
    background: #122f55;
}

.agr310-label-green {
    background: #3caf78;
}


/* =========================
   GRAFFITI VISUAL
========================= */

.agr310-graffiti-mark {
    position: absolute;
    left: 55px;
    top: 195px;
    z-index: 2;

    font-family: 'Impact', 'Arial Black', sans-serif;
    font-size: 105px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -1px;

    color: #245dc2;

    text-shadow:
        8px 7px 0 #f1a900,
        15px 12px 0 #ed367d;
    
    transform: rotate(-5deg);
}

.agr310-graffiti-light {
    left: 55px;
    color: rgba(130, 140, 150, 0.08);

    text-shadow:
        8px 7px 0 rgba(130, 140, 150, 0.05),
        15px 12px 0 rgba(130, 140, 150, 0.035);

    transform: rotate(-5deg);
}


/* =========================
   CONTENT
========================= */

.agr310-panel-content {
    position: absolute;
    left: 60px;
    right: 50px;
    bottom: 70px;
    z-index: 5;
}

.agr310-panel-content p {
    margin: 0;
    max-width: 620px;
    color: #171218;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.65;
}

.agr310-panel-content strong {
    font-weight: 800;
}


/* =========================
   DIVIDER
========================= */

.agr310-panel-left::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 2px;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    z-index: 10;
}


/* =========================
   TABLET
========================= */

@media (max-width: 991px) {

    .agr310-cleanability-section {
        padding: 65px 20px;
    }

    .agr310-cleanability-header {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-bottom: 45px;
    }

    .agr310-cleanability-header h2 {
        font-size: clamp(55px, 9vw, 80px);
    }

    .agr310-cleanability-header p {
        font-size: 16px;
    }

    .agr310-cleanability-comparison {
        min-height: 450px;
    }

    .agr310-cleanability-panel {
        min-height: 450px;
        padding: 28px 35px;
    }

    .agr310-panel-content {
        left: 35px;
        right: 30px;
        bottom: 45px;
    }

    .agr310-panel-content p {
        font-size: 16px;
    }

    .agr310-graffiti-mark {
        left: 35px;
        top: 175px;
        font-size: 75px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .agr310-cleanability-section {
        padding: 50px 15px;
    }

    .agr310-cleanability-header {
        margin-bottom: 35px;
    }

    .agr310-cleanability-header h2 {
        font-size: 48px;
        line-height: 0.95;
        letter-spacing: -1px;
    }

    .agr310-cleanability-header p {
        font-size: 14px;
        line-height: 1.55;
    }

    .agr310-cleanability-comparison {
        grid-template-columns: 1fr;
        border-radius: 20px;
    }

    .agr310-cleanability-panel {
        min-height: 390px;
        padding: 22px;
    }

    .agr310-panel-left::after {
        top: auto;
        right: 0;
        bottom: -1px;
        width: 100%;
        height: 2px;
    }

    .agr310-panel-label {
        padding: 11px 14px;
        font-size: 9px;
    }

    .agr310-graffiti-mark {
        left: 25px;
        top: 135px;
        font-size: 70px;
    }

    .agr310-graffiti-light {
        left: 25px;
    }

    .agr310-panel-content {
        left: 22px;
        right: 22px;
        bottom: 30px;
    }

    .agr310-panel-content p {
        font-size: 14px;
        line-height: 1.55;
    }

}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px) {

    .agr310-cleanability-header h2 {
        font-size: 42px;
    }

    .agr310-cleanability-panel {
        min-height: 350px;
    }

    .agr310-graffiti-mark {
        font-size: 58px;
        top: 125px;
    }

    .agr310-panel-content p {
        font-size: 13px;
    }

}


.sfcoat-table-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border-radius: 18px;
}


/* TABLE */

.sfcoat-comparison-table {
    width: 100%;
    min-width: 1050px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-family: 'Montserrat', sans-serif;
}


/* HEADER */

.sfcoat-comparison-table thead th {
    padding: 20px 22px;
    background: #171218;
    color: #ffffff;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: 0.5px;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
}


/* COLUMN WIDTHS */

.sfcoat-comparison-table th:nth-child(1),
.sfcoat-comparison-table td:nth-child(1) {
    width: 24%;
}

.sfcoat-comparison-table th:nth-child(2),
.sfcoat-comparison-table td:nth-child(2) {
    width: 27%;
}

.sfcoat-comparison-table th:nth-child(3),
.sfcoat-comparison-table td:nth-child(3) {
    width: 25%;
}

.sfcoat-comparison-table th:nth-child(4),
.sfcoat-comparison-table td:nth-child(4) {
    width: 24%;
}


/* BODY */

.sfcoat-comparison-table tbody td {
    padding: 24px 22px;
    background: #ffffff;
    border-bottom: 1px solid #e8e2e7;
    color: #514b59;
    font-size: 15px;
    line-height: 1.65;
    text-align: left;
    vertical-align: top;

    /* IMPORTANT WORD WRAP */
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
}


/* FIRST COLUMN */

.sfcoat-comparison-table tbody td:first-child {
    color: #171218;
    font-size: 16px;
    line-height: 1.45;
}


/* STRONG TEXT */

.sfcoat-comparison-table tbody td strong {
    display: block;
    color: #171218;
    font-weight: 800;
    overflow-wrap: anywhere;
    word-break: normal;
}


/* ROW HOVER */

.sfcoat-comparison-table tbody tr:hover td {
    background: #faf6f9;
}


/* ROUNDED CORNERS */

.sfcoat-comparison-table thead th:first-child {
    border-top-left-radius: 16px;
}

.sfcoat-comparison-table thead th:last-child {
    border-top-right-radius: 16px;
}

.sfcoat-comparison-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 16px;
}

.sfcoat-comparison-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 16px;
}


/* MOBILE */

@media (max-width: 767px) {

    .sfcoat-table-wrapper {
        margin-left: 0;
        margin-right: 0;
        border-radius: 14px;
    }

    .sfcoat-comparison-table {
        min-width: 900px;
    }

    .sfcoat-comparison-table thead th {
        padding: 16px 15px;
        font-size: 11px;
    }

    .sfcoat-comparison-table tbody td {
        padding: 18px 15px;
        font-size: 13px;
        line-height: 1.55;
    }

    .sfcoat-comparison-table tbody td:first-child {
        font-size: 14px;
    }

}


/* SMALL MOBILE */

@media (max-width: 480px) {

    .sfcoat-comparison-table {
        min-width: 850px;
    }

    .sfcoat-comparison-table thead th {
        padding: 14px 12px;
        font-size: 10px;
    }

    .sfcoat-comparison-table tbody td {
        padding: 16px 12px;
        font-size: 12px;
    }

}


.flamingo-mist-reduction-section {
    padding: 80px 40px;
    background: #ffffff;
    overflow: hidden;
}

.flamingo-mist-reduction-container {
    max-width: 1450px;
    margin: 0 auto;
}


/* =========================
   HEADER
========================= */

.flamingo-mist-reduction-header {
    display: grid;
    grid-template-columns: 1fr 0.95fr;
    gap: 90px;
    align-items: end;
    margin-bottom: 60px;
}

.flamingo-mist-reduction-title {
margin: 0 0 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -1.8px;
    color: #171218;
}

.flamingo-mist-reduction-intro {
   max-width: 520px;
    padding-top: 5px;
    color: #6d6680;
    font-size: 20px;
    line-height: 1.75;
}


/* =========================
   MAIN GRID
========================= */

.flamingo-mist-reduction-grid {
    display: grid;
    grid-template-columns: 1.65fr 1fr;
    gap: 36px;
    align-items: stretch;
}


/* =========================
   GRAPH CARD
========================= */

.flamingo-mist-chart-card,
.flamingo-mist-benefits-card {
    border: 1px solid #ead9e0;
    border-radius: 28px;
    background: #ffffff;
    overflow: hidden;
}

.flamingo-mist-chart-card {
    padding: 45px 20px 15px;
}

.flamingo-mist-chart-card h3,
.flamingo-mist-benefits-card h3 {
    margin: 0;
    color: #10284d;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.3;
}

.flamingo-mist-chart-subtitle {
    margin: 10px 0 25px;
    color: #6d6680;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 1.5;
}


/* =========================
   GRAPH IMAGE
========================= */

.flamingo-mist-chart {
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
    border-radius: 16px;
}

.flamingo-mist-chart img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 430px;
    object-fit: contain;
    object-position: center;
}


/* =========================
   GRAPH NOTE
========================= */

.flamingo-mist-chart-note {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee3e7;
    color: #777080;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 1.6;
}


/* =========================
   BENEFITS CARD
========================= */

.flamingo-mist-benefits-card {
    padding: 45px 20px 20px;
}

.flamingo-mist-benefits-card h3 {
    margin-bottom: 28px;
}


/* =========================
   BENEFIT ITEM
========================= */

.flamingo-mist-benefit {
    position: relative;
    margin-bottom: 16px;
    padding: 10px 14px 11px 17px;
    border-radius: 0 17px 17px 0;
    background: #fff8f2;
    border-left: 5px solid #f3aa00;
}

.flamingo-mist-benefit:last-child {
    margin-bottom: 0;
}

.flamingo-mist-benefit h4 {
    margin: 0 0 7px;
    color: #10284d;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
}

.flamingo-mist-benefit p {
    margin: 0;
    color: #30283a;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.65;
}


/* =========================
   TABLET
========================= */

@media (max-width: 1100px) {

    .flamingo-mist-reduction-header {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .flamingo-mist-reduction-intro {
        max-width: 800px;
    }

    .flamingo-mist-reduction-grid {
        grid-template-columns: 1fr;
    }

    .flamingo-mist-chart-card {
        padding: 45px 30px 30px;
    }

    .flamingo-mist-benefits-card {
        padding: 45px 30px 30px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .flamingo-mist-reduction-section {
        padding: 50px 15px 65px;
    }

    .flamingo-mist-reduction-header {
        margin-bottom: 38px;
        gap: 22px;
    }

    .flamingo-mist-reduction-title {
        font-size: 54px;
        line-height: 0.94;
        letter-spacing: -1px;
    }

    .flamingo-mist-reduction-intro {
        font-size: 15px;
        line-height: 1.6;
    }

    .flamingo-mist-reduction-grid {
        gap: 22px;
    }

    .flamingo-mist-chart-card,
    .flamingo-mist-benefits-card {
        border-radius: 20px;
    }

    .flamingo-mist-chart-card {
        padding: 30px 20px 25px;
    }

    .flamingo-mist-benefits-card {
        padding: 30px 20px 25px;
    }

    .flamingo-mist-chart-card h3,
    .flamingo-mist-benefits-card h3 {
        font-size: 21px;
    }

    .flamingo-mist-chart-subtitle {
        font-size: 13px;
    }

    .flamingo-mist-chart-note {
        font-size: 12px;
    }

    .flamingo-mist-benefit {
        padding: 17px 18px 18px 20px;
    }

    .flamingo-mist-benefit h4 {
        font-size: 16px;
    }

    .flamingo-mist-benefit p {
        font-size: 14px;
        line-height: 1.55;
    }

}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px) {

    .flamingo-mist-reduction-title {
        font-size: 45px;
    }

    .flamingo-mist-chart-card,
    .flamingo-mist-benefits-card {
        padding: 25px 16px 22px;
    }

    .flamingo-mist-chart img {
        max-height: 320px;
    }

}


.formulation-benefits-section {
    width: 100%;
    padding: 80px 20px;
    background: #ffffff;
    overflow: hidden;
}

.formulation-benefits-container {
    max-width: 1450px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 72px;
    align-items: center;
}


/* =========================
   LEFT IMAGE
========================= */

.formulation-benefits-image {
    width: 100%;
    height: 640px;
    overflow: hidden;
    border-radius: 28px;
}

.formulation-benefits-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* =========================
   RIGHT CONTENT
========================= */

.formulation-benefits-content {
    padding: 10px 0;
}

.formulation-benefits-kicker {
    margin-bottom: 22px;

    color: #b10b62;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 2px;
}

.formulation-benefits-content h2 {
    margin: 0 0 28px;

    color: #4b0030;
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(55px, 5.3vw, 82px);
    font-weight: 800;
    line-height: 0.99;
    letter-spacing: -3px;
}

.formulation-benefits-description {
    max-width: 720px;
    margin: 0 0 38px;

    color: #756b7c;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75;
}


/* =========================
   BENEFITS GRID
========================= */

.formulation-benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.formulation-benefit-item {
    min-height: 90px;
    padding: 22px 20px;

    display: flex;
    align-items: flex-start;
    gap: 12px;

    border: 1px solid #ead9e2;
    border-radius: 17px;

    background: #ffffff;

    color: #171218;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;

    box-sizing: border-box;
}

.formulation-benefit-check {
    flex: 0 0 auto;

    color: #c00068;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.1;
}


/* =========================
   HOVER
========================= */

.formulation-benefit-item {
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.formulation-benefit-item:hover {
    transform: translateY(-3px);
    border-color: #d9b9ca;
    box-shadow: 0 12px 30px rgba(75, 0, 48, 0.08);
}


/* =========================
   LARGE TABLET
========================= */

@media (max-width: 1100px) {

    .formulation-benefits-container {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .formulation-benefits-image {
        height: 560px;
    }

    .formulation-benefits-content h2 {
        font-size: 58px;
        letter-spacing: -2px;
    }

    .formulation-benefits-description {
        font-size: 16px;
    }

}


/* =========================
   TABLET
========================= */

@media (max-width: 900px) {

    .formulation-benefits-section {
        padding: 60px 20px;
    }

    .formulation-benefits-container {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .formulation-benefits-image {
        height: 500px;
    }

    .formulation-benefits-content h2 {
        font-size: clamp(50px, 8vw, 70px);
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .formulation-benefits-section {
        padding: 45px 15px;
    }

    .formulation-benefits-container {
        gap: 35px;
    }

    .formulation-benefits-image {
        height: 360px;
        border-radius: 20px;
    }

    .formulation-benefits-content {
        padding: 0;
    }

    .formulation-benefits-kicker {
        margin-bottom: 15px;
        font-size: 12px;
        letter-spacing: 1.6px;
    }

    .formulation-benefits-content h2 {
        margin-bottom: 22px;

        font-size: 48px;
        line-height: 0.98;
        letter-spacing: -1.5px;
    }

    .formulation-benefits-description {
        margin-bottom: 28px;
        font-size: 14px;
        line-height: 1.65;
    }

    .formulation-benefits-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .formulation-benefit-item {
        min-height: auto;
        padding: 17px 16px;
        font-size: 13px;
    }

    .formulation-benefit-check {
        font-size: 18px;
    }

}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px) {

    .formulation-benefits-image {
        height: 300px;
        border-radius: 18px;
    }

    .formulation-benefits-content h2 {
        font-size: 41px;
    }

}

.chemistry-platforms-section {
    width: 100%;
    padding: 85px 40px;
    background: #4a0030;
    overflow: hidden;
}

.chemistry-platforms-container {
    max-width: 1450px;
    margin: 0 auto;
}


/* =========================
   HEADER
========================= */

.chemistry-platforms-header {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 90px;
    align-items: center;
    margin-bottom: 55px;
}

.chemistry-platforms-kicker {
    margin-bottom: 20px;
    color: #f5bd00;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.2;
}

.chemistry-platforms-heading h2 {
    margin: 0;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(58px, 5.2vw, 82px);
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -3px;
}

.chemistry-platforms-intro {
    max-width: 760px;
    color: #e5cbd9;
    font-family: 'Montserrat', sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.65;
}


/* =========================
   CARDS
========================= */

.chemistry-platforms-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.chemistry-platform-card {
    min-height: 390px;
    padding: 42px 34px 35px;

    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 22px;

    background: rgba(255, 255, 255, 0.035);

    box-sizing: border-box;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}

.chemistry-platform-card:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.35);
}


/* =========================
   CARD NUMBER
========================= */

.chemistry-platform-number {
    margin-bottom: 34px;

    color: #f5bd00;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;
}


/* =========================
   CARD HEADING
========================= */

.chemistry-platform-card h3 {
    margin: 0 0 25px;

    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 23px;
    font-weight: 750;
    line-height: 1.5;
    letter-spacing: -0.3px;
}


/* =========================
   CARD DESCRIPTION
========================= */

.chemistry-platform-card p {
    margin: 0 0 22px;

    color: #e2c8d6;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;
}


/* =========================
   LIST
========================= */

.chemistry-platform-card ul {
    margin: 0;
    padding-left: 22px;

    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.7;
}

.chemistry-platform-card li {
    padding-left: 3px;
    margin-bottom: 2px;
}


/* =========================
   TABLET
========================= */

@media (max-width: 1100px) {

    .chemistry-platforms-header {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .chemistry-platforms-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .chemistry-platform-card {
        min-height: 360px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .chemistry-platforms-section {
        padding: 55px 15px 60px;
    }

    .chemistry-platforms-header {
        margin-bottom: 40px;
        gap: 22px;
    }

    .chemistry-platforms-kicker {
        font-size: 12px;
        letter-spacing: 1.5px;
        margin-bottom: 15px;
    }

    .chemistry-platforms-heading h2 {
        font-size: 48px;
        line-height: 1;
        letter-spacing: -1.5px;
    }

    .chemistry-platforms-intro {
        font-size: 14px;
        line-height: 1.65;
    }

    .chemistry-platforms-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .chemistry-platform-card {
        min-height: auto;
        padding: 30px 25px;
        border-radius: 18px;
    }

    .chemistry-platform-number {
        margin-bottom: 23px;
        font-size: 14px;
    }

    .chemistry-platform-card h3 {
        margin-bottom: 18px;
        font-size: 21px;
        line-height: 1.4;
    }

    .chemistry-platform-card p {
        margin-bottom: 18px;
        font-size: 14px;
        line-height: 1.6;
    }

    .chemistry-platform-card ul {
        font-size: 13px;
        line-height: 1.65;
    }

}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px) {

    .chemistry-platforms-heading h2 {
        font-size: 41px;
    }

    .chemistry-platform-card {
        padding: 27px 22px;
    }

    .chemistry-platform-card h3 {
        font-size: 19px;
    }

}


.formulation-tradeoffs-section {
    width: 100%;
    padding: 85px 40px;
    background: #ffffff;
    overflow: hidden;
}

.formulation-tradeoffs-container {
    max-width: 1450px;
    margin: 0 auto;
}


/* =========================
   HEADER
========================= */

.formulation-tradeoffs-header {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 90px;
    align-items: end;
    margin-bottom: 60px;
}

.formulation-tradeoffs-kicker {
    margin-bottom: 20px;
    color: #ad0b61;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 2px;
}

.formulation-tradeoffs-heading h2 {
   margin: 0 0 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -1.8px;
    color: #171218;

}

.formulation-tradeoffs-intro {
   max-width: 520px;
    padding-top: 5px;
    color: #6d6680;
    font-size: 20px;
    line-height: 1.75;

}


/* =========================
   MAIN GRID
========================= */

.formulation-tradeoffs-grid {
    display: grid;
    grid-template-columns: 0.95fr 1.25fr;
    gap: 30px;
    align-items: stretch;
}


/* =========================
   CARDS
========================= */

.formulation-tradeoffs-card {
    min-width: 0;
    padding: 30px 18px 15px;
    border: 1px solid #ead9e2;
    border-radius: 28px;
    background: #ffffff;
    box-sizing: border-box;
}

.formulation-tradeoffs-card h3 {
    margin: 0 0 10px;
    color: #50002f;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.3;
}


/* =========================
   GRAPH
========================= */

.formulation-tradeoffs-graph {
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
}

.formulation-tradeoffs-graph img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 430px;
    object-fit: contain;
    object-position: center;
}

.formulation-tradeoffs-caption {
    margin: 10px 0 0;
    padding-top: 18px;
    border-top: 1px solid #eee1e7;
    color: #756c79;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 1.6;
}


/* =========================
   MATRIX
========================= */

.formulation-matrix-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.formulation-matrix {
    width: 100%;
    min-width: 560px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-family: 'Montserrat', sans-serif;
}

.formulation-matrix th {
    padding: 5px 4px;
    background: #ad0b61;
    color: #ffffff;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    overflow-wrap: anywhere;
}

.formulation-matrix th:first-child {
    width: 36%;
    text-align: left;
    border-top-left-radius: 8px;
}

.formulation-matrix th:last-child {
    border-right: 0;
    border-top-right-radius: 8px;
}

.formulation-matrix td {
    height: 72px;
    padding: 12px 14px;
    border-right: 1px solid #ead9e2;
    border-bottom: 1px solid #ead9e2;
    background: #ffffff;
    color: #241c25;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    text-align: center;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.formulation-matrix td:first-child {
    color: #50002f;
    text-align: left;
    font-weight: 700;
}

.formulation-matrix td:last-child {
    border-right: 0;
}


/* =========================
   MATRIX DOTS
========================= */

.matrix-dot {
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    vertical-align: middle;
}

.strong-fit {
    background: #ae0b61;
}

.formulation-fit {
    background: #f4b800;
}

.secondary-role {
    background: #ead9e2;
}


/* =========================
   LEGEND
========================= */

.formulation-matrix-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #eee1e7;
}

.formulation-matrix-legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6e6572;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 1.4;
}

.formulation-matrix-legend .matrix-dot {
    width: 12px;
    height: 12px;
}


/* =========================
   TABLET
========================= */

@media (max-width: 1100px) {

    .formulation-tradeoffs-header {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .formulation-tradeoffs-intro {
        max-width: 850px;
    }

    .formulation-tradeoffs-grid {
        grid-template-columns: 1fr;
    }

    .formulation-tradeoffs-card {
        padding: 50px 30px 30px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .formulation-tradeoffs-section {
        padding: 50px 15px 60px;
    }

    .formulation-tradeoffs-header {
        margin-bottom: 40px;
        gap: 22px;
    }

    .formulation-tradeoffs-kicker {
        margin-bottom: 15px;
        font-size: 12px;
        letter-spacing: 1.5px;
    }

    .formulation-tradeoffs-heading h2 {
        font-size: 48px;
        line-height: 1;
        letter-spacing: -1.5px;
    }

    .formulation-tradeoffs-intro {
        font-size: 14px;
        line-height: 1.65;
    }

    .formulation-tradeoffs-grid {
        gap: 20px;
    }

    .formulation-tradeoffs-card {
        padding: 32px 20px 25px;
        border-radius: 20px;
    }

    .formulation-tradeoffs-card h3 {
        margin-bottom: 22px;
        font-size: 21px;
    }

    .formulation-tradeoffs-caption {
        font-size: 12px;
    }

    .formulation-matrix {
        min-width: 560px;
    }

    .formulation-matrix th {
        padding: 14px 10px;
        font-size: 11px;
    }

    .formulation-matrix td {
        height: 65px;
        padding: 10px;
        font-size: 11px;
    }

}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px) {

    .formulation-tradeoffs-heading h2 {
        font-size: 41px;
    }

    .formulation-tradeoffs-card {
        padding: 27px 16px 22px;
    }

    .formulation-tradeoffs-card h3 {
        font-size: 19px;
    }

}