/* Pagina /intelligenza-artificiale — hero scuro, blocco definizione, benefici, FAQ. */

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

/* Hero scuro centrato */
.ai-hero{background:var(--ink);color:#fff;text-align:center;overflow:hidden;position:relative}
.ai-hero::before{content:"";position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:80%;height:120%;background:radial-gradient(50% 45% at 50% 30%,rgba(245,132,60,.22),transparent 70%);z-index:0}
.ai-hero .wrap{position:relative;z-index:1;max-width:820px}
.ai-hero h1{color:#fff}
.ai-hero h1 .o{color:var(--orange)}
.ai-hero .sub{font-size:1.16rem;color:#d9cdbd;max-width:620px;margin:20px auto 22px}
.ai-hero .sub b{color:#fff}

/* Blocco definizione (risposta diretta, AEO) */
.ai-def{max-width:820px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:12px;padding:26px 28px}
.ai-def p{color:var(--ink);font-size:1.08rem;margin:0}
.ai-def b{color:var(--ink)}

/* FAQ */
.ai-faq{max-width:820px;margin:34px auto 0}
.ai-faq details{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;background:var(--card)}
.ai-faq summary{padding:18px 22px;font-weight:700;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.ai-faq summary::-webkit-details-marker{display:none}
.ai-faq summary::after{content:"+";color:var(--orange-d);font-size:1.4rem;font-weight:700;line-height:1}
.ai-faq details[open] summary::after{content:"\2013"}
.ai-faq .in{padding:0 22px 20px;color:var(--grey)}

/* Firma/attribuzione (E-E-A-T) */
.ai-author{max-width:820px;margin:30px auto 0;display:flex;align-items:center;gap:14px;color:var(--grey);font-size:.92rem}
.ai-author b{color:var(--ink)}
.ai-author a{color:var(--orange-text);font-weight:600;text-decoration:none}

/* ── VIDEO Sofia (self-host, continuità scura con l'hero) ──────────────── */
.ai-video{background:var(--ink);color:#fff}
.ai-video h2{color:#fff}
.ai-vid{position:relative;max-width:900px;margin:30px auto 0;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 30px 70px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08)}
.ai-vid video{width:100%;height:100%;display:block;object-fit:cover}
.ai-vid-btn{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:0;cursor:pointer;color:#fff;background:radial-gradient(60% 60% at 50% 50%,rgba(20,16,13,.25),rgba(20,16,13,.55));transition:background .2s;font-family:inherit}
.ai-vid-btn:hover{background:radial-gradient(60% 60% at 50% 50%,rgba(20,16,13,.15),rgba(20,16,13,.45))}
.ai-vid-btn .pl{width:78px;height:78px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 34px rgba(245,132,60,.5);transition:transform .2s}
.ai-vid-btn:hover .pl{transform:scale(1.06)}
.ai-vid-btn .pl svg{width:32px;height:32px;fill:#141010;margin-left:4px}
.ai-vid-btn .lb{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;color:#f2e7d9}
.ai-vid.playing .ai-vid-btn{display:none}

/* ── DIFFERENZIATORE (metodo + software + AI vs il resto) ──────────────── */
.ai-vs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.vs-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 24px}
.vs-card p{color:var(--grey);margin:0}
.vs-tag{font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;font-size:.82rem;letter-spacing:.05em;margin-bottom:12px;color:var(--muted-d)}
.vs-card.win{background:var(--ink);border-color:var(--orange);box-shadow:0 24px 54px rgba(20,16,13,.22)}
.vs-card.win .vs-tag{color:var(--orange)}
.vs-card.win p{color:#d9cdbd}
.vs-card.win p b{color:#fff}
.vs-badge{display:inline-block;margin-top:16px;background:var(--orange);color:#141010;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:7px 14px;border-radius:20px}
@media(max-width:820px){.ai-vs-grid{grid-template-columns:1fr}}

/* ── ESEMPI concreti ───────────────────────────────────────────────────── */
.ai-ex{max-width:860px;margin:30px auto 0;display:grid;gap:14px;text-align:left}
.ai-ex .ex{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 22px}
.ai-ex .ex-n{font-family:'Archivo',sans-serif;font-weight:800;color:var(--orange-text);font-size:1.05rem;flex:none;padding-top:1px}
.ai-ex .ex p{margin:0;color:var(--ink)}
.ai-ex .ex p b{color:var(--ink)}

/* ── PROVA: citazione reale ────────────────────────────────────────────── */
.ai-proof{max-width:820px;margin:0 auto}
.ai-quote{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:clamp(26px,4vw,36px)}
.ai-quote p{font-size:1.18rem;line-height:1.55;color:var(--ink);margin:0}
.ai-quote p b{color:var(--ink)}
.ai-quote .q-by{display:flex;align-items:center;gap:14px;margin-top:22px}
.ai-quote .q-av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#e6a06a,#c25a2a);color:#fff;font-weight:700;font-family:'Archivo',sans-serif;display:flex;align-items:center;justify-content:center;flex:none}
.ai-quote .q-by b{display:block;color:var(--ink)}
.ai-quote .q-by small{color:var(--muted-d)}
.ai-proof .ai-author{justify-content:center;text-align:center;margin-top:26px}