/* One atmosphere, varied points of light. Main remains opaque for footer reveal. */
main {
  background-color: #000;
  background-image:
    radial-gradient(ellipse 760px 620px at 92% 18%, rgb(63 55 131 / 11%), transparent 75%),
    radial-gradient(ellipse 850px 680px at 0% 34%, rgb(55 53 116 / 10%), transparent 76%),
    radial-gradient(ellipse 800px 900px at 95% 51%, rgb(54 48 125 / 10%), transparent 76%),
    radial-gradient(ellipse 1050px 720px at 35% 70%, rgb(70 61 143 / 10%), transparent 78%),
    radial-gradient(ellipse 850px 700px at 90% 86%, rgb(58 56 124 / 10%), transparent 78%);
}
.notasy-icon-definitions { position: absolute; pointer-events: none; overflow: hidden; }
svg.duotone-icon { stroke: none; flex-shrink: 0; }
svg.duotone-icon use { stroke: none; }
.feature-icon.duotone-icon { width: 36px; height: 36px; }
.feature__copy > .feature-icon.duotone-icon { margin: 4px 0 24px; }
h3 > .feature-icon.duotone-icon { width: 32px; height: 32px; }
.business-models__icon.duotone-icon { width: 28px; height: 28px; }
.hero-benefits__check,
.comparison__icon,
.migration-offer li,
.pricing-options__benefit,
.pricing-options__care {
  --icon-front: currentColor;
  --icon-back: currentColor;
}
.feature--refund,
.feature--setup { background: radial-gradient(ellipse at 0% 0%, #33336315, transparent 80%), #020307; }
.feature--retry,
.feature--shopify { background: radial-gradient(ellipse at 100% 100%, #39316c15, transparent 80%), #020307; }
.section-sculpture::after { display: none; }
.section-sculpture > img { mask-image: radial-gradient(ellipse 69% 68% at 50% 47%, #000 40%, transparent 91%); }
/* Status and action glyphs inherit semantic colors and button contrast. */
a .duotone-icon,
button .duotone-icon,
.migration__includes .duotone-icon,
.pricing-plan__support .duotone-icon,
.hero-benefits__check .duotone-icon,
.comparison__icon.duotone-icon { --icon-front: currentColor; --icon-back: currentColor; }
@media (max-width: 760px) {
  .guarantee__main { grid-template-columns: minmax(0, 1fr); }
  .guarantee__copy,
.guarantee__art { min-width: 0; }
  .guarantee h2 { overflow-wrap: break-word; }
}
.process-card__heading > div { min-width: 0; }
@media (max-width: 480px) {
  .process-card__heading { padding: 24px 20px; gap: 16px; }
  .process-card__heading h3 { overflow-wrap: break-word; }
}
/* Clip decorative rotations and oversize scene canvases without creating a scroll container. */
main { overflow-x: clip; }
/* Cutout artwork: the page supplies the light, not a baked-in studio floor. */
.section-sculpture { isolation:isolate; overflow:visible; }
.section-sculpture > img,
.section-sculpture--migration > img { mask-image:none; position:relative; z-index:1; }
.section-sculpture::before { content:""; position:absolute; inset:18% 7%; z-index:0; background:radial-gradient(ellipse,#55539515,transparent 70%); pointer-events:none; }
.section-sculpture--connection { margin-inline:-24px; }
.section-sculpture--migration { max-width:490px; margin:14px auto -12px; }
.section-sculpture--business { max-width:500px; margin-top:26px; }
/* Editorial type stays >=12px; miniature product scenes use their own scale. */
.sale-notices { width:328px; height:342px; max-width:calc(100% - 40px); }
.sale-notice { flex-basis:62px; min-height:62px; padding:12px; }
.sale-notice strong,
.sale-notice small { font-size:10px; }
.sale-notice time { font-size:8px; top:8px; }
.sale-notice img { width:28px; height:28px; }
.integration-picker { width:328px; }
.integration-picker__search > .search-typed { font-size:11px; }
.integration-picker__results { padding:18px 7px; }
.integration-picker__results > small { font-size:9px; }
.integration-results-stage .integration-result { padding-inline:0; font-size:10px; }
.integration-result small { font-size:9px; }
.process-app__bar { font-size:12px; }
.process-app__bar small,
.process-integration small,
.process-connected,
.process-connecting,
.process-app__footer { font-size:9px; }
.process-integration strong { font-size:11px; }
.process-integration { padding-right:72px; }
.process-phone { width:260px; }
.process-phone__date { font-size:10px; }
.process-phone__time { font-size:49px; }
.process-phone-toast { flex-wrap:nowrap; }
.process-phone-toast strong { font-size:10px; }
.process-phone-toast small { font-size:9px; }
.process-phone-toast > small { font-size:8px; }
.process-invoice { width:280px; }
.process-invoice__top > span,
.process-invoice__body > small { font-size:9px; }
.process-invoice__top small,
.process-invoice__body > strong,
.process-invoice__body > span,
.process-invoice__total,
.process-invoice__status { font-size:11px; }
.process-sale-confirmation { left:50%; top:50%; bottom:auto; translate:-50% -50%; width:300px; max-width:calc(100% - 32px); z-index:3; }
.process-deliveries { left:50%; top:50%; bottom:auto; right:auto; translate:-50% -50%; width:280px; max-width:calc(100% - 32px); z-index:3; }
.process-sale-confirmation strong,
.process-deliveries strong { font-size:12px; }
.process-sale-confirmation small,
.process-deliveries small { font-size:10px; }
.chart-y-labels,
.chart-x-labels,
.usage-column small,
.note-types__legend small,
.integration-name small,
.integrations-table thead,
.metric-card__comparison,
.sidebar-usage small,
.chart-tooltip > span { font-size:9px; }
.sidebar-nav a,
.sidebar-profile,
.sidebar-brand,
.dashboard__filters,
.sync-status,
.chart-period,
.metric-card__label,
.metric-trend { font-size:10px; }
/* Quiet conversations. */
.support-proof__card.support-chat { transition:none; }
.support-proof__card.support-chat:hover { transform:none; }
.pricing-benefit .duotone-icon { --icon-front:#a3cfb8; --icon-back:#a3cfb8; color:#a3cfb8; }
@media(max-width:760px) { .section-sculpture--connection { margin:0 auto; max-width:440px; } .section-sculpture--migration,
.section-sculpture--business { max-width:400px; } }