/* Direzione A a due temi (26/09): chiaro quasi bianco, scuro vero, pulsante del tema. Unico livello sopra gli altri fogli; i colori
   stanno nei token, con gli stessi selettori dei fogli vecchi. Un solo arancione per pulsanti, prezzi e link. */
:root{color-scheme:light;--bg:#FFFDF9;--surface:#FFFFFF;--paper:#FFFFFF;--ink:#221C14;--muted:#5D5245;--line:#E2D9CA;--accent:#9A3412;--button:#9A3412;--button-ink:#FFFFFF;--button-hover:#7C2A0F;--a-link:#9A3412;--a-logo:#191512;--a-focus:#9A3412;--a-tint:#F8E4D2;--a-ok-bg:#E4F0E4;--a-ok-ink:#1F6B2E;--a-wait-bg:#F3E8C8;--a-wait-ink:#5C4A1A;--a-card-border:#E2D9CA;--a-card-shadow:0 1px 2px rgba(34,28,20,.04),0 6px 20px rgba(34,28,20,.05);--a-box:#221C14;--a-box-ink:#FFFDF9;--a-box-muted:#D8CDB8;--a-box-border:#221C14;--a-box-button:#FFFDF9;--a-box-button-ink:#221C14;--a-bolla-bg:#FFFFFF;--a-bolla-ink:#221C14;--a-bolla-ico-bg:#221C14;--a-bolla-ico-ink:#FFFDF9}
@media(prefers-color-scheme:light){:root:not([data-tema=scuro]){color-scheme:light;--bg:#FFFDF9;--surface:#FFFFFF;--paper:#FFFFFF;--ink:#221C14;--muted:#5D5245;--line:#E2D9CA;--accent:#9A3412;--button:#9A3412;--button-ink:#FFFFFF;--button-hover:#7C2A0F;--a-link:#9A3412;--a-logo:#191512;--a-focus:#9A3412;--a-tint:#F8E4D2;--a-ok-bg:#E4F0E4;--a-ok-ink:#1F6B2E;--a-wait-bg:#F3E8C8;--a-wait-ink:#5C4A1A;--a-card-border:#E2D9CA;--a-card-shadow:0 1px 2px rgba(34,28,20,.04),0 6px 20px rgba(34,28,20,.05);--a-box:#221C14;--a-box-ink:#FFFDF9;--a-box-muted:#D8CDB8;--a-box-border:#221C14;--a-box-button:#FFFDF9;--a-box-button-ink:#221C14;--a-bolla-bg:#FFFFFF;--a-bolla-ink:#221C14;--a-bolla-ico-bg:#221C14;--a-bolla-ico-ink:#FFFDF9}}
@media(prefers-color-scheme:dark){:root:not([data-tema=chiaro]){color-scheme:dark;--bg:#191512;--surface:#221C16;--paper:#2A231C;--ink:#F2EDE4;--muted:#C2B7A6;--line:#3D342A;--accent:#FB923C;--button:#C2410C;--button-ink:#FFFFFF;--button-hover:#9A3412;--a-link:#FB923C;--a-logo:#F2EDE4;--a-focus:#FB923C;--a-tint:#3A2416;--a-ok-bg:#17301E;--a-ok-ink:#8BD49D;--a-wait-bg:#33291A;--a-wait-ink:#F0D48C;--a-card-border:#3D342A;--a-card-shadow:none;--a-box:#2A231C;--a-box-ink:#F2EDE4;--a-box-muted:#C2B7A6;--a-box-border:#4A3F34;--a-box-button:#C2410C;--a-box-button-ink:#FFFFFF;--a-bolla-bg:#221C16;--a-bolla-ink:#F2EDE4;--a-bolla-ico-bg:#F2EDE4;--a-bolla-ico-ink:#191512}}
:root[data-tema=chiaro]{color-scheme:light;--bg:#FFFDF9;--surface:#FFFFFF;--paper:#FFFFFF;--ink:#221C14;--muted:#5D5245;--line:#E2D9CA;--accent:#9A3412;--button:#9A3412;--button-ink:#FFFFFF;--button-hover:#7C2A0F;--a-link:#9A3412;--a-logo:#191512;--a-focus:#9A3412;--a-tint:#F8E4D2;--a-ok-bg:#E4F0E4;--a-ok-ink:#1F6B2E;--a-wait-bg:#F3E8C8;--a-wait-ink:#5C4A1A;--a-card-border:#E2D9CA;--a-card-shadow:0 1px 2px rgba(34,28,20,.04),0 6px 20px rgba(34,28,20,.05);--a-box:#221C14;--a-box-ink:#FFFDF9;--a-box-muted:#D8CDB8;--a-box-border:#221C14;--a-box-button:#FFFDF9;--a-box-button-ink:#221C14;--a-bolla-bg:#FFFFFF;--a-bolla-ink:#221C14;--a-bolla-ico-bg:#221C14;--a-bolla-ico-ink:#FFFDF9}
:root[data-tema=scuro]{color-scheme:dark;--bg:#191512;--surface:#221C16;--paper:#2A231C;--ink:#F2EDE4;--muted:#C2B7A6;--line:#3D342A;--accent:#FB923C;--button:#C2410C;--button-ink:#FFFFFF;--button-hover:#9A3412;--a-link:#FB923C;--a-logo:#F2EDE4;--a-focus:#FB923C;--a-tint:#3A2416;--a-ok-bg:#17301E;--a-ok-ink:#8BD49D;--a-wait-bg:#33291A;--a-wait-ink:#F0D48C;--a-card-border:#3D342A;--a-card-shadow:none;--a-box:#2A231C;--a-box-ink:#F2EDE4;--a-box-muted:#C2B7A6;--a-box-border:#4A3F34;--a-box-button:#C2410C;--a-box-button-ink:#FFFFFF;--a-bolla-bg:#221C16;--a-bolla-ink:#F2EDE4;--a-bolla-ico-bg:#F2EDE4;--a-bolla-ico-ink:#191512}
body{background:var(--bg);color:var(--ink)}
:focus-visible{outline:3px solid var(--a-focus);outline-offset:3px}
a{color:var(--a-link);text-underline-offset:.2em}
.eyebrow{color:var(--ink)}
/* Pagine esempio-*.html: la riga «dimostrativo» aveva un grigio fisso (#595959) nello stile della pagina. */
#note{color:var(--muted)}
.button{background:var(--button);color:var(--button-ink);border:0;border-radius:9999px;min-height:52px;display:inline-block;text-decoration:none;font-weight:500;padding:.8rem 1.6rem;line-height:1.3}
.button:hover{filter:brightness(1.08)}
a.button{color:var(--button-ink)}
.button.secondary{background:transparent;color:var(--ink);border:2px solid var(--ink)}
a.button.secondary{color:var(--ink)}
.text-link{color:var(--a-link)}
/* Banda dei prezzi: nel chiaro prende i colori della pagina (i fogli vecchi la volevano scura sempre). */
.chapter--soldi{--bg:inherit;--surface:inherit;--paper:inherit;--ink:inherit;--muted:inherit;--accent:inherit;--line:inherit;--button:inherit;--button-ink:inherit;background:var(--bg);color:var(--ink)}
@media(prefers-color-scheme:dark){:root:not([data-tema=chiaro]) .chapter--soldi{--bg:#221C16;--surface:#2C251E;--paper:#2C251E;--line:#3D342A}}
:root[data-tema=scuro] .chapter--soldi{--bg:#221C16;--surface:#2C251E;--paper:#2C251E;--line:#3D342A}
#offerta,#prezzi,#cura-prezzi,#moduli,#audit{background-color:var(--bg);color:var(--ink)}
.price,.plan-grid h2,.price-row .price,.studio-price strong{color:var(--a-link)}
.plan-grid article{border:1px solid var(--a-card-border);box-shadow:var(--a-card-shadow)}
.site-price{background:var(--a-box);color:var(--a-box-ink);border:1px solid var(--a-box-border);border-radius:20px}
.site-price h2{color:var(--a-box-ink)}
.site-price .amount,.site-price .a-prezzo{color:var(--a-box-ink)}
.site-price .small{color:var(--a-box-muted)}
.site-price .button{background:var(--a-box-button);color:var(--a-box-button-ink)}
.site-price a:not(.button){color:var(--a-box-ink)}
/* Sezione Cura direzione A */
.a-cura-ord{max-width:40rem;margin:0 0 2rem}
.a-thread{list-style:none;margin:1.2rem 0 0;padding:0;display:flex;flex-direction:column;gap:.8rem;max-width:44rem}
.a-thread li{border-radius:14px;padding:.9rem 1.1rem;max-width:32rem;background:var(--surface);border:1px solid var(--a-card-border)}
.a-thread li p{margin:0}
.a-thread .chi{display:block;font-size:.85rem;font-weight:700;margin-bottom:.2rem}
.a-thread li.a-tu{align-self:flex-end;background:var(--a-tint)}
.a-thread li.a-ya{align-self:flex-start;background:var(--surface)}
.a-thread li.a-fatto{align-self:flex-start;background:var(--a-ok-bg);border-color:var(--a-ok-ink)}
.a-pillo{display:inline-block;font-size:.85rem;font-weight:700;border-radius:9999px;padding:.25rem .8rem;white-space:nowrap}
.a-pillo-fatto{color:var(--a-ok-ink);background:var(--a-ok-bg)}
.a-pillo-attesa{color:var(--a-wait-ink);background:var(--a-wait-bg)}
.a-nota{font-size:.9rem;color:var(--muted);margin:.8rem 0 0;max-width:44rem}
.a-piani{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.2rem 0}
.a-piano{background:var(--surface);border:1px solid var(--a-card-border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column}
.a-piano h3{font-size:1.1rem;font-weight:700;margin:0 0 .2rem}
.a-piano .quanto{font-size:2rem;font-weight:700;color:var(--a-link);margin:.2rem 0}
.a-piano .quanto small{font-size:1rem;font-weight:400}
.a-perte{display:inline-block;background:var(--a-tint);color:var(--ink);font-size:.9rem;font-weight:700;border-radius:9999px;padding:.3rem .9rem;margin:.6rem 0}
.a-spunte{list-style:none;margin:.8rem 0 1.2rem;padding:0}
.a-spunte li{padding:.4rem 0 .4rem 2rem;position:relative}
.a-spunte li::before{content:"\2713";position:absolute;left:.4rem;color:var(--ink);font-weight:700}
.a-piano .button{margin-top:auto;text-align:center}
.a-contratto{background:var(--surface);border:1px solid var(--a-card-border);border-radius:12px;padding:1rem 1.2rem;margin:0 0 2.5rem;max-width:60rem}
.a-contratto p{margin:0}
/* Movimento esempio: uno alla volta, fermi senza movimento */
@media(prefers-reduced-motion:no-preference){
.a-thread.a-pronto li{opacity:0;transform:translateY(10px);transition:opacity .5s ease-out,transform .5s ease-out}
.a-thread.a-pronto.a-via li{opacity:1;transform:none}
.a-thread.a-pronto.a-via li:nth-child(2){transition-delay:.4s}
.a-thread.a-pronto.a-via li:nth-child(3){transition-delay:.8s}
.a-thread.a-pronto.a-via li:nth-child(4){transition-delay:1.2s}
}
@media(prefers-reduced-motion:reduce){.a-thread li{opacity:1 !important;transform:none !important;transition:none !important}}
/* Bolla assistente AI: secondaria, la piena resta Chiedi il preventivo */
.ai-bolla{position:fixed;right:1.2rem;bottom:1.2rem;z-index:60;display:inline-flex;align-items:center;gap:.6rem;background:var(--a-bolla-bg);color:var(--a-bolla-ink);border:2px solid var(--a-bolla-ink);border-radius:9999px;padding:.7rem 1.2rem;min-height:52px;font:inherit;font-weight:500;cursor:pointer;box-shadow:0 4px 16px rgba(34,28,20,.18)}
.ai-bolla:hover{background:var(--a-tint)}
.ai-bolla-ico{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;border-radius:9999px;background:var(--a-bolla-ico-bg);color:var(--a-bolla-ico-ink);font-size:.85rem;font-weight:700;padding:0 .4rem}
.ai-bolla--nascosta{display:none !important}
/* Pulsante in alto come gli altri pulsanti pieni. */
.header-preventivo{background:var(--button);color:var(--button-ink);border-color:var(--button)}
.header-preventivo:hover{background:var(--button-hover)}
/* Pulsante del tema: tornato il 26/09 (founder). Tondo, bordo sottile, 44 px per il dito. */
button.theme{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0;border-radius:9999px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:1.15rem;line-height:1;cursor:pointer}
button.theme:hover{background:var(--a-tint)}
/* Prezzo nei titoli (listino): arancio dei prezzi; dentro .site-price resta del colore del riquadro (regola più specifica). */
.a-prezzo{color:var(--a-link)}
/* Logo come nelle firme email (founder 25/09): nero nel chiaro, chiaro nello scuro; non prende l'arancio dei link. */
.brand,.brand:hover,.brand:visited,.casa:has(.yaveno-wordmark),.firma:has(.yaveno-wordmark){color:var(--a-logo)}
@media(max-width:760px){
.wrap{padding-left:20px;padding-right:20px}
.nav{display:flex}
.a-piani{grid-template-columns:1fr}
.a-thread li{max-width:100%}
.ai-bolla{right:.8rem;bottom:.8rem;padding:.6rem .8rem}
.ai-bolla-testo{display:none}
button.theme{width:40px;height:40px}
}

/* ─── Ricontrollo 28/09 (axe e Impeccable sulla vetrina viva) ─── */
/* Suggerimenti dei campi: il grigio del browser (#757575) sul fondo scuro stava a 3,7-3,9:1; ora il colore dei testi secondari del tema. */
::placeholder{color:var(--muted);opacity:1}
/* Niente testi sotto i 12 px (prima 10-11 px su telefono). */
.chat-foot{font-size:12px}
@media(max-width:600px){.browser-bar{font-size:12px}.preview-tools{font-size:12px}.suggestions button{font-size:12px}.offer small{font-size:12px}}
/* Righe da leggere sotto gli 80 caratteri (prima fino a 190 nella privacy, 136 nelle note del listino, 87 nelle risposte):
   Ronzino è stretto, a 17 px ci stanno circa 2,3 caratteri per rem. */
.faq details p{max-width:34rem}
.a-contratto{max-width:37rem}
.fact-note{padding-right:max(0px,calc(100% - 28rem))}
main.chapter.wrap p,main.chapter.wrap li{max-width:34rem}
/* A 320 px il prezzo in grassetto, che non andava a capo, allargava la pagina di 11 px. */
@media(max-width:400px){.studio-price strong{white-space:normal}}