.sch {
  --sch-bg: #f8f9fd;
  --sch-surface: #ffffff;
  --sch-surface-alt: #eef1f9;
  --sch-ink: #14182c;
  --sch-muted: #596278;
  --sch-line: #dce1ed;
  --sch-brand: #2864ea;
  --sch-violet: #833deb;
  --sch-brand-soft: #e9edff;
  --sch-on-brand: #ffffff;
  --sch-shadow: 0 20px 65px rgb(25 39 83 / 9%);
  position: relative;
  width: 100%;
  overflow: clip;
  isolation: isolate;
  color: var(--sch-ink);
  background: var(--sch-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  text-align: left;
}

.sch,
.sch * { box-sizing: border-box; }
.sch :where(h1, h2, h3, p, ul, figure) { margin: 0; color: inherit; font-family: inherit; }
.sch :where(h1, h2, h3) { text-wrap: balance; }
.sch :where(p, li, h3, a) { overflow-wrap: break-word; }
.sch p:empty { display: none; }
.sch a { color: inherit; }
.sch [id] { scroll-margin-top: 100px; }
.sch a:focus-visible,
.sch summary:focus-visible { outline: 3px solid var(--sch-violet); outline-offset: 5px; }
.sch .sch-width { width: min(1320px, 100%); margin-inline: auto; padding-inline: clamp(20px, 5vw, 76px); }
.sch h1 { font-size: clamp(44px, 5.1vw, 70px); font-weight: 650; line-height: 1.045; letter-spacing: -.065em; }
.sch h2 { font-size: clamp(34px, 4vw, 57px); font-weight: 640; line-height: 1.09; letter-spacing: -.058em; }
.sch h3 { font-size: 22px; font-weight: 650; line-height: 1.22; letter-spacing: -.035em; }
.sch .sch-eyebrow { margin-bottom: 18px !important; color: var(--sch-brand) !important; font-size: 12px; font-weight: 650; line-height: 1.45; letter-spacing: .055em; }
.sch .sch-section { padding-block: clamp(64px, 7vw, 104px); }
.sch .sch-section-heading { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: end; gap: clamp(26px, 7vw, 110px); margin-bottom: 44px; }
.sch .sch-section-heading > p { max-width: 47ch; color: var(--sch-muted); font-size: 18px; }
.sch .sch-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 23px; }
.sch .sch-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 52px; padding: 14px 22px; color: var(--sch-on-brand) !important; background: linear-gradient(115deg, var(--sch-brand), var(--sch-violet)); border: 1px solid transparent; border-radius: 11px; font-size: 15px; font-weight: 650; line-height: 1.4; text-decoration: none !important; box-shadow: 0 7px 20px rgb(68 80 220 / 15%); }
.sch .sch-button > span { font-size: 20px; line-height: 1; }
.sch .sch-text-link { display: inline-flex; align-items: center; gap: 12px; color: var(--sch-ink) !important; font-size: 14px; font-weight: 620; text-decoration: none; text-underline-offset: 4px; }
.sch .sch-text-link:hover { text-decoration: underline; }

