/* ==========================================================================
   QRCraft Pro — MINIMAL STUDIO theme (loaded after qx.css).
   Apple-like calm: white canvas, neutral greys, generous space, refined
   type with a grey second line, 3D floating QR tile, whisper-soft shadows.
   ========================================================================== */
body.qx {
  --ink: #111114; --ink2: #3A3A40; --mut: #6E6E76; --grey: #8E8E96; --line: rgba(0,0,0,.07); --line2: rgba(0,0,0,.12);
  --p: #691aef; --p-50: #F4F1FB; --soft: #F5F5F7;
  --shadow: 0 30px 60px -30px rgba(0,0,0,.22), 0 0 0 1px rgba(0,0,0,.05);
  background: #fff !important; color: var(--ink);
}
.qx .qx-orb, .qx .qx-mods, .qx .qx-hero::before, .qx-page .page-header::before, .qx-page .page-header::after { display: none !important; }
.qx ::selection { background: #E9E2FB; }

/* type */
.qx h1, .qx h2, .qx h3 { color: var(--ink); }
.qs-grey, .qx .qx-h2 .qx-grad { color: var(--grey) !important; background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; animation: none !important; }
.qx .qx-h2 { font-size: clamp(2.2rem, 4.6vw, 3.8rem); font-weight: 600 !important; letter-spacing: -.045em !important; line-height: 1.04; }
.qx .qx-sub { color: var(--mut); font-size: 1.15rem; }
.qx .qx-eyebrow { color: var(--grey); letter-spacing: .18em; font-size: .75rem; }
.qx .qx-eyebrow::before { display: none; }
.qx .qx-head { margin-bottom: 56px; }

/* nav */
.qx .qx-nav { background: rgba(255,255,255,.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); border-bottom: 1px solid var(--line); }
.qx .qx-nav.is-scrolled { box-shadow: none; }
.qx .qx-nav-in { height: 60px; }
.qx .qx-logo { font-weight: 600; font-size: 1.05rem; }
.qx .qx-logo-mark { width: 30px; height: 30px; border-radius: 9px; font-size: 14px; background: var(--ink); box-shadow: none; }
.qx .qx-links a { font-size: .86rem; color: var(--ink2); } .qx .qx-links a:hover { background: none; color: var(--ink); }
.qx .qx-links a.amber { color: #8a6a00; }

/* buttons */
.qx .qx-btn { height: 46px; font-weight: 600; font-size: .95rem; }
.qx .qx-btn-primary { background: var(--ink); color: #fff; box-shadow: none; }
.qx .qx-btn-primary::before { background: var(--p); }
.qx .qx-btn-primary:hover { box-shadow: 0 10px 24px -12px rgba(105,26,239,.6); }
.qx a.qx-btn-primary, .qx a.qx-btn-primary:visited { color: #fff; }
.qx .qx-btn-ghost, .qx a.qx-btn-ghost { background: var(--soft); border-color: transparent; color: var(--ink); }
.qx .qx-btn-ghost:hover { background: #EBEBEF; }
.qx .qx-btn-sm { height: 34px; font-size: .82rem; }

/* hero */
.qx .qx-hero { padding: 0; }
.qs-hero { text-align: center; padding: 90px 0 30px; }
.qs-kicker { display: inline-block; font-size: .78rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--grey); }
.qs-h1 { margin: 20px 0 22px; font-size: clamp(2.8rem, 7vw, 6.2rem); font-weight: 600; letter-spacing: -.055em; line-height: 1.0; }
.qs-lede { max-width: 600px; margin: 0 auto; color: var(--mut); font-size: clamp(1.05rem, 1.6vw, 1.25rem); line-height: 1.55; }
.qs-ctas { display: flex; gap: 22px; align-items: center; justify-content: center; margin-top: 32px; flex-wrap: wrap; }
.qs-link { color: var(--p); font-weight: 500; font-size: 1.02rem; } .qs-link:hover { text-decoration: underline; }
.qs-stage { position: relative; height: 420px; margin-top: 50px; perspective: 1400px; }
.qs-tile { position: absolute; left: 50%; top: 20px; width: 280px; margin-left: -140px; padding: 22px 22px 18px; border-radius: 32px; background: #fff; box-shadow: 0 60px 100px -40px rgba(0,0,0,.35), 0 0 0 1px rgba(0,0,0,.05);
  transform: rotateX(16deg) rotateY(-16deg); transform-style: preserve-3d; animation: qs-turn 9s ease-in-out infinite; }
@keyframes qs-turn { 50% { transform: rotateX(6deg) rotateY(16deg) translateY(-10px); } }
.qs-qr { color: var(--ink); } .qs-qr svg { display: block; width: 100%; height: auto; }
.qs-tile-foot { margin-top: 14px; text-align: left; font-size: .86rem; } .qs-tile-foot b { display: block; font-weight: 600; } .qs-tile-foot span { color: var(--grey); }
.qs-chip { position: absolute; display: inline-flex; align-items: center; gap: 8px; padding: 11px 16px; border-radius: 16px; background: rgba(255,255,255,.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  box-shadow: var(--shadow); font-size: .9rem; font-weight: 500; color: var(--ink); animation: qs-float 7s ease-in-out infinite; }
.qs-chip i { font-style: normal; }
.qs-c1 { left: calc(50% - 380px); top: 70px; } .qs-c2 { right: calc(50% - 390px); top: 200px; animation-delay: -2.5s; background: var(--ink); color: #fff; } .qs-c3 { left: calc(50% - 330px); top: 290px; animation-delay: -4.5s; }
@keyframes qs-float { 50% { transform: translateY(-10px); } }
.qs-gen-head { text-align: center; margin: 70px 0 34px; }
.qs-h2 { font-size: clamp(2.2rem, 4.6vw, 3.8rem); font-weight: 600; letter-spacing: -.045em; line-height: 1.04; margin: 0; }
.qx .qx-gen-frame { padding-bottom: 110px; }
.qx .qx-gen-frame::before { display: none; }
.qx .qx-gen-frame .gen-card { border-radius: 28px !important; box-shadow: 0 50px 100px -50px rgba(0,0,0,.3), 0 0 0 1px rgba(0,0,0,.06) !important; }

/* stats */
.qx .qx-stats { background: var(--soft); padding: 64px 0; }
.qx .qx-stats-row { border: 0; }
.qx .qx-stat + .qx-stat { border-left: 1px solid var(--line2); }
.qx .qx-stat { text-align: center; }
.qx .qx-stat strong { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--ink); font-weight: 600 !important; font-size: clamp(2.4rem, 4.4vw, 3.6rem); letter-spacing: -.05em !important; }
.qx .qx-stat span { color: var(--grey); }
.qx .qx-industries { -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
.qx .qx-industries-track span { background: #fff; border: 0; box-shadow: 0 0 0 1px var(--line); color: var(--ink2); font-weight: 500; }

/* sections */
.qx .qx-sec { padding: 120px 0; background: #fff; }
.qx .qx-sec-alt { background: var(--soft); }
.qx .qx-steps::before { background: var(--line2); } .qx .qx-steps::after { background: var(--ink); }
.qx .qx-step-n { border-radius: 50%; border: 1px solid var(--line2); box-shadow: none; font-weight: 600; color: var(--ink); }
.qx .qx-steps.qx-in .qx-step-n { background: var(--ink); color: #fff; }
.qx .qx-step h3 { font-weight: 600; }
.qx .qx-card { border: 0; border-radius: 26px; background: #fff; box-shadow: 0 0 0 1px var(--line); }
.qx .qx-sec-alt .qx-card { box-shadow: none; }
.qx .qx-card::before { display: none; }
.qx .qx-card:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -30px rgba(0,0,0,.2), 0 0 0 1px var(--line); }
.qx .qx-card-ic { background: var(--soft); border-radius: 50%; }
.qx .qx-sec-alt .qx-card-ic { background: var(--soft); }
.qx .qx-card h3 { font-weight: 600; letter-spacing: -.02em; }
.qx .qx-card p { color: var(--mut); }
/* demo */
.qx #dynamic-qr { background: #fff; }
.qx .qx-compare div { border: 0; box-shadow: 0 0 0 1px var(--line); border-radius: 18px; }
.qx .qx-compare .yes { background: var(--p-50); box-shadow: 0 0 0 1px rgba(105,26,239,.25); border: 0; }
.qx .qx-dash, .qx .qx-flyer { box-shadow: var(--shadow); }
.qx .qx-bars i { background: #D4D4DA; } .qx .qx-bars i:last-child { background: var(--ink); }
.qx .qx-cities u i { background: var(--ink); }
.qx .qx-phone { background: var(--ink); }
/* pricing */
.qx .qx-plan { border: 0; box-shadow: 0 0 0 1px var(--line); border-radius: 26px; }
.qx .qx-plan.pop { background: var(--ink); box-shadow: 0 40px 80px -40px rgba(0,0,0,.5); }
.qx .qx-plan.pop::after { display: none; }
.qx .qx-badge { background: var(--p); }
.qx .qx-plan-amt { font-weight: 600 !important; letter-spacing: -.05em !important; }
.qx .qx-plan li::before { background: var(--soft); color: var(--ink); }
.qx .qx-plan.pop li::before { background: rgba(255,255,255,.12); color: #fff; }
/* reviews, faq */
.qx .qx-stars { color: var(--ink); }
.qx .qx-av { background: var(--ink); }
.qx .qx-faq-item.open .qx-faq-q i { background: var(--ink); border-color: var(--ink); }
/* bands */
.qx .qx-band { background: var(--ink); border-radius: 36px; }
.qx .qx-band::before, .qx .qx-band::after { display: none; }
.qx .qx-band h2 { font-weight: 600; letter-spacing: -.045em; }
.qx .qx-band .qx-eyebrow { color: rgba(255,255,255,.6) !important; }
.qx .qx-aff-stats strong { color: #fff; }
/* footer */
.qx footer.qx-foot { background: var(--soft) !important; border-top: 0 !important; }
.qx footer.qx-foot .qx-logo-mark { background: var(--ink); }
.qx .qx-progress { background: var(--ink); height: 2px; }

/* content pages */
.qx-page .page-header { padding: 90px 24px 50px !important; }
.qx-page .page-header h1 { font-weight: 600 !important; letter-spacing: -.055em !important; font-size: clamp(2.8rem, 6.6vw, 5.4rem) !important; }
.qx-page .page-header p { color: var(--mut) !important; font-size: 1.2rem; }
.qx-page .mission-card, .qx-page .value-card, .qx-page .stat-box, .qx-page .content-wrap .card, .qx-page .info-item, .qx-founder {
  border: 0 !important; background: #fff !important; box-shadow: 0 0 0 1px var(--line) !important; border-radius: 26px !important; }
.qx-page .stat-num { background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; color: var(--ink) !important; font-weight: 600 !important; }
.qx-page .value-icon, .qx-page .info-icon { background: var(--soft) !important; border-radius: 50% !important; }
.qx-page .cta-card { background: var(--ink) !important; border-radius: 32px !important; }
.qx-page .cta-card::before { display: none; }
.qx-page .cta-card .cta-btn { background: #fff !important; color: var(--ink) !important; }
.qx-page .field input, .qx-page .field textarea, .qx-page .field select { background: var(--soft) !important; border: 1px solid transparent !important; }
.qx-page .field input:focus, .qx-page .field textarea:focus, .qx-page .field select:focus { background: #fff !important; border-color: var(--p) !important; box-shadow: 0 0 0 4px rgba(105,26,239,.12) !important; }
.qx-founder-role { color: var(--p) !important; }
.qx-founder-ring::before { background: conic-gradient(from var(--qx-a), #111114, #691aef, #D4D4DA, #111114) !important; }
.qx-founder-badge { background: var(--ink) !important; }
.qx-cta-person::before { background: radial-gradient(circle at 50% 72%, rgba(105,26,239,.5), rgba(105,26,239,.15) 45%, transparent 66%) !important; }

/* auth */
body.qx.qx-auth { background: var(--soft) !important; }
body.qx.qx-auth::before { display: none; }
.qx-auth .auth-card { border: 0 !important; border-radius: 30px !important; background: #fff !important; box-shadow: 0 50px 100px -40px rgba(0,0,0,.25), 0 0 0 1px rgba(0,0,0,.05) !important; }
.qx-auth .auth-card::before { display: none; }
.qx-auth .auth-title { font-weight: 600 !important; letter-spacing: -.04em !important; }
.qx-auth .auth-logo-icon { background: var(--ink) !important; box-shadow: none; }
.qx-auth .input { background: var(--soft) !important; border: 1px solid transparent !important; }
.qx-auth .input:focus { background: #fff !important; border-color: var(--p) !important; box-shadow: 0 0 0 4px rgba(105,26,239,.12) !important; }
.qx-auth .btn-primary { background: var(--ink) !important; border-radius: 999px !important; box-shadow: none; }
.qx-auth .btn-primary::before { background: var(--p); }
.qx-auth .qx-mods { display: none; }

@media (max-width: 860px) { .qs-c1, .qs-c2, .qs-c3 { display: none; } .qs-stage { height: 380px; } .qx .qx-sec { padding: 84px 0; } }
@media (prefers-reduced-motion: reduce) { .qs-tile, .qs-chip { animation: none !important; } }
/* dark bands keep light text; white buttons keep dark text */
.qx .qx-band h2, .qx .qx-band h3 { color: #fff; }
.qx .qx-band a.qx-btn-primary, .qx .qx-band .qx-btn-primary { background: #fff; color: var(--ink) !important; }
.qx .qx-band a.qx-btn-primary:hover, .qx .qx-band .qx-btn-primary:hover { color: #fff !important; }
.qx .qx-band .qx-btn-ghost { background: rgba(255,255,255,.1); color: #fff; }

.qx-auth .auth-logo-icon { font-size: 0 !important; color: transparent !important; background: url("uploads/brand/logo-96.png") center / cover no-repeat !important; }

/* ==========================================================================
   BRAND COLOURS — the logo is flat purple #691AEF + yellow #FED507.
   Purple carries actions/active states; yellow is the highlight.
   ========================================================================== */
body.qx { --brand: #691aef; --brand-d: #5810d0; --brand-50: #f5f0ff; --yellow: #fed507; --yellow-d: #f0c800; --on-yellow: #1b0547; --p: #691aef; }
/* buttons */
.qx .qx-btn-primary, .qx a.qx-btn-primary, .qx a.qx-btn-primary:visited { background: var(--brand); color: #fff; box-shadow: 0 10px 24px -12px rgba(105,26,239,.7); }
.qx .qx-btn-primary::before { background: var(--brand-d); }
.qx .qx-btn-primary:hover { box-shadow: 0 14px 30px -12px rgba(105,26,239,.8); color: #fff; }
.qx a.qx-btn-primary:hover { color: #fff; }
.qx .qx-nav .qx-btn-primary { box-shadow: none; }
/* links + accents */
.qs-link, .qx a:hover { color: var(--brand); }
.qx .qx-links a:hover { color: var(--brand); }
.qx .qx-eyebrow { color: var(--brand); }
.qx .qx-progress { background: linear-gradient(90deg, var(--brand), var(--yellow)); height: 3px; }
/* hero */
.qs-grey { color: var(--brand) !important; }
.qs-tile { box-shadow: 0 60px 100px -40px rgba(105,26,239,.45), 0 0 0 1px rgba(105,26,239,.10); }
.qs-c2 { background: var(--brand); color: #fff; }
.qs-c1 i, .qs-c3 i { filter: none; }
/* steps */
.qx .qx-steps::after { background: linear-gradient(90deg, var(--brand), var(--yellow)); }
.qx .qx-steps.qx-in .qx-step-n { background: var(--brand); color: #fff; }
/* demo */
.qx .qx-bars i:last-child { background: var(--brand); }
.qx .qx-cities u i { background: var(--brand); }
.qx .qx-live::before { background: #16A34A; }
.qx .qx-compare .yes { background: var(--brand-50); box-shadow: 0 0 0 1px rgba(105,26,239,.28); }
.qx .qx-phone { background: #1b0547; }
.qx .qx-cam::before { border-color: var(--yellow); }
/* pricing: featured plan = logo purple, yellow badge */
.qx .qx-plan.pop { background: var(--brand); box-shadow: 0 40px 80px -36px rgba(105,26,239,.8); }
.qx .qx-plan.pop .qx-btn-primary { background: var(--yellow); color: var(--on-yellow); box-shadow: none; }
.qx .qx-plan.pop .qx-btn-primary::before { background: var(--yellow-d); }
.qx .qx-plan.pop .qx-btn-primary:hover { color: var(--on-yellow); }
.qx .qx-plan.pop li::before { background: rgba(254,213,7,.22); color: var(--yellow); }
.qx .qx-badge { background: var(--yellow); color: var(--on-yellow); }
.qx .qx-plan li::before { background: var(--brand-50); color: var(--brand); }
/* faq, reviews */
.qx .qx-faq-item.open .qx-faq-q i { background: var(--brand); border-color: var(--brand); }
.qx .qx-stars { color: #F2B800; } .qx .qx-av { background: var(--brand); }
.qx .qx-card-ic { background: var(--brand-50); }
.qx .qx-type:hover .qx-card-ic { background: #fff; }
/* CTA + affiliate bands = purple with yellow buttons (mirrors the logo) */
.qx .qx-band { background: var(--brand); box-shadow: 0 50px 90px -46px rgba(105,26,239,.7); position: relative; overflow: hidden; }
.qx .qx-band::before { display: block; content: ""; position: absolute; z-index: 0; width: 460px; height: 460px; right: -140px; top: -180px; border-radius: 50%; background: radial-gradient(circle, rgba(254,213,7,.38), transparent 62%); animation: qx-drift 18s ease-in-out infinite alternate; }
.qx .qx-band > * { position: relative; z-index: 1; }
.qx .qx-band p { color: rgba(255,255,255,.82); }
.qx .qx-band .qx-eyebrow { color: var(--yellow) !important; }
.qx .qx-band a.qx-btn-primary, .qx .qx-band .qx-btn-primary { background: var(--yellow); color: var(--on-yellow) !important; }
.qx .qx-band a.qx-btn-primary:hover, .qx .qx-band .qx-btn-primary:hover { color: var(--on-yellow) !important; }
.qx .qx-band .qx-btn-primary::before { background: var(--yellow-d); }
.qx .qx-band .qx-btn-ghost { background: rgba(255,255,255,.16); color: #fff; }
.qx .qx-aff-stats div { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.2); }
.qx .qx-aff-stats strong { color: var(--yellow); }
/* footer accent */
.qx footer.qx-foot a:hover { color: var(--brand) !important; }
/* content pages */
.qx-page .cta-card { background: var(--brand) !important; }
.qx-page .cta-card .cta-btn { background: var(--yellow) !important; color: var(--on-yellow) !important; }
.qx-founder-ring::before { background: conic-gradient(from var(--qx-a), var(--brand), var(--yellow), var(--brand-d), var(--brand)) !important; }
.qx-founder-badge { background: var(--yellow) !important; color: var(--on-yellow) !important; }
.qx-page .stat-num { color: var(--brand) !important; }
.qx-page .value-icon, .qx-page .info-icon { background: var(--brand-50) !important; }
.qx-page .submit-btn, .qx-page .content-wrap .btn-primary { background: var(--brand) !important; color: #fff !important; }
.qx-page .mission-card h2, .qx-page .content-wrap h2 { color: var(--ink); }
/* auth */
.qx-auth .btn-primary { background: var(--brand) !important; color: #fff !important; box-shadow: 0 12px 26px -12px rgba(105,26,239,.75) !important; }
.qx-auth .btn-primary::before { background: var(--brand-d); }
.qx-auth .btn-primary:hover { color: #fff !important; }
.qx-auth .auth-card a { color: var(--brand); }
body.qx.qx-auth { background: linear-gradient(180deg, #f5f0ff 0%, #ffffff 100%) !important; }

/* ==========================================================================
   HERO LAYOUT: text on the left, QR tile BESIDE it (desktop). Stacks on tablets/phones.
   ========================================================================== */
.qs-hero { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); grid-template-rows: 1fr auto auto auto auto 1fr; column-gap: 48px; align-items: start; text-align: left; padding: 40px 0 20px; min-height: min(calc(100vh - 140px), 640px); }
.qs-hero > .qs-kicker { grid-column: 1; grid-row: 2; justify-self: start; }
.qs-hero > .qs-h1 { grid-column: 1; grid-row: 3; font-size: clamp(2.4rem, 4.3vw, 3.95rem); margin: 18px 0 20px; }
.qs-hero > .qs-lede { grid-column: 1; grid-row: 4; margin: 0; max-width: 520px; }
.qs-hero > .qs-ctas { grid-column: 1; grid-row: 5; justify-content: flex-start; margin-top: 30px; }
.qs-hero > .qs-stage { grid-column: 2; grid-row: 1 / -1; align-self: stretch; height: auto; min-height: 480px; margin-top: 0; }
.qs-hero .qs-tile { top: 50%; margin-top: -170px; }
.qs-hero .qs-chip { z-index: 2; }
.qs-hero .qs-c1 { left: 0; top: 20%; }
.qs-hero .qs-c2 { left: auto; right: 0; top: 49%; }
.qs-hero .qs-c3 { left: 4%; top: auto; bottom: 15%; }
@media (max-width: 1100px) { .qs-hero { column-gap: 28px; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); } .qs-hero .qs-c1 { left: -6px; } .qs-hero .qs-c2 { right: -6px; } .qs-hero .qs-c3 { left: 0; } }
@media (max-width: 900px) {
  .qs-hero { display: block; text-align: center; padding: 56px 0 24px; min-height: 0; }
  .qs-hero > .qs-h1 { font-size: clamp(2.6rem, 9vw, 4.2rem); }
  .qs-hero > .qs-lede { margin: 0 auto; }
  .qs-hero > .qs-ctas { justify-content: center; }
  .qs-hero > .qs-stage { height: 380px; min-height: 0; margin-top: 44px; }
  .qs-hero .qs-tile { top: 20px; margin-top: 0; }
  .qs-hero .qs-chip { display: none; }
}

/* nav links never wrap (they were breaking onto two lines around 900px) */
.qx .qx-links a { white-space: nowrap; }
@media (max-width: 1040px) { .qx .qx-links a { padding-left: 9px; padding-right: 9px; font-size: .84rem; } .qx .qx-nav-in { gap: 14px; } }

/* ==========================================================================
   PRICING: 4 real plans (Free / Starter / Growth / Pro)
   ========================================================================== */
.qx .qx-plans.qx-plans-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 1240px; gap: 16px; align-items: stretch; }
.qx .qx-plans-4 .qx-plan { padding: 30px 24px 26px; }
.qx .qx-plans-4 .qx-plan-price { margin: 16px 0 6px; align-items: baseline; flex-wrap: wrap; row-gap: 0; }
.qx .qx-plans-4 .qx-plan-amt { font-size: 2.6rem; }
.qx .qx-plans-4 .qx-per { margin-left: 6px; }
.qx .qx-plans-4 .qx-plan ul { margin: 18px 0 26px; gap: 10px; }
.qx .qx-plans-4 .qx-plan li { font-size: .92rem; }
/* features a plan does NOT include: greyed with a ✕, like the in-app Pricing page */
.qx .qx-plan li.no { color: #9d99b3; }
.qx .qx-plan li.no::before { content: "✕"; background: #f0eef7; color: #aaa6bf; font-size: .62rem; }
.qx .qx-plan.pop li.no { color: rgba(255, 255, 255, .55); }
.qx .qx-plan.pop li.no::before { background: rgba(255, 255, 255, .12); color: rgba(255, 255, 255, .55); }
.qx .qx-badge.green { background: #12a150; color: #fff; }
.qx .qx-plans-4 .qx-plan .qx-btn { margin-top: auto; }
@media (max-width: 1100px) { .qx .qx-plans.qx-plans-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 760px; } }
@media (max-width: 640px)  { .qx .qx-plans.qx-plans-4 { grid-template-columns: minmax(0, 1fr); max-width: 420px; } }

/* anchor jumps (Pricing, How it works, FAQ…) land below the sticky header instead of under it */
html { scroll-padding-top: 76px; }