/* ShopWordWeb monochrome design system, v20261020.
   Respect existing premium composition; reset only custom upgrade components.
   No blanket element transformations that obscure labels or collapse mobile UX. */
:root{--sww-black:#111111;--sww-graphite:#242424;--sww-charcoal:#3b3b3b;--sww-muted:#676767;--sww-line:#dedede;--sww-offwhite:#f5f5f5}
html{scroll-behavior:smooth}
body{accent-color:#222}
a,button,[role="button"]{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #1c1c1c;outline-offset:3px}
::selection{background:#242424;color:white}
/* Service tiles: unified mono contrast, contained text, subtle motion */
.swwFeature{background:linear-gradient(140deg,#fff,#f5f5f5)!important;border-color:#e0e0e0!important;color:#202020!important}
.swwFeature h3,.swwFeature span{color:#232323!important}
.swwFeature p{color:#626262!important;opacity:1!important}
.swwFeature::after{color:#666!important}
@media (prefers-reduced-motion:no-preference){
 .swwFeature{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s!important}
 .swwFeature:hover{transform:translateY(-5px)!important;box-shadow:0 23px 56px rgba(0,0,0,.10)!important}
}
/* Service simulators: high contrast labels, muted image placeholders */
.swwSimSection{background:#f4f4f4!important}
.swwSimRail{background:linear-gradient(155deg,#111,#252525)!important}
.swwSimRail .swwSLabel{color:#ccc!important}
.swwSimRail .swwSimSteps span{border-color:#555!important;color:#eaeaea!important}
.swwSimRail .swwSimRun{color:#151515!important;background:#fff!important;border-color:#fff!important}
.swwSimRail .swwSimRun:hover{background:#eaeaea!important}
.swwSimRail .swwSimState{color:#c7c7c7!important}
.swwSimCanvas{background:radial-gradient(circle at 85% 5%,#ececec,transparent 45%),#f8f8f8!important}
.swwMockBrowser{border-color:#dedede!important}
.swwMockTop{background:#f3f3f3!important;border-color:#e2e2e2!important}
.swwMockTop i{background:#bbb!important}
.swwMockTop em,.swwMockText{color:#666!important}
.swwMockAccent{color:#555!important}
.swwMockHeading{color:#151515!important}
.swwMockCard{background:#f7f7f7!important;border-color:#e0e0e0!important;color:#222!important}
.swwMockCard small{color:#676767!important}
.swwMockIllustration{background:linear-gradient(135deg,#e4e4e4,#b2b2b2)!important}
.swwSimFooter a{border-color:#bdbdbd!important;color:#262626!important}
.swwSimFooter p{color:#6b6b6b!important}
/* Client portfolio: distinguish project cards without unrelated color palettes */
.swwWorkVisual{background:linear-gradient(145deg,#121212,#303030)!important;color:#fff!important}
.swwWorkCopy .swwProjectStatus{color:#646464!important}
.swwWorkCopy p{color:#656565!important}
.swwWorkProject{border-color:#e3e3e3!important}
.swwInternational{background:#181818!important}
.swwInternational p{color:#c8c8c8!important}
.swwInternational h3{color:#fff!important}
.swwWorkingWith .swwBrandmark{background:#fafafa!important;border-color:#d8d8d8!important;color:#242424!important}
/* Scroll journey: keep active route cues high-contrast and responsive */
.swwJourney{background:#f5f5f5!important;color:#191919!important}
.swwJourneySticky{background:#181818!important}
.swwJourneySticky p{color:#d0d0d0!important}
.swwJourneyRail{background:#484848!important}
.swwJourneyRail b{background:#f2f2f2!important}
.swwJourneyPercent{color:#f0f0f0!important}
.swwJourneyStep{background:#fff!important;border-color:#dedede!important}
.swwJourneyStep.is-active{border-color:#555!important;box-shadow:0 22px 55px rgba(0,0,0,.09)!important}
.swwJourneyStep .swwStepNo,.swwStageViz span{color:#555!important}
.swwJourneyStep p{color:#666!important}
.swwStageViz span{background:#f8f8f8!important;border-color:#e1e1e1!important}
/* Legal pages: no warning-orange departure from brand. Keep clear borders. */
.swwLegalBody{background:#f4f4f4!important}
.swwLegalSummary{background:linear-gradient(120deg,#292929,#121212)!important}
.swwLegalSummary strong{color:#f2f2f2!important}
.swwLegalSummary p{color:#d3d3d3!important}
.swwLegalBody .swwPolicy{background:#fff!important;border-color:#e1e1e1!important}
.swwLegalBody .swwPolicy.warn{border-left:5px solid #262626!important;background:#fafafa!important}
.swwLegalBody .swwPolicy.warn h2{color:#171717!important}
.swwLegalNotice{border-left-color:#666!important;background:#fff!important}
.swwLegalBand span{color:#fff!important}
.swwLegalIndex a{border-color:#dadada!important;color:#252525!important}
/* Project planner and form affordances */
.swwPlannerFields label{background:#fafafa!important;border-color:#dedede!important}
.swwPlannerFields input,.swwConsent input{accent-color:#181818!important}
.swwConsent{background:#fafafa!important;border-color:#dedede!important;color:#171717!important}
@media(max-width:760px){
 .swwFeature{min-height:auto!important}
 .swwWorkVisual{min-height:245px!important}
 .swwJourneySticky{position:relative!important;top:auto!important}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .swwFeature,.swwWorkProject,.swwJourneyStep,.swwMockBody,.swwMockIllustration{transition:none!important;animation:none!important;transform:none!important}
}