/* Pagina /demo — landing di conversione. Riusa .demo/.fcard/.nums/.card di style.css. */

.demo-bc{padding:14px 22px;font-size:.82rem;color:var(--muted-d)}
.demo-bc a{color:var(--muted-d);text-decoration:none}
.demo-bc a:hover{color:var(--orange-d)}

/* Hero form-first */
.demo-hero{padding-top:44px}
.demo-hero .grid{align-items:start}
.demo-hero .l h1{color:#fff;font-size:clamp(2rem,4.4vw,3rem);line-height:1.05;margin:8px 0 14px}
.demo-hero .l h1 .o{color:var(--orange)}
.demo-hero .l .lead{color:#d9cdbd;font-size:1.14rem;line-height:1.6}
.demo-hero .l .b{list-style:none;margin:22px 0 0}
.demo-hero .l .b li{padding:8px 0 8px 28px;position:relative;color:#e7ddd0}
.demo-hero .l .b li::before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:700}
.demo-hero .contact{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.demo-hero .contact .btn{background:#25D366;color:#08120a!important}
.demo-hero .contact .call{margin-top:12px;color:#c9bfb2}
.demo-hero .contact .call a{color:#fff;font-weight:700;text-decoration:none}

/* Cosa vedrai */
.demo-why .card h3{margin-top:10px}

/* FAQ */
/* Obiezione "sono troppo piccolo": sta nel corpo pagina, non tra le FAQ (non e' una query di ricerca). */
.demo-obj{max-width:760px;margin:0 auto 54px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:14px;padding:28px 30px;box-shadow:var(--shadow)}
.demo-obj h3{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.25rem;color:var(--ink);margin:0 0 10px}
.demo-obj p{color:var(--grey);margin:0}
.demo-obj b{color:var(--ink)}

.demo-faq{max-width:760px;margin:0 auto}
.demo-faq details{border-bottom:1px solid var(--line);padding:16px 0}
.demo-faq summary{font-weight:700;cursor:pointer;color:var(--ink);font-size:1.04rem;list-style:none}
.demo-faq summary::-webkit-details-marker{display:none}
.demo-faq summary::before{content:"+";color:var(--orange-d);font-weight:800;margin-right:10px}
.demo-faq details[open] summary::before{content:"–"}
.demo-faq details .in{margin-top:10px;color:var(--grey);line-height:1.7}