.service-pricing {
    scroll-margin-top: 100px;
}

.service-pricing-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 30px;
}

.service-pricing-heading .eyebrow {
    margin: 0 0 12px;
}

.service-pricing-heading h2 {
    margin: 0;
    color: var(--ink);
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.2;
    letter-spacing: -.045em;
}

.service-pricing-vat {
    flex-shrink: 0;
    margin: 0 0 4px;
    color: var(--muted);
    font-size: 15px;
    font-weight: 600;
}

.service-pricing-table-wrap {
    overflow: hidden;
    border: 1px solid #eaded8;
    border-radius: 20px;
}

.service-pricing-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.service-pricing-table thead {
    background: #fbf0ea;
}

.service-pricing-table th,
.service-pricing-table td {
    padding: 25px 32px;
}

.service-pricing-table thead th {
    padding-top: 19px;
    padding-bottom: 19px;
    color: #66524a;
    font-size: 15px;
    font-weight: 700;
}

.service-pricing-table tbody th {
    color: var(--ink);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.55;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.service-pricing-table tbody tr + tr {
    border-top: 1px solid #eee5e0;
}

.service-pricing-table tbody tr:nth-child(even) {
    background: #fdfaf8;
}

.service-pricing-table th:last-child,
.service-pricing-table td {
    width: 1%;
    text-align: right;
    white-space: nowrap;
}

.service-pricing-table td {
    color: #bd411e;
    font-size: 21px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.service-pricing-duration {
    display: inline-block;
    color: var(--muted);
    font-size: 16px;
    font-weight: 500;
}

.service-pricing-notes {
    display: grid;
    gap: 10px;
    margin-top: 24px;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.85;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.service-pricing-notes p {
    margin: 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
}

@media (max-width: 600px) {
    .service-pricing-notes {
        font-size: 14px;
    }

    .service-pricing-heading {
        gap: 16px;
        margin-bottom: 24px;
    }

    .service-pricing-vat {
        font-size: 13px;
    }

    .service-pricing-table-wrap {
        border-radius: 14px;
    }

    .service-pricing-table th,
    .service-pricing-table td {
        padding: 20px 16px;
    }

    .service-pricing-table thead th {
        font-size: 13px;
    }

    .service-pricing-table tbody th {
        font-size: 15px;
    }

    .service-pricing-table td {
        padding-left: 10px;
        font-size: 17px;
    }

    .service-pricing-duration {
        display: block;
        margin-top: 3px;
        font-size: 13px;
    }
}