.pricing-page {
    background: var(--background);
}

.pricing-page .section {
    isolation: isolate;
}

.pricing-page {
    --pricing-ease: cubic-bezier(0.16, 1, 0.3, 1);
    --pricing-enter: 0.65s;
    --pricing-leave: 1.05s;
}

.pricing-hero {
    padding-top: clamp(78px, 8vw, 124px);
    padding-bottom: clamp(68px, 7vw, 104px);
}

.pricing-hero__inner {
    display: grid;
    grid-template-columns: minmax(0, 0.98fr) minmax(340px, 0.56fr);
    gap: clamp(32px, 5vw, 76px);
    align-items: center;
}

.pricing-hero__copy {
    max-width: 850px;
    animation: fadeUp 0.72s ease both;
}

.pricing-hero h1 {
    max-width: 900px;
    margin: 0;
    color: var(--text-dark);
    font-size: clamp(42px, 6vw, 74px);
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: -0.06em;
}

.pricing-hero h1 span {
    display: block;
    color: var(--gold-dark);
}

.pricing-hero__lead {
    max-width: 760px;
    margin: 22px 0 0;
    color: var(--text-light);
    font-size: clamp(16px, 1.45vw, 18px);
    line-height: 1.78;
}

.pricing-hero__actions {
    margin-top: 32px;
}

.pricing-hero__note {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 22px;
    color: var(--text-light);
    font-size: 14px;
    font-weight: 700;
}

.pricing-hero__note i {
    color: var(--primary);
}

.pricing-form__footer button:focus,
.pricing-form__footer button:focus-visible,
.pricing-form__footer .btn-primary:focus {
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(45, 106, 79, 0.14) !important;
}

.pricing-summary-card,
.pricing-form-card {
    border: 1px solid rgba(206, 184, 152, 0.34);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: var(--shadow-light);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.pricing-summary-card {
    position: relative;
    overflow: hidden;
    padding: clamp(24px, 3vw, 34px);
    border-radius: 30px;
    box-shadow: 0 28px 80px rgba(16, 24, 23, 0.13);
    animation: fadeUp 0.72s ease 0.1s both;
}

.pricing-summary-card::before {
    content: '';
    position: absolute;
    pointer-events: none;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.11);
}

.pricing-summary-card::before {
    top: -96px;
    right: -92px;
    width: 238px;
    height: 238px;
}

.pricing-summary-card>*,
.pricing-form-card>* {
    position: relative;
    z-index: 1;
}

.pricing-summary-card__icon {
    width: 62px;
    height: 62px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border-radius: 20px;
    background: var(--gradient-gold);
    color: var(--ink);
    font-size: 24px;
    box-shadow: 0 16px 34px rgba(206, 184, 152, 0.26);
}

.pricing-summary-card h2,
.pricing-form-card__intro h3,
.pricing-price-card h3 {
    margin: 0;
    color: var(--text-dark);
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.04em;
}

.pricing-summary-card p,
.pricing-form-card__intro p,
.pricing-quote__content>p {
    margin: 13px 0 0;
    color: var(--text-light);
    line-height: 1.68;
}

.pricing-summary-card ul {
    display: grid;
    gap: 11px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.pricing-summary-card li {
    display: flex;
    gap: 10px;
    color: var(--text-dark);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
}

.pricing-summary-card li::before {
    content: '\f00c';
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
    border-radius: 999px;
    background: var(--primary);
    color: #ffffff;
    font-family: 'Font Awesome 6 Free';
    font-size: 10px;
    font-weight: 900;
}


.pricing-overview__header {
    margin-bottom: 34px;
}

.pricing-engine {
    display: grid;
    grid-template-columns: minmax(0, 0.78fr) minmax(520px, 1fr);
    gap: clamp(34px, 5vw, 72px);
    align-items: center;
}

.pricing-engine__intro {
    position: sticky;
    top: 110px;
    align-self: start;
}

.pricing-engine__intro h2 {
    max-width: 560px;
    margin: 0;
    color: var(--text-dark);
    font-size: clamp(34px, 4.8vw, 58px);
    font-weight: 900;
    line-height: 1.04;
    letter-spacing: -0.055em;
}

.pricing-engine__intro>p:not(.eyebrow) {
    max-width: 520px;
    margin: 18px 0 0;
    color: var(--text-light);
    font-size: 17px;
    line-height: 1.72;
}

.pricing-engine__formula {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
    padding: 18px;
    border: 1px solid rgba(206, 184, 152, 0.34);
    border-radius: 26px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(248, 244, 237, 0.82));
    box-shadow: var(--shadow-light);
}

