/* ── RESPONSIVE ── */

/* DEMO VIDEO GRID */
.demo-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}

.demo-play-btn span,.demo-play-btn>*{width:64px;height:44px;background:rgba(10,12,16,.75);border:1.5px solid rgba(255,255,255,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.demo-video-card:hover .demo-play-btn span,.demo-video-card:hover .demo-play-btn>*{background:var(--teal);transform:scale(1.08)}

/* VIDEO LIGHTBOX */

/* DEMO STEPS */
.demo-steps{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.demo-step{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:16px 20px;flex:1;min-width:180px}
.demo-step-num{width:32px;height:32px;background:var(--teal);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}
.demo-step-title{font-size:14px;font-weight:600;color:var(--dark);margin-bottom:3px}
.demo-step-desc{font-size:12.5px;color:var(--muted);line-height:1.5}
.demo-step-arrow{font-size:20px;color:var(--border);font-weight:300;flex-shrink:0}
@media(max-width:1024px){
.demo-video-grid{grid-template-columns:1fr}
  .demo-steps{flex-direction:column;gap:8px}
  .demo-step-arrow{transform:rotate(90deg)}
  .demo-step{width:100%;flex:none}
}
@media(max-width:600px){
.demo-video-info{padding:18px}
  .demo-video-info h3{font-size:18px}
}

/* ── Scroll-triggered animations ── */

/* ── Newsletter modal ── */
@media(max-width:767px){
.gs-grid{grid-template-columns:1fr!important;gap:40px!important}
  .gs-steps{flex-wrap:wrap;justify-content:center;gap:20px!important}
  .gs-steps>div[style*="flex:0 0 28px"]{display:none!important}
  .gs-steps>div[style*="flex:1"]{flex:0 0 calc(50% - 12px)!important;min-width:120px}
}