/* =========================================================
   WTMG PROVIDER PRICING
   ========================================================= */

.wtmg-pricing-page,
.wtmg-pricing-page * {
    box-sizing: border-box;
}

.wtmg-pricing-page {
    --navy: #081b45;
    --blue: #0757e8;
    --blue2: #2468f2;
    --muted: #536789;
    --border: #dbe5f2;
    --soft: #f5f8fd;
    --green: #07984d;
    --orange: #ff7a00;
    --purple: #6e35d8;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    color: var(--navy);
    font-family: inherit;
    background: #fff;
}

.wtmg-pricing-page h1,
.wtmg-pricing-page h2,
.wtmg-pricing-page h3,
.wtmg-pricing-page h4,
.wtmg-pricing-page p {
    margin-top: 0;
}


/* HERO
   ========================================================= */

.wtmg-pricing-hero {
    min-height: 410px;
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(480px, .95fr);
    align-items: center;
    gap: 15px;
    padding: 42px max(58px, calc((100vw - 1420px) / 2));
    background:
        radial-gradient(circle at 70% 12%, rgba(51,121,239,.09), transparent 27%),
        linear-gradient(90deg, #fff 0%, #fff 43%, #f7fbff 100%);
}

.wtmg-pricing-hero-content {
    position: relative;
    z-index: 5;
    max-width: 650px;
}

.wtmg-pricing-hero h1 {
    margin-bottom: 24px;
    font-size: clamp(43px, 4vw, 62px);
    line-height: 1.05;
    letter-spacing: -2.2px;
    font-weight: 800;
    color: #07173d;
}

.wtmg-pricing-hero h1 span {
    color: var(--blue);
}

.wtmg-hero-lead {
    max-width: 590px;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 1.65;
    color: #263a60;
}

.wtmg-pricing-benefits {
    display: flex;
    gap: 28px;
    margin-top: 36px;
}

.wtmg-benefit {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.pricing-benefit-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9e6fa;
    border-radius: 12px;
    color: var(--blue);
    background: #f7faff;
    box-shadow: 0 4px 12px rgba(31,74,139,.08);
}

.pricing-benefit-icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.wtmg-benefit strong,
.wtmg-benefit span:not(.pricing-benefit-icon) {
    display: block;
}

.wtmg-benefit strong {
    margin-bottom: 2px;
    font-size: 13px;
    line-height: 1.3;
}

.wtmg-benefit > div > span {
    max-width: 135px;
    font-size: 11px;
    line-height: 1.35;
    color: #586a88;
}


/* HERO VISUAL */

.wtmg-pricing-hero-visual {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 55%;
    height: 100%;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255,255,255,.1), rgba(235,245,255,.55)),
        linear-gradient(135deg, #f6fbff, #eef6fd);
}

.wtmg-pricing-hero-visual:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 9;
    pointer-events: none;
    background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.82) 7%, rgba(255,255,255,.25) 23%, transparent 42%);
}

.wtmg-map-pattern {
    position: absolute;
    top: 14px;
    left: 2%;
    width: 70%;
    height: 145px;
    opacity: .65;
    background-image:
        radial-gradient(circle, #b7d4fb 1.5px, transparent 1.6px);
    background-size: 8px 8px;
    clip-path: polygon(6% 32%,18% 19%,29% 23%,37% 7%,48% 14%,54% 31%,66% 26%,76% 36%,93% 27%,100% 43%,89% 58%,73% 55%,62% 72%,48% 61%,38% 80%,25% 68%,15% 78%,4% 58%);
}

.map-pin {
    position: absolute;
    width: 10px;
    height: 13px;
    border-radius: 8px 8px 8px 0;
    transform: rotate(-45deg);
    background: #75a8f5;
}

.map-pin:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    top: 3px;
    left: 3px;
    border-radius: 50%;
    background: #fff;
}

.pin-one { left: 25%; top: 40%; }
.pin-two { left: 55%; top: 28%; }
.pin-three { right: 9%; top: 48%; }

.wtmg-city-silhouette {
    position: absolute;
    left: 4%;
    right: 0;
    bottom: 74px;
    height: 235px;
    opacity: .82;
    background:
        linear-gradient(180deg, transparent 72%, rgba(112,151,180,.24) 72%);
}