.pricing-engine__formula span,
.pricing-engine__formula strong {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
}

.pricing-engine__formula span {
    padding: 0 15px;
    background: #ffffff;
    color: var(--text-dark);
    box-shadow: 0 10px 26px rgba(16, 24, 23, 0.07);
}

.pricing-engine__formula strong {
    width: 38px;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary-dark);
}

.pricing-engine__panel {
    display: grid;
    gap: 14px;
}

.pricing-engine-row {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 54px 58px minmax(0, 1fr) 92px;
    gap: 16px;
    align-items: center;
    min-height: 138px;
    padding: 20px;
    border: 1px solid rgba(206, 184, 152, 0.32);
    border-radius: 28px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.88)),
        radial-gradient(circle at 100% 0%, rgba(var(--primary-rgb), 0.08), transparent 44%);
    box-shadow: var(--shadow-light);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition:
        transform var(--pricing-leave) var(--pricing-ease),
        box-shadow var(--pricing-leave) var(--pricing-ease),
        border-color 0.85s ease;
    animation: pricingFadeUp 0.62s ease both;
}

.pricing-engine-row:hover,
.pricing-engine-row:focus-within {
    transition:
        transform var(--pricing-enter) var(--pricing-ease),
        box-shadow var(--pricing-enter) var(--pricing-ease),
        border-color 0.55s ease;
}

.pricing-engine-row:nth-child(2) {
    animation-delay: 0.07s;
}

.pricing-engine-row:nth-child(3) {
    animation-delay: 0.14s;
}

.pricing-engine-row:nth-child(4) {
    animation-delay: 0.21s;
}

.pricing-engine-row:hover,
.pricing-engine-row:focus-within {
    transform: translateX(-8px);
    border-color: rgba(var(--primary-rgb), 0.4);
    box-shadow: var(--shadow-hover);
}

.pricing-engine-row::after {
    content: '';
    position: absolute;
    inset: auto 22px 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(90deg, transparent, var(--gold), var(--primary), transparent);
    opacity: 0;
    transform: scaleX(0.4);
    transition:
        opacity 0.85s var(--pricing-ease),
        transform 1s var(--pricing-ease);
}

.pricing-engine-row:hover::after {
    opacity: 1;
    transform: scaleX(1);
    transition:
        opacity 0.55s var(--pricing-ease),
        transform 0.7s var(--pricing-ease);
}

.pricing-engine-row__index {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(246, 241, 232, 0.9);
    color: var(--gold-dark);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.08em;
    transition:
        background 0.5s var(--pricing-ease),
        color 0.5s var(--pricing-ease),
        transform 0.65s var(--pricing-ease);
}

.pricing-engine-row:hover .pricing-engine-row__index {
    background: var(--gradient-gold);
    color: var(--ink);
    transform: rotate(-4deg);
}

.pricing-engine-row__icon {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary-dark);
    font-size: 20px;
    transition:
        transform 0.65s var(--pricing-ease),
        background 0.5s var(--pricing-ease),
        color 0.5s var(--pricing-ease);
}

.pricing-engine-row:hover .pricing-engine-row__icon {
    background: var(--primary);
    color: #ffffff;
    transform: scale(1.06);
}

.pricing-engine-row__content h3 {
    margin: 0;
    color: var(--text-dark);
    font-size: clamp(20px, 2.2vw, 25px);
    font-weight: 900;
    line-height: 1.16;
    letter-spacing: -0.035em;
}

.pricing-engine-row__content p {
    max-width: 520px;
    margin: 8px 0 0;
    color: var(--text-light);
    line-height: 1.62;
}

.pricing-engine-row__meter {
    display: grid;
    gap: 7px;
    justify-self: end;
    width: 86px;
}

.pricing-engine-row__meter span {
    display: block;
    height: 7px;
    border-radius: 999px;
    background: rgba(206, 184, 152, 0.44);
    overflow: hidden;
}

.pricing-engine-row__meter span::after {
    content: '';
    display: block;
    width: 48%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--gold), var(--primary));
    transform: translateX(-110%);
    transition: transform 1.05s var(--pricing-ease);
}

.pricing-price-card,
.pricing-price-card__visual,
.pricing-price-card__visual span,
.pricing-price-card__badge,
.pricing-price-card__price {
    transition:
        transform 0.75s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.75s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.55s ease,
        background 0.55s ease,
        color 0.55s ease,
        opacity 0.55s ease;
}

.pricing-engine-row__meter span:nth-child(2)::after {
    width: 68%;
    transition-delay: 0.06s;
}

