/* Home Obiettivo Bar — generato da esporta-wp.py, non modificare a mano */

@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('font/montserrat-400.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('font/montserrat-600.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('font/montserrat-700.woff2') format('woff2')}
@font-face{font-family:'Cutive';font-style:normal;font-weight:400;font-display:swap;src:url('font/cutive-400.woff2') format('woff2')}

/* ── sistema visivo dichiarato: tutti i valori in un posto solo */:root{
  --prugna:#392432;
  --prugna-fondo:#3B2532;
  --nero:#1F1F1F;
  --grigio:#F7F7F7;
  --rosso:#D83333;
  --rosa:#ECACAC;
  --testo:#1F1F1F;
  --testo-tenue:#4A4E57;
  --bianco:#fff;
  --raggio-card:15px;
  --raggio-bottone:10px;
  --contenuto:1080px;
  --ombra-card:0 6px 24px rgba(31,31,31,.08);
}#main .obhome *,#main .obhome *::before,#main .obhome *::after{box-sizing:border-box}html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}#main .obhome{margin:0;font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.55;color:var(--testo);background:var(--bianco)}#main .obhome img{max-width:100%;height:auto;display:block}#main .obhome h1,#main .obhome h2,#main .obhome h3,#main .obhome p{margin:0}#main .obhome ul{margin:0;padding:0;list-style:none}#main .obhome a{color:inherit}#main .obhome button,#main .obhome input,#main .obhome select,#main .obhome textarea{font:inherit}#main .obhome [hidden]{display:none!important}#main .obhome .contenuto{max-width:var(--contenuto);margin-inline:auto;padding-inline:24px}#main .obhome [id]{scroll-margin-top:var(--obhome-testata,92px)} /* chi arriva da un link con ancora non atterra sotto la barra */

