/* "Show it on your screen" section on the slideshow landing pages (2026-08-30).
   Brand lime palette: #81ff3c CTA on dark, #4ae00c accents on white, #eafdd9 tint. */
.slideshow-screen-promo{background:#0d0d1f;color:#fff;padding:64px 20px}
.slideshow-screen-promo .ssp-inner{max-width:1080px;margin:0 auto}
.slideshow-screen-promo .ssp-head{text-align:center;max-width:760px;margin:0 auto 40px}
.slideshow-screen-promo .ssp-kicker{display:inline-block;background:rgba(129,255,60,.14);color:#81ff3c;border:1px solid rgba(129,255,60,.35);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;letter-spacing:.02em;margin-bottom:16px}
.slideshow-screen-promo .ssp-title{color:#fff;font-size:34px;line-height:1.2;margin:0 0 14px}
.slideshow-screen-promo .ssp-subtitle{color:rgba(255,255,255,.78);font-size:17px;line-height:1.55;margin:0}
.slideshow-screen-promo .ssp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}
.slideshow-screen-promo .ssp-step{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:22px}
.slideshow-screen-promo .ssp-step-num{width:34px;height:34px;border-radius:50%;background:#81ff3c;color:#0d0d1f;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.slideshow-screen-promo .ssp-step-title{color:#fff;font-size:18px;margin:0 0 8px}
.slideshow-screen-promo .ssp-step-desc{color:rgba(255,255,255,.75);font-size:15px;line-height:1.5;margin:0}
.slideshow-screen-promo .ssp-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 28px;margin-bottom:40px}
.slideshow-screen-promo .ssp-benefit{display:flex;gap:12px;align-items:flex-start}
.slideshow-screen-promo .ssp-benefit .svg-icon-check-2{flex:0 0 auto;margin-top:3px}
.slideshow-screen-promo .ssp-benefit-title{color:#fff;font-size:17px;margin:0 0 4px}
.slideshow-screen-promo .ssp-benefit-desc{color:rgba(255,255,255,.75);font-size:15px;line-height:1.5;margin:0}
.slideshow-screen-promo .ssp-cta{text-align:center}
.slideshow-screen-promo .ssp-cta .ai-generate-btn{display:inline-flex;align-items:center;gap:8px;background:#81ff3c;color:#0d0d1f;font-weight:700;border-radius:8px;padding:14px 26px;text-decoration:none}
.slideshow-screen-promo .ssp-note{color:rgba(255,255,255,.6);font-size:13px;margin:14px 0 0}
.slideshow-screen-promo .ssp-learn{color:#81ff3c;text-decoration:none;font-weight:600}
.slideshow-screen-promo .ssp-learn:hover{text-decoration:underline}
@media (max-width:767px){
  .slideshow-screen-promo{padding:44px 16px}
  .slideshow-screen-promo .ssp-title{font-size:26px}
  .slideshow-screen-promo .ssp-steps,.slideshow-screen-promo .ssp-benefits{grid-template-columns:1fr}
}

/* "By industry" band (frontend_signage_industries.pug) */
.signage-industries .item-panel{padding:0.4rem 0.6rem}
.signage-industry-link{display:block;padding:14px 18px;border:1px solid #e0e0ea;border-radius:12px;font-weight:600;color:#1d1d3a;text-decoration:none;background:#fff}
.signage-industry-link:hover{border-color:#4ae00c;color:#1d1d3a}
/* benefits strip on the industry pages: heading centred like the page's other H2s */
.signage-benefits h2{text-align:center;margin-bottom:1.5rem}
.signage-benefits .item-panel h3{margin-top:0}