.pricing-engine-row__meter span:nth-child(3)::after {
    width: 84%;
    transition-delay: 0.12s;
}

.pricing-engine-row:hover .pricing-engine-row__meter span::after {
    transform: translateX(0);
    transition-duration: 0.75s;
}

.pricing-price-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.pricing-price-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    padding: clamp(24px, 3vw, 34px);
    border-radius: 30px;
    transition:
        transform 1.05s var(--pricing-ease),
        box-shadow 1.05s var(--pricing-ease),
        border-color 0.85s ease;
    border: 1px solid rgba(206, 184, 152, 0.34);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: var(--shadow-light);
}

.pricing-price-card:hover,
.pricing-price-card:focus-within {
    transition:
        transform 0.65s var(--pricing-ease),
        box-shadow 0.65s var(--pricing-ease),
        border-color 0.55s ease;
}

.pricing-price-card::after {
    content: '';
    position: absolute;
    left: 28px;
    right: 28px;
    top: 0;
    height: 4px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, var(--primary), var(--gold));
    transform: scaleX(0.42);
    transform-origin: left;
    transition: transform 1s var(--pricing-ease);
}

.pricing-price-card:hover::after,
.pricing-price-card:focus-within::after {
    transition: transform 0.65s var(--pricing-ease);
}

.pricing-price-card:hover::after,
.pricing-price-card:focus-within::after {
    transform: scaleX(1);
}

.pricing-price-card>* {
    position: relative;
    z-index: 1;
}

.pricing-price-card:hover,
.pricing-price-card:focus-within {
    transform: translateY(-6px);
    border-color: rgba(var(--primary-rgb), 0.36);
    box-shadow: var(--shadow-hover);
}

.pricing-price-card__badge {
    align-self: flex-start;
    display: inline-flex;
    margin-bottom: 16px;
    padding: 7px 13px;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.11);
    color: var(--primary-dark);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pricing-price-card__sub {
    min-height: 54px;
}

.pricing-price-card__label {
    margin-top: 24px !important;
    color: var(--gold-dark) !important;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pricing-price-card__amount {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 4px;
}

.pricing-price-card__amount strong {
    color: var(--text-dark);
    font-size: clamp(38px, 5vw, 54px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.06em;
}

.pricing-price-card__amount span {
    color: var(--text-light);
    font-size: 15px;
    font-weight: 800;
}

.pricing-price-card__decrease {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--primary-dark) !important;
    font-size: 13px;
    font-weight: 900;
}

.pricing-price-card__decrease::before {
    content: '↓';
    font-size: 15px;
}

.pricing-price-card__meter {
    display: grid;
    grid-template-columns: 0.55fr 0.8fr 1fr 1.26fr;
    gap: 7px;
    margin-top: 18px;
    padding: 12px;
    border: 1px solid rgba(16, 24, 23, 0.06);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.06), rgba(206, 184, 152, 0.13));
}

.pricing-price-card__meter span {
    height: 9px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 0.25), var(--primary));
    animation: pricingMeter 2.6s ease-in-out infinite;
}

.pricing-price-card__meter span:nth-child(2) {
    animation-delay: 0.12s;
}

.pricing-price-card__meter span:nth-child(3) {
    animation-delay: 0.24s;
}

.pricing-price-card__meter span:nth-child(4) {
    animation-delay: 0.36s;
}

.pricing-price-card ul {
    flex: 1;
    display: grid;
    gap: 10px;
    margin: 22px 0 24px;
    padding: 0;
    list-style: none;
}

.pricing-price-card li {
    position: relative;
    padding-left: 25px;
    color: var(--text-dark);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.45;
}

.pricing-price-card li::before {
    content: '\f00c';
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--primary);
    color: #ffffff;
    font-family: 'Font Awesome 6 Free';
    font-size: 9px;
    font-weight: 900;
}

.pricing-price-card .btn,
.pricing-price-card .btn-primary {
    align-self: flex-start;
}

.pricing-addons__header {
    max-width: 720px;
    margin: 0 auto 34px;
    text-align: center;
}

.pricing-addons-table {
    position: relative;
    overflow-x: auto;
    border-radius: 30px;
    box-shadow: 0 30px 90px rgba(16, 24, 23, 0.12);
    scrollbar-width: thin;
    scrollbar-color: rgba(206, 184, 152, 0.58) transparent;
}

.pricing-addons-table::-webkit-scrollbar {
    height: 8px;
}

.pricing-addons-table::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(206, 184, 152, 0.58);
}

