/* Page-local styles for /solutions/ */
/* Closing strip: a tinted panel that holds words rather than a mock. */
.demo-strip {
  border-radius: 16px; padding: 72px 40px; text-align: center; min-height: 0;
  display: flex; flex-direction: column; align-items: center; gap: 16px;
}
.demo-strip h2 { font-size: 34px; line-height: 42px; }
.demo-strip p { color: var(--ink-soft); max-width: 52ch; }
.demo-strip .btn { height: 44px; border-radius: 22px; padding: 6px 22px; margin-top: 8px; }
/* Each tile previews its page's identity hue on a thin left bar. */
.index-grid a.tile { position: relative; overflow: hidden; }
.tile-mark { position: absolute; left: 0; top: 26px; bottom: 26px; width: 3px; border-radius: 0 3px 3px 0; }
.m-agencies { background: oklch(0.6594 0.1516 50.6); }
.m-dev-shops { background: oklch(0.5947 0.1473 255.4); }
.m-freelancers { background: oklch(0.6061 0.1275 162.0); }
.m-exporters { background: oklch(0.6293 0.1129 68.7); }
.m-ecommerce { background: oklch(0.6026 0.1654 9.0); }

@media (max-width: 768px) {
  .demo-strip { padding: 48px 24px; }
  .demo-strip h2 { font-size: 24px; line-height: 32px; }
}