/* Home: componenti usati anche da altre pagine (people-check, contatti) - includere con "css": ["home"] */

.hero__media img{width:min(100%,520px);margin-inline:auto;filter:drop-shadow(0 24px 40px rgba(23,26,41,.25))}
.hero-chip{position:absolute;background:#fff;border-radius:var(--r);box-shadow:var(--shadow-lg);padding:10px 14px;font-size:.875rem;color:var(--ink)}
.hero-chip b{color:var(--red)}
.hero-chip--a{left:0;top:18%}
.hero-chip--b{right:4%;bottom:14%}
@media (max-width:900px){.hero-chip{display:none}}

.steps--light .step::before{-webkit-text-stroke-color:#fff}
.section--red .step p{color:#fff}

/* telefono People Check (ricostruzione HTML della UI dagli screenshot degli store) */
.pc-visual{display:grid;place-items:center;position:relative;padding:20px 0}
.pc-visual::before{content:"";position:absolute;inset:8% 10%;background:var(--panel);border-radius:var(--r);z-index:-1}
.pc-app{font-size:12px;color:#222}
.pc-app__bar{display:flex;gap:12px;align-items:center;padding:34px 14px 10px;font-size:13px}
.pc-app__bar b{font-family:var(--font-t);font-weight:500;font-size:14px}
.pc-app__search{margin:4px 12px 10px;border:1px solid #BFC6CC;border-radius:6px;padding:8px 10px;color:#7A858E;font-style:italic}
.pc-app__head{display:flex;justify-content:space-between;background:var(--red);color:#fff;padding:10px 14px;font-family:var(--font-d)}
.pc-app__row{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #E6E9EC;background:#EAF2FB}
.pc-app__row.is-in{background:#fff}
.pc-app__row span:last-child{font-variant-numeric:tabular-nums;color:#555}
.pc-app__scan{margin:auto 12px 14px;background:var(--ink);color:#fff;border-radius:8px;padding:10px;text-align:center;font-family:var(--font-d);
  display:flex;align-items:center;justify-content:center;gap:8px}
.pc-app__scan span{width:16px;height:16px;border:2px solid #fff;border-radius:3px}

.store-row{gap:12px}
.store{display:inline-flex;align-items:center;gap:10px;background:var(--ink-strong);color:#fff;text-decoration:none;border-radius:var(--r);
  padding:8px 18px 8px 14px;min-height:52px;font-family:var(--font-d);font-size:1.0625rem;line-height:1.1;transition:background .2s}
.store:hover{background:#000}
.store svg{width:26px;height:26px;flex:none}
.store small{display:block;font-family:var(--font-t);font-size:.6875rem;opacity:.85}

.integr-strip{margin-top:var(--space-head);background:#fff;border-radius:var(--r);box-shadow:var(--shadow);border-left:6px solid var(--red);
  padding:24px 28px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}
.integr-strip h3{margin:0 0 4px}
.integr-strip p{margin:0;color:var(--muted)}
@media (max-width:760px){.integr-strip{grid-template-columns:1fr}}

.logos{display:grid;gap:18px;margin-top:var(--space-head)}

.cta-final{overflow:hidden}
.cta-final h2{color:#fff}
.contact-list{list-style:none;margin:0;padding:0;display:grid;gap:18px;position:relative;z-index:1}
.contact-list li{display:flex;align-items:center;gap:16px;font-family:var(--font-d);font-size:1.125rem}
.contact-list a{color:#fff;text-decoration:none}
.contact-list a:hover{text-decoration:underline}
.contact-list img{width:36px;height:36px}
@media (max-width:900px){.cta-final .band-tri{display:none}}

/* configuratore: aggancio in home */
.cfg-teaser{padding-bottom:0}
.cfg-teaser__box{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap);align-items:center;
  background:var(--navy);color:var(--on-navy);border-radius:var(--r);padding:clamp(1.75rem,1.2rem + 2.2vw,3.5rem);border-bottom:var(--border-card)}
.cfg-teaser__box h2{color:#fff}
.cfg-teaser__box .eyebrow{color:#FF8F8B}
.cfg-teaser__box p{margin:0}
.cfg-teaser__opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cfg-teaser__opt{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:var(--r);background:var(--navy-2);
  border:2px solid rgba(255,255,255,.12);text-decoration:none;transition:border-color .2s,transform .2s}
.cfg-teaser__opt b{font-family:var(--font-d);color:#fff}
.cfg-teaser__opt small{color:var(--on-navy);font-size:var(--fs-small)}
.cfg-teaser__opt:hover,.cfg-teaser__opt:focus-visible{border-color:#FF8F8B;transform:translateY(-2px);outline:none}
@media (max-width:900px){.cfg-teaser__box{grid-template-columns:1fr}}
@media (max-width:520px){.cfg-teaser__opts{grid-template-columns:1fr}}