/* ============================================================
   ZupiMotion — signature motion system (prefix: zpm-)
   Loaded AFTER all other styles. Pairs with js/zupi-motion.js.
   - Neutralizes wow.js and replaces it with a blur-up entrance
   - Dark-band circular morph handled inline by JS (clip-path)
   All motion is transform/opacity/filter only. Zero CLS.
   ============================================================ */

/* ---- 1. Neutralize wow.js completely (beats its inline styles) ---- */
.wow {
    visibility: visible !important;
    -webkit-animation: none !important;
    animation: none !important;
}

/* ---- 2. Signature blur-up entrance (applied by JS to .wow elements) ---- */
.zpm-takeover {
    opacity: 0;
    filter: blur(8px);
    transform: translateY(14px);
    transition:
        opacity .7s cubic-bezier(.22, 1, .36, 1),
        filter .7s cubic-bezier(.22, 1, .36, 1),
        transform .7s cubic-bezier(.22, 1, .36, 1);
}
.zpm-takeover.zpm-in {
    opacity: 1;
    filter: blur(0);
    transform: none;
}

/* ---- 4. Reduced motion: everything instant, no motion at all ---- */
@media (prefers-reduced-motion: reduce) {
    .zpm-takeover,
    .zpm-takeover.zpm-in {
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
        transition: none !important;
    }
    .zc-dfy {
        clip-path: none !important;
        -webkit-clip-path: none !important;
    }
}

/* PERF PATCH (2026-07-29): dfy scroll-scrubbed clip-path repaints a huge dark
   section every scroll frame — replace with a simple one-time fade-in */
section.zc-dfy { clip-path: none !important; -webkit-clip-path: none !important; will-change: auto !important; }

/* ═══════════════════════════════════════════════════════════════
   LITE MODE PERF PATCH (2026-07-29) — weak-GPU machines
   backdrop-filter recomputes blur EVERY scroll frame; filter-blur
   entrances animate an expensive paint. Both replaced with
   composited-only equivalents. Look stays premium, cost → ~zero.
   ═══════════════════════════════════════════════════════════════ */

/* 1. Entrances: fade+rise only (no filter animation) */
.zpm-takeover {
    filter: none !important;
    transition: opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1) !important;
}
.zpm-takeover.zpm-in { filter: none !important; }

