.pricing-html {
    --price-blue: #123d78;
    --price-blue-light: #eef4ff;
    --price-purple: #63326d;
    --price-purple-light: #f7eff8;
    --price-mint: #1798a1;
    --price-mint-light: #e8f8f8;
    --price-line: #d9dde4;
    --price-text: #1b1d21;
    color: var(--price-text);
}

.pricing-html .pricing-html__intro {
    max-width: 1180px;
    margin: 0 auto;
    padding: 50px 20px 10px;
    text-align: center;
}

.pricing-html .pricing-html__intro h2 {
    margin: 0 0 18px;
    font-size: clamp(24px, 3vw, 38px);
    line-height: 1.35;
}

.pricing-html .pricing-html__intro p {
    margin: 8px 0;
    color: #555c66;
    font-size: 16px;
    line-height: 1.7;
}

.pricing-html .pricing-html__tables {
    width: min(1180px, calc(100% - 32px));
    margin: 32px auto 100px;
}

.pricing-html .price-card {
    overflow: hidden;
    margin: 0 0 42px;
    border: 1px solid var(--price-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(26, 36, 51, .08);
}

.pricing-html .price-card__header {
    padding: 30px 34px;
    color: #fff;
    background: linear-gradient(135deg, #0c315f, var(--price-blue));
}

.pricing-html .price-card--purple .price-card__header {
    background: linear-gradient(135deg, #28112f, var(--price-purple));
}

.pricing-html .price-card--mint .price-card__header {
    background: linear-gradient(135deg, #0a6670, var(--price-mint));
}

.pricing-html .price-card__eyebrow {
    margin: 0 0 4px;
    opacity: .8;
    font-weight: 700;
    letter-spacing: .08em;
}

.pricing-html .price-card__header h2 {
    margin: 0;
    color: inherit;
    font-size: clamp(27px, 4vw, 44px);
    line-height: 1.2;
}

.pricing-html .price-card__time {
    margin: 12px 0 0;
    opacity: .88;
    font-size: 15px;
}

.pricing-html .price-card__subheading {
    margin: 0;
    padding: 24px 30px 2px;
    font-size: 24px;
}

.pricing-html .price-table-scroll {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}

.pricing-html .price-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    table-layout: auto;
}

.pricing-html .price-table th,
.pricing-html .price-table td {
    padding: 15px 13px;
    border-bottom: 1px solid var(--price-line);
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    line-height: 1.45;
    white-space: nowrap;
}

.pricing-html .price-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding-top: 17px;
    padding-bottom: 17px;
    background: #f5f7fa;
    font-weight: 800;
}

.pricing-html .price-table tbody th {
    text-align: left;
    font-weight: 700;
}

.pricing-html .price-table tbody tr:hover > * {
    background: #fafcff;
}

.pricing-html .price-table__price {
    background: var(--price-blue-light);
    color: #0b3367;
    font-weight: 800;
}

.pricing-html .price-card--purple .price-table__price {
    background: var(--price-purple-light);
    color: #572760;
}

.pricing-html .price-card--mint .price-table__price {
    background: var(--price-mint-light);
    color: #086a71;
}

.pricing-html .price-card__note {
    margin: 0;
    padding: 16px 24px 20px;
    color: #606771;
    font-size: 14px;
    text-align: right;
}

@media (max-width: 767px) {
    .pricing-html .pricing-html__intro {
        padding-top: 34px;
    }

    .pricing-html .pricing-html__tables {
        width: calc(100% - 24px);
        margin-top: 24px;
    }

    .pricing-html .price-card {
        margin-bottom: 28px;
        border-radius: 14px;
    }

    .pricing-html .price-card__header {
        padding: 23px 20px;
    }

    .pricing-html .price-table th,
    .pricing-html .price-table td {
        padding: 13px 11px;
        font-size: 14px;
    }

    .pricing-html .price-card__note {
        text-align: left;
    }
}

@media print {
    .pricing-html .price-card {
        break-inside: avoid;
        box-shadow: none;
    }

    .pricing-html .price-table {
        min-width: 0;
    }

    .pricing-html .price-table th,
    .pricing-html .price-table td {
        padding: 8px 6px;
        font-size: 10px;
        white-space: normal;
    }

    .btn_mainTop {
        display: none !important;
    }
}
