/* 22/10/2026 — QR Code gratis · Panoramica, mobile first: pezzi in più rispetto a home-2026.css. Tutto sotto .h26. */
.h26 .strumento{background:var(--carta);border:1px solid var(--linea);border-radius:28px;padding:20px;box-shadow:0 30px 60px rgba(14,26,43,.14);width:100%;max-width:420px;margin:0 auto}
.h26 .st-tipi{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.h26 .st-tipi span{font-size:12.5px;font-weight:800;border-radius:999px;padding:6px 11px;background:var(--tenue);color:var(--ink)}
.h26 .st-tipi span.on{background:var(--ink);color:#fff}
.h26 .st-campo{border:1.5px solid var(--linea);border-radius:12px;padding:10px 12px;font-size:13.5px;color:var(--muto);margin-bottom:10px}
.h26 .st-campo b{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muto);margin-bottom:2px}
.h26 .st-campo span{color:var(--ink);font-weight:700}
.h26 .st-out{display:flex;gap:16px;align-items:center;margin-top:14px}
.h26 .st-out .qr-dis{width:120px;padding:10px;box-shadow:none;border:1px solid var(--linea)}
.h26 .st-out .bt{flex:1;display:grid;gap:8px}
.h26 .st-out .bt span{display:flex;justify-content:center;align-items:center;height:42px;border-radius:999px;font-weight:800;font-size:13.5px;background:var(--blu);color:#fff}
.h26 .st-out .bt small{font-size:12px;color:var(--muto);text-align:center}
.h26 .tipi{display:grid;grid-template-columns:1fr;gap:14px}
.h26 .tipo{background:var(--carta);border:1px solid var(--linea);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:6px}
.h26 .tipo .q{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--tenue);color:var(--blu);margin-bottom:6px}
.h26 .tipo .q svg{width:24px;height:24px}
.h26 .tipo b{font-family:var(--fd);font-weight:600;font-size:21px;color:var(--ink)}
.h26 .tipo p{margin:0;color:var(--muto);font-size:14.5px}
.h26 .tipo em{align-self:flex-start;margin-top:6px;font-style:normal;font-size:12px;font-weight:800;border-radius:999px;padding:4px 10px;background:#FDEFF6;color:var(--magenta)}
.h26 .passi{display:grid;grid-template-columns:1fr;gap:18px;counter-reset:p}
.h26 .passo{background:var(--carta);border:1px solid var(--linea);border-radius:22px;padding:24px;position:relative}
.h26 .passo::before{counter-increment:p;content:counter(p);width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;display:grid;place-items:center;margin-bottom:12px}
.h26 .passo b{font-family:var(--fd);font-weight:600;font-size:21px;color:var(--ink);display:block;margin-bottom:4px}
.h26 .passo p{margin:0;color:var(--muto);font-size:14.5px}
.h26 .confronto{display:grid;grid-template-columns:1fr;gap:16px}
.h26 .cf{border-radius:26px;padding:28px;border:1px solid var(--linea);background:var(--carta)}
.h26 .cf.d{background:var(--ink);border-color:var(--ink);color:#C8D6EA}
.h26 .cf.d h3{color:#fff}
.h26 .cf small{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muto)}
.h26 .cf.d small{color:#7FC3EA}
.h26 .cf h3{font-family:var(--fd);font-weight:600;font-size:26px;margin:8px 0 12px}
.h26 .cf ul{margin:0 0 18px;padding-left:18px;display:grid;gap:6px}
.h26 .cf .vai{font-weight:800;color:var(--blu);text-decoration:none}
.h26 .cf.d .vai{color:#7FC3EA}
.h26 .usi{display:flex;flex-wrap:wrap;gap:8px}
.h26 .usi span{font-size:14px;font-weight:700;background:var(--carta);border:1px solid var(--linea);border-radius:999px;padding:8px 14px}
.h26 .faq{display:grid;gap:10px;max-width:820px}
.h26 .faq details{background:var(--carta);border:1px solid var(--linea);border-radius:16px;padding:4px 18px}
.h26 .faq summary{cursor:pointer;font-weight:800;color:var(--ink);padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.h26 .faq summary::after{content:"+";font-size:20px;color:var(--muto)}
.h26 .faq details[open] summary::after{content:"–"}
.h26 .faq summary::-webkit-details-marker{display:none}
.h26 .faq p{margin:0 0 14px;color:var(--muto)}
@media (min-width:521px){
  .h26 .tipi{grid-template-columns:1fr 1fr}
}
@media (min-width:761px){
  .h26 .confronto{grid-template-columns:1fr 1fr}
}
@media (min-width:861px){
  .h26 .tipi{grid-template-columns:repeat(3,minmax(0,1fr))}
  .h26 .passi{grid-template-columns:repeat(3,minmax(0,1fr))}
}