/* Brand light follows each composition instead of percentages of a changing page. */
:root {
  --brand-indigo:#555ae8;
  --brand-indigo-light:#a6a9ff;
  --brand-indigo-deep:#20225c;
}
main { background-image:none; }
:is(.features,.process,.comparison,.migration,.business-models,.support-proof,.pricing-options,.guarantee,.faq) {
  position:relative;
  isolation:isolate;
}
/* Close-range light echoes the diffuse background in selected surfaces. */
.feature--refund,
.feature--setup { background:radial-gradient(ellipse at 0 0,#4a4c9424,transparent 80%),#030308; }
.section-sculpture::before { inset:8% -12%; background:radial-gradient(ellipse,#5054d527,transparent 72%); }
.business-models__item--contact { border-top-color:#6064c957; }
.faq__reading { border-color:#33344f; }
/* A restrained silver-to-indigo finish on the secondary headline. */
.features__heading-copy h2 span,
.pricing-options__intro h2 span,
.business-models h2 span,
.faq h2 > span {
  background:linear-gradient(110deg,#c8c9e0 8%,#b0b2e9 55%,#8689dc 100%);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
}
@media(forced-colors:active) {
  .features__heading-copy h2 span,
.pricing-options__intro h2 span,
.business-models h2 span,
.faq h2 > span { background:none; color:CanvasText; }
}
/* Fade the entire light layer before its bounds; no rectangular edges. */
/* Slate atmospheric light; indigo is reserved for interface accents. */
.feature--refund,
.feature--setup,
.feature--retry,
.feature--shopify { background:#000; }
.business-models__item--contact { border-top-color:var(--color-border); }
.faq__reading { border-color:#283148; }
.features__heading-copy h2 span,
.pricing-options__intro h2 span,
.business-models h2 span,
.faq h2 > span { background:none; color:var(--color-secondary); }
.features__heading-copy h2 br.features-title-break { display:block; }
.pricing-benefit:hover { background:transparent; border-color:transparent; }
.pricing-benefit[open] { background:transparent; border-color:transparent; }
/* No hard top edge on the chat illumination, and softly translucent chat surfaces. */
.support-proof,
.support-proof__gallery { overflow:visible; }
.support-proof__gallery::before { inset:-160px -80px -80px; mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent); }
:is(.features,.process,.migration,.business-models,.pricing-options,.guarantee,.faq,.support-proof) h3 { font-size:20px; font-weight:500; line-height:1.35; letter-spacing:-.01em; }
/* Section markers follow the actual reading order; subgroups are not numbered. */
.features__index,
.process__eyebrow,
.comparison__eyebrow,
.migration__eyebrow,
.business-models__eyebrow,
.support-proof__eyebrow,
.pricing-options__intro>.pricing-options__eyebrow,
.guarantee__eyebrow,
.faq__eyebrow,
.closing__eyebrow { display:flex; align-items:center; gap:12px; font:400 12px/1.6 var(--font-label); letter-spacing:.1em; color:var(--color-muted); }
.migration__eyebrow { margin:0 0 26px; }
.section-number,
.section-divider { display:inline!important; width:auto!important; height:auto!important; border:0!important; background:none!important; box-shadow:none!important; transform:none!important; margin:0!important; border-radius:0!important; }
.section-number,
.section-divider { color:var(--brand-indigo-light); }
.stroke-icon { fill:none; flex-shrink:0; }

/* Center the section marker on the same axis as its headline. */
.comparison__eyebrow,
.pricing-options__intro > .pricing-options__eyebrow { justify-content:center; }
.comparison__icon--manual.stroke-icon { stroke:currentColor; }
.comparison__icon--auto.stroke-icon { stroke:currentColor; }

/* Broad graphite clouds frame selected reading areas, with irregular indigo edges.
   Static gradients: no extra scroll observers or continuous paint animations. */
/* This light belongs to the sticky copy, so it shares its entire scroll path. */
.business-models__intro { isolation:isolate; }

@media(max-width:760px), (max-height:560px) {
  .business-models__intro { position:relative; top:auto; }
}