.demo-section{position:relative}.demo-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.demo-card{background:#fff;border:1px solid #dde0df;border-radius:18px;padding:16px 16px 26px;box-shadow:0 15px 35px rgba(9,29,44,.08)}.demo-step{font-size:.75rem;letter-spacing:.11em;text-transform:uppercase;color:var(--orange);font-weight:850;padding:8px 6px 14px}.demo-media{height:250px;border-radius:13px;overflow:hidden;background:#0a1f30;position:relative}.demo-media>img:not(.scan-icon){width:100%;height:100%;object-fit:cover}.scan-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,24,39,.55),rgba(7,24,39,.08),rgba(7,24,39,.55));border:1px solid rgba(240,138,60,.6);border-radius:13px}.scan-line{position:absolute;z-index:2;left:6%;right:6%;top:51%;height:2px;background:var(--orange2);box-shadow:0 0 15px var(--orange2)}.scan-icon{position:absolute;z-index:3!important;width:70px!important;height:70px!important;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:17px;box-shadow:0 10px 30px rgba(0,0,0,.35)}.result-media img{object-position:center 60%}.demo-card h3{font-size:1.25rem;line-height:1.25;margin:20px 6px 8px}.demo-card p{color:#66737b;margin:0 6px}.concept-note{text-align:center;color:#7a858b;font-size:.8rem;margin:18px 0 0}@media(max-width:900px){.demo-flow{grid-template-columns:1fr}.demo-card{display:grid;grid-template-columns:180px 1fr;column-gap:22px;align-items:center}.demo-step,.demo-media{grid-row:1 / span 3}.demo-step{display:none}.demo-media{height:190px}.demo-card h3{margin-top:5px}}@media(max-width:600px){.demo-card{display:block}.demo-media{height:220px}.demo-step{display:block}.demo-card h3{margin-top:18px}}