.building {
    position: absolute;
    bottom: 0;
    display: block;
    background: linear-gradient(90deg, #bdd3e1, #e3edf3 48%, #a7c1d2);
    box-shadow: inset 0 0 0 1px rgba(94,134,164,.1);
}

.building:after {
    content: "";
    position: absolute;
    inset: 8px 5px;
    opacity: .65;
    background: repeating-linear-gradient(180deg, rgba(90,136,166,.35) 0 2px, transparent 2px 8px);
}

.b1 { left: 4%; width: 58px; height: 135px; }
.b2 { left: 14%; width: 82px; height: 182px; }
.b3 { left: 27%; width: 62px; height: 224px; clip-path: polygon(0 12%,45% 12%,50% 0,55% 12%,100% 12%,100% 100%,0 100%); }
.b4 { left: 39%; width: 96px; height: 154px; }
.b5 { right: 17%; width: 72px; height: 205px; clip-path: polygon(0 9%,44% 9%,50% 0,56% 9%,100% 9%,100% 100%,0 100%); }
.b6 { right: 3%; width: 105px; height: 166px; }

.wtmg-desk {
    position: absolute;
    z-index: 3;
    left: 5%;
    right: -20px;
    bottom: 32px;
    height: 56px;
    transform: perspective(400px) rotateX(64deg);
    background: linear-gradient(#e9edf0, #cbd3d8);
    box-shadow: 0 20px 25px rgba(36,55,72,.22);
}

.wtmg-laptop {
    position: absolute;
    z-index: 5;
    left: 26%;
    bottom: 59px;
    width: 330px;
    height: 205px;
    transform: rotate(-2deg);
}

.wtmg-laptop-screen {
    position: absolute;
    inset: 0 13px 17px;
    overflow: hidden;
    padding: 10px;
    border: 8px solid #151d2b;
    border-radius: 9px;
    background: #f6f8fc;
    box-shadow: 0 15px 25px rgba(16,35,57,.28);
}

.dash-top {
    height: 10px;
    margin-bottom: 8px;
    border-radius: 2px;
    background: #fff;
}

.dash-layout {
    display: grid;
    grid-template-columns: 48px 1fr;
    height: 143px;
    gap: 8px;
}

.dash-sidebar {
    border-radius: 3px;
    background: #102852;
}

.dash-main {
    padding: 6px;
    background: #fff;
}

.dash-title {
    width: 70px;
    height: 8px;
    margin-bottom: 8px;
    background: #263e67;
}

.dash-stats {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 5px;
}

.dash-stats span {
    height: 31px;
    border: 1px solid #e1e8f1;
    border-radius: 3px;
    background: #f9fbfe;
}

.dash-charts {
    display: grid;
    grid-template-columns: 1.6fr .8fr;
    gap: 7px;
    margin-top: 8px;
}

.dash-line,
.dash-donut {
    height: 72px;
    border: 1px solid #e2e8f0;
    border-radius: 3px;
    background: #fff;
}

.dash-line {
    position: relative;
    overflow: hidden;
}

.dash-line:after {
    content: "";
    position: absolute;
    left: 12px;
    right: 8px;
    top: 36px;
    height: 2px;
    transform: skewY(-10deg);
    background: #4c80e8;
    box-shadow: 35px -8px 0 #4c80e8, 75px 5px 0 #4c80e8;
}

.dash-donut {
    position: relative;
}

.dash-donut:after {
    content: "";
    position: absolute;
    width: 42px;
    height: 42px;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    border: 8px solid #3b73df;
    border-right-color: #f6a33a;
    border-radius: 50%;
}

.wtmg-laptop-base {
    position: absolute;
    left: -20px;
    right: -20px;
    bottom: 4px;
    height: 16px;
    transform: perspective(160px) rotateX(58deg);
    border-radius: 2px 2px 10px 10px;
    background: linear-gradient(#e9edf0, #8d969d);
    box-shadow: 0 8px 8px rgba(31,43,52,.25);
}

.wtmg-plant {
    position: absolute;
    z-index: 6;
    left: 15%;
    bottom: 78px;
    width: 62px;
    height: 92px;
}

.wtmg-plant:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 40px;
    height: 38px;
    border-radius: 4px 4px 10px 10px;
    background: linear-gradient(90deg,#d6d6d1,#faf9f4,#b9bbb5);
}

.wtmg-plant span {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 29px;
    width: 15px;
    height: 55px;
    transform-origin: bottom;
    border-radius: 100% 0;
    background: #47775b;
}

.wtmg-plant span:nth-child(1) { transform: rotate(-35deg); }
.wtmg-plant span:nth-child(2) { transform: rotate(5deg); height: 65px; }
.wtmg-plant span:nth-child(3) { transform: rotate(40deg); }

.wtmg-cup {
    position: absolute;
    z-index: 6;
    right: 5%;
    bottom: 72px;
    width: 58px;
    height: 58px;
    border-radius: 4px 4px 13px 13px;
    background: linear-gradient(90deg,#eceae5,#fff);
    box-shadow: 0 6px 10px rgba(42,55,65,.18);
}

.wtmg-cup:after {
    content: "";
    position: absolute;
    right: -17px;
    top: 11px;
    width: 22px;
    height: 28px;
    border: 5px solid #eee;
    border-left: 0;
    border-radius: 0 18px 18px 0;
}


/* PLANS
   ========================================================= */

.wtmg-plans {
    max-width: 1420px;
    margin: 0 auto;
    padding: 31px 58px 0;
}

.wtmg-plans h2,
.wtmg-pricing-cta h2 {
    margin-bottom: 5px;
    text-align: center;
    font-size: 30px;
    line-height: 1.25;
    letter-spacing: -.6px;
    color: #081a43;
}

.section-intro {
    margin-bottom: 25px;
    text-align: center;
    font-size: 15px;
    color: #526687;
}

.wtmg-plan-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 34px;
}

.wtmg-plan-card {
    min-height: 520px;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 27px 20px 18px;
    border: 1px solid #d5e0ed;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(23,49,84,.035);
}

.wtmg-plan-card.featured {
    border: 1.5px solid #1760ef;
    background: linear-gradient(180deg, rgba(239,246,255,.65), #fff 28%);
    box-shadow: 0 7px 20px rgba(23,91,222,.08);
}

.wtmg-plan-card.premium {
    border-color: #ffd0a4;
}

.plan-badge {
    position: absolute;
    z-index: 3;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 17px;
    border-radius: 15px;
    background: #0757e8;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .2px;
    white-space: nowrap;
}

.plan-main {
    flex: 1;
}

.wtmg-plan-card h3 {
    margin-bottom: 9px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #08183d;
}

.price {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 6px;
    margin: 0 0 4px;
}

.price strong {
    font-size: 35px;
    line-height: 1.15;
    letter-spacing: -.7px;
    color: #050f2b;
}

.price small {
    font-size: 13px;
    color: #354b70;
}

.plan-desc {
    min-height: 22px;
    margin-bottom: 19px;
    text-align: center;
    font-size: 13px;
    color: #4d6080;
}

.plan-button {
    display: block;
    width: 100%;
    margin-bottom: 23px;
    padding: 11px 15px;
    border: 1px solid #0757e8;
    border-radius: 5px;
    text-align: center;
    text-decoration: none !important;
    background: #0757e8;
    color: #fff !important;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
}

.free-button {
    background: #fff;
    color: #0757e8 !important;
}

.premium-button {
    border-color: #ff7b00;
    background: #ff7b00;
}

.plan-plus {
    margin: 0 0 12px;
    font-size: 13px;
    font-weight: 700;
    color: #172b50;
}

.wtmg-plan-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wtmg-plan-card li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 27px;
    font-size: 13px;
    line-height: 1.35;
    color: #23395d;
}

.wtmg-plan-card li:before {
    content: "✓";
    position: absolute;
    left: 4px;
    top: -1px;
    color: #00a153;
    font-size: 17px;
    font-weight: 700;
}

.plan-summary {
    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
    padding: 10px 14px;
    border-radius: 6px;
    background: linear-gradient(90deg,#f5f8fd,#edf4ff);
    font-size: 12px;
    line-height: 1.45;
    color: #1d3154;
}

.summary-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #e7f0ff;
    color: #1760ef;
    font-size: 34px;
}

.premium-summary {
    background: linear-gradient(90deg,#fff9ee,#fff4df);
}

.premium-summary .summary-icon,
.premium-summary strong {
    color: #ff7b00;
}


/* COMPARE
   ========================================================= */

.wtmg-pricing-compare {
    max-width: 1420px;
    margin: 20px auto 0;
    padding: 0 58px;
}

.pricing-table-wrap {
    overflow: hidden;
    border: 1px solid #dce5ef;
    border-radius: 7px;
}

.pricing-compare-table {
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    table-layout: fixed;
    background: #fff;
}

.pricing-compare-table th,
.pricing-compare-table td {
    height: 30px;
    padding: 5px 16px;
    border: 0;
    border-right: 1px solid #e6ebf2;
    border-bottom: 1px solid #e6ebf2;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    line-height: 1.15;
    color: #152b50;
}

.pricing-compare-table th:first-child,
.pricing-compare-table td:first-child {
    width: 27%;
    text-align: left;
    padding-left: 32px;
}

.pricing-compare-table th {
    height: 48px;
    background: #f7f9fc;
    font-size: 12px;
    font-weight: 700;
    color: #0d2248;
}

.pricing-compare-table th small {
    font-size: 10px;
    font-weight: 500;
}

.pricing-compare-table th:last-child,
.pricing-compare-table td:last-child {
    border-right: 0;
}

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

.pricing-compare-table .check {
    color: #00a052;
    font-size: 16px;
    font-weight: 700;
}

.pricing-compare-table .growth-col {
    color: #0757e8;
    font-weight: 600;
}

.pricing-compare-table .premium-col {
    color: #ff7200;
    font-weight: 600;
}


/* ADDONS
   ========================================================= */

.wtmg-pricing-addons {
    max-width: 1420px;
    margin: 20px auto 0;
    padding: 0 58px;
}

.addon-grid {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 24px;
}

.addon-card {
    min-height: 264px;
    padding: 20px 28px 17px;
    border: 1px solid #e1d7fb;
    border-radius: 8px;
    background: linear-gradient(135deg,#fff 0%,#fbf9ff 100%);
}

.credits-card {
    border-color: #d4ebdf;
    background: linear-gradient(135deg,#fbfffd,#f2fbf7);
}

.addon-heading {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.addon-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f3eaff;
    color: #8749e9;
    font-size: 25px;
}

.credits-icon {
    background: #e5f8ec;
    color: #07984d;
}

.addon-card h3 {
    margin: 0 0 4px;
    font-size: 20px;
    color: #182b55;
}

.credits-card h3 {
    color: #08613d;
}

.addon-card .addon-heading p {
    margin: 0;
    font-size: 12px;
    color: #5c6c89;
}

.sponsored-prices {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 17px;
}

.sponsored-prices > div {
    min-height: 89px;
    padding: 12px 17px;
    border: 1px solid #eee7fa;
    border-radius: 5px;
    text-align: center;
    background: rgba(255,255,255,.75);
}

.sponsored-prices strong,
.sponsored-prices span,
.sponsored-prices b {
    display: block;
}

.sponsored-prices strong {
    margin-bottom: 2px;
    color: #6b31cf;
    font-size: 17px;
}

.sponsored-prices span {
    margin-bottom: 8px;
    font-size: 12px;
    color: #68738b;
}

.sponsored-prices b {
    font-size: 15px;
    color: #1a3158;
}

.sponsored-prices b small {
    font-size: 10px;
    font-weight: 400;
}

.addon-note {
    margin: 12px 0 9px;
    font-size: 10px;
    color: #6b5b8f;
}

.addon-button {
    display: inline-block;
    min-width: 210px;
    padding: 9px 18px;
    border-radius: 4px;
    text-align: center;
    text-decoration: none !important;
    color: #fff !important;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
}

.purple-button {
    background: #5722b6;
}

.credit-packs {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
    margin-top: 17px;
}

.credit-packs > div {
    min-height: 102px;
    position: relative;
    padding: 12px 5px;
    border: 1px solid #dfeae4;
    border-radius: 5px;
    text-align: center;
    background: rgba(255,255,255,.82);
}

.credit-packs strong,
.credit-packs b,
.credit-packs span {
    display: block;
}

.credit-packs strong {
    margin-bottom: 5px;
    font-size: 17px;
    color: #078347;
}

.credit-packs b {
    margin-bottom: 3px;
    font-size: 20px;
    color: #0b2548;
}

.credit-packs span {
    font-size: 10px;
    color: #50627c;
}

.credit-packs em {
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    padding: 2px 8px;
    border-radius: 8px;
    background: #14a459;
    color: #fff;
    font-size: 8px;
    font-style: normal;
    font-weight: 700;
}

.credits-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-top: 14px;
}

.credits-footer p {
    margin: 0;
    font-size: 11px;
    line-height: 1.5;
    color: #536b62;
}

.green-button {
    min-width: 205px;
    background: #079f5b;
}


/* TRUST + HOW IT WORKS
   ========================================================= */

.wtmg-pricing-bottom {
    max-width: 1420px;
    display: grid;
    grid-template-columns: 1fr 335px;
    gap: 25px;
    margin: 20px auto 0;
    padding: 0 58px;
}
.hpv2-header-actions {

	background-color: #0657e8 !important;
}
.wtmg-pricing-trust {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    min-height: 160px;
    padding: 20px 10px;
    border: 1px solid #e0e7f0;
    border-radius: 7px;
    background: #f9fbfe;
}

.trust-item {
    padding: 0 17px;
    text-align: center;
    border-right: 1px solid #e0e7ef;
}

.trust-item:last-child {
    border-right: 0;
}

.trust-icon {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 9px;
    color: #0757e8;
    font-size: 30px;
}

.trust-icon svg {
    width: 31px;
    height: 31px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
}

.trust-item h4 {
    margin-bottom: 6px;
    font-size: 12px;
    color: #13294e;
}

.trust-item p {
    margin-bottom: 0;
    font-size: 9.5px;
    line-height: 1.45;
    color: #60718c;
}

.wtmg-how-it-works {
    padding: 16px 20px;
    border: 1px solid #dfe6ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 5px 13px rgba(23,43,70,.06);
}

.wtmg-how-it-works h3 {
    margin-bottom: 14px;
    font-size: 20px;
    color: #0c1e43;
}

.wtmg-how-it-works > div {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 11px;
    margin-bottom: 12px;
}

.wtmg-how-it-works > div > span {
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0757e8;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 7px rgba(7,87,232,.28);
}

.wtmg-how-it-works p {
    margin: 0;
    font-size: 10px;
    line-height: 1.4;
    color: #50627f;
}

.wtmg-how-it-works strong {
    display: block;
    margin-bottom: 2px;
    font-size: 11px;
    color: #152a4d;
}


/* CTA
   ========================================================= */

.wtmg-pricing-cta {
    max-width: 1420px;
    margin: 8px auto 0;
    padding: 0 58px 18px;
    text-align: center;
}

.wtmg-pricing-cta h2 {
    margin-bottom: 3px;
    font-size: 22px;
}

.wtmg-pricing-cta p {
    margin-bottom: 12px;
    font-size: 11px;
    color: #536987;
}

.wtmg-pricing-cta > div {
    display: flex;
    justify-content: center;
    gap: 16px;
	margin-top: 12px;
    margin-bottom: 12px;
}

.wtmg-pricing-cta a {
    min-width: 185px;
    padding: 9px 18px;
    border: 1px solid #0757e8;
    border-radius: 4px;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 700;
}

.cta-primary {
    background: #0757e8;
    color: #fff !important;
}

.cta-secondary {
    background: #fff;
    color: #173b7a !important;
}

.wtmg-pricing-cta small {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #65738b;
}


/* GENERATEPRESS PAGE OVERRIDES
   Scoped to pricing shortcode page
   ========================================================= */

body:has(.wtmg-pricing-page) #page,
body:has(.wtmg-pricing-page) #primary,
body:has(.wtmg-pricing-page) #main,
body:has(.wtmg-pricing-page) .site-content,
body:has(.wtmg-pricing-page) .content-area,
body:has(.wtmg-pricing-page) .inside-article {
    width: 100% !important;
    max-width: none !important;
}

body:has(.wtmg-pricing-page) #page,
body:has(.wtmg-pricing-page) .site-content {
    padding: 0 !important;
    margin: 0 !important;
}

body:has(.wtmg-pricing-page) .inside-article,
body:has(.wtmg-pricing-page) article.page {
    padding: 0 !important;
    margin: 0 !important;
    background: #fff;
}

body:has(.wtmg-pricing-page) .entry-content {
    margin: 0 !important;
}

body:has(.wtmg-pricing-page) .entry-header {
    display: none !important;
}

body:has(.wtmg-pricing-page) #right-sidebar,
body:has(.wtmg-pricing-page) #left-sidebar,
body:has(.wtmg-pricing-page) .widget-area {
    display: none !important;
}


/* RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

    .wtmg-pricing-hero {
        grid-template-columns: 1fr;
        padding-left: 35px;
        padding-right: 35px;
    }

    .wtmg-pricing-hero-content {
        max-width: 620px;
    }

    .wtmg-pricing-hero-visual {
        opacity: .22;
        width: 70%;
    }

    .wtmg-plan-grid {
        gap: 18px;
    }

    .wtmg-plans,
    .wtmg-pricing-compare,
    .wtmg-pricing-addons,
    .wtmg-pricing-bottom,
    .wtmg-pricing-cta {
        padding-left: 30px;
        padding-right: 30px;
    }

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


@media (max-width: 820px) {

    .wtmg-pricing-hero {
        min-height: auto;
        padding: 42px 22px;
    }

    .wtmg-pricing-hero h1 {
        font-size: 42px;
    }

    .wtmg-pricing-hero-visual {
        display: none;
    }

    .wtmg-pricing-benefits {
        flex-direction: column;
        gap: 16px;
    }

    .wtmg-benefit > div > span {
        max-width: none;
    }

    .wtmg-plan-grid,
    .addon-grid {
        grid-template-columns: 1fr;
    }

    .wtmg-plan-card {
        min-height: auto;
    }

    .wtmg-plans,
    .wtmg-pricing-compare,
    .wtmg-pricing-addons,
    .wtmg-pricing-bottom,
    .wtmg-pricing-cta {
        padding-left: 18px;
        padding-right: 18px;
    }

    .pricing-table-wrap {
        overflow-x: auto;
    }

    .pricing-compare-table {
        min-width: 720px;
    }

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

    .trust-item {
        padding: 15px;
        border-bottom: 1px solid #e0e7ef;
    }

    .trust-item:nth-child(2) {
        border-right: 0;
    }

    .trust-item:nth-child(3),
    .trust-item:nth-child(4) {
        border-bottom: 0;
    }

    .credit-packs {
        grid-template-columns: 1fr 1fr;
    }
}


@media (max-width: 520px) {

    .wtmg-pricing-hero h1 {
        font-size: 36px;
        letter-spacing: -1.2px;
    }

    .wtmg-hero-lead {
        font-size: 15px;
    }

    .wtmg-plans h2 {
        font-size: 26px;
    }

    .sponsored-prices,
    .wtmg-pricing-trust {
        grid-template-columns: 1fr;
    }

    .trust-item {
        border-right: 0;
        border-bottom: 1px solid #e0e7ef !important;
    }

    .trust-item:last-child {
        border-bottom: 0 !important;
    }

    .credits-footer {
        display: block;
    }

    .credits-footer .green-button {
        margin-top: 12px;
    }

    .wtmg-pricing-cta > div {
        flex-direction: column;
        align-items: center;
    }
}


/* =========================================================
   WTMG PRICING — FINAL DESKTOP LAYOUT OVERRIDES
   Reference alignment
   ========================================================= */


/* GENERATEPRESS: TRUE FULL WIDTH */

body.wtmg-provider-pricing-page #page,
body.wtmg-provider-pricing-page .site.grid-container,
body.wtmg-provider-pricing-page .site-content,
body.wtmg-provider-pricing-page #primary,
body.wtmg-provider-pricing-page main#main,
body.wtmg-provider-pricing-page article,
body.wtmg-provider-pricing-page .inside-article,
body.wtmg-provider-pricing-page .entry-content {
    width: 100% !important;
    max-width: none !important;
}

body.wtmg-provider-pricing-page #primary,
body.wtmg-provider-pricing-page .content-area {
    float: none !important;
    margin: 0 !important;
}

body.wtmg-provider-pricing-page .site-content {
    display: block !important;
    padding: 0 !important;
}

body.wtmg-provider-pricing-page .inside-article,
body.wtmg-provider-pricing-page article.page {
    padding: 0 !important;
    margin: 0 !important;
}

body.wtmg-provider-pricing-page .entry-content {
    margin: 0 !important;
}

body.wtmg-provider-pricing-page .entry-header,
body.wtmg-provider-pricing-page #right-sidebar,
body.wtmg-provider-pricing-page #left-sidebar,
body.wtmg-provider-pricing-page .widget-area {
    display: none !important;
}


/* ESCAPE ANY PARENT WIDTH RESTRICTION */

.wtmg-pricing-page {
    position: relative;
    left: 50%;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: 0 !important;
    overflow: hidden;
    background: #fff;
}


/* HERO */

.wtmg-pricing-hero {
    width: 100%;
    min-height: 405px;
    grid-template-columns: 52% 48%;
    gap: 0;
    padding:
        43px
        max(60px, calc((100vw - 1420px) / 2));
}

.wtmg-pricing-hero-content {
    max-width: 650px;
}

.wtmg-pricing-hero h1 {
    margin: 0 0 24px;
    font-size: 49px;
    line-height: 1.04;
    font-weight: 800;
    letter-spacing: -1.9px;
}

.wtmg-pricing-hero h1 span {
    color: #0757e8;
}

.wtmg-hero-lead {
    max-width: 560px;
    font-size: 15px;
    line-height: 1.6;
}

.wtmg-pricing-benefits {
    gap: 28px;
    margin-top: 32px;
}

.wtmg-benefit {
    gap: 11px;
}

.pricing-benefit-icon {
    width: 45px;
    height: 45px;
    flex-basis: 45px;
    border-radius: 11px;
}

.pricing-benefit-icon svg {
    width: 24px;
    height: 24px;
}

.wtmg-benefit strong {
    font-size: 14px;
}

.wtmg-benefit > div > span {
    font-size: 12px;
}


/* HERO VISUAL FORCE VISIBLE */

.wtmg-pricing-hero-visual {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    top: 0;
    right: 0;
    width: 50%;
    height: 405px;
}

.wtmg-city-silhouette {
    bottom: 67px;
}

.wtmg-laptop {
    width: 330px;
    height: 205px;
    left: 29%;
    bottom: 56px;
}

.wtmg-plant {
    left: 17%;
    bottom: 72px;
}

.wtmg-cup {
    right: 6%;
    bottom: 68px;
}


/* MAIN CONTENT */

.wtmg-plans,
.wtmg-pricing-compare,
.wtmg-pricing-addons,
.wtmg-pricing-bottom,
.wtmg-pricing-cta {
    width: calc(100% - 120px);
    max-width: 1420px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}


/* PLANS */

.wtmg-plans {
    padding-top: 27px;
}

.wtmg-plans h2 {
    font-size: 33px;
    margin-bottom: 4px;
}

.section-intro {
    margin-bottom: 24px;
    font-size: 13px;
}

.wtmg-plan-grid {
    gap: 28px;
}

.wtmg-plan-card {
    min-height: 515px;
    padding: 25px 20px 16px;
    border-radius: 7px;
}

.wtmg-plan-card h3 {
    font-size: 20px;
    margin-bottom: 6px;
}

.price strong {
    font-size: 32px;
}

.price small {
    font-size: 11px;
}

.plan-desc {
    font-size: 11px;
    margin-bottom: 17px;
}

.plan-button {
    padding: 10px 14px;
    font-size: 15px;
    border-radius: 4px;
}

.plan-plus {
    font-size: 11px;
}

.wtmg-plan-card li {
    font-size: 13px;
    padding-left: 24px;
    margin-bottom: 9px;
}

.wtmg-plan-card li:before {
    font-size: 15px;
}

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

.summary-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    font-size: 34px;
}


/* COMPARE */

.wtmg-pricing-compare {
    margin-top: 18px;
}

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

.pricing-compare-table th {
    height: 43px;
    font-size: 10px;
}

.pricing-compare-table th small {
    font-size: 8px;
}

.pricing-compare-table td {
    height: 27px;
    font-size: 9px;
}


/* ADDONS */

.wtmg-pricing-addons {
    margin-top: 18px;
}

.addon-grid {
    gap: 22px;
}

.addon-card {
    min-height: 258px;
    padding: 19px 25px 16px;
}

.addon-card h3 {
    font-size: 18px;
}

.addon-card .addon-heading p {
    font-size: 10px;
}

.addon-icon {
    width: 39px;
    height: 39px;
    flex-basis: 39px;
}

.sponsored-prices {
    margin-top: 15px;
}

.sponsored-prices > div {
    min-height: 84px;
}

.credit-packs {
    margin-top: 15px;
}

.credit-packs > div {
    min-height: 96px;
}

.addon-button {
    padding: 8px 17px;
}


/* TRUST + HOW IT WORKS */

.wtmg-pricing-bottom {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 22px;
    margin-top: 17px;
}

.wtmg-pricing-trust {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    min-height: 150px;
    margin-top: 12px !important;
    padding: 18px 8px !important;
    border: 1px solid #e0e7f0 !important;
    border-radius: 15px;
}

.trust-item {
    display: block !important;
    padding: 33px 13px;
    text-align: center;
}

.trust-icon {
    display: flex !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    margin: 0 auto 8px !important;
    font-size: 25px !important;
    line-height: 32px !important;
}

.trust-icon svg {
    display: block !important;
    width: 27px !important;
    height: 27px !important;
    max-width: 27px !important;
    max-height: 27px !important;
    fill: none !important;
    stroke: #0757e8 !important;
    stroke-width: 1.6 !important;
}

.trust-item h4 {
    font-size: 10.5px;
}

.trust-item p {
    font-size: 8.5px;
}

.wtmg-how-it-works {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 15px 18px !important;
}

.wtmg-how-it-works h3 {
    font-size: 20px;
    margin-bottom: 12px;
}

.wtmg-how-it-works > div {
    display: grid !important;
    grid-template-columns: 27px 1fr !important;
    gap: 9px;
    margin-bottom: 10px;
}

.wtmg-how-it-works > div > span {
    display: flex !important;
    width: 25px;
    height: 25px;
}

.wtmg-how-it-works p {
    font-size: 13px;
}

.wtmg-how-it-works strong {
    font-size: 14px;
}


/* CTA */

.wtmg-pricing-cta {
    margin-top: 7px;
    padding-bottom: 17px;
}

.wtmg-pricing-cta h2 {
    font-size: 26px;
	margin-top: 24px;
}

.wtmg-pricing-cta p {
    font-size: 14px;
	margin-top: 12px;
}

.wtmg-pricing-cta a {
    min-width: 170px;
    padding: 8px 15px;
    font-size: 12px;
}


/* DESKTOP: NEVER COLLAPSE REFERENCE LAYOUT EARLY */

@media (min-width: 769px) {

    .wtmg-plan-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .addon-grid {
        grid-template-columns: .95fr 1.05fr !important;
    }

    .wtmg-pricing-benefits {
        flex-direction: row !important;
    }

}


/* TABLET */

@media (max-width: 900px) {

    .wtmg-pricing-hero {
        min-height: 370px;
        padding-left: 35px;
        padding-right: 35px;
    }

    .wtmg-pricing-hero h1 {
        font-size: 42px;
    }

    .wtmg-pricing-hero-visual {
        display: block !important;
        width: 48%;
        height: 370px;
        opacity: .35 !important;
    }

    .wtmg-pricing-hero-content {
        max-width: 55%;
    }

    .wtmg-pricing-benefits {
        gap: 10px;
    }

    .pricing-benefit-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .wtmg-benefit strong {
        font-size: 14px;
    }

    .wtmg-benefit > div > span {
        font-size: 8px;
    }

    .wtmg-plans,
    .wtmg-pricing-compare,
    .wtmg-pricing-addons,
    .wtmg-pricing-bottom,
    .wtmg-pricing-cta {
        width: calc(100% - 50px);
    }

}


/* MOBILE */

@media (max-width: 768px) {

    .wtmg-pricing-page {
        left: 0;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    .wtmg-pricing-hero {
        display: block;
        min-height: auto;
        padding: 38px 20px;
    }

    .wtmg-pricing-hero-content {
        max-width: none;
    }

    .wtmg-pricing-hero-visual {
        display: none !important;
    }

    .wtmg-pricing-hero h1 {
        font-size: 36px;
    }

    .wtmg-pricing-benefits {
        flex-direction: column !important;
    }

    .wtmg-plan-grid,
    .addon-grid {
        grid-template-columns: 1fr !important;
    }

    .wtmg-pricing-bottom {
        grid-template-columns: 1fr !important;
    }

    .wtmg-pricing-trust {
        grid-template-columns: 1fr 1fr !important;
    }

    .wtmg-plans,
    .wtmg-pricing-compare,
    .wtmg-pricing-addons,
    .wtmg-pricing-bottom,
    .wtmg-pricing-cta {
        width: calc(100% - 30px);
    }

}


/* =========================================================
   PRICING FINAL POLISH
   ========================================================= */


/* COMPARE PLANS +2PX */

.wtmg-pricing-page .pricing-compare-table th {
    font-size: 17px !important;
}

.wtmg-pricing-page .pricing-compare-table th small {
    font-size: 13px !important;
}

.wtmg-pricing-page .pricing-compare-table td {
    font-size: 13px !important;
}


/* SPONSORED NOTES LEFT + BUTTON RIGHT */

.wtmg-pricing-page .sponsored-footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-top: 11px;
}

.wtmg-pricing-page .sponsored-notes {
    flex: 1 1 auto;
    min-width: 0;
}

.wtmg-pricing-page .sponsored-notes p {
    margin: 0 0 3px;
    font-size: 11px;
    line-height: 1.4;
    color: #6b5b8f;
}

.wtmg-pricing-page .sponsored-notes p:last-child {
    margin-bottom: 0;
}

.wtmg-pricing-page .sponsored-footer .purple-button {
    flex: 0 0 auto;
    min-width: 205px;
    margin: 0;
}


/* TRUST BLOCK +2PX */

.wtmg-pricing-page .trust-item h4 {
    font-size: 17px !important;
}

.wtmg-pricing-page .trust-item p {
    font-size: 14px !important;
    line-height: 1.45;
}


/* HIDE GENERATEPRESS FOOTER ON PRICING ONLY.
   Pricing now renders the shared WTMG footer itself. */

body.wtmg-provider-pricing-page > #page + .site-footer,
body.wtmg-provider-pricing-page #page ~ .site-footer,
body.wtmg-provider-pricing-page footer.site-info {
    display: none !important;
}


/* Shared WTMG footer must remain full width */

body.wtmg-provider-pricing-page .wtmg-pricing-site-footer {
    width: 100vw !important;
    max-width: none !important;
    position: relative;
    left: 50%;
    margin-left: -50vw !important;
}


@media (max-width: 768px) {

    .wtmg-pricing-page .sponsored-footer {
        display: block;
    }

    .wtmg-pricing-page .sponsored-footer .purple-button {
        margin-top: 12px;
    }

}


/* =========================================================
   PRICING — SHARED HOMEPAGE HEADER
   ========================================================= */

/* Hide GeneratePress header only on pricing */
body.wtmg-provider-pricing-page #masthead,
body.wtmg-provider-pricing-page header.site-header {
    display: none !important;
}

/* Pricing shared header escapes GeneratePress containers */
body.wtmg-provider-pricing-page .wtmg-pricing-header {
    display: block !important;
    position: relative;
    left: 50%;
    width: 100vw !important;
    max-width: none !important;
    margin-left: -50vw !important;
    z-index: 50;
}

/* Preserve homepage header sizing */
body.wtmg-provider-pricing-page .wtmg-pricing-header .hpv2-container {
    width: min(1180px, calc(100% - 40px));
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

/* Prevent pricing CSS from affecting shared header */
body.wtmg-provider-pricing-page .wtmg-pricing-header a {
    text-decoration: none;
}

/* GeneratePress must not add spacing above pricing header */
body.wtmg-provider-pricing-page #page {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* Mobile shared header */
@media (max-width: 768px) {

    body.wtmg-provider-pricing-page .wtmg-pricing-header {
        left: 0;
        width: 100% !important;
        margin-left: 0 !important;
    }

}