/* HostingJet Plan Configurator v4.2.2 — full-bleed product pricing system */
.hjplan-section.hjplan-v4,
.hjplan-section.hjplan-v4 * {
    box-sizing: border-box;
}

.hjplan-section.hjplan-v4 {
    --hjplan-accent: #a7ff55;
    --hjplan-accent-dark: #111315;
    --hjplan-accent-mid: #5fbd19;
    --hjplan-section-bg: #ffffff;
    --hjplan-surface: #ffffff;
    --hjplan-soft-surface: #f7f8f7;
    --hjplan-text: #101112;
    --hjplan-muted: #696d6b;
    --hjplan-line: #e3e6e4;
    --hjplan-strong-line: #d5d9d6;
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw !important;
    margin: 0 0 0 -50vw !important;
    padding: 0;
    overflow: clip;
    background: var(--hjplan-section-bg);
    color: var(--hjplan-text);
    font-family: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    isolation: isolate;
}

.hjplan-section.hjplan-v4 button,
.hjplan-section.hjplan-v4 a {
    font: inherit;
}

.hjplan-section.hjplan-v4 button {
    border: 0;
}

.hjplan-section.hjplan-v4 [hidden] {
    display: none !important;
}

.hjplan-pricing-panel {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border-block: 1px solid rgba(16, 17, 18, 0.05);
    background: var(--hjplan-surface);
}

.hjplan-pricing-header {
    display: flex;
    min-height: 228px;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(38px, var(--hjplan-pad-top), 72px) clamp(18px, var(--hjplan-section-gutter), 64px) 0;
    background:
        radial-gradient(circle at 50% -20%, color-mix(in srgb, var(--hjplan-accent) 10%, transparent) 0, transparent 46%),
        linear-gradient(180deg, color-mix(in srgb, var(--hjplan-soft-surface) 76%, #fff 24%) 0%, var(--hjplan-soft-surface) 100%);
    text-align: center;
}

.hjplan-heading-wrap {
    width: min(760px, 100%);
    margin: 0 auto;
}

.hjplan-heading {
    margin: 0;
    color: var(--hjplan-text);
    font-size: clamp(30px, 3.2vw, 45px);
    font-weight: 600;
    letter-spacing: -0.052em;
    line-height: 1.05;
    text-wrap: balance;
}

.hjplan-subheading {
    max-width: 650px;
    margin: 11px auto 0;
    color: var(--hjplan-muted);
    font-size: clamp(11px, 1vw, 13px);
    font-weight: 450;
    line-height: 1.55;
    text-wrap: balance;
}

.hjplan-product-switcher {
    display: grid;
    width: min(var(--hjplan-layout-width), 100%);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    margin: 28px auto 0;
    padding: 4px;
    overflow: hidden;
    border: 1px solid var(--hjplan-line);
    border-radius: 17px 17px 0 0;
    border-bottom: 0;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 -8px 34px rgba(17, 19, 21, 0.035);
    backdrop-filter: blur(14px);
}

.hjplan-product-tab {
    display: flex;
    min-width: 0;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 13px 13px 0 0;
    background: transparent;
    color: #5a605d;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    transition: background-color 170ms ease, color 170ms ease, transform 170ms ease, box-shadow 170ms ease;
}

.hjplan-product-tab:hover {
    color: #171b19;
    background: rgba(255, 255, 255, 0.7);
}

.hjplan-product-tab:active {
    transform: translateY(1px);
}

.hjplan-product-tab.is-active {
    background: var(--hjplan-accent-dark);
    color: #fff;
    box-shadow: 0 8px 24px rgba(12, 17, 14, 0.14), inset 0 -2px 0 var(--hjplan-accent);
}

.hjplan-product-icon {
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--hjplan-accent) 18%, #edf3ef 82%);
    color: color-mix(in srgb, var(--hjplan-accent-mid) 72%, #155425 28%);
}

.hjplan-product-tab.is-active .hjplan-product-icon {
    background: color-mix(in srgb, var(--hjplan-accent) 22%, #123321 78%);
    color: var(--hjplan-accent);
}

.hjplan-product-icon svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

.hjplan-product-context {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-inline: calc(clamp(18px, var(--hjplan-section-gutter), 64px) * -1);
    padding: 9px clamp(18px, var(--hjplan-section-gutter), 64px);
    border-top: 1px solid var(--hjplan-line);
    background: rgba(255, 255, 255, 0.9);
    color: #606663;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
}

.hjplan-context-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--hjplan-accent-mid);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--hjplan-accent) 18%, transparent);
}

.hjplan-product-tab:focus-visible,
.hjplan-grid-nav:focus-visible,
.hjplan-plan-cta:focus-visible,
.hjplan-trial-button:focus-visible,
.hjplan-sheet-close:focus-visible,
.hjplan-sheet-cta:focus-visible,
.hjplan-billing-tab:focus-visible,
.hjplan-mobile-plan-nav button:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--hjplan-accent) 72%, #163421 28%);
    outline-offset: 3px;
}

.hjplan-plans-region {
    position: relative;
    border-top: 1px solid var(--hjplan-line);
    background: var(--hjplan-surface);
}

.hjplan-plans-viewport {
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

.hjplan-plans-viewport::-webkit-scrollbar {
    display: none;
}

.hjplan-plans-track {
    display: grid;
    width: 100%;
    min-width: 100%;
    grid-auto-flow: column;
    grid-auto-columns: 20%;
    align-items: stretch;
}

.hjplan-plan-card {
    position: relative;
    width: auto;
    min-width: 0;
    min-height: 428px;
    padding: 25px clamp(18px, 1.8vw, 28px) 24px;
    border-right: 1px solid var(--hjplan-line);
    background: #fff;
    scroll-snap-align: start;
    transition: background-color 170ms ease, box-shadow 170ms ease;
}

.hjplan-plan-card:last-child {
    border-right: 0;
}

.hjplan-plan-card.is-popular {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--hjplan-accent) 6%, #fff 94%) 0%, #fff 38%);
    box-shadow: inset 0 3px 0 var(--hjplan-accent);
}

.hjplan-plan-topline {
    display: flex;
    min-height: 27px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.hjplan-plan-name {
    margin: 0;
    color: #111413;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.3;
}

.hjplan-popular-badge {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    padding: 5px 9px;
    border: 1px solid color-mix(in srgb, var(--hjplan-accent) 26%, #e1e6e2 74%);
    border-radius: 999px;
    background: #fff;
    color: #303632;
    font-size: 9px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
}

.hjplan-popular-badge::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--hjplan-accent-mid);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--hjplan-accent) 20%, transparent);
    content: "";
}

.hjplan-plan-summary {
    min-height: 36px;
    margin: 5px 0 0;
    color: #505552;
    font-size: 10px;
    font-weight: 450;
    line-height: 1.45;
}

.hjplan-price-meta {
    margin-top: 17px;
    color: #7b817e;
    font-size: 8.5px;
    font-weight: 650;
    letter-spacing: 0.06em;
    line-height: 1;
    text-transform: uppercase;
}

.hjplan-price-row {
    display: flex;
    min-height: 58px;
    align-items: flex-end;
    color: #111413;
}

.hjplan-price-currency,
.hjplan-price-value {
    font-size: clamp(31px, 2.8vw, 42px);
    font-weight: 700;
    letter-spacing: -0.065em;
    line-height: 1;
}

.hjplan-price-suffix {
    margin: 0 0 5px 8px;
    color: #444946;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}

.hjplan-plan-cta {
    display: inline-flex;
    width: 100%;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding: 9px 12px;
    border: 1px solid #171a18;
    border-radius: 8px;
    background: #1a1d1b;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    font-weight: 650;
    line-height: 1;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
    transition: transform 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.hjplan-plan-cta:hover {
    background: #0f1110;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 7px 18px rgba(16, 17, 18, 0.13);
}

.hjplan-plan-card.is-popular .hjplan-plan-cta {
    border-color: color-mix(in srgb, var(--hjplan-accent) 76%, #65b926 24%);
    background: var(--hjplan-accent);
    color: #10180a;
    box-shadow: inset 0 0 0 1px rgba(52, 105, 14, 0.12);
}

.hjplan-plan-card.is-popular .hjplan-plan-cta:hover {
    background: color-mix(in srgb, var(--hjplan-accent) 88%, #75d42b 12%);
    color: #0b1107;
}

.hjplan-plan-divider {
    height: 1px;
    margin: 18px 0 15px;
    background: #e7e9e8;
}

.hjplan-feature-list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hjplan-feature-item {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr);
    gap: 6px;
    align-items: start;
    color: #1d201e;
    font-size: 9.25px;
    font-weight: 450;
    line-height: 1.4;
}

.hjplan-feature-check {
    display: block;
    margin-top: 1px;
    color: #1c211e;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.hjplan-plan-card.is-popular .hjplan-feature-check {
    color: color-mix(in srgb, var(--hjplan-accent-mid) 82%, #2c7d19 18%);
}

.hjplan-grid-nav {
    position: absolute;
    z-index: 4;
    top: 50%;
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid var(--hjplan-strong-line);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.96);
    color: #151816;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-50%) scale(0.94);
    box-shadow: 0 10px 28px rgba(16, 17, 18, 0.13);
    transition: opacity 150ms ease, transform 150ms ease, background-color 150ms ease;
}

.hjplan-plans-region:hover .hjplan-grid-nav,
.hjplan-grid-nav:focus-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%) scale(1);
}

.hjplan-grid-nav:hover {
    background: #fff;
}

.hjplan-grid-nav[disabled] {
    opacity: 0;
    pointer-events: none;
}

.hjplan-grid-nav.is-prev {
    left: 12px;
}

.hjplan-grid-nav.is-next {
    right: 12px;
}

.hjplan-grid-nav svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.hjplan-mobile-plan-nav {
    display: none;
}

.hjplan-trial-row {
    display: grid;
    min-height: 92px;
    grid-template-columns: minmax(0, 1fr) minmax(210px, auto);
    gap: 32px;
    align-items: center;
    padding: 21px clamp(24px, 5vw, 76px) clamp(21px, calc(var(--hjplan-pad-bottom) * 0.45), 36px);
    border-top: 1px solid var(--hjplan-line);
    background: var(--hjplan-soft-surface);
}

.hjplan-trial-title {
    margin: 0;
    color: #181b19;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.25;
}

.hjplan-trial-copy {
    max-width: 780px;
    margin: 5px 0 0;
    color: #727875;
    font-size: 10px;
    font-weight: 450;
    line-height: 1.45;
}

.hjplan-trial-button {
    display: inline-flex;
    min-width: 210px;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    justify-self: end;
    padding: 9px 18px;
    border: 1px solid #292d2a;
    border-radius: 9px;
    background: transparent;
    color: #171a18;
    cursor: pointer;
    font-size: 10px;
    font-weight: 650;
    line-height: 1;
    text-decoration: none;
    transition: background-color 150ms ease, color 150ms ease, transform 150ms ease;
}

.hjplan-trial-button:hover {
    background: #171a18;
    color: #fff;
    transform: translateY(-1px);
}

body.hjplan-sheet-open {
    overflow: hidden;
}

.hjplan-sheet {
    position: fixed;
    z-index: 999999;
    inset: 0;
}

.hjplan-sheet-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    background: rgba(8, 10, 9, 0.53);
    cursor: pointer;
    backdrop-filter: blur(6px);
}

.hjplan-sheet-panel {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    width: min(560px, calc(100% - 32px));
    max-height: min(790px, calc(100dvh - 42px));
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(15, 17, 16, 0.09);
    border-radius: 24px;
    background: #fff;
    outline: 0;
    transform: translate(-50%, -50%);
    box-shadow: 0 30px 100px rgba(8, 10, 9, 0.28);
}

.hjplan-sheet-topbar {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    padding: 0 18px 0 22px;
    border-bottom: 1px solid #eceeed;
    background: #fbfcfb;
}

.hjplan-sheet-handle {
    display: none;
}

.hjplan-sheet-topbar-label {
    color: #171a18;
    font-size: 13px;
    font-weight: 700;
}

.hjplan-sheet-close {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 50%;
    background: #eef0ef;
    color: #1a1c1b;
    cursor: pointer;
}

.hjplan-sheet-close svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.8;
}

.hjplan-sheet-scroll {
    overflow: auto;
    padding: 24px 26px 28px;
}

.hjplan-sheet-header {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
}

.hjplan-sheet-icon {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 15px;
    background: color-mix(in srgb, var(--hjplan-accent) 16%, #f2f6f3 84%);
    color: #1c5b22;
}

.hjplan-sheet-icon .hjplan-product-icon {
    width: 34px;
    height: 34px;
    background: transparent;
}

.hjplan-sheet-icon .hjplan-product-icon svg {
    width: 23px;
    height: 23px;
}

.hjplan-sheet-product,
.hjplan-sheet-copy h3,
.hjplan-sheet-copy > p:last-child {
    margin: 0;
}

.hjplan-sheet-product {
    color: #6b706d;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.hjplan-sheet-copy h3 {
    margin-top: 3px;
    color: #111412;
    font-size: 28px;
    font-weight: 750;
    letter-spacing: -0.048em;
    line-height: 1.08;
}

.hjplan-sheet-copy > p:last-child {
    margin-top: 7px;
    color: #69706c;
    font-size: 12px;
    line-height: 1.5;
}

.hjplan-sheet-billing-wrap {
    margin-top: 24px;
}

.hjplan-sheet-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
}

.hjplan-sheet-label-row span {
    color: #242725;
    font-size: 12px;
    font-weight: 700;
}

.hjplan-sheet-label-row small {
    color: #858b87;
    font-size: 10px;
}

.hjplan-sheet-billing {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
}

.hjplan-sheet-billing::-webkit-scrollbar {
    display: none;
}

.hjplan-billing-tab {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 9px 14px;
    border: 1px solid #e0e4e1;
    border-radius: 10px;
    background: #f7f8f7;
    color: #4a504c;
    cursor: pointer;
    font-size: 10px;
    font-weight: 650;
}

.hjplan-billing-tab.is-active {
    border-color: #171a18;
    background: #171a18;
    color: #fff;
}

