:root {
        --er-red: #c40314;
        --er-dark: #1d1d1f;
        --er-text: #62656a;
        --er-light: #f6f6f6;
        --er-border: #e7e7e7;
    }

    .er-window-page {
        color: var(--er-dark);
        overflow: hidden;
    }

    .er-window-page .text-er-red {
        color: var(--er-red) !important;
    }

    .er-window-page .bg-er-red {
        background: var(--er-red) !important;
    }

    .er-window-page .bg-er-light {
        background: var(--er-light) !important;
    }

    .er-window-page .border-er {
        border-color: var(--er-border) !important;
    }

    .er-window-page .text-er-muted {
        color: var(--er-text) !important;
    }

    .er-window-page .section-space {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .er-window-page .section-kicker {
        color: var(--er-red);
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .12em;
        margin-bottom: 10px;
    }

    .er-window-page .section-title {
        font-size: clamp(28px, 4vw, 30px);
        line-height: 1.08;
        font-weight: 500;
        letter-spacing: -.03em;
    }

    .er-window-page .section-title-sm {
        font-size: clamp(24px, 3vw, 26px);
        line-height: 1.15;
        font-weight: 500;
        letter-spacing: -.02em;
    }

    .er-window-page .body-copy {
        color: var(--er-text);
        line-height: 1.8;
        font-size: 15px;
    }

    .er-window-page .btn-eroline {
        background: var(--er-red);
        border-color: var(--er-red);
        color: #fff;
        border-radius: 26px;
        padding: 11px 22px;
        font-size: 13px;
        font-weight: 600;
    }

    .er-window-page .btn-eroline:hover {
        background: #c92d36;
        border-color: #c92d36;
        color: #fff;
    }

    .er-window-page .btn-eroline-outline {
        background: transparent;
        border: 1px solid var(--er-red);
        color: var(--er-red);
        border-radius: 26px;
        padding: 11px 22px;
        font-size: 13px;
        font-weight: 600;
    }

    .er-window-page .btn-eroline-outline:hover {
        background: var(--er-red);
        color: #fff;
    }

    .er-window-page .er-hero {
        min-height: 340px;
        background-size: cover;
        background-position: center;
        position: relative;
        display: flex;
        align-items: flex-end;
    }

    .er-window-page .er-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .46) 43%, rgba(0, 0, 0, .15) 75%);
    }

    .er-window-page .er-hero-content {
        position: relative;
        z-index: 1;
        padding-top: 90px;
        padding-bottom: 60px;
    }

    .er-window-page .er-hero h1 {
        max-width: 800px;
        font-size: clamp(38px, 5vw, 48px);
        line-height: 1.04;
        font-weight: 500;
        letter-spacing: -.04em;
    }

    .er-window-page .er-hero-copy {
        max-width: 700px;
        color: rgba(255, 255, 255, .87);
        line-height: 1.75;
    }

    /* .er-window-page .hero-pill {
        display: inline-block;
        border: 1px solid rgba(255, 255, 255, .4);
        border-radius: 50rem;
        padding: 7px 13px;
        font-size: 11px;
        color: #fff;
    } */

    .er-window-page .product-box {
        /* background: #f1f1f1; */
        padding: 30px;
        position: relative;
    }

    .er-window-page .product-box::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 95px;
        height: 4px;
        background: var(--er-red);
    }

    .er-window-page .product-box img {
        width: 100%;
        max-height: 420px;
        object-fit: contain;
    }

    .er-window-page .price-table th,
    .er-window-page .price-table td {
        padding: 15px 16px;
        font-size: 13px;
        vertical-align: middle;
    }

    .er-window-page .factor-item {
        position: relative;
        padding: 10px 0 10px 20px;
        border-bottom: 1px solid #ececec;
        color: var(--er-text);
        font-size: 13px;
    }

    .er-window-page .factor-item::before {
        content: "";
        width: 6px;
        height: 6px;
        background: var(--er-red);
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 17px;
    }

    .er-window-page .design-card {
        height: 100%;
        border: 1px solid var(--er-border);
        background: #fff;
        border-radius: 16px;
    }

    .er-window-page .design-card-img {
        border-radius: 16px;
        background: #f1f1f1;
        min-height: 240px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 22px;
    }

    .er-window-page .design-card-img img {
        width: 100%;
        height: 300px;
        object-fit: contain;
    }

    .er-window-page .benefit-card,
    .er-window-page .space-card {
        border: 1px solid var(--er-border);
        background: #fff;
        height: 100%;
        border-radius: 16px;
    }

    .er-window-page .benefit-card {
        padding: 26px 22px;
        min-height: 205px;
    }

    .er-window-page .benefit-number {
        color: var(--er-red);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .12em;
    }

    .er-window-page .space-card {
        padding: 25px;
    }

    .er-window-page .dark-panel {
        background: #1c1c1c;
        color: #fff;
        padding: 38px;
    }

    .er-window-page .dark-panel p {
        color: rgba(255, 255, 255, .7);
    }

    .er-window-page .check-item {
        border-bottom: 1px solid #ececec;
        padding: 9px 0;
        color: #555;
        font-size: 13px;
    }

    .er-window-page .check-dot {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: rgba(230, 61, 70, .1);
        color: var(--er-red);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-right: 8px;
        font-size: 10px;
    }

    .er-window-page .comparison-table th,
    .er-window-page .comparison-table td {
        padding: 15px 16px;
        font-size: 13px;
        vertical-align: middle;
    }

    .er-window-page .comparison-table thead th {
        background: #202020;
        color: #fff;
        font-weight: 500;
    }

    .er-window-page .comparison-table thead th:first-child {
        background: var(--er-red);
    }

    .er-window-page .accordion-button {
        font-size: 14px;
        font-weight: 500;
        box-shadow: none !important;
    }

    .er-window-page .accordion-button:not(.collapsed) {
        background: #fafafa;
        color: var(--er-red);
    }

    .er-window-page .accordion-button:focus {
        border-color: transparent;
    }

    .er-window-page .accordion-body {
        color: var(--er-text);
        font-size: 13px;
        line-height: 1.75;
    }

    .er-window-page .final-cta {
        background: var(--er-red);
        color: #fff;
    }

    .er-window-page .final-cta p {
        color: rgba(255, 255, 255, .87);
    }

    .er-window-page .final-cta .btn-light {
        color: var(--er-red);
        font-weight: 600;
        border-radius: 26px;
    }

    @media (max-width:767px) {
        .er-window-page .section-space {
            padding-top: 36px;
            padding-bottom: 36px;
        }

        .er-window-page .er-hero {
            min-height: 520px;
        }

        .er-window-page .er-hero h1 {
            font-size: 36px;
        }

        .er-window-page .dark-panel {
            padding: 28px;
        }
    }

/* Shared product design card CTA */
.er-window-page .design-card .design-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.er-window-page .design-card .design-card-link {
    margin-top: auto;
    padding-top: 16px;
}

.er-window-page .btn-card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--er-red);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s ease;
}

.er-window-page .btn-card-link::after {
    content: "";
    transition: transform .2s ease;
}

.er-window-page .btn-card-link:hover {
    color: #c92d36;
}

.er-window-page .btn-card-link:hover::after {
    transform: translateX(4px);
}