.sc-solutions {
  --paper:#faf9fc; --surface:#fff; --cover:#eeeaf6; --ink:#19182a; --text:#4d5066; --accent:#4836a0; --line:#d4d3df;
  background:var(--paper); color:var(--ink); font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.6;
}
html[data-winkdom-color-mode="dark"] .sc-solutions {
  --paper:#12131f; --surface:#1a1b29; --cover:#212033; --ink:#f7f5fd; --text:#c0c0d1; --accent:#c3b4ff; --line:#454357;
}
@media(prefers-color-scheme:dark) {
  html:not([data-winkdom-color-mode]) .sc-solutions {--paper:#12131f; --surface:#1a1b29; --cover:#212033; --ink:#f7f5fd; --text:#c0c0d1; --accent:#c3b4ff; --line:#454357;}
}
.sc-solutions,.sc-solutions * {box-sizing:border-box}
.sc-solutions .cs-wrap {max-width:1320px;margin-inline:auto;padding-inline:clamp(20px,5vw,76px)}
.sc-solutions :where(h1,h2,h3,p,dl,dt,dd,figure) {margin:0}
.sc-solutions h1,.sc-solutions h2,.sc-solutions h3 {font-family:inherit;color:var(--ink)!important;line-height:1.04;letter-spacing:-.052em;font-weight:620}
.sc-solutions p,.sc-solutions dd {color:var(--text)!important;font-size:16px;line-height:1.65}
.sc-solutions .cs-kicker {color:var(--accent)!important;font-size:13px;font-weight:650;letter-spacing:.025em;margin:0 0 15px!important}
.sc-solutions h1 {font-size:clamp(70px,7.7vw,116px);line-height:.91;letter-spacing:-.075em}
.sc-solutions h1 em {font-family:Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-.065em}
.sc-solutions h2 {font-size:clamp(35px,4.2vw,61px)}
.sc-solutions h3 {font-size:clamp(23px,2.3vw,33px)}
.sc-solutions .cs-cover {background:var(--cover);padding-block:clamp(34px,4.8vw,70px)!important}
.sc-solutions .cs-cover-grid {display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(22px,5vw,74px);align-items:center}
.sc-solutions .cs-lead {font-size:clamp(16px,1.4vw,20px);max-width:44ch;margin:24px 0!important}
.sc-solutions a.cs-button {display:inline-flex;align-items:center;justify-content:space-between;gap:23px;border-radius:7px;padding:12px 20px;min-height:48px;text-decoration:none;font-size:14px;font-weight:650;background:var(--ink);color:var(--paper)!important}
.sc-solutions a:focus-visible,.sc-solutions summary:focus-visible {outline:3px solid var(--accent);outline-offset:3px}
.sc-solutions [id] {scroll-margin-top:108px}
.sc-solutions .cs-section {padding-block:clamp(44px,6vw,88px)!important}
.sc-solutions .cs-heading {display:flex;justify-content:space-between;align-items:end;gap:32px}
.sc-solutions .cs-heading>p {max-width:41ch}
.sc-solutions .cs-models {margin-top:32px}
.sc-solutions details {border-top:1px solid var(--line)}
.sc-solutions details:last-child {border-bottom:1px solid var(--line)}
.sc-solutions summary {display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--ink);cursor:pointer;list-style:none;padding:20px 0;font-size:clamp(21px,2.2vw,31px);font-weight:560;line-height:1.22;letter-spacing:-.035em}
.sc-solutions summary::-webkit-details-marker {display:none}
.sc-solutions summary::after {content:"+";color:var(--accent);font-weight:400}
.sc-solutions details[open] summary::after {content:"−"}
.sc-solutions .cs-journey {display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,6vw,90px);align-items:start;padding:0 0 26px}
.sc-solutions .cs-journey dt {color:var(--accent);font-size:13px;font-weight:650}
.sc-solutions .cs-journey dd {margin:5px 0 0;font-size:15px}
.sc-solutions .cs-dark {background:#18172d;--ink:#faf8ff;--text:#cfccdf;--accent:#c2b2ff;--line:#494660}
.sc-solutions .cs-stories,.sc-solutions .cs-ops {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 38px;margin-top:36px}
.sc-solutions .cs-stories article,.sc-solutions .cs-ops>div {border-top:1px solid var(--line);padding-top:19px}
.sc-solutions .cs-stories article>p:last-child {margin:14px 0 0!important}
.sc-solutions .cs-ops dt {font-size:20px;font-weight:630;line-height:1.25;letter-spacing:-.025em;color:var(--ink)}
.sc-solutions .cs-ops dd {margin:9px 0 0}
.sc-solutions .cs-next {background:var(--cover)}
.sc-solutions .cs-next p {max-width:58ch;margin:17px 0 0!important}
.sc-solutions .cs-next a {flex-shrink:0}
body.winkdom-app-shell:has(.sc-solutions) .winkdom-route-titlebar {display:none}
body.winkdom-app-shell:has(.sc-solutions) .winkdom-page-frame {padding:0;max-width:none;width:100%}
body.winkdom-app-shell:has(.sc-solutions) .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:has(.sc-solutions) .winkdom-shell-logo {content:url("https://shopichain.com/wp-content/uploads/2026/11/shopichain-logo-dark.png")}

@media(max-width:780px) {
  .sc-solutions .cs-stories,.sc-solutions .cs-ops {gap:22px}
  .sc-solutions .cs-heading {display:grid;gap:14px}
  .sc-solutions .cs-heading>a {justify-self:start}
}
@media(max-width:650px) {
  .sc-solutions .cs-cover-grid,.sc-solutions .cs-journey,.sc-solutions .cs-stories,.sc-solutions .cs-ops {grid-template-columns:minmax(0,1fr)}
  .sc-solutions h1 {font-size:clamp(64px,14vw,88px)}
  .sc-solutions .cs-journey {gap:16px}
  .sc-solutions .cs-lead {margin:18px 0!important}
  body.winkdom-app-shell:has(.sc-solutions) .winkdom-shell-logo {width:154px;height:40px}
}

/* 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)}}
}


.sc-solutions .scx-viewer {box-sizing:border-box;overflow:hidden;border:1px solid var(--line);background:var(--surface);border-radius:18px;box-shadow:0 16px 36px #241c5011;color:var(--ink)}
.sc-solutions .scx-controls {display:block;margin:0;min-width:0;padding:20px 22px 14px;border:0}
.sc-solutions .scx-controls legend {float:left;width:100%;color:var(--text);font:600 13px/1.4 inherit;font-family:inherit;font-weight:600;font-size:13px;line-height:1.4;padding:0;margin:0 0 10px}
.sc-solutions .scx-choices {clear:both;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sc-solutions .scx-choice {position:relative;cursor:pointer;display:inline-flex;align-items:center;margin:0;min-width:0}
.sc-solutions .scx-choice input {position:absolute;width:1px;height:1px;opacity:0;margin:0}
.sc-solutions .scx-choice span {display:block;border:1px solid var(--line);border-radius:24px;padding:8px 15px;font:600 14px/1.3 inherit;font-family:inherit;font-size:14px;line-height:1.3;font-weight:600;color:var(--text)!important}
.sc-solutions .scx-choice:has(input:checked) span {background:var(--ink);border-color:var(--ink);color:var(--paper)!important}
.sc-solutions .scx-choice input:focus-visible+span {outline:3px solid var(--accent);outline-offset:3px}
.sc-solutions .scx-scenes {background:var(--cover);background-image:radial-gradient(#9285bc40 .8px,transparent .9px);background-size:13px 13px;border-top:1px solid var(--line)}
.sc-solutions .scx-scene {display:none}
.sc-solutions .scx-viewer:has(.scx-opt-0:checked) .scx-scene-0,.sc-solutions .scx-viewer:has(.scx-opt-1:checked) .scx-scene-1,.sc-solutions .scx-viewer:has(.scx-opt-2:checked) .scx-scene-2 {display:block}
.sc-solutions .scx-scene svg {aspect-ratio:480/265}
.sc-solutions .scx-scene-copy {background:var(--surface);border-top:1px solid var(--line);display:grid;gap:5px;padding:16px 22px;min-height:82px;align-content:center}
.sc-solutions .scx-scene-copy strong {font-size:17px;line-height:1.2;color:var(--ink)}
.sc-solutions .scx-scene-copy span {color:var(--text)!important;font-size:14px;line-height:1.45}
@media(max-width:650px){.sc-solutions .scx-controls {padding:15px 15px 12px}.sc-solutions .scx-scene-copy {padding:14px 15px}.sc-solutions .scx-choice span {padding:9px 12px}}
/* 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}

.sc-solutions .cs-stories {gap:clamp(14px,2.1vw,26px)}
.sc-solutions .cs-stories article {min-width:0;border:1px solid #47425d;border-radius:16px;overflow:hidden;background:#221f36;padding:0 clamp(16px,2vw,25px) 24px}
.sc-solutions .pr-specimen {margin:0 calc(-1 * clamp(16px,2vw,25px)) 20px;background-color:#27233f;background-image:radial-gradient(#635b803f 1px,transparent 1px),radial-gradient(ellipse at 50% 50%,#5950829a,transparent 74%);background-size:13px 13px,auto;border-bottom:1px solid #45405c}
.sc-solutions .pr-specimen svg {display:block;width:100%;height:auto;aspect-ratio:320/133}
.sc-solutions .cs-stories article p.pr-badge {padding:0;border:none;background:none;margin-bottom:9px!important;color:#c6b4f3!important}
.sc-solutions .cs-stories article p.pr-badge::before {display:none}
.sc-solutions .cs-models summary {display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:14px}
.sc-solutions .cs-models summary .pr-icon {width:28px;height:28px;color:var(--accent)}
.sc-solutions .cs-models details[open] {background:color-mix(in srgb,var(--accent) 4%,var(--paper))}
.sc-solutions .cs-models details {padding-inline:clamp(10px,2vw,28px)}
.sc-solutions .cs-ops>div {padding-top:15px}
@media(prefers-reduced-motion:no-preference) {
  .pr-saved {transform-origin:237px 86px;animation:pr-heartbeat 14s ease-in-out infinite}
  .pr-member-signal {animation:pr-member-route 14s linear -4s infinite}
  .pr-license-key {animation:pr-seat 14s ease-in-out -8s infinite}
  @keyframes pr-heartbeat {0%,45%,65%,100% {transform:scale(1)} 55% {transform:scale(1.055)}}
  @keyframes pr-member-route {0%,26% {stroke-dashoffset:71;opacity:0} 35% {opacity:1} 66% {stroke-dashoffset:0;opacity:1} 73%,100% {stroke-dashoffset:0;opacity:0}}
  @keyframes pr-seat {0%,36%,74%,100% {transform:translate(0,0)} 55% {transform:translate(-2px,1.3px)}}
}
.sc-solutions:has(.pr-pause input:checked) :is(.pr-saved,.pr-member-signal,.pr-license-key) {animation-play-state:paused!important}