/* Conversion components: scoped to the blog index and portfolio pages only. */
.csom-conversion-page { --csom-conversion-purple: #6649e6; --csom-conversion-ink: #272a26; }
.csom-conversion-actions,
.csom-conversion-panel,
.csom-conversion-shortcuts,
.csom-conversion-mobile,
.csom-conversion-card-action { box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; }
.csom-conversion-actions *,
.csom-conversion-panel *,
.csom-conversion-shortcuts *,
.csom-conversion-mobile * { box-sizing: border-box; }
.csom-conversion-actions { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; margin-top: 22px; }
.csom-conversion-actions .csom-conversion-button,
.csom-conversion-mobile .csom-conversion-button,
.csom-conversion-card-action { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; max-width: 100%; padding: 13px 20px; border: 1px solid #6649e6; border-radius: 6px; background: #6649e6; color: #fff; font: 700 15px/1.4 Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; overflow-wrap: anywhere; }
.csom-conversion-actions .csom-conversion-button:hover,
.csom-conversion-mobile .csom-conversion-button:hover,
.csom-conversion-card-action:hover { background: #5034c2; border-color: #5034c2; color: #fff; text-decoration: none; }
.csom-conversion-actions .csom-conversion-button--secondary,
.csom-conversion-mobile .csom-conversion-button--secondary { background: #fff; border-color: #b9bcb5; color: #272a26; }
.csom-conversion-actions .csom-conversion-button--secondary:hover,
.csom-conversion-mobile .csom-conversion-button--secondary:hover { background: #f1eefc; border-color: #6649e6; color: #362274; }
.csom-conversion-page .csom-conversion-button:focus-visible,
.csom-conversion-page .csom-conversion-card-action:focus-visible,
.csom-conversion-panel a:focus-visible,
.csom-conversion-shortcuts a:focus-visible { outline: 3px solid #6649e6; outline-offset: 4px; box-shadow: 0 0 0 7px #fff; }
.csom-conversion-panel { margin: 28px 0; padding: clamp(22px, 3vw, 34px); border: 1px solid #d9dad6; border-radius: 10px; background: #fff; color: #272a26; }
.csom-conversion-panel .csom-conversion-kicker { display: block; margin: 0 0 10px; color: #5034c2; font: 700 12px/1.5 Arial, Helvetica, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.csom-conversion-panel .csom-conversion-title { margin: 0 0 12px; color: #272a26; font: 400 clamp(26px, 3vw, 34px)/1.18 Georgia, serif; overflow-wrap: break-word; }
.csom-conversion-panel .csom-conversion-copy { max-width: 800px; margin: 10px 0; color: #454a43; font: 400 16px/1.65 Arial, Helvetica, sans-serif; }
.csom-conversion-panel .csom-conversion-price { margin: 12px 0 0; color: #272a26; font: 700 17px/1.6 Arial, Helvetica, sans-serif; }
.csom-conversion-panel .csom-conversion-note { margin: 12px 0 0; color: #555a52; font: 400 14px/1.6 Arial, Helvetica, sans-serif; }
.csom-conversion-panel .csom-conversion-note a { color: #5034c2; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.csom-conversion-panel--compact { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 28px; align-items: center; }
.csom-conversion-panel--compact .csom-conversion-actions { margin-top: 0; }
.csom-conversion-shortcuts { margin: 28px 0 12px; }
.csom-conversion-shortcuts .csom-conversion-shortcuts-title { margin: 0 0 12px; color: #272a26; font: 700 16px/1.5 Arial, Helvetica, sans-serif; }
.csom-conversion-shortcuts ul { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 0; padding: 0; }
.csom-conversion-shortcuts li { margin: 0; padding: 0; }
.csom-conversion-shortcuts a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 15px; border: 1px solid #d1c9f5; border-radius: 24px; color: #5034c2; background: #fff; font: 700 14px/1.4 Arial, Helvetica, sans-serif; text-decoration: none; }
.csom-conversion-shortcuts a:hover { color: #fff; border-color: #5034c2; background: #5034c2; }
.csom-conversion-card-action { width: 100%; margin-top: 10px; font-size: 14px; }
.csom-conversion-mobile { display: none; }
.csom-conversion-page .csom-conversion-list-hero { padding-top: 50px; padding-bottom: 38px; }
.csom-conversion-page .csom-conversion-list-hero h1 { font-size: clamp(36px, 5.3vw, 66px); }
.csom-conversion-page .csom-conversion-list-hero > .container > p:not(.subpage-hero__kicker) { max-width: 760px; color: #454a43; font: 400 16px/1.65 Arial, Helvetica, sans-serif; }
.csom-conversion-page .gallery-hero.csom-conversion-list-hero > .container > p:not(.subpage-hero__kicker) { color: #f3f1fb; }
.csom-conversion-page .csom-conversion-list-hero .csom-conversion-hero-note { max-width: 760px; margin-top: 18px; font: 400 14px/1.65 Arial, Helvetica, sans-serif; }
.csom-conversion-page .csom-conversion-blog-list { padding-top: 28px; padding-bottom: 36px; }
.csom-conversion-page .csom-conversion-gallery-content { padding-bottom: 40px; }
.csom-conversion-page .csom-conversion-bottom { padding-bottom: 28px; }
.csom-conversion-page .csom-conversion-case-hero { padding-top: 40px; padding-bottom: 32px; }
.csom-conversion-page .csom-conversion-case-hero h1 { font-size: clamp(34px, 5vw, 60px); line-height: 1.1; }
.csom-conversion-page .csom-conversion-case-hero > .case-shell > p { color: #f3f3f1; }
.csom-conversion-page .csom-conversion-case-copy { min-width: 0; }
.csom-conversion-page .csom-conversion-case-copy > h2 { font-size: clamp(27px, 3vw, 34px); line-height: 1.2; }
.csom-conversion-page .csom-conversion-case-copy > p { color: #454a43; font-size: 16px; line-height: 1.7; }
.csom-conversion-page .csom-conversion-case-copy > p > a { color: #5034c2; text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 1024px) {
  .csom-conversion-page.case-detail .csom-conversion-case-content { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 36px; align-items: start; }
  .csom-conversion-page .csom-conversion-case-content .case-photo { margin-top: 0; }
  .csom-conversion-page .csom-conversion-case-content .case-photo img { width: 100%; height: auto; max-height: 850px; object-fit: contain; }
}
@media (max-width: 1023px) {
  .csom-conversion-panel--compact { grid-template-columns: 1fr; }
  .csom-conversion-panel--compact .csom-conversion-actions { margin-top: 6px; }
}
@media (max-width: 767px) {
  body.csom-conversion-page { padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important; }
  .csom-conversion-page .csom-conversion-list-hero { padding-top: 30px; padding-bottom: 26px; }
  .csom-conversion-page .csom-conversion-list-hero h1 { font-size: clamp(32px, 8vw, 46px); line-height: 1.12; }
  .csom-conversion-page .csom-conversion-case-hero { padding-top: 26px; }
  .csom-conversion-page .csom-conversion-case-hero h1 { font-size: clamp(32px, 8vw, 44px); }
  .csom-conversion-actions { gap: 10px; }
  .csom-conversion-actions .csom-conversion-button { flex: 1 1 160px; font-size: 15px; }
  .csom-conversion-panel { margin: 22px 0; padding: 22px; }
  .csom-conversion-panel .csom-conversion-title { font-size: 27px; }
  .csom-conversion-shortcuts ul { gap: 8px; }
  .csom-conversion-shortcuts a { padding: 10px 13px; }
  .csom-conversion-mobile { position: fixed; bottom: 0; left: 0; right: 0; z-index: 90; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 12px 14px calc(12px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid #d8dad5; background: #fff; box-shadow: 0 -4px 18px #00000010; }
  .csom-conversion-mobile .csom-conversion-button { min-width: 0; min-height: 48px; padding: 12px 15px; font-size: 15px; }
  .csom-conversion-page.lightbox-open .csom-conversion-mobile { visibility: hidden; pointer-events: none; }
}
@media (max-width: 359px) {
  .csom-conversion-mobile { gap: 8px; padding-left: 10px; padding-right: 10px; }
  .csom-conversion-mobile .csom-conversion-button { padding-left: 10px; padding-right: 10px; font-size: 14px; }
}

/* Keep the full-screen photo and its close control above the shared header. */
.csom-conversion-page .gallery-lightbox { z-index: 1100; }

.csom-conversion-review-score{margin:22px 0;color:#272b26;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.csom-conversion-review-score strong{font-size:28px}.csom-conversion-review-score small{display:block}.csom-conversion-review-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.csom-conversion-review-cards .csom-gr-card{display:block!important;color:#272b26;background:#fff;border:1px solid #d8dad5;padding:20px;min-width:0}.csom-conversion-review-cards a,.csom-conversion-review-score a{color:#5034c2;text-decoration:underline}.csom-conversion-review-cards .csom-gr-stars{color:#5034c2}@media(max-width:900px){.csom-conversion-review-cards{grid-template-columns:1fr}}