html[data-theme=light] body { background: linear-gradient(115deg,#edf0f1,#e5ebe5 70%,#e5e5e5); color:#1a1e21; }
html[data-theme=light] .hero { background: linear-gradient(112deg,#e9eef0 8%,#bdcbd2 53%,#d5e1d4); }
html[data-theme=light] .plai-chapter { background:linear-gradient(115deg,#e2e9ec,#e8efe6); }
html[data-theme=light] .social { background:#dfe7eb; }
.title-tint { --tint-a:#315866; --tint-b:#527a8a; --tint-c:#526c59; }
html[data-theme=light] :is(.plai-packages .plai-package-grid article:nth-child(n),.pricing article:nth-child(n),.voices figure,.feed-grid article,.plaiground-demo) { background:#f0f3f5bc; }
html[data-theme=light] :is(.plai-packages .plai-package-grid article,.pricing article):nth-child(2) { background:#dbe5ea; }
html[data-theme=light] :is(.plai-packages .plai-package-grid article,.pricing article):nth-child(3) { background:#e2ecdf; }
html[data-theme=light] .story-intro, html[data-theme=light] .campaign .campaign-copy { background:#edf1f3df; }
html[data-theme=light] .process-grid .lockup span { --chip:#edf3f6df; }
html[data-theme=light] .process-grid article p { background:#e7edf1d9; }
html[data-theme=light] .matched article:nth-child(n) { background:#dce6eda6; --capsule:#edf2f6df; }
html[data-theme=light] .matched article:nth-child(2) { background:#d5e5d2a6; --capsule:#e6efe3df; }
html[data-theme=light] :is(.plaiground-demo > .pill,.enquiry-glass > .pill,.campaign .campaign-copy > .pill,.questions details > summary) { background-image:linear-gradient(105deg,#eaf0f3,#b9cdd7,#d5e4d1,#eaf0f3); }
.contact { background:#1a1e21; }
.contact .title-tint { background-image:linear-gradient(100deg,#f0f3f5,#a2becb,#d2e2ce,#f0f3f5); }

.steel-film {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.14);
  opacity: 0;
  pointer-events: none;
}
#campaign .steel-film { z-index: -1; }
#campaign .steel-film.is-playing { opacity: 1; }
.plaiground-demo .steel-film {
  z-index: -1;
  mask-image: linear-gradient(90deg, #0000 28%, #000 75%);
}
.plaiground-demo .steel-film.is-playing { opacity: .57; }
.plaiground-demo:has(.steel-film.is-playing) .demo-motion { visibility: hidden; }
[data-theme=dark] .plaiground-demo .steel-film.is-playing { opacity: .3; }

.steel-plai-tagline { margin-top: 10px; }
.story-steps.matched h3.lockup { font-size: clamp(26.62px, 3.4485vw, 55.66px); }
.story-steps.matched h3.lockup > span { white-space: normal; max-width: 100%; }

.story-steps.matched h3.lockup > span:nth-child(2) { margin-left: .32em; }
.story-steps.matched h3.lockup > span:nth-child(3) { margin-left: .6em; }
.pricing .price { white-space: nowrap; }
@media (min-width: 601px) {
  .pricing h3 { min-height: 2lh; }
}

.services .lockup { display: flex; flex-direction: column; align-items: flex-start; }
.services .lockup span {
  padding: .13em .28em .16em;
  margin: 0;
  background: var(--capsule, #e5edf2);
}
.services .lockup span + span { margin-left: .32em; }
[data-theme=dark] .services .lockup span { background: #dbe4ea; }

.enquiry-glass > .pill { font-size: 14.3px; padding: 9.9px 14.3px; }