.sch .sch-hero { position: relative; padding-top: clamp(32px, 4.5vw, 66px); background: radial-gradient(ellipse at 88% 4%, rgb(113 83 232 / 10%), transparent 42%); }
.sch .sch-hero-grid { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr); align-items: center; gap: clamp(28px, 4vw, 60px); }
.sch .sch-hero-copy { padding-block: 26px 32px; }
.sch .sch-hero h1 span { color: var(--sch-brand); background: linear-gradient(110deg, var(--sch-brand), var(--sch-violet)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sch .sch-lead { max-width: 49ch; margin-top: 26px !important; margin-bottom: 28px !important; color: var(--sch-muted) !important; font-size: clamp(17px, 1.45vw, 20px); line-height: 1.65; }
.sch .sch-hero-note { max-width: 47ch; margin-top: 23px !important; color: var(--sch-muted) !important; font-size: 12px; line-height: 1.7; }
.sch .sch-hero-art { position: relative; min-width: 0; aspect-ratio: 1 / 1.02; overflow: hidden; border: 1px solid #35375c; border-radius: 28px 28px 16px 16px; background: #111629; box-shadow: 0 28px 60px rgb(21 24 55 / 17%); }
.sch .sch-hero-art::after { position: absolute; inset: 58% 0 0; z-index: 1; content: ""; background: linear-gradient(transparent, rgb(11 15 33 / 91%)); pointer-events: none; }
.sch .sch-hero-art img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sch .sch-hero-art figcaption { position: absolute; inset: auto 25px 24px; z-index: 2; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: #f4f5ff; font-size: 13px; font-weight: 580; line-height: 1.55; }
.sch .sch-hero-art figcaption small { width: 100%; margin-left: 16px; color: #bdc4df; font-size: 11px; font-weight: 400; }
.sch .sch-art-dot { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #a59aff; box-shadow: 0 0 15px #8775ee; }
.sch .sch-engine-strip { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; align-items: center; gap: 24px; margin-top: clamp(38px, 4.8vw, 65px); padding-block: 25px; border-block: 1px solid var(--sch-line); }
.sch .sch-engine-strip > span { max-width: 19ch; color: var(--sch-muted); font-size: 13px; }
.sch .sch-engine-strip div { padding-left: 22px; border-left: 1px solid var(--sch-line); }
.sch .sch-engine-strip strong,
.sch .sch-engine-strip div > span { display: block; }
.sch .sch-engine-strip strong { font-size: 14px; font-weight: 650; letter-spacing: -.015em; }
.sch .sch-engine-strip div > span { margin-top: 3px; color: var(--sch-muted); font-size: 12px; }

.sch .sch-solutions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 36px; }
.sch .sch-solution { padding-top: 24px; border-top: 1px solid var(--sch-line); }
.sch .sch-icon { width: 37px; height: 37px; margin-bottom: 21px; color: var(--sch-brand); }
.sch .sch-icon svg { display: block; width: 100%; height: 100%; }
.sch .sch-solution > p { max-width: 39ch; margin-top: 13px; color: var(--sch-muted); font-size: 15px; line-height: 1.75; }
.sch .sch-solution-title { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.sch .sch-status { display: inline-block; padding: 3px 7px; border: 1px solid var(--sch-line); border-radius: 5px; color: var(--sch-muted); font-size: 10px; font-weight: 550; line-height: 1.3; white-space: nowrap; }

.sch .sch-technology { position: relative; padding-block: clamp(64px, 7vw, 100px); color: #f4f4fe; background: #111423; overflow: hidden; }
.sch .sch-technology::before { position: absolute; z-index: -1; top: 0; right: -180px; width: 650px; height: 650px; border-radius: 50%; background: radial-gradient(circle, rgb(94 70 221 / 20%), transparent 65%); content: ""; pointer-events: none; }
.sch .sch-tech-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; gap: clamp(32px, 6vw, 88px); }
.sch .sch-technology .sch-eyebrow { color: #a398ff !important; }
.sch .sch-technology h2, .sch .sch-technology h3 { color: #f4f4fe !important; }
.sch .sch-tech-intro { max-width: 45ch; margin-top: 24px !important; color: #c3c8de !important; font-size: 17px; }
.sch .sch-tech-notes { margin-top: 31px; }
.sch .sch-tech-notes section { position: relative; padding-left: 18px; border-left: 1px solid #3a3d5b; }
.sch .sch-tech-notes section::before { position: absolute; top: 6px; left: -3px; width: 5px; height: 5px; border-radius: 50%; background: #9482ff; content: ""; }
.sch .sch-tech-notes section + section { margin-top: 22px; }
.sch .sch-tech-notes h3 { font-size: 16px; font-weight: 620; letter-spacing: -.02em; }
.sch .sch-tech-notes p { margin-top: 6px; color: #abb3cf; font-size: 14px; line-height: 1.75; }
.sch .sch-architecture { min-width: 0; }
.sch .sch-architecture-window { padding: 18px clamp(15px, 2.2vw, 31px) 19px; border: 1px solid #393c61; border-radius: 18px; background: linear-gradient(140deg, #1c2038, #15182b); box-shadow: 0 25px 90px rgb(0 0 0 / 23%); }
.sch .sch-architecture-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 32px; color: #a1a9c5; font-size: 10px; }
.sch .sch-window-dots { display: inline-flex; gap: 5px; }
.sch .sch-window-dots i { width: 5px; height: 5px; border-radius: 50%; background: #626783; }
.sch .sch-front-node { position: relative; display: flex; align-items: center; justify-content: center; gap: 13px; width: min(310px, 91%); min-height: 92px; margin-inline: auto; padding: 15px; border: 1px solid #8073df; border-radius: 12px; background: linear-gradient(115deg, #333a73, #382a61); box-shadow: 0 0 30px rgb(88 65 196 / 12%); }
.sch .sch-node-symbol { display: grid; width: 41px; height: 41px; place-items: center; border: 1px solid #9a91e9; border-radius: 9px; color: #ddd8ff; background: rgb(153 138 245 / 10%); font-size: 24px; line-height: 1; }
.sch .sch-node-symbol svg { display: block; width: 25px; height: 25px; }
.sch .sch-front-node strong,
.sch .sch-front-node div > span { display: block; }
.sch .sch-front-node strong { color: #f4f1ff; font-size: 17px; font-weight: 650; letter-spacing: -.025em; }
.sch .sch-front-node div > span { margin-top: 3px; color: #c3c8ed; font-size: 11px; }
.sch .sch-connection { position: relative; width: 1px; height: 49px; margin-inline: auto; background: linear-gradient(#8577df, #5954a3); }
.sch .sch-connection > span { position: absolute; top: 2px; left: -2px; width: 5px; height: 8px; border-radius: 3px; background: #c7b8ff; box-shadow: 0 0 10px #8975ff; }
.sch .sch-connection-top { width: 100%; background: none; }
.sch .sch-connection-top > span { left: calc(50% - 2px); z-index: 1; }
.sch .sch-connection-top::before { position: absolute; bottom: 12px; left: 50%; width: calc(66.667% + 6.667px); height: 1px; background: #626393; transform: translateX(-50%); content: ""; }
.sch .sch-connection-top::after { position: absolute; top: 0; bottom: 12px; left: calc(50% - .5px); width: 1px; background: linear-gradient(#8577df, #5954a3); content: ""; }
.sch .sch-engine-nodes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.sch .sch-engine-node { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; min-height: 101px; padding: 15px 8px; border: 1px solid #4b4f75; border-radius: 10px; color: #e1e4f8; background: #20243c; text-align: center; }
.sch .sch-engine-node::before { position: absolute; top: -12px; left: calc(50% - .5px); width: 1px; height: 12px; background: #626393; content: ""; }
.sch .sch-engine-node strong { font-size: 12px; font-weight: 620; line-height: 1.35; letter-spacing: -.02em; overflow-wrap: anywhere; }
.sch .sch-engine-node > span { color: #b1b9d5; font-size: 9px; line-height: 1.4; }
.sch .sch-engine-node-primary { border-color: #8175c9; background: linear-gradient(160deg, #2b2e53, #252441); }
.sch .sch-connection-bottom { height: 30px; }
.sch .sch-order-node { display: flex; align-items: center; justify-content: center; gap: 11px; padding: 15px 10px; border: 1px solid #444b69; border-radius: 10px; background: #1b2035; }
.sch .sch-order-symbol { width: 21px; height: 25px; flex: 0 0 auto; border: 1.3px solid #a1b1ec; border-radius: 3px; background: repeating-linear-gradient(transparent 0 5px, #a1b1ec 5px 6px, transparent 6px 10px) center / 11px 14px no-repeat; }
.sch .sch-order-node strong,
.sch .sch-order-node div > span { display: block; }
.sch .sch-order-node strong { color: #e7eafb; font-size: 12px; font-weight: 580; line-height: 1.45; }
.sch .sch-order-node div > span { margin-top: 3px; color: #aeb8d1; font-size: 10px; line-height: 1.5; }
.sch .sch-architecture-bottom { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 24px; color: #b4bdd7; font-size: 10px; line-height: 1.5; }
.sch .sch-architecture-bottom > span { width: 5px; height: 5px; border-radius: 50%; background: #9d8af5; }
.sch .sch-architecture figcaption { margin-top: 14px; color: #98a3c1; font-size: 11px; text-align: center; }

.sch .sch-directory { padding-block: 5px; border-block: 1px solid var(--sch-line); }
.sch .sch-directory > summary,
.sch .sch-faqs summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; cursor: pointer; list-style: none; }
.sch .sch-directory > summary::-webkit-details-marker,
.sch .sch-faqs summary::-webkit-details-marker { display: none; }
.sch .sch-directory > summary { padding-block: 21px; font-size: 18px; font-weight: 620; letter-spacing: -.025em; }
.sch .sch-plus { position: relative; display: block; width: 20px; height: 20px; flex: 0 0 auto; }
.sch .sch-plus::before,
.sch .sch-plus::after { position: absolute; top: 9px; left: 3px; width: 14px; height: 1.5px; border-radius: 2px; background: currentColor; content: ""; }
.sch .sch-plus::after { transform: rotate(90deg); }
.sch details[open] > summary .sch-plus::after { transform: rotate(0); }
.sch .sch-directory-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px 70px; padding-block: 20px 32px; }
.sch .sch-directory-grid h3 { margin-bottom: 17px; color: var(--sch-brand); font-size: 15px; font-weight: 620; letter-spacing: -.01em; }
.sch .sch-directory-grid ul { padding: 0; list-style: none; }
.sch .sch-directory-grid li + li { margin-top: 14px; }
.sch .sch-directory-grid strong,
.sch .sch-directory-grid li span { display: block; }
.sch .sch-directory-grid strong { font-size: 14px; font-weight: 610; }
.sch .sch-directory-grid li span { max-width: 50ch; margin-top: 2px; color: var(--sch-muted); font-size: 13px; }
.sch .sch-fineprint { max-width: 98ch; margin-top: 20px !important; color: var(--sch-muted) !important; font-size: 12px; line-height: 1.8; }

.sch .sch-control { padding-block: clamp(58px, 6vw, 88px); border-block: 1px solid var(--sch-line); background: var(--sch-surface-alt); }
.sch .sch-control-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: clamp(34px, 8vw, 116px); }
.sch .sch-control-intro { max-width: 43ch; margin-top: 22px !important; color: var(--sch-muted) !important; font-size: 17px; }
.sch .sch-worker-picture { display: flex; align-items: center; gap: 0; max-width: 430px; margin-top: 31px; }
.sch .sch-worker-site,
.sch .sch-worker-cloud { display: flex; align-items: center; flex-direction: column; gap: 13px; flex: 0 0 auto; }
.sch .sch-worker-site strong,
.sch .sch-worker-cloud strong { color: var(--sch-muted); font-size: 11px; font-weight: 550; }
.sch .sch-server-lines { position: relative; display: block; width: 41px; height: 36px; border: 1.4px solid var(--sch-brand); border-radius: 7px; background: repeating-linear-gradient(transparent 0 9px, var(--sch-brand) 9px 10px, transparent 10px 15px) center / 25px 25px no-repeat; }
.sch .sch-server-lines::before { position: absolute; right: 7px; bottom: 7px; width: 3px; height: 3px; border-radius: 50%; background: var(--sch-brand); content: ""; }
.sch .sch-cloud-lines { position: relative; display: block; width: 46px; height: 26px; margin-top: 10px; border: 1.4px solid var(--sch-brand); border-top-color: transparent; border-radius: 12px; }
.sch .sch-cloud-lines::before { position: absolute; top: -11px; left: 9px; width: 24px; height: 21px; border: 1.4px solid var(--sch-brand); border-bottom-color: transparent; border-radius: 50% 50% 0 0; background: var(--sch-surface-alt); content: ""; }
.sch .sch-worker-route { position: relative; flex: 1 1 auto; min-width: 40px; height: 1px; margin-inline: 18px; margin-top: -19px; border-top: 1px dashed var(--sch-line); }
.sch .sch-worker-route > span { position: absolute; bottom: 9px; left: 50%; color: var(--sch-muted); font-size: 10px; transform: translateX(-50%); }
.sch .sch-worker-route > i { position: absolute; top: -3px; left: 12%; width: 5px; height: 5px; border-radius: 50%; background: var(--sch-brand); }
.sch .sch-control-notes section { padding-block: 20px; border-top: 1px solid var(--sch-line); }
.sch .sch-control-notes section:first-child { padding-top: 0; border-top: 0; }
.sch .sch-control-notes h3 { font-size: 21px; }
.sch .sch-control-notes p { margin-top: 11px; color: var(--sch-muted); font-size: 15px; }

.sch .sch-platform-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sch .sch-platform { display: flex; align-items: flex-start; flex-direction: column; padding: 25px; border: 1px solid var(--sch-line); border-radius: 12px; background: var(--sch-surface); }
.sch .sch-platform-current { background: linear-gradient(150deg, var(--sch-brand-soft), var(--sch-surface)); border-color: color-mix(in srgb, var(--sch-brand) 28%, var(--sch-line)); }
.sch .sch-platform-stage { margin-bottom: 29px !important; color: var(--sch-brand) !important; font-size: 11px; font-weight: 590; line-height: 1.5; }
.sch .sch-platform h3 { font-size: 28px; letter-spacing: -.045em; }
.sch .sch-platform > p:not(.sch-platform-stage) { margin-top: 14px; color: var(--sch-muted); font-size: 14px; line-height: 1.8; }
.sch .sch-platform .sch-text-link { margin-top: 22px; font-size: 13px; }

.sch .sch-faq-section { padding-bottom: clamp(64px, 7vw, 100px); }
.sch .sch-faq-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(28px, 6vw, 90px); }
.sch .sch-faq-grid h2 { max-width: 12ch; }
.sch .sch-faqs details { border-top: 1px solid var(--sch-line); }
.sch .sch-faqs details:last-child { border-bottom: 1px solid var(--sch-line); }
.sch .sch-faqs summary { padding-block: 20px; font-size: 16px; font-weight: 600; line-height: 1.55; }
.sch .sch-faqs p { padding-bottom: 22px; color: var(--sch-muted); font-size: 14px; line-height: 1.8; }

.sch .sch-final { position: relative; padding-block: clamp(58px, 6vw, 84px); border-top: 1px solid var(--sch-line); background: radial-gradient(ellipse at 84% 20%, rgb(131 61 235 / 12%), transparent 50%), var(--sch-surface); }
.sch .sch-final-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 30px; }
.sch .sch-final h2 { max-width: 19ch; }
.sch .sch-final p:not(.sch-eyebrow) { max-width: 46ch; margin-top: 19px; color: var(--sch-muted); font-size: 16px; }
.sch .sch-final .sch-button { min-width: 200px; }

html[data-winkdom-color-mode="dark"] .sch {
  --sch-bg: #111321;
  --sch-surface: #1a1d30;
  --sch-surface-alt: #161a2c;
  --sch-ink: #f0f1fb;
  --sch-muted: #aeb8d1;
  --sch-line: #353b57;
  --sch-brand: #86a8ff;
  --sch-violet: #b28aff;
  --sch-brand-soft: #252c4c;
  --sch-on-brand: #11172d;
  --sch-shadow: 0 20px 65px rgb(0 0 0 / 20%);
  color-scheme: dark;
}
html[data-winkdom-color-mode="light"] .sch { color-scheme: light; }
@media (prefers-color-scheme: dark) {
  html:not([data-winkdom-color-mode]) .sch {
    --sch-bg: #111321;
    --sch-surface: #1a1d30;
    --sch-surface-alt: #161a2c;
    --sch-ink: #f0f1fb;
    --sch-muted: #aeb8d1;
    --sch-line: #353b57;
    --sch-brand: #86a8ff;
    --sch-violet: #b28aff;
    --sch-brand-soft: #252c4c;
    --sch-on-brand: #11172d;
    --sch-shadow: 0 20px 65px rgb(0 0 0 / 20%);
    color-scheme: dark;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .sch .sch-button { transition: transform .2s ease, box-shadow .2s ease; }
  .sch .sch-button:hover { transform: translateY(-2px); box-shadow: 0 11px 28px rgb(68 80 220 / 24%); }
  .sch .sch-button > span { transition: transform .2s ease; }
  .sch .sch-button:hover > span { transform: translate(2px, -2px); }
  .sch .sch-plus::after { transition: transform .18s ease; }
  .sch .sch-hero-art img { animation: sch-art-settle 1.1s ease-out both; }
  .sch .sch-connection > span { animation: sch-route 2.4s ease-in-out 3; }
  .sch .sch-connection-bottom > span { animation-delay: .45s; }
  .sch .sch-worker-route > i { animation: sch-worker 2.8s ease-in-out 3; }
}
@keyframes sch-art-settle { from { opacity: .5; transform: scale(1.035); } to { opacity: 1; transform: scale(1); } }
@keyframes sch-route { 0% { opacity: .1; transform: translateY(0); } 40% { opacity: 1; } 100% { opacity: 0; transform: translateY(30px); } }
@keyframes sch-worker { 0% { left: 10%; opacity: .1; } 35% { opacity: 1; } 100% { left: 85%; opacity: 0; } }

@media (max-width: 1080px) {
  .sch .sch-width { padding-inline: 40px; }
  .sch h1 { font-size: clamp(44px, 5.7vw, 64px); }
  .sch .sch-hero-grid { gap: 30px; }
  .sch .sch-solutions { gap: 33px 26px; }
  .sch .sch-tech-grid { gap: 35px; }
  .sch .sch-engine-strip { gap: 18px; }
  .sch .sch-platform { padding: 22px; }
}
@media (max-width: 820px) {
  .sch .sch-width { padding-inline: 28px; }
  .sch .sch-hero-grid { grid-template-columns: minmax(0, 1fr); }
  .sch .sch-hero-copy { max-width: 660px; padding-block: 10px 0; }
  .sch h1 { max-width: 13ch; font-size: clamp(48px, 8.6vw, 70px); }
  .sch .sch-hero-art { width: 100%; max-width: 660px; aspect-ratio: 1.2; margin-top: 8px; }
  .sch .sch-engine-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sch .sch-engine-strip > span { grid-column: 1 / -1; max-width: none; }
  .sch .sch-engine-strip div { padding-left: 0; border-left: 0; }
  .sch .sch-section-heading { gap: 30px; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); }
  .sch .sch-section-heading > p { font-size: 16px; }
  .sch .sch-solutions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sch .sch-tech-grid { grid-template-columns: minmax(0, 1fr); }
  .sch .sch-tech-copy { max-width: 650px; }
  .sch .sch-tech-notes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
  .sch .sch-tech-notes section + section { margin-top: 0; }
  .sch .sch-architecture { width: 100%; max-width: 600px; }
  .sch .sch-control-grid { gap: 35px; }
  .sch .sch-platform-grid { gap: 12px; }
  .sch .sch-platform { padding: 21px 17px; }
  .sch .sch-platform h3 { font-size: 25px; }
  .sch .sch-platform-stage { font-size: 10px; }
  .sch .sch-faq-grid { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 32px; }
}
@media (max-width: 600px) {
  .sch .sch-width { padding-inline: 22px; }
  .sch h1 { font-size: clamp(43px, 10.8vw, 62px); }
  .sch h2 { font-size: clamp(34px, 8.7vw, 46px); }
  .sch .sch-hero { padding-top: 25px; }
  .sch .sch-hero-grid { gap: 26px; }
  .sch .sch-hero-copy { padding-top: 4px; }
  .sch .sch-eyebrow { margin-bottom: 15px !important; font-size: 11px; }
  .sch .sch-lead { margin-top: 22px !important; margin-bottom: 24px !important; font-size: 17px; line-height: 1.65; }
  .sch .sch-actions { gap: 17px; }
  .sch .sch-button { padding: 13px 18px; min-height: 50px; gap: 22px; border-radius: 10px; font-size: 14px; }
  .sch .sch-text-link { font-size: 13px; }
  .sch .sch-hero-note { font-size: 11px; }
  .sch .sch-hero-art { aspect-ratio: 1.03; border-radius: 20px 20px 12px 12px; }
  .sch .sch-hero-art figcaption { inset: auto 18px 18px; font-size: 12px; }
  .sch .sch-engine-strip { grid-template-columns: minmax(0, 1fr); gap: 16px; padding-block: 23px; }
  .sch .sch-engine-strip > span { grid-column: auto; }
  .sch .sch-engine-strip div { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 15px; }
  .sch .sch-engine-strip strong { font-size: 13px; }
  .sch .sch-engine-strip div > span { margin-top: 0; font-size: 11px; }
  .sch .sch-section-heading { grid-template-columns: minmax(0, 1fr); gap: 20px; margin-bottom: 31px; }
  .sch .sch-section-heading > p { max-width: 48ch; }
  .sch .sch-solutions { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .sch .sch-solution { position: relative; padding: 23px 0 0 49px; }
  .sch .sch-icon { position: absolute; top: 24px; left: 0; width: 29px; height: 29px; margin: 0; }
  .sch .sch-solution h3 { font-size: 21px; }
  .sch .sch-solution > p { margin-top: 10px; font-size: 14px; }
  .sch .sch-tech-notes { grid-template-columns: minmax(0, 1fr); gap: 21px; }
  .sch .sch-tech-intro { font-size: 16px; }
  .sch .sch-architecture-window { padding-inline: 15px; border-radius: 13px; }
  .sch .sch-architecture-top { margin-bottom: 25px; }
  .sch .sch-front-node { width: 91%; gap: 10px; padding-inline: 9px; }
  .sch .sch-node-symbol { width: 34px; height: 34px; font-size: 21px; }
  .sch .sch-front-node strong { font-size: 15px; }
  .sch .sch-front-node div > span { font-size: 10px; }
  .sch .sch-engine-nodes { gap: 7px; }
  .sch .sch-engine-node { min-height: 96px; padding: 11px 5px; border-radius: 7px; }
  .sch .sch-engine-node strong { font-size: 10px; }
  .sch .sch-engine-node > span { font-size: 8px; }
  .sch .sch-connection { height: 43px; }
  .sch .sch-connection-top::before { width: calc(66.667% + 4.667px); }
  .sch .sch-connection-bottom { height: 25px; }
  .sch .sch-order-node { padding: 13px 9px; gap: 9px; }
  .sch .sch-order-node strong { font-size: 10px; }
  .sch .sch-order-node div > span { font-size: 9px; }
  .sch .sch-order-symbol { width: 18px; height: 23px; }
  .sch .sch-architecture-bottom { margin-top: 18px; font-size: 9px; }
  .sch .sch-architecture figcaption { font-size: 10px; }
  .sch .sch-directory > summary { gap: 20px; font-size: 16px; line-height: 1.5; }
  .sch .sch-directory-grid { grid-template-columns: minmax(0, 1fr); gap: 27px; padding-block: 14px 27px; }
  .sch .sch-fineprint { font-size: 11px; }
  .sch .sch-control-grid { grid-template-columns: minmax(0, 1fr); gap: 35px; }
  .sch .sch-control-intro { font-size: 16px; }
  .sch .sch-worker-picture { max-width: 390px; margin-top: 27px; }
  .sch .sch-worker-route { margin-inline: 17px; }
  .sch .sch-control-notes section:first-child { padding-top: 20px; border-top: 1px solid var(--sch-line); }
  .sch .sch-control-notes h3 { font-size: 20px; }
  .sch .sch-control-notes p { font-size: 14px; }
  .sch .sch-platform-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .sch .sch-platform { padding: 24px; border-radius: 11px; }
  .sch .sch-platform-stage { margin-bottom: 16px !important; font-size: 11px; }
  .sch .sch-platform h3 { font-size: 27px; }
  .sch .sch-platform > p:not(.sch-platform-stage) { max-width: 46ch; }
  .sch .sch-faq-grid { grid-template-columns: minmax(0, 1fr); gap: 27px; }
  .sch .sch-faq-grid h2 { max-width: none; }
  .sch .sch-faqs summary { gap: 20px; padding-block: 18px; font-size: 15px; }
  .sch .sch-final-inner { align-items: flex-start; gap: 25px; }
  .sch .sch-final p:not(.sch-eyebrow) { font-size: 15px; }
}
@media (max-width: 350px) {
  .sch .sch-width { padding-inline: 18px; }
  .sch h1 { font-size: 41px; }
  .sch .sch-actions { align-items: flex-start; flex-direction: column; gap: 15px; }
  .sch .sch-solution { padding-left: 43px; }
  .sch .sch-icon { width: 26px; height: 26px; }
  .sch .sch-architecture-window { padding-inline: 12px; }
}
/* Native Winkdom branding for the authored ShopiChain homepage. */
body.winkdom-app-shell:has(.sch) .winkdom-shell-brand {
  flex-shrink: 0;
}

body.winkdom-app-shell:has(.sch) .winkdom-shell-logo {
  content: url("https://shopichain.com/wp-content/uploads/2026/11/shopichain-logo-light.png");
  width: 190px;
  height: 50px;
  max-width: none;
  max-height: none;
  object-fit: contain;
  border-radius: 0;
}

html[data-winkdom-color-mode="dark"] body.winkdom-app-shell:has(.sch) .winkdom-shell-logo {
  content: url("https://shopichain.com/wp-content/uploads/2026/11/shopichain-logo-dark.png");
}

body.winkdom-app-shell:has(.sch) .winkdom-route-titlebar {
  display: none;
}

body.winkdom-app-shell:has(.sch) .winkdom-page-frame--front {
  padding: 0;
}

@media (max-width: 600px) {
  body.winkdom-app-shell:has(.sch) .winkdom-shell-logo {
    width: 154px;
    height: 40px;
  }
}
.sch .sch-hosts { background: var(--sch-surface); }
.sch .sch-migration { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(32px,6vw,90px); margin-top: clamp(38px,5vw,72px); border-top: 1px solid var(--sch-line); padding-top: clamp(30px,4vw,50px); }
.sch .sch-migration-intro h3 { font-size: clamp(25px,2.6vw,36px); max-width: 15ch; }
.sch .sch-migration-intro p, .sch .sch-member-grid p { color: var(--sch-muted); margin-top: 15px; line-height: 1.7; }
.sch .sch-migration-intro a, .sch .sch-member-grid a { margin-top: 16px; }
.sch .sch-routes { margin: 0; }
.sch .sch-routes > div + div { border-top: 1px solid var(--sch-line); margin-top: 18px; padding-top: 18px; }
.sch .sch-routes dt { font-weight: 650; color: var(--sch-ink); }
.sch .sch-routes dd { margin: 5px 0 0; color: var(--sch-muted); font-size: 15px; line-height: 1.7; }
.sch .sch-member-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px; }
.sch .sch-member-grid > section { padding: clamp(20px,3vw,36px); border-radius: 18px; border: 1px solid var(--sch-line); background: var(--sch-surface); }
@media (max-width: 760px) {
  .sch .sch-migration, .sch .sch-member-grid { grid-template-columns: minmax(0,1fr); }
  .sch .sch-member-grid { gap: 14px; }
}
.sch .sch-addon-roadmap { margin-top: clamp(36px,5vw,68px); padding-top: clamp(28px,4vw,48px); border-top: 1px solid var(--sch-line); }
.sch .sch-addon-roadmap .sch-section-heading { margin-bottom: 24px; }
.sch .sch-addon-roadmap h3 { font-size: clamp(28px,3.5vw,46px); }
.sch .sch-addon-list { display: grid; grid-template-columns: 1fr 1fr; margin: 0; gap: 22px 40px; }
.sch .sch-addon-list > div { border-top: 1px solid var(--sch-line); padding-top: 16px; }
.sch .sch-addon-list dt { color: var(--sch-ink); font-weight: 650; }
.sch .sch-addon-list dd { margin: 5px 0 0; color: var(--sch-muted); font-size: 15px; line-height: 1.7; }
@media (max-width: 760px) { .sch .sch-addon-list { grid-template-columns: minmax(0,1fr); } }
.sch .sch-specialist-ideas { margin-top: 26px; }
.sch .sch-specialist-ideas .sch-addon-list { padding: 0 clamp(16px,3vw,32px) 24px; }

/* Homepage campaign artwork, commerce-engine comparison and merchant features. */
.sch.sc-edition { --sc-night: #050519; }
.sch.sc-edition > .sc-studio { --winkdom-route-spacing-start: 0px; padding: 0 !important; }
.sch .sc-hero-stage { display: grid; position: relative; isolation: isolate; overflow: hidden; background: var(--sc-night); color: #fff; min-height: clamp(500px,42.5vw,690px); align-items: center; }
.sch .sc-hero-stage::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(3,3,22,.92) 0%,rgba(3,3,22,.73) 30%,rgba(3,3,22,.10) 57%,transparent 72%); pointer-events: none; }
.sch .sc-hero-inner { padding-block: clamp(48px,5.5vw,88px); }
.sch .sc-cover-copy { width: min(54%,660px); }
.sch .sc-kicker { color: #c7c4fa !important; margin: 0 0 24px !important; font-size: 14px; font-weight: 620; letter-spacing: .028em; }
.sch .sc-cover-copy h1 { color: #fff !important; font-size: clamp(56px,5.6vw,88px); font-weight: 585; letter-spacing: -.067em; line-height: .99; max-width: none; margin: 0; text-wrap: initial; }
.sch .sc-cover-copy h1 em, .sch .sc-eco-grid h2 em { font-family: "DM Serif Text",Georgia,serif; font-style: italic; font-weight: 400; letter-spacing: -.058em; }
.sch .sc-cover-copy h1 em { color: #d8ccff; line-height: 1.13; }
.sch .sc-cover-lead { margin: 23px 0 27px !important; max-width: 41ch; color: #dedfee !important; font-size: clamp(16px,1.25vw,19px); line-height: 1.65; }
.sch .sc-cover-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 23px; }
.sch .sc-cover-actions a { display: inline-flex; align-items: center; gap: 14px; min-height: 46px; font-size: 14px; line-height: 1.3; font-weight: 630; text-decoration: none; }
.sch .sc-primary { color: #17152a !important; background: #faf8ff; padding: 12px 19px; border-radius: 7px; }
.sch .sc-primary:hover { background: #e4dbff; }
.sch .sc-secondary { color: #fff !important; }
.sch .sc-secondary:hover { text-decoration: underline; }
.sch .sc-engine-band { background: var(--sch-surface); border-bottom: 1px solid var(--sch-line); padding-block: clamp(25px,2.5vw,42px); }
.sch h2.sc-band-heading { margin: 0 0 15px; font-size: 13px; line-height: 1.4; letter-spacing: .025em; color: var(--sch-muted) !important; }
.sch .sc-four { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; }
.sch .sc-four > div { border-inline-start: 1px solid var(--sch-line); padding-inline: clamp(14px,2.2vw,32px); }
.sch .sc-four > div:first-child { border-inline-start: none; padding-inline-start: 0; }
.sch .sc-four h3 { color: var(--sch-ink) !important; font-size: clamp(20px,2vw,30px); font-weight: 650; letter-spacing: -.052em; margin: 0; }
.sch .sc-four p { margin: 5px 0 0 !important; color: var(--sch-muted) !important; font-size: 13px; }
.sch .sc-four a { display: inline-block; color: var(--sch-brand) !important; font-size: 12px; font-weight: 620; text-underline-offset: 3px; }
.sch .sch-solutions { gap: 30px 34px; }
.sch .sch-solution { padding: 22px 0 0; border-top: 1px solid var(--sch-line); }
.sch .sch-solution .sch-icon { margin-bottom: 15px; }
.sch .sc-print { background: var(--sch-surface); padding-block: clamp(42px,5.5vw,84px); }
.sch .sc-print-grid,.sch .sc-eco-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); align-items: center; gap: clamp(32px,6vw,84px); }
.sch .sc-print-image,.sch .sc-eco-grid figure { overflow: hidden; margin: 0; border-radius: 16px; }
.sch .sc-print-image img,.sch .sc-eco-grid img { display: block; width: 100%; height: auto; max-width: none; }
.sch .sc-print-image img { aspect-ratio: 1.15; object-fit: cover; }
.sch .sc-print-copy > p:not(.sch-eyebrow),.sch .sc-eco-grid p:not(.sch-eyebrow) { margin: 18px 0 0 !important; color: var(--sch-muted) !important; line-height: 1.7; font-size: 17px; }
.sch .sc-process { margin: 24px 0 0; }
.sch .sc-process > div { padding-block: 12px; border-top: 1px solid var(--sch-line); }
.sch .sc-process dt { color: var(--sch-ink); font-weight: 650; font-size: 15px; }
.sch .sc-process dd { color: var(--sch-muted); margin: 4px 0 0; font-size: 14px; }
.sch .sc-eco-grid { grid-template-columns: minmax(0,1fr) minmax(0,.85fr); }
.sch .sc-ecosystem { padding-block: clamp(50px,6vw,90px); background: var(--sch-bg); }
.sch .sc-eco-grid figure { max-width: 475px; justify-self: end; }
.sch .sc-eco-grid figure img { aspect-ratio: 1.4; object-fit: cover; }
.sch .sc-eco-grid h2 em { color: var(--sch-brand); }
.sch .sc-eco-grid .sch-text-link { margin-top: 22px; }
.sch .sch-engine-nodes { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; }
.sch .sch-engine-node { padding-inline: 5px; }
.sch .sc-dev-node { border-style: dashed; border-color: #9790b9; }
.sch .sch-engine-node strong { font-size: clamp(10px,.91vw,13px); }
.sch .sch-connection-top::after,.sch .sch-connection-bottom::before { left: 12.5%; right: 12.5%; }
@media (prefers-reduced-motion: no-preference) {
  .sch .sc-primary { transition: background-color .18s ease; }
}
@media (min-width: 761px) and (max-width: 1000px) {
  .sch .sc-cover-copy { width: 55%; }
  .sch .sc-cover-copy h1 { font-size: clamp(50px,6.5vw,64px); }
  .sch .sc-cover-lead { max-width: 33ch; }
}
@media (max-width: 760px) {
  .sch .sc-hero-stage { min-height: 0; display: flex; flex-direction: column; align-items: stretch; }
  .sch .sc-hero-stage::after { display: none; }
  .sch .sc-hero-inner { order: 1; padding-block: 34px 20px; }
  .sch .sc-cover-copy { width: 100%; }
  .sch .sc-kicker { margin-bottom: 14px !important; }
  .sch .sc-cover-copy h1 { font-size: clamp(45px,8.7vw,66px); }
  .sch .sc-cover-lead { margin: 15px 0 18px !important; }
  .sch .sc-cover-actions { gap: 8px 15px; }
  .sch .sc-cover-actions a { font-size: 13px; gap: 8px; }
  .sch .sc-four { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px 0; }
  .sch .sc-four > div:nth-child(odd) { border-inline-start: 0; padding-inline-start: 0; }
  .sch .sc-print-grid,.sch .sc-eco-grid { grid-template-columns: minmax(0,1fr); gap: 25px; }
  .sch .sc-print-image img { aspect-ratio: 1.6; }
  .sch .sc-eco-grid figure { width: 100%; max-width: none; }
  .sch .sch-engine-node { min-height: 78px; }
}
@media (max-width: 520px) {
  .sch .sch-engine-nodes { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .sch .sch-engine-node::before,.sch .sch-connection-top::after,.sch .sch-connection-bottom::before { display: none; }
  .sch .sch-engine-node strong { font-size: 13px; }
  .sch .sch-engine-node > span { font-size: 11px; }
}

/* ShopiChain editorial illustrations */
.scx-hero-art svg,.scx-eco-art svg,.scx-scenes svg,.scx-route svg {display:block;width:100%;height:auto;max-width:none}
.scx-hero-art,.scx-eco-art,.scx-route {box-sizing:border-box}
@media (prefers-reduced-motion:no-preference) {
  .scx-flow {animation:scx-signal 4.6s ease-out 1}
  .scx-packets {animation:scx-transfer 2.7s ease-out 1}
  .scx-scene {animation:scx-scene-in .32s ease-out both}
  .scx-disc-turn {transform-origin:320px 126px;animation:scx-vinyl 3.7s cubic-bezier(.2,.5,.35,1) 1}
  .scx-audio-bars {transform-origin:240px 120px;animation:scx-wave .65s ease-in-out 4 alternate}
  @keyframes scx-signal {from {stroke-dashoffset:248} to {stroke-dashoffset:0}}
  @keyframes scx-transfer {from {stroke-dashoffset:81} to {stroke-dashoffset:0}}
  @keyframes scx-scene-in {from {opacity:.5;transform:translateY(4px)} to {opacity:1;transform:none}}
  @keyframes scx-vinyl {from {transform:rotate(-55deg)} to {transform:rotate(0)}}
  @keyframes scx-wave {from {transform:scaleY(.68)} to {transform:scaleY(1)}}
}


.sch .sc-hero-stage {min-height:0;display:block;background:radial-gradient(ellipse at 72% 46%,#252148 0,transparent 49%),linear-gradient(116deg,#0e1021,#17142d 75%,#131327);overflow:hidden}
.sch .sc-hero-stage::after {display:none}
.sch .sc-hero-inner {display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(18px,4vw,62px);padding-block:clamp(46px,5.2vw,86px)}
.sch .sc-cover-copy {width:100%;max-width:630px}
.sch .scx-hero-art {position:relative;align-self:center;width:100%;margin:0!important;overflow:visible;line-height:1;background:radial-gradient(ellipse at 50% 67%,#7d76de24,transparent 60%);isolation:isolate}
.sch .scx-hero-art svg {overflow:visible}
.sch .scx-call {position:absolute;color:#dedbfa!important;padding:5px 9px;border:1px solid #696491;background:#211e3b;border-radius:4px;font:500 clamp(10px,.93vw,14px)/1.25 ui-monospace,Consolas,monospace;white-space:nowrap;letter-spacing:.01em}
.sch .scx-store-label {left:8%;top:13%}
.sch .scx-engine-label {right:2%;top:79%}
.sch .scx-eco-art {width:100%;border:1px solid var(--sch-line);background:var(--sch-surface);border-radius:16px;padding:clamp(12px,2vw,30px);max-width:495px}
.sch .scx-eco-art svg {background:radial-gradient(ellipse at 52% 53%,#9981ff26,transparent 62%)}
.sch .scx-eco-art figcaption,.scm .scx-route figcaption {display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--sch-line);padding:13px 0 0;margin:0;color:var(--sch-muted)!important;font:550 clamp(11px,1.07vw,15px)/1.4 inherit}
.sch .scx-eco-art figcaption {font-family:inherit;font-size:clamp(11px,1.05vw,15px);font-weight:560}
@media(max-width:760px) {
  .sch .sc-hero-inner {display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding-block:32px 16px}
  .sch .scx-hero-art {width:min(100%,420px);justify-self:center}
  .sch .sc-cover-copy {width:100%}
  .sch .scx-eco-art {justify-self:center}
}
/* Editorial headings and illustration playback */
.sch {--pr-ink:var(--sch-ink);--pr-accent:var(--sch-brand);--pr-line:var(--sch-line);--pr-panel:var(--sch-surface);--pr-muted:var(--sch-muted)}
.sc-solutions {--pr-ink:var(--ink);--pr-accent:var(--accent);--pr-line:var(--line);--pr-panel:var(--surface);--pr-muted:var(--text)}
.scm {--pr-ink:var(--sm-ink);--pr-accent:var(--sm-accent);--pr-line:var(--sm-line);--pr-panel:var(--sm-surface);--pr-muted:var(--sm-text)}
.sch .sc-studio,.sch .sch-technology,.sc-solutions .cs-dark,.scm .sm-routes {--pr-accent:#cfc3ff;--pr-ink:#f6f4ff;--pr-line:#554d71;--pr-panel:#25243b;--pr-muted:#d2cdde}
:is(.sch,.sc-solutions,.scm) p.pr-badge {display:inline-flex;align-items:center;align-self:start;gap:8px;width:fit-content;max-width:100%;margin:0 0 15px!important;padding:5px 10px;border-radius:99px;border:1px solid color-mix(in srgb,var(--pr-accent) 35%,transparent);background:color-mix(in srgb,var(--pr-accent) 7%,transparent);color:var(--pr-accent)!important;font:600 11px/1.4 system-ui,sans-serif;letter-spacing:.04em}
:is(.sch,.sc-solutions,.scm) p.pr-badge::before {content:"";display:block;flex:0 0 7px;height:7px;border:1.5px solid currentColor;border-radius:2px;transform:rotate(-12deg);box-sizing:border-box}
:is(.sch,.sc-solutions,.scm) .pr-motion-panel {display:grid;min-width:0;align-content:center;justify-items:stretch;gap:4px}
:is(.sch,.sc-solutions,.scm) .pr-pause {position:relative;display:none;justify-self:end;align-items:center;cursor:pointer;min-height:32px;max-width:100%;margin:0;color:var(--pr-muted);font:550 11px/1.2 system-ui,sans-serif;letter-spacing:.015em}
.pr-pause input {position:absolute;opacity:0;width:1px;height:1px}
.pr-pause-look {display:inline-flex;align-items:center;gap:7px;padding:6px 8px;border-radius:5px}
.pr-pause input:focus-visible+.pr-pause-look {outline:2px solid var(--pr-accent);outline-offset:2px}
.pr-pause-look i {width:8px;height:8px;border-left:2px solid currentColor;border-right:2px solid currentColor;box-sizing:border-box}
.pr-pause .pr-stopped,.pr-pause:has(input:checked) .pr-running {display:none}
.pr-pause:has(input:checked) .pr-stopped {display:inline}
.pr-pause:has(input:checked) i {height:0;width:0;border:4px solid transparent;border-right:0;border-left:6px solid currentColor}
@media(prefers-reduced-motion:no-preference) {
  :is(.sch,.sc-solutions,.scm) .pr-pause {display:inline-flex}
  .scx-flow {animation:pr-order-flow 12s linear infinite}
  .scx-flow:nth-of-type(even) {animation-delay:-3s}
  .scx-packets {animation:pr-file-flow 9s linear infinite}
  .scx-disc-turn {transform-origin:320px 126px;animation:pr-turn 28s linear infinite}
  .scx-audio-bars {transform-origin:240px 120px;animation:pr-meter 5s ease-in-out infinite}
  .scx-eco-art svg>path:first-of-type {animation:pr-link 12s linear infinite}
  .pr-ticket-scan {animation:pr-scan 8s ease-in-out infinite}
  @keyframes pr-order-flow {0%,25% {stroke-dashoffset:248} 75%,100% {stroke-dashoffset:0}}
  @keyframes pr-file-flow {0%,35% {stroke-dashoffset:54} 80%,100% {stroke-dashoffset:0}}
  @keyframes pr-turn {to {transform:rotate(1turn)}}
  @keyframes pr-meter {0%,30%,100% {transform:scaleY(.88)} 56% {transform:scaleY(1)} 70% {transform:scaleY(.92)}}
  @keyframes pr-link {to {stroke-dashoffset:-48}}
  @keyframes pr-scan {0%,32%,100% {opacity:0;transform:translateX(0)} 42% {opacity:.7} 68% {opacity:.7;transform:translateX(42px)} 76% {opacity:0;transform:translateX(42px)}}
}
:is(.sch,.sc-solutions,.scm):has(.pr-pause input:checked) :is(.scx-flow,.scx-packets,.scx-disc-turn,.scx-audio-bars,.pr-ticket-scan,.sch-connection>span,.scx-eco-art path,.scx-scene) {animation-play-state:paused!important}

.sch .pr-flow {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;list-style:none;margin:0 0 23px;padding:20px 6px 15px;border:1px solid var(--sch-line);border-radius:12px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--sch-violet) 11%,transparent),transparent 82%),var(--sch-bg)}
.sch .pr-flow li {position:relative;color:var(--sch-muted);font-size:12px;line-height:1.35;font-weight:600;text-align:center;min-width:0;padding:0}
.sch .pr-flow li+li::before {content:"";position:absolute;left:-22%;width:44%;height:1px;top:15px;background:linear-gradient(90deg,transparent,var(--sch-violet),transparent)}
.sch .pr-flow .pr-icon {display:block;margin:0 auto 9px;width:30px;height:30px;color:var(--sch-violet)}
.sch .sch-member-grid>section {background:var(--sch-surface);border-radius:16px}
.sch .sch-solution .sch-icon {display:grid;place-items:center;width:44px;height:44px;background:color-mix(in srgb,var(--sch-brand) 7%,var(--sch-surface));border:1px solid var(--sch-line);border-radius:12px;margin-bottom:16px}
.sch .sch-solution .sch-icon svg {width:27px;height:27px}
.sch .sch-platform-stage {font-weight:650}
@media(max-width:760px){.sch .pr-motion-panel {width:min(100%,420px);justify-self:center}.sch .pr-flow li {font-size:11px}}