/* copia-collegamento accanto ai titoli: si vede al passaggio, si tocca 44px */#main .obhome .ancora-copia{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-10px 0 -10px 2px;vertical-align:middle;border:0;background:none;cursor:pointer;color:currentColor;opacity:0;border-radius:8px}#main .obhome .ancora-copia svg{width:20px;height:20px}#main .obhome h2:hover .ancora-copia,#main .obhome h3:hover .ancora-copia,#main .obhome .ancora-copia:focus-visible{opacity:.55}
@media (hover:none){#main .obhome .ancora-copia{opacity:.3}}#main .obhome .ancora-copia:active{transform:scale(.9)}#main .obhome .salta{position:absolute;left:-9999px;top:0;z-index:99;background:var(--bianco);color:var(--prugna);padding:14px 22px;font-weight:700;border-radius:0 0 var(--raggio-bottone) 0}#main .obhome .salta:focus-visible{left:0}#main .obhome :focus-visible{outline:3px solid var(--rosso);outline-offset:2px}

@media (hover:hover) and (pointer:fine){#main .obhome .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(216,51,51,.35)}#main .obhome .card-video:hover,#main .obhome .card-voce:hover,#main .obhome .beneficio:hover,#main .obhome .citazione:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(31,31,31,.14)}#main .obhome .social a:hover img{transform:translateY(-2px)}
}#main .obhome .btn:active{transform:scale(.97)}#main .obhome .btn,#main .obhome .card-video,#main .obhome .card-voce,#main .obhome .beneficio,#main .obhome .citazione,#main .obhome .social a img{transition:transform .18s ease,box-shadow .18s ease}
@media (prefers-reduced-motion: reduce){#main .obhome .btn,#main .obhome .card-video,#main .obhome .card-voce,#main .obhome .beneficio,#main .obhome .citazione,#main .obhome .social a img{transition:none}
}.js #main .obhome .rivela{opacity:0;transform:translateY(16px)}.js #main .obhome .rivela.vista{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease}
@media (prefers-reduced-motion: reduce){.js #main .obhome .rivela{opacity:1;transform:none;transition:none}}#main .obhome .titolo-sezione{font-size:40px!important;font-weight:700!important;color:var(--prugna);line-height:1.15!important}#main .obhome .lineetta{width:50px;height:3px;background:var(--rosso);border:0;margin:18px 0 0}.js #main .obhome .rivela .lineetta{transform-origin:left;transform:scaleX(0)}.js #main .obhome .rivela.vista .lineetta{transform:scaleX(1);transition:transform .6s .2s ease}
@media (prefers-reduced-motion: reduce){.js #main .obhome .rivela .lineetta{transform:none;transition:none}}#main .obhome .nota-cta{color:var(--testo-tenue);font-size:16px;text-align:center;margin-top:14px}#main .obhome .filo{width:70px;height:1px;background:rgba(255,255,255,.85);border:0;margin:26px 0}#main .obhome .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 29px;background:var(--rosso);color:var(--bianco);font-size:14px!important;letter-spacing:.4px!important;font-weight:600!important;border-radius:var(--raggio-bottone);text-decoration:none;border:0;cursor:pointer;text-transform:uppercase}#main .obhome .riga-cta{text-align:center;padding:26px 0 8px}

/* ── testata */#main .obhome .testata{background:var(--prugna)}#main .obhome .testata .contenuto{display:flex;align-items:center;justify-content:space-between;min-height:100px;max-width:1220px}#main .obhome .testata img{width:100px;height:100px}#main .obhome .menu ul{display:flex;gap:8px}#main .obhome .menu a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:var(--bianco);text-decoration:none;font-size:14px;letter-spacing:1px;font-weight:600;border-bottom:2px solid transparent}#main .obhome .menu a[aria-current="page"]{border-bottom-color:var(--bianco)}
@media (hover:hover) and (pointer:fine){#main .obhome .menu a:hover{border-bottom-color:var(--rosa)}}#main .obhome .apri-menu{display:none;width:48px;height:48px;background:var(--bianco);border:0;border-radius:6px;cursor:pointer;align-items:center;justify-content:center}#main .obhome .apri-menu svg{width:24px;height:24px;stroke:var(--prugna)}

/* barra di ritorno: compare solo risalendo, una riga sola, non ruba schermo in lettura */#main .obhome .barra-ritorno{position:fixed;top:0;left:0;right:0;z-index:25;background:var(--prugna);color:var(--bianco);transform:translateY(-100%);transition:transform .25s ease;box-shadow:0 4px 18px rgba(31,31,31,.3)}#main .obhome .barra-ritorno.visibile{transform:none}
@media (prefers-reduced-motion: reduce){#main .obhome .barra-ritorno{transition:none}}#main .obhome .barra-ritorno .contenuto{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;max-width:1220px}#main .obhome .barra-ritorno img{width:44px;height:44px}#main .obhome .barra-ritorno .btn{min-height:44px;padding:10px 20px}

/* ── hero diviso: testo su prugna, composizione di foto VERE coi quadri rosa */#main .obhome .hero{background:var(--prugna);color:var(--bianco);overflow:hidden}#main .obhome .hero .contenuto{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding-block:80px;max-width:1220px}#main .obhome .hero .occhiello{display:flex;align-items:center;gap:12px;font-size:15px!important;color:var(--bianco);font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase}#main .obhome .hero .occhiello::before{content:"";width:28px;height:3px;background:var(--rosso);flex:0 0 auto}#main .obhome .hero h1{font-size:44px;line-height:1.16;font-weight:700;margin-top:12px}#main .obhome .hero .sotto{font-size:24px;line-height:1.4;font-weight:400;margin-top:0}#main .obhome .hero .riga-cta{text-align:left;padding-top:34px}#main .obhome .hero .nota-cta{text-align:left;color:rgba(255,255,255,.85)}#main .obhome .composizione{position:relative;max-width:420px;margin-left:auto}#main .obhome .composizione .foto-team{position:relative;z-index:1;width:100%;border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.35)}#main .obhome .composizione::before{content:"";position:absolute;top:-26px;right:-26px;width:130px;height:130px;background:var(--rosa);border-radius:24px}#main .obhome .composizione::after{content:"";position:absolute;bottom:-22px;left:-26px;width:92px;height:92px;background:var(--rosso);border-radius:20px;opacity:.9}
@media (max-width:900px){#main .obhome .hero .contenuto{grid-template-columns:1fr;padding-block:56px}#main .obhome .hero h1{font-size:30px}#main .obhome .hero .sotto{font-size:19px}#main .obhome .composizione{max-width:min(340px,84vw);margin:26px auto 0}#main .obhome .composizione::before{top:-16px;right:-14px;width:88px;height:88px;border-radius:16px}#main .obhome .composizione::after{bottom:-14px;left:-14px;width:64px;height:64px;border-radius:14px}
}

/* striscia dei risultati: numeri VERI, dai bilanci dei clienti */#main .obhome .striscia{background:var(--grigio);padding-block:28px 20px}#main .obhome .striscia .contenuto{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}#main .obhome .fatto{display:flex;align-items:center;gap:16px;justify-content:center;font-size:16px;line-height:1.35}#main .obhome .fatto b{color:var(--prugna);font-size:30px;font-weight:700;white-space:nowrap}#main .obhome .striscia .fonte{text-align:center;font-size:14px;color:var(--testo-tenue);margin-top:16px}
@media (max-width:800px){#main .obhome .striscia .contenuto{grid-template-columns:1fr;gap:14px}#main .obhome .fatto{justify-content:flex-start}}

/* ── fasce */#main .obhome .fascia{padding-block:72px}#main .obhome .fascia-grigia{background:var(--grigio)}#main .obhome .fascia-prugna{background:var(--prugna);color:var(--bianco)}
@media (max-width:640px){#main .obhome .fascia{padding-block:48px}}

/* ── per chi è: card prugna + mosaico di facce vere */#main .obhome .perchie-griglia{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;margin-top:36px}#main .obhome .perchie-griglia>*,#main .obhome .chisiamo-griglia>*,#main .obhome .modulo-griglia>*{min-width:0}
@media (max-width:900px){#main .obhome .perchie-griglia{grid-template-columns:1fr}}

/* la settimana di troppi bar: le barre del logo raccontano il problema */#main .obhome .grafico-vivo{text-align:center}#main .obhome .grafico-vivo svg{width:100%;max-width:400px;height:auto;overflow:visible}#main .obhome .grafico-vivo .barra{transform-box:fill-box;transform-origin:bottom;fill:#DCD4D9}#main .obhome .grafico-vivo .barra.weekend{fill:var(--prugna)}#main .obhome .grafico-vivo text{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600;fill:var(--testo-tenue)}.js #main .obhome .rivela .grafico-vivo .barra{transform:scaleY(0)}.js #main .obhome .rivela.vista .grafico-vivo .barra{transform:scaleY(1);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.js #main .obhome .rivela.vista .grafico-vivo .barra:nth-of-type(2){transition-delay:.08s}.js #main .obhome .rivela.vista .grafico-vivo .barra:nth-of-type(3){transition-delay:.16s}.js #main .obhome .rivela.vista .grafico-vivo .barra:nth-of-type(4){transition-delay:.24s}.js #main .obhome .rivela.vista .grafico-vivo .barra:nth-of-type(5){transition-delay:.32s}.js #main .obhome .rivela.vista .grafico-vivo .barra:nth-of-type(6){transition-delay:.44s}.js #main .obhome .rivela.vista .grafico-vivo .barra:nth-of-type(7){transition-delay:.56s}
@media (prefers-reduced-motion: reduce){.js #main .obhome .rivela .grafico-vivo .barra{transform:none;transition:none}
}#main .obhome .grafico-dida{font-size:15px;color:var(--testo-tenue);margin-top:16px;max-width:340px;margin-inline:auto}#main .obhome .card-prugna{background:var(--prugna-fondo);color:var(--bianco);border-radius:var(--raggio-card);padding:26px 30px;font-size:21px;font-weight:700;line-height:1.35;max-width:460px}#main .obhome .card-prugna + .card-prugna{margin-top:30px}#main .obhome .card-prugna:nth-child(2){margin-left:64px}#main .obhome .card-prugna .lineetta{margin-top:16px}#main .obhome .mosaico{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:28px}
/* niente ombre sulle PNG trasparenti: l'ombra disegnerebbe il rettangolo del file */#main .obhome .mosaico img{width:100%}#main .obhome .mosaico img:nth-child(2){transform:translateY(26px)}#main .obhome .mosaico img:nth-child(3){transform:translateY(-10px)}#main .obhome .mosaico::before{content:"";position:absolute;top:0;right:0;width:110px;height:110px;background:var(--rosa);border-radius:22px;z-index:-1}#main .obhome .mosaico::after{content:"";position:absolute;bottom:-6px;left:0;width:84px;height:84px;background:var(--rosa);border-radius:18px;z-index:-1}#main .obhome .mosaico-dida{font-size:14px;color:var(--testo-tenue);text-align:center;margin-top:34px}
@media (max-width:900px){#main .obhome .perchie-griglia{grid-template-columns:1fr}#main .obhome .card-prugna:nth-child(2){margin-left:24px}
}

/* ── "se oggi ti riconosci": citazioni come card, la verità che accompagna */#main .obhome .verita-griglia{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start;margin-top:36px}#main .obhome .verita-griglia>*{min-width:0}#main .obhome .citazione{position:relative;background:var(--bianco);border-radius:var(--raggio-card);box-shadow:var(--ombra-card);padding:22px 26px 22px 58px;font-style:italic;font-size:18px}#main .obhome .citazione + .citazione{margin-top:16px}#main .obhome .citazione::before{content:"“";position:absolute;left:22px;top:10px;font-size:44px;line-height:1;color:var(--rosso);font-style:normal;font-weight:700}#main .obhome .verita-card{position:sticky;top:96px;background:var(--prugna-fondo);color:var(--bianco);border-radius:var(--raggio-card);padding:34px}#main .obhome .verita-card h3{font-size:28px;font-weight:700}#main .obhome .verita-card .lineetta{margin-top:14px}#main .obhome .verita-card p{margin-top:18px;font-size:18px}
@media (max-width:900px){#main .obhome .verita-griglia{grid-template-columns:1fr}#main .obhome .verita-card{position:static}}

/* ── fascia metodo */#main .obhome .metodo{font-size:30px;line-height:1.5;font-weight:700;text-align:center;max-width:1150px;margin-inline:auto}
@media (max-width:640px){#main .obhome .metodo{font-size:21px}}

/* ── cosa ottieni: tre carte, tre segni diversi */#main .obhome .benefici-griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px}#main .obhome .beneficio{background:var(--bianco);border-radius:var(--raggio-card);box-shadow:var(--ombra-card);padding:30px}#main .obhome .beneficio .segno{width:56px;height:56px;border-radius:14px;background:var(--rosso);display:flex;align-items:center;justify-content:center}#main .obhome .beneficio .segno svg{width:30px;height:30px;stroke:var(--bianco)}#main .obhome .beneficio h3{font-size:22px!important;font-weight:700!important;color:var(--prugna);margin-top:18px}#main .obhome .beneficio p{margin-top:10px;font-size:16px}
@media (max-width:900px){#main .obhome .benefici-griglia{grid-template-columns:1fr}}

/* ── i 4 pilastri */#main .obhome .pilastri-griglia{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:40px}#main .obhome .pilastro{background:var(--prugna-fondo);color:var(--bianco);border-radius:var(--raggio-card);padding:34px 26px;display:flex;flex-direction:column}#main .obhome .pilastro h3{font-size:20px;font-weight:700;letter-spacing:.5px;text-align:center;line-height:1.3}#main .obhome .pilastro .filo{margin:18px auto}#main .obhome .pilastro .slogan{font-weight:700;font-size:19px;line-height:1.4}#main .obhome .pilastro ul{margin-top:18px;display:grid;gap:12px}#main .obhome .pilastro li{position:relative;padding-left:20px;font-size:16px}#main .obhome .pilastro li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;background:var(--rosso);border-radius:2px}
@media (max-width:1000px){#main .obhome .pilastri-griglia{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){#main .obhome .pilastri-griglia{grid-template-columns:1fr}}

/* ── macchina da scrivere */#main .obhome .macchina{text-align:center}#main .obhome .macchina .fisso{font-size:32px;letter-spacing:1px;font-weight:600}#main .obhome .macchina .riga{font-family:'Cutive',Georgia,serif;font-size:clamp(34px,6vw,75px);line-height:1.25;min-height:1.3em;margin-top:24px}#main .obhome .macchina .cursore{display:inline-block;width:2px;height:.95em;background:var(--bianco);vertical-align:-.12em;margin-left:4px;animation:lampeggio 1s steps(1) infinite}
@keyframes lampeggio{50%{opacity:0}}
@media (prefers-reduced-motion: reduce){#main .obhome .macchina .cursore{animation:none}}

/* ── caroselli */#main .obhome .carosello{position:relative}#main .obhome .binario{display:grid;grid-auto-flow:column;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 18px;scrollbar-width:none}#main .obhome .binario::-webkit-scrollbar{display:none}#main .obhome .binario>*{scroll-snap-align:start}#main .obhome .freccia{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:var(--prugna);color:var(--bianco);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(31,31,31,.25)}#main .obhome .freccia svg{width:20px;height:20px}#main .obhome .freccia[data-verso="prima"]{left:-8px}#main .obhome .freccia[data-verso="dopo"]{right:-8px}
@media (max-width:900px){#main .obhome .freccia[data-verso="prima"]{left:4px}#main .obhome .freccia[data-verso="dopo"]{right:4px}
}#main .obhome .pallini{display:flex;justify-content:center;margin-top:4px}#main .obhome .pallini button{width:44px;height:44px;background:none;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}#main .obhome .pallini button::after{content:"";width:12px;height:12px;border-radius:50%;background:#C9C2C6;transition:background .2s}#main .obhome .pallini button[aria-current="true"]::after{background:var(--prugna)}#main .obhome .card-voce{background:var(--bianco);border-radius:var(--raggio-card);box-shadow:var(--ombra-card);padding:28px;width:min(340px,78vw)}#main .obhome .card-voce img{width:120px;height:120px;border-radius:14px;object-fit:cover}#main .obhome .card-voce .nome{font-weight:700;color:var(--prugna);margin-top:18px;font-size:16px}#main .obhome .card-voce .locale{color:var(--testo-tenue);font-size:15px;margin-top:2px}#main .obhome .card-voce .voce{margin-top:14px;font-size:15px}#main .obhome .card-video{position:relative;display:block;width:min(346px,80vw);border-radius:var(--raggio-card);overflow:hidden;text-decoration:none;background:var(--nero)}#main .obhome .card-video img{width:100%;aspect-ratio:4/3;object-fit:cover;opacity:.96}#main .obhome .card-video .gioca{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#main .obhome .card-video .gioca svg{width:54px;height:54px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}#main .obhome .card-video .chi{position:absolute;top:12px;right:12px;max-width:calc(100% - 24px);background:var(--bianco);color:var(--prugna);font-weight:600!important;font-size:16px!important;line-height:1.25!important;padding:8px 14px;border-radius:8px}
/* la barra in basso: il risultato dai bilanci dove c'e, la voce della persona dove non c'e */
/* banda alta uguale su tutte le card, anche quando il testo sta su una riga:
   60px e l'altezza misurata del caso a due righe, che e il massimo a ogni larghezza.
   Le frasi prese dai video (.voce) hanno lo stesso peso dei numeri: la differenza
   la fanno le virgolette, non il grassetto. */#main .obhome .card-video .esito{position:absolute;left:0;right:0;bottom:0;min-height:60px;display:flex;align-items:center;background:var(--prugna);color:var(--bianco);font-size:14px!important;font-weight:600!important;padding:10px 14px;line-height:1.35!important}#main .obhome button.card-video{border:0;padding:0;font:inherit;text-align:inherit}

/* il lettore in casa: niente terzi, si chiude da ogni stato, in pausa quando si chiude */dialog.modale-video{border:0;border-radius:var(--raggio-card);padding:0;width:min(960px,94vw);background:var(--nero);box-shadow:0 24px 64px rgba(0,0,0,.5)}dialog.modale-video::backdrop{background:rgba(31,31,31,.75)}.modale-video video{display:block;width:100%;height:auto;border-radius:var(--raggio-card) var(--raggio-card) 0 0;background:#000}.modale-video .video-dida{color:var(--bianco);font-size:15px;font-weight:600;padding:14px 64px 14px 20px;margin:0}.modale-video .chiudi{background:rgba(255,255,255,.14)}#main .obhome .titoletto-blocco{font-size:22px!important;font-weight:700!important;color:var(--prugna);margin:44px 0 18px}

/* ── come lavoriamo */#main .obhome .sotto-titolo{font-size:24px;font-weight:700;margin-top:26px}#main .obhome .passi-griglia{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:44px}#main .obhome .passo{text-align:center}#main .obhome .passo img{width:150px;height:150px;margin:0 auto;filter:drop-shadow(0 10px 18px rgba(57,36,50,.25))}#main .obhome .passo h3{font-size:20px;font-weight:700;color:var(--prugna);letter-spacing:.5px;margin-top:22px;line-height:1.3}#main .obhome .passo .lineetta{margin:14px auto 0;width:44px;height:2px}#main .obhome .passo p{margin-top:14px;font-size:16px;text-align:left}
@media (max-width:1000px){#main .obhome .passi-griglia{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){#main .obhome .passi-griglia{grid-template-columns:1fr}}

/* ── fascia finale */#main .obhome .pitch h2{font-size:42px;font-weight:700;text-align:center;line-height:1.25}#main .obhome .pitch .invito{font-size:30px;font-weight:400;text-align:center;margin-top:28px;line-height:1.4}#main .obhome .pitch .scarso{font-size:18px;margin-top:34px;text-align:center}
@media (max-width:640px){#main .obhome .pitch h2{font-size:27px}#main .obhome .pitch .invito{font-size:20px}}

/* ── il modulo in pagina + cosa succede dopo */#main .obhome .modulo-griglia{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start;margin-top:36px}#main .obhome .modulo-card{background:var(--bianco);border-radius:var(--raggio-card);box-shadow:var(--ombra-card);padding:34px}#main .obhome .campo{margin-bottom:16px}#main .obhome .campo label{display:block;font-weight:600;font-size:14px;margin-bottom:6px;color:var(--prugna)}#main .obhome .campo input{width:100%;min-height:44px;padding:10px 14px;font-size:16px;border:1.5px solid #C9C2C6;border-radius:8px;background:var(--bianco);color:var(--testo)}#main .obhome .campo input:focus-visible{border-color:var(--prugna)}#main .obhome .due-campi{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:600px){#main .obhome .due-campi{grid-template-columns:1fr}}#main .obhome .spunta{display:flex;gap:6px;align-items:flex-start;margin-bottom:14px;font-size:14px}
/* la casella si vede 24px ma si tocca 44px: disegno in sfondo, margini negativi a compensare */#main .obhome .spunta input{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:44px;height:44px;margin:-9px 0 -9px -10px;border:0;background:center/24px 24px no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1.5' y='1.5' width='21' height='21' rx='5' fill='white' stroke='%23C9C2C6' stroke-width='2'/%3E%3C/svg%3E");cursor:pointer}#main .obhome .spunta input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='5' fill='%23D83333'/%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* i link dentro le etichette: min-height non vale sugli inline, serve inline-flex */#main .obhome .spunta a{display:inline-flex;align-items:center;min-height:44px;margin-block:-15px}#main .obhome .trappola-bot{position:absolute;left:-9999px;top:-9999px}#main .obhome .modulo-card .btn{width:100%;margin-top:6px}#main .obhome .nota-demo{font-size:13px;color:var(--testo-tenue);margin-top:14px;text-align:center}#main .obhome .modulo-esito{text-align:center;padding:24px 0}#main .obhome .modulo-esito .segno{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;background:var(--rosso);display:flex;align-items:center;justify-content:center}#main .obhome .modulo-esito .segno svg{width:28px;height:28px}#main .obhome .dopo-passi{display:grid;gap:0}#main .obhome .dopo-passo{display:flex;gap:20px;align-items:flex-start;position:relative;padding-bottom:36px}#main .obhome .dopo-passo:last-child{padding-bottom:0}#main .obhome .dopo-passo::before{content:"";position:absolute;left:27px;top:56px;bottom:0;width:2px;background:#DCD4D9}#main .obhome .dopo-passo:last-child::before{display:none}#main .obhome .dopo-passo .tondo{flex:0 0 auto;width:56px;height:56px;border-radius:50%;border:2.5px solid var(--prugna);background:var(--bianco);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}#main .obhome .dopo-passo .tondo svg{width:26px;height:26px;stroke:var(--prugna)}#main .obhome .dopo-passo h3{font-size:18px!important;font-weight:700!important;color:var(--prugna);padding-top:4px}#main .obhome .dopo-passo p{margin-top:6px;font-size:16px}
@media (max-width:900px){#main .obhome .modulo-griglia{grid-template-columns:1fr}}

/* ── chi siamo */#main .obhome .chisiamo-griglia{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start;margin-top:36px}#main .obhome .bio{margin-top:26px}#main .obhome .bio:first-child{margin-top:0}#main .obhome .bio .nome{font-size:20px;font-weight:700}#main .obhome .bio .nome b{color:var(--prugna)}#main .obhome .bio .filo{background:var(--prugna);opacity:.4;margin:14px 0}#main .obhome .bio p{font-size:16px}#main .obhome .foto-fiere{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
/* i quadrati stanno DIETRO le foto: sbucano dai bordi, mai sopra le persone */#main .obhome .foto-dietro{position:relative;display:block}#main .obhome .foto-dietro img{position:relative;z-index:1;border-radius:12px;width:100%;height:auto}#main .obhome .foto-dietro::before{content:"";position:absolute;z-index:0;width:92px;height:92px;background:var(--rosa);border-radius:20px;top:-16px;right:-16px}#main .obhome .foto-fiere .foto-dietro:nth-child(2)::before{right:auto;left:-16px} /* in alto: sotto c'è la didascalia */#main .obhome .foto-fiere-dida{font-size:14px;color:var(--testo-tenue);margin-top:18px}
@media (max-width:900px){#main .obhome .chisiamo-griglia{grid-template-columns:1fr}}

/* ── piede */#main .obhome .piede{background:var(--nero);color:var(--bianco);font-size:14px}#main .obhome .piede .contenuto{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;flex-wrap:wrap;max-width:1220px}#main .obhome .piede img.logo{width:78px;height:78px}#main .obhome .piede a{color:var(--bianco);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}#main .obhome .piede .legale{display:flex;align-items:center;gap:6px;flex-wrap:wrap}#main .obhome .social{display:flex;align-items:center;gap:4px}#main .obhome .social span{margin-right:6px}#main .obhome .social a{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}#main .obhome .crediti a{gap:8px;text-decoration:underline}#main .obhome .tab-guida{position:fixed;right:10px;bottom:64px;z-index:20;background:var(--rosso);color:var(--bianco);border:0;border-radius:var(--raggio-bottone);padding:14px 18px;width:200px;font-size:14px;font-weight:600;letter-spacing:.3px;line-height:1.45;text-transform:uppercase;text-align:center;cursor:pointer;box-shadow:0 8px 22px rgba(31,31,31,.3)}#main .obhome .torna-su{position:fixed;right:10px;bottom:10px;z-index:20;width:44px;height:44px;border:0;border-radius:8px;background:var(--prugna);color:var(--bianco);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}#main .obhome .torna-su.visibile{opacity:1;pointer-events:auto}#main .obhome .torna-su svg{width:20px;height:20px}
@media (prefers-reduced-motion: reduce){#main .obhome .torna-su{transition:none}}dialog.modale{border:0;border-radius:var(--raggio-card);padding:0;width:min(480px,92vw);box-shadow:0 24px 64px rgba(0,0,0,.35)}dialog.modale::backdrop{background:rgba(31,31,31,.55)}#main .obhome .modale-testa{background:var(--prugna);color:var(--bianco);padding:22px 64px 22px 28px;position:relative}#main .obhome .modale-testa h2{font-size:20px;line-height:1.35}#main .obhome .chiudi{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:var(--bianco);cursor:pointer;display:flex;align-items:center;justify-content:center}#main .obhome .chiudi svg{width:20px;height:20px}#main .obhome .modale-corpo{padding:26px 28px}#main .obhome .modale .btn{width:100%;margin-top:6px}#main .obhome .modale-esito{padding:34px 28px;text-align:center}#main .obhome .modale-esito .segno{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;background:var(--rosso);display:flex;align-items:center;justify-content:center}#main .obhome .modale-esito .segno svg{width:28px;height:28px}

/* ── il logo si compone seguendo lo scroll (pattern Linus), fra "La verità" e "Cosa ottieni" */#main .obhome #la-verita,#main .obhome #metodo{position:relative;z-index:1} /* i loro fondi coprono il palco durante la sovrapposizione */#main .obhome .chiusura{height:170vh;margin-top:-55vh;position:relative;z-index:0}#main .obhome .palco-logo{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;background:var(--bianco)}#main .obhome .palco-logo svg{width:min(320px,68vw);height:auto;overflow:visible}#main .obhome .pezzo{transform-box:fill-box;transform-origin:center}#main .obhome .gruppo-vola{opacity:0} /* senza JS (o con meno animazioni) si vede il logo GIÀ composto */#main .obhome .logo-vero{opacity:1}.js #main .obhome .anima .gruppo-vola{opacity:1}.js #main .obhome .anima .logo-vero{opacity:0}#main .obhome .firma-logo{font-size:20px;font-weight:600;color:var(--prugna);text-align:center;padding-inline:24px}.js #main .obhome .anima .firma-logo{opacity:0}#main .obhome .velo-menu{position:fixed;inset:0;background:var(--prugna);z-index:30;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px}#main .obhome .velo-menu.aperto{display:flex}#main .obhome .velo-menu a{color:var(--bianco);font-size:20px;font-weight:600;letter-spacing:1px;text-decoration:none;padding:12px 24px;min-height:44px;display:inline-flex;align-items:center}#main .obhome .velo-menu .chiudi{position:fixed;top:14px;right:14px;background:rgba(255,255,255,.12)}
@media (max-width:900px){#main .obhome .menu{display:none}#main .obhome .apri-menu{display:flex}
}


/* ── messa a terra dentro Avada: vale SOLO sulla prima pagina ── */
body.home #main#main{padding-left:0;padding-right:0;padding-top:0}
body.home #main .obhome a{text-decoration:none;box-shadow:none}

/* `.fusion-row` di Avada è display:flex, e un elemento flex ha min-width:auto:
   il recinto non si stringe sotto la propria larghezza minima e il contenuto
   esce TAGLIATO, senza traboccare (misurato 1120px dentro un telefono da 390 su
   un altro lavoro di questo stesso sito). Inerte se un giorno non fosse flex. */
body.home #main .obhome{min-width:0;width:100%;max-width:100%}
body.home #main .fusion-row{max-width:none;margin-left:0;margin-right:0}

/* IL COLORE DEI TESTI SI DICHIARA, MAI EREDITATO. Avada scrive
   h1..h6{color:var(--hN_typography-color)} su selettori d'ELEMENTO, e su questo
   sito quel colore è BIANCO: l'ereditarietà perde contro qualsiasi dichiarazione
   diretta, a qualunque specificità. Misurato altrove su questo sito: 56 testi
   bianchi su fondo crema, a opacità 1. Solo i titoli: estesa ai link, la stessa
   cura ne ha rotti tre che funzionavano. */
body.home #main .obhome h1,
body.home #main .obhome h2,
body.home #main .obhome h3,
body.home #main .obhome h4,
body.home #main .obhome h5,
body.home #main .obhome h6{color:inherit!important}

/* ── il modulo lo disegna Forminator, non noi: lo si riveste ──
   Tutte e tre queste regole vengono da una misura dentro il sito vero, non da
   una precauzione: la sonda col recinto le ha trovate sull'anteprima. */
body.home #main .obhome .forminator-ui{font-family:inherit}

/* 16px sui campi: sotto i 16 iPhone ingrandisce la pagina da solo quando si
   tocca il campo, e da lì non torna indietro. */
body.home #main .obhome .forminator-input,
body.home #main .obhome .forminator-textarea{font-size:16px!important;min-height:48px}
body.home #main .obhome .forminator-button-submit{min-height:48px}

/* MISURATO: le etichette di Forminator escono a 12px, sotto il pavimento dei 14.
   Il pavimento vince sul disegno del plugin. */
body.home #main .obhome .forminator-label,
body.home #main .obhome .forminator-checkbox,
body.home #main .obhome .forminator-required,
body.home #main .obhome .forminator-description{font-size:14px!important;line-height:1.5}

/* MISURATO: il bersaglio vero di una spunta è l'etichetta che la avvolge, non
   l'input, che Forminator riduce a 1x1 e sostituisce con un segno disegnato.
   Le due etichette misuravano 60 e 40px: la seconda era sotto di quattro. */
body.home #main .obhome .forminator-checkbox{min-height:44px;display:flex;align-items:center}

/* MISURATO: i pallini dei caroselli sono 44x44 nel mockup, ma dentro il
   contenitore di Avada il flex li RESTRINGE (34px a 320, 41 a 375, 43 a 390),
   perché un elemento flex si stringe di suo. Non si cerca il compromesso: si
   tiene la misura e si accetta che vadano a capo. */
body.home #main .obhome .pallini{flex-wrap:wrap}
body.home #main .obhome .pallini button{flex:0 0 44px}