/* ReportPro – home page pubblica (index.php). */
.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.75rem}
.hero-points{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:1.5rem;color:var(--muted);font-size:.9rem;padding:0;list-style:none}
.hero-points li{display:flex;align-items:center;gap:.4rem}
.hero-points .icon{color:var(--success)}
.hero-visual{position:relative}
.hero-visual>img{width:100%;border-radius:18px;box-shadow:var(--shadow-lg);display:block}
.mock{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-lg);padding:1.25rem;font-size:.86rem;position:relative;transform:rotate(-1deg)}
.mock-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid var(--border);margin-bottom:.9rem}
.mock-co{display:flex;align-items:center;gap:.6rem;font-weight:700}
.mock-logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--accent))}
.mock-sub{color:var(--muted);font-weight:500;font-size:.78rem}
.mock-num{text-align:right;font-weight:700}
.mock-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;margin:.2rem 0 .45rem}
.mock-row{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;padding:.45rem .55rem;border-radius:8px;background:var(--surface-2);margin-bottom:.35rem}
.mock-row .d{font-weight:700;font-variant-numeric:tabular-nums}
.mock-row .t{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mock-row .h{font-weight:600;font-variant-numeric:tabular-nums}
.mock-tot{margin-top:.8rem;border-top:1px dashed var(--border);padding-top:.6rem}
.mock-tot div{display:flex;justify-content:space-between;padding:.15rem 0;color:var(--muted)}
.mock-tot .grand{color:var(--text);font-weight:800;font-size:1.05rem;padding-top:.35rem}
.mock-chip{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:.6rem .8rem;display:flex;align-items:center;gap:.55rem;font-size:.8rem;font-weight:600}
.mock-chip .ci{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff}
.mock-chip small{display:block;color:var(--muted);font-weight:500}
.chip-pdf{right:-14px;top:-18px;transform:rotate(2deg)}
.chip-pdf .ci{background:var(--danger)}
.chip-quote{left:-18px;bottom:-22px}
/* spazio sotto il totale per il chip "Preventivo accettato", che non deve coprire la riga Totale */
.mock{padding-bottom:3rem}
.chip-quote .ci{background:var(--success)}
.steps{counter-reset:s}
.step{text-align:center;padding:1rem}
.step .step-num{margin:0 auto .8rem}
.step p{color:var(--muted);margin:0}
.cta-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.25rem}
.cta-band .btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
@media (max-width:900px){.hero-visual{max-width:520px;margin:1rem auto 0;width:100%}}
@media (max-width:480px){.chip-pdf{right:-4px}.chip-quote{left:-4px}.mock{transform:none}}
.mock-title{font-weight:600;margin-bottom:.8rem}