/* Three independent demo destinations, with equal cards and touch-friendly actions. */
.l-demos > .l-demo { min-width: 0; }
.l-demo-copy { min-width: 0; }
.l-demo .l-btn { min-width: 0; min-height: 46px; }
.l-demo--store { background: radial-gradient(60% 80% at 100% 0,#00b8d914,transparent 60%),#f3fafb; }
.l-demo--store .l-demo-ic { background: linear-gradient(145deg,#13b6bf,#087c8c); }
.l-customer-preview { aspect-ratio: 8/5; padding: 10px; background: #f4f7ff; color: #14213d; font: 500 11px/1.4 Inter,Arial,sans-serif; }
.l-customer-preview-head { display: flex; align-items: center; gap: 7px; padding-bottom: 10px; }
.l-customer-preview-head > span:last-child { margin-left: auto; font-size: 9px; color: #64748b; }
.l-customer-preview-tabs { display: flex; gap: 8px; flex-wrap: wrap; font-size: 9px; color: #64748b; padding-bottom: 8px; }
.l-customer-preview-tabs b { color: #2855f5; }
.l-customer-preview-title { display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px; }
.l-customer-preview-title > strong { font-size: 13px; }
.l-customer-preview-title > span { font-size: 9px; color: #64748b; }
.l-customer-preview-products { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.l-customer-preview-products > div { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 6px; background: #fff; border: 1px solid #e3e9f4; border-radius: 8px; text-align: center; }
.l-customer-preview-products strong { font-size: 9px; }
.l-customer-preview-products small { font-size: 8px; color: #047857; }
.l-customer-preview-products b { margin-top: auto; width: 100%; padding: 5px; border-radius: 5px; background: #2855f5; color: #fff; font-size: 8px; }
.l-customer-preview-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: #e6f0ff; color: #2855f5; font-size: 18px; }
@media (min-width: 1100px) {
  .l-demos { grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; }
  .l-demos > .l-demo { grid-template-columns: minmax(0,1fr); grid-template-rows: 1fr auto; padding: 24px; gap: 24px; }
  .l-demos .l-demo-copy { display: flex; flex-direction: column; align-items: flex-start; height: 100%; }
  .l-demos .l-demo-copy > p { max-width: none; padding-bottom: 18px; }
  .l-demos .l-demo .l-btn { width: 100%; margin-top: auto; }
  .l-demos .l-demo-shot { width: 100%; margin: 0; align-self: end; aspect-ratio: 8/5; min-height: 0; }
}
@media (max-width: 639px) { .l-demos .l-demo .l-btn { width: 100%; } }
#features .l-dash-card { min-width: 0; grid-template-rows: auto auto 1fr; }
#features .l-dash-details { display: grid; gap: 8px; margin: 0; padding: 14px 0 0 18px; border-top: 1px solid #e3e9f4; color: #596579; font-size: 13px; line-height: 1.6; list-style: disc; }
#features .l-dash-details li::marker { color: #2855f5; }
#features .l-dash-shot { width: 100%; align-self: end; }
@media (min-width: 900px) { #features .l-dash { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 767px) { #features .l-dash { grid-template-columns: minmax(0,1fr); grid-auto-flow: row; grid-auto-columns: auto; overflow: visible; margin: 0; padding: 0; } }