
/* site-v32.css */
:root{
  --pxp-font:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --ink:#111827;
  --muted:#667085;
  --line:#e7eaf0;
  --red:#ef4444;
  --red2:#dc2626;
  --blue:#1e3a8a;
  --soft-blue:#f4f7ff;
  --soft-rose:#fff6f7;
  --soft-mint:#f3fbf7;
  --soft-warm:#fffaf2;
  --dark:#101827;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
body,button,input,select,textarea,a,p,span,div,h1,h2,h3,h4,h5,h6,li,strong,b,small{font-family:var(--pxp-font)!important}
body{margin:0;background:#fff;color:var(--ink);font-weight:500;letter-spacing:-.015em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
.pxp-bg{display:none!important}

/* HEADER */
.pxp-header{position:sticky;top:0;z-index:40;padding:12px 18px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(231,234,240,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.pxp-header-inner{width:min(1320px,100%);min-height:70px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.pxp-brand{display:flex;align-items:center;text-decoration:none;flex:none}
.pxp-brand img{display:block;height:46px;max-width:190px;width:auto}
.pxp-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.pxp-nav a{text-decoration:none;color:#475467!important;font-size:14px;font-weight:600;padding:10px 13px;border-radius:10px;transition:.2s ease}
.pxp-nav a:hover{background:#f3f4f6;color:#111827!important}

/* GLOBAL LAYOUT */
.pxp-main{width:100%;margin:0;padding:0}
.pxp-section{width:100%;margin:0;padding:0;position:relative}
.pxp-section-shell{width:min(1260px,calc(100% - 48px));margin:0 auto;padding:74px 56px;position:relative}
.pxp-section-hero .pxp-section-shell{padding-top:72px;padding-bottom:62px}
.pxp-section-plan_day{background:var(--soft-blue)}
.pxp-section-pain{background:var(--soft-rose)}
.pxp-section-life{background:#eef4ff}
.pxp-section-tasks{background:#fff}
.pxp-section-habits{background:var(--soft-mint)}
.pxp-section-progress{background:#edf3ff}
.pxp-section-aura{background:#fff}
.pxp-section-reviews{background:var(--soft-warm)}
.pxp-section-discipline{background:#f6f7f9}
.pxp-section-ways{background:#fff}
.pxp-section-comparison{background:var(--dark);color:#fff}
.pxp-section-features{background:#f7f9fc}
.pxp-section-final{background:#fff}

/* TYPOGRAPHY */
.pxp-section-head,.pxp-hero-copy,.pxp-copy-emphasis,.pxp-rich,.pxp-final-title,.pxp-final-subtitle,.pxp-final-kicker{text-align:center}
.pxp-section-head{max-width:900px;margin:0 auto 34px}
.pxp-product-by{display:block;margin:0 auto 18px;color:#7a8494;font-size:14px;font-weight:600;letter-spacing:-.01em}
.pxp-eyebrow{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#596579;font-size:11px;line-height:1;letter-spacing:.12em;font-weight:700;text-transform:uppercase}
.pxp-section-comparison .pxp-eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#e5e7eb}
.pxp-hero-copy{max-width:980px;margin:0 auto 40px}
.pxp-hero-copy h1,.pxp-section-title,.pxp-final-title{margin:16px auto 0;font-family:var(--pxp-font)!important;font-weight:700!important;letter-spacing:-.055em!important;color:var(--ink);line-height:1.03}
.pxp-hero-copy h1{font-size:clamp(46px,6.3vw,82px);max-width:1040px}
.pxp-section-title{font-size:clamp(34px,4.8vw,58px)}
.pxp-final-title{font-size:clamp(38px,5.1vw,62px)}
.pxp-hero-sub,.pxp-section-subtitle,.pxp-final-subtitle{max-width:760px;margin:18px auto 0;color:var(--muted);font-size:clamp(17px,1.8vw,21px);line-height:1.65;font-weight:500}
.pxp-copy-emphasis{max-width:880px;margin:28px auto 0;color:#182033;font-size:21px;line-height:1.58;font-weight:600}
.pxp-copy-emphasis p{margin:0}
.pxp-rich{font-size:18px;line-height:1.72;color:#344054}
.pxp-rich p{margin:0 0 14px}
.pxp-rich h3{margin:24px 0 10px;color:#111827;font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-.035em}
.pxp-rich ul{list-style:none;margin:8px 0 20px;padding:0}
.pxp-rich li{margin:8px 0}
.pxp-ribbon-title{max-width:820px;margin:34px auto 0;padding:15px 20px;text-align:center;border-radius:14px;background:#fff;border:1px solid #dfe6f4;color:#2346a0;font-size:18px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}

/* HERO */
.pxp-hero-actions,.pxp-signal-row,.pxp-hero-float{display:none!important}
.pxp-hero-media{max-width:1060px;margin:0 auto}

/* MEDIA */
.pxp-media,.pxp-slider-window{overflow:hidden;border-radius:18px;background:#fff;border:1px solid rgba(218,223,232,.85);box-shadow:0 18px 46px rgba(15,23,42,.08)}
.pxp-media{max-width:1060px;margin:0 auto}
.pxp-media img{display:block;width:100%;height:auto;max-height:760px;object-fit:cover;background:#fff}
.pxp-media-empty{min-height:350px;display:grid;place-items:center}
.pxp-placeholder-copy,.pxp-slider-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:28px}
.pxp-placeholder-copy span,.pxp-slider-placeholder span{font-size:10px;letter-spacing:.16em;font-weight:700;color:#667eea}
.pxp-placeholder-copy strong,.pxp-slider-placeholder strong{font-size:20px}
.pxp-placeholder-copy small,.pxp-slider-placeholder small{font-size:12px;color:#8a94a4}

/* SLIDER */
.pxp-slider{position:relative;max-width:1060px;margin:0 auto}
.pxp-slider-track{display:flex;transition:transform .55s cubic-bezier(.2,.75,.2,1);will-change:transform}
.pxp-slide{min-width:100%;aspect-ratio:16/9;background:#fff;display:grid;place-items:center}
.pxp-slide img{display:block;width:100%;height:100%;object-fit:cover;background:#fff}
.pxp-slider-placeholder{width:100%;height:100%;min-height:330px;background:#f8fafc}
.pxp-slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid #e5e7eb;background:rgba(255,255,255,.96);color:#111827;box-shadow:0 10px 22px rgba(15,23,42,.12);display:grid;place-items:center;cursor:pointer;z-index:3;transition:.2s ease}
.pxp-slider-nav:hover{background:#fff5f5;color:var(--red);transform:translateY(-50%) scale(1.04)}
.pxp-slider-nav svg{width:21px;height:21px}
.pxp-slider-prev{left:16px}.pxp-slider-next{right:16px}
.pxp-slider-dots{display:flex;justify-content:center;gap:7px;margin-top:16px}
.pxp-slider-dots button{appearance:none;width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#d6dbe4;cursor:pointer;transition:.22s ease}
.pxp-slider-dots button.active{width:22px;background:linear-gradient(90deg,#ef4444,#fb7185)}

/* PAIN */
.pxp-pain-grid{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:20px;max-width:860px;margin:0 auto}
.pxp-pain-icon{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#fb7185,#ef4444);color:#fff;display:grid;place-items:center;font-size:32px;box-shadow:0 12px 26px rgba(239,68,68,.18)}
.pxp-pain-copy{max-width:800px;margin:0 auto;text-align:center}
.pxp-pain-copy p:first-child,.pxp-pain-copy p:nth-child(2),.pxp-pain-copy p:nth-child(3){font-size:23px;line-height:1.35;font-weight:650;margin:0 0 5px;color:#182033}
.pxp-pain-copy h3{font-size:30px;max-width:760px;margin:30px auto 12px}
.pxp-pain-copy p:last-child{max-width:760px;margin:24px auto 0;padding:18px 20px;border-radius:14px;background:#eefbf3;border:1px solid #d4f0df;color:#19643a;font-weight:650}

/* LIFE */
.pxp-life-copy{max-width:760px;margin:28px auto 0;padding:24px;background:rgba(255,255,255,.9);border:1px solid #dce5f5;border-radius:16px;text-align:center}
.pxp-life-copy h3{color:#d55b16}

/* REVIEWS */
.pxp-review-summary-image{max-width:820px;margin:0 auto 30px;box-shadow:none;border:0;background:#fff}
.pxp-rating-row{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:0 auto 30px;padding:14px 18px;border-radius:14px;background:#fff;border:1px solid var(--line);width:max-content;max-width:100%}
.pxp-stars{color:#ff9d25;letter-spacing:2px;font-size:18px}
.pxp-review-fallback{max-width:720px;margin:28px auto 0;padding:24px;border-radius:16px;background:#fff;border:1px solid var(--line);font-size:20px;line-height:1.6;text-align:center;color:#344054}

/* DISCIPLINE */
.pxp-discipline-grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1000px;margin:0 auto;justify-items:center}
.pxp-solution-card{max-width:760px;width:100%;margin:0 auto;padding:26px 24px;border-radius:16px;background:#fff;border:1px solid var(--line);text-align:center}
.pxp-solution-kicker{display:inline-flex;padding:8px 11px;border-radius:999px;background:#fff5f5;border:1px solid #fee2e2;color:#d92d20;font-size:11px;font-weight:700;letter-spacing:.12em}
.pxp-solution-card h2{margin:12px 0 12px;color:#153fbd;font-size:clamp(30px,4vw,46px);line-height:1.08;font-weight:700;letter-spacing:-.04em}

/* COMPARISON */
.pxp-section-comparison .pxp-section-shell{color:#fff}
.pxp-section-comparison .pxp-rich,.pxp-section-comparison .pxp-section-title,.pxp-section-comparison .pxp-section-subtitle{color:#fff!important}
.pxp-compare-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:860px;margin:0 auto}
.pxp-compare-card{padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);text-align:center}
.pxp-compare-card>span{display:inline-flex;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.pxp-compare-card p{margin:16px 4px 4px;color:#cbd5e1;font-size:16px}

/* FEATURES */
.pxp-feature-media{max-width:1060px;margin-bottom:28px}
.pxp-features-copy{display:none!important}
.pxp-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1000px;margin:28px auto 0}
.pxp-feature-card{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;padding:22px;border-radius:16px;background:#fff;border:1px solid var(--line);text-align:left;box-shadow:0 8px 22px rgba(15,23,42,.035)}
.pxp-feature-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#fff1f2;border:1px solid #ffd8dd;color:#e11d48;font-size:20px;font-weight:700}
.pxp-feature-card h3{margin:2px 0 9px;color:#111827;font-size:19px;line-height:1.2;font-weight:700;letter-spacing:-.03em}
.pxp-feature-card ul{list-style:none;margin:0;padding:0;color:#667085;font-size:14.5px;line-height:1.68}
.pxp-feature-card li{margin:5px 0}

/* FINAL */
.pxp-final-mark{display:flex;justify-content:center;margin-bottom:12px}.pxp-final-mark span{display:block;width:80px;height:3px;border-radius:99px;background:#d6d9df}
.pxp-final-subtitle{font-size:20px}
.pxp-final-kicker{margin-top:24px;color:#767f8d;font-size:17px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}

/* OFFER / CTA */
.pxp-offer-stage{width:100%;margin:0;padding:58px 18px;background:#fff;position:relative}
.pxp-offer-glow{display:none!important}
.pxp-offer-card{width:min(840px,100%);margin:0 auto;padding:32px 28px;border-radius:18px;background:#fff;border:1px solid #eceff3;box-shadow:0 18px 48px rgba(15,23,42,.07);text-align:center}
.pxp-offer-top{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.pxp-offer-kicker{color:#697386;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.pxp-offer-badge{font-size:11px;font-weight:700;padding:7px 10px;border-radius:999px;background:#fff4f4;border:1px solid #fee2e2;color:#dc2626}
.pxp-offer-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;margin-top:16px;text-align:center}
.pxp-offer-copy{max-width:650px;margin:0 auto;text-align:center}
.pxp-offer-price{font-size:clamp(36px,4.8vw,54px);line-height:1;font-weight:700;letter-spacing:-.045em;color:#111827}
.pxp-offer-main p{max-width:620px;margin:10px auto 0;color:#667085;font-size:15px;line-height:1.6}
.pxp-cta,.pxp-popup-buy,.pgrpg-offer .pgrpg-cta,.pxp-offer-cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:16px 25px!important;border:0;border-radius:15px!important;text-decoration:none!important;color:#fff!important;background:linear-gradient(135deg,#ff5353 0%,#ef4444 48%,#d92d20 100%)!important;font-size:16px;font-weight:700!important;letter-spacing:-.01em;box-shadow:0 14px 28px rgba(239,68,68,.28);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.pxp-cta:hover,.pxp-popup-buy:hover,.pgrpg-offer .pgrpg-cta:hover,.pxp-offer-cta:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(239,68,68,.34);filter:saturate(1.05)}
.pxp-cta::after,.pxp-popup-buy::after,.pgrpg-offer .pgrpg-cta::after,.pxp-offer-cta::after{content:"";position:absolute;top:-25%;left:-135%;width:44%;height:150%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);animation:pxpShine 3s ease-in-out infinite}
@keyframes pxpShine{0%,20%{left:-135%}42%,100%{left:140%}}
.pxp-offer-cta{width:min(100%,350px);min-width:0}
.pxp-payment-only{width:100%;display:flex;align-items:center;justify-content:center;margin:18px auto 0;background:#fff}
.pxp-payment-image{display:block;width:min(760px,100%);height:auto;margin:0 auto;padding:0;border:0;border-radius:0;background:#fff!important;box-shadow:none!important}
.pxp-trust-card,.pxp-trust-copy,.pxp-trust-chips{display:none!important}

/* FOOTER */
.pxp-footer{padding:64px 18px 30px;background:#f4f5f7}
.pxp-footer-shell{width:min(1080px,100%);margin:0 auto;padding:0;display:grid;grid-template-columns:1fr;gap:28px;text-align:center}
.pxp-footer-brand img{display:block;height:46px;max-width:190px;margin:0 auto 16px}
.pxp-footer h2{margin:0 0 12px;color:#1764cf;font-size:19px;font-weight:700}
.pxp-footer p,.pxp-footer a,.pxp-footer span{font-size:14px;line-height:1.75;color:#667085}
.pxp-footer-brand p{max-width:760px;margin:0 auto}
.pxp-footer-links{display:flex;justify-content:center;gap:10px 18px;flex-wrap:wrap}
.pxp-footer a{text-decoration:underline;text-underline-offset:3px;color:#1764cf!important;transition:.2s ease}
.pxp-footer a:hover{color:#ef4444!important;background:transparent!important}
.pxp-footer-bottom{width:min(1080px,100%);margin:24px auto 0;padding-top:18px;border-top:1px solid #e0e3e8;display:flex;justify-content:center;gap:12px 22px;flex-wrap:wrap;text-align:center}
.pxp-footer-bottom span{font-size:11px;color:#7a8391}

/* TOP BUTTON */
.pxp-to-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:13px;border:1px solid #e5e7eb;background:#fff;color:#111827;display:grid;place-items:center;box-shadow:0 10px 24px rgba(15,23,42,.11);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease;z-index:32;cursor:pointer}
.pxp-to-top.is-visible{opacity:1;visibility:visible;transform:none}.pxp-to-top:hover{background:#fff5f5;color:#dc2626}.pxp-to-top svg{width:22px;height:22px}

/* POPUP TAB */
.pxp-popup-tab{position:fixed;right:18px;top:90px;z-index:45;border:0;border-radius:999px;background:#252b36;color:#fff;padding:11px 14px;font-weight:700;box-shadow:0 14px 30px rgba(15,23,42,.20);cursor:pointer}.pxp-popup-tab span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#fb7185;margin-right:7px}.pxp-popup-tab.pulse{animation:tabPulse .75s ease}@keyframes tabPulse{50%{transform:scale(1.05)}}

/* POPUP EXACT STYLE */
.pxp-popup-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:10px;background:rgba(3,5,10,.64);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .22s ease}.pxp-popup-backdrop[hidden]{display:none!important}.pxp-popup-backdrop.is-open{opacity:1}
.pxp-popup.pgrpg-offer{position:relative;width:100%;max-width:520px;max-height:calc(100dvh - 20px);overflow:auto;margin:auto;padding:30px;color:#fff!important;text-align:left;background:radial-gradient(circle at top right,rgba(124,58,237,.16),transparent 38%),#0d0e14;border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.pxp-popup-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);color:#fff;display:grid;place-items:center;cursor:pointer}.pxp-popup-close svg{width:19px;height:19px}
.pgrpg-alert{display:inline-block;margin-bottom:10px;padding:8px 12px;color:#c4b5fd!important;background:rgba(124,58,237,.12);border:1px solid rgba(167,139,250,.28);border-radius:99px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
.pgrpg-timer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 15px;padding:9px 12px;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:#9ea3b0;font-size:11px;font-weight:700}.pgrpg-timer b{color:#fff;font-size:13px;font-variant-numeric:tabular-nums}
.pgrpg-offer .pgrpg-title{margin:0!important;color:#fff!important;font-size:clamp(29px,6vw,42px)!important;line-height:1.05!important;font-weight:700!important;letter-spacing:-1.4px!important}.pgrpg-offer .pgrpg-title>span{color:#a78bfa!important}.pgrpg-title-price,.pgrpg-money{display:inline-block!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}
.pgrpg-offer .pgrpg-subtitle{margin:13px 0 16px!important;color:#a9acb8!important;font-size:15px!important;line-height:1.55!important}
.pgrpg-modes{margin-bottom:18px;padding:12px 14px;text-align:center;background:rgba(124,58,237,.10);border:1px solid rgba(167,139,250,.24);border-radius:13px}.pgrpg-modes-title{color:#fff!important;font-size:14px;font-weight:800}.pgrpg-modes-sub{margin-top:3px;color:#a78bfa!important;font-size:12px;font-weight:700}
.pgrpg-price-box{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px;padding:16px 17px;background:rgba(124,58,237,.06);border:1px solid rgba(167,139,250,.20);border-radius:16px}.pgrpg-price-label{margin-bottom:5px;color:#9296a3!important;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.pgrpg-new-price{color:#fff!important;font-size:37px;line-height:1;font-weight:800}.pgrpg-save{padding:9px 11px;color:#041109!important;background:#22c55e;border-radius:10px;text-align:center;font-size:11px;line-height:1.25;font-weight:900;text-transform:uppercase}
.pgrpg-features{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin:0 0 22px!important;padding:0!important;list-style:none!important}.pgrpg-features li{display:flex;align-items:center;gap:8px;margin:0!important;padding:0!important;color:#d5d7dd!important;font-size:13px;font-weight:600;list-style:none!important}.pgrpg-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;color:#4ade80!important;background:rgba(34,197,94,.12);border-radius:50%;font-size:12px;font-weight:900}
.pgrpg-offer .pgrpg-small{margin:10px 0 0!important;color:#777b87!important;text-align:center;font-size:11px}.pgrpg-offer .pgrpg-decline{display:block;margin:15px auto 0!important;color:#777b87!important;text-align:center;font-size:12px}

/* REVEAL */
.js .pxp-reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.js .pxp-reveal.is-visible{opacity:1;transform:none}

@media(max-width:900px){
  .pxp-header-inner{min-height:auto}
  .pxp-nav{gap:3px}
  .pxp-nav a{font-size:13px;padding:9px 10px}
  .pxp-section-shell{width:min(100% - 28px,1100px);padding:58px 26px}
  .pxp-feature-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .pxp-header{padding:9px 12px}
  .pxp-header-inner{min-height:56px;justify-content:center}
  .pxp-brand img{height:38px;max-width:160px}
  .pxp-nav{display:none}
  .pxp-section-shell{width:100%;padding:44px 18px}
  .pxp-section-hero .pxp-section-shell{padding-top:38px;padding-bottom:36px}
  .pxp-product-by{font-size:12px;margin-bottom:14px}
  .pxp-hero-copy h1{font-size:41px}
  .pxp-section-title{font-size:32px}.pxp-final-title{font-size:34px}
  .pxp-hero-sub,.pxp-section-subtitle{font-size:16px}
  .pxp-copy-emphasis{font-size:18px}
  .pxp-media,.pxp-slider-window{border-radius:13px}
  .pxp-slider-nav{width:40px;height:40px}.pxp-slider-prev{left:10px}.pxp-slider-next{right:10px}
  .pxp-ribbon-title{font-size:14px;margin-top:26px}
  .pxp-pain-copy p:first-child,.pxp-pain-copy p:nth-child(2),.pxp-pain-copy p:nth-child(3){font-size:20px}
  .pxp-pain-copy h3{font-size:25px}
  .pxp-rich{font-size:16px}.pxp-rich h3{font-size:21px}
  .pxp-feature-card{grid-template-columns:42px 1fr;padding:18px;gap:13px;text-align:left}.pxp-feature-icon{width:42px;height:42px}.pxp-feature-card h3{font-size:18px}.pxp-feature-card ul{font-size:14px}
  .pxp-offer-stage{padding:38px 10px}.pxp-offer-card{padding:24px 18px;border-radius:14px}.pxp-offer-price{font-size:36px}.pxp-offer-main p{font-size:14px}.pxp-offer-cta{width:min(100%,320px)}
  .pxp-payment-only{margin-top:12px}.pxp-payment-image{width:100%}
  .pxp-footer{padding:46px 16px 24px}.pxp-footer h2{font-size:18px}.pxp-footer p,.pxp-footer a{font-size:14px}
  .pxp-popup-tab{right:12px;top:74px}
  .pxp-popup.pgrpg-offer{padding:24px 18px;border-radius:20px}.pgrpg-offer .pgrpg-title{font-size:31px!important}.pgrpg-features li{font-size:12px}.pgrpg-new-price{font-size:33px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pxp-slider-track,.js .pxp-reveal,.pxp-to-top{transition:none!important}.pxp-cta::after,.pxp-popup-buy::after,.pgrpg-offer .pgrpg-cta::after,.pxp-offer-cta::after{animation:none!important}}

/* ===== V8 polish: preserve V7, fix CTA, improve rhythm ===== */

/* slightly tighter desktop rhythm without changing section order/content */
.pxp-section-shell{padding-top:66px;padding-bottom:66px}
.pxp-section{border-top:1px solid rgba(231,234,240,.72)}
.pxp-section:first-of-type{border-top:0}

/* tasteful heading accents */
.pxp-section-plan_day .pxp-ribbon-title{color:#2346a0}
.pxp-section-pain .pxp-eyebrow{color:#c24155;border-color:#f4d9de;background:#fff}
.pxp-section-life .pxp-eyebrow{color:#1d4ed8;border-color:#dbeafe;background:#fff}
.pxp-section-tasks .pxp-eyebrow{color:#c24155;border-color:#f4d9de;background:#fff}
.pxp-section-habits .pxp-eyebrow{color:#177245;border-color:#d6efe2;background:#fff}
.pxp-section-progress .pxp-eyebrow{color:#2346a0;border-color:#dfe6f4;background:#fff}
.pxp-section-aura .pxp-eyebrow{color:#6d4dd6;border-color:#e7defa;background:#fff}
.pxp-section-reviews .pxp-eyebrow{color:#b45309;border-color:#fde7c4;background:#fff}
.pxp-section-discipline .pxp-eyebrow{color:#c24155;border-color:#f4d9de;background:#fff}
.pxp-section-ways .pxp-eyebrow{color:#6d4dd6;border-color:#e7defa;background:#fff}
.pxp-section-features .pxp-eyebrow{color:#334155;border-color:#e2e8f0;background:#fff}

/* media feels integrated, not like separate floating cards */
.pxp-media,.pxp-slider-window{transition:transform .28s ease,box-shadow .28s ease}
@media(min-width:901px){
  .pxp-media:hover,.pxp-slider:hover .pxp-slider-window{transform:translateY(-2px);box-shadow:0 22px 54px rgba(15,23,42,.10)}
}

/* navigation feedback */
.pxp-nav a{position:relative}
.pxp-nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:99px;background:#ef4444;transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.pxp-nav a:hover::after,.pxp-nav a.is-active::after{transform:scaleX(1)}
.pxp-nav a.is-active{color:#111827!important;background:#fff7f7}

/* offer card: cleaner, compact, conversion-focused */
.pxp-offer-stage{padding:52px 18px}
.pxp-offer-card{position:relative;overflow:hidden;width:min(900px,100%);padding:34px 30px 32px}
.pxp-offer-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#ff7373,#ef4444,#fb7185)}
.pxp-offer-main{gap:20px;margin-top:18px}
.pxp-offer-price{font-size:clamp(38px,4.7vw,56px)}
.pxp-offer-main p{font-size:16px;line-height:1.65}

/* CTA FIX: explicit dimensions prevent browser-default SVG sizing */
.pxp-cta,.pxp-offer-cta{
  width:auto!important;
  min-width:238px!important;
  max-width:320px!important;
  min-height:60px!important;
  padding:8px 8px 8px 22px!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  white-space:nowrap!important;
  border-radius:16px!important;
}
.pxp-cta-label{display:block!important;white-space:nowrap!important;line-height:1!important;font-size:16px!important;font-weight:700!important}
.pxp-cta-icon{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:12px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.12)!important}
.pxp-cta-icon svg{display:block!important;width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;min-height:19px!important;max-height:19px!important;flex:none!important}
.pxp-cta::after,.pxp-offer-cta::after{z-index:0;pointer-events:none}
.pxp-cta-label,.pxp-cta-icon{position:relative;z-index:1}
.pxp-cta:hover .pxp-cta-icon{background:rgba(255,255,255,.22)!important;transform:translateX(2px)}
.pxp-cta-icon{transition:transform .2s ease,background .2s ease}

/* more refined shine */
.pxp-cta::after,.pxp-offer-cta::after{width:34%;height:160%;top:-30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);animation:pxpShineV8 3.4s cubic-bezier(.4,0,.2,1) infinite}
@keyframes pxpShineV8{0%,24%{left:-65%}48%,100%{left:130%}}

/* keep payment art pure white and visually attached to CTA */
.pxp-payment-only{padding:8px 0 0!important;background:#fff!important}
.pxp-payment-image{background:#fff!important}

/* review/feature cards feel more intentional */
.pxp-feature-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
@media(min-width:901px){
  .pxp-feature-card:hover{transform:translateY(-2px);border-color:#d8deea;box-shadow:0 12px 28px rgba(15,23,42,.06)}
}

/* final section gets a subtle conversion cue */
.pxp-section-final{background:linear-gradient(180deg,#fff 0%,#fffafb 100%)}
.pxp-final-mark span{background:linear-gradient(90deg,#ef4444,#fb7185)}

@media(max-width:620px){
  .pxp-section-shell{padding-top:42px;padding-bottom:42px}
  .pxp-offer-stage{padding:38px 10px}
  .pxp-offer-card{padding:24px 18px 22px}
  .pxp-cta,.pxp-offer-cta{width:min(100%,290px)!important;min-width:0!important;max-width:290px!important;min-height:58px!important;padding:7px 7px 7px 19px!important}
  .pxp-cta-label{font-size:15px!important}
  .pxp-cta-icon{width:42px!important;height:42px!important;flex-basis:42px!important}
  .pxp-cta-icon svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important}
}

/* ===== V9 UX refinements ===== */

/* Mobile navigation */
.pxp-menu-toggle{
  display:none;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(15,23,42,.06);
}
.pxp-menu-toggle span{
  display:block;
  width:20px;
  height:2px;
  border-radius:99px;
  background:#111827;
  transition:transform .22s ease,opacity .22s ease;
}
.pxp-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.pxp-menu-toggle.is-open span:nth-child(2){opacity:0}
.pxp-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* More compact CTA section on desktop */
.pxp-offer-stage{
  padding:46px 18px!important;
}
.pxp-offer-card{
  width:min(680px,100%)!important;
  padding:30px 28px 28px!important;
}
.pxp-offer-copy{max-width:560px!important}
.pxp-offer-main p{max-width:540px!important}
.pxp-payment-image{width:min(680px,100%)!important}

/* Popup CTA always visually centered */
.pxp-popup .pgrpg-cta{
  width:min(100%,390px)!important;
  max-width:390px!important;
  min-width:0!important;
  min-height:58px!important;
  margin:4px auto 0!important;
  padding:15px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.2!important;
  white-space:normal!important;
}

/* Professional footer */
.pxp-footer{
  background:#f7f8fa!important;
  padding:64px 20px 28px!important;
  border-top:1px solid #e7e9ee;
}
.pxp-footer-shell{
  width:min(1160px,100%)!important;
  margin:0 auto!important;
  padding:0!important;
  text-align:left!important;
  display:block!important;
}
.pxp-footer-main{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(190px,.65fr) minmax(280px,.9fr);
  gap:56px;
  align-items:start;
}
.pxp-footer-brand img{
  display:block;
  height:48px!important;
  max-width:190px!important;
  margin:0 0 18px!important;
}
.pxp-footer-product{
  display:block;
  margin:0 0 12px;
  color:#111827!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:-.01em;
}
.pxp-footer-brand p{
  max-width:560px!important;
  margin:0!important;
  color:#667085!important;
  font-size:14px!important;
  line-height:1.75!important;
}
.pxp-footer-col h2{
  margin:3px 0 16px!important;
  color:#111827!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.pxp-footer-links{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:5px!important;
}
.pxp-footer-links a{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 0;
  text-decoration:none!important;
  color:#475467!important;
  font-size:14px!important;
  font-weight:600;
  border-bottom:1px solid #e9ecf1;
}
.pxp-footer-links a span{color:#98a2b3!important;transition:transform .2s ease,color .2s ease}
.pxp-footer-links a:hover{color:#dc2626!important;background:transparent!important}
.pxp-footer-links a:hover span{color:#dc2626!important;transform:translate(2px,-2px)}
.pxp-contact-list{display:flex;flex-direction:column;gap:10px}
.pxp-contact-list>a,
.pxp-contact-address{
  display:block;
  padding:12px 0;
  text-decoration:none!important;
  border-bottom:1px solid #e9ecf1;
}
.pxp-contact-list small,
.pxp-contact-address small{
  display:block;
  margin-bottom:4px;
  color:#98a2b3!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.pxp-contact-list strong,
.pxp-contact-address strong{
  display:block;
  color:#344054!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:600!important;
  word-break:break-word;
}
.pxp-contact-list>a:hover strong{color:#dc2626!important}
.pxp-footer-bottom{
  width:100%!important;
  margin:34px 0 0!important;
  padding:18px 0 0!important;
  border-top:1px solid #dde1e7!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px 24px!important;
  text-align:left!important;
}
.pxp-footer-bottom span{
  color:#7a8494!important;
  font-size:11px!important;
}

@media(max-width:900px){
  .pxp-footer-main{grid-template-columns:1fr 1fr;gap:36px}
  .pxp-footer-brand{grid-column:1/-1}
}

@media(max-width:620px){
  .pxp-header{padding:8px 12px!important}
  .pxp-header-inner{
    position:relative;
    min-height:58px!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:12px!important;
  }
  .pxp-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
  }
  .pxp-brand img{
    height:40px!important;
    max-width:150px!important;
  }
  .pxp-menu-toggle{display:flex!important;margin-left:auto}
  .pxp-nav{
    display:none!important;
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    right:0;
    z-index:50;
    padding:8px;
    margin:0;
    flex-direction:column;
    align-items:stretch;
    gap:2px!important;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:14px;
    box-shadow:0 18px 40px rgba(15,23,42,.14);
  }
  .pxp-nav.is-open{display:flex!important}
  .pxp-nav a{
    width:100%;
    padding:12px 14px!important;
    border-radius:10px;
    text-align:left;
    font-size:14px!important;
  }
  .pxp-nav a::after{display:none!important}
  .pxp-nav a:hover,.pxp-nav a.is-active{background:#fff5f5!important;color:#dc2626!important}

  .pxp-offer-stage{padding:34px 10px!important}
  .pxp-offer-card{width:min(100%,520px)!important;padding:23px 18px!important}
  .pxp-payment-image{width:100%!important}

  .pxp-popup .pgrpg-cta{
    width:min(100%,330px)!important;
    max-width:330px!important;
    margin:4px auto 0!important;
  }

  .pxp-footer{padding:44px 18px 24px!important}
  .pxp-footer-main{grid-template-columns:1fr!important;gap:30px!important}
  .pxp-footer-brand{grid-column:auto}
  .pxp-footer-brand img{margin:0 0 16px!important}
  .pxp-footer-brand p{font-size:13.5px!important}
  .pxp-footer-links{align-items:stretch!important}
  .pxp-footer-bottom{
    margin-top:28px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
}


/* ===== V10 readability + spacing refinements ===== */

/* Make the eyebrow badges much more readable across the page */
.pxp-eyebrow{
  min-height:52px!important;
  padding:14px 22px!important;
  font-size:18px!important;
  line-height:1.1!important;
  letter-spacing:.08em!important;
  font-weight:700!important;
}

/* Section-specific badge under solution card also gets upgraded */
.pxp-solution-kicker{
  padding:12px 18px!important;
  font-size:14px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  font-weight:700!important;
}

/* Cleaner breathing room around the solution section */
.pxp-discipline-grid{
  gap:30px!important;
  margin-bottom:8px!important;
}
.pxp-discipline-grid + .pxp-media{
  margin-top:36px!important;
}
.pxp-solution-card{
  padding:34px 30px!important;
}
.pxp-solution-card .pxp-rich{
  max-width:700px;
  margin:0 auto;
}

/* Give badges a little more presence without harming layout */
.pxp-section-head{
  margin-bottom:40px!important;
}

@media(max-width:900px){
  .pxp-eyebrow{
    min-height:46px!important;
    padding:12px 18px!important;
    font-size:16px!important;
  }
  .pxp-discipline-grid + .pxp-media{
    margin-top:30px!important;
  }
}

@media(max-width:620px){
  .pxp-eyebrow{
    min-height:42px!important;
    padding:10px 14px!important;
    font-size:13px!important;
    letter-spacing:.07em!important;
  }
  .pxp-solution-kicker{
    padding:10px 14px!important;
    font-size:12px!important;
  }
  .pxp-section-head{
    margin-bottom:28px!important;
  }
  .pxp-discipline-grid{
    gap:22px!important;
  }
  .pxp-discipline-grid + .pxp-media{
    margin-top:24px!important;
  }
  .pxp-solution-card{
    padding:26px 18px!important;
  }
}

/* ===== V11 heading emphasis + comparison polish ===== */

/* Distinct colors for requested eyebrow badges */
.pxp-section-hero .pxp-eyebrow{
  color:#b54708!important;
  background:linear-gradient(135deg,rgba(255,166,0,.18),rgba(255,95,31,.14))!important;
  border-color:rgba(245,124,0,.26)!important;
  box-shadow:0 10px 24px rgba(255,145,0,.10);
}
.pxp-section-comparison .pxp-eyebrow{
  color:#b42318!important;
  background:linear-gradient(135deg,rgba(255,82,82,.16),rgba(255,168,0,.10))!important;
  border-color:rgba(244,67,54,.28)!important;
  box-shadow:0 10px 24px rgba(244,67,54,.10);
}
.pxp-section-features .pxp-eyebrow{
  color:#155eef!important;
  background:linear-gradient(135deg,rgba(49,130,246,.18),rgba(124,92,255,.14))!important;
  border-color:rgba(49,130,246,.25)!important;
  box-shadow:0 10px 24px rgba(49,130,246,.10);
}

/* Make comparison labels bigger and more prominent */
.pxp-compare-card>span{
  padding:12px 18px!important;
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
.pxp-compare-card p{
  margin:18px 10px 6px!important;
  font-size:18px!important;
  line-height:1.55!important;
}
.pxp-compare-card{
  padding:24px!important;
}

/* If the text rating is hidden, tighten the row slightly */
.pxp-rating-row{
  gap:12px!important;
}
.pxp-rating-row b:empty{
  display:none!important;
}

@media(max-width:620px){
  .pxp-compare-card>span{
    font-size:16px!important;
    padding:11px 16px!important;
  }
  .pxp-compare-card p{
    font-size:16px!important;
  }
}

/* ===== V13 slider image fit ===== */
.pxp-slider-window{
  background:#fff!important;
}
.pxp-slide{
  overflow:hidden!important;
  background:#fff!important;
}
.pxp-slide img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
}

/* ===== V15 slider fit + light navigation ===== */
.pxp-slider-window{
  position:relative!important;
  overflow:hidden!important;
  background:#fff!important;
  transition:height .36s cubic-bezier(.2,.75,.2,1)!important;
}
.pxp-slider-track{
  height:100%!important;
  align-items:stretch!important;
}
.pxp-slide{
  min-width:100%!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#fff!important;
}
.pxp-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
}

/* Thin, quiet arrow lines so controls do not cover slide content */
.pxp-slider-nav{
  width:30px!important;
  height:46px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(17,24,39,.38)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:.72!important;
  transition:opacity .2s ease,color .2s ease,transform .2s ease!important;
}
.pxp-slider-nav:hover,
.pxp-slider-nav:focus-visible{
  background:transparent!important;
  color:rgba(17,24,39,.72)!important;
  opacity:1!important;
  transform:translateY(-50%) scale(1.04)!important;
  outline:none!important;
}
.pxp-slider-nav svg{
  width:24px!important;
  height:34px!important;
  filter:drop-shadow(0 1px 1px rgba(255,255,255,.9));
}
.pxp-slider-prev{left:8px!important}
.pxp-slider-next{right:8px!important}

/* Editable popup compare price */
.pgrpg-compare-price{
  display:inline-block;
  margin-bottom:5px;
  color:#858996!important;
  font-size:13px;
  font-weight:700;
  text-decoration:line-through;
  text-decoration-thickness:1.5px;
}

@media(max-width:620px){
  .pxp-slider-nav{
    width:24px!important;
    height:40px!important;
    opacity:.66!important;
  }
  .pxp-slider-nav svg{
    width:20px!important;
    height:30px!important;
  }
  .pxp-slider-prev{left:4px!important}
  .pxp-slider-next{right:4px!important}
}


/* ===== V16 slider arrow visibility =====
   Keep testimonial/review slider exactly as V15.
   Other sliders use stronger line visibility while staying background-free. */
.pxp-section:not(.pxp-section-reviews) .pxp-slider-nav{
  color:rgba(17,24,39,.66)!important;
  opacity:.94!important;
}
.pxp-section:not(.pxp-section-reviews) .pxp-slider-nav svg{
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.95))
    drop-shadow(0 0 2px rgba(255,255,255,.70))!important;
}
.pxp-section:not(.pxp-section-reviews) .pxp-slider-nav:hover,
.pxp-section:not(.pxp-section-reviews) .pxp-slider-nav:focus-visible{
  color:rgba(17,24,39,.90)!important;
  opacity:1!important;
}

@media(max-width:620px){
  .pxp-section:not(.pxp-section-reviews) .pxp-slider-nav{
    color:rgba(17,24,39,.70)!important;
    opacity:.96!important;
  }
}

/* ===== V18 non-testimonial slider arrow visibility =====
   Keep testimonial/review arrows unchanged.
   Other slider controls use a slim frosted highlight so the arrow stays
   readable over light, dark, busy, or colorful slide artwork. */
.pxp-section:not(.pxp-section-reviews) .pxp-slider-nav{
  width:34px!important;
  height:50px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.66))!important;
  color:rgba(17,24,39,.88)!important;
  opacity:1!important;
  box-shadow:
    0 5px 16px rgba(15,23,42,.16),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:blur(6px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(6px) saturate(115%)!important;
}
.pxp-section:not(.pxp-section-reviews) .pxp-slider-nav svg{
  width:22px!important;
  height:32px!important;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,1))
    drop-shadow(0 1px 2px rgba(15,23,42,.25))!important;
}
.pxp-section:not(.pxp-section-reviews) .pxp-slider-nav:hover,
.pxp-section:not(.pxp-section-reviews) .pxp-slider-nav:focus-visible{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(255,255,255,1)!important;
  color:#111827!important;
  box-shadow:
    0 7px 20px rgba(15,23,42,.22),
    0 0 0 3px rgba(255,255,255,.22)!important;
  opacity:1!important;
}
.pxp-section:not(.pxp-section-reviews) .pxp-slider-prev{left:8px!important}
.pxp-section:not(.pxp-section-reviews) .pxp-slider-next{right:8px!important}

@media(max-width:620px){
  .pxp-section:not(.pxp-section-reviews) .pxp-slider-nav{
    width:30px!important;
    height:44px!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.70))!important;
  }
  .pxp-section:not(.pxp-section-reviews) .pxp-slider-nav svg{
    width:19px!important;
    height:28px!important;
  }
  .pxp-section:not(.pxp-section-reviews) .pxp-slider-prev{left:5px!important}
  .pxp-section:not(.pxp-section-reviews) .pxp-slider-next{right:5px!important}
}

/* ===== V19 line-only slider arrows =====
   Non-testimonial sliders only.
   No box, circle, blur panel, border, or background over slide content.
   A light/dark edge on the arrow line keeps it readable over mixed artwork. */
.pxp-section:not(.pxp-section-reviews) .pxp-slider-nav{
  width:30px!important;
  height:48px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:rgba(255,255,255,.96)!important;
  opacity:.96!important;
}
.pxp-section:not(.pxp-section-reviews) .pxp-slider-nav svg{
  width:25px!important;
  height:36px!important;
  overflow:visible!important;
  filter:
    drop-shadow(1px 0 0 rgba(0,0,0,.70))
    drop-shadow(-1px 0 0 rgba(0,0,0,.70))
    drop-shadow(0 1px 0 rgba(0,0,0,.70))
    drop-shadow(0 -1px 0 rgba(0,0,0,.52))!important;
}
.pxp-section:not(.pxp-section-reviews) .pxp-slider-nav svg path{
  stroke-width:2.35!important;
}
.pxp-section:not(.pxp-section-reviews) .pxp-slider-nav:hover,
.pxp-section:not(.pxp-section-reviews) .pxp-slider-nav:focus-visible{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  opacity:1!important;
  transform:translateY(-50%) scale(1.08)!important;
  outline:none!important;
}
.pxp-section:not(.pxp-section-reviews) .pxp-slider-prev{left:6px!important}
.pxp-section:not(.pxp-section-reviews) .pxp-slider-next{right:6px!important}

@media(max-width:620px){
  .pxp-section:not(.pxp-section-reviews) .pxp-slider-nav{
    width:26px!important;
    height:42px!important;
    background:transparent!important;
  }
  .pxp-section:not(.pxp-section-reviews) .pxp-slider-nav svg{
    width:22px!important;
    height:32px!important;
  }
  .pxp-section:not(.pxp-section-reviews) .pxp-slider-prev{left:3px!important}
  .pxp-section:not(.pxp-section-reviews) .pxp-slider-next{right:3px!important}
}


/* ===== V21 price presentation — safe visual-only update ===== */
.pxp-original-price{
  display:block;
  margin:0 auto 8px;
  color:#7b8494;
  font-size:15px;
  line-height:1.3;
  font-weight:600;
  letter-spacing:-.01em;
  text-align:center;
}
.pxp-original-price span{
  display:inline-block;
  color:#697386;
  text-decoration-line:line-through;
  text-decoration-color:#ef4444;
  text-decoration-thickness:2px;
  text-decoration-skip-ink:none;
}
/* About 15% smaller than the previous Rs. 999 price */
.pxp-offer-price{
  font-size:clamp(32px,4vw,48px)!important;
}
@media(max-width:620px){
  .pxp-original-price{
    margin-bottom:7px;
    font-size:13px;
  }
  .pxp-offer-price{
    font-size:31px!important;
  }
}

/* ===== V22 popup -> tiny offer button transition ===== */
.pxp-popup-tab.pxp-tab-targeting{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.pxp-popup-backdrop.pxp-is-collapsing{
  pointer-events:none!important;
}

/* The tiny offer button visibly "receives" the closing popup. */
.pxp-popup-tab.pxp-tab-arrive{
  animation:pxpTabArriveV22 1.05s cubic-bezier(.18,.86,.25,1) both!important;
}
.pxp-popup-tab.pxp-tab-attention::after{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:999px;
  border:1px solid rgba(239,68,68,.34);
  pointer-events:none;
  animation:pxpTabHaloV22 2.35s ease-out 3;
}
.pxp-popup-tab.pxp-tab-attention{
  animation:pxpTabSoftPulseV22 2.35s ease-in-out 3;
}
@keyframes pxpTabArriveV22{
  0%{opacity:0;transform:scale(.58)}
  48%{opacity:1;transform:scale(1.10)}
  72%{transform:scale(.97)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes pxpTabHaloV22{
  0%,18%{opacity:0;transform:scale(.90)}
  36%{opacity:.78}
  74%,100%{opacity:0;transform:scale(1.20)}
}
@keyframes pxpTabSoftPulseV22{
  0%,100%{box-shadow:0 14px 30px rgba(15,23,42,.20)}
  45%{box-shadow:0 14px 30px rgba(15,23,42,.20),0 0 0 5px rgba(239,68,68,.08)}
}

@media(prefers-reduced-motion:reduce){
  .pxp-popup-tab.pxp-tab-arrive,
  .pxp-popup-tab.pxp-tab-attention,
  .pxp-popup-tab.pxp-tab-attention::after{
    animation:none!important;
  }
}

/* ===== V23 plan selector + compact CTA ===== */

/* Main offer block: no crossed-out original price; guide user to plan selection. */
.pxp-original-price{display:none!important}
.pxp-offer-price{
  font-size:clamp(34px,4.1vw,46px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}

/* Compact CTA: keep label and arrow visually together on desktop and mobile. */
.pxp-cta,.pxp-offer-cta{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:56px!important;
  padding:8px 14px 8px 18px!important;
  justify-content:center!important;
  gap:8px!important;
}
.pxp-cta-label{
  font-size:15.5px!important;
  line-height:1.1!important;
}
.pxp-cta-icon{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.pxp-cta-icon svg{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
}
.pxp-cta:hover .pxp-cta-icon{background:transparent!important;transform:translateX(2px)}

/* Old timed sales popup is intentionally not rendered in V23. */

/* Plan chooser modal */
.pxp-plan-backdrop{
  position:fixed;
  inset:0;
  z-index:80;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(15,17,24,.54);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  opacity:0;
  transition:opacity .22s ease;
}
.pxp-plan-backdrop[hidden]{display:none!important}
.pxp-plan-backdrop.is-open{opacity:1}
.pxp-buy,.pxp-buy *{box-sizing:border-box}
.pxp-buy{
  position:relative;
  width:100%;
  max-width:760px;
  max-height:calc(100dvh - 36px);
  overflow:auto;
  margin:auto;
  padding:30px;
  background:#fff;
  color:#1c1c22;
  border:1px solid #e1dee8;
  border-radius:22px;
  box-shadow:0 24px 70px rgba(31,22,46,.18);
  transform:translateY(10px) scale(.985);
  transition:transform .22s ease;
}
.pxp-plan-backdrop.is-open .pxp-buy{transform:translateY(0) scale(1)}
.pxp-plan-close{
  position:absolute;
  top:12px;
  right:12px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  padding:0;
  color:#55515e;
  background:#f7f6f9;
  border:1px solid #e5e2e9;
  border-radius:11px;
  cursor:pointer;
  z-index:2;
}
.pxp-plan-close:hover{background:#f0edf5;color:#1f1d24}
.pxp-plan-close svg{width:18px;height:18px}
.pxp-head{max-width:620px;margin:0 auto 20px;padding:0 42px;text-align:center}
.pxp-head h2{margin:0;color:#17171c;font-size:34px;line-height:1.14;font-weight:800;letter-spacing:-.7px}
.pxp-head p{margin:10px auto 0;color:#6d6b75;font-size:14px;line-height:1.5;font-weight:500}
.pxp-timer{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;margin-bottom:18px;padding:12px 16px;background:#19181e;color:#fff;border-radius:12px;font-size:12px;font-weight:700}
.pxp-timer-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(255,255,255,.09);border-radius:50%;font-size:12px}
.pxp-timer-time{color:#c4b5fd;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
.pxp-options{display:grid;gap:13px}
button.pxp-option{
  appearance:none;
  position:relative;
  width:100%;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 115px;
  align-items:center;
  gap:15px;
  min-height:125px;
  padding:20px;
  text-align:left;
  font:inherit;
  background:#fff;
  color:inherit;
  border:2px solid #dfdde5;
  border-radius:15px;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
button.pxp-option:hover{border-color:#bca8ec;transform:translateY(-1px)}
button.pxp-option:focus-visible{outline:3px solid rgba(124,58,237,.18);outline-offset:2px}
button.pxp-option.selected{background:#faf8ff;border-color:#7c3aed;box-shadow:0 8px 22px rgba(124,58,237,.09)}
.pxp-radio{position:relative;width:28px;height:28px;background:#fff;border:2px solid #c8c5ce;border-radius:50%}
.pxp-option.selected .pxp-radio{border-color:#7c3aed}
.pxp-option.selected .pxp-radio:after{content:"";position:absolute;width:14px;height:14px;top:5px;left:5px;background:#7c3aed;border-radius:50%}
.pxp-info{display:block;min-width:0}
.pxp-name{display:block;color:#1b1b21;font-size:18px;line-height:1.25;font-weight:750}
.pxp-desc{display:block;max-width:430px;margin-top:7px;color:#74727c;font-size:12px;line-height:1.5;font-weight:500}
.pxp-tag{display:inline-block;margin-left:6px;padding:4px 7px;color:#6d28d9;background:#ede9fe;border-radius:6px;font-size:8px;font-weight:750;vertical-align:2px}
.pxp-price-area{display:block;min-width:0;text-align:right}
.pxp-price{display:block;color:#17171c;font-size:30px;line-height:1;font-weight:800;letter-spacing:-.5px;white-space:nowrap}
.pxp-price-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:7px}
.pxp-original{color:#a09ea6;font-size:10px;font-weight:500;text-decoration:line-through;text-decoration-thickness:1.5px;white-space:nowrap}
.pxp-off{display:inline-block;padding:3px 5px;color:#b42343;background:#fff0f3;border-radius:5px;font-size:7px;font-weight:750;white-space:nowrap}
.pxp-price-note{display:block;margin-top:6px;color:#8e8c95;font-size:9px;font-weight:500}
button.pxp-year{min-height:170px;margin-top:2px;padding-top:25px;background:#faf8ff}
.pxp-popular{position:absolute;top:-11px;right:14px;padding:6px 11px;color:#fff;background:#7c3aed;border-radius:30px;box-shadow:0 4px 10px rgba(124,58,237,.16);font-size:9px;font-weight:800}
.pxp-features{display:flex!important;flex-wrap:wrap!important;gap:7px 12px!important;margin:11px 0 0!important;padding:0!important;list-style:none!important}
.pxp-features>span{display:flex;align-items:center;color:#57555e;font-size:10.5px;line-height:1.3;font-weight:550;white-space:nowrap}
.pxp-features>span:before{content:"✓";margin-right:5px;color:#159b63;font-size:12px;font-weight:800}
.pxp-year-note{display:block;margin-top:11px;color:#16865c;font-size:10.5px;font-weight:700}
.pxp-checkout{margin-top:19px}
.pxp-button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:62px!important;padding:15px 18px!important;background:#7c3aed!important;color:#fff!important;border-radius:12px!important;box-shadow:0 8px 18px rgba(124,58,237,.18)!important;text-align:center!important;text-decoration:none!important;font-size:16px!important;line-height:1.2!important;font-weight:750!important}
.pxp-button:link,.pxp-button:visited,.pxp-button:hover,.pxp-button:focus,.pxp-button:active{color:#fff!important;text-decoration:none!important}
.pxp-button:hover{background:#682bc8!important}
.pxp-secure{margin-top:10px;color:#8b8992;text-align:center;font-size:10px;font-weight:500}

@media(max-width:600px){
  .pxp-cta,.pxp-offer-cta{width:auto!important;min-width:0!important;max-width:none!important;min-height:54px!important;padding:8px 12px 8px 16px!important;gap:7px!important}
  .pxp-cta-label{font-size:14.5px!important}
  .pxp-cta-icon{width:25px!important;height:25px!important;flex-basis:25px!important}
  .pxp-cta-icon svg{width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;min-height:17px!important;max-height:17px!important}
  .pxp-offer-price{font-size:34px!important}
  .pxp-plan-backdrop{padding:10px}
  .pxp-buy{max-height:calc(100dvh - 20px);padding:20px 14px;border-radius:17px}
  .pxp-plan-close{top:9px;right:9px;width:36px;height:36px}
  .pxp-head{margin-bottom:14px;padding:0 30px}
  .pxp-head h2{font-size:25px}
  .pxp-head p{margin-top:7px;font-size:11.5px;line-height:1.45}
  .pxp-timer{min-height:45px;margin-bottom:12px;padding:9px 10px;font-size:9.5px}
  .pxp-timer-icon{width:21px;height:21px}.pxp-timer-time{font-size:13px}
  .pxp-options{gap:10px}
  button.pxp-option{grid-template-columns:24px minmax(0,1fr) 84px;gap:9px;min-height:115px;padding:14px 11px;border-radius:12px}
  .pxp-radio{width:22px;height:22px}.pxp-option.selected .pxp-radio:after{width:10px;height:10px;top:4px;left:4px}
  .pxp-name{font-size:15px}.pxp-desc{margin-top:5px;font-size:9.5px;line-height:1.4}.pxp-tag{margin-left:3px;padding:3px 5px;font-size:6.5px}
  .pxp-price{font-size:23px}.pxp-price-meta{gap:3px;margin-top:5px}.pxp-original{font-size:7.5px}.pxp-off{padding:2px 3px;font-size:5.8px}.pxp-price-note{margin-top:4px;font-size:7.5px}
  button.pxp-year{min-height:155px;padding-top:19px}.pxp-popular{top:-8px;right:9px;padding:5px 8px;font-size:7px}
  .pxp-features{gap:5px 8px!important;margin-top:8px!important}.pxp-features>span{font-size:8px}.pxp-features>span:before{margin-right:3px;font-size:9px}.pxp-year-note{margin-top:8px;font-size:8px}
  .pxp-checkout{margin-top:13px}.pxp-button{min-height:54px!important;padding:12px 10px!important;font-size:13px!important}.pxp-secure{margin-top:7px;font-size:8px}
}

@media(prefers-reduced-motion:reduce){
  .pxp-plan-backdrop,.pxp-buy,button.pxp-option{transition:none!important}
}


/* ===== V25 plan-card price spacing fix ===== */
/* Give Rs. 580/- and Rs. 799/- proper breathing room inside plan cards. */
button.pxp-option{
  grid-template-columns:30px minmax(0,1fr) 135px!important;
  gap:15px!important;
  padding:20px 24px 20px 20px!important;
}
.pxp-price-area{
  min-width:0!important;
  text-align:right!important;
  padding-right:8px!important;
}
.pxp-price{
  font-size:28px!important;
  line-height:1.05!important;
  letter-spacing:-.3px!important;
  white-space:nowrap!important;
}
.pxp-price-meta{
  gap:5px!important;
  margin-top:7px!important;
  padding-right:2px!important;
}

@media(max-width:600px){
  button.pxp-option{
    grid-template-columns:22px minmax(0,1fr) 112px!important;
    gap:10px!important;
    min-height:115px!important;
    padding:14px 16px 14px 12px!important;
    border-radius:12px!important;
  }
  .pxp-price-area{
    padding-right:6px!important;
  }
  .pxp-price{
    font-size:19px!important;
    line-height:1.05!important;
    letter-spacing:-.2px!important;
  }
  .pxp-price-meta{
    gap:3px!important;
    margin-top:5px!important;
    padding-right:1px!important;
  }
}

@media(max-width:380px){
  button.pxp-option{
    grid-template-columns:21px minmax(0,1fr) 104px!important;
    gap:8px!important;
    padding-right:13px!important;
  }
  .pxp-price-area{padding-right:4px!important}
  .pxp-price{font-size:18px!important}
}

/* ===== V26 review placement + restored 999/799 offer ===== */
.pxp-section-reviews{
  background:#fff!important;
}
.pxp-section-reviews .pxp-section-shell{
  background:#fff!important;
}

/* Main CTA price restored to the single-price offer model. */
.pxp-offer-price{
  font-size:clamp(34px,4.2vw,48px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}

/* Popup 1-minute timer with milliseconds stays stable while counting. */
.pxp-popup-countdown b{
  min-width:92px;
  text-align:right;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  letter-spacing:.02em;
}

/* The old plan selector is no longer rendered; these guards prevent stale markup from showing. */
.pxp-plan-backdrop{display:none!important}

@media(max-width:620px){
  .pxp-offer-price{font-size:31px!important}
  .pxp-popup-countdown b{min-width:82px;font-size:12px!important}
}

/* ===== V27 stable popup timer + real-purchase toast support ===== */

/* Keep the 1-minute millisecond countdown visually fixed while digits change. */
.pxp-popup-countdown{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 104px!important;
  align-items:center!important;
  gap:12px!important;
}
.pxp-popup-countdown>span{
  min-width:0!important;
}
.pxp-popup-countdown b{
  display:block!important;
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1,"zero" 1!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}

/* Recent verified purchase toast. Only renders when real purchase data is supplied. */
.pxp-sale-toast{
  position:fixed;
  left:16px;
  bottom:16px;
  z-index:75;
  width:min(340px,calc(100vw - 32px));
  display:flex;
  align-items:center;
  gap:11px;
  padding:11px 13px;
  background:rgba(18,20,27,.94);
  color:#fff;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  box-shadow:0 16px 38px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  opacity:0;
  transform:translateY(12px);
  pointer-events:none;
  transition:opacity .25s ease,transform .25s ease;
}
.pxp-sale-toast.is-visible{opacity:1;transform:none}
.pxp-sale-toast-icon{
  width:32px;height:32px;flex:0 0 32px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(34,197,94,.14);
  color:#4ade80;
  font-size:16px;font-weight:900;
}
.pxp-sale-toast-copy{min-width:0;line-height:1.25}
.pxp-sale-toast-copy strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12.5px;
  font-weight:700;
}
.pxp-sale-toast-copy small{
  display:block;
  margin-top:4px;
  color:#a8afbd;
  font-size:10.5px;
  font-weight:600;
}

@media(max-width:620px){
  .pxp-popup-countdown{
    grid-template-columns:minmax(0,1fr) 88px!important;
    gap:8px!important;
  }
  .pxp-popup-countdown b{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    font-size:11.5px!important;
  }
  .pxp-sale-toast{
    left:10px;
    bottom:10px;
    width:min(320px,calc(100vw - 20px));
    padding:10px 11px;
  }
}


/* V28 preview state is deliberately identified as a preview. */
.pxp-sale-toast.is-preview{
  border-style:dashed;
}


/* ===== V29 cosmetic-only popup timer ===== */
/* Reaching 00:00.000 is visual only. It never disables checkout or popup controls. */
.pxp-popup-countdown.pxp-countdown-ended{
  opacity:.86;
}
.pxp-popup-countdown.pxp-countdown-ended b{
  color:#c4b5fd!important;
}
.pxp-popup.pgrpg-offer .pgrpg-cta,
.pxp-popup-close,
.pxp-popup-tab{
  pointer-events:auto!important;
}

/* ===== V30 fixed popup millisecond timer + local toast ===== */
/* Keep timer geometry absolutely stable while milliseconds change. */
.pxp-popup-countdown{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
}
.pxp-popup-countdown>span{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  white-space:nowrap!important;
}
.pxp-popup-countdown>b{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:0 0 104px!important;
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  text-align:right!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:18px!important;
  letter-spacing:0!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1,"zero" 1!important;
}

/* Local bottom-left toast styling. Does not depend on an API request. */
.pxp-sale-toast{
  z-index:95!important;
}
.pxp-sale-toast.is-local-reminder .pxp-sale-toast-icon{
  background:rgba(124,58,237,.14)!important;
  color:#c4b5fd!important;
}
.pxp-sale-toast.is-local-reminder{
  border-color:rgba(167,139,250,.20)!important;
}

@media(max-width:620px){
  .pxp-popup-countdown{gap:8px!important}
  .pxp-popup-countdown>span{
    font-size:10px!important;
  }
  .pxp-popup-countdown>b{
    flex-basis:94px!important;
    width:94px!important;
    min-width:94px!important;
    max-width:94px!important;
    height:17px!important;
    font-size:11px!important;
    line-height:17px!important;
  }
}


/* ===== V31 guaranteed local toast visibility ===== */
.pxp-sale-toast.pxp-local-toast{
  position:fixed!important;
  left:max(10px,env(safe-area-inset-left))!important;
  right:auto!important;
  bottom:max(10px,env(safe-area-inset-bottom))!important;
  top:auto!important;
  z-index:2147483000!important;
  display:flex!important;
  visibility:visible!important;
  pointer-events:none!important;
  width:min(340px,calc(100vw - 20px))!important;
  opacity:0!important;
  transform:translate3d(0,14px,0)!important;
  transition:opacity .24s ease,transform .24s ease!important;
}
.pxp-sale-toast.pxp-local-toast.is-visible{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
}
.pxp-popup-backdrop.is-open ~ .pxp-sale-toast.pxp-local-toast,
body .pxp-sale-toast.pxp-local-toast{
  z-index:2147483000!important;
}
@media(max-width:620px){
  .pxp-sale-toast.pxp-local-toast{
    left:10px!important;
    bottom:10px!important;
    width:calc(100vw - 20px)!important;
    max-width:320px!important;
  }
}


/* ===== V32 stable popup timer + privacy purchase toast ===== */
/* Lock the countdown into a two-column grid so millisecond changes can never
   resize, wrap, stack or push the right-hand timer. */
.pxp-popup-countdown{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px!important;
  align-items:center!important;
  column-gap:10px!important;
  width:100%!important;
  min-width:0!important;
}
.pxp-popup-countdown>span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.pxp-popup-countdown>b{
  display:block!important;
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:right!important;
  direction:ltr!important;
  contain:layout paint!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1,"zero" 1!important;
  letter-spacing:0!important;
}
.pxp-sale-toast.pxp-purchase-toast .pxp-sale-toast-icon{
  flex:0 0 34px!important;
}
.pxp-sale-toast.pxp-purchase-toast .pxp-sale-toast-copy strong,
.pxp-sale-toast.pxp-purchase-toast .pxp-sale-toast-copy small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:620px){
  .pxp-popup-countdown{
    grid-template-columns:minmax(0,1fr) 100px!important;
    column-gap:7px!important;
  }
  .pxp-popup-countdown>b{
    width:100px!important;
    min-width:100px!important;
    max-width:100px!important;
    font-size:10.5px!important;
  }
}


/* site-v36-overrides.css */
/* ProgressXP V35 — mobile popup/toast separation */
@media(max-width:620px){
  /* Reserve a clear bottom lane for the purchase toast so it never covers
     the main offer popup. The popup itself remains scrollable on short screens. */
  .pxp-popup-backdrop{
    box-sizing:border-box!important;
    padding:10px 10px 94px!important;
    align-items:center!important;
  }

  .pxp-popup.pgrpg-offer{
    max-height:calc(100dvh - 114px)!important;
    margin:auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .pxp-sale-toast.pxp-local-toast,
  .pxp-sale-toast.pxp-purchase-toast{
    left:10px!important;
    right:10px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
  }
}

/* Extra-tight phones get a little more breathing room while retaining
   enough usable height for the offer popup. */
@media(max-width:420px){
  .pxp-popup-backdrop{
    padding:8px 8px 92px!important;
  }
  .pxp-popup.pgrpg-offer{
    max-height:calc(100dvh - 108px)!important;
    padding:20px 16px!important;
  }
}


/* site-v44-popup-readability.css */
/* V44 popup original-price readability refinement */
.pxp-popup .pgrpg-price-box{
  align-items:flex-start!important;
}

.pxp-popup .pgrpg-compare-price{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  max-width:100%!important;
  margin:0 0 8px!important;
  padding:2px 1px!important;
  color:rgba(255,255,255,.88)!important;
  font-size:18px!important;
  line-height:1.32!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  text-decoration:none!important;
  text-shadow:0 1px 0 rgba(0,0,0,.32)!important;
}

/* Independent strike line so the text remains readable behind it. */
.pxp-popup .pgrpg-compare-price::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:52%;
  height:2px;
  border-radius:999px;
  background:rgba(255,74,96,.72);
  transform:translateY(-50%);
  pointer-events:none;
  animation:pxpOriginalPriceStrikeBlink 4.2s ease-in-out infinite;
}

@keyframes pxpOriginalPriceStrikeBlink{
  0%,68%,100%{opacity:.72}
  74%{opacity:.34}
  80%{opacity:.72}
  86%{opacity:.42}
  92%{opacity:.72}
}

.pxp-popup .pgrpg-price-label{
  color:rgba(226,230,241,.9)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  margin-bottom:7px!important;
}

.pxp-popup .pgrpg-new-price{
  margin-top:1px!important;
}

@media(max-width:620px){
  .pxp-popup .pgrpg-compare-price{
    font-size:17px!important;
    margin-bottom:7px!important;
  }
  .pxp-popup .pgrpg-price-label{
    font-size:11px!important;
    margin-bottom:6px!important;
  }
}

@media(max-width:420px){
  .pxp-popup .pgrpg-compare-price{
    font-size:16px!important;
    line-height:1.28!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .pxp-popup .pgrpg-compare-price::after{
    animation:none!important;
    opacity:.62!important;
  }
}


/* site-v50.css */
/* ProgressXP V49 — Busy / Visible Progress section */
.pxp-section-busy_progress{
  background:linear-gradient(180deg,#f7f6ff 0%,#ffffff 100%)!important;
}
.pxp-section-busy_progress .pxp-section-shell{
  text-align:center;
  max-width:1160px;
}
/* Use the same heading language as the hero heading. */
.pxp-testimonials-title,
.pxp-busy-title,
.pxp-busy-second-title{
  font-family:var(--pxp-font)!important;
  font-weight:700!important;
  letter-spacing:-.055em!important;
  line-height:1.03!important;
}
.pxp-testimonials-title{
  font-size:clamp(34px,4.8vw,58px)!important;
}
.pxp-busy-title{
  max-width:980px;
  margin:0 auto 34px!important;
  font-size:clamp(34px,4.8vw,58px)!important;
  text-wrap:balance;
}
.pxp-busy-text-slider{
  width:min(860px,100%);
  margin:0 auto 42px;
  padding:30px 34px 22px;
  background:radial-gradient(circle at 85% 10%,rgba(124,58,237,.22),transparent 36%),#101017;
  border-radius:18px;
  box-shadow:0 22px 55px rgba(20,20,35,.13);
  overflow:hidden;
}
.pxp-busy-text-stage{
  position:relative;
  min-height:88px;
  display:grid;
  place-items:center;
}
.pxp-busy-text-item{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:clamp(24px,3vw,34px);
  line-height:1.16;
  font-weight:700;
  letter-spacing:-.035em;
  opacity:0;
  transform:translateY(22px);
  transition:opacity .42s ease,transform .42s cubic-bezier(.2,.75,.2,1);
  text-wrap:balance;
}
.pxp-busy-text-item.is-active{
  opacity:1;
  transform:translateY(0);
}
.pxp-busy-text-item.is-leaving{
  opacity:0;
  transform:translateY(-22px);
}
.pxp-busy-text-progress{
  display:flex;
  justify-content:center;
  gap:7px;
  margin-top:16px;
}
.pxp-busy-text-progress span{
  width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.20);
  transition:width .25s ease,background .25s ease;
}
.pxp-busy-text-progress span.is-active{width:24px;background:#a78bfa}
.pxp-busy-bridge,
.pxp-busy-closing{
  max-width:840px;
  margin:0 auto;
  color:#4b5563;
  font-size:clamp(20px,2.6vw,29px);
  line-height:1.38;
  font-weight:650;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.pxp-busy-bridge{margin-top:4px!important}
.pxp-busy-second-title{
  max-width:930px;
  margin:58px auto 30px!important;
  color:#111827;
  font-size:clamp(34px,4.8vw,58px)!important;
  text-wrap:balance;
}
.pxp-caption-slider{
  width:min(980px,100%);
  margin:0 auto;
}
.pxp-caption-slider .pxp-slider-window{
  background:#fff!important;
  border-radius:18px!important;
}
.pxp-caption-slider .pxp-slide{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  background:#fff!important;
}
.pxp-caption-slide-title{
  flex:0 0 auto;
  margin:0!important;
  padding:20px 58px 16px;
  color:#111827;
  background:#fff;
  font-family:var(--pxp-font)!important;
  font-size:clamp(22px,2.7vw,31px)!important;
  line-height:1.14;
  font-weight:700!important;
  letter-spacing:-.04em!important;
  text-align:center;
  text-wrap:balance;
}
.pxp-caption-slide-media{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#fff;
}
.pxp-caption-slider .pxp-caption-slide-media img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.pxp-busy-closing{margin-top:34px!important;color:#374151}
.pxp-private-preview-badge{
  display:inline-flex;
  margin:0 auto 20px;
  padding:8px 12px;
  border-radius:999px;
  background:#18181b;
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
}
.slider-heading-field{display:block;min-width:210px;flex:1}
.slider-heading-field input{margin-top:6px}

@media(max-width:620px){
  .pxp-busy-title,
  .pxp-busy-second-title,
  .pxp-testimonials-title{font-size:32px!important;line-height:1.04!important}
  .pxp-busy-title{margin-bottom:24px!important}
  .pxp-busy-text-slider{margin-bottom:32px;padding:24px 16px 18px;border-radius:15px}
  .pxp-busy-text-stage{min-height:96px}
  .pxp-busy-text-item{font-size:23px;line-height:1.18;padding:0 4px}
  .pxp-busy-bridge,.pxp-busy-closing{font-size:19px;line-height:1.42}
  .pxp-busy-second-title{margin-top:44px!important;margin-bottom:24px!important}
  .pxp-caption-slide-title{padding:16px 38px 12px;font-size:21px!important;line-height:1.18}
  .pxp-busy-closing{margin-top:28px!important}
}

@media(prefers-reduced-motion:reduce){
  .pxp-busy-text-item{transition:none!important}
}

/* ===== V50 heading hierarchy: attractive, readable, not decorative ===== */
.pxp-testimonials-title{
  color:#171827!important;
  background:linear-gradient(92deg,#171827 10%,#4338ca 58%,#7c3aed 92%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.pxp-busy-title{
  color:#111827!important;
  background:linear-gradient(92deg,#111827 5%,#1f2937 44%,#4f46e5 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.pxp-busy-bridge{
  color:#6d28d9!important;
  font-weight:700!important;
}
.pxp-busy-second-title{
  color:#172554!important;
  background:linear-gradient(90deg,#172554 0%,#4338ca 55%,#7c3aed 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.pxp-caption-slide-title{
  color:#3730a3!important;
  background:linear-gradient(180deg,#ffffff 0%,#faf9ff 100%)!important;
}
.pxp-busy-closing{
  color:#0f766e!important;
  font-weight:700!important;
}
.pxp-testimonials-ready{
  color:#1f2937!important;
  font-weight:700!important;
}
@media (forced-colors:active){
  .pxp-testimonials-title,.pxp-busy-title,.pxp-busy-second-title{
    -webkit-text-fill-color:currentColor;
    background:none;
  }
}


/* site-v51.css */
/* ProgressXP V51 — clearer heading colour hierarchy */

/* Hero H1 gets its own blue → violet identity while keeping the exact hero font style. */
.pxp-section-hero .pxp-hero-copy h1{
  color:#173f8f!important;
  background:linear-gradient(92deg,#173f8f 0%,#245fcb 52%,#6d28d9 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* H3s stay neutral/black so they read as supporting statements rather than competing headings. */
.pxp-busy-bridge,
.pxp-busy-closing,
.pxp-caption-slide-title,
.pxp-testimonials-ready{
  color:#151515!important;
  -webkit-text-fill-color:#151515!important;
}
.pxp-busy-bridge,
.pxp-busy-closing,
.pxp-testimonials-ready{
  font-weight:700!important;
}
.pxp-caption-slide-title{
  background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%)!important;
}

@media (forced-colors:active){
  .pxp-section-hero .pxp-hero-copy h1{
    background:none!important;
    -webkit-text-fill-color:currentColor!important;
  }
}


/* site-v52.css */
/* ProgressXP V52 — final heading color hierarchy */
/* Hero H1 is visually distinct from the later section headings. */
.pxp-section-hero .pxp-hero-copy h1{
  color:#155e75!important;
  background:linear-gradient(92deg,#155e75 0%,#0e7490 42%,#2563eb 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
/* Supporting H3 statements stay black/readable. */
.pxp-busy-bridge,
.pxp-busy-closing,
.pxp-caption-slide-title,
.pxp-testimonials-ready{
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
}
@media (forced-colors:active){
  .pxp-section-hero .pxp-hero-copy h1{background:none!important;-webkit-text-fill-color:currentColor!important}
}


/* site-v55.css */
/* ProgressXP V55 — use-case section, swipeable text sliders, Plan Your Day order */
.pxp-text-slider{touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;outline:none}
.pxp-text-slider.is-dragging{cursor:grabbing}
.pxp-text-slider-progress button{appearance:none;-webkit-appearance:none;border:0;padding:0;cursor:pointer}
.pxp-busy-text-progress button{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.20);transition:width .25s ease,background .25s ease}
.pxp-busy-text-progress button.is-active{width:24px;background:#a78bfa}
.pxp-busy-text-item.from-right{transform:translateX(24px)}
.pxp-busy-text-item.from-left{transform:translateX(-24px)}
.pxp-busy-text-item.is-leaving{transform:translateX(-24px)}
.pxp-section-use_cases{background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)!important}
.pxp-section-use_cases .pxp-section-shell{max-width:1160px;text-align:center}
.pxp-usecase-title{max-width:980px;margin:0 auto 34px!important;font-size:clamp(34px,4.8vw,58px)!important;line-height:1.03!important;font-weight:750!important;letter-spacing:-.055em!important;color:#18324a!important;text-wrap:balance}
.pxp-usecase-slider{width:min(900px,100%);margin:0 auto 34px;padding:18px 18px 14px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#fff;box-shadow:0 20px 54px rgba(15,23,42,.08);overflow:hidden}
.pxp-usecase-stage{position:relative;min-height:250px;display:grid;place-items:stretch}
.pxp-usecase-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 38px;opacity:0;transform:translateX(28px);transition:opacity .38s ease,transform .38s cubic-bezier(.2,.75,.2,1);pointer-events:none}
.pxp-usecase-slide.is-active{opacity:1;transform:translateX(0);pointer-events:auto}
.pxp-usecase-slide.is-leaving{opacity:0;transform:translateX(-28px)}
.pxp-usecase-slide.from-left{transform:translateX(-28px)}
.pxp-usecase-slide.from-right{transform:translateX(28px)}
.pxp-usecase-slide h3{margin:0 0 16px;color:#111827;font-size:clamp(24px,3vw,34px);line-height:1.1;font-weight:800;letter-spacing:-.035em}
.pxp-usecase-copy{max-width:720px;color:#4b5563;font-size:clamp(16px,1.7vw,19px);line-height:1.68;font-weight:520}
.pxp-usecase-progress{display:flex;justify-content:center;gap:8px;margin-top:10px}
.pxp-usecase-progress button{width:8px;height:8px;border-radius:999px;background:#d8dee8;transition:width .25s ease,background .25s ease}
.pxp-usecase-progress button.is-active{width:28px;background:#4f46e5}
.pxp-text-swipe-hint{margin-top:9px;color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.pxp-usecase-subheading{max-width:800px;margin:34px auto 0;color:#111827;font-size:clamp(18px,2.2vw,25px);line-height:1.42;font-weight:650;letter-spacing:-.02em;text-wrap:balance}
.pxp-usecase-closing{max-width:900px;margin:18px auto 0;color:#3b2f8f;font-size:clamp(20px,2.5vw,29px);line-height:1.38;letter-spacing:-.025em;text-wrap:balance}
.pxp-section-plan_day .pxp-section-shell{text-align:center}
.pxp-plan-day-badge{display:inline-flex!important;width:auto!important;max-width:min(100%,760px);margin:0 auto 30px!important;padding:10px 16px!important;border-radius:999px!important;background:#17171c!important;color:#fff!important;font-size:clamp(13px,1.7vw,17px)!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.035em!important;text-transform:uppercase!important}
.pxp-section-plan_day .pxp-content-stack,.pxp-section-plan_day .pxp-showcase-list{margin-top:0!important}
.pxp-plan-day-copy{margin-top:26px!important}
@media(max-width:620px){.pxp-usecase-title{margin-bottom:24px!important;font-size:32px!important;line-height:1.04!important}.pxp-usecase-slider{padding:12px 10px 12px;border-radius:16px;margin-bottom:28px}.pxp-usecase-stage{min-height:300px}.pxp-usecase-slide{padding:26px 18px}.pxp-usecase-slide h3{font-size:24px;line-height:1.12;margin-bottom:13px}.pxp-usecase-copy{font-size:15px;line-height:1.62}.pxp-usecase-subheading{margin-top:28px;font-size:19px;line-height:1.42}.pxp-usecase-closing{font-size:20px;line-height:1.42;margin-top:15px}.pxp-plan-day-badge{margin-bottom:22px!important;font-size:12px!important;padding:9px 13px!important}}
@media(prefers-reduced-motion:reduce){.pxp-text-slide{transition:none!important}}


/* site-v56.css */
/* ProgressXP V56 — centered swipe text, richer use-case slider, stronger story separation */

/* All text sliders: keep every active line/card truly centered. */
.pxp-text-slider{position:relative;overflow:hidden!important}
.pxp-text-slider-stage{position:relative;width:100%;overflow:hidden}
.pxp-text-slide{width:100%;left:0;right:0;text-align:center!important;box-sizing:border-box}
.pxp-text-slide.is-active{transform:translate3d(0,0,0)!important}
.pxp-text-slider-footer{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:12px;width:min(360px,100%);margin:14px auto 0}
.pxp-text-slider-progress{display:flex;align-items:center;justify-content:center;gap:7px;margin:0!important}
.pxp-text-arrow{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;background:transparent;color:#475569;cursor:pointer;opacity:.78;transition:opacity .2s ease,transform .2s ease}
.pxp-text-arrow:hover{opacity:1;transform:scale(1.05)}
.pxp-text-arrow svg{width:21px;height:21px;display:block}
.pxp-text-swipe-hint{margin-top:7px!important}

/* First story slider: fixed center, no right-side resting position. */
.pxp-busy-text-stage{min-height:96px!important;display:block!important}
.pxp-busy-text-item{inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 22px!important;text-align:center!important;transform:translate3d(0,20px,0)}
.pxp-busy-text-item.from-right{transform:translate3d(34px,0,0)}
.pxp-busy-text-item.from-left{transform:translate3d(-34px,0,0)}
.pxp-busy-text-item.is-leaving{transform:translate3d(-34px,0,0)}
.pxp-busy-text-item.is-active{transform:translate3d(0,0,0)!important}
.pxp-busy-text-progress button{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.22)!important}
.pxp-busy-text-progress button.is-active{width:24px;background:#a78bfa!important}
.pxp-busy-text-slider .pxp-text-arrow{color:#fff;opacity:.70}

/* Clear break between the problem statement and the solution/visual half. */
.pxp-busy-bridge{margin:4px auto 0!important;padding:0 12px 48px!important;position:relative}
.pxp-busy-bridge::after{content:"";position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:54px;height:5px;border-radius:99px;background:linear-gradient(90deg,#2563eb,#7c3aed);opacity:.72}
.pxp-busy-visible-block{width:min(1040px,100%);margin:0 auto;padding:52px 34px 42px;background:linear-gradient(145deg,#eef5ff 0%,#f5f1ff 48%,#ffffff 100%);border-radius:22px;box-shadow:0 22px 60px rgba(66,72,128,.08)}
.pxp-busy-visible-block .pxp-busy-second-title{margin:0 auto 30px!important;color:#29358f!important;background:linear-gradient(92deg,#1d4ed8 0%,#4f46e5 52%,#7c3aed 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
.pxp-busy-visible-block .pxp-caption-slider{margin-top:4px!important}
.pxp-busy-visible-block .pxp-busy-closing{margin-top:34px!important}

/* New use-case slider: editorial card instead of a plain text box. */
.pxp-section-use_cases{background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 100%)!important}
.pxp-usecase-title{color:#173f8f!important;background:linear-gradient(92deg,#173f8f 0%,#2563eb 48%,#6d28d9 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
.pxp-usecase-slider{width:min(940px,100%)!important;margin:0 auto 34px!important;padding:0 28px 18px!important;border:0!important;border-radius:22px!important;background:linear-gradient(135deg,#f7faff 0%,#ffffff 50%,#f8f5ff 100%)!important;box-shadow:0 24px 65px rgba(35,48,92,.11)!important;overflow:hidden!important}
.pxp-usecase-stage{min-height:300px!important;display:block!important;overflow:hidden!important}
.pxp-usecase-slide{inset:0!important;width:100%!important;padding:42px 52px 28px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;transform:translate3d(0,0,0);opacity:0;pointer-events:none}
.pxp-usecase-slide.from-right{transform:translate3d(42px,0,0)}
.pxp-usecase-slide.from-left{transform:translate3d(-42px,0,0)}
.pxp-usecase-slide.is-leaving{transform:translate3d(-42px,0,0)}
.pxp-usecase-slide.is-active{opacity:1!important;transform:translate3d(0,0,0)!important;pointer-events:auto}
.pxp-usecase-index{display:inline-flex;align-items:center;justify-content:center;margin:0 auto 18px;padding:7px 10px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:11px;font-weight:850;letter-spacing:.11em}
.pxp-usecase-slide h3{margin:0 0 16px!important;font-size:clamp(25px,3.2vw,36px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.04em!important;text-align:center!important}
.pxp-usecase-slide:nth-child(1) h3{color:#1d4ed8!important}.pxp-usecase-slide:nth-child(2) h3{color:#6d28d9!important}.pxp-usecase-slide:nth-child(3) h3{color:#0f766e!important}.pxp-usecase-slide:nth-child(4) h3{color:#c2410c!important}.pxp-usecase-slide:nth-child(5) h3{color:#be185d!important}.pxp-usecase-slide:nth-child(6) h3{color:#4338ca!important}
.pxp-usecase-copy{width:min(720px,100%)!important;margin:0 auto!important;color:#475569!important;font-size:clamp(16px,1.7vw,19px)!important;line-height:1.68!important;text-align:center!important}
.pxp-usecase-progress button{background:#cbd5e1!important}
.pxp-usecase-progress button.is-active{background:#4f46e5!important}
.pxp-usecase-slider .pxp-text-arrow{color:#4f46e5}
.pxp-usecase-subheading{margin-top:38px!important}

@media(max-width:620px){
  .pxp-text-slider-footer{grid-template-columns:34px minmax(0,1fr) 34px;width:min(300px,100%);gap:8px;margin-top:10px}
  .pxp-text-arrow{width:34px;height:34px}
  .pxp-busy-text-stage{min-height:112px!important}
  .pxp-busy-text-item{padding:0 8px!important}
  .pxp-busy-bridge{padding-bottom:40px!important}
  .pxp-busy-bridge::after{bottom:13px;width:46px;height:4px}
  .pxp-busy-visible-block{padding:38px 14px 32px;border-radius:17px}
  .pxp-busy-visible-block .pxp-busy-second-title{margin-bottom:23px!important}
  .pxp-usecase-slider{padding:0 8px 14px!important;border-radius:17px!important}
  .pxp-usecase-stage{min-height:340px!important}
  .pxp-usecase-slide{padding:34px 16px 24px!important}
  .pxp-usecase-index{margin-bottom:15px;font-size:10px}
  .pxp-usecase-slide h3{font-size:25px!important}
  .pxp-usecase-copy{font-size:15px!important;line-height:1.62!important}
}

@media(prefers-reduced-motion:reduce){
  .pxp-text-slide{transition:none!important}
}


/* site-v57.css */
/* ProgressXP V57 — testimonial scale + dark story/use-case sections */

/* Testimonials: keep H2 semantics, but visually exactly half of the previous size. */
.pxp-testimonials-title{
  font-size:clamp(15px,2.35vw,24px)!important;
  letter-spacing:-.02em!important;
  line-height:1.18!important;
}
.pxp-testimonials-subtitle{
  margin-top:10px!important;
}
.pxp-testimonials-badge,
.pxp-text-swipe-hint{
  display:none!important;
}

/* Dark solution block: "ProgressXP Gives Your Effort Somewhere To Go." */
.pxp-busy-visible-block{
  background:
    radial-gradient(circle at 85% 10%,rgba(124,58,237,.16),transparent 34%),
    #0b0d13!important;
  color:#fff!important;
  box-shadow:0 24px 65px rgba(2,6,23,.20)!important;
}
.pxp-busy-visible-block .pxp-busy-second-title{
  color:#fff!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#fff!important;
}
.pxp-busy-visible-block .pxp-busy-closing{
  color:#e5e7eb!important;
}
.pxp-busy-visible-block .pxp-caption-heading{
  color:#fff!important;
}
.pxp-busy-visible-block .pxp-slider-nav{
  color:#fff!important;
}
.pxp-busy-visible-block .pxp-slider-dot{
  background:rgba(255,255,255,.30)!important;
}
.pxp-busy-visible-block .pxp-slider-dot.is-active{
  background:#fff!important;
}

/* Dark theme: "WHATEVER YOU'RE TRYING TO IMPROVE, GIVE IT A PLACE." */
.pxp-section-use_cases{
  background:
    radial-gradient(circle at 15% 0%,rgba(59,130,246,.13),transparent 34%),
    radial-gradient(circle at 90% 30%,rgba(124,58,237,.14),transparent 35%),
    #090b10!important;
  color:#fff!important;
}
.pxp-section-use_cases .pxp-section-shell{
  color:#fff!important;
}
.pxp-usecase-title{
  color:#fff!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#fff!important;
}
.pxp-usecase-slider{
  background:#11141d!important;
  box-shadow:0 26px 70px rgba(0,0,0,.28)!important;
}
.pxp-usecase-index{
  background:rgba(255,255,255,.08)!important;
  color:#c4b5fd!important;
}
.pxp-usecase-slide h3{
  color:#fff!important;
}
.pxp-usecase-copy{
  color:#cbd5e1!important;
}
.pxp-usecase-progress button{
  background:rgba(255,255,255,.24)!important;
}
.pxp-usecase-progress button.is-active{
  background:#a78bfa!important;
}
.pxp-usecase-slider .pxp-text-arrow{
  color:#fff!important;
  opacity:.82!important;
}
.pxp-usecase-subheading{
  color:#cbd5e1!important;
}
.pxp-usecase-closing{
  color:#fff!important;
}
.pxp-usecase-closing strong{
  color:#fff!important;
}

/* No "THE SHIFT" badge even if legacy markup/cache briefly survives. */
.pxp-solution-kicker{
  display:none!important;
}

@media(max-width:620px){
  .pxp-testimonials-title{
    font-size:clamp(14px,4.35vw,18px)!important;
    line-height:1.2!important;
  }
  .pxp-busy-visible-block{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}


/* site-v58.css */
/* ProgressXP V58 — stronger contrast inside the two dark sections */

/* 1) ProgressXP Gives Your Effort Somewhere To Go.
   Keep the surrounding block dark, but make the slider feel like a separate surface. */
.pxp-busy-visible-block{
  background:
    radial-gradient(circle at 82% 8%,rgba(124,58,237,.18),transparent 32%),
    #080b12!important;
  border:1px solid rgba(255,255,255,.07)!important;
}

.pxp-busy-visible-block .pxp-busy-second-title{
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
}

.pxp-busy-visible-block .pxp-caption-slider{
  margin-top:10px!important;
  padding:18px 18px 16px!important;
  background:#171c28!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:20px!important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}

.pxp-busy-visible-block .pxp-caption-slide-title{
  color:#ddd6fe!important;
  -webkit-text-fill-color:#ddd6fe!important;
}

.pxp-busy-visible-block .pxp-caption-slide-media{
  background:#0b0f17!important;
  border-radius:14px!important;
  overflow:hidden!important;
}

.pxp-busy-visible-block .pxp-busy-closing{
  color:#d1d5db!important;
}

/* 2) Whatever You're Trying To Improve...
   The section stays dark; the text slider is visibly lighter than its background. */
.pxp-section-use_cases{
  background:
    radial-gradient(circle at 12% 0%,rgba(37,99,235,.15),transparent 31%),
    radial-gradient(circle at 88% 26%,rgba(124,58,237,.16),transparent 34%),
    #070a10!important;
}

.pxp-section-use_cases .pxp-usecase-title{
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
}

.pxp-usecase-slider{
  background:
    linear-gradient(145deg,#1b2130 0%,#151a26 100%)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.pxp-usecase-index{
  background:#282f43!important;
  color:#c4b5fd!important;
  border:1px solid rgba(196,181,253,.18)!important;
}

.pxp-usecase-slide h3{
  color:#f5f3ff!important;
}

.pxp-usecase-copy{
  color:#d6dbe5!important;
}

.pxp-usecase-subheading{
  color:#c7ceda!important;
}

.pxp-usecase-closing,
.pxp-usecase-closing strong{
  color:#ffffff!important;
}

/* Controls should also stand away from the dark surfaces. */
.pxp-usecase-slider .pxp-text-arrow{
  color:#e9e7ff!important;
  opacity:1!important;
}

.pxp-usecase-progress button{
  background:#4a5266!important;
}

.pxp-usecase-progress button.is-active{
  background:#a78bfa!important;
}

.pxp-busy-visible-block .pxp-slider-dot{
  background:#555d70!important;
}

.pxp-busy-visible-block .pxp-slider-dot.active,
.pxp-busy-visible-block .pxp-slider-dot.is-active{
  background:#c4b5fd!important;
}

@media(max-width:620px){
  .pxp-busy-visible-block .pxp-caption-slider{
    padding:12px 12px 13px!important;
    border-radius:16px!important;
  }

  .pxp-usecase-slider{
    border-radius:16px!important;
  }
}


/* site-v59.css */
/* ProgressXP V59 — typography + dark-section closing statement contrast */

/* Make the first story heading heavier without changing its current size. */
.pxp-busy-title{
  font-weight:900!important;
  letter-spacing:-.05em!important;
}

/* Make the closing statement inside the dark ProgressXP solution block
   feel like its own conclusion instead of blending into the surrounding dark area. */
.pxp-busy-visible-block .pxp-busy-closing{
  width:min(820px,100%)!important;
  margin:34px auto 0!important;
  padding:20px 24px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.075)!important;
  color:#ffffff!important;
  font-weight:800!important;
  line-height:1.45!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}

/* Exact half-scale treatment relative to the normal section-title range:
   normal = clamp(36px, 5vw, 54px), this = clamp(18px, 2.5vw, 27px). */
.pxp-section-use_cases .pxp-usecase-title{
  font-size:clamp(18px,2.5vw,27px)!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Keep it compact and readable on phones as well. */
@media(max-width:620px){
  .pxp-busy-title{
    font-weight:900!important;
  }

  .pxp-busy-visible-block .pxp-busy-closing{
    padding:17px 16px!important;
    border-radius:14px!important;
    font-weight:800!important;
  }

  .pxp-section-use_cases .pxp-usecase-title{
    font-size:16px!important;
    font-weight:900!important;
    line-height:1.18!important;
    letter-spacing:-.025em!important;
  }
}


/* site-v60.css */
/* ProgressXP V60 — requested type refinements */

/* Bigger again, while keeping the heavier treatment. */
.pxp-section-use_cases .pxp-usecase-title{
  font-size:clamp(24px,3.4vw,36px)!important;
  font-weight:900!important;
  line-height:1.1!important;
  letter-spacing:-.04em!important;
}

/* Closing statement in the dark solution block: pure white text. */
.pxp-busy-visible-block .pxp-busy-closing{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

@media(max-width:620px){
  .pxp-section-use_cases .pxp-usecase-title{
    font-size:22px!important;
    line-height:1.14!important;
  }
}


/* site-v61.css */
/* ProgressXP V61 — optional image inside each use-case slide */
.pxp-usecase-media{
  width:min(680px,100%);
  margin:18px auto 18px;
  padding:10px;
  background:#0d111a;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
.pxp-usecase-media img{
  display:block;
  width:100%;
  max-height:310px;
  object-fit:contain;
  margin:0 auto;
  border-radius:11px;
}
.pxp-usecase-slide:has(.pxp-usecase-media){
  padding-top:24px;
  padding-bottom:24px;
}
@media(max-width:620px){
  .pxp-usecase-media{margin:14px auto 15px;padding:7px;border-radius:13px}
  .pxp-usecase-media img{max-height:230px;border-radius:9px}
}


/* site-v62.css */
/* ProgressXP V62 — show complete use-case images, never clip them */

/*
  V61 added images to use-case slides, but these slides still lived inside
  a fixed-height / absolutely-positioned stage. Once an image was taller than
  that old text-only stage, the lower portion could be clipped.

  V62 stacks every slide in the same CSS grid cell instead. The stage now
  naturally becomes tall enough for the tallest complete slide while the
  opacity/transform slider animation keeps only the active slide visible.
*/
.pxp-usecase-stage{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  align-items:start!important;
}

.pxp-usecase-slide{
  position:relative!important;
  inset:auto!important;
  grid-area:1 / 1!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
}

/* Preserve the image's real aspect ratio and show the whole image. */
.pxp-usecase-media{
  width:min(760px,100%)!important;
  height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
}

.pxp-usecase-media img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  aspect-ratio:auto!important;
}

/* Do not let a mobile text-only height rule crop image slides. */
@media(max-width:620px){
  .pxp-usecase-stage{
    min-height:0!important;
    height:auto!important;
  }

  .pxp-usecase-media{
    width:100%!important;
  }

  .pxp-usecase-media img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
}


/* site-v64.css */
/* ProgressXP V64 — dark solution intro + no white slider outline */

/* Remove the white outline around the image slider inside the solution block. */
.pxp-busy-visible-block .pxp-caption-slider{
  border:none!important;
  outline:none!important;
  background:linear-gradient(145deg,#171c28 0%,#111621 100%)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.34)!important;
}

/* New intro above "ProgressXP Gives Your Effort Somewhere To Go." */
.pxp-solution-intro{
  width:min(820px,100%);
  margin:0 auto 34px;
  padding:2px 0 26px;
  text-align:center;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.pxp-solution-intro-title{
  margin:0 auto 18px;
  max-width:760px;
  color:#c4b5fd;
  font-size:clamp(18px,2.5vw,28px);
  font-weight:900;
  line-height:1.16;
  letter-spacing:-.035em;
  text-transform:uppercase;
}

.pxp-solution-intro-slider{
  width:min(680px,100%);
  margin:0 auto;
  padding:18px 18px 14px;
  border-radius:18px;
  background:
    radial-gradient(circle at 15% 0%,rgba(99,102,241,.14),transparent 38%),
    #111725;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.pxp-solution-intro-stage{
  min-height:60px;
  display:grid;
  align-items:center;
}

.pxp-solution-intro-item{
  grid-area:1/1;
  color:#f8fafc;
  font-size:clamp(18px,2.4vw,25px);
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.02em;
  text-align:center;
}

.pxp-solution-intro-slider .pxp-text-arrow{
  color:#c4b5fd!important;
  opacity:1!important;
}

.pxp-solution-intro-progress button{
  background:#4b5563!important;
}

.pxp-solution-intro-progress button.is-active{
  background:#a78bfa!important;
}

.pxp-solution-down{
  display:flex;
  justify-content:center;
  margin:22px 0 0;
  color:#a78bfa;
}

.pxp-solution-down span{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:999px;
  background:rgba(167,139,250,.10);
  font-size:27px;
  font-weight:900;
  line-height:1;
  animation:pxpSolutionDown 1.8s ease-in-out infinite;
}

@keyframes pxpSolutionDown{
  0%,100%{transform:translateY(0);opacity:.82}
  50%{transform:translateY(5px);opacity:1}
}

@media(prefers-reduced-motion:reduce){
  .pxp-solution-down span{animation:none}
}

@media(max-width:620px){
  .pxp-solution-intro{
    margin-bottom:28px;
    padding-bottom:22px;
  }
  .pxp-solution-intro-title{
    font-size:18px;
  }
  .pxp-solution-intro-slider{
    padding:16px 12px 12px;
    border-radius:15px;
  }
  .pxp-solution-intro-stage{
    min-height:56px;
  }
  .pxp-solution-intro-item{
    font-size:18px;
  }
}


/* site-v65.css */
/* ProgressXP V65 — top intro is now an image slider, and remove any visible white outline from the lower slider. */
.pxp-busy-visible-block .pxp-caption-slider,
.pxp-busy-visible-block .pxp-caption-slide,
.pxp-busy-visible-block .pxp-caption-slide-media,
.pxp-busy-visible-block .pxp-caption-slide-media img{border:none!important;outline:none!important;box-shadow:none!important}
.pxp-busy-visible-block .pxp-caption-slider{margin-top:10px!important;padding:18px 18px 16px!important;background:#171c28!important;border-radius:20px!important;box-shadow:0 22px 55px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.025)!important}
.pxp-busy-visible-block .pxp-caption-slide-media{background:#0b0f17!important;border-radius:16px!important;overflow:hidden!important}
.pxp-solution-intro{width:min(920px,100%);margin:0 auto 34px;padding:2px 0 26px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}
.pxp-solution-intro-title{margin:0 auto 18px;max-width:760px;color:#c4b5fd;font-size:clamp(18px,2.5vw,28px);font-weight:900;line-height:1.16;letter-spacing:-.035em;text-transform:uppercase}
.pxp-solution-intro-slider{margin:0 auto!important;padding:16px 16px 14px!important;width:min(760px,100%)!important;border:none!important;outline:none!important;border-radius:20px!important;background:radial-gradient(circle at 15% 0%,rgba(99,102,241,.14),transparent 38%), #111725!important;box-shadow:0 20px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03)!important}
.pxp-solution-intro-slider .pxp-caption-slide-title,.pxp-solution-intro-slide-title{color:#ddd6fe!important;-webkit-text-fill-color:#ddd6fe!important;font-size:clamp(16px,2vw,22px)!important;margin:0 0 14px!important}
.pxp-solution-intro-slider .pxp-caption-slide-media{background:#0b0f17!important;border:none!important;border-radius:16px!important;overflow:hidden!important}
.pxp-solution-intro-slider .pxp-caption-slide-media img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;border:none!important;outline:none!important;border-radius:16px!important}
.pxp-solution-intro-slider .pxp-slider-nav{color:#c4b5fd!important;opacity:1!important}
.pxp-solution-intro-slider .pxp-slider-dots button{background:#4b5563!important}
.pxp-solution-intro-slider .pxp-slider-dots button.active,.pxp-solution-intro-slider .pxp-slider-dots button.is-active{background:#a78bfa!important}
.pxp-solution-down{display:flex;justify-content:center;margin:22px 0 0;color:#a78bfa}
.pxp-solution-down span{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:rgba(167,139,250,.10);font-size:27px;font-weight:900;line-height:1;animation:pxpSolutionDown 1.8s ease-in-out infinite}
@keyframes pxpSolutionDown{0%,100%{transform:translateY(0);opacity:.82}50%{transform:translateY(5px);opacity:1}}
@media(prefers-reduced-motion:reduce){.pxp-solution-down span{animation:none}}
@media(max-width:620px){.pxp-busy-visible-block .pxp-caption-slider{padding:12px 12px 13px!important;border-radius:16px!important}.pxp-solution-intro{margin-bottom:28px;padding-bottom:22px}.pxp-solution-intro-title{font-size:18px}.pxp-solution-intro-slider{padding:12px 12px 12px!important;border-radius:16px!important}.pxp-solution-intro-slider .pxp-caption-slide-title,.pxp-solution-intro-slide-title{font-size:16px!important;margin-bottom:10px!important}}


/* site-v66.css */
/* ProgressXP V66
   1) The new top slider uses its own layout/engine so it no longer conflicts
      with the old generic slider sizing code.
   2) Completely remove the bright/white outline from the lower solution slider.
*/

/* LOWER SLIDER — no white frame/outline at all */
.pxp-busy-visible-block > .pxp-caption-slider,
.pxp-busy-visible-block > .pxp-caption-slider .pxp-slider-window,
.pxp-busy-visible-block > .pxp-caption-slider .pxp-slider-track,
.pxp-busy-visible-block > .pxp-caption-slider .pxp-slide,
.pxp-busy-visible-block > .pxp-caption-slider .pxp-caption-slide-title,
.pxp-busy-visible-block > .pxp-caption-slider .pxp-caption-slide-media,
.pxp-busy-visible-block > .pxp-caption-slider .pxp-caption-slide-media img{
  border:0!important;
  outline:0!important;
}

.pxp-busy-visible-block > .pxp-caption-slider .pxp-slider-window{
  background:#111621!important;
  box-shadow:none!important;
}

.pxp-busy-visible-block > .pxp-caption-slider .pxp-slide{
  background:#111621!important;
}

.pxp-busy-visible-block > .pxp-caption-slider .pxp-caption-slide-title{
  background:transparent!important;
  color:#ddd6fe!important;
  -webkit-text-fill-color:#ddd6fe!important;
}

.pxp-busy-visible-block > .pxp-caption-slider .pxp-caption-slide-media{
  background:#0b0f17!important;
  box-shadow:none!important;
}

.pxp-busy-visible-block > .pxp-caption-slider .pxp-caption-slide-media img{
  background:transparent!important;
  box-shadow:none!important;
}

/* TOP IMAGE SLIDER */
.pxp-solution-image-slider{
  position:relative;
  width:min(760px,100%);
  margin:0 auto;
  padding:14px 14px 13px;
  border:0;
  outline:0;
  border-radius:20px;
  background:
    radial-gradient(circle at 12% 0%,rgba(99,102,241,.16),transparent 36%),
    #111725;
  box-shadow:0 20px 48px rgba(0,0,0,.28);
  overflow:visible;
}

.pxp-solution-image-window{
  width:100%;
  overflow:hidden;
  border:0;
  outline:0;
  border-radius:15px;
  background:#0b0f17;
  transition:height .32s cubic-bezier(.2,.75,.2,1);
}

.pxp-solution-image-track{
  display:flex;
  align-items:flex-start;
  width:100%;
  transition:transform .5s cubic-bezier(.2,.75,.2,1);
  will-change:transform;
}

.pxp-solution-image-slide{
  flex:0 0 100%;
  min-width:100%;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  background:#0b0f17;
  border:0;
  outline:0;
}

.pxp-solution-image-heading{
  margin:0!important;
  padding:15px 38px 13px;
  color:#ddd6fe!important;
  -webkit-text-fill-color:#ddd6fe!important;
  background:#101522!important;
  font-size:clamp(16px,2vw,22px)!important;
  line-height:1.18;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  text-align:center;
}

.pxp-solution-image-media{
  width:100%;
  background:#0b0f17;
  border:0;
  outline:0;
  overflow:hidden;
}

.pxp-solution-image-media img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  object-fit:contain;
}

.pxp-solution-image-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  width:34px;
  height:46px;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  box-shadow:none;
  color:#c4b5fd;
  display:grid;
  place-items:center;
  cursor:pointer;
  opacity:.9;
}

.pxp-solution-image-nav svg{
  width:26px;
  height:26px;
}

.pxp-solution-image-prev{left:18px}
.pxp-solution-image-next{right:18px}

.pxp-solution-image-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  margin-top:13px;
}

.pxp-solution-image-dots button{
  appearance:none;
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:99px;
  background:#4b5563;
  cursor:pointer;
  transition:.2s ease;
}

.pxp-solution-image-dots button.active{
  width:23px;
  background:#a78bfa;
}

.pxp-solution-image-placeholder{
  min-height:230px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:30px 20px;
  text-align:center;
  color:#cbd5e1;
}

.pxp-solution-image-placeholder span{
  color:#a78bfa;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}

.pxp-solution-image-placeholder strong{
  color:#fff;
  font-size:18px;
}

.pxp-solution-image-placeholder small{
  color:#94a3b8;
  font-size:12px;
}

@media(max-width:620px){
  .pxp-solution-image-slider{
    padding:10px 10px 11px;
    border-radius:16px;
  }

  .pxp-solution-image-window{
    border-radius:13px;
  }

  .pxp-solution-image-heading{
    padding:12px 34px 10px;
    font-size:16px!important;
  }

  .pxp-solution-image-prev{left:10px}
  .pxp-solution-image-next{right:10px}
  .pxp-solution-image-nav{
    width:30px;
    height:42px;
  }
}


/* site-v68.css */
/* ProgressXP V68
   - second Hero slider
   - non-black solution/down-arrow section with strong visual separation
*/

/* SECOND HERO SLIDER */
.pxp-hero-second-slider{
  width:min(1040px,100%);
  margin:20px auto 0;
}

.pxp-hero-second-slider .pxp-slider{
  margin:0 auto!important;
}

.pxp-hero-second-slider .pxp-slider-window{
  border-radius:20px!important;
}

.pxp-hero-second-slider .pxp-slide img{
  display:block;
  width:100%;
  height:auto!important;
  object-fit:contain!important;
}

/* Change the entire down-arrow / visible-progress block away from black.
   Lavender + ice-blue background, then distinct white / blue cards inside. */
.pxp-busy-visible-block{
  background:
    radial-gradient(circle at 12% 8%,rgba(99,102,241,.16),transparent 28%),
    radial-gradient(circle at 90% 24%,rgba(14,165,233,.12),transparent 30%),
    linear-gradient(145deg,#e8edff 0%,#f3efff 48%,#e9f7ff 100%)!important;
  border:1px solid rgba(79,70,229,.12)!important;
  box-shadow:0 26px 68px rgba(55,65,120,.13)!important;
  color:#172554!important;
}

/* Intro heading */
.pxp-busy-visible-block .pxp-solution-intro-title{
  color:#4c1d95!important;
  -webkit-text-fill-color:#4c1d95!important;
}

/* Intro separator */
.pxp-busy-visible-block .pxp-solution-intro{
  border-bottom:1px solid rgba(79,70,229,.16)!important;
}

/* Top image slider: clean pale card, clearly separate from section background */
.pxp-busy-visible-block .pxp-solution-image-slider{
  background:#f8faff!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 18px 44px rgba(60,72,128,.14)!important;
}

.pxp-busy-visible-block .pxp-solution-image-window,
.pxp-busy-visible-block .pxp-solution-image-slide,
.pxp-busy-visible-block .pxp-solution-image-media{
  background:#eef3ff!important;
}

.pxp-busy-visible-block .pxp-solution-image-heading{
  background:#e4e9ff!important;
  color:#312e81!important;
  -webkit-text-fill-color:#312e81!important;
}

.pxp-busy-visible-block .pxp-solution-image-nav{
  color:#4338ca!important;
}

.pxp-busy-visible-block .pxp-solution-image-dots button{
  background:#a5b4fc!important;
}

.pxp-busy-visible-block .pxp-solution-image-dots button.active{
  background:#4f46e5!important;
}

/* Down arrow gets its own strong visual treatment */
.pxp-busy-visible-block .pxp-solution-down{
  color:#5b21b6!important;
}

.pxp-busy-visible-block .pxp-solution-down span{
  background:#ddd6fe!important;
  color:#5b21b6!important;
  box-shadow:0 10px 26px rgba(91,33,182,.14)!important;
}

/* Main solution H2 */
.pxp-busy-visible-block .pxp-busy-second-title{
  color:#172554!important;
  -webkit-text-fill-color:#172554!important;
  background:none!important;
}

/* Lower image slider: separate icy-blue surface, not a white outline */
.pxp-busy-visible-block > .pxp-caption-slider{
  background:#dfe8ff!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 20px 48px rgba(49,46,129,.13)!important;
}

.pxp-busy-visible-block > .pxp-caption-slider .pxp-slider-window,
.pxp-busy-visible-block > .pxp-caption-slider .pxp-slider-track,
.pxp-busy-visible-block > .pxp-caption-slider .pxp-slide{
  background:#eaf0ff!important;
  border:0!important;
  outline:0!important;
}

.pxp-busy-visible-block > .pxp-caption-slider .pxp-caption-slide-title{
  color:#3730a3!important;
  -webkit-text-fill-color:#3730a3!important;
  background:#dbe4ff!important;
}

.pxp-busy-visible-block > .pxp-caption-slider .pxp-caption-slide-media{
  background:#eef3ff!important;
  border:0!important;
  outline:0!important;
}

.pxp-busy-visible-block > .pxp-caption-slider .pxp-caption-slide-media img{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

.pxp-busy-visible-block > .pxp-caption-slider .pxp-slider-nav{
  color:#3730a3!important;
}

/* Closing line is its own white conclusion card */
.pxp-busy-visible-block .pxp-busy-closing{
  background:#ffffff!important;
  color:#172554!important;
  -webkit-text-fill-color:#172554!important;
  border:0!important;
  box-shadow:0 14px 34px rgba(49,46,129,.10)!important;
}

/* Admin — visually separate Hero's second slider editor */
.pxp-hero-second-admin{
  margin-top:18px!important;
}

@media(max-width:620px){
  .pxp-hero-second-slider{
    margin-top:14px;
  }

  .pxp-busy-visible-block{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}


/* site-v69.css */
/* ProgressXP V69 — make the popup countdown noticeable without making it noisy */

.pxp-popup-countdown{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:5px 14px!important;

  width:100%!important;
  margin:2px 0 20px!important;
  padding:12px 14px 11px!important;

  border:1px solid rgba(251,113,133,.55)!important;
  border-radius:14px!important;

  background:
    radial-gradient(circle at 100% 0%,rgba(244,63,94,.15),transparent 42%),
    linear-gradient(135deg,rgba(127,29,29,.26),rgba(15,23,42,.76))!important;

  box-shadow:
    0 10px 30px rgba(127,29,29,.18),
    inset 0 1px 0 rgba(255,255,255,.045)!important;

  animation:pxpTimerAttention 3.2s ease-in-out infinite!important;
}

.pxp-popup-countdown > span{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;

  color:#fecdd3!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.pxp-popup-countdown > span i{
  display:block!important;
  width:8px!important;
  height:8px!important;
  flex:0 0 8px!important;
  border-radius:999px!important;
  background:#fb7185!important;
  box-shadow:0 0 0 0 rgba(251,113,133,.55)!important;
  animation:pxpTimerDot 1.8s ease-out infinite!important;
}

.pxp-popup-countdown > b{
  min-width:116px!important;
  margin:0!important;
  padding:7px 9px!important;

  border-radius:10px!important;
  background:#fff1f2!important;
  color:#9f1239!important;

  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.015em!important;
  text-align:center!important;

  box-shadow:0 6px 18px rgba(15,23,42,.18)!important;
}

.pxp-popup-countdown > small{
  grid-column:1 / -1!important;
  display:block!important;
  margin:1px 0 0!important;

  color:rgba(255,255,255,.68)!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  font-weight:600!important;
  letter-spacing:0!important;
}

@keyframes pxpTimerAttention{
  0%,100%{
    border-color:rgba(251,113,133,.42);
    box-shadow:0 10px 30px rgba(127,29,29,.13),inset 0 1px 0 rgba(255,255,255,.04);
    transform:translateZ(0);
  }
  50%{
    border-color:rgba(251,113,133,.82);
    box-shadow:0 12px 34px rgba(190,24,93,.24),0 0 0 3px rgba(244,63,94,.055),inset 0 1px 0 rgba(255,255,255,.05);
    transform:translateZ(0);
  }
}

@keyframes pxpTimerDot{
  0%{box-shadow:0 0 0 0 rgba(251,113,133,.52)}
  70%{box-shadow:0 0 0 7px rgba(251,113,133,0)}
  100%{box-shadow:0 0 0 0 rgba(251,113,133,0)}
}

@media(max-width:520px){
  .pxp-popup-countdown{
    gap:6px 10px!important;
    padding:11px 11px 10px!important;
    margin-bottom:17px!important;
  }

  .pxp-popup-countdown > span{
    font-size:9.5px!important;
    letter-spacing:.065em!important;
  }

  .pxp-popup-countdown > b{
    min-width:107px!important;
    padding:7px 7px!important;
    font-size:18px!important;
  }

  .pxp-popup-countdown > small{
    font-size:9.5px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .pxp-popup-countdown,
  .pxp-popup-countdown > span i{
    animation:none!important;
  }
}


/* site-v70.css */
/* ProgressXP V70 — subtle popup timer attention only */

.pxp-popup-countdown{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;

  width:100%!important;
  margin:2px 0 18px!important;
  padding:8px 10px!important;

  border:0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.045)!important;

  box-shadow:none!important;
  transform:none!important;
  animation:none!important;
}

.pxp-popup-countdown > span{
  display:block!important;
  margin:0!important;
  color:rgba(255,255,255,.66)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
}

.pxp-popup-countdown > span i,
.pxp-popup-countdown > small{
  display:none!important;
}

.pxp-popup-countdown > b{
  min-width:108px!important;
  margin:0!important;
  padding:5px 8px!important;

  border:0!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;

  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  text-align:center!important;

  box-shadow:none!important;
  animation:pxpTimerSoftImpulse 4.2s ease-in-out infinite!important;
}

/* A small, occasional "notice me" impulse — no flashing, no red box. */
@keyframes pxpTimerSoftImpulse{
  0%,72%,100%{
    transform:scale(1);
    background:rgba(255,255,255,.075);
    box-shadow:0 0 0 0 rgba(167,139,250,0);
  }
  82%{
    transform:scale(1.025);
    background:rgba(167,139,250,.13);
    box-shadow:0 0 0 4px rgba(167,139,250,.045);
  }
  90%{
    transform:scale(1);
    background:rgba(255,255,255,.085);
    box-shadow:0 0 0 0 rgba(167,139,250,0);
  }
}

@media(max-width:520px){
  .pxp-popup-countdown{
    padding:7px 9px!important;
    margin-bottom:16px!important;
  }

  .pxp-popup-countdown > span{
    font-size:10px!important;
  }

  .pxp-popup-countdown > b{
    min-width:102px!important;
    font-size:16px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .pxp-popup-countdown > b{
    animation:none!important;
  }
}


/* site-v71.css */

/* ProgressXP V71 — fix popup timer digit crop */
.pxp-popup-countdown{
  padding:9px 10px!important;
  overflow:visible!important;
}

.pxp-popup-countdown > b{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:116px!important;
  min-height:36px!important;
  padding:6px 10px 7px!important;
  line-height:1.15!important;
  overflow:visible!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}

@media(max-width:520px){
  .pxp-popup-countdown{
    padding:8px 9px!important;
  }

  .pxp-popup-countdown > b{
    min-width:110px!important;
    min-height:34px!important;
    padding:6px 9px 7px!important;
    line-height:1.12!important;
  }
}


/* site-v74.css */
/* V74: new V3-only pre-comparison section. Existing sections unaffected. */
.pxp-section-before_comparison{background:#fff!important;color:#0f172a!important}
.pxp-section-before_comparison .pxp-section-shell{max-width:1160px;margin-inline:auto;text-align:center}
.pxp-section-before_comparison .pxp-before-compare-title{max-width:980px;margin:0 auto 34px!important;color:#152c54!important;font-size:clamp(34px,5vw,60px)!important;line-height:1.08!important;letter-spacing:-.045em;text-align:center;text-wrap:balance}
.pxp-section-before_comparison .pxp-usecase-slider{background:#fff!important;border:1px solid rgba(25,53,110,.10)!important;box-shadow:0 16px 50px rgba(15,23,42,.055)!important}
.pxp-section-before_comparison .pxp-usecase-slide h3{color:#244bb3!important}
.pxp-section-before_comparison .pxp-usecase-copy{color:#475569!important}
@media(max-width:620px){.pxp-section-before_comparison .pxp-before-compare-title{font-size:clamp(28px,8vw,36px)!important;line-height:1.1!important;margin-bottom:25px!important}.pxp-section-before_comparison .pxp-usecase-slider{width:100%!important}}


/* V80: the popup reflows at enlarged text sizes; every section stays inside
   the card. The browser draws the strike on each actual line of price text. */
.pxp-popup-backdrop{
  position:fixed!important;
  top:var(--pxp-offer-view-top,0px)!important;
  left:var(--pxp-offer-view-left,0px)!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--pxp-offer-view-width,100%)!important;
  height:100vh!important;
  height:var(--pxp-offer-view-height,100dvh)!important;
  box-sizing:border-box!important;
  padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.pxp-popup.pgrpg-offer.pxp-offer-responsive{
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  width:min(520px,100%)!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-height:100%!important;
  margin:auto!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:20px;
  overscroll-behavior:contain;
}
.pxp-offer-responsive .pxp-offer-header,
.pxp-offer-responsive .pxp-offer-body,
.pxp-offer-responsive .pxp-offer-footer{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  max-width:100%;
}
.pxp-offer-responsive .pxp-offer-header{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px 10px;
}
.pxp-offer-responsive .pxp-offer-header .pgrpg-alert{
  flex:0 1 auto;
  width:fit-content!important;
  min-width:0;
  max-width:calc(100% - 52px)!important;
  margin:0!important;
  padding:8px 12px!important;
  font-size:.7rem!important;
  line-height:1.3!important;
  overflow-wrap:anywhere;
}
.pxp-offer-responsive .pxp-offer-header .pxp-popup-close{
  position:static!important;
  flex:0 0 40px;
  width:40px!important;
  height:40px!important;
  min-width:40px;
  margin-left:auto;
  padding:0;
}
.pxp-offer-responsive .pxp-offer-body{
  flex:0 1 auto;
  min-height:0;
  padding:0 16px 2px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(167,139,250,.4) transparent;
}
.pxp-offer-responsive .pxp-offer-body:focus-visible{
  outline:2px solid #a78bfa;
  outline-offset:-2px;
}
.pxp-offer-responsive .pxp-popup-countdown{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px 10px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0 0 12px!important;
  padding:7px 9px!important;
}
.pxp-offer-responsive .pxp-popup-countdown>span{
  flex:1 1 5rem;
  min-width:0;
  max-width:100%;
  font-size:.7rem!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
.pxp-offer-responsive .pxp-popup-countdown>b{
  flex:0 0 auto!important;
  width:calc(9.25ch + 16px)!important;
  height:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:30px!important;
  padding:5px 8px!important;
  font-size:min(1rem,calc((var(--pxp-offer-view-width,100vw) - 100px)/6))!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:visible!important;
  contain:none!important;
  text-align:center!important;
  animation:none!important;
}
.pxp-offer-responsive .pgrpg-title{
  max-width:100%;
  margin:0!important;
  font-size:clamp(1.45rem,5.7vw,2rem)!important;
  line-height:1.13!important;
  letter-spacing:-.035em!important;
  overflow-wrap:anywhere;
}
.pxp-offer-responsive .pgrpg-subtitle{
  max-width:100%;
  margin:10px 0 12px!important;
  font-size:.85rem!important;
  line-height:1.5!important;
  overflow-wrap:anywhere;
}
.pxp-offer-responsive .pgrpg-price-box{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"compare save" "label save" "amount amount";
  align-items:start!important;
  gap:5px 10px!important;
  min-width:0;
  max-width:100%;
  margin:0 0 12px!important;
  padding:12px 13px!important;
}
.pxp-offer-responsive .pgrpg-compare-price{
  grid-area:compare;
  display:block!important;
  width:auto!important;
  min-width:0;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:.9rem!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-decoration:none!important;
}
.pxp-offer-responsive .pgrpg-compare-price::before,
.pxp-offer-responsive .pgrpg-compare-price::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
.pxp-offer-responsive .pgrpg-compare-price>s{
  display:inline;
  text-decoration-line:line-through!important;
  text-decoration-color:#f76580!important;
  text-decoration-thickness:1.5px!important;
  text-decoration-skip-ink:none;
}
.pxp-offer-responsive .pgrpg-price-label{
  grid-area:label;
  min-width:0;
  margin:0!important;
  font-size:.66rem!important;
  line-height:1.4!important;
  letter-spacing:.055em!important;
  overflow-wrap:anywhere;
}
.pxp-offer-responsive .pgrpg-save{
  grid-area:save;
  max-width:min(7rem,24vw);
  padding:8px 10px!important;
  font-size:.65rem!important;
  line-height:1.25!important;
  overflow-wrap:anywhere;
}
.pxp-offer-responsive .pgrpg-new-price{
  grid-area:amount;
  min-width:0;
  margin:3px 0 0!important;
  font-size:clamp(1.6rem,7vw,2.1rem)!important;
  line-height:1.15!important;
}
.pxp-offer-responsive .pgrpg-money{
  display:inline!important;
  max-width:100%;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.pxp-offer-responsive .pgrpg-features{
  display:flex!important;
  flex-wrap:wrap;
  gap:7px 10px!important;
  width:100%;
  max-width:100%;
  margin:0!important;
  padding:0!important;
}
.pxp-offer-responsive .pgrpg-features>li{
  flex:1 1 max(7rem,calc(50% - 5px));
  display:flex;
  align-items:flex-start!important;
  gap:6px!important;
  min-width:0;
  max-width:100%;
  font-size:.78rem!important;
  line-height:1.4!important;
}
.pxp-offer-responsive .pgrpg-check{
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  margin-top:1px;
  font-size:12px!important;
}
.pxp-offer-responsive .pxp-feature-label{
  min-width:0;
  overflow-wrap:anywhere;
}
.pxp-offer-responsive .pxp-offer-footer{
  flex:0 0 auto;
  padding:12px 16px 14px;
  background:#0d0e14;
  border-top:1px solid rgba(255,255,255,.06);
}
.pxp-offer-responsive .pgrpg-cta{
  display:flex!important;
  box-sizing:border-box;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:48px!important;
  padding:12px 14px!important;
  font-size:clamp(.85rem,3.7vw,1rem)!important;
  line-height:1.35!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  border-radius:13px!important;
}
.pxp-offer-responsive .pxp-offer-assurance{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:3px 10px;
  margin-top:9px;
}
.pxp-offer-responsive .pxp-offer-assurance .pgrpg-small,
.pxp-offer-responsive .pxp-offer-assurance .pgrpg-decline{
  min-width:0;
  max-width:100%;
  margin:0!important;
  font-size:.67rem!important;
  line-height:1.4!important;
  text-align:center;
  overflow-wrap:anywhere;
}
body.pxp-offer-visible .pxp-sale-toast,
.pxp-popup-backdrop:not([hidden])~.pxp-sale-toast{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.pxp-popup.pgrpg-offer.pxp-offer-responsive.pxp-offer-single-scroll{overflow-y:auto!important}
.pxp-offer-responsive.pxp-offer-single-scroll .pxp-offer-header{
  position:sticky;
  top:0;
  z-index:3;
  background:#0d0e14;
}
.pxp-offer-responsive.pxp-offer-single-scroll .pxp-offer-body{flex:none;overflow:visible}
@media(max-height:420px){
  .pxp-popup.pgrpg-offer.pxp-offer-responsive{overflow-y:auto!important}
  .pxp-offer-responsive .pxp-offer-header{
    position:sticky;
    top:0;
    z-index:3;
    background:#0d0e14;
  }
  .pxp-offer-responsive .pxp-offer-body{flex:none;overflow:visible}
}

/* Minimal offer validity detail under all landing-page and popup CTAs. */
.pxp-cta-group{
  width:min(100%,350px);
  max-width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  margin-inline:auto;
  min-width:0;
}
.pxp-cta-group>.pxp-cta{
  display:flex!important;
  box-sizing:border-box;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.pxp-validity-badge{
  display:inline-flex;
  box-sizing:border-box;
  align-items:center;
  justify-content:center;
  align-self:center;
  width:max-content;
  max-width:100%;
  padding:5px 11px;
  border:1px solid #dc2626;
  border-radius:999px;
  background:#dc2626;
  color:#fff!important;
  font:700 11px/1.15 'DM Sans',system-ui,sans-serif;
  letter-spacing:.02em;
  text-align:center;
  white-space:normal;
  box-shadow:0 2px 6px rgba(185,28,28,.1);
}
.pxp-offer-responsive .pxp-offer-footer>.pxp-validity-badge{
  display:flex;
  margin:7px auto 0;
}
.pxp-offer-responsive .pxp-offer-assurance{margin-top:7px!important}
@media(max-width:620px){
  .pxp-cta-group{width:100%;}
  .pxp-cta-group>.pxp-cta{max-width:100%!important;}
  .pxp-validity-badge{font-size:10px;padding:5px 10px;}
}