/* /bespoke-software only (body.theme-software): one very light purple from the hero to the footer (Max, 4 Nov 2026),
   the stack section's lilac with a little white. Run left→right on <main> so sections never seam; white cards sit on it. */

.theme-software main.svx{position:relative;isolation:isolate;background:linear-gradient(90deg,#f6f1fd 0%,#fbf9ff 50%,#f4eefc 100%)}
.theme-software main.svx>section{position:relative;background:transparent!important;border-top:0!important}
.theme-software main.svx>section::after{content:"";position:absolute;z-index:-1;inset:10% 12%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(196,181,253,.16),transparent 100%)}
.theme-software main.svx>.bsh2::after{display:none}
.theme-software .bsh2,.theme-software .bsh2.bsh2--still{background:transparent!important}
.theme-software .bsh2 .aur--light{background:transparent!important}
.theme-software .bsh2 .aur--light::after{display:none}
.theme-software .sh-section,.theme-software .sh-section--lilac{--sh-bg:transparent;background:transparent!important}
.theme-software .pr-section{background:transparent!important}

/* recent work: list in a white panel */
.theme-software .wl-list{background:#fff;border-radius:28px;padding:8px 34px;box-shadow:0 30px 70px -50px rgba(59,26,98,.35),0 0 0 1px rgba(76,29,149,.06)}
.theme-software .wl-row:first-child{border-top:0}

/* FAQ: white question boxes */
.theme-software .svx-faq{padding:110px 0}
.theme-software .svx-faq-list{border-top:0;display:grid;gap:10px}
.theme-software .svx-faq-list details{background:#fff;border:0;border-radius:18px;padding:20px 24px;box-shadow:0 20px 44px -36px rgba(59,26,98,.4),0 0 0 1px rgba(76,29,149,.06)}

/* compare: white columns */
.theme-software .cp-col{background:#fff;box-shadow:0 30px 70px -50px rgba(59,26,98,.35)}
.theme-software .cp-col--us{background:linear-gradient(160deg,#2a1454,#4c1d95 60%,#6d28d9)}

/* booking box: card on the lilac */
.theme-software .svx-enquiry{background:transparent!important;padding:24px 0 120px}
.theme-software .svx-enquiry .svx-enquiry-inner{border:0;box-shadow:0 0 0 1px rgba(76,29,149,.08),0 50px 100px -50px rgba(59,26,98,.45)}

@media (max-width:860px){
  .theme-software .wl-list{padding:4px 18px;border-radius:22px}
  .theme-software .svx-faq{padding:72px 0}
  .theme-software .svx-faq-list details{padding:16px 18px}
  .theme-software .svx-enquiry{padding:8px 0 72px}
}

/* White bands to break up the lilac (Max, 4 Nov 2026). Order: hero, work (lilac) · before/after (white) · integrations (lilac) ·
   security and support (white) · pricing (lilac) · package finder (white) · FAQ (lilac) · guides (white) · booking (lilac) */
.theme-software main.svx>section.ba-section,.theme-software main.svx>section.sx-section,.theme-software main.svx>section.est-section,.theme-software main.svx>section.gd-section{background:#fff!important}
.theme-software main.svx>section.ba-section::after,.theme-software main.svx>section.sx-section::after,.theme-software main.svx>section.est-section::after,.theme-software main.svx>section.gd-section::after{display:none}
.theme-software .ba-section .ba-card{background:#f7f3fd;box-shadow:0 0 0 1px rgba(76,29,149,.08)}
.theme-software .svx-faq .svx-faq-list details{background:#fff}
.theme-software .sx-section .sx-tab:hover{background:#faf8fe}

/* Appro wordmark at the top of the "with Appro" comparison card (Max, 4 Nov 2026) */
.cp-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.cp-brand .cp-tag{margin:0}
.cp-logo{display:block;height:34px;width:auto;flex:none}
@media (max-width:640px){.cp-logo{height:28px}.cp-brand{margin-bottom:18px}}
@media (min-width:861px){.cp-col--them h3{padding-top:14px}}