/* 2. Kill ALL backdrop-filters site-wide (the scroll-lag core) */
.zgs-card, .zgs-tag,
.zpp-pricing .custom-plan,
.zpp-pricing .custom-plan-cta-outline,
.zpp-pricing .custom-plan-price .monthly_price,
.zpp-pricing .custom-plan-price .yearly_price,
header.zc-header.zpa-glass {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* 3. Faux-glass: near-opaque layered whites keep the frosted look */
/* steps section ab plain white hai (2026-08-24) — faux-glass gradient ki zaroorat nahi rahi */
.zgs-card { background: #fff !important; }
.zpp-pricing .custom-plan { background: linear-gradient(152deg, rgba(255,255,255,.96), rgba(255,255,255,.88)) !important; }
.zpp-pricing .custom-plan.featured { background: linear-gradient(152deg, #ffffff, #edf9f4) !important; }
header.zc-header.zpa-glass { background: rgba(255,255,255,.96) !important; }

/* 4. Cursor-follow glare paints a gradient on every move — off */
.zgs-card::after, .zgp-glare { display: none !important; }

/* 5. Static aurora orbs: smaller blur radius = cheaper one-time raster */
.zgs-orb, .zgp-orb, .zpa-orb { filter: blur(44px) !important; -webkit-filter: blur(44px) !important; }

/* ═══ HOVER-LITE PATCH (2026-07-29): hover jank fix ═══
   Heavy 4-layer big-blur shadow swaps + all-3-cards neighbor dip +
   per-li slides caused large repaints on every mouse enter/leave.
   Now: single cheap shadow, smooth lift only. */

/* one light static shadow, one light hover shadow (small blur = cheap paint) */
.zgs-card, .zpp-pricing .custom-plan {
    box-shadow: 0 10px 26px -14px rgba(11,60,74,.24), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.zgs-card:hover, .zpp-pricing .custom-plan:hover {
    box-shadow: 0 18px 38px -16px rgba(11,87,78,.32), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.zpp-pricing .custom-plan.featured {
    box-shadow: 0 14px 32px -14px rgba(11,87,78,.38), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.zpp-pricing .custom-plan.featured:hover {
    box-shadow: 0 22px 44px -18px rgba(11,87,78,.46), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* neighbor dip OFF — it re-rasters ALL cards on every enter/leave */
.zgs-row:hover .zgs-card:not(:hover) { transform: none !important; opacity: 1 !important; }
.zgp-row:hover .custom-plan:not(:hover) { transform: none !important; opacity: 1 !important; }

/* per-row micro slides OFF (paint churn while mouse moves inside card) */
.zpp-pricing .custom-plan:hover .custom-plan-features li:hover { transform: none !important; }

/* lift: shorter travel, snappy — pure composited */
.zgs-card:hover { transform: translateY(-6px) translateZ(0) !important; }
.zpp-pricing .custom-plan:hover { transform: translateY(-6px) translateZ(0) !important; }

/* ═══ SNAPPY PATCH (2026-07-29): measured 60fps/0 jank on user machine —
   perceived "lag" was the slow floaty 350-380ms spring. Now instant-feel. ═══ */
.zgs-card, .zpp-pricing .custom-plan {
    transition: transform .16s ease-out, box-shadow .16s ease-out, opacity .16s ease-out !important;
}
.zgs-card:hover, .zpp-pricing .custom-plan:hover { transform: translateY(-5px) translateZ(0) !important; }
/* sweep bhi tez */
.zgs-card:hover::before { transition-duration: .55s !important; }
.custom-plan:hover .zgp-sweep { transition-duration: .55s !important; }
/* numbers/rules snappy */
.zgs-num, .zgs-num-rule { transition-duration: .18s !important; }
/* plan CTA snappy */
.zpp-pricing .custom-plan-cta { transition-duration: .15s !important; }

/* ═══ BUTTER PATCH (2026-07-29): snappy tha par abrupt — ab fast start + silky landing ═══ */
.zgs-card, .zpp-pricing .custom-plan {
    transition: transform .26s cubic-bezier(.33,1,.68,1), box-shadow .26s cubic-bezier(.33,1,.68,1), opacity .26s cubic-bezier(.33,1,.68,1) !important;
}
.zgs-num, .zgs-num-rule { transition-duration: .26s !important; transition-timing-function: cubic-bezier(.33,1,.68,1) !important; }
.zpp-pricing .custom-plan-cta { transition-duration: .22s !important; transition-timing-function: cubic-bezier(.33,1,.68,1) !important; }
.zgs-card:hover::before { transition-duration: .7s !important; transition-timing-function: cubic-bezier(.25,1,.5,1) !important; }
.custom-plan:hover .zgp-sweep { transition-duration: .7s !important; transition-timing-function: cubic-bezier(.25,1,.5,1) !important; }

/* ═══ HOVER GLITCH-FIX (2026-07-29): edge flicker loop kill ═══
   A lifting card moves out from under the cursor at its edges →
   hover drops → card returns → hover again = flicker. Fix: the
   NON-MOVING parent column drives the hover; the card itself
   never reacts to its own :hover. High specificity to beat all
   layered !important rules from stacked patches. */

/* 1. cards never respond to their own hover */
body:not(.dashboard) .zpp-pricing .custom-plan:hover,
body:not(.dashboard) .zgs-sec .zgs-card:hover {
    transform: none !important;
}
/* 2. stationary column drives the lift */
body:not(.dashboard) .zpp-pricing .row > div:hover .custom-plan {
    transform: translateY(-5px) translateZ(0) !important;
    box-shadow: 0 18px 38px -16px rgba(11,87,78,.32), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
body:not(.dashboard) .zgs-sec .zgs-col:hover .zgs-card {
    transform: translateY(-5px) translateZ(0) !important;
    box-shadow: 0 18px 38px -16px rgba(11,87,78,.32), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
/* 3. ONE unified transition — kills all competing durations/curves */
body:not(.dashboard) .zpp-pricing .custom-plan,
body:not(.dashboard) .zgs-sec .zgs-card {
    transition: transform .26s cubic-bezier(.33,1,.68,1), box-shadow .26s cubic-bezier(.33,1,.68,1) !important;
}
/* 4. neighbor effects + sweeps off on pricing (mid-hover movement reads as glitch) */
body:not(.dashboard) .zgp-row:hover .custom-plan:not(:hover) { transform: none !important; opacity: 1 !important; }
.zpp-pricing .zgp-sweep { display: none !important; }
/* 5. featured card: no competing scale */
body:not(.dashboard) .zpp-pricing .custom-plan.featured,
body:not(.dashboard) .zpp-pricing .row > div:hover .custom-plan.featured {
    scale: none !important;
}

/* ═══ ZERO-MOTION HOVER — FINAL (2026-07-29) ═══
   Transforms on hover removed entirely for pricing + steps cards.
   No movement = nothing can flicker/glitch, on any machine.
   Premium hover = shadow deepen + teal border glow only. */
body:not(.dashboard) .zpp-pricing .custom-plan,
body:not(.dashboard) .zpp-pricing .custom-plan:hover,
body:not(.dashboard) .zpp-pricing .row > div:hover .custom-plan,
body:not(.dashboard) .zgs-sec .zgs-card,
body:not(.dashboard) .zgs-sec .zgs-card:hover,
body:not(.dashboard) .zgs-sec .zgs-col:hover .zgs-card {
    transform: none !important;
    will-change: auto !important;
}
body:not(.dashboard) .zpp-pricing .row > div:hover .custom-plan,
body:not(.dashboard) .zgs-sec .zgs-col:hover .zgs-card {
    box-shadow: 0 22px 46px -18px rgba(11,87,78,.36), inset 0 1px 0 rgba(255,255,255,.95) !important;
    border-color: rgba(18,140,126,.4) !important;
}
body:not(.dashboard) .zpp-pricing .custom-plan,
body:not(.dashboard) .zgs-sec .zgs-card {
    transition: box-shadow .22s ease-out, border-color .22s ease-out !important;
}
/* every moving overlay inside these cards: off */
.zpp-pricing .zgp-fx { display: none !important; }
.zgs-card::before { display: none !important; }
body:not(.dashboard) .zgs-card:hover .zgs-num { transform: none !important; }
body:not(.dashboard) .zgs-sec .zgs-num-rule { width: 34px !important; }
/* any leftover icon/feature movement inside plan cards on hover: off */
body:not(.dashboard) .zpp-pricing .custom-plan:hover * { animation: none !important; }


/* =======================================================================
   PRICING — SAAF PREMIUM (2026-08-25, FINAL)

   Aaj teen roop try hue: (1) sides ko rich kiya -> teeno ek jaise ho gaye,
   (2) middle ko poora dark kiya -> teen bhaari kaale block, ghutan.
   Aditya ne (3) chuna: pill hatao, sab halka, farq sirf hierarchy se.

   Niyam yahan:
   - price ka dark pill KHATAM. Price bada plain type hai (40px), "/Month"
     chhota aur muted. Pill "assembled" lagta tha, type "designed" lagta hai.
   - teeno card safed. Featured ko 2px ring + badge + bhara dark button.
     Sides ko ghost button. Poore section me EK hi accent (60-30-10).
   - size ka koi khel nahi (wahi 10 round wala jhagda tha). Sab 1x.

   Specificity: class teen baar dohrayi hai (0,6,2 = 602) taaki is file ke
   purane 2026-07-29 blocks aur blade ke inline rules (max 502) neeche
   rahein. Naya pricing rule YAHIN likhna, nayi jagah nahi.
   ===================================================================== */

/* ── base: teeno safed, ek jaisa, halka ── */
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan,
html body .pricing-section .custom-plan.custom-plan.custom-plan {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid rgba(15,46,43,.13) !important;
    box-shadow: 0 1px 2px rgba(15,46,43,.05),
                0 14px 30px -20px rgba(15,46,43,.22) !important;
    transform: none !important;
    z-index: 1 !important;
    transition: transform .22s cubic-bezier(.22,.61,.36,1),
                box-shadow .22s ease,
                border-color .22s ease !important;
}

/* ── featured: safed hi, par 2px ring + halka halo ── */
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan.featured,
html body .pricing-section .custom-plan.custom-plan.custom-plan.featured {
    border: 2px solid #0F2E2B !important;
    box-shadow: 0 0 0 4px rgba(15,46,43,.06),
                0 20px 46px -24px rgba(15,46,43,.32) !important;
    z-index: 2 !important;
}
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan.featured::before,
html body .pricing-section .custom-plan.custom-plan.custom-plan.featured::before {
    background: #0F2E2B !important;
    opacity: 1 !important;
}
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan.featured .custom-plan-badge,
html body .pricing-section .custom-plan.custom-plan.custom-plan.featured .custom-plan-badge {
    background: #0F2E2B !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 8px 18px -10px rgba(15,46,43,.6) !important;
}

/* ── price: pill khatam, bada plain type ── */
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan .custom-plan-price,
html body .pricing-section .custom-plan.custom-plan.custom-plan .custom-plan-price {
    background: none !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 24px !important;   /* whitespace = premium; 8px me list chipki thi */
    border-radius: 0 !important;
    color: #0F2E2B !important;
    font-size: 40px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
}
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan .custom-plan-price *,
html body .pricing-section .custom-plan.custom-plan.custom-plan .custom-plan-price * {
    color: #0F2E2B !important;
    -webkit-text-fill-color: #0F2E2B !important;
    opacity: 1 !important;
}
/* "/ Month" chhota aur muted.
   JAAL: yahan `span span` (descendant) mat likhna -- homepage ka price ek
   odometer hai (.zpp-num ke andar har digit apne span me), to descendant
   selector saare digits ko 14px/faint kar deta hai aur price gayab lagta
   hai. Isliye direct-child + odometer spans ko chhod ke. — teen shade ka niyam */
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan .custom-plan-price > span > span:not(.zpp-num):not(.zpp-sr),
html body .pricing-section .custom-plan.custom-plan.custom-plan .custom-plan-price > span > span:not(.zpp-num):not(.zpp-sr) {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    margin-left: 6px !important;
    color: rgba(15,46,43,.55) !important;
    -webkit-text-fill-color: rgba(15,46,43,.55) !important;
}

/* ── CTA: sides ghost, middle bhara — section me ek hi accent ── */
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan:not(.featured) .custom-plan-cta,
html body .pricing-section .custom-plan.custom-plan.custom-plan:not(.featured) .custom-plan-cta {
    background: #ffffff !important;
    background-image: none !important;
    border: 1.5px solid rgba(15,46,43,.22) !important;
    color: #0F2E2B !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan:not(.featured) .custom-plan-cta *,
html body .pricing-section .custom-plan.custom-plan.custom-plan:not(.featured) .custom-plan-cta * { color: #0F2E2B !important; }
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan:not(.featured) .custom-plan-cta:hover,
html body .pricing-section .custom-plan.custom-plan.custom-plan:not(.featured) .custom-plan-cta:hover {
    background: rgba(15,46,43,.05) !important;
    border-color: rgba(15,46,43,.45) !important;
    color: #0F2E2B !important;
}
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan.featured .custom-plan-cta,
html body .pricing-section .custom-plan.custom-plan.custom-plan.featured .custom-plan-cta {
    background: #0F2E2B !important;
    background-image: none !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px -14px rgba(15,46,43,.75),
                inset 0 1px 0 rgba(255,255,255,.22) !important;
}
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan.featured .custom-plan-cta *,
html body .pricing-section .custom-plan.custom-plan.custom-plan.featured .custom-plan-cta * { color: #ffffff !important; }
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan.featured .custom-plan-cta:hover,
html body .pricing-section .custom-plan.custom-plan.custom-plan.featured .custom-plan-cta:hover { background: #16403B !important; }

/* ── hover: teeno barabar uthein, ring pale NA ho (purana bug) ── */
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan:hover,
html body .pricing-section .custom-plan.custom-plan.custom-plan:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(15,46,43,.32) !important;
    box-shadow: 0 1px 2px rgba(15,46,43,.05),
                0 26px 52px -24px rgba(15,46,43,.34) !important;
    z-index: 3 !important;
}
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan.featured:hover,
html body .pricing-section .custom-plan.custom-plan.custom-plan.featured:hover {
    border-color: #0F2E2B !important;
    box-shadow: 0 0 0 4px rgba(15,46,43,.08),
                0 28px 56px -24px rgba(15,46,43,.38) !important;
    z-index: 4 !important;
}

/* ── padosi kabhi na hile (purani shikayat ka tripwire) ── */
html body .zpp-pricing .row:has(.custom-plan:hover) .custom-plan:not(:hover),
html body .pricing-section .row:has(.custom-plan:hover) .custom-plan:not(:hover) {
    transform: none !important;
}

@media (hover: none), (pointer: coarse) {
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan:hover,
html body .pricing-section .custom-plan.custom-plan.custom-plan:hover,
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan:active,
html body .pricing-section .custom-plan.custom-plan.custom-plan:active {
        transform: none !important;
        transition: none !important;
    }
}
@media (prefers-reduced-motion: reduce) {
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan:hover,
html body .pricing-section .custom-plan.custom-plan.custom-plan:hover {
        transform: none !important;
        transition: none !important;
    }
}
@media (max-width: 575.98px) {
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan .custom-plan-price,
html body .pricing-section .custom-plan.custom-plan.custom-plan .custom-plan-price { font-size: 34px !important; }
}


/* ===============================================================
   PRICING — CRAFT PASS (2026-08-25)

   Aditya: "isse premium banao." Rang/hierarchy pichhle round me settle
   ho chuke the; ab craft: density aur type.

   Naapa tha: 11 row x 43px = 473px sirf list ki, card 729-764px lamba,
   CTA 51px, aur daam "Rs999.00" -- trailing .00 shor hai, premium
   pricing usse nahi dikhati. Row 36px, CTA 46px, aur period muted
   chhota -- card ~620px par aata hai aur daam khud bolta hai.

   Specificity wahi teen-baar-class wali (602) taaki purane blocks
   neeche rahein. Naya pricing rule YAHIN likhna.
   =============================================================== */

html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan,
html body .pricing-section .custom-plan.custom-plan.custom-plan {
    padding: 34px 30px 30px !important;
}

/* daam: number bada, period chhota aur shaant */
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan .custom-plan-price,
html body .pricing-section .custom-plan.custom-plan.custom-plan .custom-plan-price {
    margin-bottom: 20px !important;
    letter-spacing: -.025em !important;
}
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan .custom-plan-price > span > span:not(.zpp-num):not(.zpp-sr),
html body .pricing-section .custom-plan.custom-plan.custom-plan .custom-plan-price > span > span:not(.zpp-num):not(.zpp-sr) {
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: .01em !important;
    color: rgba(15,46,43,.52) !important;
    -webkit-text-fill-color: rgba(15,46,43,.52) !important;
    margin-left: 5px !important;
}

/* JAAL: .custom-plan-price par 40px tha, par asli number andar wale
   span (.monthly_price) me hai jispar apna 16px pinned tha -- isliye
   daam chhota dikh raha tha. Number ko container se inherit karao. */
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan .custom-plan-price > span.monthly_price,
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan .custom-plan-price > span.yearly_price,
html body .pricing-section .custom-plan.custom-plan.custom-plan .custom-plan-price > span.monthly_price,
html body .pricing-section .custom-plan.custom-plan.custom-plan .custom-plan-price > span.yearly_price {
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: 1 !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}

/* plan ka naam: eyebrow jaisa shaant, daam ko chamakne do */
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan .custom-plan-name,
html body .pricing-section .custom-plan.custom-plan.custom-plan .custom-plan-name {
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: .01em !important;
    color: #5b6b66 !important;
    margin-bottom: 10px !important;
}

/* list ki density: 43px row bahut khula tha */
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan .custom-plan-features li,
html body .pricing-section .custom-plan.custom-plan.custom-plan .custom-plan-features li {
    padding: 8px 0 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    border-bottom: 1px solid #f1f4f4 !important;
}
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan .custom-plan-features li:last-child,
html body .pricing-section .custom-plan.custom-plan.custom-plan .custom-plan-features li:last-child { border-bottom: none !important; }
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan .custom-plan-features li i,
html body .pricing-section .custom-plan.custom-plan.custom-plan .custom-plan-features li i {
    font-size: 15px !important;
    opacity: .85 !important;
}

/* CTA: 51px chunky tha */
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan .custom-plan-cta,
html body .pricing-section .custom-plan.custom-plan.custom-plan .custom-plan-cta {
    height: 46px !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    border-radius: 9px !important;
    margin-top: 6px !important;
}

/* CTA ke neeche ek shaant bharosa-line */
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan .custom-plan-trust,
html body .pricing-section .custom-plan.custom-plan.custom-plan .custom-plan-trust {
    margin: 10px 0 0 !important;
    text-align: center !important;
    font-size: 12px !important;
    color: rgba(15,46,43,.5) !important;
    letter-spacing: .01em !important;
}

/* badge: chhota aur tighter */
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan .custom-plan-badge,
html body .pricing-section .custom-plan.custom-plan.custom-plan .custom-plan-badge {
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: .03em !important;
    padding: 4px 11px !important;
    border-radius: 20px !important;
}

@media (max-width: 575.98px) {
html body:not(.dashboard) .zpp-pricing .custom-plan.custom-plan.custom-plan,
html body .pricing-section .custom-plan.custom-plan.custom-plan { padding: 26px 22px 24px !important; }
}