.pricing-addons-table table {
    width: 100%;
    min-width: 760px;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--text-dark);
}

.pricing-addons-table th,
.pricing-addons-table td {
    padding: 17px 18px;
    border-bottom: 1px solid rgba(16, 24, 23, 0.08);
    text-align: left;
    vertical-align: top;
}

.pricing-addons-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(135deg, rgba(244, 238, 227, 0.98), rgba(255, 255, 255, 0.96));
    color: var(--gold-dark);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pricing-addons-table tbody tr {
    transition:
        background 0.75s var(--pricing-ease),
        transform 0.75s var(--pricing-ease);
}

.pricing-addons-table tbody tr:hover {
    background: rgba(var(--primary-rgb), 0.045);
}

.pricing-addons-table tbody th {
    position: relative;
    width: 28%;
    padding-left: 52px;
    color: var(--text-dark);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.42;
}

.pricing-addons-table tbody th::before {
    content: '\f00c';
    position: absolute;
    left: 18px;
    top: 18px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--gradient-gold);
    color: transparent;
    font-family: 'Font Awesome 6 Free';
    font-size: 9px;
    font-weight: 900;
    box-shadow: 0 10px 22px rgba(206, 184, 152, 0.24);
    transition:
        color 0.85s var(--pricing-ease),
        transform 1s var(--pricing-ease),
        box-shadow 1s var(--pricing-ease);
}

.pricing-addons-table tbody tr:hover th::before {
    transition:
        color 0.5s var(--pricing-ease),
        transform 0.65s var(--pricing-ease),
        box-shadow 0.65s var(--pricing-ease);
}

.pricing-addons-table tbody tr:hover th::before {
    color: var(--ink);
    transform: scale(1.08) rotate(-4deg);
    box-shadow: 0 12px 26px rgba(206, 184, 152, 0.34);
}

.pricing-addons-table tbody td {
    color: var(--text-light);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.54;
}

.pricing-addons-table tbody td:nth-child(2) {
    color: var(--primary-dark);
    font-weight: 900;
    white-space: nowrap;
}

.pricing-addons-table tbody td:nth-child(2)::first-line {
    font-size: 16px;
}

.pricing-addons-table span {
    color: var(--gold-dark);
    font-size: 12px;
    font-weight: 900;
}

.pricing-addons-table tbody tr:last-child th,
.pricing-addons-table tbody tr:last-child td {
    border-bottom: 0;
}

.pricing-addons__note {
    font-size: 13px;
    text-align: center;
    color: var(--text-light);
    margin-top: 20px;
}

.pricing-quote__shell {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(420px, 1fr);
    gap: clamp(28px, 5vw, 62px);
    align-items: center;
}

.pricing-quote__content {
    position: relative;
    top: auto;
    align-self: center;
}

.pricing-quote__content h2 {
    margin: 0;
    color: var(--text-dark);
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -0.045em;
}

.pricing-quote__steps {
    display: grid;
    gap: 12px;
    margin-top: 28px;
}

.pricing-quote__steps article {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 5px 12px;
    align-items: start;
    padding: 16px;
    border-radius: 20px;
    background: #ffffff;
    transition:
        transform 1s var(--pricing-ease),
        border-color 0.85s ease,
        box-shadow 1s var(--pricing-ease);
    animation: pricingFadeUp 0.56s ease both;
}

.pricing-quote__steps article:hover {
    transition:
        transform 0.65s var(--pricing-ease),
        border-color 0.55s ease,
        box-shadow 0.65s var(--pricing-ease);
}

.pricing-quote__steps article:nth-child(2) {
    animation-delay: 0.08s;
}

.pricing-quote__steps article:nth-child(3) {
    animation-delay: 0.16s;
}

.pricing-quote__steps article:hover {
    transform: translateX(8px);
    border-color: rgba(var(--primary-rgb), 0.34);
    box-shadow: var(--shadow-hover);
}

.pricing-quote__steps span {
    grid-row: span 2;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: var(--gradient-gold);
    color: var(--ink);
    font-size: 13px;
    font-weight: 900;
}

.pricing-quote__steps strong {
    color: var(--text-dark);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.25;
}

.pricing-quote__steps p {
    margin: 0;
    color: var(--text-light);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
}

.pricing-form-card {
    position: relative;
    overflow: visible !important;
    padding: clamp(22px, 3vw, 34px);
    border-radius: 32px;
    box-shadow: 0 30px 86px rgba(64, 48, 28, 0.14);
}

.pricing-form-card::before {
    top: -110px;
    right: -92px;
    width: 248px;
    height: 248px;
}

