/*
==============================================================
PREMIUM QR CODES — PRICING 2027 V3
signal / glass / midnight
==============================================================
*/

body.pqr-pricing-page {
    --pp-bg:
        radial-gradient(circle at 0 8%,rgba(85,117,255,.13),transparent 31rem),
        radial-gradient(circle at 100% 10%,rgba(63,224,182,.13),transparent 30rem),
        linear-gradient(180deg,#fbfcff 0%,#f7f9ff 55%,#fff 100%);

    --pp-text:#15203a;
    --pp-heading:#0b1530;
    --pp-muted:#65728b;

    --pp-card:#fff;
    --pp-soft:#f7f8ff;
    --pp-border:#e2e7f2;

    --pp-primary:#5757ef;
    --pp-primary2:#7148df;
    --pp-primary-soft:#efefff;

    --pp-success:#119b70;
    --pp-success-soft:#e8faf3;

    --pp-shadow:0 18px 55px rgba(27,42,81,.08);
    --pp-shadow-hover:0 28px 75px rgba(27,42,81,.14);

    min-height:100vh;
    margin:0;
    color:var(--pp-text);
    background:var(--pp-bg);
}


/* MIDNIGHT */

html[data-pqr-theme="midnight"] {
    color-scheme:dark;
}

html[data-pqr-theme="midnight"] body.pqr-pricing-page {
    --pp-bg:
        radial-gradient(circle at 0 5%,rgba(95,83,255,.20),transparent 32rem),
        radial-gradient(circle at 100% 10%,rgba(28,198,145,.10),transparent 30rem),
        linear-gradient(180deg,#080d16,#0b111d 55%,#080d16);

    --pp-text:#e8edf8;
    --pp-heading:#f8faff;
    --pp-muted:#9eabc0;

    --pp-card:#111927;
    --pp-soft:#0e1623;
    --pp-border:#28344b;

    --pp-primary:#8d83ff;
    --pp-primary2:#715de7;
    --pp-primary-soft:rgba(126,110,255,.13);

    --pp-success:#59deb1;
    --pp-success-soft:rgba(30,190,137,.12);

    --pp-shadow:0 22px 60px rgba(0,0,0,.25);
    --pp-shadow-hover:0 32px 85px rgba(0,0,0,.40);
}


/* GLASS */

html[data-pqr-theme="glass"] body.pqr-pricing-page {
    --pp-bg:
        radial-gradient(circle at 0 8%,rgba(83,112,255,.25),transparent 34rem),
        radial-gradient(circle at 100% 9%,rgba(44,222,178,.20),transparent 32rem),
        radial-gradient(circle at 50% 85%,rgba(150,101,255,.12),transparent 35rem),
        linear-gradient(145deg,#edf4ff,#fbf8ff 52%,#edfcff);

    --pp-text:#17223d;
    --pp-heading:#0d1731;
    --pp-muted:#63718a;

    --pp-card:rgba(255,255,255,.65);
    --pp-soft:rgba(255,255,255,.47);
    --pp-border:rgba(255,255,255,.88);

    --pp-primary:#5757ef;
    --pp-primary2:#7148df;
    --pp-primary-soft:rgba(94,87,239,.10);

    --pp-success:#0d956a;
    --pp-success-soft:rgba(226,255,245,.72);

    --pp-shadow:0 24px 65px rgba(47,62,110,.11);
    --pp-shadow-hover:0 32px 85px rgba(47,62,110,.17);
}


/* PAGE */

.pqr-price-wrap,
.pqr-price-wrap *,
.pqr-price-wrap *::before,
.pqr-price-wrap *::after {
    box-sizing:border-box;
}

.pqr-pricing-page .pqr-price-wrap {
    width:min(100%,1400px);
    margin:0 auto;
    padding:clamp(68px,7vw,105px) clamp(18px,4vw,50px) 80px;
}


/* HERO */

.pqr-price-hero {
    max-width:920px;
    margin:0 auto 48px;
    text-align:center;
}

.pqr-price-hero > span {
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:7px 14px;
    border:1px solid color-mix(in srgb,var(--pp-primary) 18%,transparent);
    border-radius:999px;
    background:var(--pp-primary-soft);
    color:var(--pp-primary);
    font-size:11px;
    font-weight:900;
    letter-spacing:.13em;
}

.pqr-price-hero h1 {
    max-width:900px;
    margin:19px auto 15px;
    color:var(--pp-heading);
    font-size:clamp(2.6rem,5.5vw,4.8rem);
    font-weight:850;
    line-height:1.01;
    letter-spacing:-.055em;
    text-wrap:balance;
}

.pqr-price-hero h1 strong {
    background:linear-gradient(90deg,#416df5,#7852ed);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.pqr-price-hero p {
    max-width:660px;
    margin:0 auto;
    color:var(--pp-muted);
    font-size:clamp(1rem,1.3vw,1.14rem);
    line-height:1.65;
}


/* BILLING SWITCH */

.pqr-cycle {
    display:inline-grid;
    grid-template-columns:1fr 1fr;
    gap:4px;
    margin-top:28px;
    padding:5px;
    border:1px solid var(--pp-border);
    border-radius:999px;
    background:var(--pp-card);
    box-shadow:0 8px 25px rgba(20,34,70,.06);
}

html[data-pqr-theme="glass"] .pqr-cycle {
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

.pqr-cycle button {
    min-width:135px;
    min-height:43px;
    padding:9px 17px;
    border:0;
    border-radius:999px;
    background:transparent;
    color:var(--pp-muted);
    font:inherit;
    font-size:13px;
    font-weight:850;
    cursor:pointer;
    transition:.2s ease;
}

.pqr-cycle button.active {
    color:#fff;
    background:linear-gradient(135deg,#4e74f7,var(--pp-primary2));
    box-shadow:0 7px 20px rgba(83,77,221,.25);
}

.pqr-cycle b {
    margin-left:5px;
    color:var(--pp-success);
    font-size:9px;
}

.pqr-cycle button.active b {
    color:#caffeb;
}


/* OFFER */

.pqr-offer {
    width:fit-content;
    max-width:100%;
    margin:-18px auto 31px;
    padding:10px 17px;
    border:1px solid color-mix(in srgb,var(--pp-success) 22%,transparent);
    border-radius:999px;
    background:var(--pp-success-soft);
    color:var(--pp-success);
    font-size:13px;
    text-align:center;
}


/* GRID */

.pqr-price-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    gap:22px;
}

.pqr-price-grid article {
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:32px;
    border:1px solid var(--pp-border);
    border-radius:24px;
    background:var(--pp-card);
    box-shadow:var(--pp-shadow);
    overflow:hidden;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

html[data-pqr-theme="glass"] .pqr-price-grid article {
    backdrop-filter:blur(24px) saturate(145%);
    -webkit-backdrop-filter:blur(24px) saturate(145%);
}

.pqr-price-grid article:hover {
    transform:translateY(-5px);
    box-shadow:var(--pp-shadow-hover);
}


/* PLAN ICON */

.pqr-plan-icon {
    display:grid;
    width:47px;
    height:47px;
    place-items:center;
    margin-bottom:18px;
    border-radius:15px;
    background:var(--pp-primary-soft);
    color:var(--pp-primary);
}

.pqr-plan-icon svg {
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* FEATURED */

.pqr-price-grid article.featured {
    border:1.5px solid #7166f5;
    background:
        linear-gradient(180deg,rgba(91,89,239,.08),transparent 145px),
        var(--pp-card);
    box-shadow:
        0 28px 85px rgba(83,70,207,.18);
    transform:translateY(-9px);
}

.pqr-price-grid article.featured:hover {
    transform:translateY(-14px);
}

.pqr-popular {
    position:absolute;
    top:0;
    left:0;
    right:0;
    display:flex;
    justify-content:center;
    align-items:center;
    height:30px;
    color:#fff;
    background:linear-gradient(90deg,#56a6f6,#5b55eb,#9a6cf2);
    font-size:10px;
    font-weight:900;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.pqr-price-grid article.featured .pqr-plan-head {
    padding-top:20px;
}


/* PLAN HEADER */

.pqr-plan-head > span {
    display:block;
    margin-bottom:6px;
    color:var(--pp-primary);
    font-size:10px;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.pqr-plan-head h2 {
    margin:0 0 8px;
    color:var(--pp-heading);
    font-size:29px;
    font-weight:850;
    line-height:1.1;
    letter-spacing:-.035em;
}

.pqr-plan-head p {
    min-height:44px;
    margin:0;
    color:var(--pp-muted);
    font-size:13.5px;
    line-height:1.6;
}


/* PRICE */

.pqr-amount {
    margin:24px 0 20px;
}

.pqr-amount > div {
    display:flex;
    align-items:baseline;
    gap:7px;
}

.pqr-amount > div[hidden] {
    display:none !important;
}

.pqr-amount strong {
    color:var(--pp-heading);
    font-size:clamp(2.6rem,4vw,3.35rem);
    font-weight:850;
    line-height:1;
    letter-spacing:-.055em;
}

.pqr-amount small {
    color:var(--pp-muted);
    font-size:13px;
    font-weight:650;
}


/* CTA */

.pqr-plan-button {
    display:grid;
    width:100%;
    min-height:48px;
    place-items:center;
    margin:2px 0 25px;
    padding:11px 16px;
    border:1.5px solid var(--pp-primary);
    border-radius:13px;
    background:transparent;
    color:var(--pp-primary) !important;
    font:inherit;
    font-size:14px;
    font-weight:850;
    text-align:center;
    text-decoration:none !important;
    cursor:pointer;
    transition:.2s ease;
}

.pqr-plan-button:hover:not(:disabled) {
    transform:translateY(-2px);
    background:var(--pp-primary-soft);
}

article.featured .pqr-plan-button {
    border-color:transparent;
    color:#fff !important;
    background:linear-gradient(135deg,#4d7cf8,#563ee4);
    box-shadow:0 10px 26px rgba(76,67,220,.24);
}

article.featured .pqr-plan-button:hover:not(:disabled) {
    background:linear-gradient(135deg,#416ff0,#4934d2);
}

.pqr-plan-button:disabled {
    cursor:not-allowed;
    opacity:.52;
}


/* FEATURES */

.pqr-price-grid ul {
    display:grid;
    gap:12px;
    flex:1;
    margin:0;
    padding:21px 0 0;
    border-top:1px solid var(--pp-border);
    list-style:none;
}

.pqr-price-grid li {
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:var(--pp-text);
    font-size:13.5px;
    line-height:1.48;
}

.pqr-feature-check {
    display:grid;
    flex:0 0 19px;
    width:19px;
    height:19px;
    place-items:center;
    margin-top:1px;
    border-radius:50%;
    background:var(--pp-success-soft);
    color:var(--pp-success);
    font-size:11px;
    font-weight:900;
}


/* TRUST STRIP */

.pqr-trust-strip {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    width:min(100%,900px);
    margin:42px auto 0;
    padding:20px 0;
    border-top:1px solid var(--pp-border);
    border-bottom:1px solid var(--pp-border);
}

.pqr-trust-item {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:42px;
    padding:0 18px;
    color:var(--pp-muted);
    font-size:12px;
    font-weight:750;
    text-align:left;
}

.pqr-trust-item + .pqr-trust-item {
    border-left:1px solid var(--pp-border);
}

.pqr-trust-item svg {
    flex:0 0 23px;
    width:23px;
    height:23px;
    fill:none;
    stroke:var(--pp-primary);
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* VALUE SECTION */

.pqr-price-value {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    width:min(100%,1050px);
    margin:42px auto 0;
    padding:31px 0 4px;
}

.pqr-price-value > section {
    padding:0 40px;
}

.pqr-price-value > section + section {
    border-left:1px solid var(--pp-border);
}

.pqr-price-value h2 {
    margin:0 0 8px;
    color:var(--pp-heading);
    font-size:20px;
    font-weight:850;
    letter-spacing:-.025em;
}

.pqr-price-value p {
    margin:0 0 17px;
    color:var(--pp-muted);
    font-size:13.5px;
    line-height:1.6;
}

.pqr-value-list {
    display:grid;
    gap:9px;
    margin:0;
    padding:0;
    list-style:none;
}

.pqr-value-list li {
    display:flex;
    gap:9px;
    align-items:center;
    color:var(--pp-text);
    font-size:13px;
}

.pqr-value-list i {
    display:grid;
    width:17px;
    height:17px;
    place-items:center;
    border-radius:50%;
    background:var(--pp-success);
    color:#fff;
    font-size:10px;
    font-style:normal;
    font-weight:900;
}

.pqr-price-value strong {
    color:var(--pp-heading);
}


/* POLICY AREA */

.pqr-price-trust {
    width:min(100%,850px);
    margin:38px auto 0;
    text-align:center;
}

.pqr-price-note {
    margin:0 0 13px;
    color:var(--pp-muted);
    font-size:12px;
    line-height:1.6;
}

.pqr-price-policies {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px 25px;
}

.pqr-price-policies a {
    color:var(--pp-muted);
    font-size:12px;
    font-weight:750;
    text-decoration:none;
}

.pqr-price-policies a:hover {
    color:var(--pp-primary);
    text-decoration:underline;
    text-underline-offset:3px;
}


/* ACCESSIBILITY */

.pqr-pricing-page :is(
    .pqr-cycle button,
    .pqr-plan-button,
    .pqr-price-policies a
):focus-visible {
    outline:3px solid color-mix(in srgb,var(--pp-primary) 45%,transparent);
    outline-offset:3px;
}


/* TABLET */

@media(max-width:1000px) {

    .pqr-price-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .pqr-price-grid article.featured {
        transform:none;
    }

    .pqr-price-grid article.featured:hover {
        transform:translateY(-5px);
    }

    .pqr-trust-strip {
        grid-template-columns:repeat(2,1fr);
    }

    .pqr-trust-item:nth-child(3) {
        border-left:0;
    }

    .pqr-trust-item:nth-child(n+3) {
        border-top:1px solid var(--pp-border);
    }
}


/* MOBILE */

@media(max-width:680px) {

    .pqr-pricing-page .pqr-price-wrap {
        padding:55px 15px 65px;
    }

    .pqr-price-hero {
        margin-bottom:36px;
    }

    .pqr-price-hero h1 {
        font-size:clamp(2.35rem,12vw,3.3rem);
    }

    .pqr-cycle {
        width:min(100%,360px);
    }

    .pqr-cycle button {
        min-width:0;
        padding-inline:10px;
    }

    .pqr-price-grid {
        grid-template-columns:1fr;
        gap:16px;
    }

    .pqr-price-grid article {
        padding:26px 22px;
        border-radius:21px;
    }

    .pqr-price-grid article:hover,
    .pqr-price-grid article.featured:hover {
        transform:none;
    }

    .pqr-plan-head p {
        min-height:0;
    }

    .pqr-trust-strip {
        grid-template-columns:1fr 1fr;
        margin-top:28px;
    }

    .pqr-trust-item {
        justify-content:flex-start;
        padding:12px 13px;
    }

    .pqr-price-value {
        grid-template-columns:1fr;
        margin-top:28px;
    }

    .pqr-price-value > section {
        padding:24px 6px;
    }

    .pqr-price-value > section + section {
        border-top:1px solid var(--pp-border);
        border-left:0;
    }

    .pqr-price-policies {
        display:grid;
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:430px) {

    .pqr-cycle {
        grid-template-columns:1fr;
        border-radius:17px;
    }

    .pqr-cycle button {
        border-radius:12px;
    }

    .pqr-trust-strip {
        grid-template-columns:1fr;
    }

    .pqr-trust-item + .pqr-trust-item {
        border-top:1px solid var(--pp-border);
        border-left:0;
    }

    .pqr-price-policies {
        grid-template-columns:1fr;
    }
}


/* REDUCED MOTION */

@media(prefers-reduced-motion:reduce) {
    .pqr-price-grid article,
    .pqr-plan-button,
    .pqr-cycle button {
        transition:none;
    }
}


/* ==========================================================
   PQR PRICING V4 — TYPOGRAPHY + MOTION
   ========================================================== */

.pqr-pricing-page {
    font-family:
        "Inter",
        "SF Pro Text",
        "SF Pro Display",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    font-feature-settings:"kern" 1,"liga" 1;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}


/* DISPLAY TYPOGRAPHY */

.pqr-price-hero h1,
.pqr-plan-head h2,
.pqr-amount strong,
.pqr-price-value h2,
.pqr-plan-button {
    font-family:
        "Manrope",
        "SF Pro Display",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

.pqr-price-hero h1 {
    font-weight:800;
    letter-spacing:-.062em;
    line-height:.99;
}

.pqr-price-hero h1 strong {
    font-weight:800;
}

.pqr-plan-head h2 {
    font-weight:800;
    letter-spacing:-.045em;
}

.pqr-amount strong {
    font-weight:800;
    letter-spacing:-.065em;
}


/* HERO BADGE ICON */

.pqr-price-hero > span::before {
    content:"";
    width:7px;
    height:7px;
    margin-right:8px;
    border-radius:50%;
    background:var(--pp-primary);
    box-shadow:
        0 0 0 4px
        color-mix(
            in srgb,
            var(--pp-primary) 12%,
            transparent
        );
}


/* ==========================================================
   AMBIENT BACKGROUND
   ========================================================== */

.pqr-price-wrap {
    position:relative;
    isolation:isolate;
    overflow:hidden;
}

.pqr-price-wrap::before,
.pqr-price-wrap::after {
    content:"";
    position:absolute;
    z-index:-1;
    border-radius:50%;
    pointer-events:none;
    filter:blur(2px);
}

.pqr-price-wrap::before {
    width:360px;
    height:360px;
    top:130px;
    left:-230px;
    background:
        radial-gradient(
            circle,
            rgba(83,110,246,.13),
            transparent 70%
        );
    animation:pqrFloatOne 12s ease-in-out infinite;
}

.pqr-price-wrap::after {
    width:390px;
    height:390px;
    top:40px;
    right:-250px;
    background:
        radial-gradient(
            circle,
            rgba(52,217,169,.14),
            transparent 70%
        );
    animation:pqrFloatTwo 14s ease-in-out infinite;
}


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

.pqr-price-hero > span {
    animation:
        pqrFadeUp .55s cubic-bezier(.2,.7,.2,1) both;
}

.pqr-price-hero h1 {
    animation:
        pqrFadeUp .65s .07s
        cubic-bezier(.2,.7,.2,1) both;
}

.pqr-price-hero p {
    animation:
        pqrFadeUp .65s .14s
        cubic-bezier(.2,.7,.2,1) both;
}

.pqr-cycle {
    animation:
        pqrFadeUp .65s .21s
        cubic-bezier(.2,.7,.2,1) both;
}


/* ==========================================================
   PLAN CARDS
   ========================================================== */

.pqr-price-grid article {
    opacity:0;
    animation:
        pqrCardIn .68s
        cubic-bezier(.16,.8,.25,1)
        forwards;
}

.pqr-price-grid article:nth-child(1) {
    animation-delay:.14s;
}

.pqr-price-grid article:nth-child(2) {
    animation-delay:.22s;
}

.pqr-price-grid article:nth-child(3) {
    animation-delay:.30s;
}

.pqr-price-grid article:nth-child(4) {
    animation-delay:.38s;
}


/* ICON BADGE */

.pqr-plan-icon {
    position:relative;
    overflow:hidden;
    box-shadow:
        inset 0 0 0 1px
        color-mix(
            in srgb,
            var(--pp-primary) 10%,
            transparent
        );
    transition:
        transform .3s cubic-bezier(.2,.8,.2,1),
        box-shadow .3s ease;
}

.pqr-plan-icon::before {
    content:"";
    position:absolute;
    width:34px;
    height:70px;
    top:-18px;
    left:-45px;
    transform:rotate(25deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.65),
            transparent
        );
    transition:left .55s ease;
}

.pqr-price-grid article:hover .pqr-plan-icon {
    transform:
        translateY(-3px)
        rotate(-2deg)
        scale(1.05);

    box-shadow:
        0 9px 24px
        color-mix(
            in srgb,
            var(--pp-primary) 18%,
            transparent
        );
}

.pqr-price-grid article:hover .pqr-plan-icon::before {
    left:65px;
}


/* SVG ICON MOTION */

.pqr-plan-icon svg {
    position:relative;
    z-index:1;
    transition:transform .3s ease;
}

.pqr-price-grid article:hover .pqr-plan-icon svg {
    transform:scale(1.08);
}


/* ==========================================================
   MOST POPULAR RIBBON
   ========================================================== */

.pqr-popular {
    overflow:hidden;
}

.pqr-popular::after {
    content:"";
    position:absolute;
    top:-20px;
    left:-60px;
    width:35px;
    height:75px;
    transform:rotate(24deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.55),
            transparent
        );
    animation:pqrRibbonShine 4.8s 1.5s infinite;
}


/* ==========================================================
   FEATURE CHECK ICONS
   ========================================================== */

.pqr-feature-check {
    transition:
        transform .22s ease,
        background-color .22s ease;
}

.pqr-price-grid li:hover .pqr-feature-check {
    transform:scale(1.12);
}


/* ==========================================================
   CTA BUTTON ANIMATION
   ========================================================== */

.pqr-plan-button {
    position:relative;
    overflow:hidden;
}

.pqr-plan-button::after {
    content:"";
    position:absolute;
    top:-40%;
    left:-55%;
    width:40%;
    height:180%;
    transform:rotate(20deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.30),
            transparent
        );
    transition:left .55s ease;
}

.pqr-plan-button:hover::after {
    left:120%;
}

article:not(.featured) .pqr-plan-button::after {
    opacity:.35;
}


/* ==========================================================
   BILLING SWITCH MICRO-INTERACTION
   ========================================================== */

.pqr-cycle button {
    position:relative;
}

.pqr-cycle button:active {
    transform:scale(.97);
}


/* ==========================================================
   TRUST STRIP ICONS
   ========================================================== */

.pqr-trust-item {
    transition:
        color .2s ease,
        transform .2s ease;
}

.pqr-trust-item:hover {
    color:var(--pp-heading);
    transform:translateY(-2px);
}

.pqr-trust-item svg {
    transition:
        transform .25s ease,
        stroke .25s ease;
}

.pqr-trust-item:hover svg {
    transform:scale(1.10);
    stroke:var(--pp-primary);
}


/* ==========================================================
   GLASS THEME ENHANCEMENT
   ========================================================== */

html[data-pqr-theme="glass"]
.pqr-price-grid article {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.68),
        0 24px 65px rgba(47,62,110,.12);
}

html[data-pqr-theme="glass"]
.pqr-plan-icon {
    background:rgba(255,255,255,.48);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}


/* ==========================================================
   MIDNIGHT ICON ENHANCEMENT
   ========================================================== */

html[data-pqr-theme="midnight"]
.pqr-plan-icon {
    box-shadow:
        inset 0 0 0 1px rgba(145,131,255,.15),
        0 10px 25px rgba(0,0,0,.18);
}


/* ==========================================================
   KEYFRAMES
   ========================================================== */

@keyframes pqrFadeUp {
    from {
        opacity:0;
        transform:translateY(16px);
    }

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

@keyframes pqrCardIn {
    from {
        opacity:0;
        transform:translateY(28px) scale(.985);
    }

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

@keyframes pqrFloatOne {
    0%,100% {
        transform:translate3d(0,0,0);
    }

    50% {
        transform:translate3d(28px,20px,0);
    }
}

@keyframes pqrFloatTwo {
    0%,100% {
        transform:translate3d(0,0,0);
    }

    50% {
        transform:translate3d(-25px,28px,0);
    }
}

@keyframes pqrRibbonShine {
    0%,72% {
        left:-60px;
    }

    88%,100% {
        left:115%;
    }
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion:reduce) {

    .pqr-price-wrap::before,
    .pqr-price-wrap::after,
    .pqr-price-hero > span,
    .pqr-price-hero h1,
    .pqr-price-hero p,
    .pqr-cycle,
    .pqr-price-grid article,
    .pqr-popular::after {
        animation:none !important;
    }

    .pqr-price-grid article {
        opacity:1;
    }

    .pqr-plan-icon,
    .pqr-plan-icon svg,
    .pqr-plan-button,
    .pqr-feature-check,
    .pqr-trust-item,
    .pqr-trust-item svg {
        transition:none !important;
    }
}

/* ==========================================================
   PQR_ANNUAL_FREE_BADGE_V1
   ========================================================== */

.pqr-cycle b {
    display: inline-flex;
    align-items: center;
    margin-left: 7px;
    padding: 4px 8px;
    border-radius: 999px;

    background: #dcfce7;
    color: #07834f;

    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .01em;
    white-space: nowrap;

    box-shadow:
        inset 0 0 0 1px rgba(5, 150, 105, .08);
}

.pqr-cycle button.active b {
    background: #d1fae5;
    color: #047857;
}


/* Midnight */

html[data-pqr-theme="midnight"] .pqr-cycle b,
html[data-pqr-theme="midnight"] .pqr-cycle button.active b {
    background: rgba(16, 185, 129, .17);
    color: #6ee7b7;

    box-shadow:
        inset 0 0 0 1px rgba(110, 231, 183, .12);
}


/* Liquid Glass */

html[data-pqr-theme="glass"] .pqr-cycle b,
html[data-pqr-theme="glass"] .pqr-cycle button.active b {
    background: rgba(209, 250, 229, .82);
    color: #047857;

    box-shadow:
        inset 0 0 0 1px rgba(4, 120, 87, .08);
}



/* ==========================================================
   PQR PAYMENT TRUST PANEL V3
   ========================================================== */

.pqr-payment-panel {
    position:relative;
    isolation:isolate;
    width:min(100%,1050px);
    margin:42px auto 0;
    padding:18px;
    overflow:hidden;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--pp-primary) 12%,
            var(--pp-border)
        );

    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            color-mix(in srgb,var(--pp-card) 96%,var(--pp-primary) 4%),
            var(--pp-card)
        );

    box-shadow:
        0 18px 50px
        rgba(31,45,85,.07);
}


/* animated ambient glow */

.pqr-payment-glow {
    position:absolute;
    z-index:-1;

    width:260px;
    height:260px;

    top:-190px;
    left:15%;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            color-mix(
                in srgb,
                var(--pp-primary) 18%,
                transparent
            ),
            transparent 70%
        );

    pointer-events:none;

    animation:
        pqrPaymentGlow 8s
        ease-in-out infinite;
}


/* payment message */

.pqr-payment-message {
    display:flex;
    align-items:center;
    gap:14px;

    padding:
        5px 7px
        18px;
}

.pqr-payment-icon {
    position:relative;

    display:grid;
    flex:0 0 46px;

    width:46px;
    height:46px;

    place-items:center;

    border-radius:14px;

    color:#07834f;

    background:
        linear-gradient(
            145deg,
            #ecfdf5,
            #d1fae5
        );

    box-shadow:
        inset 0 0 0 1px
        rgba(5,150,105,.09),
        0 8px 22px
        rgba(5,150,105,.10);

    animation:
        pqrShieldFloat 4s
        ease-in-out infinite;
}

.pqr-payment-icon svg {
    width:23px;
    height:23px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.pqr-payment-message strong {
    display:block;

    margin-bottom:3px;

    color:var(--pp-heading);

    font-size:14px;
    font-weight:850;
    letter-spacing:-.015em;
}

.pqr-payment-message p {
    margin:0;

    color:var(--pp-muted);

    font-size:12.5px;
    line-height:1.55;
}


/* policy cards */

.pqr-payment-links {
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:9px;
}

.pqr-payment-links > a {
    position:relative;

    display:grid;

    grid-template-columns:
        36px minmax(0,1fr) 16px;

    align-items:center;
    gap:10px;

    min-width:0;
    min-height:66px;

    padding:11px 12px;

    border:
        1px solid
        var(--pp-border);

    border-radius:14px;

    color:var(--pp-text) !important;

    background:
        color-mix(
            in srgb,
            var(--pp-soft) 72%,
            transparent
        );

    text-decoration:none !important;

    transition:
        transform .22s
        cubic-bezier(.2,.8,.2,1),
        border-color .22s ease,
        background .22s ease,
        box-shadow .22s ease;
}

.pqr-payment-links > a:hover {
    transform:translateY(-3px);

    border-color:
        color-mix(
            in srgb,
            var(--pp-primary) 30%,
            var(--pp-border)
        );

    background:
        color-mix(
            in srgb,
            var(--pp-primary-soft) 55%,
            var(--pp-card)
        );

    box-shadow:
        0 10px 25px
        rgba(37,49,90,.08);
}


/* icons */

.pqr-policy-icon {
    display:grid;

    width:36px;
    height:36px;

    place-items:center;

    border-radius:11px;

    color:var(--pp-primary);

    background:
        var(--pp-primary-soft);

    transition:
        transform .25s ease,
        color .25s ease;
}

.pqr-policy-icon svg {
    width:18px;
    height:18px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.pqr-payment-links > a:hover
.pqr-policy-icon {
    transform:
        scale(1.08)
        rotate(-3deg);
}


/* policy typography */

.pqr-payment-links > a > span:nth-child(2) {
    min-width:0;
}

.pqr-payment-links strong {
    display:block;

    margin-bottom:2px;

    color:var(--pp-heading);

    font-size:12.5px;
    font-weight:850;
    line-height:1.2;
}

.pqr-payment-links small {
    display:block;

    overflow:hidden;

    color:var(--pp-muted);

    font-size:10.5px;
    font-weight:600;
    line-height:1.3;

    text-overflow:ellipsis;
    white-space:nowrap;
}


/* arrow */

.pqr-policy-arrow {
    width:15px;
    height:15px;

    fill:none;
    stroke:var(--pp-muted);
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;

    transition:
        transform .22s ease,
        stroke .22s ease;
}

.pqr-payment-links > a:hover
.pqr-policy-arrow {
    transform:translateX(3px);
    stroke:var(--pp-primary);
}


/* Midnight */

html[data-pqr-theme="midnight"]
.pqr-payment-panel {
    background:
        linear-gradient(
            135deg,
            rgba(18,27,43,.96),
            rgba(12,19,31,.98)
        );

    box-shadow:
        0 22px 55px
        rgba(0,0,0,.22);
}

html[data-pqr-theme="midnight"]
.pqr-payment-icon {
    color:#6ee7b7;

    background:
        rgba(16,185,129,.13);

    box-shadow:
        inset 0 0 0 1px
        rgba(110,231,183,.12);
}


/* Liquid Glass */

html[data-pqr-theme="glass"]
.pqr-payment-panel {
    border-color:
        rgba(255,255,255,.82);

    background:
        rgba(255,255,255,.55);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.75),
        0 20px 55px
        rgba(47,62,110,.10);

    backdrop-filter:
        blur(24px)
        saturate(145%);

    -webkit-backdrop-filter:
        blur(24px)
        saturate(145%);
}

html[data-pqr-theme="glass"]
.pqr-payment-links > a {
    border-color:
        rgba(255,255,255,.72);

    background:
        rgba(255,255,255,.42);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}


/* keyboard */

.pqr-payment-links > a:focus-visible {
    outline:
        3px solid
        color-mix(
            in srgb,
            var(--pp-primary) 40%,
            transparent
        );

    outline-offset:3px;
}


/* motion */

@keyframes pqrPaymentGlow {

    0%,100% {
        transform:
            translate3d(0,0,0)
            scale(1);
    }

    50% {
        transform:
            translate3d(300px,25px,0)
            scale(1.15);
    }
}

@keyframes pqrShieldFloat {

    0%,100% {
        transform:translateY(0);
    }

    50% {
        transform:translateY(-3px);
    }
}


/* responsive */

@media(max-width:900px) {

    .pqr-payment-links {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }
}

@media(max-width:560px) {

    .pqr-payment-panel {
        margin-top:30px;
        padding:14px;
        border-radius:19px;
    }

    .pqr-payment-message {
        align-items:flex-start;
        padding:
            4px 3px
            16px;
    }

    .pqr-payment-links {
        grid-template-columns:1fr;
    }

    .pqr-payment-links > a {
        min-height:62px;
    }
}


/* accessibility */

@media(prefers-reduced-motion:reduce) {

    .pqr-payment-glow,
    .pqr-payment-icon {
        animation:none !important;
    }

    .pqr-payment-links > a,
    .pqr-policy-icon,
    .pqr-policy-arrow {
        transition:none !important;
    }
}



/* ==========================================================
   PQR VALUE / GROWTH SECTION V7
   ========================================================== */

.pqr-growth-section {
    position:relative;
    isolation:isolate;

    width:min(100%,1180px);

    margin:
        54px auto 0;

    padding:
        42px;

    overflow:hidden;

    border:
        1px solid
        var(--pp-border);

    border-radius:
        30px;

    background:
        linear-gradient(
            145deg,
            color-mix(
                in srgb,
                var(--pp-card) 97%,
                var(--pp-primary) 3%
            ),
            var(--pp-card)
        );

    box-shadow:
        0 24px 70px
        rgba(31,45,85,.07);
}


/* ambient animated accent */

.pqr-growth-ambient {
    position:absolute;

    z-index:-1;

    width:420px;
    height:420px;

    top:-300px;
    right:-80px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            color-mix(
                in srgb,
                var(--pp-primary) 17%,
                transparent
            ),
            transparent 68%
        );

    pointer-events:none;

    animation:
        pqrGrowthAmbient 9s
        ease-in-out infinite;
}


/* section heading */

.pqr-growth-heading {
    max-width:720px;

    margin:
        0 auto 32px;

    text-align:center;
}

.pqr-growth-kicker {
    display:inline-flex;

    align-items:center;
    gap:7px;

    margin-bottom:12px;

    color:
        var(--pp-primary);

    font-size:10px;
    font-weight:900;

    letter-spacing:.09em;

    text-transform:uppercase;
}

.pqr-growth-kicker svg {
    width:16px;
    height:16px;

    fill:none;
    stroke:currentColor;

    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.pqr-growth-heading h2 {
    margin:0;

    color:
        var(--pp-heading);

    font-size:
        clamp(
            2rem,
            4vw,
            3.15rem
        );

    font-weight:850;

    line-height:1.03;

    letter-spacing:
        -.055em;
}

.pqr-growth-heading h2 strong {
    font:inherit;

    color:
        var(--pp-primary);
}

.pqr-growth-heading > p {
    max-width:610px;

    margin:
        15px auto 0;

    color:
        var(--pp-muted);

    font-size:14px;

    line-height:1.7;
}


/* two feature cards */

.pqr-growth-grid {
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:16px;
}

.pqr-growth-card {
    position:relative;

    min-width:0;

    padding:
        26px;

    overflow:hidden;

    border:
        1px solid
        var(--pp-border);

    border-radius:
        22px;

    background:
        color-mix(
            in srgb,
            var(--pp-soft) 68%,
            var(--pp-card)
        );

    transition:
        transform .28s
        cubic-bezier(.2,.8,.2,1),
        border-color .28s ease,
        box-shadow .28s ease,
        background .28s ease;
}

.pqr-growth-card:hover {
    transform:
        translateY(-5px);

    border-color:
        color-mix(
            in srgb,
            var(--pp-primary) 27%,
            var(--pp-border)
        );

    box-shadow:
        0 20px 45px
        rgba(34,47,87,.09);
}


/* card icon */

.pqr-growth-card-icon {
    display:grid;

    width:48px;
    height:48px;

    margin-bottom:20px;

    place-items:center;

    border-radius:15px;

    color:
        var(--pp-primary);

    background:
        var(--pp-primary-soft);

    box-shadow:
        inset 0 0 0 1px
        color-mix(
            in srgb,
            var(--pp-primary) 9%,
            transparent
        );

    transition:
        transform .28s
        cubic-bezier(.2,.8,.2,1);
}

.pqr-growth-card:hover
.pqr-growth-card-icon {
    transform:
        translateY(-2px)
        rotate(-4deg)
        scale(1.06);
}

.pqr-growth-card-icon svg {
    width:23px;
    height:23px;

    fill:none;
    stroke:currentColor;

    stroke-width:1.75;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* card headings */

.pqr-growth-card-heading > span {
    display:block;

    margin-bottom:7px;

    color:
        var(--pp-primary);

    font-size:9px;
    font-weight:900;

    letter-spacing:.1em;

    text-transform:uppercase;
}

.pqr-growth-card-heading h3 {
    margin:0;

    color:
        var(--pp-heading);

    font-size:
        clamp(
            1.25rem,
            2vw,
            1.55rem
        );

    font-weight:850;

    line-height:1.15;

    letter-spacing:
        -.035em;
}

.pqr-growth-card-heading p {
    margin:
        9px 0 0;

    color:
        var(--pp-muted);

    font-size:12.5px;

    line-height:1.6;
}


/* feature rows */

.pqr-growth-list {
    display:grid;

    gap:7px;

    margin:
        23px 0 0;

    padding:0;

    list-style:none;
}

.pqr-growth-list li {
    display:grid;

    grid-template-columns:
        31px minmax(0,1fr);

    align-items:center;

    gap:11px;

    min-width:0;

    padding:
        10px 11px;

    border:
        1px solid
        transparent;

    border-radius:
        13px;

    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.pqr-growth-list li:hover {
    transform:
        translateX(3px);

    border-color:
        var(--pp-border);

    background:
        color-mix(
            in srgb,
            var(--pp-card) 72%,
            transparent
        );
}


/* animated checks */

.pqr-growth-check {
    display:grid;

    width:30px;
    height:30px;

    place-items:center;

    border-radius:
        10px;

    color:
        #07834f;

    background:
        #dcfce7;

    box-shadow:
        inset 0 0 0 1px
        rgba(5,150,105,.08);

    transition:
        transform .2s ease;
}

.pqr-growth-list li:hover
.pqr-growth-check {
    transform:
        scale(1.08);
}

.pqr-growth-check svg {
    width:15px;
    height:15px;

    fill:none;
    stroke:currentColor;

    stroke-width:2.5;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* feature text */

.pqr-growth-list strong {
    display:block;

    color:
        var(--pp-heading);

    font-size:12.5px;
    font-weight:800;

    line-height:1.3;
}

.pqr-growth-list small {
    display:block;

    margin-top:2px;

    color:
        var(--pp-muted);

    font-size:10.5px;
    font-weight:600;

    line-height:1.4;
}


/* second card accent */

.pqr-growth-card-upgrade
.pqr-growth-card-icon {
    color:#07834f;

    background:
        #dcfce7;
}


/* Midnight */

html[data-pqr-theme="midnight"]
.pqr-growth-section {
    background:
        linear-gradient(
            145deg,
            rgba(17,26,42,.98),
            rgba(11,18,30,.98)
        );

    box-shadow:
        0 26px 70px
        rgba(0,0,0,.22);
}

html[data-pqr-theme="midnight"]
.pqr-growth-card {
    background:
        rgba(255,255,255,.025);
}

html[data-pqr-theme="midnight"]
.pqr-growth-check,

html[data-pqr-theme="midnight"]
.pqr-growth-card-upgrade
.pqr-growth-card-icon {
    color:#6ee7b7;

    background:
        rgba(16,185,129,.13);

    box-shadow:
        inset 0 0 0 1px
        rgba(110,231,183,.10);
}


/* Liquid Glass */

html[data-pqr-theme="glass"]
.pqr-growth-section {
    border-color:
        rgba(255,255,255,.80);

    background:
        rgba(255,255,255,.48);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.82),
        0 26px 70px
        rgba(50,65,115,.10);

    backdrop-filter:
        blur(28px)
        saturate(150%);

    -webkit-backdrop-filter:
        blur(28px)
        saturate(150%);
}

html[data-pqr-theme="glass"]
.pqr-growth-card {
    border-color:
        rgba(255,255,255,.72);

    background:
        rgba(255,255,255,.40);

    backdrop-filter:
        blur(16px);

    -webkit-backdrop-filter:
        blur(16px);
}


/* entrance */

.pqr-growth-card {
    animation:
        pqrGrowthCardIn .65s
        cubic-bezier(.2,.8,.2,1)
        both;
}

.pqr-growth-card:nth-child(2) {
    animation-delay:.10s;
}


@keyframes pqrGrowthCardIn {

    from {
        opacity:0;

        transform:
            translateY(18px)
            scale(.985);
    }

    to {
        opacity:1;
        transform:none;
    }
}


@keyframes pqrGrowthAmbient {

    0%,100% {
        transform:
            translate3d(0,0,0)
            scale(1);
    }

    50% {
        transform:
            translate3d(-150px,50px,0)
            scale(1.12);
    }
}


/* responsive */

@media(max-width:800px) {

    .pqr-growth-section {
        padding:
            32px 20px;
    }

    .pqr-growth-grid {
        grid-template-columns:1fr;
    }
}


@media(max-width:520px) {

    .pqr-growth-section {
        margin-top:38px;

        padding:
            27px 14px;

        border-radius:
            22px;
    }

    .pqr-growth-heading {
        margin-bottom:
            24px;
    }

    .pqr-growth-card {
        padding:
            20px 15px;

        border-radius:
            18px;
    }

    .pqr-growth-list li {
        padding:
            9px 7px;
    }
}


/* reduced motion */

@media(prefers-reduced-motion:reduce) {

    .pqr-growth-ambient,
    .pqr-growth-card {
        animation:none !important;
    }

    .pqr-growth-card,
    .pqr-growth-card-icon,
    .pqr-growth-list li,
    .pqr-growth-check {
        transition:none !important;
    }
}



/* ==========================================================
   PQR GROWTH SECTION — DESKTOP LAYOUT FIX V8
   Fix narrow cards / excessive wrapping
   ========================================================== */


/*
 * The pricing wrapper has its own desktop width constraints.
 * Let this section use the full available pricing width.
 */

.pqr-pricing-page .pqr-growth-section {
    width:100%;
    max-width:none;

    margin:
        58px 0 0;

    padding:
        clamp(30px,3.2vw,46px);

    border-radius:
        28px;
}


/* Heading should be wide enough for natural line wrapping */

.pqr-pricing-page .pqr-growth-heading {
    width:100%;
    max-width:850px;

    margin:
        0 auto 34px;

    padding:
        0 20px;
}

.pqr-pricing-page .pqr-growth-heading h2 {
    max-width:820px;

    margin:
        0 auto;

    font-size:
        clamp(
            2.15rem,
            3.5vw,
            3.55rem
        );

    line-height:
        1.02;

    text-wrap:
        balance;
}

.pqr-pricing-page .pqr-growth-heading > p {
    max-width:
        720px;

    font-size:
        14px;

    line-height:
        1.65;

    text-wrap:
        balance;
}


/* Give the two cards real desktop width */

.pqr-pricing-page .pqr-growth-grid {
    width:100%;

    display:grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:
        clamp(
            16px,
            2vw,
            24px
        );
}


/* Cards */

.pqr-pricing-page .pqr-growth-card {
    width:100%;
    min-width:0;

    padding:
        clamp(
            22px,
            2.4vw,
            30px
        );

    border-radius:
        22px;
}


/*
 * Desktop card header:
 * icon sits beside title/copy instead of consuming
 * an entire row.
 */

@media(min-width:1001px) {

    .pqr-pricing-page
    .pqr-growth-card {
        display:grid;

        grid-template-columns:
            52px minmax(0,1fr);

        grid-template-rows:
            auto 1fr;

        column-gap:
            17px;

        align-content:start;
    }

    .pqr-pricing-page
    .pqr-growth-card-icon {
        grid-column:1;
        grid-row:1;

        width:50px;
        height:50px;

        margin:0;
    }

    .pqr-pricing-page
    .pqr-growth-card-heading {
        grid-column:2;
        grid-row:1;
    }

    .pqr-pricing-page
    .pqr-growth-list {
        grid-column:
            1 / -1;

        grid-row:2;

        margin-top:
            24px;
    }

}


/* Prevent oversized headings inside cards */

.pqr-pricing-page
.pqr-growth-card-heading h3 {
    max-width:
        440px;

    font-size:
        clamp(
            1.25rem,
            1.7vw,
            1.55rem
        );

    line-height:
        1.16;

    text-wrap:
        balance;
}

.pqr-pricing-page
.pqr-growth-card-heading p {
    max-width:
        520px;

    margin-top:
        8px;

    font-size:
        12.5px;

    line-height:
        1.55;
}


/* More compact feature list */

.pqr-pricing-page
.pqr-growth-list {
    gap:
        6px;
}

.pqr-pricing-page
.pqr-growth-list li {
    grid-template-columns:
        32px minmax(0,1fr);

    gap:
        11px;

    min-height:
        58px;

    padding:
        9px 10px;
}

.pqr-pricing-page
.pqr-growth-list strong {
    font-size:
        12.5px;

    line-height:
        1.25;
}

.pqr-pricing-page
.pqr-growth-list small {
    margin-top:
        2px;

    font-size:
        10.5px;

    line-height:
        1.35;
}


/* Check icons */

.pqr-pricing-page
.pqr-growth-check {
    width:
        30px;

    height:
        30px;

    border-radius:
        9px;
}


/* ------------------------------------------
   Large desktop
   ------------------------------------------ */

@media(min-width:1280px) {

    .pqr-pricing-page
    .pqr-growth-section {
        padding:
            46px;
    }

    .pqr-pricing-page
    .pqr-growth-grid {
        gap:
            24px;
    }

    .pqr-pricing-page
    .pqr-growth-card {
        padding:
            30px;
    }

}


/* ------------------------------------------
   Tablet
   ------------------------------------------ */

@media(max-width:1000px) {

    .pqr-pricing-page
    .pqr-growth-section {
        padding:
            30px 22px;
    }

    .pqr-pricing-page
    .pqr-growth-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

    .pqr-pricing-page
    .pqr-growth-card {
        padding:
            22px;
    }

}


/* ------------------------------------------
   Mobile / narrow tablet
   ------------------------------------------ */

@media(max-width:760px) {

    .pqr-pricing-page
    .pqr-growth-section {
        margin-top:
            40px;

        padding:
            28px 16px;

        border-radius:
            22px;
    }

    .pqr-pricing-page
    .pqr-growth-heading {
        padding:
            0 4px;

        margin-bottom:
            25px;
    }

    .pqr-pricing-page
    .pqr-growth-heading h2 {
        font-size:
            clamp(
                2rem,
                10vw,
                2.75rem
            );
    }

    .pqr-pricing-page
    .pqr-growth-grid {
        grid-template-columns:
            1fr;

        gap:
            14px;
    }

    .pqr-pricing-page
    .pqr-growth-card {
        padding:
            21px 17px;
    }

    .pqr-pricing-page
    .pqr-growth-card-icon {
        margin-bottom:
            17px;
    }

}


/* ------------------------------------------
   Small phones
   ------------------------------------------ */

@media(max-width:430px) {

    .pqr-pricing-page
    .pqr-growth-section {
        padding:
            24px 12px;
    }

    .pqr-pricing-page
    .pqr-growth-card {
        padding:
            19px 14px;
    }

    .pqr-pricing-page
    .pqr-growth-list li {
        padding:
            9px 6px;
    }

}


/* Motion remains subtle */

@media(prefers-reduced-motion:no-preference) {

    .pqr-pricing-page
    .pqr-growth-card:hover {
        transform:
            translateY(-4px);
    }

}



/* ==========================================================
   PQR GROWTH SECTION V9
   HORIZONTAL / COMPACT FEATURE LAYOUT
   ========================================================== */


/*
 * Main section uses full available width.
 */

.pqr-pricing-page .pqr-growth-section {
    width:100%;
    max-width:none;

    padding:
        38px 40px;

    margin:
        52px 0 0;
}


/*
 * Reduce header vertical space.
 */

.pqr-pricing-page .pqr-growth-heading {
    max-width:900px;

    margin:
        0 auto 28px;
}

.pqr-pricing-page .pqr-growth-heading h2 {
    font-size:
        clamp(
            2.1rem,
            3.2vw,
            3.25rem
        );
}


/*
 * TWO MAIN CARDS HORIZONTALLY
 */

.pqr-pricing-page .pqr-growth-grid {
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    align-items:stretch;

    gap:20px;
}


/*
 * Reset previous V8 internal card grid.
 */

@media(min-width:1001px) {

    .pqr-pricing-page
    .pqr-growth-card {
        display:block;
    }

    .pqr-pricing-page
    .pqr-growth-card-icon,

    .pqr-pricing-page
    .pqr-growth-card-heading,

    .pqr-pricing-page
    .pqr-growth-list {
        grid-column:auto;
        grid-row:auto;
    }

}


/*
 * Card top area:
 * icon + heading horizontally.
 */

.pqr-pricing-page .pqr-growth-card {
    position:relative;

    padding:
        25px;

    min-height:0;
}

.pqr-pricing-page .pqr-growth-card-icon {
    float:left;

    width:46px;
    height:46px;

    margin:
        0 15px 12px 0;
}

.pqr-pricing-page .pqr-growth-card-heading {
    min-height:
        90px;
}

.pqr-pricing-page .pqr-growth-card-heading h3 {
    max-width:none;

    font-size:
        clamp(
            1.2rem,
            1.55vw,
            1.45rem
        );

    line-height:1.12;
}

.pqr-pricing-page .pqr-growth-card-heading p {
    max-width:none;

    margin-top:6px;

    font-size:12px;

    line-height:1.48;
}


/*
 * Clear floated icon before features.
 */

.pqr-pricing-page .pqr-growth-list {
    clear:both;
}


/*
 * KEY FIX:
 * Features become 2 columns instead of
 * one long vertical column.
 */

.pqr-pricing-page .pqr-growth-list {
    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:
        9px;

    margin-top:
        19px;
}


/*
 * Each feature becomes a compact
 * horizontal mini-card.
 */

.pqr-pricing-page .pqr-growth-list li {
    display:grid;

    grid-template-columns:
        30px minmax(0,1fr);

    align-items:center;

    gap:9px;

    min-height:
        74px;

    margin:0;

    padding:
        10px;

    border:
        1px solid
        var(--pp-border);

    border-radius:
        13px;

    background:
        color-mix(
            in srgb,
            var(--pp-card) 60%,
            transparent
        );
}


/*
 * Smaller checks for horizontal layout.
 */

.pqr-pricing-page .pqr-growth-check {
    width:29px;
    height:29px;

    border-radius:9px;
}


/*
 * Keep feature text compact.
 */

.pqr-pricing-page .pqr-growth-list strong {
    font-size:
        11.5px;

    line-height:
        1.22;
}

.pqr-pricing-page .pqr-growth-list small {
    margin-top:
        3px;

    font-size:
        9.5px;

    line-height:
        1.3;
}


/*
 * Hover should move upward rather than
 * sideways in the horizontal grid.
 */

.pqr-pricing-page
.pqr-growth-list li:hover {
    transform:
        translateY(-2px);

    border-color:
        color-mix(
            in srgb,
            var(--pp-primary) 22%,
            var(--pp-border)
        );

    box-shadow:
        0 8px 20px
        rgba(35,48,90,.06);
}


/* ==========================================
   LIQUID GLASS
   ========================================== */

html[data-pqr-theme="glass"]
.pqr-pricing-page
.pqr-growth-list li {
    border-color:
        rgba(255,255,255,.70);

    background:
        rgba(255,255,255,.38);

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);
}


/* ==========================================
   MIDNIGHT
   ========================================== */

html[data-pqr-theme="midnight"]
.pqr-pricing-page
.pqr-growth-list li {
    background:
        rgba(255,255,255,.025);
}


/* ==========================================
   TABLET
   Keep two cards, but feature rows become
   single-column when space gets tight.
   ========================================== */

@media(max-width:1000px) {

    .pqr-pricing-page
    .pqr-growth-section {
        padding:
            30px 22px;
    }

    .pqr-pricing-page
    .pqr-growth-list {
        grid-template-columns:
            1fr;
    }

}


/* ==========================================
   MOBILE
   Main cards stack.
   ========================================== */

@media(max-width:720px) {

    .pqr-pricing-page
    .pqr-growth-grid {
        grid-template-columns:
            1fr;
    }

    .pqr-pricing-page
    .pqr-growth-list {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* ==========================================
   SMALL MOBILE
   Everything becomes one clean column.
   ========================================== */

@media(max-width:480px) {

    .pqr-pricing-page
    .pqr-growth-section {
        padding:
            25px 13px;
    }

    .pqr-pricing-page
    .pqr-growth-card {
        padding:
            19px 14px;
    }

    .pqr-pricing-page
    .pqr-growth-list {
        grid-template-columns:
            1fr;
    }

    .pqr-pricing-page
    .pqr-growth-list li {
        min-height:
            64px;
    }

}



/* ==========================================================
   PQR GROWTH SECTION V10
   Clean horizontal redesign
   ========================================================== */


/*
 * IMPORTANT:
 * Break this component out of any narrow content width
 * inherited from previous pricing layouts.
 */

.pqr-pricing-page .pqr-growth-v10 {
    position:relative;
    isolation:isolate;

    display:grid;

    grid-template-columns:
        minmax(240px,.72fr)
        minmax(0,2fr);

    gap:
        clamp(24px,3vw,42px);

    align-items:center;

    width:
        min(1280px,calc(100vw - 48px));

    max-width:
        1280px;

    margin:
        58px 50%
        0;

    transform:
        translateX(-50%);

    padding:
        clamp(28px,3vw,44px);

    overflow:hidden;

    border:
        1px solid
        var(--pp-border);

    border-radius:
        28px;

    background:
        linear-gradient(
            135deg,
            color-mix(
                in srgb,
                var(--pp-card) 97%,
                var(--pp-primary) 3%
            ),
            var(--pp-card)
        );

    box-shadow:
        0 24px 70px
        rgba(31,45,85,.07);
}


/* subtle background glow */

.pqr-pricing-page
.pqr-growth-v10::before {
    content:"";

    position:absolute;

    z-index:-1;

    width:420px;
    height:420px;

    top:-310px;
    left:-80px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            color-mix(
                in srgb,
                var(--pp-primary) 15%,
                transparent
            ),
            transparent 70%
        );

    pointer-events:none;
}


/* ==========================================================
   INTRO
   ========================================================== */

.pqr-growth-v10-intro {
    min-width:0;
}

.pqr-growth-v10-kicker {
    display:inline-flex;

    align-items:center;
    gap:7px;

    margin-bottom:13px;

    color:
        var(--pp-primary);

    font-size:10px;
    font-weight:900;

    letter-spacing:.08em;

    text-transform:uppercase;
}

.pqr-growth-v10-kicker svg {
    width:16px;
    height:16px;

    fill:none;
    stroke:currentColor;

    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.pqr-growth-v10-intro h2 {
    margin:0;

    color:
        var(--pp-heading);

    font-size:
        clamp(
            2rem,
            3.1vw,
            3.25rem
        );

    font-weight:850;

    line-height:
        .98;

    letter-spacing:
        -.055em;
}

.pqr-growth-v10-intro h2 span {
    display:block;

    margin-top:5px;

    color:
        var(--pp-primary);
}

.pqr-growth-v10-intro > p {
    max-width:380px;

    margin:
        17px 0 0;

    color:
        var(--pp-muted);

    font-size:13px;

    line-height:1.65;
}


/* ==========================================================
   MAIN CARDS
   ========================================================== */

.pqr-growth-v10-cards {
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:14px;

    min-width:0;
}

.pqr-growth-v10-card {
    min-width:0;

    padding:
        22px;

    border:
        1px solid
        var(--pp-border);

    border-radius:
        20px;

    background:
        color-mix(
            in srgb,
            var(--pp-soft) 62%,
            var(--pp-card)
        );

    transition:
        transform .25s
        cubic-bezier(.2,.8,.2,1),
        box-shadow .25s ease,
        border-color .25s ease;
}

.pqr-growth-v10-card:hover {
    transform:
        translateY(-4px);

    border-color:
        color-mix(
            in srgb,
            var(--pp-primary) 25%,
            var(--pp-border)
        );

    box-shadow:
        0 18px 40px
        rgba(34,47,87,.08);
}


/* ==========================================================
   CARD HEADER
   ========================================================== */

.pqr-growth-v10-card-head {
    display:grid;

    grid-template-columns:
        45px minmax(0,1fr);

    align-items:center;

    gap:13px;

    min-width:0;

    padding-bottom:
        18px;

    border-bottom:
        1px solid
        var(--pp-border);
}

.pqr-growth-v10-icon {
    display:grid;

    width:45px;
    height:45px;

    place-items:center;

    border-radius:
        14px;

    color:
        var(--pp-primary);

    background:
        var(--pp-primary-soft);

    transition:
        transform .25s ease;
}

.pqr-growth-v10-card:hover
.pqr-growth-v10-icon {
    transform:
        rotate(-4deg)
        scale(1.06);
}

.pqr-growth-v10-icon svg {
    width:22px;
    height:22px;

    fill:none;
    stroke:currentColor;

    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.pqr-growth-v10-card-green
.pqr-growth-v10-icon {
    color:#07834f;

    background:#dcfce7;
}

.pqr-growth-v10-card-head small {
    display:block;

    margin-bottom:4px;

    color:
        var(--pp-primary);

    font-size:9px;
    font-weight:900;

    letter-spacing:.09em;

    text-transform:uppercase;
}

.pqr-growth-v10-card-head h3 {
    margin:0;

    color:
        var(--pp-heading);

    font-size:
        clamp(
            1.05rem,
            1.35vw,
            1.28rem
        );

    font-weight:850;

    line-height:1.15;

    letter-spacing:
        -.025em;
}


/* ==========================================================
   FEATURES
   No nested feature cards.
   Clean rows.
   ========================================================== */

.pqr-growth-v10-features {
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:
        0 16px;

    margin-top:
        9px;
}

.pqr-growth-v10-feature {
    display:grid;

    grid-template-columns:
        25px minmax(0,1fr);

    align-items:start;

    gap:8px;

    min-width:0;

    padding:
        12px 2px;

    border-bottom:
        1px solid
        color-mix(
            in srgb,
            var(--pp-border) 70%,
            transparent
        );
}

.pqr-growth-v10-feature:nth-last-child(-n+2) {
    border-bottom:0;
}

.pqr-growth-v10-check {
    display:grid;

    width:24px;
    height:24px;

    margin-top:1px;

    place-items:center;

    border-radius:8px;

    color:#07834f;

    background:#dcfce7;

    font-size:11px;
    font-weight:900;

    box-shadow:
        inset 0 0 0 1px
        rgba(5,150,105,.08);

    transition:
        transform .2s ease;
}

.pqr-growth-v10-feature:hover
.pqr-growth-v10-check {
    transform:
        scale(1.1);
}

.pqr-growth-v10-feature strong {
    display:block;

    color:
        var(--pp-heading);

    font-size:
        11.5px;

    font-weight:800;

    line-height:1.25;
}

.pqr-growth-v10-feature p {
    margin:
        3px 0 0;

    color:
        var(--pp-muted);

    font-size:
        9.5px;

    font-weight:600;

    line-height:1.35;
}


/* ==========================================================
   MIDNIGHT
   ========================================================== */

html[data-pqr-theme="midnight"]
.pqr-growth-v10 {
    background:
        linear-gradient(
            135deg,
            rgba(17,26,42,.98),
            rgba(11,18,30,.98)
        );

    box-shadow:
        0 25px 70px
        rgba(0,0,0,.23);
}

html[data-pqr-theme="midnight"]
.pqr-growth-v10-card {
    background:
        rgba(255,255,255,.025);
}

html[data-pqr-theme="midnight"]
.pqr-growth-v10-check,

html[data-pqr-theme="midnight"]
.pqr-growth-v10-card-green
.pqr-growth-v10-icon {
    color:#6ee7b7;

    background:
        rgba(16,185,129,.13);
}


/* ==========================================================
   LIQUID GLASS
   ========================================================== */

html[data-pqr-theme="glass"]
.pqr-growth-v10 {
    border-color:
        rgba(255,255,255,.78);

    background:
        rgba(255,255,255,.48);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.80),
        0 24px 65px
        rgba(50,65,115,.10);

    backdrop-filter:
        blur(28px)
        saturate(150%);

    -webkit-backdrop-filter:
        blur(28px)
        saturate(150%);
}

html[data-pqr-theme="glass"]
.pqr-growth-v10-card {
    border-color:
        rgba(255,255,255,.72);

    background:
        rgba(255,255,255,.42);

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);
}


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

@media(max-width:1100px) {

    .pqr-pricing-page
    .pqr-growth-v10 {
        grid-template-columns:
            1fr;

        width:
            min(900px,calc(100vw - 36px));
    }

    .pqr-growth-v10-intro {
        max-width:
            650px;

        text-align:center;

        margin:
            0 auto;
    }

    .pqr-growth-v10-intro > p {
        max-width:
            600px;

        margin:
            14px auto 0;
    }

}


@media(max-width:760px) {

    .pqr-pricing-page
    .pqr-growth-v10 {
        width:
            calc(100vw - 24px);

        margin-top:
            40px;

        padding:
            25px 14px;

        border-radius:
            22px;
    }

    .pqr-growth-v10-cards {
        grid-template-columns:
            1fr;
    }

    .pqr-growth-v10-intro h2 {
        font-size:
            clamp(
                2rem,
                10vw,
                2.8rem
            );
    }

}


@media(max-width:440px) {

    .pqr-growth-v10-card {
        padding:
            18px 14px;
    }

    .pqr-growth-v10-features {
        grid-template-columns:
            1fr;
    }

    .pqr-growth-v10-feature:nth-last-child(-n+2) {
        border-bottom:
            1px solid
            color-mix(
                in srgb,
                var(--pp-border) 70%,
                transparent
            );
    }

    .pqr-growth-v10-feature:last-child {
        border-bottom:0;
    }

}


/* ==========================================================
   ACCESSIBILITY
   ========================================================== */

@media(prefers-reduced-motion:reduce) {

    .pqr-growth-v10-card,
    .pqr-growth-v10-icon,
    .pqr-growth-v10-check {
        transition:none !important;
    }

}



/* ==========================================================
   PQR GROWTH V11 — TRUE VIEWPORT CENTERING
   ========================================================== */

/*
 * V10's component is wider than its parent pricing container.
 * Center it against the viewport instead of the parent.
 */

.pqr-pricing-page .pqr-growth-v10 {

    width:
        min(
            1280px,
            calc(100vw - 64px)
        );

    max-width:
        1280px;

    position:relative;

    left:50%;

    margin:
        58px 0 0;

    transform:
        translateX(-50%);

}


/* Keep the three main areas visually balanced */

@media(min-width:1101px) {

    .pqr-pricing-page
    .pqr-growth-v10 {

        grid-template-columns:
            minmax(260px,.78fr)
            minmax(0,2fr);

        gap:
            34px;

    }

}


/* Tablet */

@media(max-width:1100px) {

    .pqr-pricing-page
    .pqr-growth-v10 {

        width:
            min(
                900px,
                calc(100vw - 40px)
            );

        left:50%;

        margin:
            50px 0 0;

        transform:
            translateX(-50%);

    }

}


/* Mobile */

@media(max-width:760px) {

    .pqr-pricing-page
    .pqr-growth-v10 {

        width:
            calc(100vw - 24px);

        left:50%;

        margin:
            40px 0 0;

        transform:
            translateX(-50%);

    }

}

/* PQR_PAYPAL_PUBLIC_CHECKOUT_V4 */
.pqr-payment-options {
    display: grid;
    gap: 12px;
    margin-top: auto;
}

.pqr-payment-divider {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--price-muted, #68758e);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.pqr-payment-divider::before,
.pqr-payment-divider::after {
    content: "";
    height: 1px;
    flex: 1;
    background: var(--price-border, #dce3f0);
}

.pqr-paypal-button {
    position: relative;
    z-index: 0;
    min-height: 48px;
}

.pqr-paypal-message {
    margin: 4px 0 0 !important;
    color: #147857 !important;
    font-size: 12px;
    text-align: center;
}

.pqr-paypal-message.is-error {
    color: #c0392b !important;
}

/* PQR_PRICING_FREE_CARD_V5 */
.pqr-price-grid article:first-child {
    position: relative;
    overflow: hidden;
    border-color: rgba(35,202,151,.58);
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(35,202,151,.18),
            transparent 40%
        ),
        var(--price-card, #fff);
}

.pqr-price-grid article:first-child::before {
    content: "FREE FOREVER";
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    padding: 7px 11px;
    border: 1px solid rgba(35,202,151,.35);
    border-radius: 999px;
    background: rgba(35,202,151,.12);
    color: #08785a;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .1em;
}

.pqr-price-grid article:first-child .pqr-amount strong {
    color: #08785a;
}

.pqr-price-grid article:first-child .pqr-plan-button {
    border-color: #159b75;
    background: linear-gradient(135deg,#22c997,#0d9c73);
    box-shadow: 0 14px 34px rgba(13,156,115,.25);
    color: #fff;
    transition: transform .2s ease,box-shadow .2s ease;
}

.pqr-price-grid article:first-child .pqr-plan-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(13,156,115,.34);
}

html[data-pqr-theme="midnight"]
.pqr-price-grid article:first-child,
body.pqr-theme-midnight
.pqr-price-grid article:first-child {
    border-color: rgba(53,213,154,.5);
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(53,213,154,.16),
            transparent 42%
        ),
        #171d2b;
}

html[data-pqr-theme="midnight"]
.pqr-price-grid article:first-child::before,
body.pqr-theme-midnight
.pqr-price-grid article:first-child::before {
    color: #77f0c8;
    background: rgba(53,213,154,.12);
}

html[data-pqr-theme="glass"]
.pqr-price-grid article:first-child,
body.pqr-theme-glass
.pqr-price-grid article:first-child {
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(53,213,154,.2),
            transparent 42%
        ),
        rgba(255,255,255,.72);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}

@media (max-width:600px) {
    .pqr-price-grid article:first-child::before {
        position: static;
        align-self: flex-start;
        width: max-content;
        margin-bottom: -8px;
    }
}

/* PQR_PRICING_GROWTH_LAYOUT_FIX_V12 */

/*
 * Prevent the growth section from becoming wider than its parent.
 * Theme colors continue to come from the existing pricing stylesheet.
 */
.pqr-price-value,
.pqr-growth-v10,
.pqr-growth-v10 *,
.pqr-growth-v10 *::before,
.pqr-growth-v10 *::after {
    box-sizing: border-box;
}

.pqr-price-value {
    width: min(calc(100% - 32px), 1440px);
    max-width: 100%;
    min-width: 0;
    margin-inline: auto;
}

.pqr-growth-v10 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-inline: auto;
    padding: clamp(30px, 4vw, 52px);
    overflow: hidden;

    display: grid;
    grid-template-columns:
        minmax(250px, .78fr)
        minmax(0, 2fr);
    align-items: center;
    gap: clamp(28px, 4vw, 54px);
}

.pqr-growth-v10-intro {
    width: 100%;
    max-width: 420px;
    min-width: 0;
}

.pqr-growth-v10-intro h2,
.pqr-growth-v10-intro p {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.pqr-growth-v10-cards {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: clamp(14px, 1.7vw, 22px);
}

.pqr-growth-v10-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: clamp(22px, 2.2vw, 32px);
}

.pqr-growth-v10-card-head {
    width: 100%;
    min-width: 0;

    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.pqr-growth-v10-card-head > div,
.pqr-growth-v10-feature > div {
    min-width: 0;
}

.pqr-growth-v10-card-head h3,
.pqr-growth-v10-feature strong,
.pqr-growth-v10-feature p {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
}

.pqr-growth-v10-features {
    width: 100%;
    min-width: 0;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 clamp(16px, 2vw, 26px);
}

.pqr-growth-v10-feature {
    width: 100%;
    min-width: 0;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
}

/* Tablet: intro above two balanced cards. */
@media (max-width: 1180px) {
    .pqr-growth-v10 {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }

    .pqr-growth-v10-intro {
        max-width: 720px;
    }

    .pqr-growth-v10-intro h2 {
        max-width: 650px;
    }
}

/* Small tablet and mobile: one full-width card per row. */
@media (max-width: 760px) {
    .pqr-price-value {
        width: min(calc(100% - 20px), 1440px);
    }

    .pqr-growth-v10 {
        padding: 24px 18px;
        gap: 24px;
    }

    .pqr-growth-v10-cards {
        grid-template-columns: minmax(0, 1fr);
    }

    .pqr-growth-v10-card {
        padding: 22px 18px;
    }
}

/* Narrow phones: keep feature text readable. */
@media (max-width: 520px) {
    .pqr-growth-v10-features {
        grid-template-columns: minmax(0, 1fr);
    }

    .pqr-growth-v10-card-head {
        gap: 12px;
    }

    .pqr-growth-v10-intro h2 {
        font-size: clamp(2rem, 11vw, 3rem);
    }
}

/* PQR_PRICING_GROWTH_CENTER_V13 */

/* Keep the complete growth section centered on the page. */
.pqr-price-value {
    display: block !important;
    width: min(calc(100% - 40px), 1320px) !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pqr-growth-v10 {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Prevent either card from pushing the section off-centre. */
.pqr-growth-v10-intro,
.pqr-growth-v10-cards,
.pqr-growth-v10-card {
    min-width: 0 !important;
    max-width: 100% !important;
}

@media (max-width: 760px) {
    .pqr-price-value {
        width: calc(100% - 20px) !important;
    }
}


/* PQR_PAYPAL_7_DAY_TRIAL_NOTICE_V6 */
.pqr-trial-notice {
    display:grid;
    gap:4px;
    margin:4px 0 18px;
    padding:12px 14px;
    border:1px solid rgba(35,202,151,.36);
    border-radius:13px;
    background:rgba(35,202,151,.09);
}

.pqr-trial-notice strong {
    color:#08785a;
    font-size:13px;
    font-weight:900;
}

.pqr-trial-notice span {
    color:var(--price-muted,#68758e);
    font-size:11px;
    line-height:1.55;
}

html[data-pqr-theme="midnight"] .pqr-trial-notice strong {
    color:#76f0ca;
}