/* In fiera: registrazione visitatori allo stand. Solo ciò che site.css/home.css non coprono. */

/* mockup di prodotto nella hero di pagina (JPG su fondo --panel, come oggi) */
.hero__panel .media-panel{box-shadow:var(--shadow-lg);max-width:560px;margin-inline:auto}

/* passi in colonna, numero a sinistra (nella split con il mockup) */
.steps--list{list-style:none;padding:0;margin:0;gap:clamp(1.25rem,.9rem + 1vw,1.75rem)}
.steps--list .step{padding:2px 0 0 68px;min-height:52px}
.steps--list .step::before{font-size:2.25rem;top:0}

/* mockup verticale (postazioni Stand + Desk) */
.media-panel--tall img{max-height:560px;width:auto}

/* fascia rossa: scansione del biglietto da visita */
.ocr-band__grid{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(20px,3vw,40px);align-items:center;position:relative;z-index:1}
.ocr-band__icon{width:76px;height:76px;background:#fff;border-radius:var(--r);display:grid;place-items:center;padding:14px}
.ocr-band__icon img{width:100%;height:100%;object-fit:contain}
.ocr-band h2{margin-bottom:.35em}
.ocr-band p{margin:0;max-width:64ch}
@media (max-width:820px){.ocr-band__grid{grid-template-columns:1fr}}

/* link in fila sotto le card */
.links-row{display:flex;flex-wrap:wrap;gap:16px 36px;margin-top:var(--space-head)}

/* passo «sei qui» nella mappa del percorso */
.step .pill{margin-top:10px}
.step .link-arrow{margin-top:10px}
.step .link-arrow + .link-arrow{margin-top:4px}
.step .link-arrow{display:inline-flex}
.step__links{display:grid;gap:6px;margin-top:12px;justify-items:start}

/* strip «componi la soluzione» */
.compose{margin-top:var(--space-head);background:var(--panel);border-radius:var(--r);border-left:6px solid var(--red);
  padding:clamp(1.5rem,1rem + 1.5vw,2.5rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--gap);align-items:center}
.compose h3{margin:0 0 6px}
.compose p{margin:0;color:var(--muted)}
.compose__list{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
@media (max-width:820px){.compose{grid-template-columns:1fr}.compose__list{grid-template-columns:1fr}}

.faq{max-width:880px}