.pricing-form-card::after {
    content: '';
    position: absolute;
    left: 28px;
    right: 28px;
    top: 0;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, var(--primary), var(--gold));
}

.pricing-form-card__intro {
    margin-bottom: 24px;
}

.pricing-form-card__intro span,
.pricing-form__step-head span {
    display: inline-flex;
    align-items: center;
    margin-bottom: 9px;
    color: var(--gold-dark);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.09em;
    line-height: 1.2;
    text-transform: uppercase;
}

.pricing-form__step-head {
    margin-bottom: 18px;
}

.pricing-form__step-head h4 {
    margin: 0;
    color: var(--text-dark);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2;
}

.pricing-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.pricing-form__field {
    position: relative;
    min-width: 0;
    padding-bottom: 0;
}

.pricing-form__field:has(.text-danger:not(:empty)) {
    padding-bottom: 24px;
}

.pricing-form__field.custom-select-field-open,
.pricing-form__field:has(.custom-select.is-open) {
    z-index: 1001;
}

.pricing-form__field--full {
    grid-column: 1 / -1;
}

.pricing-form label {
    display: inline-flex;
    margin-bottom: 8px;
    color: var(--text-dark);
    font-size: 13px;
    font-weight: 900 !important;
    line-height: 1.3;
}

.pricing-form input.required-field,
.pricing-form select.required-field {
    border-color: #dc3545 !important;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: none !important;
}

.pricing-form .text-danger:empty {
    display: none;
}

.pricing-form .text-danger {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 18px;
    margin: 0;
    color: #dc3545;
    font-size: 12px;
    font-weight: 800;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pricing-form__footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 14px;
}

.pricing-form__footer--split {
    justify-content: space-between;
}

.pricing-form__footer button {
    border: 0;
}

.disabled-link {
    pointer-events: none;
    opacity: 0.72;
}

@keyframes pricingPulse {

    0%,
    100% {
        box-shadow: 0 26px 70px rgba(16, 24, 23, 0.14), 0 0 0 0 rgba(45, 106, 79, 0.13);
    }

    50% {
        box-shadow: 0 30px 82px rgba(16, 24, 23, 0.18), 0 0 0 14px rgba(45, 106, 79, 0.02);
    }
}

@keyframes pricingSignal {

    0%,
    100% {
        transform: scaleX(0.48);
        opacity: 0.58;
    }

    50% {
        transform: scaleX(1);
        opacity: 1;
    }
}

@keyframes pricingMeter {

    0%,
    100% {
        transform: scaleY(0.62);
        opacity: 0.72;
    }

    50% {
        transform: scaleY(1);
        opacity: 1;
    }
}

@keyframes pricingFadeUp {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1199px) {

    .pricing-hero__inner,
    .pricing-quote__shell {
        grid-template-columns: 1fr;
    }

    .pricing-quote__content {
        position: relative;
        top: auto;
        max-width: none;
    }
}

@media (max-width: 768px) {
    .pricing-price-grid {
        grid-template-columns: 1fr;
    }

    .pricing-price-card__sub {
        min-height: 0;
    }

    .pricing-hero {
        padding-top: 64px;
    }

    .pricing-hero__actions,
    .pricing-form__footer,
    .pricing-form__footer--split {
        display: grid;
        grid-template-columns: 1fr;
    }

    .pricing-form__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {

    .pricing-price-card,
    .pricing-addons-table,
    .pricing-quote__steps article {
        border-radius: 24px;
    }

    .pricing-quote__steps article {
        grid-template-columns: 1fr;
    }

    .pricing-quote__steps span {
        grid-row: auto;
    }
}

@media (max-width: 1199px) {
    .pricing-engine {
        grid-template-columns: 1fr;
    }

    .pricing-engine__intro {
        position: relative;
        top: auto;
    }

    .pricing-engine__intro h2,
    .pricing-engine__intro>p:not(.eyebrow) {
        max-width: 760px;
    }
}

@media (max-width: 768px) {
    .pricing-engine-row {
        grid-template-columns: 48px minmax(0, 1fr);
        min-height: auto;
    }

    .pricing-engine-row__icon {
        grid-column: 1;
        grid-row: 2;
        width: 48px;
        height: 48px;
        border-radius: 16px;
    }

    .pricing-engine-row__content {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .pricing-engine-row__meter {
        grid-column: 1 / -1;
        width: 100%;
        justify-self: stretch;
    }

    .pricing-engine-row:hover,
    .pricing-engine-row:focus-within {
        transform: translateY(-5px);
    }
}