.hjplan-sheet-pricebox {
    margin-top: 18px;
    padding: 18px 20px;
    border: 1px solid #e6e9e7;
    border-radius: 16px;
    background: linear-gradient(135deg, #f7faf7 0%, #fff 100%);
}

.hjplan-sheet-price-label {
    display: block;
    color: #737a76;
    font-size: 10px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.hjplan-sheet-price-line {
    display: flex;
    align-items: flex-end;
    margin-top: 4px;
    color: #101311;
}

.hjplan-sheet-currency,
.hjplan-sheet-price-line strong {
    font-size: 42px;
    font-weight: 750;
    letter-spacing: -0.06em;
    line-height: 1;
}

.hjplan-sheet-price-line > span:last-child {
    margin: 0 0 5px 9px;
    color: #505652;
    font-size: 11px;
    font-weight: 550;
}

.hjplan-sheet-kicker {
    margin: 8px 0 0;
    color: color-mix(in srgb, var(--hjplan-accent-mid) 72%, #276321 28%);
    font-size: 11px;
    font-weight: 700;
}

.hjplan-sheet-included-heading {
    display: grid;
    gap: 2px;
    margin-top: 24px;
}

.hjplan-sheet-included-heading strong {
    color: #1b1e1c;
    font-size: 13px;
    font-weight: 750;
}

.hjplan-sheet-included-heading span {
    color: #7b817d;
    font-size: 10px;
}

.hjplan-sheet-feature-list {
    display: grid;
    gap: 9px;
    margin-top: 12px;
}

.hjplan-sheet-feature-row {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
    padding: 12px;
    border: 1px solid #edf0ee;
    border-radius: 12px;
    background: #fff;
}

.hjplan-sheet-feature-icon {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--hjplan-accent) 15%, #f1f5f2 85%);
    color: #2c7b28;
}

.hjplan-sheet-feature-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.hjplan-sheet-feature-copy h4,
.hjplan-sheet-feature-copy p {
    margin: 0;
}

.hjplan-sheet-feature-copy h4 {
    color: #202421;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

.hjplan-sheet-feature-copy p {
    margin-top: 3px;
    color: #737a76;
    font-size: 10px;
    line-height: 1.45;
}

.hjplan-sheet-footer {
    padding: 14px 24px 16px;
    border-top: 1px solid #e9ecea;
    background: #fff;
}

.hjplan-sheet-cta {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 12px;
    background: var(--hjplan-accent-dark);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 150ms ease, background-color 150ms ease;
}

.hjplan-sheet-cta:hover {
    background: #050706;
    color: #fff;
    transform: translateY(-1px);
}

.hjplan-sheet-cta[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 0.56;
}

.hjplan-sheet-cta svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.hjplan-sheet-footer p {
    margin: 8px 0 0;
    color: #858b87;
    font-size: 9px;
    text-align: center;
}

.hjplan-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 1279px) {
    .hjplan-plans-track {
        grid-auto-columns: calc(100% / 3);
    }

    .hjplan-plan-card {
        min-height: 414px;
        padding-inline: 25px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 40px;
    }
}

@media (max-width: 959px) {
    .hjplan-pricing-header {
        min-height: 218px;
    }

    .hjplan-product-switcher {
        width: min(760px, 100%);
    }

    .hjplan-product-tab {
        min-height: 52px;
        padding-inline: 10px;
        font-size: 12px;
    }

    .hjplan-plans-track {
        grid-auto-columns: 50%;
    }

    .hjplan-plan-card {
        min-height: 410px;
        padding: 25px 28px 24px;
    }

    .hjplan-trial-row {
        grid-template-columns: minmax(0, 1fr) auto;
        padding-inline: 32px;
    }
}

@media (max-width: 699px) {
    .hjplan-section.hjplan-v4 {
        overflow-x: hidden;
    }

    .hjplan-pricing-panel {
        border-block-color: #e4e7e5;
    }

    .hjplan-pricing-header {
        min-height: 0;
        padding: 30px 14px 0;
        background:
            radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--hjplan-accent) 12%, transparent) 0, transparent 52%),
            var(--hjplan-soft-surface);
    }

    .hjplan-heading {
        font-size: clamp(27px, 8.4vw, 34px);
        letter-spacing: -0.055em;
    }

    .hjplan-subheading {
        max-width: 420px;
        margin-top: 9px;
        font-size: 11px;
        line-height: 1.5;
    }

    .hjplan-product-switcher {
        display: grid;
        width: calc(100% + 28px);
        grid-auto-flow: column;
        grid-auto-columns: minmax(138px, 43vw);
        grid-template-columns: none;
        gap: 6px;
        margin: 23px -14px 0;
        padding: 5px 14px 0;
        overflow-x: auto;
        border: 0;
        border-top: 1px solid var(--hjplan-line);
        border-radius: 0;
        background: rgba(255, 255, 255, 0.72);
        box-shadow: none;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    .hjplan-product-switcher::-webkit-scrollbar {
        display: none;
    }

    .hjplan-product-tab {
        min-height: 48px;
        gap: 8px;
        padding: 8px 12px;
        border-radius: 12px 12px 0 0;
        scroll-snap-align: center;
        font-size: 11px;
    }

    .hjplan-product-icon {
        width: 26px;
        height: 26px;
    }

    .hjplan-product-context {
        min-height: 42px;
        margin: 0 -14px;
        padding: 9px 15px;
        justify-content: flex-start;
        text-align: left;
        font-size: 10px;
    }

    .hjplan-product-context [data-product-description] {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .hjplan-plans-region {
        padding-top: 12px;
        border-top: 0;
        background: #f4f6f4;
    }

    .hjplan-plans-viewport {
        padding: 0 14px;
        scroll-padding-inline: 14px;
    }

    .hjplan-plans-track {
        width: auto;
        min-width: 100%;
        grid-auto-columns: calc(100vw - 42px);
        gap: 10px;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        min-height: 0;
        padding: 23px 21px 22px;
        border: 1px solid #dfe4e0;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 8px 28px rgba(15, 19, 16, 0.045);
    }

    .hjplan-plan-card.is-popular {
        border-color: color-mix(in srgb, var(--hjplan-accent) 50%, #d9e3db 50%);
        background: linear-gradient(180deg, color-mix(in srgb, var(--hjplan-accent) 8%, #fff 92%) 0%, #fff 38%);
        box-shadow: inset 0 3px 0 var(--hjplan-accent), 0 10px 30px rgba(15, 19, 16, 0.06);
    }

    .hjplan-plan-name {
        font-size: 15px;
    }

    .hjplan-popular-badge {
        min-height: 25px;
        font-size: 9px;
    }

    .hjplan-plan-summary {
        min-height: 0;
        max-width: 330px;
        margin-top: 6px;
        font-size: 11px;
    }

    .hjplan-price-meta {
        margin-top: 18px;
        font-size: 9px;
    }

    .hjplan-price-row {
        min-height: 60px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 42px;
    }

    .hjplan-price-suffix {
        font-size: 10px;
    }

    .hjplan-plan-cta {
        min-height: 44px;
        margin-top: 12px;
        border-radius: 10px;
        font-size: 11px;
    }

    .hjplan-plan-divider {
        margin: 19px 0 16px;
    }

    .hjplan-feature-list {
        gap: 10px;
    }

    .hjplan-feature-item {
        grid-template-columns: 14px minmax(0, 1fr);
        gap: 8px;
        font-size: 10.5px;
        line-height: 1.42;
    }

    .hjplan-feature-check {
        font-size: 14px;
    }

    .hjplan-grid-nav {
        display: none !important;
    }

    .hjplan-mobile-plan-nav {
        display: flex;
        gap: 7px;
        margin-top: 11px;
        padding: 0 14px 14px;
        overflow-x: auto;
        scroll-padding-inline: 14px;
        scrollbar-width: none;
    }

    .hjplan-mobile-plan-nav::-webkit-scrollbar {
        display: none;
    }

    .hjplan-mobile-plan-nav button {
        flex: 0 0 auto;
        min-height: 38px;
        padding: 8px 14px;
        border: 1px solid #dce1dd;
        border-radius: 999px;
        background: #fff;
        color: #5c625e;
        cursor: pointer;
        font-size: 10px;
        font-weight: 700;
        line-height: 1;
    }

    .hjplan-mobile-plan-nav button.is-active {
        border-color: var(--hjplan-accent-dark);
        background: var(--hjplan-accent-dark);
        color: #fff;
    }

    .hjplan-trial-row {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 21px 18px 23px;
    }

    .hjplan-trial-title {
        font-size: 14px;
    }

    .hjplan-trial-copy {
        margin-top: 6px;
        font-size: 10px;
    }

    .hjplan-trial-button {
        width: 100%;
        min-height: 44px;
        justify-self: stretch;
        border-radius: 10px;
        font-size: 10.5px;
    }

    .hjplan-sheet-panel {
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        max-height: min(92dvh, 820px);
        border: 0;
        border-radius: 22px 22px 0 0;
        transform: translateY(var(--hjplan-sheet-drag, 0px));
        transition: transform 220ms cubic-bezier(0.22, 0.8, 0.25, 1);
    }

    .hjplan-sheet-panel.is-dragging {
        transition: none;
    }

    .hjplan-sheet-topbar {
        min-height: 52px;
        padding: 12px 15px 8px;
        border-bottom: 1px solid #edf0ee;
        flex-wrap: wrap;
    }

    .hjplan-sheet-handle {
        display: block;
        order: -2;
        width: 42px;
        height: 5px;
        margin: 0 auto 8px;
        border-radius: 999px;
        background: #cfd4d1;
        flex-basis: 100%;
    }

    .hjplan-sheet-topbar-label {
        font-size: 12px;
    }

    .hjplan-sheet-close {
        width: 36px;
        height: 36px;
    }

    .hjplan-sheet-scroll {
        padding: 20px 17px 24px;
    }

    .hjplan-sheet-header {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
    }

    .hjplan-sheet-icon {
        width: 44px;
        height: 44px;
        border-radius: 13px;
    }

    .hjplan-sheet-copy h3 {
        font-size: 25px;
    }

    .hjplan-sheet-copy > p:last-child {
        font-size: 11px;
    }

    .hjplan-sheet-label-row small {
        display: none;
    }

    .hjplan-billing-tab {
        min-height: 42px;
        padding-inline: 15px;
        font-size: 10.5px;
    }

    .hjplan-sheet-pricebox {
        padding: 17px;
    }

    .hjplan-sheet-currency,
    .hjplan-sheet-price-line strong {
        font-size: 39px;
    }

    .hjplan-sheet-feature-row {
        padding: 11px;
    }

    .hjplan-sheet-footer {
        padding: 12px 15px max(15px, env(safe-area-inset-bottom));
    }

    .hjplan-sheet-cta {
        min-height: 48px;
        border-radius: 12px;
    }
}

@media (max-width: 390px) {
    .hjplan-heading {
        font-size: 27px;
    }

    .hjplan-product-switcher {
        grid-auto-columns: minmax(132px, 46vw);
    }

    .hjplan-plans-track {
        grid-auto-columns: calc(100vw - 34px);
    }

    .hjplan-plans-viewport {
        padding-inline: 12px;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        padding-inline: 19px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hjplan-section.hjplan-v4 *,
    .hjplan-section.hjplan-v4 *::before,
    .hjplan-section.hjplan-v4 *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}


/* HostingJet Plan Configurator v4.2.2 — neon plan card refresh */
.hjplan-section.hjplan-v4 {
    --hjplan-card-gap: clamp(14px, 1.4vw, 22px);
    --hjplan-card-shell: linear-gradient(180deg, rgba(31, 31, 38, 0.98) 0%, rgba(22, 22, 31, 0.985) 58%, rgba(18, 18, 31, 0.99) 100%);
    --hjplan-card-bottom-glow: #2d22f0;
    --hjplan-card-highlight: rgba(170, 255, 85, 0.32);
    --hjplan-card-outline: rgba(255, 255, 255, 0.07);
    --hjplan-card-title: #f7f8fc;
    --hjplan-card-copy: rgba(238, 241, 248, 0.78);
    --hjplan-card-muted: rgba(212, 217, 228, 0.68);
    --hjplan-card-button-bg: #ffffff;
    --hjplan-card-button-text: #121317;
    --hjplan-card-art: url('../img/accent-web.webp');
}

.hjplan-section.hjplan-v4[data-active-product="web"] {
    --hjplan-card-bottom-glow: #2c23ee;
    --hjplan-card-highlight: rgba(255, 205, 92, 0.42);
    --hjplan-card-art: url('../img/accent-web.webp');
}

.hjplan-section.hjplan-v4[data-active-product="wordpress"] {
    --hjplan-card-bottom-glow: #2d23f1;
    --hjplan-card-highlight: rgba(243, 246, 255, 0.28);
    --hjplan-card-art: url('../img/accent-wordpress.webp');
}

.hjplan-section.hjplan-v4[data-active-product="shopify"] {
    --hjplan-card-bottom-glow: #2822e7;
    --hjplan-card-highlight: rgba(108, 255, 186, 0.34);
    --hjplan-card-art: url('../img/accent-shopify.webp');
}

.hjplan-section.hjplan-v4[data-active-product="vps"] {
    --hjplan-card-bottom-glow: #3224ff;
    --hjplan-card-highlight: rgba(156, 140, 255, 0.38);
    --hjplan-card-art: url('../img/accent-vps.webp');
}

.hjplan-plans-region {
    padding: 22px clamp(18px, var(--hjplan-section-gutter), 64px) 0;
    border-top: 1px solid rgba(17, 18, 24, 0.06);
    background: linear-gradient(180deg, rgba(244, 246, 248, 0.56) 0%, #ffffff 100%);
}

.hjplan-plans-viewport {
    padding-inline: 0;
}

.hjplan-plans-track {
    width: auto;
    min-width: 100%;
    gap: var(--hjplan-card-gap);
    grid-auto-columns: calc((100% - (4 * var(--hjplan-card-gap))) / 5);
}

.hjplan-plan-card,
.hjplan-plan-card:last-child {
    position: relative;
    display: flex;
    min-height: 438px;
    flex-direction: column;
    padding: 24px clamp(20px, 1.8vw, 28px) 22px;
    overflow: hidden;
    border: 1px solid var(--hjplan-card-outline);
    border-radius: 28px;
    background:
        radial-gradient(circle at 50% 122%, color-mix(in srgb, var(--hjplan-card-bottom-glow) 92%, #4638ff 8%) 0%, rgba(44, 34, 240, 0.7) 14%, rgba(44, 34, 240, 0.18) 33%, rgba(44, 34, 240, 0) 58%),
        linear-gradient(160deg, color-mix(in srgb, var(--hjplan-card-highlight) 16%, rgba(255,255,255,0) 84%) 0%, rgba(255,255,255,0) 26%),
        var(--hjplan-card-shell);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 18px 32px rgba(10, 12, 22, 0.14),
        0 30px 54px rgba(15, 14, 48, 0.18);
    scroll-snap-align: start;
}

.hjplan-plan-card::before {
    content: "";
    position: absolute;
    top: -6px;
    right: -10px;
    width: min(52%, 190px);
    height: min(42%, 170px);
    background-image: var(--hjplan-card-art);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    opacity: 0.92;
    pointer-events: none;
    filter: saturate(1.06) brightness(1.02);
}

.hjplan-plan-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(9, 10, 18, 0) 0%, rgba(9, 10, 18, 0) 38%, rgba(9, 10, 18, 0.08) 58%, rgba(9, 10, 18, 0.24) 100%);
    pointer-events: none;
}

.hjplan-plan-card > * {
    position: relative;
    z-index: 1;
}

.hjplan-plan-card.is-popular {
    background:
        radial-gradient(circle at 50% 122%, color-mix(in srgb, var(--hjplan-card-bottom-glow) 96%, #4b43ff 4%) 0%, rgba(44, 34, 240, 0.84) 14%, rgba(44, 34, 240, 0.24) 34%, rgba(44, 34, 240, 0) 58%),
        linear-gradient(155deg, color-mix(in srgb, var(--hjplan-card-highlight) 28%, rgba(255,255,255,0) 72%) 0%, rgba(255,255,255,0) 24%),
        linear-gradient(180deg, rgba(31, 31, 40, 0.99) 0%, rgba(18, 18, 29, 0.995) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 0 0 1px color-mix(in srgb, var(--hjplan-card-highlight) 18%, rgba(255,255,255,0.04) 82%),
        0 24px 44px rgba(10, 12, 22, 0.18),
        0 38px 64px rgba(15, 14, 48, 0.24);
}

.hjplan-plan-topline {
    min-height: 0;
    padding-right: min(38%, 132px);
    gap: 12px;
}

.hjplan-plan-name {
    color: var(--hjplan-card-title);
    font-size: clamp(18px, 1.32vw, 22px);
    font-weight: 600;
    letter-spacing: -0.045em;
    line-height: 1.08;
}

.hjplan-popular-badge {
    margin-top: 2px;
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.08);
    color: #f7f9fe;
    backdrop-filter: blur(8px);
}

.hjplan-popular-badge::before {
    background: color-mix(in srgb, var(--hjplan-card-highlight) 80%, #fff 20%);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--hjplan-card-highlight) 26%, transparent);
}

.hjplan-plan-summary {
    min-height: 64px;
    max-width: 74%;
    margin-top: 10px;
    color: var(--hjplan-card-copy);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
}

.hjplan-price-meta {
    margin-top: 18px;
    color: rgba(255, 255, 255, 0.54);
    font-size: 10px;
    letter-spacing: 0.08em;
}

.hjplan-price-row {
    min-height: 68px;
    color: var(--hjplan-card-title);
}

.hjplan-price-currency,
.hjplan-price-value {
    color: var(--hjplan-card-title);
    font-size: clamp(34px, 2.7vw, 44px);
    font-weight: 700;
    letter-spacing: -0.07em;
}

.hjplan-price-suffix {
    margin: 0 0 6px 8px;
    color: var(--hjplan-card-copy);
    font-size: 11px;
}

.hjplan-plan-cta {
    min-height: 56px;
    margin-top: auto;
    border: 0;
    border-radius: 14px;
    background: var(--hjplan-card-button-bg);
    color: var(--hjplan-card-button-text);
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}

.hjplan-plan-cta:hover {
    background: #f9fbff;
    color: #0f1117;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}

.hjplan-plan-card.is-popular .hjplan-plan-cta,
.hjplan-plan-card.is-popular .hjplan-plan-cta:hover {
    border: 0;
    background: #ffffff;
    color: #101318;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.hjplan-plan-divider {
    margin: 17px 0 14px;
    background: rgba(255, 255, 255, 0.1);
}

.hjplan-feature-list {
    gap: 9px;
    margin-top: 0;
}

.hjplan-feature-item {
    grid-template-columns: 14px minmax(0, 1fr);
    gap: 8px;
    color: var(--hjplan-card-muted);
    font-size: 11px;
    line-height: 1.42;
}

.hjplan-feature-check,
.hjplan-plan-card.is-popular .hjplan-feature-check {
    color: rgba(255, 255, 255, 0.92);
    font-size: 13px;
}

.hjplan-grid-nav {
    top: calc(50% + 10px);
    width: 44px;
    height: 44px;
    border-color: rgba(18, 21, 19, 0.1);
    box-shadow: 0 12px 28px rgba(16, 17, 18, 0.12);
}

@media (max-width: 1279px) {
    .hjplan-plans-track {
        grid-auto-columns: calc((100% - (2 * var(--hjplan-card-gap))) / 3);
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        min-height: 430px;
    }
}

@media (max-width: 959px) {
    .hjplan-plans-track {
        grid-auto-columns: calc((100% - var(--hjplan-card-gap)) / 2);
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        min-height: 420px;
        padding-inline: 22px;
    }

    .hjplan-plan-summary {
        max-width: 72%;
    }
}

@media (max-width: 699px) {
    .hjplan-plans-region {
        padding: 14px 0 0;
        background: #f6f7f8;
    }

    .hjplan-plans-viewport {
        padding-inline: 14px;
        scroll-padding-inline: 14px;
    }

    .hjplan-plans-track {
        grid-auto-columns: calc(100vw - 42px);
        gap: 12px;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        min-height: 0;
        padding: 22px 20px 20px;
        border-radius: 24px;
        border-color: rgba(255, 255, 255, 0.08);
        background:
            radial-gradient(circle at 50% 118%, color-mix(in srgb, var(--hjplan-card-bottom-glow) 95%, #4b43ff 5%) 0%, rgba(44, 34, 240, 0.78) 16%, rgba(44, 34, 240, 0.2) 34%, rgba(44, 34, 240, 0) 58%),
            linear-gradient(160deg, color-mix(in srgb, var(--hjplan-card-highlight) 14%, rgba(255,255,255,0) 86%) 0%, rgba(255,255,255,0) 24%),
            var(--hjplan-card-shell);
        box-shadow: 0 16px 28px rgba(9, 11, 18, 0.14), 0 24px 42px rgba(15, 14, 48, 0.18);
    }

    .hjplan-plan-card::before {
        top: -4px;
        right: -8px;
        width: min(47%, 150px);
        height: min(33%, 118px);
        opacity: 0.9;
    }

    .hjplan-plan-topline {
        padding-right: min(40%, 116px);
    }

    .hjplan-plan-name {
        font-size: 16px;
    }

    .hjplan-plan-summary {
        min-height: 0;
        max-width: 68%;
        font-size: 11px;
    }

    .hjplan-price-meta {
        font-size: 9px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 38px;
    }

    .hjplan-price-suffix {
        font-size: 10px;
    }

    .hjplan-feature-item {
        font-size: 10px;
    }

    .hjplan-plan-cta {
        min-height: 50px;
        border-radius: 13px;
        font-size: 12px;
    }
}

@media (max-width: 390px) {
    .hjplan-plans-track {
        grid-auto-columns: calc(100vw - 30px);
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        padding-inline: 18px;
    }

    .hjplan-plan-summary,
    .hjplan-plan-topline {
        max-width: none;
    }

    .hjplan-plan-topline {
        padding-right: 104px;
    }

    .hjplan-plan-summary {
        max-width: 66%;
    }
}


/* HostingJet Plan Configurator v4.2.2 — per-plan accent artwork mapping */
.hjplan-plan-card {
    --hjplan-card-bottom-glow: #2d23f1;
    --hjplan-card-highlight: rgba(243, 246, 255, 0.28);
    --hjplan-card-art: url('../img/accent-wordpress.webp');
}

.hjplan-plan-card[data-plan-slug="go"] {
    --hjplan-card-bottom-glow: #2420dc;
    --hjplan-card-highlight: rgba(243, 246, 255, 0.26);
    --hjplan-card-art: url('../img/accent-wordpress.webp');
}

.hjplan-plan-card[data-plan-slug="plus"] {
    --hjplan-card-bottom-glow: #1f1fd7;
    --hjplan-card-highlight: rgba(108, 255, 186, 0.34);
    --hjplan-card-art: url('../img/accent-shopify.webp');
}

.hjplan-plan-card[data-plan-slug="launch"] {
    --hjplan-card-bottom-glow: #2f24f3;
    --hjplan-card-highlight: rgba(255, 205, 92, 0.42);
    --hjplan-card-art: url('../img/accent-web.webp');
}

.hjplan-plan-card[data-plan-slug="pro"] {
    --hjplan-card-bottom-glow: #3224ff;
    --hjplan-card-highlight: rgba(156, 140, 255, 0.38);
    --hjplan-card-art: url('../img/accent-vps.webp');
}

.hjplan-plan-card[data-plan-slug="agency"] {
    --hjplan-card-bottom-glow: #4427ff;
    --hjplan-card-highlight: rgba(198, 150, 255, 0.40);
    --hjplan-card-art: url('../img/accent-agency.webp');
}


/* HostingJet Plan Configurator v4.2.2 — transparent plan art and color-matched glows */
.hjplan-plan-card,
.hjplan-plan-card:last-child {
    background:
        radial-gradient(circle at 50% 116%, color-mix(in srgb, var(--hjplan-card-bottom-glow) 94%, #2b25cb 6%) 0%, color-mix(in srgb, var(--hjplan-card-bottom-glow) 78%, transparent) 20%, rgba(44, 34, 240, 0.12) 36%, rgba(44, 34, 240, 0) 60%),
        linear-gradient(180deg, rgba(31, 31, 40, 0.985) 0%, rgba(22, 22, 31, 0.992) 54%, rgba(16, 16, 28, 0.998) 100%);
}

.hjplan-plan-card::before {
    top: 2px;
    right: 2px;
    width: min(45%, 156px);
    height: min(31%, 118px);
    opacity: 0.88;
    background-color: transparent;
    filter: saturate(1.03) brightness(1.01) drop-shadow(0 8px 20px rgba(0, 0, 0, 0.08));
}

.hjplan-plan-card::after {
    background:
        linear-gradient(180deg, rgba(8, 9, 18, 0) 0%, rgba(8, 9, 18, 0.04) 42%, rgba(8, 9, 18, 0.17) 68%, rgba(8, 9, 18, 0.28) 100%);
}

.hjplan-plan-card[data-plan-slug="go"] {
    --hjplan-card-bottom-glow: #8d95b5;
    --hjplan-card-highlight: rgba(244, 246, 252, 0.26);
    --hjplan-card-art: url('../img/accent-go.webp');
}

.hjplan-plan-card[data-plan-slug="plus"] {
    --hjplan-card-bottom-glow: #34cf72;
    --hjplan-card-highlight: rgba(108, 255, 186, 0.32);
    --hjplan-card-art: url('../img/accent-plus.webp');
}

.hjplan-plan-card[data-plan-slug="launch"] {
    --hjplan-card-bottom-glow: #efbf57;
    --hjplan-card-highlight: rgba(255, 205, 92, 0.4);
    --hjplan-card-art: url('../img/accent-launch.webp');
}

.hjplan-plan-card[data-plan-slug="pro"] {
    --hjplan-card-bottom-glow: #8f83ff;
    --hjplan-card-highlight: rgba(156, 140, 255, 0.36);
    --hjplan-card-art: url('../img/accent-pro.webp');
}

.hjplan-plan-card[data-plan-slug="agency"] {
    --hjplan-card-bottom-glow: #d79cff;
    --hjplan-card-highlight: rgba(213, 154, 255, 0.38);
    --hjplan-card-art: url('../img/accent-agency.webp');
}

@media (max-width: 699px) {
    .hjplan-plan-card::before {
        top: 2px;
        right: 0;
        width: min(43%, 128px);
        height: min(28%, 98px);
        opacity: 0.86;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        background:
            radial-gradient(circle at 50% 114%, color-mix(in srgb, var(--hjplan-card-bottom-glow) 93%, #2b25cb 7%) 0%, color-mix(in srgb, var(--hjplan-card-bottom-glow) 76%, transparent) 20%, rgba(44, 34, 240, 0.12) 36%, rgba(44, 34, 240, 0) 60%),
            linear-gradient(180deg, rgba(31, 31, 40, 0.986) 0%, rgba(22, 22, 31, 0.993) 54%, rgba(16, 16, 28, 0.998) 100%);
    }
}


/* HostingJet Plan Configurator v4.2.3 — updated supplied accent images */
.hjplan-plan-card::before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    mix-blend-mode: screen;
    opacity: 0.96;
    filter: saturate(1.04) brightness(1.03);
}

.hjplan-plan-card[data-plan-slug="go"] {
    --hjplan-card-bottom-glow: #8a93ab;
    --hjplan-card-highlight: rgba(237, 242, 250, 0.24);
    --hjplan-card-art: url('../img/accent-go-v2.webp');
}

.hjplan-plan-card[data-plan-slug="plus"] {
    --hjplan-card-bottom-glow: #3edb82;
    --hjplan-card-highlight: rgba(133, 255, 197, 0.32);
    --hjplan-card-art: url('../img/accent-plus-v2.webp');
}

.hjplan-plan-card[data-plan-slug="launch"] {
    --hjplan-card-bottom-glow: #efbf57;
    --hjplan-card-highlight: rgba(255, 214, 109, 0.38);
    --hjplan-card-art: url('../img/accent-pro-v2.webp');
}

.hjplan-plan-card[data-plan-slug="pro"] {
    --hjplan-card-bottom-glow: #3b6cff;
    --hjplan-card-highlight: rgba(134, 171, 255, 0.34);
    --hjplan-card-art: url('../img/accent-launch-v2.webp');
}

.hjplan-plan-card[data-plan-slug="agency"] {
    --hjplan-card-bottom-glow: #9f8cff;
    --hjplan-card-highlight: rgba(200, 176, 255, 0.36);
    --hjplan-card-art: url('../img/accent-agency-v2.webp');
}

@media (max-width: 699px) {
    .hjplan-plan-card::before {
        opacity: 0.93;
    }
}


/* HostingJet Plan Configurator v4.3.0 — website hero alignment */
.hjplan-section.hjplan-v4 {
    --hjplan-line: rgba(255, 255, 255, 0.08);
    --hjplan-strong-line: rgba(255, 255, 255, 0.12);
    background:
        radial-gradient(circle at 50% 34%, rgba(129, 198, 138, 0.12) 0%, rgba(2, 10, 10, 0) 46%),
        linear-gradient(180deg, #020909 0%, #051212 100%);
    color: #f4f8f3;
}

.hjplan-pricing-panel {
    border: 0;
    background:
        linear-gradient(180deg, rgba(1, 10, 10, 0.96) 0%, rgba(2, 10, 10, 0.98) 100%);
}

.hjplan-pricing-header {
    min-height: 590px;
    padding: clamp(28px, 3vw, 40px) clamp(18px, var(--hjplan-section-gutter), 64px) clamp(34px, 4.2vw, 56px);
    justify-content: center;
    gap: 24px;
    background:
        radial-gradient(circle at 50% 44%, rgba(188, 228, 156, 0.16) 0%, rgba(82, 146, 92, 0.08) 26%, rgba(2, 10, 10, 0) 56%),
        linear-gradient(180deg, #020b0b 0%, #041414 100%);
}

.hjplan-pricing-header::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -260px;
    width: min(1600px, 140vw);
    height: 620px;
    transform: translateX(-50%);
    border-radius: 50%;
    background:
        radial-gradient(ellipse at center, rgba(195, 227, 154, 0.18) 0%, rgba(128, 190, 124, 0.14) 28%, rgba(52, 106, 78, 0.08) 46%, rgba(2, 10, 10, 0) 70%);
    filter: blur(8px);
    pointer-events: none;
}

.hjplan-pricing-header::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 92px;
    width: min(1380px, 120vw);
    height: 360px;
    transform: translateX(-50%);
    border-radius: 50%;
    border-top: 2px solid rgba(207, 235, 157, 0.16);
    box-shadow: 0 -40px 120px rgba(149, 214, 133, 0.12);
    opacity: 0.86;
    pointer-events: none;
}

.hjplan-pricing-header > * {
    position: relative;
    z-index: 1;
}

.hjplan-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0 auto;
    padding: 8px 14px 8px 10px;
    border-radius: 999px;
    background: rgba(6, 22, 16, 0.86);
    box-shadow: inset 0 0 0 1px rgba(133, 176, 123, 0.18);
    backdrop-filter: blur(10px);
}

.hjplan-hero-badge-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 18px;
    border-radius: 999px;
    background: #b9f13e;
    color: #0b130d;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.hjplan-hero-badge-text {
    color: #edf8ea;
    font-size: clamp(18px, 1.8vw, 22px);
    font-weight: 600;
    letter-spacing: -0.04em;
}

.hjplan-heading-wrap {
    width: min(920px, 100%);
}

.hjplan-heading {
    color: #f4f7ef;
    font-size: clamp(48px, 7vw, 92px);
    font-weight: 700;
    line-height: 1.06;
    letter-spacing: -0.07em;
}

.hjplan-subheading {
    max-width: 760px;
    margin-top: 22px;
    color: rgba(241, 247, 241, 0.9);
    font-size: clamp(18px, 1.85vw, 28px);
    font-weight: 600;
    line-height: 1.34;
}

.hjplan-hero-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 64px;
    margin: 34px auto 0;
    padding: 0 34px;
    border-radius: 999px;
    background: #c8ed88;
    color: #10150e;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 20px 46px rgba(28, 70, 31, 0.24);
    cursor: pointer;
    transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}

.hjplan-hero-cta:hover {
    background: #d0f48e;
    transform: translateY(-1px);
    box-shadow: 0 26px 56px rgba(28, 70, 31, 0.3);
}

.hjplan-hero-cta svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.hjplan-product-switcher {
    width: min(1000px, 100%);
    margin-top: 24px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(8, 19, 16, 0.5);
    box-shadow: inset 0 0 0 1px rgba(145, 202, 144, 0.04);
    backdrop-filter: blur(14px);
}

.hjplan-product-tab {
    min-height: 58px;
    border-radius: 18px;
    color: rgba(242, 247, 239, 0.72);
}

.hjplan-product-tab svg {
    color: currentColor;
}

.hjplan-product-tab.is-active {
    background: rgba(14, 38, 28, 0.9);
    color: #f7fcef;
    box-shadow: inset 0 0 0 1px rgba(199, 238, 147, 0.16), 0 10px 24px rgba(2, 10, 10, 0.22);
}

.hjplan-product-context {
    margin-top: 18px;
    color: rgba(222, 236, 223, 0.78);
}

.hjplan-context-dot {
    background: #bff168;
    box-shadow: 0 0 0 7px rgba(191, 241, 104, 0.16);
}

.hjplan-plans-region {
    padding: 8px clamp(18px, var(--hjplan-section-gutter), 64px) 0;
    border-top: 0;
    background: linear-gradient(180deg, rgba(3, 13, 13, 0.98) 0%, rgba(3, 13, 13, 1) 100%);
}

.hjplan-plans-track {
    gap: clamp(16px, 1.2vw, 22px);
}

.hjplan-plan-card,
.hjplan-plan-card:last-child {
    min-height: 414px;
    padding: 26px 22px 22px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 26px;
    background:
        radial-gradient(circle at 50% 118%, color-mix(in srgb, var(--hjplan-card-bottom-glow) 82%, transparent) 0%, color-mix(in srgb, var(--hjplan-card-bottom-glow) 45%, transparent) 20%, rgba(2, 10, 10, 0) 58%),
        linear-gradient(180deg, rgba(24, 24, 28, 0.98) 0%, rgba(19, 19, 27, 0.99) 62%, rgba(15, 15, 27, 1) 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 22px 42px rgba(0, 0, 0, 0.24);
}

.hjplan-plan-card::before {
    display: none;
}

.hjplan-plan-card::after {
    background: linear-gradient(180deg, rgba(2, 10, 10, 0) 0%, rgba(2, 10, 10, 0) 54%, rgba(2, 10, 10, 0.16) 76%, rgba(2, 10, 10, 0.28) 100%);
}

.hjplan-plan-card[data-plan-slug="go"] {
    --hjplan-card-bottom-glow: #b7ee53;
    --hjplan-card-highlight: rgba(183, 238, 83, 0.22);
}

.hjplan-plan-card[data-plan-slug="plus"] {
    --hjplan-card-bottom-glow: #51df91;
    --hjplan-card-highlight: rgba(81, 223, 145, 0.22);
}

.hjplan-plan-card[data-plan-slug="launch"] {
    --hjplan-card-bottom-glow: #d4ef73;
    --hjplan-card-highlight: rgba(212, 239, 115, 0.22);
}

.hjplan-plan-card[data-plan-slug="pro"] {
    --hjplan-card-bottom-glow: #67c4ff;
    --hjplan-card-highlight: rgba(103, 196, 255, 0.22);
}

.hjplan-plan-card[data-plan-slug="agency"] {
    --hjplan-card-bottom-glow: #7ee8d4;
    --hjplan-card-highlight: rgba(126, 232, 212, 0.2);
}

.hjplan-plan-card.is-popular {
    border-color: rgba(212, 239, 115, 0.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 28px 54px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(212, 239, 115, 0.08);
}

.hjplan-plan-topline,
.hjplan-plan-summary {
    padding-right: 0;
    max-width: 100%;
}

.hjplan-plan-name {
    color: #f6f8f1;
    font-size: clamp(18px, 1.4vw, 24px);
    font-weight: 700;
}

.hjplan-plan-summary {
    min-height: 58px;
    margin-top: 12px;
    color: rgba(241, 246, 239, 0.72);
    font-size: 14px;
    line-height: 1.5;
}

.hjplan-price-meta {
    margin-top: 24px;
    color: rgba(241, 246, 239, 0.54);
    font-size: 11px;
    font-weight: 700;
}

.hjplan-price-row {
    min-height: 82px;
}

.hjplan-price-currency,
.hjplan-price-value {
    font-size: clamp(44px, 2.9vw, 58px);
    font-weight: 700;
}

.hjplan-price-suffix {
    margin-left: 8px;
    margin-bottom: 10px;
    color: rgba(241, 246, 239, 0.74);
    font-size: 16px;
}

.hjplan-plan-cta {
    min-height: 60px;
    border-radius: 16px;
    background: #f7f8f4;
    color: #11170f;
    font-size: 15px;
    font-weight: 700;
}

.hjplan-plan-divider {
    margin: 18px 0 14px;
    background: rgba(255,255,255,0.08);
}

.hjplan-feature-item {
    color: rgba(240, 244, 238, 0.8);
    font-size: 12px;
}

.hjplan-feature-check,
.hjplan-plan-card.is-popular .hjplan-feature-check {
    color: #f8fcf5;
}

.hjplan-grid-nav {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(10, 20, 17, 0.82);
    color: #f3f8ef;
    box-shadow: 0 14px 28px rgba(0,0,0,0.24);
}

.hjplan-grid-nav svg {
    stroke: currentColor;
}

.hjplan-trial-row {
    margin: 24px clamp(18px, var(--hjplan-section-gutter), 64px) 0;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(7, 18, 16, 0.74);
    color: #f1f5ee;
}

.hjplan-trial-title,
.hjplan-trial-copy {
    color: inherit;
}

.hjplan-trial-copy {
    opacity: 0.72;
}

.hjplan-trial-button {
    border-radius: 999px;
    background: transparent;
    color: #f3f8ef;
    border: 1px solid rgba(255,255,255,0.14);
}

@media (max-width: 959px) {
    .hjplan-pricing-header {
        min-height: 520px;
        padding-bottom: 28px;
    }

    .hjplan-heading {
        font-size: clamp(42px, 10vw, 72px);
    }

    .hjplan-subheading {
        font-size: clamp(16px, 2.6vw, 22px);
    }

    .hjplan-product-switcher {
        width: min(720px, 100%);
    }
}

@media (max-width: 699px) {
    .hjplan-pricing-header {
        min-height: 460px;
        gap: 18px;
        padding-top: 26px;
        padding-bottom: 20px;
    }

    .hjplan-pricing-header::before {
        bottom: -212px;
        height: 500px;
    }

    .hjplan-pricing-header::after {
        bottom: 74px;
        height: 300px;
    }

    .hjplan-hero-badge {
        gap: 10px;
        padding: 8px 12px 8px 8px;
    }

    .hjplan-hero-badge-chip {
        min-height: 34px;
        padding: 0 14px;
        font-size: 13px;
    }

    .hjplan-hero-badge-text {
        font-size: 16px;
    }

    .hjplan-heading {
        font-size: clamp(36px, 12vw, 56px);
    }

    .hjplan-subheading {
        max-width: 340px;
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.45;
    }

    .hjplan-hero-cta {
        min-height: 56px;
        margin-top: 22px;
        padding: 0 28px;
        font-size: 16px;
    }

    .hjplan-product-switcher {
        grid-template-columns: repeat(4, minmax(140px, 1fr));
        margin-top: 18px;
        padding: 4px;
        overflow-x: auto;
        border-radius: 18px;
    }

    .hjplan-product-tab {
        min-height: 52px;
        white-space: nowrap;
    }

    .hjplan-product-context {
        margin-top: 14px;
        font-size: 12px;
    }

    .hjplan-plans-region {
        padding-top: 0;
        background: linear-gradient(180deg, rgba(3, 13, 13, 0.98) 0%, rgba(3, 13, 13, 1) 100%);
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        min-height: 388px;
        padding: 22px 20px 20px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 42px;
    }

    .hjplan-price-suffix {
        font-size: 14px;
    }

    .hjplan-feature-item {
        font-size: 11px;
    }
}


/* HostingJet Plan Configurator v4.3.1 — white section with compact glow cards */
.hjplan-section.hjplan-v4 {
    --hjplan-line: rgba(15, 18, 19, 0.08);
    --hjplan-strong-line: rgba(15, 18, 19, 0.12);
    background: #ffffff;
    color: #101112;
}

.hjplan-pricing-panel {
    border: 0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}

.hjplan-pricing-header {
    min-height: 0;
    padding: 34px clamp(18px, var(--hjplan-section-gutter), 64px) 24px;
    gap: 18px;
    background: #ffffff;
}

.hjplan-pricing-header::before,
.hjplan-pricing-header::after,
.hjplan-hero-badge,
.hjplan-hero-cta {
    display: none !important;
}

.hjplan-heading-wrap {
    width: min(900px, 100%);
}

.hjplan-heading {
    color: #121417;
    font-size: clamp(34px, 4.8vw, 64px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.065em;
}

.hjplan-subheading {
    max-width: 760px;
    margin-top: 14px;
    color: #646970;
    font-size: clamp(16px, 1.45vw, 22px);
    font-weight: 500;
    line-height: 1.45;
}

.hjplan-product-switcher {
    width: min(1040px, 100%);
    margin-top: 18px;
    border: 1px solid rgba(18, 20, 23, 0.08);
    border-bottom: 1px solid rgba(18, 20, 23, 0.08);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(18, 20, 23, 0.05);
    backdrop-filter: none;
}

.hjplan-product-tab {
    min-height: 56px;
    color: #59606a;
}

.hjplan-product-tab.is-active {
    background: #0f1416;
    color: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(167, 255, 85, 0.42), 0 8px 24px rgba(18, 20, 23, 0.12);
}

.hjplan-product-context {
    margin-top: 16px;
    color: #707782;
}

.hjplan-context-dot {
    background: #34d66b;
    box-shadow: 0 0 0 6px rgba(52, 214, 107, 0.15);
}

.hjplan-plans-region {
    padding: 18px clamp(18px, var(--hjplan-section-gutter), 64px) 0;
    background: #ffffff;
}

.hjplan-plans-track {
    gap: clamp(18px, 1.35vw, 24px);
}

.hjplan-plan-card,
.hjplan-plan-card:last-child {
    position: relative;
    min-height: 474px;
    padding: 34px 30px 28px;
    border: 1px solid rgba(21, 24, 28, 0.05);
    border-radius: 34px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 112%, color-mix(in srgb, var(--hjplan-card-bottom-glow) 88%, transparent) 0%, color-mix(in srgb, var(--hjplan-card-bottom-glow) 72%, transparent) 15%, color-mix(in srgb, var(--hjplan-card-bottom-glow) 34%, transparent) 36%, rgba(20, 20, 28, 0) 58%),
        linear-gradient(180deg, #232323 0%, #1e1e22 58%, #1b1b22 100%);
    box-shadow: 0 16px 34px rgba(13, 15, 18, 0.12);
}

.hjplan-plan-card::before {
    display: none !important;
}

.hjplan-plan-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0) 18%, rgba(255,255,255,0) 62%, rgba(0,0,0,0.08) 100%);
    pointer-events: none;
}

.hjplan-plan-card > * {
    position: relative;
    z-index: 1;
}

.hjplan-plan-card[data-plan-slug="go"] {
    --hjplan-card-bottom-glow: #2b2cf4;
}

.hjplan-plan-card[data-plan-slug="plus"] {
    --hjplan-card-bottom-glow: #44d8a0;
}

.hjplan-plan-card[data-plan-slug="launch"] {
    --hjplan-card-bottom-glow: #c8ee71;
}

.hjplan-plan-card[data-plan-slug="pro"] {
    --hjplan-card-bottom-glow: #55a7ff;
}

.hjplan-plan-card[data-plan-slug="agency"] {
    --hjplan-card-bottom-glow: #7e7cff;
}

.hjplan-plan-card.is-popular {
    border-color: rgba(20, 24, 30, 0.06);
    box-shadow: 0 18px 38px rgba(13, 15, 18, 0.14);
}

.hjplan-plan-topline,
.hjplan-plan-summary {
    padding-right: 0;
    max-width: 100%;
}

.hjplan-plan-name {
    color: #ffffff;
    font-size: clamp(22px, 1.75vw, 30px);
    font-weight: 500;
    line-height: 1.04;
    letter-spacing: -0.055em;
}

.hjplan-popular-badge {
    align-self: flex-start;
    margin-top: 2px;
    border-color: rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.9);
}

.hjplan-plan-summary {
    min-height: 96px;
    margin-top: 16px;
    color: rgba(255,255,255,0.7);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.52;
}

.hjplan-price-meta {
    margin-top: 10px;
    color: rgba(255,255,255,0.68);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.02em;
    text-transform: none;
}

.hjplan-price-row {
    min-height: 122px;
    margin-top: 2px;
    align-items: end;
}

.hjplan-price-currency,
.hjplan-price-value {
    color: #ffffff;
    font-size: clamp(48px, 3.2vw, 76px);
    font-weight: 500;
    letter-spacing: -0.08em;
    line-height: 0.94;
}

.hjplan-price-suffix {
    margin: 0 0 12px 8px;
    color: rgba(255,255,255,0.66);
    font-size: 16px;
    font-weight: 400;
}

.hjplan-plan-cta {
    min-height: 64px;
    margin-top: auto;
    border-radius: 18px;
    background: #ffffff;
    color: #14161a;
    font-size: 15px;
    font-weight: 500;
    box-shadow: 0 10px 26px rgba(0,0,0,0.14);
}

.hjplan-plan-divider {
    margin: 20px 0 16px;
    background: rgba(255,255,255,0.08);
}

.hjplan-feature-list {
    gap: 10px;
}

.hjplan-feature-item {
    grid-template-columns: 14px minmax(0,1fr);
    color: rgba(255,255,255,0.72);
    font-size: 11px;
    line-height: 1.45;
}

.hjplan-feature-check,
.hjplan-plan-card.is-popular .hjplan-feature-check {
    color: rgba(255,255,255,0.94);
}

.hjplan-grid-nav {
    border-color: rgba(17, 20, 24, 0.08);
    background: #ffffff;
    color: #16191c;
    box-shadow: 0 14px 28px rgba(16,18,20,0.08);
}

.hjplan-trial-row {
    margin: 28px clamp(18px, var(--hjplan-section-gutter), 64px) 0;
    border: 1px solid rgba(18, 20, 23, 0.08);
    background: #ffffff;
    color: #171a1d;
    box-shadow: 0 10px 28px rgba(20,24,28,0.06);
}

.hjplan-trial-copy {
    color: #666d77;
    opacity: 1;
}

.hjplan-trial-button {
    background: #ffffff;
    color: #15181b;
    border: 1px solid rgba(18,20,23,0.12);
}

@media (max-width: 959px) {
    .hjplan-pricing-header {
        padding-bottom: 20px;
    }

    .hjplan-heading {
        font-size: clamp(34px, 8vw, 52px);
    }

    .hjplan-subheading {
        font-size: clamp(15px, 2.2vw, 18px);
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        min-height: 450px;
        padding: 30px 24px 24px;
        border-radius: 30px;
    }
}

@media (max-width: 699px) {
    .hjplan-pricing-header {
        padding-top: 22px;
        padding-bottom: 16px;
        gap: 14px;
    }

    .hjplan-heading {
        font-size: clamp(30px, 10.2vw, 42px);
    }

    .hjplan-subheading {
        max-width: 320px;
        margin-top: 12px;
        font-size: 14px;
    }

    .hjplan-product-switcher {
        margin-top: 14px;
        border-radius: 18px;
        box-shadow: 0 8px 20px rgba(18,20,23,0.05);
    }

    .hjplan-product-tab {
        min-height: 50px;
    }

    .hjplan-plans-region {
        padding-top: 14px;
        background: #ffffff;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        min-height: 432px;
        padding: 28px 22px 22px;
        border-radius: 30px;
    }

    .hjplan-plan-summary {
        min-height: 88px;
        font-size: 12px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 58px;
    }

    .hjplan-price-suffix {
        margin-bottom: 10px;
        font-size: 15px;
    }

    .hjplan-plan-cta {
        min-height: 58px;
        border-radius: 16px;
        font-size: 14px;
    }

    .hjplan-feature-item {
        font-size: 10px;
    }
}


/* HostingJet Plan Configurator v4.3.2 — exact compact card refinement */
.hjplan-pricing-panel {
    padding-block: 0;
}

.hjplan-pricing-header {
    padding: 20px clamp(18px, var(--hjplan-section-gutter), 48px) 14px;
    gap: 12px;
    align-items: center;
}

.hjplan-heading-wrap {
    width: min(660px, 100%);
    text-align: center;
}

.hjplan-heading {
    font-size: clamp(24px, 3.2vw, 38px);
    line-height: 1.08;
    letter-spacing: -0.045em;
    font-weight: 500;
}

.hjplan-subheading {
    max-width: 520px;
    margin: 8px auto 0;
    font-size: clamp(12px, 1.1vw, 15px);
    line-height: 1.45;
    color: #757b83;
    font-weight: 400;
}

.hjplan-product-switcher {
    display: inline-flex;
    width: auto;
    max-width: 100%;
    margin-top: 12px;
    padding: 5px;
    gap: 4px;
    border: 0;
    border-radius: 999px;
    background: #f5f5f5;
    box-shadow: inset 0 0 0 1px rgba(17, 20, 24, 0.04);
}

.hjplan-product-tab {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    color: #626770;
}

.hjplan-product-tab.is-active {
    background: #ffffff;
    color: #181b20;
    box-shadow: 0 3px 8px rgba(17, 20, 24, 0.08);
}

.hjplan-product-context,
.hjplan-grid-nav,
.hjplan-trial-row,
.hjplan-plan-divider,
.hjplan-feature-list,
.hjplan-popular-badge {
    display: none !important;
}

.hjplan-plans-region {
    padding: 12px clamp(18px, var(--hjplan-section-gutter), 48px) 0;
}

.hjplan-plans-track {
    gap: clamp(14px, 1vw, 18px);
}

.hjplan-plan-card,
.hjplan-plan-card:last-child {
    min-height: 362px;
    padding: 28px 24px 20px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 50% 106%, color-mix(in srgb, var(--hjplan-card-bottom-glow) 95%, transparent) 0%, color-mix(in srgb, var(--hjplan-card-bottom-glow) 78%, transparent) 12%, color-mix(in srgb, var(--hjplan-card-bottom-glow) 30%, transparent) 34%, rgba(24, 24, 30, 0) 52%),
        linear-gradient(180deg, #232323 0%, #1f1f23 62%, #1d1d24 100%);
    box-shadow: 0 14px 30px rgba(10, 12, 14, 0.12);
}

.hjplan-plan-topline {
    margin-bottom: 0;
}

.hjplan-plan-name {
    font-size: clamp(24px, 2vw, 34px);
    font-weight: 400;
    letter-spacing: -0.05em;
}

.hjplan-plan-summary {
    min-height: 96px;
    margin-top: 18px;
    color: rgba(255,255,255,0.64);
    font-size: 15px;
    line-height: 1.45;
    max-width: 92%;
}

.hjplan-price-meta {
    margin-top: 12px;
    color: rgba(255,255,255,0.72);
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -0.03em;
}

.hjplan-price-row {
    min-height: 100px;
    margin-top: 8px;
}

.hjplan-price-currency,
.hjplan-price-value {
    font-size: clamp(54px, 4vw, 84px);
    font-weight: 400;
    letter-spacing: -0.08em;
}

.hjplan-price-suffix {
    margin: 0 0 10px 8px;
    font-size: 18px;
    color: rgba(255,255,255,0.62);
}

.hjplan-plan-cta {
    min-height: 54px;
    margin-top: auto;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 500;
    box-shadow: none;
}

@media (max-width: 959px) {
    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        min-height: 346px;
        padding: 24px 22px 18px;
    }

    .hjplan-plan-summary {
        min-height: 88px;
        font-size: 14px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: clamp(48px, 7vw, 70px);
    }
}

@media (max-width: 699px) {
    .hjplan-pricing-header {
        padding: 18px 18px 12px;
    }

    .hjplan-heading {
        font-size: 22px;
    }

    .hjplan-subheading {
        max-width: 290px;
        font-size: 12px;
    }

    .hjplan-product-switcher {
        margin-top: 10px;
        padding: 4px;
        gap: 3px;
        overflow-x: auto;
    }

    .hjplan-product-tab {
        min-height: 32px;
        padding: 0 14px;
        font-size: 11px;
        white-space: nowrap;
    }

    .hjplan-plans-region {
        padding-top: 10px;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        min-height: 334px;
        padding: 24px 20px 18px;
        border-radius: 28px;
    }

    .hjplan-plan-name {
        font-size: 22px;
    }

    .hjplan-plan-summary {
        min-height: 84px;
        margin-top: 14px;
        font-size: 13px;
    }

    .hjplan-price-meta {
        margin-top: 6px;
        font-size: 15px;
    }

    .hjplan-price-row {
        min-height: 88px;
        margin-top: 6px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 46px;
    }

    .hjplan-price-suffix {
        margin-bottom: 8px;
        font-size: 16px;
    }

    .hjplan-plan-cta {
        min-height: 50px;
        font-size: 15px;
    }
}


/* HostingJet Plan Configurator v4.3.3 — supplied card code spacing */
.hjplan-pricing-panel {
    padding-bottom: 28px;
    background: #ffffff;
}

.hjplan-pricing-header {
    padding: 26px clamp(18px, var(--hjplan-section-gutter), 48px) 14px;
    gap: 14px;
}

.hjplan-heading-wrap {
    width: min(720px, 100%);
}

.hjplan-heading {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.045em;
}

.hjplan-subheading {
    max-width: 580px;
    margin-top: 10px;
    color: #70757d;
    font-size: 17px;
    line-height: 1.5;
}

.hjplan-product-switcher {
    display: inline-grid;
    width: min(720px, 100%);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    margin-top: 14px;
    padding: 5px;
    border-radius: 999px;
    background: #f4f4f5;
    box-shadow: inset 0 0 0 1px rgba(18, 20, 24, 0.035);
}

.hjplan-product-tab {
    min-width: 0;
    min-height: 44px;
    gap: 9px;
    padding: 0 15px;
    border-radius: 999px;
    color: #5f646c;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.hjplan-product-tab.is-active {
    background: #ffffff;
    color: #171a1e;
    box-shadow: 0 3px 10px rgba(18, 20, 24, 0.09);
}

.hjplan-product-icon {
    display: inline-flex;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
}

.hjplan-product-icon svg {
    width: 18px;
    height: 18px;
    overflow: visible;
}

.hjplan-product-icon.is-web {
    color: #19a968;
}

.hjplan-product-icon.is-wordpress {
    color: #21759b;
}

.hjplan-product-icon.is-shopify {
    color: #74a82a;
}

.hjplan-product-icon.is-vps {
    color: #6558e8;
}

.hjplan-product-icon .hjplan-brand-svg:not(.hjplan-brand-wordpress) {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.hjplan-product-icon .hjplan-brand-wordpress {
    fill: currentColor;
    stroke: none;
}

.hjplan-product-icon .hjplan-brand-shopify path:first-child {
    fill: currentColor;
    stroke: none;
    opacity: 0.22;
}

.hjplan-product-icon .hjplan-brand-shopify path:not(:first-child) {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.hjplan-plans-region {
    padding: 14px clamp(18px, var(--hjplan-section-gutter), 48px) 0;
    background: #ffffff;
}

.hjplan-plan-card,
.hjplan-plan-card:last-child {
    min-height: 0;
    padding: 32px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 32px;
    background: #000000;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    isolation: isolate;
}

.hjplan-plan-card::after {
    display: block;
    inset: auto 0 0;
    width: 100%;
    height: 50%;
    border-radius: 0 0 32px 32px;
    background: linear-gradient(
        to top,
        color-mix(in srgb, var(--hjplan-card-bottom-glow) 58%, #000 42%) 0%,
        color-mix(in srgb, var(--hjplan-card-bottom-glow) 20%, transparent) 52%,
        transparent 100%
    );
    opacity: 0.8;
}

.hjplan-plan-topline {
    margin: 0 0 32px;
}

.hjplan-plan-name {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.025em;
}

.hjplan-plan-summary {
    min-height: 0;
    max-width: 250px;
    margin: -26px 0 32px;
    color: #a1a1aa;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.625;
}

.hjplan-price-meta {
    margin: 0 0 8px;
    color: #a1a1aa;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    opacity: 0.8;
}

.hjplan-price-row {
    display: flex;
    min-height: 0;
    align-items: baseline;
    margin: 0 0 48px;
    color: #ffffff;
}

.hjplan-price-currency,
.hjplan-price-value {
    color: #ffffff;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.025em;
}

.hjplan-price-suffix {
    align-self: flex-end;
    margin: 0 0 8px 4px;
    color: #a1a1aa;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.hjplan-plan-cta {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 16px 20px;
    border-radius: 999px;
    background: #ffffff;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    box-shadow: none;
}

.hjplan-plan-cta:hover {
    background: #f4f4f5;
    color: #000000;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.hjplan-plan-card[data-plan-slug="go"] { --hjplan-card-bottom-glow: #2563eb; }
.hjplan-plan-card[data-plan-slug="plus"] { --hjplan-card-bottom-glow: #10b981; }
.hjplan-plan-card[data-plan-slug="launch"] { --hjplan-card-bottom-glow: #84cc16; }
.hjplan-plan-card[data-plan-slug="pro"] { --hjplan-card-bottom-glow: #0ea5e9; }
.hjplan-plan-card[data-plan-slug="agency"] { --hjplan-card-bottom-glow: #7c3aed; }

@media (min-width: 768px) {
    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        padding: 40px;
    }
}

@media (max-width: 959px) {
    .hjplan-heading {
        font-size: 36px;
    }

    .hjplan-subheading {
        font-size: 16px;
    }

    .hjplan-product-switcher {
        width: min(650px, 100%);
    }
}

@media (max-width: 699px) {
    .hjplan-pricing-header {
        padding: 20px 16px 10px;
    }

    .hjplan-heading {
        font-size: 31px;
    }

    .hjplan-subheading {
        max-width: 330px;
        font-size: 15px;
    }

    .hjplan-product-switcher {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        overflow-x: auto;
        border-radius: 18px;
    }

    .hjplan-product-tab {
        min-height: 42px;
        padding: 0 14px;
        font-size: 12px;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        padding: 32px;
        border-radius: 32px;
    }

    .hjplan-plan-card::after {
        border-radius: 0 0 32px 32px;
    }

    .hjplan-plan-name {
        font-size: 28px;
    }

    .hjplan-plan-summary {
        max-width: 255px;
        font-size: 16px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 56px;
    }

    .hjplan-price-row {
        margin-bottom: 42px;
    }

    .hjplan-plan-cta {
        font-size: 17px;
        padding-block: 15px;
    }
}

/* HostingJet Plan Configurator v4.3.3 — exact card DOM spacing */
.hjplan-card-content {
    position: relative;
    z-index: 1;
    display: flex;
    height: 100%;
    flex-direction: column;
}

.hjplan-card-header {
    margin: 0 0 32px;
}

.hjplan-card-header .hjplan-plan-name {
    margin: 0 0 8px;
}

.hjplan-card-header .hjplan-plan-summary {
    min-height: 0;
    max-width: 250px;
    margin: 0;
}

.hjplan-card-pricing {
    margin: 0 0 48px;
}

.hjplan-card-pricing .hjplan-price-meta {
    margin: 0 0 8px;
}

.hjplan-card-pricing .hjplan-price-row {
    margin: 0;
}

@media (max-width: 699px) {
    .hjplan-card-header {
        margin-bottom: 28px;
    }

    .hjplan-card-pricing {
        margin-bottom: 42px;
    }
}


/* HostingJet Plan Configurator v4.3.4 — shorter cards and mobile peek */
.hjplan-plan-card,
.hjplan-plan-card:last-child {
    align-self: start;
    height: auto;
    padding: 28px;
    border-radius: 24px;
}

.hjplan-plan-card::after {
    height: 48%;
    border-radius: 0 0 24px 24px;
}

.hjplan-card-header {
    margin-bottom: 20px;
}

.hjplan-card-header .hjplan-plan-name {
    margin-bottom: 7px;
    font-size: 27px;
    line-height: 1.14;
}

.hjplan-card-header .hjplan-plan-summary {
    max-width: 240px;
    font-size: 15px;
    line-height: 1.5;
}

.hjplan-card-pricing {
    margin-bottom: 28px;
}

.hjplan-card-pricing .hjplan-price-meta {
    margin-bottom: 6px;
}

.hjplan-price-currency,
.hjplan-price-value {
    font-size: 52px;
}

.hjplan-price-suffix {
    margin-bottom: 6px;
    font-size: 15px;
}

.hjplan-plan-cta {
    padding: 13px 18px;
    font-size: 16px;
}

@media (min-width: 768px) {
    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        padding: 30px;
    }
}

@media (max-width: 699px) {
    .hjplan-plans-region {
        padding-right: 0;
        padding-left: 0;
    }

    .hjplan-plans-viewport {
        padding-right: 16px;
        padding-left: 16px;
        scroll-padding-right: 16px;
        scroll-padding-left: 16px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }

    .hjplan-plans-track {
        width: auto;
        min-width: 100%;
        grid-auto-columns: calc(100vw - 76px);
        gap: 14px;
        padding-right: 16px;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        width: 100%;
        padding: 24px;
        border-radius: 22px;
        scroll-snap-align: start;
    }

    .hjplan-plan-card::after {
        border-radius: 0 0 22px 22px;
    }

    .hjplan-card-header {
        margin-bottom: 18px;
    }

    .hjplan-card-header .hjplan-plan-name {
        font-size: 25px;
    }

    .hjplan-card-header .hjplan-plan-summary {
        max-width: 230px;
        font-size: 14px;
        line-height: 1.48;
    }

    .hjplan-card-pricing {
        margin-bottom: 24px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 48px;
    }

    .hjplan-price-suffix {
        font-size: 14px;
    }

    .hjplan-plan-cta {
        padding: 12px 16px;
        font-size: 15px;
    }
}

@media (max-width: 390px) {
    .hjplan-plans-track {
        grid-auto-columns: calc(100vw - 64px);
    }
}


/* HostingJet Plan Configurator v4.3.5 — uniform mobile card sizing */
@media (max-width: 699px) {
    .hjplan-plans-viewport {
        padding-right: 14px;
        padding-left: 14px;
        scroll-padding-right: 14px;
        scroll-padding-left: 14px;
    }

    .hjplan-plans-track {
        grid-auto-columns: calc(100vw - 96px);
        gap: 12px;
        padding-right: 14px;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        width: 100%;
        height: 318px;
        min-height: 318px;
        max-height: 318px;
        padding: 22px 20px;
    }

    .hjplan-card-content {
        height: 100%;
    }

    .hjplan-card-header {
        margin-bottom: 16px;
    }

    .hjplan-card-header .hjplan-plan-name {
        font-size: 23px;
        line-height: 1.12;
    }

    .hjplan-card-header .hjplan-plan-summary {
        max-width: 210px;
        min-height: 72px;
        font-size: 13px;
        line-height: 1.42;
    }

    .hjplan-card-pricing {
        margin-bottom: 18px;
    }

    .hjplan-card-pricing .hjplan-price-meta {
        margin-bottom: 4px;
        font-size: 13px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 42px;
    }

    .hjplan-price-suffix {
        margin-left: 6px;
        margin-bottom: 5px;
        font-size: 13px;
    }

    .hjplan-plan-cta {
        min-height: 48px;
        padding: 10px 14px;
        font-size: 14px;
        border-radius: 15px;
    }
}

@media (max-width: 390px) {
    .hjplan-plans-track {
        grid-auto-columns: calc(100vw - 84px);
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 306px;
        min-height: 306px;
        max-height: 306px;
        padding: 20px 18px;
    }

    .hjplan-card-header .hjplan-plan-name {
        font-size: 22px;
    }

    .hjplan-card-header .hjplan-plan-summary {
        max-width: 196px;
        min-height: 68px;
        font-size: 12px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 40px;
    }
}


/* HostingJet Plan Configurator v4.3.6 — compact arrow CTAs */
.hjplan-plan-cta {
    width: auto;
    min-width: 164px;
    min-height: 48px;
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: auto;
    padding: 5px 5px 5px 18px;
    border: 1px solid rgba(17, 20, 24, 0.05);
    border-radius: 15px;
    background: #ffffff;
    color: #17191d;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.hjplan-plan-cta:hover {
    background: #f7f7f5;
    color: #111317;
    transform: translateY(-1px);
    box-shadow: 0 11px 24px rgba(0, 0, 0, 0.16);
}

.hjplan-plan-cta-label {
    white-space: nowrap;
}

.hjplan-plan-cta-arrow {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #2c2c27;
    color: #ffffff;
}

.hjplan-plan-cta-arrow svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media (max-width: 699px) {
    .hjplan-plan-cta {
        min-width: 150px;
        min-height: 44px;
        padding: 4px 4px 4px 15px;
        border-radius: 13px;
        font-size: 13px;
        gap: 11px;
    }

    .hjplan-plan-cta-arrow {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        border-radius: 11px;
    }

    .hjplan-plan-cta-arrow svg {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 390px) {
    .hjplan-plan-cta {
        min-width: 144px;
        min-height: 42px;
        padding-left: 14px;
    }

    .hjplan-plan-cta-arrow {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        border-radius: 10px;
    }
}


/* HostingJet Plan Configurator v4.3.7 — left compact CTAs and smaller prices */
.hjplan-price-currency,
.hjplan-price-value {
    font-size: 47px;
}

.hjplan-price-suffix {
    margin-left: 5px;
    margin-bottom: 5px;
    font-size: 14px;
}

.hjplan-plan-cta {
    align-self: flex-start;
    min-width: 138px;
    min-height: 40px;
    padding: 3px 3px 3px 13px;
    gap: 9px;
    border-radius: 11px;
    font-size: 12px;
}

.hjplan-plan-cta-arrow {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 9px;
}

.hjplan-plan-cta-arrow svg {
    width: 14px;
    height: 14px;
}

@media (max-width: 699px) {
    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 38px;
    }

    .hjplan-price-suffix {
        margin-bottom: 4px;
        font-size: 12px;
    }

    .hjplan-plan-cta {
        align-self: flex-start;
        min-width: 126px;
        min-height: 38px;
        padding: 3px 3px 3px 12px;
        gap: 8px;
        border-radius: 10px;
        font-size: 11px;
    }

    .hjplan-plan-cta-arrow {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
        border-radius: 8px;
    }

    .hjplan-plan-cta-arrow svg {
        width: 13px;
        height: 13px;
    }
}

@media (max-width: 390px) {
    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 36px;
    }

    .hjplan-plan-cta {
        min-width: 122px;
        min-height: 36px;
        padding-left: 11px;
    }

    .hjplan-plan-cta-arrow {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
        border-radius: 8px;
    }
}


/* HostingJet Plan Configurator v4.3.8 — brand image tabs */
.hjplan-product-icon {
    background: transparent;
    overflow: hidden;
}

.hjplan-brand-image {
    display: block;
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.hjplan-product-icon.is-web .hjplan-brand-image,
.hjplan-product-icon.is-wordpress .hjplan-brand-image,
.hjplan-product-icon.is-shopify .hjplan-brand-image {
    width: 17px;
    height: 17px;
}

.hjplan-product-icon.is-vps .hjplan-brand-image {
    width: 20px;
    height: 20px;
}

.hjplan-product-tab.is-active .hjplan-product-icon {
    transform: none;
}

.hjplan-product-tab .hjplan-product-icon svg,
.hjplan-product-icon .hjplan-brand-svg,
.hjplan-product-icon .hjplan-brand-wordpress,
.hjplan-product-icon .hjplan-brand-shopify {
    display: none;
}

@media (max-width: 699px) {
    .hjplan-brand-image {
        width: 16px;
        height: 16px;
    }

    .hjplan-product-icon.is-vps .hjplan-brand-image {
        width: 18px;
        height: 18px;
    }
}


/* HostingJet Plan Configurator v4.3.9 — trial strip + monthly default refinements */
.hjplan-trial-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 20px;
    padding: 26px 28px;
    border: 1px solid #e7e7e7;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.hjplan-trial-copy-wrap {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 8px;
}

.hjplan-trial-title {
    margin: 0;
    color: #1b1b1b;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
}

.hjplan-trial-copy {
    max-width: 760px;
    margin: 0;
    color: #757575;
    font-size: 13px;
    line-height: 1.45;
}

.hjplan-trial-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 148px;
    height: 42px;
    padding: 0 18px;
    border: 1.5px solid #737373;
    border-radius: 12px;
    background: #fff;
    color: #1b1b1b;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.hjplan-trial-button:hover {
    background: #fafafa;
    color: #111;
    transform: none;
    box-shadow: none;
}

@media (max-width: 860px) {
    .hjplan-trial-row {
        align-items: flex-start;
        flex-direction: column;
        padding: 22px 20px;
    }

    .hjplan-trial-button {
        min-width: 132px;
    }
}


/* HostingJet Plan Configurator v4.3.11 — four compact plans and clearer tabs */
.hjplan-plans-track {
    grid-auto-columns: calc((100% - (3 * var(--hjplan-card-gap))) / 4);
}

.hjplan-product-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 0;
    overflow: visible;
}

.hjplan-brand-image,
.hjplan-product-icon.is-web .hjplan-brand-image,
.hjplan-product-icon.is-wordpress .hjplan-brand-image,
.hjplan-product-icon.is-shopify .hjplan-brand-image {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.hjplan-product-icon.is-vps .hjplan-brand-image {
    width: 28px;
    height: 28px;
}

.hjplan-product-tab.is-active,
.hjplan-product-tab:active {
    background: transparent !important;
    box-shadow: none !important;
    color: #15181c;
    font-weight: 700;
}

.hjplan-plan-card,
.hjplan-plan-card:last-child {
    height: 304px;
    min-height: 304px;
    max-height: 304px;
    padding: 22px 20px 18px;
}

.hjplan-card-header {
    margin-bottom: 12px;
}

.hjplan-card-header .hjplan-plan-name {
    margin-bottom: 5px;
    font-size: 22px;
}

.hjplan-card-header .hjplan-plan-summary {
    min-height: 54px;
    max-width: 220px;
    font-size: 12px;
    line-height: 1.4;
}

.hjplan-card-pricing {
    margin-bottom: 14px;
}

.hjplan-card-pricing .hjplan-price-meta {
    margin-bottom: 3px;
    font-size: 11px;
}

.hjplan-price-row {
    min-height: 42px;
}

.hjplan-price-currency,
.hjplan-price-value {
    font-size: 23px;
    font-weight: 500;
    letter-spacing: -0.045em;
}

.hjplan-price-suffix {
    margin-left: 4px;
    margin-bottom: 2px;
    font-size: 12px;
}

.hjplan-plan-cta {
    min-width: 112px;
    min-height: 34px;
    padding: 3px 3px 3px 10px;
    gap: 7px;
    border-radius: 9px;
    font-size: 10px;
}

.hjplan-plan-cta-arrow {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border-radius: 7px;
}

.hjplan-plan-cta-arrow svg {
    width: 12px;
    height: 12px;
}

@media (max-width: 1279px) {
    .hjplan-plans-track {
        grid-auto-columns: calc((100% - (2 * var(--hjplan-card-gap))) / 3);
    }
}

@media (max-width: 959px) {
    .hjplan-plans-track {
        grid-auto-columns: calc((100% - var(--hjplan-card-gap)) / 2);
    }
}

@media (max-width: 699px) {
    .hjplan-product-icon {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }

    .hjplan-brand-image,
    .hjplan-product-icon.is-web .hjplan-brand-image,
    .hjplan-product-icon.is-wordpress .hjplan-brand-image,
    .hjplan-product-icon.is-shopify .hjplan-brand-image {
        width: 23px;
        height: 23px;
    }

    .hjplan-product-icon.is-vps .hjplan-brand-image {
        width: 26px;
        height: 26px;
    }

    .hjplan-plans-track {
        grid-auto-columns: calc(100vw - 102px);
        gap: 12px;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 276px;
        min-height: 276px;
        max-height: 276px;
        padding: 19px 17px 16px;
        border-radius: 20px;
    }

    .hjplan-plan-card::after {
        border-radius: 0 0 20px 20px;
    }

    .hjplan-card-header {
        margin-bottom: 10px;
    }

    .hjplan-card-header .hjplan-plan-name {
        font-size: 20px;
    }

    .hjplan-card-header .hjplan-plan-summary {
        min-height: 50px;
        max-width: 190px;
        font-size: 11px;
        line-height: 1.38;
    }

    .hjplan-card-pricing {
        margin-bottom: 11px;
    }

    .hjplan-card-pricing .hjplan-price-meta {
        font-size: 10px;
    }

    .hjplan-price-row {
        min-height: 38px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 23px;
    }

    .hjplan-price-suffix {
        font-size: 11px;
    }

    .hjplan-plan-cta {
        min-width: 104px;
        min-height: 32px;
        padding-left: 9px;
        font-size: 9px;
    }

    .hjplan-plan-cta-arrow {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
        border-radius: 6px;
    }
}

@media (max-width: 390px) {
    .hjplan-plans-track {
        grid-auto-columns: calc(100vw - 90px);
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 268px;
        min-height: 268px;
        max-height: 268px;
    }
}


/* HostingJet Plan Configurator v4.3.12 — monthly first, tighter centered four-card layout */
.hjplan-section.hjplan-v4 {
    background: #ffffff;
}

.hjplan-pricing-panel {
    max-width: 1520px;
    margin-inline: auto;
    padding-inline: 70px;
}

.hjplan-pricing-header {
    margin-bottom: 28px;
}

.hjplan-heading-wrap {
    max-width: 760px;
    margin-inline: auto;
}

.hjplan-product-switcher {
    margin-top: 16px;
    margin-bottom: 12px;
}

.hjplan-plans-region {
    margin-inline: auto;
}

.hjplan-plans-viewport {
    overflow: hidden;
}

.hjplan-plans-track {
    gap: 20px;
    grid-auto-columns: calc((100% - (3 * 20px)) / 4);
}

.hjplan-plan-card,
.hjplan-plan-card:last-child {
    height: 324px;
    min-height: 324px;
    max-height: 324px;
    padding: 28px 26px 22px;
    border-radius: 30px;
}

.hjplan-plan-card::after {
    border-radius: 0 0 30px 30px;
}

.hjplan-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.hjplan-card-header {
    margin-bottom: 22px;
}

.hjplan-card-header .hjplan-plan-name {
    margin: 0 0 10px;
    font-size: 23px;
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.hjplan-card-header .hjplan-plan-summary {
    max-width: 255px;
    min-height: 56px;
    font-size: 13px;
    line-height: 1.42;
}

.hjplan-card-pricing {
    margin-bottom: 18px;
}

.hjplan-card-pricing .hjplan-price-meta {
    margin-bottom: 6px;
    font-size: 11px;
    line-height: 1.2;
    opacity: 0.88;
}

.hjplan-price-row {
    align-items: flex-end;
    gap: 0;
    min-height: 62px;
}

.hjplan-price-currency,
.hjplan-price-value {
    font-size: 28px;
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.05em;
}

.hjplan-price-suffix {
    margin-left: 5px;
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 1;
}

.hjplan-plan-cta {
    align-self: flex-start;
    margin-top: auto;
    min-width: 158px;
    min-height: 42px;
    padding: 4px 4px 4px 14px;
    gap: 8px;
    border-radius: 13px;
    font-size: 12px;
}

.hjplan-plan-cta-label {
    white-space: nowrap;
}

.hjplan-plan-cta-arrow {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 9px;
}

.hjplan-plan-cta-arrow svg {
    width: 13px;
    height: 13px;
}

.hjplan-product-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
}

.hjplan-brand-image,
.hjplan-product-icon.is-web .hjplan-brand-image,
.hjplan-product-icon.is-wordpress .hjplan-brand-image,
.hjplan-product-icon.is-shopify .hjplan-brand-image,
.hjplan-product-icon.is-vps .hjplan-brand-image {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.hjplan-product-tab,
.hjplan-product-tab.is-active,
.hjplan-product-tab:hover,
.hjplan-product-tab:focus-visible,
.hjplan-product-tab:active {
    background: transparent !important;
    box-shadow: none !important;
}

@media (max-width: 1279px) {
    .hjplan-pricing-panel {
        padding-inline: 54px;
    }

    .hjplan-plans-track {
        grid-auto-columns: calc((100% - (2 * 18px)) / 3);
        gap: 18px;
    }
}

@media (max-width: 959px) {
    .hjplan-pricing-panel {
        padding-inline: 32px;
    }

    .hjplan-plans-track {
        grid-auto-columns: calc((100% - 16px) / 2);
        gap: 16px;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 314px;
        min-height: 314px;
        max-height: 314px;
        padding: 24px 22px 20px;
    }
}

@media (max-width: 699px) {
    .hjplan-pricing-panel {
        padding-inline: 0;
    }

    .hjplan-pricing-header {
        padding-inline: 16px;
        margin-bottom: 22px;
    }

    .hjplan-plans-region {
        padding-inline: 0;
    }

    .hjplan-plans-viewport {
        padding-inline: 0;
    }

    .hjplan-plans-track {
        gap: 12px;
        grid-auto-columns: calc(100vw - 96px);
        padding-inline: 16px 0;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 284px;
        min-height: 284px;
        max-height: 284px;
        padding: 20px 18px 18px;
        border-radius: 22px;
    }

    .hjplan-plan-card::after {
        border-radius: 0 0 22px 22px;
    }

    .hjplan-card-header {
        margin-bottom: 18px;
    }

    .hjplan-card-header .hjplan-plan-name {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .hjplan-card-header .hjplan-plan-summary {
        min-height: 48px;
        max-width: 210px;
        font-size: 12px;
        line-height: 1.36;
    }

    .hjplan-card-pricing {
        margin-bottom: 14px;
    }

    .hjplan-price-row {
        min-height: 52px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 24px;
    }

    .hjplan-price-suffix {
        font-size: 11px;
        margin-bottom: 3px;
    }

    .hjplan-plan-cta {
        min-width: 146px;
        min-height: 38px;
        padding: 3px 3px 3px 12px;
        font-size: 11px;
        border-radius: 12px;
    }

    .hjplan-plan-cta-arrow {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
        border-radius: 8px;
    }
}

@media (max-width: 390px) {
    .hjplan-pricing-header {
        padding-inline: 14px;
    }

    .hjplan-plans-track {
        grid-auto-columns: calc(100vw - 88px);
        padding-inline: 14px 0;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 276px;
        min-height: 276px;
        max-height: 276px;
        padding: 18px 16px 16px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 23px;
    }
}


/* HostingJet Plan Configurator v4.3.12 — monthly default, tighter layout, neutral tab icons */
.hjplan-section.hjplan-v4 {
    background: #ffffff;
}

.hjplan-pricing-panel {
    max-width: 1400px;
    margin-inline: auto;
    padding-inline: 70px;
}

.hjplan-pricing-header {
    margin-bottom: 24px;
}

.hjplan-product-switcher {
    margin-top: 14px;
    margin-bottom: 10px;
}

.hjplan-plans-region {
    margin-inline: auto;
}

.hjplan-plans-track {
    gap: 18px;
    grid-auto-columns: calc((100% - (3 * 18px)) / 4);
}

.hjplan-plan-card,
.hjplan-plan-card:last-child {
    height: 308px;
    min-height: 308px;
    max-height: 308px;
    padding: 24px 22px 20px;
    border-radius: 26px;
}

.hjplan-plan-card::after {
    border-radius: 0 0 26px 26px;
}

.hjplan-card-header {
    margin-bottom: 18px;
}

.hjplan-card-header .hjplan-plan-name {
    margin: 0 0 8px;
    font-size: 22px;
    line-height: 1.05;
    letter-spacing: -0.045em;
}

.hjplan-card-header .hjplan-plan-summary {
    max-width: 232px;
    min-height: 52px;
    font-size: 12px;
    line-height: 1.42;
}

.hjplan-card-pricing {
    margin-bottom: 16px;
}

.hjplan-card-pricing .hjplan-price-meta {
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 1.2;
    opacity: 0.88;
}

.hjplan-price-row {
    align-items: flex-end;
    gap: 0;
    min-height: 52px;
}

.hjplan-price-currency,
.hjplan-price-value {
    font-size: 26px;
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.05em;
}

.hjplan-price-suffix {
    margin-left: 5px;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1;
}

.hjplan-plan-cta {
    align-self: flex-start;
    margin-top: auto;
    min-width: 154px;
    min-height: 40px;
    padding: 4px 4px 4px 13px;
    gap: 8px;
    border-radius: 12px;
    font-size: 12px;
}

.hjplan-plan-cta-label {
    white-space: nowrap;
}

.hjplan-plan-cta-arrow {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 8px;
}

.hjplan-plan-cta-arrow svg {
    width: 13px;
    height: 13px;
}

.hjplan-product-icon,
.hjplan-product-tab.is-active .hjplan-product-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
}

.hjplan-product-icon.is-web,
.hjplan-product-icon.is-wordpress,
.hjplan-product-icon.is-shopify,
.hjplan-product-icon.is-vps {
    color: inherit !important;
}

.hjplan-brand-image,
.hjplan-product-icon.is-web .hjplan-brand-image,
.hjplan-product-icon.is-wordpress .hjplan-brand-image,
.hjplan-product-icon.is-shopify .hjplan-brand-image,
.hjplan-product-icon.is-vps .hjplan-brand-image {
    width: 28px;
    height: 28px;
    object-fit: contain;
    filter: none !important;
}

.hjplan-product-tab,
.hjplan-product-tab.is-active,
.hjplan-product-tab:hover,
.hjplan-product-tab:focus-visible,
.hjplan-product-tab:active {
    background: transparent !important;
    box-shadow: none !important;
}

@media (max-width: 1279px) {
    .hjplan-pricing-panel {
        padding-inline: 54px;
    }

    .hjplan-plans-track {
        grid-auto-columns: calc((100% - (2 * 16px)) / 3);
        gap: 16px;
    }
}

@media (max-width: 959px) {
    .hjplan-pricing-panel {
        padding-inline: 26px;
    }

    .hjplan-plans-track {
        grid-auto-columns: calc((100% - 14px) / 2);
        gap: 14px;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 298px;
        min-height: 298px;
        max-height: 298px;
        padding: 22px 20px 18px;
    }
}

@media (max-width: 699px) {
    .hjplan-pricing-panel {
        padding-inline: 0;
    }

    .hjplan-pricing-header {
        padding-inline: 16px;
        margin-bottom: 20px;
    }

    .hjplan-plans-track {
        gap: 12px;
        grid-auto-columns: calc(100vw - 96px);
        padding-inline: 16px 0;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 274px;
        min-height: 274px;
        max-height: 274px;
        padding: 19px 17px 17px;
        border-radius: 22px;
    }

    .hjplan-plan-card::after {
        border-radius: 0 0 22px 22px;
    }

    .hjplan-card-header {
        margin-bottom: 16px;
    }

    .hjplan-card-header .hjplan-plan-name {
        font-size: 20px;
        margin-bottom: 7px;
    }

    .hjplan-card-header .hjplan-plan-summary {
        min-height: 46px;
        max-width: 205px;
        font-size: 12px;
        line-height: 1.34;
    }

    .hjplan-card-pricing {
        margin-bottom: 13px;
    }

    .hjplan-price-row {
        min-height: 48px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 24px;
    }

    .hjplan-price-suffix {
        font-size: 11px;
        margin-bottom: 3px;
    }

    .hjplan-plan-cta {
        min-width: 142px;
        min-height: 37px;
        padding: 3px 3px 3px 12px;
        font-size: 11px;
        border-radius: 11px;
    }

    .hjplan-plan-cta-arrow {
        width: 29px;
        height: 29px;
        flex-basis: 29px;
        border-radius: 8px;
    }
}

@media (max-width: 390px) {
    .hjplan-pricing-header {
        padding-inline: 14px;
    }

    .hjplan-plans-track {
        grid-auto-columns: calc(100vw - 88px);
        padding-inline: 14px 0;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 268px;
        min-height: 268px;
        max-height: 268px;
        padding: 18px 16px 16px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 23px;
    }
}


/* HostingJet Plan Configurator v4.3.13 — polished final section and visible trials */
.hjplan-section.hjplan-v4 {
    background: #fff;
}

.hjplan-pricing-panel {
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
    padding: 0 70px 34px;
}

.hjplan-pricing-header {
    margin-bottom: 26px;
    padding-top: 18px;
}

.hjplan-heading-wrap {
    max-width: 720px;
    margin-inline: auto;
}

.hjplan-heading {
    font-size: clamp(34px, 3vw, 40px);
    line-height: 1.08;
    letter-spacing: -0.045em;
}

.hjplan-subheading {
    max-width: 620px;
    margin: 10px auto 0;
    font-size: 16px;
    line-height: 1.5;
}

.hjplan-product-switcher {
    width: min(700px, 100%);
    margin: 18px auto 0;
    padding: 6px 12px;
    gap: 8px;
    border: 1px solid #e7e7e9;
    border-radius: 999px;
    background: #f7f7f8;
    box-shadow: none;
}

.hjplan-product-tab {
    position: relative;
    min-height: 48px;
    padding: 0 18px;
    gap: 10px;
    color: #6b6e74;
    font-size: 14px;
    font-weight: 500;
}

.hjplan-product-tab,
.hjplan-product-tab:hover,
.hjplan-product-tab:focus-visible,
.hjplan-product-tab:active,
.hjplan-product-tab.is-active {
    border: 0;
    background: transparent !important;
    box-shadow: none !important;
    transform: none;
}

.hjplan-product-tab.is-active {
    color: #17191d;
    font-weight: 650;
}

.hjplan-product-tab.is-active::after {
    position: absolute;
    right: 18px;
    bottom: 4px;
    left: 18px;
    height: 2px;
    border-radius: 999px;
    background: #17191d;
    content: "";
}

.hjplan-product-icon,
.hjplan-product-tab.is-active .hjplan-product-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
}

.hjplan-brand-image,
.hjplan-product-icon.is-web .hjplan-brand-image,
.hjplan-product-icon.is-wordpress .hjplan-brand-image,
.hjplan-product-icon.is-shopify .hjplan-brand-image,
.hjplan-product-icon.is-vps .hjplan-brand-image {
    width: 28px;
    height: 28px;
    object-fit: contain;
    filter: none !important;
}

.hjplan-product-context,
.hjplan-grid-nav,
.hjplan-mobile-plan-nav {
    display: none !important;
}

.hjplan-plans-region {
    margin: 0;
    padding: 0;
}

.hjplan-plans-viewport {
    overflow: hidden;
}

.hjplan-plans-track {
    gap: 18px;
    grid-auto-columns: calc((100% - 54px) / 4);
}

.hjplan-plan-card,
.hjplan-plan-card:last-child {
    height: 306px;
    min-height: 306px;
    max-height: 306px;
    padding: 24px 22px 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 26px;
    box-shadow: 0 12px 28px rgba(15, 18, 24, 0.10);
}

.hjplan-plan-card::after {
    border-radius: 0 0 26px 26px;
}

.hjplan-card-content {
    height: 100%;
}

.hjplan-card-header {
    margin-bottom: 18px;
}

.hjplan-card-header .hjplan-plan-name {
    margin: 0 0 8px;
    font-size: 22px;
    line-height: 1.05;
    letter-spacing: -0.045em;
}

.hjplan-card-header .hjplan-plan-summary {
    min-height: 50px;
    max-width: 230px;
    font-size: 12px;
    line-height: 1.42;
}

.hjplan-card-pricing {
    margin-bottom: 14px;
}

.hjplan-card-pricing .hjplan-price-meta {
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: 0;
}

.hjplan-price-row {
    min-height: 52px;
    align-items: flex-end;
}

.hjplan-price-currency,
.hjplan-price-value {
    font-size: 34px;
    font-weight: 500;
    line-height: 0.96;
    letter-spacing: -0.055em;
}

.hjplan-price-suffix {
    margin: 0 0 4px 6px;
    font-size: 12px;
    line-height: 1;
}

.hjplan-plan-cta {
    align-self: flex-start;
    margin-top: auto;
    min-width: 150px;
    min-height: 39px;
    padding: 4px 4px 4px 13px;
    gap: 8px;
    border-radius: 11px;
    font-size: 11px;
    font-weight: 500;
}

.hjplan-plan-cta-label {
    white-space: nowrap;
}

.hjplan-plan-cta-arrow {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    border-radius: 8px;
}

.hjplan-plan-cta-arrow svg {
    width: 12px;
    height: 12px;
}

.hjplan-trial-row {
    display: flex !important;
    width: 100%;
    min-height: 104px;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin: 22px 0 0;
    padding: 24px 28px;
    border: 1px solid #e1e2e4;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.hjplan-trial-copy-wrap {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 7px;
}

.hjplan-trial-title {
    margin: 0;
    color: #1b1d21;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
}

.hjplan-trial-copy {
    max-width: 820px;
    margin: 0;
    color: #70747b;
    font-size: 13px;
    line-height: 1.5;
}

.hjplan-trial-button {
    display: inline-flex;
    min-width: 132px;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid #6d7075;
    border-radius: 10px;
    background: #fff;
    color: #1c1e22;
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
}

.hjplan-trial-button:hover,
.hjplan-trial-button:focus-visible {
    background: #f7f7f8;
    color: #111317;
    box-shadow: none;
    transform: none;
}

@media (max-width: 1279px) {
    .hjplan-pricing-panel {
        padding-inline: 50px;
    }

    .hjplan-plans-track {
        gap: 16px;
        grid-auto-columns: calc((100% - 32px) / 3);
    }
}

@media (max-width: 959px) {
    .hjplan-pricing-panel {
        padding-inline: 26px;
    }

    .hjplan-product-switcher {
        width: 100%;
    }

    .hjplan-product-tab {
        padding-inline: 12px;
        font-size: 13px;
    }

    .hjplan-plans-track {
        gap: 14px;
        grid-auto-columns: calc((100% - 14px) / 2);
    }
}

@media (max-width: 699px) {
    .hjplan-pricing-panel {
        padding: 0 0 24px;
    }

    .hjplan-pricing-header {
        margin-bottom: 18px;
        padding: 14px 16px 0;
    }

    .hjplan-heading {
        font-size: 30px;
    }

    .hjplan-subheading {
        max-width: 330px;
        font-size: 14px;
    }

    .hjplan-product-switcher {
        width: auto;
        margin: 16px 0 0;
        padding: 5px 8px;
        gap: 2px;
        overflow-x: auto;
        border-radius: 18px;
        scroll-padding-inline: 8px;
        scrollbar-width: none;
    }

    .hjplan-product-switcher::-webkit-scrollbar {
        display: none;
    }

    .hjplan-product-tab {
        min-height: 42px;
        padding: 0 12px;
        gap: 7px;
        font-size: 12px;
    }

    .hjplan-product-tab.is-active::after {
        right: 12px;
        bottom: 2px;
        left: 12px;
    }

    .hjplan-product-icon,
    .hjplan-product-tab.is-active .hjplan-product-icon {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }

    .hjplan-brand-image,
    .hjplan-product-icon.is-web .hjplan-brand-image,
    .hjplan-product-icon.is-wordpress .hjplan-brand-image,
    .hjplan-product-icon.is-shopify .hjplan-brand-image,
    .hjplan-product-icon.is-vps .hjplan-brand-image {
        width: 23px;
        height: 23px;
    }

    .hjplan-plans-viewport {
        padding: 0;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }

    .hjplan-plans-track {
        gap: 12px;
        grid-auto-columns: calc(100vw - 96px);
        padding: 0 16px;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 276px;
        min-height: 276px;
        max-height: 276px;
        padding: 20px 18px 18px;
        border-radius: 22px;
        scroll-snap-align: start;
    }

    .hjplan-plan-card::after {
        border-radius: 0 0 22px 22px;
    }

    .hjplan-card-header {
        margin-bottom: 15px;
    }

    .hjplan-card-header .hjplan-plan-name {
        font-size: 20px;
    }

    .hjplan-card-header .hjplan-plan-summary {
        min-height: 46px;
        max-width: 205px;
        font-size: 12px;
        line-height: 1.36;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 30px;
    }

    .hjplan-plan-cta {
        min-width: 142px;
        min-height: 37px;
        padding-left: 12px;
        font-size: 10px;
    }

    .hjplan-plan-cta-arrow {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }

    .hjplan-trial-row {
        width: auto;
        min-height: 0;
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
        margin: 20px 16px 0;
        padding: 20px;
    }

    .hjplan-trial-copy {
        font-size: 12px;
        line-height: 1.5;
    }

    .hjplan-trial-button {
        min-width: 124px;
        height: 38px;
        font-size: 12px;
    }
}

@media (max-width: 390px) {
    .hjplan-pricing-header {
        padding-inline: 14px;
    }

    .hjplan-plans-track {
        grid-auto-columns: calc(100vw - 88px);
        padding-inline: 14px;
    }

    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 270px;
        min-height: 270px;
        max-height: 270px;
        padding: 18px 16px 16px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 29px;
    }

    .hjplan-trial-row {
        margin-inline: 14px;
    }
}


/* HostingJet Plan Configurator v4.3.14 — compact card vertical rhythm */
.hjplan-plan-card,
.hjplan-plan-card:last-child {
    height: 242px;
    min-height: 242px;
    max-height: 242px;
    padding: 20px 20px 18px;
    border-radius: 24px;
}

.hjplan-plan-card::after {
    height: 50%;
    border-radius: 0 0 24px 24px;
}

.hjplan-card-content {
    display: grid;
    height: 100%;
    grid-template-rows: auto auto auto;
    align-content: start;
}

.hjplan-card-header {
    margin: 0 0 11px;
}

.hjplan-card-header .hjplan-plan-name {
    margin: 0 0 6px;
    font-size: 21px;
    line-height: 1.05;
}

.hjplan-card-header .hjplan-plan-summary {
    min-height: 34px;
    max-width: 225px;
    margin: 0;
    font-size: 11px;
    line-height: 1.38;
}

.hjplan-card-pricing {
    margin: 0 0 11px;
}

.hjplan-card-pricing .hjplan-price-meta {
    margin: 0 0 3px;
    font-size: 10px;
}

.hjplan-price-row {
    min-height: 38px;
}

.hjplan-price-currency,
.hjplan-price-value {
    font-size: 31px;
    line-height: 0.94;
}

.hjplan-price-suffix {
    margin: 0 0 3px 5px;
    font-size: 11px;
}

.hjplan-plan-cta {
    align-self: start;
    margin: 0;
    min-width: 144px;
    min-height: 36px;
    padding: 3px 3px 3px 11px;
    gap: 7px;
    border-radius: 10px;
    font-size: 10px;
}

.hjplan-plan-cta-arrow {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    border-radius: 7px;
}

.hjplan-plan-cta-arrow svg {
    width: 11px;
    height: 11px;
}

@media (max-width: 959px) {
    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 238px;
        min-height: 238px;
        max-height: 238px;
        padding: 19px 18px 17px;
    }
}

@media (max-width: 699px) {
    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 234px;
        min-height: 234px;
        max-height: 234px;
        padding: 18px 17px 16px;
        border-radius: 20px;
    }

    .hjplan-plan-card::after {
        border-radius: 0 0 20px 20px;
    }

    .hjplan-card-header {
        margin-bottom: 10px;
    }

    .hjplan-card-header .hjplan-plan-name {
        margin-bottom: 5px;
        font-size: 19px;
    }

    .hjplan-card-header .hjplan-plan-summary {
        min-height: 32px;
        max-width: 200px;
        font-size: 10.5px;
        line-height: 1.34;
    }

    .hjplan-card-pricing {
        margin-bottom: 10px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 29px;
    }

    .hjplan-plan-cta {
        min-width: 138px;
        min-height: 35px;
        padding-left: 10px;
        font-size: 9.5px;
    }

    .hjplan-plan-cta-arrow {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
    }
}

@media (max-width: 390px) {
    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 230px;
        min-height: 230px;
        max-height: 230px;
        padding: 17px 16px 15px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 28px;
    }
}

/* HostingJet Plan Configurator v4.3.15 — smaller CTA and balanced card spacing */
.hjplan-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.hjplan-card-header {
    margin: 0 0 12px;
}

.hjplan-card-header .hjplan-plan-summary {
    min-height: 0;
}

.hjplan-card-pricing {
    margin: 0;
}

.hjplan-plan-cta {
    align-self: flex-start;
    width: auto;
    min-width: 0;
    max-width: none;
    margin-top: auto;
    padding: 3px 3px 3px 12px;
    min-height: 34px;
    gap: 6px;
    border-radius: 10px;
    font-size: 9.5px;
}

.hjplan-plan-cta-label {
    white-space: nowrap;
    line-height: 1;
}

.hjplan-plan-cta-arrow {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    border-radius: 7px;
}

.hjplan-plan-cta-arrow svg {
    width: 10px;
    height: 10px;
}

@media (max-width: 699px) {
    .hjplan-card-header {
        margin-bottom: 11px;
    }

    .hjplan-plan-cta {
        margin-top: auto;
        min-height: 33px;
        padding: 3px 3px 3px 11px;
        font-size: 9px;
    }

    .hjplan-plan-cta-arrow {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
    }
}


/* HostingJet Plan Configurator v4.3.16 — resolved card proportions */
.hjplan-plan-card,
.hjplan-plan-card:last-child {
    height: 224px;
    min-height: 224px;
    max-height: 224px;
    padding: 19px 19px 17px;
    border-radius: 22px;
    background:
        radial-gradient(
            145% 105% at 50% 118%,
            color-mix(in srgb, var(--hjplan-card-bottom-glow) 68%, transparent) 0%,
            color-mix(in srgb, var(--hjplan-card-bottom-glow) 34%, transparent) 30%,
            color-mix(in srgb, var(--hjplan-card-bottom-glow) 10%, transparent) 52%,
            transparent 74%
        ),
        linear-gradient(180deg, #050505 0%, #050506 60%, #07080d 100%);
    box-shadow: 0 10px 24px rgba(10, 12, 18, 0.11);
}

.hjplan-plan-card::after {
    display: none !important;
}

.hjplan-card-content {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.hjplan-card-header {
    margin: 0 0 13px;
}

.hjplan-card-header .hjplan-plan-name {
    margin: 0 0 6px;
    font-size: 21px;
    line-height: 1.05;
    letter-spacing: -0.045em;
}

.hjplan-card-header .hjplan-plan-summary {
    width: min(205px, 100%);
    min-height: 0;
    max-width: 205px;
    margin: 0;
    font-size: 11px;
    line-height: 1.38;
}

.hjplan-card-pricing {
    margin: 0;
}

.hjplan-card-pricing .hjplan-price-meta {
    margin: 0 0 4px;
    font-size: 10px;
    line-height: 1.15;
}

.hjplan-price-row {
    min-height: 35px;
    align-items: flex-end;
}

.hjplan-price-currency,
.hjplan-price-value {
    font-size: 30px;
    font-weight: 500;
    line-height: 0.94;
    letter-spacing: -0.055em;
}

.hjplan-price-suffix {
    margin: 0 0 3px 5px;
    font-size: 11px;
    line-height: 1;
}

.hjplan-plan-cta {
    align-self: flex-start;
    width: auto;
    min-width: 0;
    min-height: 34px;
    margin: auto 0 0;
    padding: 3px 3px 3px 11px;
    gap: 6px;
    border: 0 !important;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: none !important;
    color: #141517;
    font-size: 10px;
    font-weight: 500;
}

.hjplan-plan-cta:hover,
.hjplan-plan-cta:focus-visible {
    background: #f6f6f6;
    box-shadow: none !important;
    transform: none;
}

.hjplan-plan-cta-label {
    white-space: nowrap;
    line-height: 1;
}

.hjplan-plan-cta-arrow {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    border: 0;
    border-radius: 7px;
    background: #2d2d2b;
    box-shadow: none;
}

.hjplan-plan-cta-arrow svg {
    width: 10px;
    height: 10px;
}

@media (max-width: 959px) {
    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 220px;
        min-height: 220px;
        max-height: 220px;
        padding: 18px 18px 16px;
    }
}

@media (max-width: 699px) {
    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 218px;
        min-height: 218px;
        max-height: 218px;
        padding: 17px 16px 15px;
        border-radius: 20px;
    }

    .hjplan-card-header {
        margin-bottom: 12px;
    }

    .hjplan-card-header .hjplan-plan-name {
        margin-bottom: 5px;
        font-size: 19px;
    }

    .hjplan-card-header .hjplan-plan-summary {
        width: min(190px, 100%);
        max-width: 190px;
        font-size: 10.5px;
        line-height: 1.34;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 28px;
    }

    .hjplan-plan-cta {
        min-height: 32px;
        padding: 3px 3px 3px 10px;
        font-size: 9.5px;
    }

    .hjplan-plan-cta-arrow {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
    }
}

@media (max-width: 390px) {
    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 214px;
        min-height: 214px;
        max-height: 214px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 27px;
    }
}

/* HostingJet Plan Configurator v4.3.17 — reference-proportion cards */
.hjplan-plan-card,
.hjplan-plan-card:last-child {
    height: 350px;
    min-height: 350px;
    max-height: 350px;
    padding: 28px 26px 24px;
    border-radius: 28px;
    background:
        radial-gradient(
            125% 78% at 50% 112%,
            color-mix(in srgb, var(--hjplan-card-bottom-glow) 96%, transparent) 0%,
            color-mix(in srgb, var(--hjplan-card-bottom-glow) 58%, transparent) 28%,
            color-mix(in srgb, var(--hjplan-card-bottom-glow) 18%, transparent) 52%,
            transparent 72%
        ),
        linear-gradient(180deg, #202020 0%, #171719 58%, #111116 100%);
    box-shadow: 0 16px 36px rgba(8, 10, 15, 0.15);
}

.hjplan-plan-card::after {
    display: none !important;
}

.hjplan-card-content {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.hjplan-card-header {
    margin: 0 0 28px;
}

.hjplan-card-header .hjplan-plan-name {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: -0.05em;
}

.hjplan-card-header .hjplan-plan-summary {
    width: min(250px, 100%);
    min-height: 44px;
    max-width: 250px;
    margin: 0;
    color: rgba(255, 255, 255, 0.64);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.48;
}

.hjplan-card-pricing {
    margin: 0 0 28px;
}

.hjplan-card-pricing .hjplan-price-meta {
    margin: 0 0 8px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-transform: none;
}

.hjplan-price-row {
    display: flex;
    min-height: 60px;
    align-items: flex-end;
}

.hjplan-price-currency,
.hjplan-price-value {
    color: #ffffff;
    font-size: 50px;
    font-weight: 400;
    line-height: 0.95;
    letter-spacing: -0.075em;
}

.hjplan-price-suffix {
    margin: 0 0 7px 8px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.hjplan-plan-cta {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 54px;
    align-self: stretch;
    justify-content: center;
    margin: auto 0 0;
    padding: 0 20px;
    border: 0 !important;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: none !important;
    color: #111214;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.hjplan-plan-cta:hover,
.hjplan-plan-cta:focus-visible {
    background: #f5f5f5;
    color: #111214;
    transform: none;
    box-shadow: none !important;
}

.hjplan-plan-cta-label {
    display: block;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
}

.hjplan-plan-cta-arrow {
    display: none !important;
}

@media (max-width: 1279px) {
    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 342px;
        min-height: 342px;
        max-height: 342px;
        padding: 26px 24px 22px;
    }

    .hjplan-card-header .hjplan-plan-name {
        font-size: 26px;
    }

    .hjplan-card-header .hjplan-plan-summary {
        font-size: 14px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 46px;
    }
}

@media (max-width: 699px) {
    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 332px;
        min-height: 332px;
        max-height: 332px;
        padding: 25px 22px 20px;
        border-radius: 25px;
    }

    .hjplan-card-header {
        margin-bottom: 24px;
    }

    .hjplan-card-header .hjplan-plan-name {
        margin-bottom: 10px;
        font-size: 25px;
    }

    .hjplan-card-header .hjplan-plan-summary {
        width: min(230px, 100%);
        min-height: 42px;
        max-width: 230px;
        font-size: 14px;
        line-height: 1.42;
    }

    .hjplan-card-pricing {
        margin-bottom: 24px;
    }

    .hjplan-card-pricing .hjplan-price-meta {
        margin-bottom: 7px;
        font-size: 13px;
    }

    .hjplan-price-row {
        min-height: 56px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 44px;
    }

    .hjplan-price-suffix {
        margin-bottom: 6px;
        font-size: 15px;
    }

    .hjplan-plan-cta {
        min-height: 50px;
        padding-inline: 16px;
        border-radius: 15px;
        font-size: 14px;
    }
}

@media (max-width: 390px) {
    .hjplan-plan-card,
    .hjplan-plan-card:last-child {
        height: 320px;
        min-height: 320px;
        max-height: 320px;
        padding: 23px 20px 18px;
    }

    .hjplan-card-header .hjplan-plan-name {
        font-size: 24px;
    }

    .hjplan-card-header .hjplan-plan-summary {
        font-size: 13px;
    }

    .hjplan-price-currency,
    .hjplan-price-value {
        font-size: 42px;
    }

    .hjplan-plan-cta {
        min-height: 48px;
        font-size: 13px;
    }
}

/* HostingJet Plan Configurator v4.5.0 — viewport-safe mobile sheet + desktop drawer */
html.hjplan-sheet-open,
body.hjplan-sheet-open {
    overflow: hidden !important;
    overscroll-behavior: none;
}

.hjplan-sheet {
    --hjplan-sheet-accent: #9be57a;
    --hjplan-sheet-bg: #17191b;
    --hjplan-sheet-surface: #1e2023;
    --hjplan-sheet-surface-strong: #24272a;
    --hjplan-sheet-line: rgba(255, 255, 255, 0.09);
    --hjplan-sheet-muted: rgba(255, 255, 255, 0.58);
    position: fixed;
    z-index: 2147483000;
    inset: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    isolation: isolate;
    pointer-events: none;
    font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.hjplan-sheet[hidden] {
    display: none !important;
}

.hjplan-sheet.is-open {
    pointer-events: auto;
}

.hjplan-sheet-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(12, 14, 15, 0.68);
    opacity: 0;
    cursor: pointer;
    pointer-events: none;
    transition: opacity 260ms ease;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.hjplan-sheet.is-open .hjplan-sheet-backdrop {
    opacity: 1;
    pointer-events: auto;
}

/* Desktop: true right-side drawer, independent from the shortcode section. */
.hjplan-sheet-panel {
    --hjplan-sheet-drag: 0px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    display: grid;
    width: min(540px, calc(100vw - 56px));
    height: 100%;
    min-height: 0;
    max-height: none;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    contain: layout paint style;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 0;
    background: var(--hjplan-sheet-bg);
    color: #fff;
    box-shadow: -28px 0 80px rgba(0, 0, 0, 0.34);
    outline: none;
    transform: translate3d(calc(100% + 24px), 0, 0);
    transition: transform 320ms cubic-bezier(.22, .85, .28, 1);
    will-change: transform;
}

.hjplan-sheet.is-open .hjplan-sheet-panel {
    transform: translate3d(0, 0, 0);
}

.hjplan-sheet-panel.is-dragging {
    transition: none;
}

body.admin-bar .hjplan-sheet-panel {
    top: 32px;
    height: calc(100vh - 32px);
    height: calc(100dvh - 32px);
}

.hjplan-sheet-panel[data-plan-slug="go"] { --hjplan-sheet-accent: #aebdff; }
.hjplan-sheet-panel[data-plan-slug="plus"] { --hjplan-sheet-accent: #9be57a; }
.hjplan-sheet-panel[data-plan-slug="pro"] { --hjplan-sheet-accent: #88d6e8; }
.hjplan-sheet-panel[data-plan-slug="agency"] { --hjplan-sheet-accent: #c7a7ff; }

.hjplan-sheet-topbar {
    position: relative;
    z-index: 4;
    display: grid;
    min-height: 64px;
    grid-template-columns: 48px 1fr 48px;
    align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid var(--hjplan-sheet-line);
    background: rgba(23, 25, 27, 0.98);
}

.hjplan-sheet-drag-zone {
    display: none;
}

.hjplan-sheet-handle {
    display: block;
    width: 38px;
    height: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.25);
}

.hjplan-sheet-topbar-label {
    grid-column: 2;
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.02em;
    text-align: center;
}

.hjplan-sheet-close {
    grid-column: 3;
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    justify-self: end;
    padding: 0;
    border: 1px solid var(--hjplan-sheet-line);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.045);
    color: rgba(255, 255, 255, 0.78);
    cursor: pointer;
    transition: background 150ms ease, color 150ms ease, transform 150ms ease;
}

.hjplan-sheet-close:hover,
.hjplan-sheet-close:focus-visible {
    background: rgba(255, 255, 255, 0.09);
    color: #fff;
}

.hjplan-sheet-close:active {
    transform: scale(0.96);
}

.hjplan-sheet-close svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.8;
}

.hjplan-sheet-scroll {
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 28px 28px 34px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.16) transparent;
    -webkit-overflow-scrolling: touch;
}

.hjplan-sheet-scroll::-webkit-scrollbar {
    width: 5px;
}

.hjplan-sheet-scroll::-webkit-scrollbar-thumb {
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.16);
}

.hjplan-sheet-hero {
    padding: 0;
    border: 0;
    background: transparent;
}

.hjplan-sheet-product-line {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hjplan-sheet-icon {
    display: inline-flex;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 10px;
    background: #f5f5f2;
}

.hjplan-sheet-icon .hjplan-product-icon,
.hjplan-sheet-icon .hjplan-brand-image {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.hjplan-sheet-icon .hjplan-brand-image {
    filter: none !important;
}

.hjplan-sheet-product {
    margin: 0;
    color: var(--hjplan-sheet-accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.13em;
    line-height: 1.2;
    text-transform: uppercase;
}

.hjplan-sheet-hero h3 {
    margin: 18px 0 0;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -0.055em;
    line-height: 0.98;
    text-transform: uppercase;
}

.hjplan-sheet-description {
    max-width: 440px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.63);
    font-size: 13px;
    line-height: 1.56;
}

.hjplan-sheet-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.hjplan-sheet-trial,
.hjplan-sheet-trust-note {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid var(--hjplan-sheet-line);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(255, 255, 255, 0.76);
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.hjplan-sheet-trial::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--hjplan-sheet-accent);
    content: "";
}

.hjplan-sheet-trust-note svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: var(--hjplan-sheet-accent);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.65;
}

.hjplan-sheet-purchase,
.hjplan-sheet-quickfacts,
.hjplan-sheet-included {
    margin-top: 28px;
}

.hjplan-sheet-section-heading,
.hjplan-sheet-subheading,
.hjplan-sheet-included-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 11px;
}

.hjplan-sheet-section-heading strong,
.hjplan-sheet-subheading strong,
.hjplan-sheet-included-heading strong {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 650;
    letter-spacing: -0.02em;
}

.hjplan-sheet-section-heading span,
.hjplan-sheet-subheading span,
.hjplan-sheet-included-heading span:not(.hjplan-sheet-included-count) {
    display: block;
    margin-top: 4px;
    color: var(--hjplan-sheet-muted);
    font-size: 10.5px;
    line-height: 1.4;
}

.hjplan-sheet-billing {
    display: grid;
    grid-auto-columns: minmax(110px, 1fr);
    grid-auto-flow: column;
    gap: 6px;
    overflow-x: auto;
    padding: 5px;
    border: 1px solid var(--hjplan-sheet-line);
    border-radius: 15px;
    background: #121416;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
}

.hjplan-sheet-billing::-webkit-scrollbar {
    display: none;
}

.hjplan-billing-tab {
    display: flex;
    min-height: 56px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    padding: 0 12px;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: rgba(255, 255, 255, 0.72);
    cursor: pointer;
    scroll-snap-align: start;
    text-align: left;
    transition: background 150ms ease, color 150ms ease, transform 150ms ease;
}

.hjplan-billing-tab span {
    font-size: 11.5px;
    font-weight: 650;
    line-height: 1.15;
}

.hjplan-billing-tab small {
    color: rgba(255, 255, 255, 0.39);
    font-size: 8.5px;
    font-weight: 550;
    line-height: 1.1;
}

.hjplan-billing-tab:hover {
    background: rgba(255, 255, 255, 0.045);
    color: #fff;
}

.hjplan-billing-tab.is-active {
    background: #f4f4f1;
    color: #111315;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
}

.hjplan-billing-tab.is-active small {
    color: #527443;
}

.hjplan-billing-tab:active {
    transform: scale(0.985);
}

.hjplan-billing-tab:focus-visible,
.hjplan-sheet-close:focus-visible,
.hjplan-sheet-cta:focus-visible {
    outline: 2px solid var(--hjplan-sheet-accent);
    outline-offset: 3px;
}

.hjplan-sheet-pricebox {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-top: 12px;
    padding: 22px 20px;
    border: 1px solid var(--hjplan-sheet-line);
    border-radius: 18px;
    background: var(--hjplan-sheet-surface);
}

.hjplan-sheet-price-main {
    min-width: 0;
}

.hjplan-sheet-price-label {
    display: block;
    color: rgba(255, 255, 255, 0.46);
    font-size: 9.5px;
    font-weight: 650;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hjplan-sheet-price-line {
    display: flex;
    align-items: flex-end;
    margin-top: 7px;
    color: #fff;
}

.hjplan-sheet-currency,
.hjplan-sheet-price-line strong {
    font-size: 54px;
    font-weight: 650;
    letter-spacing: -0.07em;
    line-height: 0.93;
}

.hjplan-sheet-price-line > span:last-child {
    margin: 0 0 6px 10px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 12px;
    font-weight: 550;
    letter-spacing: -0.01em;
}

.hjplan-sheet-price-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.48);
    font-size: 9.5px;
    line-height: 1.4;
}

.hjplan-sheet-price-divider {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
}

.hjplan-sheet-kicker {
    flex: 0 0 auto;
    align-self: flex-start;
    margin: 0;
    padding: 7px 9px;
    border: 1px solid color-mix(in srgb, var(--hjplan-sheet-accent) 38%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--hjplan-sheet-accent) 11%, transparent);
    color: var(--hjplan-sheet-accent);
    font-size: 9.5px;
    font-weight: 700;
    white-space: nowrap;
}

.hjplan-sheet-quickfact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--hjplan-sheet-line);
    border-radius: 18px;
    background: var(--hjplan-sheet-surface);
}

.hjplan-sheet-quickfact {
    display: grid;
    min-height: 72px;
    grid-template-columns: 27px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 15px;
    border-right: 1px solid var(--hjplan-sheet-line);
    border-bottom: 1px solid var(--hjplan-sheet-line);
}

.hjplan-sheet-quickfact:nth-child(2n) {
    border-right: 0;
}

.hjplan-sheet-quickfact:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.hjplan-sheet-quickfact-icon {
    display: inline-flex;
    width: 27px;
    height: 27px;
    align-items: center;
    justify-content: center;
    color: var(--hjplan-sheet-accent);
}

.hjplan-sheet-quickfact-icon svg,
.hjplan-sheet-feature-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.55;
}

.hjplan-sheet-quickfact strong {
    color: rgba(255, 255, 255, 0.88);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.35;
}

.hjplan-sheet-included-count {
    display: inline-flex;
    min-height: 27px;
    align-items: center;
    padding: 0 9px;
    border: 1px solid var(--hjplan-sheet-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 9.5px !important;
    font-weight: 600;
    white-space: nowrap;
}

.hjplan-sheet-feature-list {
    overflow: hidden;
    border: 1px solid var(--hjplan-sheet-line);
    border-radius: 18px;
    background: var(--hjplan-sheet-surface);
}

.hjplan-sheet-feature-row {
    display: grid;
    min-height: 70px;
    grid-template-columns: 24px 30px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 14px 15px;
    border-bottom: 1px solid var(--hjplan-sheet-line);
}

.hjplan-sheet-feature-row:last-child {
    border-bottom: 0;
}

.hjplan-sheet-feature-index {
    color: rgba(255, 255, 255, 0.26);
    font-size: 8.5px;
    font-weight: 650;
    letter-spacing: 0.05em;
}

.hjplan-sheet-feature-icon {
    display: inline-flex;
    width: 29px;
    height: 29px;
    align-items: center;
    justify-content: center;
    color: var(--hjplan-sheet-accent);
}

.hjplan-sheet-feature-copy h4,
.hjplan-sheet-feature-copy p {
    margin: 0;
}

.hjplan-sheet-feature-copy h4 {
    color: rgba(255, 255, 255, 0.91);
    font-size: 12px;
    font-weight: 650;
    letter-spacing: -0.01em;
    line-height: 1.35;
}

.hjplan-sheet-feature-copy p {
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.47);
    font-size: 10px;
    line-height: 1.45;
}

.hjplan-sheet-footer {
    position: relative;
    z-index: 5;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px 16px;
    align-items: center;
    padding: 15px 22px 17px;
    border-top: 1px solid var(--hjplan-sheet-line);
    background: rgba(23, 25, 27, 0.985);
    box-shadow: 0 -14px 34px rgba(0, 0, 0, 0.22);
}

.hjplan-sheet-footer-summary {
    display: flex;
    min-width: 0;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
}

.hjplan-sheet-footer-summary > div:first-child {
    min-width: 0;
}

.hjplan-sheet-footer-eyebrow {
    display: block;
    color: rgba(255, 255, 255, 0.36);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.hjplan-sheet-footer-summary strong {
    display: block;
    overflow: hidden;
    margin-top: 3px;
    color: #fff;
    font-size: 13px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hjplan-sheet-footer-summary small {
    display: block;
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.42);
    font-size: 9px;
    line-height: 1.2;
}

.hjplan-sheet-footer-price {
    flex: 0 0 auto;
    color: #fff;
    white-space: nowrap;
}

.hjplan-sheet-footer-price > span,
.hjplan-sheet-footer-price b {
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -0.04em;
}

.hjplan-sheet-footer-price small {
    display: inline;
    margin-left: 4px;
    color: rgba(255, 255, 255, 0.42);
    font-size: 8px;
    font-weight: 550;
}

.hjplan-sheet-cta {
    display: inline-flex;
    min-width: 214px;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 0 17px 0 19px;
    border: 0;
    border-radius: 13px;
    background: #f5f5f2;
    color: #111315;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none;
    transition: background 150ms ease, transform 150ms ease;
}

.hjplan-sheet-cta:hover {
    background: #fff;
    color: #111315;
}

.hjplan-sheet-cta:active {
    transform: scale(0.985);
}

.hjplan-sheet-cta-icon {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #17191b;
    color: #fff;
}

.hjplan-sheet-cta-icon svg {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.hjplan-sheet-cta[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 0.62;
}

.hjplan-sheet-footer > p {
    grid-column: 1 / -1;
    margin: -3px 0 0;
    color: rgba(255, 255, 255, 0.38);
    font-size: 8.5px;
    line-height: 1.35;
    text-align: center;
}

/* Phones: contained bottom sheet with a predictable viewport-safe height. */
@media (max-width: 767px) {
    .hjplan-sheet-panel,
    body.admin-bar .hjplan-sheet-panel {
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: min(88vh, 780px);
        height: min(88dvh, 780px);
        min-height: min(520px, 88vh);
        min-height: min(520px, 88dvh);
        max-height: calc(100vh - 10px);
        max-height: calc(100dvh - max(10px, env(safe-area-inset-top)));
        border: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.11);
        border-radius: 24px 24px 0 0;
        box-shadow: 0 -24px 70px rgba(0, 0, 0, 0.36);
        transform: translate3d(0, calc(100% + 24px + var(--hjplan-sheet-drag)), 0);
        transition-duration: 280ms;
    }

    .hjplan-sheet.is-open .hjplan-sheet-panel {
        transform: translate3d(0, var(--hjplan-sheet-drag), 0);
    }

    .hjplan-sheet-topbar {
        min-height: 54px;
        padding: 0 14px;
    }

    .hjplan-sheet-drag-zone {
        position: absolute;
        top: 0;
        left: 50%;
        display: flex;
        width: 120px;
        height: 34px;
        align-items: flex-start;
        justify-content: center;
        padding-top: 9px;
        touch-action: none;
        transform: translateX(-50%);
    }

    .hjplan-sheet-topbar-label {
        font-size: 11px;
    }

    .hjplan-sheet-close {
        width: 36px;
        height: 36px;
    }

    .hjplan-sheet-scroll {
        padding: 21px 17px 26px;
    }

    .hjplan-sheet-hero h3 {
        margin-top: 15px;
        font-size: clamp(35px, 10.5vw, 44px);
    }

    .hjplan-sheet-description {
        font-size: 12px;
        line-height: 1.5;
    }

    .hjplan-sheet-trust-row {
        margin-top: 14px;
    }

    .hjplan-sheet-trial,
    .hjplan-sheet-trust-note {
        min-height: 31px;
        padding-inline: 10px;
        font-size: 9.5px;
    }

    .hjplan-sheet-purchase,
    .hjplan-sheet-quickfacts,
    .hjplan-sheet-included {
        margin-top: 23px;
    }

    .hjplan-sheet-section-heading,
    .hjplan-sheet-subheading,
    .hjplan-sheet-included-heading {
        margin-bottom: 9px;
    }

    .hjplan-sheet-section-heading strong,
    .hjplan-sheet-subheading strong,
    .hjplan-sheet-included-heading strong {
        font-size: 13px;
    }

    .hjplan-sheet-section-heading span,
    .hjplan-sheet-subheading span,
    .hjplan-sheet-included-heading span:not(.hjplan-sheet-included-count) {
        font-size: 9.5px;
    }

    .hjplan-sheet-billing {
        grid-auto-columns: minmax(108px, 39%);
    }

    .hjplan-billing-tab {
        min-height: 54px;
        padding-inline: 11px;
    }

    .hjplan-sheet-pricebox {
        align-items: center;
        padding: 19px 16px;
        border-radius: 16px;
    }

    .hjplan-sheet-currency,
    .hjplan-sheet-price-line strong {
        font-size: clamp(40px, 12.5vw, 50px);
    }

    .hjplan-sheet-price-line > span:last-child {
        margin-bottom: 5px;
        font-size: 10.5px;
    }

    .hjplan-sheet-price-meta {
        gap: 6px;
        font-size: 9px;
    }

    .hjplan-sheet-kicker {
        padding: 6px 8px;
        font-size: 8.5px;
    }

    .hjplan-sheet-quickfact {
        min-height: 66px;
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 9px;
        padding: 12px;
    }

    .hjplan-sheet-quickfact-icon {
        width: 24px;
        height: 24px;
    }

    .hjplan-sheet-quickfact strong {
        font-size: 10px;
    }

    .hjplan-sheet-feature-row {
        min-height: 66px;
        grid-template-columns: 21px 26px minmax(0, 1fr);
        gap: 9px;
        padding: 12px;
    }

    .hjplan-sheet-feature-icon {
        width: 26px;
        height: 26px;
    }

    .hjplan-sheet-feature-copy h4 {
        font-size: 11px;
    }

    .hjplan-sheet-feature-copy p {
        font-size: 9px;
    }

    .hjplan-sheet-footer {
        display: block;
        padding: 12px 16px max(14px, env(safe-area-inset-bottom));
    }

    .hjplan-sheet-footer-summary {
        margin-bottom: 9px;
    }

    .hjplan-sheet-footer-price > span,
    .hjplan-sheet-footer-price b {
        font-size: 16px;
    }

    .hjplan-sheet-cta {
        width: 100%;
        min-width: 0;
        min-height: 50px;
        font-size: 11.5px;
    }

    .hjplan-sheet-footer > p {
        margin-top: 7px;
        font-size: 7.8px;
    }
}

@media (max-width: 380px) {
    .hjplan-sheet-scroll {
        padding-inline: 14px;
    }

    .hjplan-sheet-hero h3 {
        font-size: 34px;
    }

    .hjplan-sheet-description {
        font-size: 11.5px;
    }

    .hjplan-sheet-billing {
        grid-auto-columns: minmax(102px, 44%);
    }

    .hjplan-sheet-pricebox {
        padding-inline: 14px;
    }

    .hjplan-sheet-quickfact {
        grid-template-columns: 21px minmax(0, 1fr);
        gap: 7px;
        padding: 11px 9px;
    }

    .hjplan-sheet-quickfact-icon {
        width: 21px;
        height: 21px;
    }
}

@media (max-height: 640px) and (max-width: 767px) {
    .hjplan-sheet-panel,
    body.admin-bar .hjplan-sheet-panel {
        height: 94vh;
        height: 94dvh;
        max-height: 94vh;
        max-height: 94dvh;
    }

    .hjplan-sheet-topbar {
        min-height: 50px;
    }

    .hjplan-sheet-scroll {
        padding-top: 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hjplan-sheet-backdrop,
    .hjplan-sheet-panel,
    .hjplan-sheet-close,
    .hjplan-billing-tab,
    .hjplan-sheet-cta {
        transition: none !important;
    }
}

/* HostingJet Plan Configurator v4.6.0 — premium layer isolation + reliable responsive modes */
html.hjplan-sheet-open,
body.hjplan-sheet-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
}

/* Keep theme/header stacking contexts behind the purchase surface while it is open. */
body.hjplan-sheet-open > header,
body.hjplan-sheet-open #masthead,
body.hjplan-sheet-open .site-header,
body.hjplan-sheet-open .elementor-location-header,
body.hjplan-sheet-open .header-wrapper,
body.hjplan-sheet-open .sticky-header,
body.hjplan-sheet-open [data-sticky-header] {
    z-index: 0 !important;
    pointer-events: none !important;
}

.hjplan-sheet {
    z-index: 2147483647 !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    transform: none !important;
    isolation: isolate !important;
}

.hjplan-sheet,
.hjplan-sheet *,
.hjplan-sheet *::before,
.hjplan-sheet *::after {
    box-sizing: border-box;
}

.hjplan-sheet-backdrop {
    z-index: 0 !important;
    background: rgba(8, 9, 10, 0.62) !important;
    backdrop-filter: blur(4px) saturate(0.85) !important;
    -webkit-backdrop-filter: blur(4px) saturate(0.85) !important;
    transition: opacity 220ms ease !important;
}

.hjplan-sheet-panel {
    z-index: 1 !important;
    color-scheme: dark;
    background: #151719 !important;
    color: #fff !important;
    font-family: "Plus Jakarta Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    text-align: left !important;
}

/* Prevent WordPress themes from restyling semantic articles into white cards. */
.hjplan-sheet .hjplan-sheet-quickfact,
.hjplan-sheet .hjplan-sheet-feature-row {
    margin: 0 !important;
    max-width: none !important;
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.hjplan-sheet .hjplan-sheet-quickfact::before,
.hjplan-sheet .hjplan-sheet-quickfact::after,
.hjplan-sheet .hjplan-sheet-feature-row::before,
.hjplan-sheet .hjplan-sheet-feature-row::after {
    display: none !important;
    content: none !important;
}

.hjplan-sheet .hjplan-sheet-quickfact-grid,
.hjplan-sheet .hjplan-sheet-feature-list,
.hjplan-sheet .hjplan-sheet-pricebox,
.hjplan-sheet .hjplan-sheet-billing {
    background-color: #1c1f21 !important;
    background-image: none !important;
    box-shadow: none !important;
}

.hjplan-sheet .hjplan-sheet-quickfact strong,
.hjplan-sheet .hjplan-sheet-feature-copy h4 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    text-indent: 0 !important;
}

.hjplan-sheet .hjplan-sheet-feature-copy p {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

.hjplan-sheet-topbar {
    min-height: 56px !important;
    padding-inline: 18px !important;
    background: rgba(21, 23, 25, 0.985) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

.hjplan-sheet-topbar-label {
    font-size: 11px !important;
    font-weight: 650 !important;
    letter-spacing: 0.01em !important;
}

.hjplan-sheet-close {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.045) !important;
    box-shadow: none !important;
}

.hjplan-sheet-scroll {
    padding: 24px 24px 28px !important;
    scroll-behavior: smooth;
}

.hjplan-sheet-hero h3 {
    margin-top: 15px !important;
    font-size: 42px !important;
    letter-spacing: -0.05em !important;
}

.hjplan-sheet-description {
    margin-top: 10px !important;
    max-width: 410px !important;
    font-size: 12.5px !important;
    line-height: 1.52 !important;
}

.hjplan-sheet-trust-row {
    gap: 7px !important;
    margin-top: 14px !important;
}

.hjplan-sheet-trial,
.hjplan-sheet-trust-note {
    min-height: 31px !important;
    padding-inline: 10px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
}

.hjplan-sheet-purchase,
.hjplan-sheet-quickfacts,
.hjplan-sheet-included {
    margin-top: 22px !important;
}

.hjplan-sheet-section-heading,
.hjplan-sheet-subheading,
.hjplan-sheet-included-heading {
    margin-bottom: 9px !important;
}

.hjplan-sheet-section-heading strong,
.hjplan-sheet-subheading strong,
.hjplan-sheet-included-heading strong {
    font-size: 13px !important;
}

.hjplan-sheet-section-heading span,
.hjplan-sheet-subheading span,
.hjplan-sheet-included-heading span:not(.hjplan-sheet-included-count) {
    margin-top: 3px !important;
    font-size: 9.5px !important;
}

.hjplan-sheet-billing {
    gap: 4px !important;
    padding: 4px !important;
    border-radius: 13px !important;
}

.hjplan-sheet .hjplan-billing-tab {
    min-height: 50px !important;
    padding: 0 11px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.hjplan-sheet .hjplan-billing-tab.is-active {
    background: #f4f4f1 !important;
    color: #111315 !important;
}

.hjplan-sheet-pricebox {
    margin-top: 9px !important;
    padding: 17px 16px !important;
    border-radius: 14px !important;
}

.hjplan-sheet-currency,
.hjplan-sheet-price-line strong {
    font-size: 46px !important;
}

.hjplan-sheet-price-meta {
    margin-top: 9px !important;
}

.hjplan-sheet-quickfact-grid,
.hjplan-sheet-feature-list {
    border-radius: 14px !important;
}

.hjplan-sheet .hjplan-sheet-quickfact {
    min-height: 58px !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 11px 12px !important;
    border-radius: 0 !important;
}

.hjplan-sheet-quickfact-icon {
    width: 23px !important;
    height: 23px !important;
}

.hjplan-sheet .hjplan-sheet-quickfact strong {
    font-size: 10.5px !important;
    line-height: 1.3 !important;
}

.hjplan-sheet .hjplan-sheet-feature-row {
    min-height: 60px !important;
    grid-template-columns: 19px 25px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 10px 12px !important;
    border-radius: 0 !important;
}

.hjplan-sheet-feature-icon {
    width: 25px !important;
    height: 25px !important;
}

.hjplan-sheet-feature-copy h4 {
    font-size: 11px !important;
    line-height: 1.3 !important;
}

.hjplan-sheet-feature-copy p {
    margin-top: 2px !important;
    font-size: 9px !important;
    line-height: 1.35 !important;
}

.hjplan-sheet-footer {
    gap: 10px 13px !important;
    padding: 12px 18px 14px !important;
    background: rgba(21, 23, 25, 0.99) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.18) !important;
}

.hjplan-sheet-cta {
    min-width: 196px !important;
    min-height: 48px !important;
    padding-inline: 17px 14px !important;
    border-radius: 12px !important;
    background: #f5f5f2 !important;
    color: #111315 !important;
    box-shadow: none !important;
}

.hjplan-sheet-footer > p {
    margin-top: -2px !important;
    font-size: 8px !important;
}

/* Desktop and wide tablet: explicit, reliable right-side drawer. */
@media (min-width: 900px) {
    .hjplan-sheet[data-sheet-mode="drawer"] .hjplan-sheet-panel,
    .hjplan-sheet .hjplan-sheet-panel[data-sheet-mode="drawer"] {
        position: absolute !important;
        inset: 0 0 0 auto !important;
        display: grid !important;
        width: min(500px, calc(100vw - 48px)) !important;
        height: 100vh !important;
        height: 100dvh !important;
        min-height: 0 !important;
        max-height: none !important;
        grid-template-rows: 56px minmax(0, 1fr) auto !important;
        overflow: hidden !important;
        border: 0 !important;
        border-left: 1px solid rgba(255, 255, 255, 0.09) !important;
        border-radius: 0 !important;
        box-shadow: -24px 0 72px rgba(0, 0, 0, 0.34) !important;
        transform: translate3d(104%, 0, 0) !important;
        transition: transform 390ms cubic-bezier(.2, .82, .2, 1) !important;
    }

    .hjplan-sheet.is-open[data-sheet-mode="drawer"] .hjplan-sheet-panel,
    .hjplan-sheet.is-open .hjplan-sheet-panel[data-sheet-mode="drawer"] {
        transform: translate3d(0, 0, 0) !important;
    }

    body.admin-bar .hjplan-sheet[data-sheet-mode="drawer"] .hjplan-sheet-panel,
    body.admin-bar .hjplan-sheet .hjplan-sheet-panel[data-sheet-mode="drawer"] {
        top: 32px !important;
        bottom: 0 !important;
        height: calc(100vh - 32px) !important;
        height: calc(100dvh - 32px) !important;
    }

    .hjplan-sheet-drag-zone {
        display: none !important;
    }
}

/* Mobile and compact tablet: isolated, tighter bottom sheet. */
@media (max-width: 899px) {
    .hjplan-sheet[data-sheet-mode="sheet"] .hjplan-sheet-panel,
    .hjplan-sheet .hjplan-sheet-panel[data-sheet-mode="sheet"],
    body.admin-bar .hjplan-sheet[data-sheet-mode="sheet"] .hjplan-sheet-panel,
    body.admin-bar .hjplan-sheet .hjplan-sheet-panel[data-sheet-mode="sheet"] {
        position: absolute !important;
        inset: auto 0 0 !important;
        display: grid !important;
        width: 100% !important;
        height: min(84vh, 720px) !important;
        height: min(84dvh, 720px) !important;
        min-height: min(500px, 84vh) !important;
        min-height: min(500px, 84dvh) !important;
        max-height: calc(100vh - 12px) !important;
        max-height: calc(100dvh - max(12px, env(safe-area-inset-top))) !important;
        grid-template-rows: 50px minmax(0, 1fr) auto !important;
        overflow: hidden !important;
        border: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        border-radius: 22px 22px 0 0 !important;
        box-shadow: 0 -20px 64px rgba(0, 0, 0, 0.38) !important;
        transform: translate3d(0, calc(102% + var(--hjplan-sheet-drag)), 0) !important;
        transition: transform 340ms cubic-bezier(.2, .82, .2, 1) !important;
    }

    .hjplan-sheet.is-open[data-sheet-mode="sheet"] .hjplan-sheet-panel,
    .hjplan-sheet.is-open .hjplan-sheet-panel[data-sheet-mode="sheet"] {
        transform: translate3d(0, var(--hjplan-sheet-drag), 0) !important;
    }

    .hjplan-sheet-panel.is-dragging {
        transition: none !important;
    }

    .hjplan-sheet-topbar {
        min-height: 50px !important;
        padding-inline: 13px !important;
    }

    .hjplan-sheet-drag-zone {
        top: 0 !important;
        display: flex !important;
        width: 116px !important;
        height: 31px !important;
        padding-top: 8px !important;
    }

    .hjplan-sheet-handle {
        width: 36px !important;
        height: 4px !important;
    }

    .hjplan-sheet-close {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }

    .hjplan-sheet-scroll {
        padding: 17px 15px 20px !important;
    }

    .hjplan-sheet-icon {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
        border-radius: 9px !important;
    }

    .hjplan-sheet-icon .hjplan-product-icon,
    .hjplan-sheet-icon .hjplan-brand-image {
        width: 18px !important;
        height: 18px !important;
    }

    .hjplan-sheet-product {
        font-size: 10px !important;
    }

    .hjplan-sheet-hero h3 {
        margin-top: 13px !important;
        font-size: clamp(32px, 9.8vw, 39px) !important;
    }

    .hjplan-sheet-description {
        margin-top: 8px !important;
        font-size: 11.5px !important;
        line-height: 1.46 !important;
    }

    .hjplan-sheet-trust-row {
        margin-top: 12px !important;
    }

    .hjplan-sheet-purchase,
    .hjplan-sheet-quickfacts,
    .hjplan-sheet-included {
        margin-top: 19px !important;
    }

    .hjplan-sheet-billing {
        grid-auto-columns: minmax(102px, 38%) !important;
    }

    .hjplan-sheet .hjplan-billing-tab {
        min-height: 47px !important;
    }

    .hjplan-sheet-pricebox {
        align-items: center !important;
        padding: 15px 14px !important;
    }

    .hjplan-sheet-currency,
    .hjplan-sheet-price-line strong {
        font-size: clamp(38px, 11.8vw, 46px) !important;
    }

    .hjplan-sheet .hjplan-sheet-quickfact {
        min-height: 56px !important;
        padding: 10px !important;
    }

    .hjplan-sheet .hjplan-sheet-feature-row {
        min-height: 58px !important;
        padding: 9px 10px !important;
    }

    .hjplan-sheet-footer {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(150px, 1.25fr) !important;
        padding: 10px 13px max(11px, env(safe-area-inset-bottom)) !important;
    }

    .hjplan-sheet-footer-summary {
        margin: 0 !important;
    }

    .hjplan-sheet-footer-eyebrow,
    .hjplan-sheet-footer-summary small,
    .hjplan-sheet-footer > p {
        display: none !important;
    }

    .hjplan-sheet-footer-summary strong {
        font-size: 11px !important;
    }

    .hjplan-sheet-footer-price > span,
    .hjplan-sheet-footer-price b {
        font-size: 15px !important;
    }

    .hjplan-sheet-cta {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
        padding-inline: 14px 12px !important;
        font-size: 10.5px !important;
    }
}

@media (max-width: 390px) {
    .hjplan-sheet-footer {
        grid-template-columns: minmax(0, 0.9fr) minmax(145px, 1.25fr) !important;
    }

    .hjplan-sheet-footer-price small {
        display: none !important;
    }
}

@media (max-height: 650px) and (max-width: 899px) {
    .hjplan-sheet[data-sheet-mode="sheet"] .hjplan-sheet-panel,
    .hjplan-sheet .hjplan-sheet-panel[data-sheet-mode="sheet"] {
        height: 92vh !important;
        height: 92dvh !important;
        max-height: 92vh !important;
        max-height: 92dvh !important;
    }
}

/* Final semantic-card border reset: older plugin/theme rules must not create boxed white outlines. */
.hjplan-sheet .hjplan-sheet-quickfact {
    border: 0 !important;
    border-right: 1px solid var(--hjplan-sheet-line) !important;
    border-bottom: 1px solid var(--hjplan-sheet-line) !important;
}

.hjplan-sheet .hjplan-sheet-quickfact:nth-child(2n) {
    border-right: 0 !important;
}

.hjplan-sheet .hjplan-sheet-quickfact:nth-last-child(-n + 2) {
    border-bottom: 0 !important;
}

.hjplan-sheet .hjplan-sheet-feature-row {
    border: 0 !important;
    border-bottom: 1px solid var(--hjplan-sheet-line) !important;
}

.hjplan-sheet .hjplan-sheet-feature-row:last-child {
    border-bottom: 0 !important;
}

/* HostingJet Plan Configurator v4.7.0 — precision premium refinement */
.hjplan-sheet {
    --hjplan-sheet-bg: #111315;
    --hjplan-sheet-surface: #181a1c;
    --hjplan-sheet-surface-strong: #1c1f21;
    --hjplan-sheet-line: rgba(255, 255, 255, 0.075);
    --hjplan-sheet-muted: rgba(255, 255, 255, 0.52);
    --hjplan-sheet-soft-text: rgba(255, 255, 255, 0.72);
}

.hjplan-sheet-backdrop {
    background: rgba(6, 7, 8, 0.62) !important;
    backdrop-filter: blur(10px) saturate(0.82) !important;
    -webkit-backdrop-filter: blur(10px) saturate(0.82) !important;
    transition: opacity 260ms cubic-bezier(.22, .78, .2, 1) !important;
}

.hjplan-sheet-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.018) 0, rgba(255, 255, 255, 0) 180px),
        var(--hjplan-sheet-bg) !important;
    box-shadow: -24px 0 64px rgba(0, 0, 0, 0.30) !important;
}

.hjplan-sheet-topbar {
    min-height: 52px !important;
    padding-inline: 16px !important;
    border-bottom-color: var(--hjplan-sheet-line) !important;
    background: rgba(17, 19, 21, 0.94) !important;
    backdrop-filter: blur(20px) saturate(0.9) !important;
    -webkit-backdrop-filter: blur(20px) saturate(0.9) !important;
}

.hjplan-sheet-topbar-label {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    letter-spacing: 0.045em !important;
    text-transform: uppercase;
}

.hjplan-sheet-close {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    border-color: rgba(255, 255, 255, 0.075) !important;
    background: rgba(255, 255, 255, 0.035) !important;
    color: rgba(255, 255, 255, 0.66) !important;
    transition: transform 160ms ease, background-color 160ms ease, color 160ms ease !important;
}

.hjplan-sheet-close:hover,
.hjplan-sheet-close:focus-visible {
    background: rgba(255, 255, 255, 0.075) !important;
    color: #fff !important;
}

.hjplan-sheet-scroll {
    padding: 22px 22px 26px !important;
    scrollbar-width: none !important;
    scroll-padding-block: 16px 96px;
}

.hjplan-sheet-scroll::-webkit-scrollbar {
    display: none !important;
}

.hjplan-sheet-product-line {
    gap: 9px !important;
}

.hjplan-sheet-icon {
    width: 29px !important;
    height: 29px !important;
    flex-basis: 29px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 9px !important;
    background: #f6f6f3 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset !important;
}

.hjplan-sheet-icon .hjplan-product-icon,
.hjplan-sheet-icon .hjplan-brand-image {
    width: 18px !important;
    height: 18px !important;
}

.hjplan-sheet-product {
    color: var(--hjplan-sheet-accent) !important;
    font-size: 9.5px !important;
    font-weight: 750 !important;
    letter-spacing: 0.14em !important;
}

.hjplan-sheet-hero h3 {
    margin-top: 14px !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    letter-spacing: -0.052em !important;
    line-height: 0.98 !important;
}

.hjplan-sheet-description {
    margin-top: 9px !important;
    max-width: 390px !important;
    color: rgba(255, 255, 255, 0.57) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.hjplan-sheet-trust-row {
    gap: 7px !important;
    margin-top: 13px !important;
}

.hjplan-sheet-trial,
.hjplan-sheet-trust-note {
    min-height: 29px !important;
    padding-inline: 10px !important;
    border-color: rgba(255, 255, 255, 0.075) !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, 0.028) !important;
    color: rgba(255, 255, 255, 0.66) !important;
    font-size: 9.5px !important;
    font-weight: 600 !important;
}

.hjplan-sheet-trial::before {
    width: 6px !important;
    height: 6px !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--hjplan-sheet-accent) 13%, transparent);
}

.hjplan-sheet-purchase,
.hjplan-sheet-quickfacts,
.hjplan-sheet-included {
    margin-top: 20px !important;
}

.hjplan-sheet-section-heading,
.hjplan-sheet-subheading,
.hjplan-sheet-included-heading {
    margin-bottom: 8px !important;
}

.hjplan-sheet-section-heading strong,
.hjplan-sheet-subheading strong,
.hjplan-sheet-included-heading strong {
    font-size: 12.5px !important;
    font-weight: 650 !important;
    letter-spacing: -0.018em !important;
}

.hjplan-sheet-section-heading span,
.hjplan-sheet-subheading span,
.hjplan-sheet-included-heading span:not(.hjplan-sheet-included-count) {
    margin-top: 2px !important;
    color: rgba(255, 255, 255, 0.38) !important;
    font-size: 9px !important;
    line-height: 1.35 !important;
}

.hjplan-sheet-billing {
    gap: 3px !important;
    padding: 4px !important;
    border-color: rgba(255, 255, 255, 0.07) !important;
    border-radius: 12px !important;
    background: #181a1c !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.018) inset !important;
}

.hjplan-sheet .hjplan-billing-tab {
    min-height: 48px !important;
    gap: 3px !important;
    padding: 0 10px !important;
    border-radius: 9px !important;
    color: rgba(255, 255, 255, 0.58) !important;
    transition: transform 150ms ease, background-color 150ms ease, color 150ms ease !important;
}

.hjplan-sheet .hjplan-billing-tab span {
    font-size: 10.5px !important;
    font-weight: 650 !important;
}

.hjplan-sheet .hjplan-billing-tab small {
    color: rgba(255, 255, 255, 0.32) !important;
    font-size: 7.8px !important;
}

.hjplan-sheet .hjplan-billing-tab:hover {
    background: rgba(255, 255, 255, 0.035) !important;
    color: rgba(255, 255, 255, 0.86) !important;
}

.hjplan-sheet .hjplan-billing-tab.is-active {
    background: #f6f6f3 !important;
    color: #111315 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

.hjplan-sheet .hjplan-billing-tab.is-active small {
    color: #547445 !important;
}

.hjplan-sheet-pricebox {
    position: relative;
    margin-top: 8px !important;
    padding: 15px 15px 16px !important;
    border-color: rgba(255, 255, 255, 0.07) !important;
    border-radius: 13px !important;
    background: #191c1e !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.022) inset !important;
}

.hjplan-sheet-pricebox::before {
    position: absolute;
    top: 0;
    left: 15px;
    width: 48px;
    height: 1px;
    background: color-mix(in srgb, var(--hjplan-sheet-accent) 78%, transparent);
    content: "";
}

.hjplan-sheet-price-label {
    color: rgba(255, 255, 255, 0.34) !important;
    font-size: 8px !important;
    letter-spacing: 0.1em !important;
}

.hjplan-sheet-price-line {
    margin-top: 6px !important;
}

.hjplan-sheet-currency,
.hjplan-sheet-price-line strong {
    font-size: 43px !important;
    font-weight: 660 !important;
    letter-spacing: -0.068em !important;
}

.hjplan-sheet-price-line > span:last-child {
    margin: 0 0 4px 8px !important;
    color: rgba(255, 255, 255, 0.44) !important;
    font-size: 10.5px !important;
}

.hjplan-sheet-price-meta {
    gap: 6px !important;
    margin-top: 8px !important;
    color: rgba(255, 255, 255, 0.36) !important;
    font-size: 8.5px !important;
}

.hjplan-sheet-kicker {
    padding: 6px 8px !important;
    border-color: color-mix(in srgb, var(--hjplan-sheet-accent) 30%, transparent) !important;
    background: color-mix(in srgb, var(--hjplan-sheet-accent) 8%, transparent) !important;
    font-size: 8px !important;
    letter-spacing: 0.01em;
}

.hjplan-sheet-quickfact-grid,
.hjplan-sheet-feature-list {
    border-color: rgba(255, 255, 255, 0.07) !important;
    border-radius: 13px !important;
    background: #181a1c !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.018) inset !important;
}

.hjplan-sheet .hjplan-sheet-quickfact {
    min-height: 54px !important;
    grid-template-columns: 21px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 10px 12px !important;
}

.hjplan-sheet-quickfact-icon {
    width: 20px !important;
    height: 20px !important;
    color: var(--hjplan-sheet-accent) !important;
    opacity: 0.92;
}

.hjplan-sheet .hjplan-sheet-quickfact strong {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
}

.hjplan-sheet-included-count {
    min-height: 24px !important;
    padding-inline: 8px !important;
    border-color: rgba(255, 255, 255, 0.065) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    color: rgba(255, 255, 255, 0.43) !important;
    font-size: 8px !important;
}

.hjplan-sheet .hjplan-sheet-feature-row {
    min-height: 58px !important;
    grid-template-columns: 23px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 10px 12px !important;
}

.hjplan-sheet-feature-index {
    display: none !important;
}

.hjplan-sheet-feature-icon {
    width: 22px !important;
    height: 22px !important;
    color: var(--hjplan-sheet-accent) !important;
    opacity: 0.9;
}

.hjplan-sheet-feature-copy h4 {
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
}

.hjplan-sheet-feature-copy p {
    margin-top: 2px !important;
    color: rgba(255, 255, 255, 0.39) !important;
    font-size: 8.7px !important;
    line-height: 1.38 !important;
}

.hjplan-sheet-footer {
    gap: 9px 12px !important;
    padding: 11px 16px 13px !important;
    border-top-color: rgba(255, 255, 255, 0.07) !important;
    background: rgba(17, 19, 21, 0.96) !important;
    backdrop-filter: blur(22px) saturate(0.9) !important;
    -webkit-backdrop-filter: blur(22px) saturate(0.9) !important;
    box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.16) !important;
}

.hjplan-sheet-footer-eyebrow {
    color: rgba(255, 255, 255, 0.28) !important;
    font-size: 7px !important;
}

.hjplan-sheet-footer-summary strong {
    font-size: 11.5px !important;
}

.hjplan-sheet-footer-summary small {
    color: rgba(255, 255, 255, 0.34) !important;
    font-size: 8px !important;
}

.hjplan-sheet-footer-price > span,
.hjplan-sheet-footer-price b {
    font-size: 16px !important;
}

.hjplan-sheet-footer-price small {
    color: rgba(255, 255, 255, 0.34) !important;
    font-size: 7.5px !important;
}

.hjplan-sheet-cta {
    min-width: 190px !important;
    min-height: 47px !important;
    padding-inline: 16px 11px !important;
    border-radius: 11px !important;
    background: #f6f6f3 !important;
    color: #111315 !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.55) inset !important;
    transition: transform 150ms ease, background-color 150ms ease, box-shadow 150ms ease !important;
}

.hjplan-sheet-cta:hover {
    background: #fff !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 8px 22px rgba(0, 0, 0, 0.16) !important;
}

.hjplan-sheet-cta-icon {
    width: 21px !important;
    height: 21px !important;
    background: #17191b !important;
}

.hjplan-sheet-footer > p {
    color: rgba(255, 255, 255, 0.28) !important;
    font-size: 7.5px !important;
}

.hjplan-sheet.is-open .hjplan-sheet-scroll {
    animation: hjplan-premium-content-in 390ms 55ms cubic-bezier(.22, .78, .2, 1) both;
}

.hjplan-sheet.is-open .hjplan-sheet-footer {
    animation: hjplan-premium-footer-in 360ms 80ms cubic-bezier(.22, .78, .2, 1) both;
}

.hjplan-sheet-panel.is-price-updating .hjplan-sheet-price-line,
.hjplan-sheet-panel.is-price-updating .hjplan-sheet-price-meta,
.hjplan-sheet-panel.is-price-updating .hjplan-sheet-kicker,
.hjplan-sheet-panel.is-price-updating .hjplan-sheet-footer-price {
    animation: hjplan-price-refresh 240ms cubic-bezier(.22, .78, .2, 1) both;
}

@keyframes hjplan-premium-content-in {
    from { opacity: 0; transform: translate3d(0, 8px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes hjplan-premium-footer-in {
    from { opacity: 0; transform: translate3d(0, 6px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes hjplan-price-refresh {
    0% { opacity: 0.35; transform: translate3d(0, 4px, 0); }
    100% { opacity: 1; transform: translate3d(0, 0, 0); }
}

@media (min-width: 900px) {
    .hjplan-sheet[data-sheet-mode="drawer"] .hjplan-sheet-panel,
    .hjplan-sheet .hjplan-sheet-panel[data-sheet-mode="drawer"] {
        width: min(488px, calc(100vw - 48px)) !important;
        grid-template-rows: 52px minmax(0, 1fr) auto !important;
        border-left-color: rgba(255, 255, 255, 0.075) !important;
        box-shadow: -22px 0 60px rgba(0, 0, 0, 0.29) !important;
        transition: transform 410ms cubic-bezier(.18, .82, .2, 1) !important;
    }
}

@media (max-width: 899px) {
    .hjplan-sheet[data-sheet-mode="sheet"] .hjplan-sheet-panel,
    .hjplan-sheet .hjplan-sheet-panel[data-sheet-mode="sheet"],
    body.admin-bar .hjplan-sheet[data-sheet-mode="sheet"] .hjplan-sheet-panel,
    body.admin-bar .hjplan-sheet .hjplan-sheet-panel[data-sheet-mode="sheet"] {
        height: min(84vh, 704px) !important;
        height: min(84dvh, 704px) !important;
        min-height: min(492px, 84vh) !important;
        min-height: min(492px, 84dvh) !important;
        border-top-color: rgba(255, 255, 255, 0.08) !important;
        border-radius: 20px 20px 0 0 !important;
        box-shadow: 0 -18px 50px rgba(0, 0, 0, 0.32) !important;
        transition: transform 360ms cubic-bezier(.18, .82, .2, 1) !important;
    }

    .hjplan-sheet-topbar {
        min-height: 48px !important;
        padding-inline: 12px !important;
    }

    .hjplan-sheet-drag-zone {
        width: 108px !important;
        height: 29px !important;
        padding-top: 7px !important;
    }

    .hjplan-sheet-handle {
        width: 34px !important;
        height: 3px !important;
        background: rgba(255, 255, 255, 0.22) !important;
    }

    .hjplan-sheet-close {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
    }

    .hjplan-sheet-scroll {
        padding: 14px 14px 18px !important;
    }

    .hjplan-sheet-icon {
        width: 27px !important;
        height: 27px !important;
        flex-basis: 27px !important;
        border-radius: 8px !important;
    }

    .hjplan-sheet-icon .hjplan-product-icon,
    .hjplan-sheet-icon .hjplan-brand-image {
        width: 17px !important;
        height: 17px !important;
    }

    .hjplan-sheet-product {
        font-size: 9px !important;
    }

    .hjplan-sheet-hero h3 {
        margin-top: 12px !important;
        font-size: clamp(31px, 9.3vw, 36px) !important;
    }

    .hjplan-sheet-description {
        margin-top: 7px !important;
        font-size: 10.8px !important;
        line-height: 1.45 !important;
    }

    .hjplan-sheet-trust-row {
        margin-top: 11px !important;
    }

    .hjplan-sheet-trial,
    .hjplan-sheet-trust-note {
        min-height: 28px !important;
        padding-inline: 9px !important;
        font-size: 9px !important;
    }

    .hjplan-sheet-purchase,
    .hjplan-sheet-quickfacts,
    .hjplan-sheet-included {
        margin-top: 17px !important;
    }

    .hjplan-sheet-billing {
        grid-auto-columns: minmax(98px, 36%) !important;
    }

    .hjplan-sheet .hjplan-billing-tab {
        min-height: 45px !important;
    }

    .hjplan-sheet-pricebox {
        padding: 13px 13px 14px !important;
    }

    .hjplan-sheet-currency,
    .hjplan-sheet-price-line strong {
        font-size: clamp(37px, 11.2vw, 42px) !important;
    }

    .hjplan-sheet .hjplan-sheet-quickfact {
        min-height: 51px !important;
        padding: 9px 10px !important;
    }

    .hjplan-sheet .hjplan-sheet-feature-row {
        min-height: 55px !important;
        padding: 9px 10px !important;
    }

    .hjplan-sheet-footer {
        grid-template-columns: minmax(0, 0.92fr) minmax(156px, 1.2fr) !important;
        padding: 9px 12px max(10px, env(safe-area-inset-bottom)) !important;
    }

    .hjplan-sheet-footer-summary {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 2px !important;
        align-items: start !important;
        justify-items: start !important;
    }

    .hjplan-sheet-footer-summary > div:first-child {
        display: flex !important;
        align-items: baseline !important;
        gap: 6px !important;
    }

    .hjplan-sheet-footer-eyebrow,
    .hjplan-sheet-footer-summary > div:first-child small,
    .hjplan-sheet-footer > p {
        display: none !important;
    }

    .hjplan-sheet-footer-summary strong {
        margin: 0 !important;
        font-size: 9.5px !important;
        letter-spacing: 0.03em !important;
    }

    .hjplan-sheet-footer-price > span,
    .hjplan-sheet-footer-price b {
        font-size: 15px !important;
    }

    .hjplan-sheet-cta {
        min-height: 44px !important;
        padding-inline: 13px 9px !important;
        border-radius: 10px !important;
        font-size: 9.7px !important;
    }

    .hjplan-sheet-cta-icon {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 360px) {
    .hjplan-sheet-footer {
        grid-template-columns: 82px minmax(0, 1fr) !important;
    }

    .hjplan-sheet-footer-price small {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hjplan-sheet.is-open .hjplan-sheet-scroll,
    .hjplan-sheet.is-open .hjplan-sheet-footer,
    .hjplan-sheet-panel.is-price-updating .hjplan-sheet-price-line,
    .hjplan-sheet-panel.is-price-updating .hjplan-sheet-price-meta,
    .hjplan-sheet-panel.is-price-updating .hjplan-sheet-kicker,
    .hjplan-sheet-panel.is-price-updating .hjplan-sheet-footer-price {
        animation: none !important;
    }
}

/* Final group normalization: feature rows remain one seamless premium list under any theme. */
.hjplan-sheet .hjplan-sheet-feature-list {
    display: block !important;
    gap: 0 !important;
    margin-top: 0 !important;
}

.hjplan-sheet .hjplan-sheet-feature-row {
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--hjplan-sheet-line) !important;
    border-radius: 0 !important;
}

.hjplan-sheet .hjplan-sheet-feature-row:last-child {
    border-bottom: 0 !important;
}

.hjplan-sheet .hjplan-sheet-quickfact {
    margin: 0 !important;
    border: 0 !important;
    border-right: 1px solid var(--hjplan-sheet-line) !important;
    border-bottom: 1px solid var(--hjplan-sheet-line) !important;
    border-radius: 0 !important;
}

.hjplan-sheet .hjplan-sheet-quickfact:nth-child(2n) {
    border-right: 0 !important;
}

.hjplan-sheet .hjplan-sheet-quickfact:nth-last-child(-n + 2) {
    border-bottom: 0 !important;
}

/* HostingJet Plan Configurator v4.7.2 — keep the v4.7 look, but show all 4 glance cards in one horizontal row. */
.hjplan-sheet .hjplan-sheet-quickfact-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.hjplan-sheet .hjplan-sheet-quickfact {
    min-width: 0 !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 11px 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 13px !important;
    background: #181a1c !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018) !important;
}

.hjplan-sheet .hjplan-sheet-quickfact:nth-child(2n),
.hjplan-sheet .hjplan-sheet-quickfact:nth-last-child(-n + 2) {
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
}

@media (max-width: 899px) {
    .hjplan-sheet .hjplan-sheet-quickfact-grid {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(132px, 1fr) !important;
        grid-template-columns: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding-bottom: 2px !important;
        scroll-snap-type: x proximity !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .hjplan-sheet .hjplan-sheet-quickfact {
        scroll-snap-align: start !important;
    }

    .hjplan-sheet .hjplan-sheet-quickfact-grid::-webkit-scrollbar {
        display: none !important;
    }
}

@media (max-width: 390px) {
    .hjplan-sheet .hjplan-sheet-quickfact-grid {
        gap: 8px !important;
        grid-auto-columns: minmax(124px, 1fr) !important;
    }

    .hjplan-sheet .hjplan-sheet-quickfact {
        min-height: 58px !important;
        padding: 10px !important;
    }
}



/* HostingJet Plan Configurator v4.7.3 — precision white bottom sheet / drawer theme. */
.hjplan-sheet {
    --hjplan-sheet-bg: #fbfbfa;
    --hjplan-sheet-surface: #f4f4f1;
    --hjplan-sheet-surface-strong: #ededE9;
    --hjplan-sheet-line: rgba(17, 19, 21, 0.10);
    --hjplan-sheet-muted: rgba(17, 19, 21, 0.53);
    --hjplan-sheet-soft-text: rgba(17, 19, 21, 0.72);
}

.hjplan-sheet-panel[data-plan-slug="go"] { --hjplan-sheet-accent: #5969b7 !important; }
.hjplan-sheet-panel[data-plan-slug="plus"] { --hjplan-sheet-accent: #3f7b36 !important; }
.hjplan-sheet-panel[data-plan-slug="pro"] { --hjplan-sheet-accent: #277284 !important; }
.hjplan-sheet-panel[data-plan-slug="agency"] { --hjplan-sheet-accent: #7354a5 !important; }

.hjplan-sheet-backdrop {
    background: rgba(15, 17, 19, 0.46) !important;
    backdrop-filter: blur(9px) saturate(0.78) !important;
    -webkit-backdrop-filter: blur(9px) saturate(0.78) !important;
}

.hjplan-sheet-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0, rgba(255, 255, 255, 0) 170px),
        var(--hjplan-sheet-bg) !important;
    color: #111315 !important;
    box-shadow: -24px 0 64px rgba(10, 12, 14, 0.18) !important;
}

.hjplan-sheet-topbar {
    border-bottom-color: var(--hjplan-sheet-line) !important;
    background: rgba(251, 251, 250, 0.94) !important;
    backdrop-filter: blur(20px) saturate(0.95) !important;
    -webkit-backdrop-filter: blur(20px) saturate(0.95) !important;
}

.hjplan-sheet-topbar-label {
    color: rgba(17, 19, 21, 0.48) !important;
}

.hjplan-sheet-handle {
    background: rgba(17, 19, 21, 0.20) !important;
}

.hjplan-sheet-close {
    border-color: rgba(17, 19, 21, 0.10) !important;
    background: rgba(17, 19, 21, 0.035) !important;
    color: rgba(17, 19, 21, 0.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.hjplan-sheet-close:hover,
.hjplan-sheet-close:focus-visible {
    background: rgba(17, 19, 21, 0.075) !important;
    color: #111315 !important;
}

.hjplan-sheet-icon {
    border-color: rgba(17, 19, 21, 0.10) !important;
    background: #ffffff !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 4px 12px rgba(17,19,21,.05) !important;
}

.hjplan-sheet-hero h3,
.hjplan-sheet-price-line,
.hjplan-sheet-currency,
.hjplan-sheet-price-line strong,
.hjplan-sheet-section-heading strong,
.hjplan-sheet-subheading strong,
.hjplan-sheet-included-heading strong,
.hjplan-sheet-footer-summary strong,
.hjplan-sheet-footer-price > span,
.hjplan-sheet-footer-price b {
    color: #111315 !important;
}

.hjplan-sheet-description {
    color: rgba(17, 19, 21, 0.60) !important;
}

.hjplan-sheet-trial,
.hjplan-sheet-trust-note {
    border-color: rgba(17, 19, 21, 0.09) !important;
    background: rgba(17, 19, 21, 0.035) !important;
    color: rgba(17, 19, 21, 0.66) !important;
}

.hjplan-sheet-section-heading span,
.hjplan-sheet-subheading span,
.hjplan-sheet-included-heading span:not(.hjplan-sheet-included-count) {
    color: rgba(17, 19, 21, 0.44) !important;
}

.hjplan-sheet-billing {
    border-color: rgba(17, 19, 21, 0.09) !important;
    background: #efefec !important;
    box-shadow: inset 0 1px 2px rgba(17,19,21,.035), 0 1px 0 rgba(255,255,255,.75) !important;
}

.hjplan-sheet .hjplan-billing-tab {
    color: rgba(17, 19, 21, 0.58) !important;
}

.hjplan-sheet .hjplan-billing-tab small {
    color: rgba(17, 19, 21, 0.40) !important;
}

.hjplan-sheet .hjplan-billing-tab:hover {
    background: rgba(255, 255, 255, 0.64) !important;
    color: #111315 !important;
}

.hjplan-sheet .hjplan-billing-tab.is-active {
    background: #ffffff !important;
    color: #111315 !important;
    border: 1px solid rgba(17,19,21,.08) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 4px 12px rgba(17,19,21,.08) !important;
}

.hjplan-sheet .hjplan-billing-tab.is-active small {
    color: var(--hjplan-sheet-accent) !important;
}

.hjplan-sheet-pricebox {
    border-color: rgba(17, 19, 21, 0.09) !important;
    background: #f4f4f1 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85) !important;
}

.hjplan-sheet-price-label {
    color: rgba(17, 19, 21, 0.42) !important;
}

.hjplan-sheet-price-line > span:last-child {
    color: rgba(17, 19, 21, 0.52) !important;
}

.hjplan-sheet-price-meta,
.hjplan-sheet-current-billing,
.hjplan-sheet-price-meta > span {
    color: rgba(17, 19, 21, 0.48) !important;
}

.hjplan-sheet-kicker {
    color: var(--hjplan-sheet-accent) !important;
    background: rgba(17, 19, 21, 0.025) !important;
}

.hjplan-sheet-quickfact-grid,
.hjplan-sheet-feature-list {
    border-color: rgba(17, 19, 21, 0.09) !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 6px 20px rgba(17,19,21,.035) !important;
}

.hjplan-sheet .hjplan-sheet-quickfact {
    border-color: rgba(17, 19, 21, 0.09) !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 3px 12px rgba(17,19,21,.035) !important;
}

.hjplan-sheet .hjplan-sheet-quickfact:nth-child(2n),
.hjplan-sheet .hjplan-sheet-quickfact:nth-last-child(-n + 2) {
    border-color: rgba(17, 19, 21, 0.09) !important;
}

.hjplan-sheet .hjplan-sheet-quickfact strong {
    color: rgba(17, 19, 21, 0.88) !important;
}

.hjplan-sheet-included-count {
    border-color: rgba(17, 19, 21, 0.08) !important;
    background: rgba(17, 19, 21, 0.035) !important;
    color: rgba(17, 19, 21, 0.50) !important;
}

.hjplan-sheet .hjplan-sheet-feature-row {
    border-bottom-color: rgba(17, 19, 21, 0.08) !important;
}

.hjplan-sheet-feature-copy h4 {
    color: rgba(17, 19, 21, 0.90) !important;
}

.hjplan-sheet-feature-copy p {
    color: rgba(17, 19, 21, 0.52) !important;
}

.hjplan-sheet-footer {
    border-top-color: rgba(17, 19, 21, 0.10) !important;
    background: rgba(251, 251, 250, 0.96) !important;
    backdrop-filter: blur(22px) saturate(0.95) !important;
    -webkit-backdrop-filter: blur(22px) saturate(0.95) !important;
    box-shadow: 0 -10px 28px rgba(17, 19, 21, 0.08) !important;
}

.hjplan-sheet-footer-eyebrow {
    color: rgba(17, 19, 21, 0.40) !important;
}

.hjplan-sheet-footer-summary small,
.hjplan-sheet-footer-price small,
.hjplan-sheet-footer > p {
    color: rgba(17, 19, 21, 0.46) !important;
}

.hjplan-sheet-cta {
    background: #111315 !important;
    color: #ffffff !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.12) inset, 0 8px 22px rgba(17,19,21,.16) !important;
}

.hjplan-sheet-cta:hover {
    background: #26292b !important;
    color: #ffffff !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.15) inset, 0 10px 26px rgba(17,19,21,.20) !important;
}

.hjplan-sheet-cta-icon {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

.hjplan-sheet-cta-icon svg {
    stroke: currentColor !important;
}

@media (min-width: 900px) {
    .hjplan-sheet[data-sheet-mode="drawer"] .hjplan-sheet-panel,
    .hjplan-sheet .hjplan-sheet-panel[data-sheet-mode="drawer"] {
        border-left-color: rgba(17, 19, 21, 0.10) !important;
        box-shadow: -22px 0 60px rgba(10, 12, 14, 0.17) !important;
    }
}

@media (max-width: 899px) {
    .hjplan-sheet[data-sheet-mode="sheet"] .hjplan-sheet-panel,
    .hjplan-sheet .hjplan-sheet-panel[data-sheet-mode="sheet"],
    body.admin-bar .hjplan-sheet[data-sheet-mode="sheet"] .hjplan-sheet-panel,
    body.admin-bar .hjplan-sheet .hjplan-sheet-panel[data-sheet-mode="sheet"] {
        border-top-color: rgba(17, 19, 21, 0.10) !important;
        box-shadow: 0 -18px 50px rgba(10, 12, 14, 0.20) !important;
    }
}


/* HostingJet Plan Configurator v4.7.4 — hardened white theme fix for sheet / drawer.
   This block intentionally overrides every dark carryover surface from v4.7.x. */
.hjplan-sheet {
    --hjplan-sheet-bg: #fcfcfb !important;
    --hjplan-sheet-surface: #f3f3f0 !important;
    --hjplan-sheet-surface-strong: #ecece8 !important;
    --hjplan-sheet-line: rgba(17, 19, 21, 0.10) !important;
    --hjplan-sheet-muted: rgba(17, 19, 21, 0.50) !important;
    --hjplan-sheet-soft-text: rgba(17, 19, 21, 0.68) !important;
}

.hjplan-sheet .hjplan-sheet-panel,
.hjplan-sheet-panel {
    background: var(--hjplan-sheet-bg) !important;
    background-image: linear-gradient(180deg, rgba(255,255,255,.9) 0, rgba(255,255,255,0) 180px) !important;
    color: #111315 !important;
}

.hjplan-sheet .hjplan-sheet-topbar,
.hjplan-sheet .hjplan-sheet-footer {
    background: rgba(252, 252, 251, 0.96) !important;
}

.hjplan-sheet .hjplan-sheet-topbar-label,
.hjplan-sheet .hjplan-sheet-footer-eyebrow,
.hjplan-sheet .hjplan-sheet-price-label,
.hjplan-sheet .hjplan-sheet-footer > p,
.hjplan-sheet .hjplan-sheet-footer-summary small,
.hjplan-sheet .hjplan-sheet-footer-price small,
.hjplan-sheet .hjplan-sheet-section-heading span,
.hjplan-sheet .hjplan-sheet-subheading span,
.hjplan-sheet .hjplan-sheet-description,
.hjplan-sheet .hjplan-sheet-price-meta,
.hjplan-sheet .hjplan-sheet-current-billing,
.hjplan-sheet .hjplan-sheet-price-meta > span,
.hjplan-sheet .hjplan-sheet-charge,
.hjplan-sheet .hjplan-sheet-feature-copy p,
.hjplan-sheet .hjplan-billing-tab,
.hjplan-sheet .hjplan-billing-tab small,
.hjplan-sheet .hjplan-sheet-trial,
.hjplan-sheet .hjplan-sheet-trust-note,
.hjplan-sheet .hjplan-sheet-kicker,
.hjplan-sheet .hjplan-sheet-included-count,
.hjplan-sheet .hjplan-sheet-features-toggle,
.hjplan-sheet .hjplan-sheet-assurances span,
.hjplan-sheet .hjplan-sheet-compare p,
.hjplan-sheet .hjplan-sheet-recommended-list li,
.hjplan-sheet .hjplan-sheet-billing-more {
    color: rgba(17, 19, 21, 0.62) !important;
}

.hjplan-sheet .hjplan-sheet-hero h3,
.hjplan-sheet .hjplan-sheet-price-line,
.hjplan-sheet .hjplan-sheet-currency,
.hjplan-sheet .hjplan-sheet-price-line strong,
.hjplan-sheet .hjplan-sheet-section-heading strong,
.hjplan-sheet .hjplan-sheet-subheading strong,
.hjplan-sheet .hjplan-sheet-footer-summary strong,
.hjplan-sheet .hjplan-sheet-footer-price > span,
.hjplan-sheet .hjplan-sheet-footer-price b,
.hjplan-sheet .hjplan-sheet-feature-copy h4,
.hjplan-sheet .hjplan-sheet-quickfact strong,
.hjplan-sheet .hjplan-sheet-compare-title,
.hjplan-sheet .hjplan-sheet-compare strong,
.hjplan-sheet .hjplan-sheet-billing-more span,
.hjplan-sheet .hjplan-billing-tab.is-active,
.hjplan-sheet .hjplan-billing-tab:hover,
.hjplan-sheet .hjplan-billing-tab:hover small {
    color: #111315 !important;
}

.hjplan-sheet .hjplan-sheet-close,
.hjplan-sheet .hjplan-sheet-icon,
.hjplan-sheet .hjplan-sheet-trial,
.hjplan-sheet .hjplan-sheet-trust-note,
.hjplan-sheet .hjplan-sheet-billing,
.hjplan-sheet .hjplan-sheet-billing-more,
.hjplan-sheet .hjplan-sheet-billing-secondary,
.hjplan-sheet .hjplan-sheet-pricebox,
.hjplan-sheet .hjplan-sheet-quickfact,
.hjplan-sheet .hjplan-sheet-feature-list,
.hjplan-sheet .hjplan-sheet-features-toggle,
.hjplan-sheet .hjplan-sheet-compare,
.hjplan-sheet .hjplan-sheet-assurances,
.hjplan-sheet .hjplan-sheet-assurances span,
.hjplan-sheet .hjplan-sheet-recommended-list li {
    border-color: rgba(17, 19, 21, 0.10) !important;
}

.hjplan-sheet .hjplan-sheet-close {
    background: rgba(17, 19, 21, 0.03) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.hjplan-sheet .hjplan-sheet-icon {
    background: #fff !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.92) inset, 0 6px 16px rgba(17,19,21,.05) !important;
}

.hjplan-sheet .hjplan-sheet-billing,
.hjplan-sheet .hjplan-sheet-billing-secondary {
    background: #efefec !important;
    background-image: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), inset 0 0 0 1px rgba(17,19,21,.02) !important;
}

.hjplan-sheet .hjplan-billing-tab {
    background: transparent !important;
}

.hjplan-sheet .hjplan-billing-tab:hover {
    background: rgba(255,255,255,.55) !important;
}

.hjplan-sheet .hjplan-billing-tab.is-active {
    background: #ffffff !important;
    border: 1px solid rgba(17,19,21,.08) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.95) inset, 0 4px 14px rgba(17,19,21,.08) !important;
}

.hjplan-sheet .hjplan-billing-tab.is-active small {
    color: var(--hjplan-sheet-accent) !important;
}

.hjplan-sheet .hjplan-sheet-billing-more {
    background: rgba(255,255,255,.56) !important;
}

.hjplan-sheet .hjplan-sheet-pricebox {
    background: #f4f4f1 !important;
    background-image: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 1px 0 rgba(17,19,21,.02) !important;
}

.hjplan-sheet .hjplan-sheet-pricebox::before {
    background: var(--hjplan-sheet-accent) !important;
    opacity: .72 !important;
}

.hjplan-sheet .hjplan-sheet-kicker {
    background: rgba(17,19,21,.03) !important;
    color: var(--hjplan-sheet-accent) !important;
    border-color: rgba(17,19,21,.08) !important;
}

.hjplan-sheet .hjplan-sheet-quickfact,
.hjplan-sheet .hjplan-sheet-feature-list,
.hjplan-sheet .hjplan-sheet-features-toggle,
.hjplan-sheet .hjplan-sheet-compare,
.hjplan-sheet .hjplan-sheet-assurances,
.hjplan-sheet .hjplan-sheet-assurances span,
.hjplan-sheet .hjplan-sheet-recommended-list li {
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 4px 14px rgba(17,19,21,.04) !important;
}

.hjplan-sheet .hjplan-sheet-feature-row {
    border-bottom-color: rgba(17,19,21,.08) !important;
}

.hjplan-sheet .hjplan-sheet-assurances span i {
    background: var(--hjplan-sheet-accent) !important;
}

.hjplan-sheet .hjplan-sheet-recommended-list li span[aria-hidden="true"] {
    color: var(--hjplan-sheet-accent) !important;
}

.hjplan-sheet .hjplan-sheet-cta,
.hjplan-sheet .hjplan-sheet-cta[aria-disabled="true"] {
    background: #111315 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.12) inset, 0 10px 24px rgba(17,19,21,.14) !important;
}

.hjplan-sheet .hjplan-sheet-cta:hover,
.hjplan-sheet .hjplan-sheet-cta[aria-disabled="true"]:hover {
    background: #1c1f21 !important;
    color: #ffffff !important;
}

.hjplan-sheet .hjplan-sheet-cta-icon {
    background: rgba(255,255,255,.14) !important;
    color: #fff !important;
}

.hjplan-sheet .hjplan-sheet-footer {
    border-top-color: rgba(17,19,21,.10) !important;
    box-shadow: 0 -10px 28px rgba(17,19,21,.08) !important;
}