/* LANDING "APPUNTAMENTO CON TE STESSO" · v3 (09/11/2026)
   Riferimento di David: revolutionlive.it ("tipo cosi'"). Valori letti dal loro CSS:
   box bianchi bordo 7px #2F52A1 raggio 20 ombra 0 0 10 .3 · pillole bianche raggio 10 ombra 0 0 10 .1 ·
   bottone giallo #FFF800 testo #111 stretto maiuscolo · fondo blu notte #101B35 · titoli a pennarello 56px.
   Font di David: Bebas al posto del loro stretto, Gotham per i testi, Caveat Brush per il pennarello.
   Fra blu e grigio mai la riga dritta: le sezioni blu entrano e escono a V. Prefisso ac-. */

@font-face{font-family:"Caveat Brush";font-style:normal;font-weight:400;font-display:swap;src:url("font/caveat-brush.woff2") format("woff2")}

.pg-ac{
  --blu:#101B35; --blu2:#16264D; --bordo:#2F52A1; --giallo:#FFF800; --rosso:#E3262B; --verde:#3DAA2E; --nero:#111;
  background:#E2E3E7 url("img/ac-muro.webp") repeat;color:var(--nero);font-family:"Gotham",sans-serif;
}
.pg-ac ::selection{background:#EC8666;color:#000}
.pg-ac p,.pg-ac li{text-wrap:pretty}
.ac-in{max-width:1000px;margin:0 auto;padding-inline:clamp(16px,4vw,32px)}
.ac-stretto{max-width:800px}
.ac-centro{text-align:center}

/* ---- titoli ---- */
.ac-tit{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:clamp(2.3rem,4.6vw,3.6rem);line-height:1.02;text-wrap:balance;color:var(--nero);margin:0 auto;max-width:900px}
.ac-tit em{font-style:normal;color:var(--rosso)}
.ac-tit + .ac-tit{margin-top:22px}
.ac-tit--bianco{color:#fff}
.ac-tit--bianco em{color:var(--giallo)}
.ac-tit--piccolo{font-size:clamp(2rem,3.4vw,2.6rem);margin:40px 0 18px;text-align:center}
/* il titolo a pennarello con la pennellata rossa sotto */
.ac-pennarello{font-family:"Caveat Brush",cursive;font-weight:400;font-size:clamp(2.5rem,5vw,3.6rem);line-height:1.05;text-align:center;color:var(--nero);margin:0 0 30px;text-wrap:balance}
.ac-pennarello--bianco{color:#fff}
.ac-sx{text-align:left}
.ac-sotto{position:relative;display:inline;padding-bottom:.12em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 24' preserveAspectRatio='none'%3E%3Cpath d='M4 15 C 90 7, 200 6, 396 11' fill='none' stroke='%23E3262B' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M30 19 C 140 13, 260 13, 380 16' fill='none' stroke='%23E3262B' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E") left bottom/100% .32em no-repeat;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}

/* ---- testi ---- */
.ac-testo{font-size:clamp(1.1rem,1.6vw,1.25rem);line-height:1.5;margin-top:34px}
.ac-forte{font-weight:700;color:var(--rosso);font-size:clamp(1.3rem,2vw,1.55rem);text-align:center}
.ac-intro{text-align:center;font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.5;margin:-14px auto 0;max-width:600px;color:#333}
.ac-nota{margin-top:14px;font-size:14px;color:rgba(255,255,255,.75);text-align:center}
.ac-nota--scura{color:#555}

/* ---- bottone giallo pieno (come il riferimento) + il riflesso lucido lento sul bordo ---- */
.ac-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;text-align:center;
  margin-top:38px;min-height:78px;padding:16px 56px;width:min(640px,100%);border-radius:4px;text-decoration:none;
  background:var(--giallo);color:var(--nero);font-family:"Bebas Neue",sans-serif;font-size:clamp(1.6rem,2.4vw,2rem);letter-spacing:.02em;line-height:1;
  box-shadow:0 0 10px rgba(0,0,0,.15);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}
.ac-btn::before{content:"";position:absolute;inset:-2px;border-radius:6px;z-index:-1;
  background:linear-gradient(45deg,#FFF800,#FFF800,#FFF800,#FFF800,#FFF800,#ffffff,#FFF800,#FFF800,#FFF800,#FFF800,#FFF800);
  background-size:400% 100%;filter:blur(1px);animation:acLucido 18s linear infinite}
.ac-btn:hover,.ac-btn:focus-visible{transform:translateY(-4px);box-shadow:0 14px 26px rgba(0,0,0,.28)}
.ac-btn--largo{width:100%}
@keyframes acLucido{0%{background-position:0 0}50%{background-position:400% 0}100%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.ac-btn::before{animation:none}}

/* ---- SEZIONI BLU: entrano e escono a V (mai la riga dritta) ---- */
.ac-blu{--v:clamp(28px,4vw,56px);position:relative;color:#fff;
  background:linear-gradient(180deg,var(--blu2),var(--blu));
  margin-block:calc(var(--v) * -1);padding-block:calc(var(--v) + clamp(60px,7vw,96px));
  clip-path:polygon(0 0,50% var(--v),100% 0,100% calc(100% - var(--v)),50% 100%,0 calc(100% - var(--v)));z-index:1}
/* l'apertura: l'aula di PL3 in blu notte (nitida), niente V in alto */
.ac-apre{margin-top:0;padding-top:clamp(36px,5vw,64px);
  background:linear-gradient(180deg,rgba(14,24,52,.72),rgba(14,24,52,.88)),url("img/ac-aula.webp") center 35%/cover no-repeat;
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--v)),50% 100%,0 calc(100% - var(--v)))}
@media (max-width:767px){.ac-apre{background-image:linear-gradient(180deg,rgba(14,24,52,.74),rgba(14,24,52,.9)),url("img/ac-aula-900.webp");background-position:30% 35%}}
/* la chiusura: V in alto, in fondo scende nel nero del piede */
.ac-chiude{margin-bottom:0;padding-bottom:110px;
  background:linear-gradient(180deg,rgba(14,24,52,.8),rgba(14,24,52,.9) 70%,#000 100%),url("img/ac-aula.webp") center 60%/cover no-repeat;
  clip-path:polygon(0 0,50% var(--v),100% 0,100% 100%,0 100%)}
.pg-ac .ftr{border-top:0}
.pg-ac .ftr::before{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 45%);mask-image:linear-gradient(to bottom,transparent 0,#000 45%)}

/* le sezioni grigie lasciano spazio alle punte delle V */
.ac-muro{position:relative;padding-block:calc(clamp(28px,4vw,56px) + clamp(60px,7vw,90px))}

/* ---- APERTURA ---- */
.ac-sopra{font-family:"Bebas Neue",sans-serif;font-size:clamp(1.25rem,2vw,1.6rem);letter-spacing:.03em;color:#fff}
.ac-sopra b{font-weight:400;color:var(--giallo)}
.ac-nome{margin:18px auto 0;font-family:"Bebas Neue",sans-serif;font-weight:400;line-height:.86;color:#fff;text-transform:uppercase}
.ac-nome span{display:block}
.ac-nome span:first-child{font-size:clamp(3.6rem,10.4vw,8.4rem)}
.ac-nome span:last-child{font-size:clamp(2.55rem,7.35vw,5.95rem);color:var(--giallo)}
.ac-data{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:0;margin-top:20px;transform:rotate(-1.5deg)}
.ac-data span{background:#fff;color:var(--nero);font-family:"Bebas Neue",sans-serif;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1;padding:.32em .5em .2em}
.ac-data span + span{background:var(--rosso);color:#fff}
.ac-apre .ac-pennarello{margin:38px 0 0;font-size:clamp(2.4rem,5vw,3.8rem)}
.ac-lead{margin:22px auto 0;max-width:760px;font-family:"Bebas Neue",sans-serif;font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.2;letter-spacing:.02em;color:#fff}
.ac-lead b{font-weight:400;color:var(--giallo)}
.ac-apre .ac-btn{margin-top:32px}

/* ---- SE TI RICONOSCI ---- */
.ac-foto{margin:44px auto 0;max-width:520px}
.ac-foto img{display:block;width:100%;height:auto;border:7px solid var(--bordo);border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.3)}
.ac-ics{list-style:none;display:grid;gap:14px;margin-top:20px}
.ac-ics li,.ac-pillole li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start;background:#fff;border-radius:10px;
  padding:14px 20px;box-shadow:0 0 10px rgba(0,0,0,.1);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.45}
.ac-ics b,.ac-pillole b{font-weight:700}
.ac-forte{margin-top:34px}

/* spunte verdi e X rosse */
.ac-v,.ac-x{position:relative;width:22px;height:22px;margin-top:1px;border-radius:4px}
.ac-v{background:var(--verde)}
.ac-v::after{content:"";position:absolute;left:7.5px;top:3.5px;width:5px;height:10px;border:solid #fff;border-width:0 2.4px 2.4px 0;transform:rotate(45deg)}
.ac-x::before,.ac-x::after{content:"";position:absolute;left:9.5px;top:1px;width:3px;height:20px;background:var(--rosso);border-radius:2px;transform:rotate(45deg)}
.ac-x::after{transform:rotate(-45deg)}

/* ---- BOX BIANCO COL BORDO BLU ---- */
.ac-box{background:#fff;border:7px solid var(--bordo);border-radius:20px;padding:40px;box-shadow:0 0 10px rgba(0,0,0,.3)}
.ac-pillole{list-style:none;display:grid;gap:14px;text-align:left}
.ac-pillole li{background:#fff;border:1px solid #eceef3}
.ac-posto{margin-top:34px;border-top:2px dashed #d5dae6;padding-top:28px;text-align:center}
.ac-posto-h{font-family:"Bebas Neue",sans-serif;font-size:1.7rem;letter-spacing:.04em;color:var(--bordo)}
.ac-prezzo{font-family:"Bebas Neue",sans-serif;font-size:clamp(4.6rem,9vw,6.4rem);line-height:.95;color:var(--nero)}
.ac-posto-r{margin:10px auto 0;max-width:560px;font-size:1.05rem;line-height:1.5}
.ac-quattro .ac-btn{margin-top:26px}

/* ---- FRASE ---- */
.ac-frase .ac-tit{margin-top:6px}

/* ---- MATTINATA ---- */
.ac-tempi{list-style:none;position:relative;max-width:640px;margin:40px auto 0;display:grid;gap:36px}
.ac-tempi::before,.ac-tempi::after{content:"";position:absolute;left:calc(6.6rem + 15px);top:12px;width:3px;border-radius:2px}
.ac-tempi::before{bottom:12px;background:#dfe3ec}
.ac-tempi::after{height:var(--linea,0);background:var(--bordo);transition:height .5s ease}
.ac-tempi li{position:relative;display:grid;grid-template-columns:6.6rem minmax(0,1fr);gap:40px;align-items:start}
.ac-tempi li::before{content:"";position:absolute;left:calc(6.6rem + 8px);top:9px;width:17px;height:17px;border-radius:50%;z-index:1;
  background:#fff;border:3px solid #c9d0de;transition:background-color .4s ease,border-color .4s ease}
.ac-tempi li.acceso::before{background:var(--giallo);border-color:var(--bordo)}
.ac-ora{font-family:"Bebas Neue",sans-serif;font-size:clamp(2.5rem,4.4vw,3.2rem);line-height:.9;text-align:right;padding-right:4px;color:#c3c9d6;transition:color .4s ease}
.ac-tempi li.acceso .ac-ora{color:var(--bordo)}
.ac-passo{font-family:"Bebas Neue",sans-serif;font-size:1.7rem;line-height:1;letter-spacing:.02em}
.ac-tempi li p + p{margin-top:6px;font-size:clamp(1rem,1.35vw,1.1rem);line-height:1.5;color:#333}

/* ---- TRE COSE ---- */
.ac-tre{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.ac-tre li{background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);padding:30px 22px;display:grid;justify-items:center;align-content:start;gap:10px}
.ac-tre span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--bordo);color:#fff;font-family:"Bebas Neue",sans-serif;font-size:2rem;line-height:1;padding-top:4px}
.ac-tre p{font-size:clamp(1rem,1.35vw,1.1rem);line-height:1.5}
.ac-tre b{font-weight:700}

/* ---- PERCHE' LO FACCIO ---- */
.ac-perche-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,60px);align-items:center;max-width:1100px}
.ac-perche-foto{margin:0}
.ac-perche-foto img{display:block;width:100%;height:auto;border:7px solid #fff;border-radius:20px;box-shadow:0 0 18px rgba(0,0,0,.45)}
.ac-perche-testo .ac-pennarello{margin-bottom:24px}
.ac-perche-testo p{font-size:clamp(1.05rem,1.45vw,1.18rem);line-height:1.6;color:rgba(255,255,255,.9)}
.ac-perche-testo p + p{margin-top:.8rem}
.ac-giallo{color:var(--giallo)!important;font-weight:700}
.ac-titoli{margin-top:1.3rem!important;font-family:"Bebas Neue",sans-serif;font-size:1.2rem!important;letter-spacing:.04em;color:rgba(255,255,255,.65)!important}
.ac-perche .ac-btn{margin-top:30px}

/* ---- RECENSIONI: i nastri del sito su blu, schede bianche ---- */
.pg-ac .ac-rec{color:#fff;text-align:center}
.pg-ac .ac-rec .ac-pennarello{margin-bottom:34px}
.pg-ac .ql-rec-card{background:#fff;border-radius:14px;box-shadow:0 0 12px rgba(0,0,0,.35)}
.pg-ac .ql-rec-nome{color:var(--nero)}
.pg-ac .ql-rec-prof{color:var(--bordo);opacity:1}
.pg-ac .ql-rec-testo{color:#222}
.pg-ac .ac-rec .ac-btn{margin-top:22px}

/* ---- FAQ ---- */
.ac-faq-lista{display:grid;gap:12px}
.ac-faq details{background:#fff;border:1px solid #eceef3;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.08)}
.ac-faq summary{list-style:none;cursor:pointer;position:relative;padding:18px 54px 18px 20px;font-weight:700;font-size:clamp(1rem,1.4vw,1.12rem)}
.ac-faq summary::-webkit-details-marker{display:none}
.ac-faq summary::before,.ac-faq summary::after{content:"";position:absolute;right:20px;top:50%;width:16px;height:3px;margin-top:-1.5px;background:var(--bordo);border-radius:2px;transition:transform .35s ease}
.ac-faq summary::after{transform:rotate(90deg)}
.ac-faq details[open] summary::after{transform:rotate(0)}
.ac-faq details > div{overflow:hidden;transition:height .35s ease}
.ac-faq details p{padding:0 20px 18px;font-size:1.05rem;line-height:1.55;color:#333}

/* ---- CHIUSURA ---- */
.ac-chiude .ac-tit{margin-top:4px}
.ac-chiude .ac-lead{font-family:"Gotham",sans-serif;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.55;letter-spacing:0}
.ac-chiude .ac-lead b{font-weight:700}

/* ---- UNA SOLA ENTRATA: sale di 18px e appare, una volta, a meta' schermo ---- */
@media (prefers-reduced-motion:no-preference){
  html.js .ac-entra{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}
  html.js .ac-entra.vivo{opacity:1;transform:none}
}

/* ---- TELEFONO ---- */
@media (max-width:767px){
  .ac-apre{padding-top:26px}
  .ac-sopra{font-size:1.12rem}
  .ac-nome{margin-top:12px}
  .ac-nome span:first-child{font-size:clamp(3.3rem,17vw,4.6rem)}
  .ac-nome span:last-child{font-size:clamp(2.35rem,12vw,3.25rem)}
  .ac-data{margin-top:14px}
  .ac-data span{font-size:1.18rem}
  .ac-apre .ac-pennarello{margin-top:24px;font-size:2.25rem}
  .ac-lead{margin-top:14px;font-size:1.28rem}
  .ac-apre .ac-btn{margin-top:22px}
  .ac-btn{min-height:64px;padding:14px 16px;font-size:1.55rem}
  .ac-box{padding:26px 16px;border-width:5px}
  .ac-pennarello{font-size:2.3rem;margin-bottom:22px}
  .ac-ics li,.ac-pillole li{padding:12px 14px;gap:12px}
  .ac-tempi li{grid-template-columns:4.4rem minmax(0,1fr);gap:30px}
  .ac-tempi::before,.ac-tempi::after{left:calc(4.4rem + 12px)}
  .ac-tempi li::before{left:calc(4.4rem + 5px)}
  .ac-ora{font-size:2.2rem}
  .ac-tre{grid-template-columns:minmax(0,1fr);gap:14px}
  .ac-perche-in{grid-template-columns:minmax(0,1fr)}
  .ac-perche-foto{max-width:420px;margin:0 auto}
  .ac-perche-testo .ac-sx{text-align:center}
}

/* ---- THANK YOU ---- */
.ac-ty{margin:0;min-height:calc(100vh - 80px);padding:clamp(50px,8vw,100px) 0 110px;
  background:linear-gradient(180deg,rgba(14,24,52,.8),rgba(14,24,52,.9) 70%,#000 100%),url("img/ac-aula.webp") center 35%/cover no-repeat;clip-path:none}
.ac-nome--ty span:first-child{font-size:clamp(3rem,8vw,5.6rem)}
.ac-nome--ty span:last-child{font-size:clamp(2.12rem,5.65vw,3.96rem)}
.ac-ty-dentro{margin:44px 0 6px}
.ac-ty-sub{margin:16px auto 0;font-size:clamp(1.08rem,1.5vw,1.25rem);line-height:1.6;color:rgba(255,255,255,.85)}
.ac-ty-firma{margin-top:36px;font-family:"Caveat Brush",cursive;font-size:2.2rem;color:#fff}
/* (09/11) meno vuoto fra le sezioni grigie: lo spazio per la V solo dove c'e' una sezione blu accanto */
.ac-muro{padding-block:clamp(56px,7vw,90px)}
.ac-muro + .ac-muro{padding-top:0}
.ac-intro{margin-top:-8px}
.ac-perche-testo p.ac-pennarello{font-size:clamp(2.3rem,4.6vw,3.4rem);line-height:1.05;color:#fff}

/* =====================================================================
   (09/11) David: "ok, pero' usa i miei colori!" -> stile Revolution, colori di David:
   nero al posto del blu, salmone #EC8666 al posto di giallo/rosso/bordo blu. Aula in bianco e nero.
   Primo bottone verde (regola delle landing), gli altri salmone. X rosse vere restano rosse.
   ===================================================================== */
.pg-ac{--blu:#0A0A0A; --blu2:#161616; --bordo:#EC8666; --giallo:#EC8666; --rosso:#EC8666; --sal-scuro:#C9623F}
.ac-apre{background:linear-gradient(180deg,rgba(0,0,0,.66),rgba(0,0,0,.86)),url("img/ac-aula.webp") center 35%/cover no-repeat}
@media (max-width:767px){.ac-apre{background-image:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.88)),url("img/ac-aula-900.webp")}}
.ac-chiude{background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.88) 70%,#000 100%),url("img/ac-aula.webp") center 60%/cover no-repeat}
.ac-ty{background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.88) 70%,#000 100%),url("img/ac-aula.webp") center 35%/cover no-repeat}
/* pennellata salmone */
.ac-sotto{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 24' preserveAspectRatio='none'%3E%3Cpath d='M4 15 C 90 7, 200 6, 396 11' fill='none' stroke='%23EC8666' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M30 19 C 140 13, 260 13, 380 16' fill='none' stroke='%23EC8666' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E")}
/* sul chiaro il salmone pieno e' poco leggibile per i testi: un tono piu' profondo */
.ac-muro .ac-tit em,.ac-forte{color:var(--sal-scuro)}
.ac-posto-h,.pg-ac .ql-rec-prof{color:var(--sal-scuro)}
.ac-tempi li.acceso .ac-ora{color:var(--sal-scuro)}
.ac-tempi li.acceso::before{background:#EC8666;border-color:var(--sal-scuro)}
.ac-tre span{background:#EC8666}
.ac-x::before,.ac-x::after{background:#E3262B}
.ac-data span + span{background:#EC8666;color:#000}
/* bottoni salmone (testo bianco, come il sito), il primo verde */
.ac-btn{background:linear-gradient(158deg,#EC8666 45%,#C9623F 100%);color:#fff;box-shadow:0 6px 14px rgba(153,75,51,.45)}
.ac-btn::before{background-image:linear-gradient(45deg,#EC8666,#EC8666,#EC8666,#EC8666,#EC8666,#f6e6cf,#EC8666,#EC8666,#EC8666,#EC8666,#EC8666)}
.ac-apre .ac-btn{background:linear-gradient(158deg,#55CA0E 45%,#3E9A08 100%);box-shadow:0 6px 14px rgba(60,140,20,.45)}
.ac-apre .ac-btn::before{background-image:linear-gradient(45deg,#55CA0E,#55CA0E,#55CA0E,#55CA0E,#55CA0E,#eaf6dc,#55CA0E,#55CA0E,#55CA0E,#55CA0E,#55CA0E)}
/* (09/11) David: "in hero un viraggio salmone": l'aula in apertura virata salmone, velo nero piu' leggero */
.ac-apre{background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.78)),url("img/ac-aula-sal.webp") center 35%/cover no-repeat}
@media (max-width:767px){.ac-apre{background-image:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.8)),url("img/ac-aula-sal-900.webp")}}
/* (09/11, David) "Se ti riconosci": foto a sinistra, testo a destra */
.ac-ricon-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,60px);align-items:center;max-width:1120px}
.ac-ricon .ac-foto{margin:0;max-width:none}
.ac-ricon-testo .ac-tit{text-align:left;margin:0;font-size:clamp(2.1rem,3.6vw,3rem)}
.ac-ricon-testo .ac-tit + .ac-tit{margin-top:16px}
.ac-ricon-testo .ac-testo{margin-top:28px}
.ac-ricon-testo .ac-forte{text-align:left;margin-top:26px}
@media (max-width:767px){
  .ac-ricon-in{grid-template-columns:minmax(0,1fr);gap:30px}
  .ac-ricon-testo .ac-tit,.ac-ricon-testo .ac-forte{text-align:center}
  .ac-ricon .ac-foto{max-width:440px;margin:0 auto}
}
/* (09/11, David) dietro la scheda del posto: sfumatura salmone che sale dal basso verso l'alto (si chiude nella V nera) */
.ac-quattro{background:linear-gradient(to top,rgba(236,134,102,.95) 0,rgba(236,134,102,.55) 30%,rgba(236,134,102,0) 75%)}
/* bottoni: il riflesso lucido stava SOPRA il colore (macchia chiara a sinistra). Ora come nel Mastermind:
   ::before = bordo che brilla dietro, ::after = il colore pieno sopra, testo sopra a tutto */
.ac-btn{background:none!important}
.ac-btn::before{z-index:-2}
.ac-btn::after{content:"";position:absolute;inset:1px;border-radius:3px;z-index:-1;
  background:linear-gradient(158deg,#EC8666 45%,#C9623F 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.ac-apre .ac-btn::after{background:linear-gradient(158deg,#55CA0E 45%,#3E9A08 100%)}
/* (09/11, David) chiusura: sfumatura salmone che sale dal basso; all'ultimo filo torna nera per entrare nel piede senza riga */
.ac-chiude{background:
  linear-gradient(to top,#000 0,rgba(236,134,102,.9) 70px,rgba(236,134,102,.55) 30%,rgba(236,134,102,0) 70%),
  linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.88)),
  url("img/ac-aula.webp") center 60%/cover no-repeat}
.ac-chiude{padding-bottom:170px}
.ac-chiude{background:
  linear-gradient(to top,#000 0,rgba(236,134,102,.85) 150px,rgba(236,134,102,.5) 38%,rgba(236,134,102,0) 72%),
  linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.88)),
  url("img/ac-aula.webp") center 60%/cover no-repeat;padding-bottom:230px}
/* (09/11, David) recensioni: parti importanti in grassetto con l'evidenziatore salmone (come ebook/OI) */
.pg-ac .ql-rec-testo b{font-weight:700;color:#141414;background:linear-gradient(transparent 58%,rgba(236,134,102,.38) 58%)}
/* (09/11, David) "due sfumature salmone classiche": i due aloni in diagonale del piede, dietro i nastri */
.pg-ac .ac-rec{background:
  radial-gradient(56% 70% at 4% 12%,rgba(236,134,102,.26),transparent 72%),
  radial-gradient(56% 70% at 96% 88%,rgba(236,134,102,.26),transparent 72%),
  linear-gradient(180deg,var(--blu2),var(--blu))}

/* =====================================================================
   (09/11, David) "animiamo un po' la hero, e' davvero morta"
   - l'aula dietro respira: zoom lento e una leggera deriva (20s, avanti e indietro)
   - entrata a cascata, un elemento alla volta (sale di 18px e appare, una volta)
   - il timbro della data cade come un TIMBRO (grande e ruotato, si schiaccia con un piccolo rimbalzo)
   - la pennellata salmone sotto "Il tuo 2027 inizia qui" si disegna da sinistra
   - il bottone verde, arrivato, fa un piccolo battito ogni tanto
   ===================================================================== */
.ac-apre{background:none!important;isolation:isolate;overflow:hidden}
.ac-apre::before{content:"";position:absolute;inset:-4%;z-index:-1;
  background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.78)),url("img/ac-aula-sal.webp") center 35%/cover no-repeat}
@media (max-width:767px){.ac-apre::before{background-image:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.8)),url("img/ac-aula-sal-900.webp")}}
@media (prefers-reduced-motion:no-preference){
  .ac-apre::before{animation:acRespira 20s ease-in-out infinite alternate;will-change:transform}
  .ac-apre .ac-sopra,.ac-apre .ac-nome span,.ac-apre .ac-pennarello,.ac-apre .ac-lead,.ac-apre .ac-btn,.ac-apre .ac-nota{animation:acSale .8s cubic-bezier(.16,1,.3,1) both}
  .ac-apre .ac-sopra{animation-delay:.1s}
  .ac-apre .ac-nome span:first-child{animation-delay:.25s}
  .ac-apre .ac-nome span:last-child{animation-delay:.42s}
  .ac-apre .ac-data{animation:acTimbro .55s cubic-bezier(.3,1.5,.55,1) .75s both}
  .ac-apre .ac-pennarello{animation-delay:1.05s}
  .ac-apre .ac-sotto{background-size:0% .32em;animation:acTraccia .7s cubic-bezier(.65,0,.35,1) 1.55s forwards}
  .ac-apre .ac-lead{animation-delay:1.3s}
  .ac-apre .ac-btn{animation:acSale .8s cubic-bezier(.16,1,.3,1) 1.5s both,acBattito 5s ease-in-out 3.5s infinite}
  .ac-apre .ac-nota{animation-delay:1.65s}
}
@keyframes acRespira{0%{transform:scale(1) translate3d(0,0,0)}100%{transform:scale(1.08) translate3d(-1.5%,-1%,0)}}
@keyframes acSale{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes acTimbro{0%{opacity:0;transform:scale(2.2) rotate(-14deg)}60%{opacity:1;transform:scale(.94) rotate(-1deg)}80%{transform:scale(1.03) rotate(-1.8deg)}100%{opacity:1;transform:rotate(-1.5deg)}}
@keyframes acTraccia{to{background-size:100% .32em}}
@keyframes acBattito{0%,86%,100%{transform:scale(1)}90%{transform:scale(1.04)}94%{transform:scale(.99)}97%{transform:scale(1.02)}}
/* (09/11, David) fra la chiusura e il piede VUOLE il taglio netto: il salmone arriva pieno fino in fondo, poi il nero del piede */
.ac-chiude{background:
  linear-gradient(to top,rgba(236,134,102,.95) 0,rgba(236,134,102,.55) 30%,rgba(236,134,102,0) 70%),
  linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.88)),
  url("img/ac-aula.webp") center 60%/cover no-repeat;padding-bottom:150px}
/* (09/11, David) "la sfumatura la voglio piu' leggera": salmone meno pieno e piu' basso, taglio netto col piede resta */
.ac-chiude{background:
  linear-gradient(to top,rgba(236,134,102,.55) 0,rgba(236,134,102,.22) 25%,rgba(236,134,102,0) 55%),
  linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.88)),
  url("img/ac-aula.webp") center 60%/cover no-repeat}
/* (09/11, David) la sottolineatura in apertura "come se una matita la disegnasse, da sinistra a destra":
   tratto SVG vero che si traccia (stroke-dashoffset), prima il segno grosso, poi il ripasso sottile */
.ac-matita{position:relative;display:inline-block;background:none!important;animation:none!important;padding-bottom:.14em}
.ac-tratto{position:absolute;left:0;right:0;bottom:-.08em;width:100%;height:.32em;overflow:visible;pointer-events:none}
.ac-tratto path{fill:none;stroke:#EC8666;stroke-linecap:round}
.ac-tratto path:first-child{stroke-width:7}
.ac-tratto path:last-child{stroke-width:3;opacity:.7}
@media (prefers-reduced-motion:no-preference){
  .ac-tratto path{stroke-dasharray:1;stroke-dashoffset:1}
  .ac-tratto path:first-child{animation:acMatita 1s cubic-bezier(.45,.05,.4,1) 1.55s forwards}
  .ac-tratto path:last-child{animation:acMatita .8s cubic-bezier(.45,.05,.4,1) 2.35s forwards}
}
@keyframes acMatita{to{stroke-dashoffset:0}}
/* (09/11, David) salmone in apertura "troppo dark": viraggio salmone chiaro e luminoso, velo leggero.
   Sul salmone gli accenti diventano NERO inchiostro (il salmone sparirebbe), titolo bianco con ombra morbida. */
.ac-apre::before{background:linear-gradient(180deg,rgba(60,20,10,.28),rgba(60,20,10,.5)),url("img/ac-aula-sal2.webp") center 35%/cover no-repeat}
@media (max-width:767px){.ac-apre::before{background-image:linear-gradient(180deg,rgba(60,20,10,.3),rgba(60,20,10,.52)),url("img/ac-aula-sal2-900.webp")}}
.ac-apre .ac-sopra,.ac-apre .ac-nome span:first-child,.ac-apre .ac-pennarello,.ac-apre .ac-lead{text-shadow:0 2px 14px rgba(60,20,10,.45)}
.ac-apre .ac-sopra b,.ac-apre .ac-lead b{color:#111;text-shadow:none}
.ac-apre .ac-nome span:last-child{color:#111}
.ac-apre .ac-data span + span{background:#111;color:#fff}
.ac-apre .ac-tratto path{stroke:#111}
.ac-apre .ac-nota{color:#fff;text-shadow:0 1px 8px rgba(60,20,10,.5)}
/* (09/11) salmone luminoso: fondo salmone pieno + aula in bianco e nero impressa sopra (moltiplica), cosi' resta salmone e non scurisce */
.ac-apre{background:#EC8666!important}
.ac-apre::before{background:url("img/ac-aula.webp") center 35%/cover no-repeat;opacity:.42;mix-blend-mode:multiply}
@media (max-width:767px){.ac-apre::before{background-image:url("img/ac-aula-900.webp")}}
.ac-apre .ac-sopra,.ac-apre .ac-nome span:first-child,.ac-apre .ac-pennarello,.ac-apre .ac-lead,.ac-apre .ac-nota{text-shadow:0 2px 12px rgba(110,40,20,.35)}
/* (09/11, David) apertura: SCURO in alto, si schiarisce scendendo fino al salmone pieno.
   In alto (sul nero) gli accenti tornano salmone chiaro; in basso (sul salmone) restano neri. */
.ac-apre{background:linear-gradient(180deg,#0A0A0A 0,#0A0A0A 8%,rgba(10,10,10,.82) 30%,rgba(10,10,10,.35) 58%,rgba(10,10,10,0) 82%),#EC8666!important}
.ac-apre::before{opacity:.38}
.ac-apre .ac-sopra b{color:#F29A7C}
.ac-apre .ac-nome span:last-child{color:#F29A7C}
.ac-apre .ac-data span + span{background:#EC8666;color:#000}
/* (09/11, David) la foto dell'apertura NON deve muoversi da sola: niente respiro.
   Si muove solo scorrendo: scende piano mentre la pagina sale (parallasse, la guida act.js con --py) */
.ac-apre::before{animation:none!important;top:-30%;bottom:-4%;left:0;right:0;transform:translate3d(0,var(--py,0px),0);will-change:transform}
/* (09/11, David) "non lo scuro pieno, il viraggio scuro come prima": in alto l'aula virata salmone SCURA (quella di prima),
   che sfuma scendendo nel salmone chiaro. Due strati che scorrono insieme (parallasse): ::before chiaro, ::after scuro sfumato. */
.ac-apre{background:#EC8666!important}
.ac-apre::after{content:"";position:absolute;top:-30%;bottom:-4%;left:0;right:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.72)),url("img/ac-aula-sal.webp") center 35%/cover no-repeat;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 34%,transparent 80%);mask-image:linear-gradient(180deg,#000 0,#000 34%,transparent 80%);
  transform:translate3d(0,var(--py,0px),0);will-change:transform}
@media (max-width:767px){.ac-apre::after{background-image:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.75)),url("img/ac-aula-sal-900.webp")}}
/* (09/11, David) "la foto e' troppo in alto, troppo tagliata": la foto parte dal bordo alto dell'apertura (non piu' -30%).
   Con la parallasse il vuoto che si apre in alto (0,35 x scorrimento) e' sempre gia' uscito dallo schermo */
.ac-apre::before,.ac-apre::after{top:0;bottom:-4%}
.ac-apre::before,.ac-apre::after{background-position:center 30%}
/* (09/11, David) "la hero ancora non mi convince, rendila piu' leggibile":
   viraggio scuro sotto TUTTO il testo (il chiaro solo in fondo), foto piu' tenue, accenti salmone chiaro, testi piu' grandi */
.ac-apre::after{background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.66)),url("img/ac-aula-sal.webp") center 30%/cover no-repeat;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%)}
@media (max-width:767px){.ac-apre::after{background-image:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.68)),url("img/ac-aula-sal-900.webp")}}
.ac-apre::before{opacity:.25}
.ac-apre .ac-sopra,.ac-apre .ac-nome span:first-child,.ac-apre .ac-pennarello,.ac-apre .ac-lead,.ac-apre .ac-nota{text-shadow:0 2px 16px rgba(0,0,0,.55)}
.ac-apre .ac-sopra b,.ac-apre .ac-lead b{color:#F6A88C;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.ac-apre .ac-nome span:last-child{color:#F6A88C}
.ac-apre .ac-tratto path{stroke:#EC8666}
.ac-sopra{font-size:clamp(1.35rem,2.2vw,1.8rem)}
.ac-lead{font-size:clamp(1.55rem,2.8vw,2.25rem);line-height:1.18}
.ac-apre .ac-nota{font-size:15px;color:#fff}
@media (max-width:767px){
  .ac-sopra{font-size:1.25rem}
  .ac-lead{font-size:1.42rem}
}
@media (min-width:768px){.ac-apre .ac-lead{max-width:none}}
/* (09/11, David) la sfumatura verso il salmone chiaro in fondo all'apertura: piu' lunga (parte dal 56% invece che dal 72%) */
.ac-apre::after{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 56%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 56%,transparent 100%)}

/* (09/11, David) IL PORTATILE APERTO con la call Zoom degli Elite 3 (stesso portatile della landing del questionario: ql-lap in style.css) */
.ac-lap{max-width:860px;aspect-ratio:1400/760;margin-top:10px}
.ac-lap-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ac-schermo-t{margin:26px auto 0;max-width:680px;font-size:clamp(1.08rem,1.5vw,1.25rem);line-height:1.55}
.ac-schermo-t b{font-weight:700}
.ac-schermo{padding-top:0}
/* il portatile del questionario lascia spazio a destra per la scheda: qui niente scheda, lo centro */
.ac-lap .ql-lap-lid{left:10.7cqw}
.ac-lap .ql-lap-base{left:5.7cqw}
.ac-lap{aspect-ratio:1400/790}
@media (max-width:767px){.ac-lap{width:112%;margin-left:-6%;max-width:none}}

/* (09/11) copy nuovo: riga della cena sul prezzo, "niente vendita", foto del lavoro sulla persona */
.ac-cena{margin:8px auto 0;max-width:520px;font-size:1.08rem;line-height:1.5;color:#333}
.ac-cena b{color:var(--sal-scuro);font-weight:700}
.ac-posto-r{margin-top:14px}
.ac-posto-no{margin:12px auto 0;display:inline-block;font-weight:700;font-size:.98rem;padding:6px 14px;border-radius:30px;background:#fbe6de;color:#7a3420}
.ac-lavoro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:820px;margin-top:44px}
.ac-lavoro figure{margin:0}
.ac-lavoro img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 25%;border:7px solid #fff;border-radius:20px;box-shadow:0 0 18px rgba(0,0,0,.45)}
.ac-lavoro figcaption{margin-top:10px;font-family:"Caveat Brush",cursive;font-size:1.6rem;color:#fff;text-align:center}
.ac-perche .ac-btn{margin-top:36px}
.ac-chiude .ac-lead + .ac-lead{margin-top:16px}
@media (max-width:767px){.ac-lavoro{gap:12px}.ac-lavoro img{border-width:4px;border-radius:14px}.ac-lavoro figcaption{font-size:1.2rem}}
/* mai tagliare la testa: le due foto intere, senza ritaglio */
.ac-lavoro img{aspect-ratio:auto;object-fit:initial}
/* tre foto del lavoro sulla persona: in fila da computer, la terza sotto a tutta riga da telefono */
.ac-lavoro{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px;align-items:start}
@media (max-width:767px){.ac-lavoro{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-lavoro figure:nth-child(3){grid-column:1/-1;max-width:70%;margin:0 auto}}

/* (09/11, David) pallino rosso "live" che lampeggia prima di "Evento live" */
.ac-live{display:inline-block;width:.62em;height:.62em;border-radius:50%;background:#FF2D2D;margin:0 .45em .08em 0;vertical-align:middle;
  box-shadow:0 0 0 0 rgba(255,45,45,.7)}
@media (prefers-reduced-motion:no-preference){.ac-live{animation:acLive 1.4s ease-in-out infinite}}
@keyframes acLive{0%{opacity:1;box-shadow:0 0 0 0 rgba(255,45,45,.65)}50%{opacity:.35}70%{box-shadow:0 0 0 .5em rgba(255,45,45,0)}100%{opacity:1;box-shadow:0 0 0 0 rgba(255,45,45,0)}}
/* (09/11) meno spazio fra il bottone e la V in apertura (tolta la riga del prezzo) */
.ac-apre{padding-bottom:calc(var(--v) + 46px)}
@media (max-width:767px){.ac-apre{padding-bottom:calc(var(--v) + 34px)}}
/* (09/11, David) "Se ti riconosci" senza foto: una colonna, titoli centrati */
.ac-ricon-in{grid-template-columns:minmax(0,1fr);max-width:820px}
.ac-ricon-testo .ac-tit{text-align:center;margin:0 auto}
.ac-ricon-testo .ac-forte{text-align:center}
.ac-ricon-testo .ac-testo{text-align:center}
.ac-ricon-testo .ac-ics{max-width:680px;margin-left:auto;margin-right:auto}
/* (09/11, David) pillole che compaiono una alla volta scendendo (il box resta fermo) */
@media (prefers-reduced-motion:no-preference){
  html.js .ac-una-a-una li{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .7s cubic-bezier(.16,1,.3,1)}
  html.js .ac-una-a-una li.vivo{opacity:1;transform:none}
}
/* la frase della cena in chiusura, sul nero */
.ac-cena--chiude{margin:30px auto 0;max-width:620px;font-size:clamp(1.1rem,1.6vw,1.3rem);color:rgba(255,255,255,.85)}
.ac-cena--chiude b{color:var(--sal)}
.ac-chiude .ac-cena--chiude b{color:#F6A88C}
.ac-mattina .ac-intro{margin-top:4px}
/* (09/11) nome nuovo "RISCRIVI TE STESSO": parole piu' corte, titolo piu' grande */
.ac-nome span:first-child{font-size:clamp(4.6rem,12.4vw,10.4rem)}
.ac-nome span:last-child{font-size:clamp(3.3rem,8.8vw,7.4rem)}
@media (max-width:767px){
  .ac-nome span:first-child{font-size:clamp(4.2rem,22vw,6rem)}
  .ac-nome span:last-child{font-size:clamp(3rem,15.6vw,4.25rem)}
}
.ac-nome--ty span:first-child{font-size:clamp(3.8rem,10vw,7rem)}
.ac-nome--ty span:last-child{font-size:clamp(2.7rem,7.1vw,5rem)}

/* (09/11, David) la seconda I di RISCRIVI e' una PENNA animata: la lettera resta (spazio e lettura) ma trasparente,
   la penna si posa al suo posto dopo il titolo e ogni tanto "scrive" */
.ac-penna{position:relative;display:inline-block;color:transparent}
.ac-penna-svg{position:absolute;left:50%;bottom:.135em;width:.27em;height:.74em;transform:translateX(-50%);overflow:visible;
  filter:drop-shadow(0 .02em .04em rgba(0,0,0,.35));transform-origin:50% 95%}
@media (prefers-reduced-motion:no-preference){
  .ac-penna-svg{animation:acPennaArriva .9s cubic-bezier(.3,1.4,.5,1) .7s both,acPennaScrive 6s ease-in-out 2.6s infinite}
}
@keyframes acPennaArriva{0%{opacity:0;transform:translateX(-50%) translateY(-.5em) rotate(-35deg)}100%{opacity:1;transform:translateX(-50%) rotate(0)}}
@keyframes acPennaScrive{0%,70%,100%{transform:translateX(-50%) rotate(0)}74%{transform:translateX(-50%) translate(-.03em,-.02em) rotate(-9deg)}78%{transform:translateX(-50%) translate(.04em,0) rotate(7deg)}82%{transform:translateX(-50%) translate(-.02em,-.015em) rotate(-6deg)}86%{transform:translateX(-50%) translate(.03em,0) rotate(5deg)}90%{transform:translateX(-50%) rotate(0)}}
/* la penna sta DENTRO la parola: non deve prendere le regole delle due righe del titolo (display:block, misure, colore, entrata) */
.ac-nome .ac-penna{display:inline-block!important;font-size:1em!important;color:transparent!important;margin:0!important;animation:none!important;text-shadow:none!important}
/* (09/11, David) la frase d'apertura SOLO su 2 righe: da computer ogni riga non va mai a capo e la misura segue la larghezza */
@media (min-width:768px){
  .ac-lead--due span{display:block;white-space:nowrap}
  .ac-apre .ac-lead--due{font-size:min(calc((100vw - 80px) / 25.5),36px);max-width:none}
}
/* (09/11, David) "x rosse grandi a sinistra" + un box alla volta (classe ac-una-a-una, stesso effetto delle pillole) */
.ac-ics li{grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:center;padding:18px 22px}
.ac-ics .ac-x{width:38px;height:38px;margin:0}
.ac-ics .ac-x::before,.ac-ics .ac-x::after{left:17px;top:1px;width:4.5px;height:36px;border-radius:3px}
@media (max-width:767px){
  .ac-ics li{grid-template-columns:34px minmax(0,1fr);gap:14px;padding:16px 16px}
  .ac-ics .ac-x{width:30px;height:30px}
  .ac-ics .ac-x::before,.ac-ics .ac-x::after{left:13.5px;top:1px;width:3.8px;height:28px}
}
/* (09/11, David) "47 piu' piccolo e in verde" */
.ac-prezzo{font-size:clamp(3.2rem,5.6vw,4.4rem);color:#3E9A08;margin-top:4px}
/* (09/11, David) il bottone della scheda del prezzo e' verde come il primo */
.ac-btn--verde{box-shadow:0 6px 14px rgba(60,140,20,.45)}
.ac-btn--verde::before{background-image:linear-gradient(45deg,#55CA0E,#55CA0E,#55CA0E,#55CA0E,#55CA0E,#eaf6dc,#55CA0E,#55CA0E,#55CA0E,#55CA0E,#55CA0E)}
.ac-btn--verde::after{background:linear-gradient(158deg,#55CA0E 45%,#3E9A08 100%)}
/* (09/11, David) "scendendo la linea si colori e sfumi": cresce continua e la punta sfuma nel grigio */
.ac-tempi::after{background:linear-gradient(to bottom,var(--sal-scuro) 0,var(--sal-scuro) calc(100% - 70px),rgba(201,98,63,0) 100%);transition:height .12s linear}
/* (09/11, David) sfumature salmone sullo sfondo della sezione "Come si svolge l'evento live?" */
.ac-mattina{background:
  radial-gradient(48% 60% at 6% 22%,rgba(236,134,102,.30),transparent 70%),
  radial-gradient(48% 60% at 94% 80%,rgba(236,134,102,.30),transparent 70%)}
/* (09/11, David) titolo a pennarello su due righe sopra il portatile */
.ac-pennarello--due{font-size:clamp(2.1rem,4.2vw,3.2rem);line-height:1.25}
@media (max-width:767px){.ac-pennarello--due{font-size:1.9rem}}

/* (09/11, David) "Perche' ho creato questo evento live?": foto dell'esercizio a sinistra, testo al centro, ghiaccio a destra;
   sotto resta solo il torrente. Da telefono: le due foto affiancate sopra, poi il testo */
.ac-perche-in{grid-template-columns:minmax(0,.62fr) minmax(0,1fr) minmax(0,.62fr);max-width:1240px;gap:clamp(22px,3.4vw,46px);align-items:center}
.ac-perche-in .ac-perche-dx{order:3}
.ac-perche-testo .ac-pennarello{text-align:left}
.ac-lavoro{grid-template-columns:minmax(0,1fr)!important;max-width:380px!important}
.ac-lavoro figure:nth-child(3){grid-column:auto!important;max-width:none!important}
@media (max-width:767px){
  .ac-perche-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .ac-perche-in .ac-perche-sx{order:1}
  .ac-perche-in .ac-perche-dx{order:2}
  .ac-perche-in .ac-perche-testo{order:3;grid-column:1/-1}
  .ac-perche-foto{max-width:none}
  .ac-perche-foto img{border-width:4px;border-radius:14px}
  .ac-lavoro{max-width:300px!important}
}
/* il video nel portatile */
.ac-lap-video{background:#000}

/* (09/11, David) striscia con la foto del torrente fra la V e il box "fa per te se": bassa e larga, bordo salmone come i box */
.ac-striscia-in{max-width:1140px;margin-bottom:clamp(40px,5vw,60px)}
.ac-striscia{margin:0;height:clamp(240px,30vw,400px);border:7px solid var(--bordo);border-radius:20px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.3)}
.ac-striscia img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 38%}
@media (max-width:767px){.ac-striscia{height:260px;border-width:5px}.ac-striscia img{object-position:45% 30%}}

/* (09/11, David) "fa per te / non fa per te": titolo sopra, due box distinti affiancati, 5 punti ciascuno */
.ac-perte .ac-due-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1140px;margin:0 auto;align-items:stretch}
.ac-perte .ac-box{padding:30px 26px}
.ac-box-tit{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:clamp(2rem,3vw,2.5rem);line-height:1;text-align:center;margin:0 0 22px}
.ac-box-tit--si{color:#3E9A08}
.ac-box-tit--no{color:#D9332F}
.ac-perte .ac-pillole li{font-size:clamp(.98rem,1.2vw,1.06rem)}
.ac-perte .ac-btn{margin-top:36px}
.ac-perte > .ac-in{max-width:1180px}
@media (max-width:860px){.ac-perte .ac-due-box{grid-template-columns:minmax(0,1fr)}.ac-perte .ac-box{padding:24px 16px}}

/* (09/11, David) le due schede Google e Trustpilot sotto "Cosa dicono di me": stesse degli ebook (ev.css), stessa misura */
.pg-ac .ev-schede{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin:-8px 0 30px}
.pg-ac .ev-scheda{box-sizing:border-box;width:330px;max-width:100%;display:flex;align-items:center;gap:16px;padding:16px 26px 16px 18px;border-radius:18px;
  background:#0f0d0c;border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;text-align:left;transition:transform .3s,border-color .3s}
.pg-ac .ev-scheda:hover{transform:translateY(-3px);border-color:rgba(236,134,102,.6)}
.pg-ac .ev-scheda svg{width:48px;height:48px;background:#fff;border-radius:50%;padding:6px;flex:none}
.pg-ac .ev-scheda b{display:block;font-weight:700;font-size:23px;line-height:1.2}
.pg-ac .ev-scheda b i{font-style:normal;color:#ffe08a;margin-left:4px;letter-spacing:1px}
.pg-ac .ev-scheda small{display:block;font-size:15px;color:rgba(255,255,255,.7)}
/* (09/11, David) in chiusura la frase in salmone in Bebas */
.ac-chiude .ac-lead b.ac-bebas{display:inline-block;margin-top:10px;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.05;letter-spacing:.01em;color:#F6A88C}

/* (09/11, David) frase a pennarello del pannello scuro: una riga sola, sempre visibile; la sottolineatura si disegna quando arriva a schermo */
.ac-una-riga{white-space:nowrap;font-size:min(calc((100vw - 40px) / 15.5),3.4rem)}
.ac-frase .ac-tratto path{stroke:#EC8666}
@media (prefers-reduced-motion:no-preference){
  .ac-matita--scorri .ac-tratto path:first-child,.ac-matita--scorri .ac-tratto path:last-child{animation:none}
  .ac-matita--scorri.vivo .ac-tratto path:first-child{animation:acMatita 1s cubic-bezier(.45,.05,.4,1) .1s forwards}
  .ac-matita--scorri.vivo .ac-tratto path:last-child{animation:acMatita .8s cubic-bezier(.45,.05,.4,1) .9s forwards}
}
/* (09/11, David) l'alone salmone della mattinata era TRONCATO dal bordo della sezione: aloni piu' raccolti che sfumano a zero dentro la sezione */
.ac-mattina{background:
  radial-gradient(42% 30% at 10% 30%,rgba(236,134,102,.32),rgba(236,134,102,0) 100%),
  radial-gradient(42% 30% at 90% 66%,rgba(236,134,102,.32),rgba(236,134,102,0) 100%)}
/* (09/11, David) i tre box SEMPRE presenti; compare solo il contenuto, un box alla volta da sinistra a destra */
@media (prefers-reduced-motion:no-preference){
  html.js .ac-tre-testi li > *{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .7s cubic-bezier(.16,1,.3,1)}
  html.js .ac-tre-testi li > p{transition-delay:.12s}
  html.js .ac-tre-testi li.vivo > *{opacity:1;transform:none}
}

/* (09/11, David) "Perche' ho creato questo evento live?": torna palco a sinistra + testo a destra;
   esercizio e ghiaccio sullo sfondo ai lati, sfumati nel nero verso il centro e in alto/basso */
.ac-perche-in{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;max-width:1100px!important;position:relative;z-index:1}
.ac-perche-sfondo{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ac-perche-sfondo img{position:absolute;top:0;height:100%;width:34%;object-fit:cover;opacity:.38;
  -webkit-mask-composite:source-in;mask-composite:intersect}
.ac-sf-sx{left:0;object-position:30% 30%;
  -webkit-mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.6) 45%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 22%,#000 78%,transparent 100%);
  mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.6) 45%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 22%,#000 78%,transparent 100%)}
.ac-sf-dx{right:0;object-position:60% 30%;
  -webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.6) 45%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 22%,#000 78%,transparent 100%);
  mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.6) 45%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 22%,#000 78%,transparent 100%)}
@media (max-width:767px){
  .ac-perche-in{grid-template-columns:minmax(0,1fr)!important}
  .ac-perche-sfondo img{width:60%;opacity:.25}
  .ac-perche-foto{max-width:360px!important;margin:0 auto}
  .ac-perche-testo .ac-sx{text-align:left}
}
/* (09/11, David) "mi si deve vedere anche a me": foto di sfondo piu' strette verso i bordi e inquadrate su David */
.ac-perche-sfondo img{width:27%;opacity:.46}
.ac-sf-sx{object-position:74% 22%}
.ac-sf-dx{object-position:48% 18%}
@media (max-width:767px){.ac-perche-sfondo img{width:50%;opacity:.28}.ac-sf-sx{object-position:72% 20%}.ac-sf-dx{object-position:48% 15%}}
/* (09/11, David) ghiaccio sullo sfondo: piu' a destra (David esce da dietro il testo) */
.ac-sf-dx{object-position:0% 18%}
/* (09/11, David) foto del torrente: FASCIA a tutta larghezza attaccata sotto la V nera, scorre lenta scendendo (come l'apertura),
   chiusa in basso a V come le altre sezioni */
.ac-striscia-in{max-width:none;padding:0;margin:calc(-1 * clamp(56px,7vw,90px) - clamp(28px,4vw,56px)) 0 clamp(40px,5vw,64px)}
.ac-striscia{--vv:clamp(28px,4vw,56px);margin:0;height:clamp(300px,34vw,520px);border:0;border-radius:0;box-shadow:none;overflow:hidden;position:relative;
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--vv)),50% 100%,0 calc(100% - var(--vv)))}
.ac-striscia img{position:absolute;left:0;top:-15%;width:100%;height:130%;object-fit:cover;object-position:50% 35%;transform:translate3d(0,var(--py,0px),0);will-change:transform}
@media (max-width:767px){.ac-striscia{height:300px}.ac-striscia img{object-position:40% 30%}}
/* (09/11, David) recensioni: meno spazio sopra il titolo, piu' spazio fra titolo e schede Google/Trustpilot */
.pg-ac .ac-rec{padding-top:calc(var(--v) + 34px)}
.pg-ac .ac-rec .ev-schede{margin:22px 0 34px}
/* (11/11, David) "crea distanza dai bottoni sotto": schede Google/Trustpilot piu' lontane dalla sottolineatura del titolo */
.pg-ac .ac-rec .ev-schede{margin-top:56px}
@media (max-width:899px){.pg-ac .ac-rec .ev-schede{margin-top:40px}}
.pg-ac .ac-rec .ac-pennarello{margin-bottom:0}
/* (09/11, David) recensioni: meno spazio fra il bottone e la V in fondo */
.pg-ac .ac-rec{padding-bottom:calc(var(--v) + 36px)}
.pg-ac .ac-rec .ac-btn{margin-top:14px}
.ac-nowrap{white-space:nowrap}

/* (09/11, David) sezione "In quattro ore" + prezzo: due foto Experience virate salmone ai lati, sfumate verso il centro e in alto/basso */
.ac-quattro{overflow:hidden}
.ac-quattro > .ac-in{position:relative;z-index:1}
.ac-quattro-sfondo{position:absolute;inset:0;z-index:0;pointer-events:none}
.ac-quattro-sfondo img{position:absolute;top:8%;height:84%;width:30%;object-fit:cover;opacity:.55;-webkit-mask-composite:source-in;mask-composite:intersect}
.ac-q-sx{left:0;object-position:50% 30%;
  -webkit-mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.55) 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%);
  mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.55) 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%)}
.ac-q-dx{right:0;object-position:50% 30%;
  -webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.55) 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%);
  mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.55) 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%)}
@media (max-width:767px){.ac-quattro-sfondo{display:none}}
/* (09/11, David) titolo sopra il portatile: esattamente due righe, sottolineate solo "cambiare" e "piccolo passo" */
.ac-due-righe > span{display:block;white-space:nowrap}
.ac-pennarello.ac-due-righe{font-size:min(calc((100vw - 40px) / 19.5),3.1rem);line-height:1.3}
/* (09/11, David) foto di sfondo di "Perche'...": sinistra leggermente piu' a destra, ghiaccio leggermente piu' a sinistra */
.ac-sf-sx{object-position:60% 22%}
.ac-sf-dx{object-position:20% 18%}
/* (09/11, David) "Perche'..." parti chiave in grassetto bianco */
.ac-perche-testo p b{color:#fff;font-weight:700}
/* (09/11, David) fascia del torrente SOTTO i box "fa per te" e PRIMA delle recensioni:
   entra a V dal grigio in alto, in fondo finisce sotto la V delle recensioni */
.ac-perte{padding-bottom:0}
.ac-striscia-in{margin:clamp(50px,6vw,80px) 0 calc(-1 * clamp(28px,4vw,56px))}
.ac-striscia{clip-path:polygon(0 0,50% var(--vv),100% 0,100% 100%,0 100%)}
/* (09/11, David) "assottiglia un po' i bordi dei box": 7px -> 4px (telefono 5 -> 3) su tutti i box bianchi */
.ac-box{border-width:4px}
@media (max-width:767px){.ac-box{border-width:3px}}
/* (09/11, David) foto di sinistra accanto al prezzo: David leggermente piu a sinistra */
.ac-q-sx{object-position:66% 30%}
/* (09/11, David) foto di destra accanto al prezzo cambiata: Bootcamp, David che indica la montagna */
.ac-q-dx{object-position:60% 40%}
.ac-q-dx{object-position:34% 40%}

/* (09/11, David) GARANZIA soddisfatto o rimborsato: sigillo PL4 sotto il bottone del prezzo + blocco dedicato prima delle FAQ.
   Il sigillo arriva come un TIMBRO (cade grande e ruotato, si schiaccia con un piccolo rimbalzo) */
.ac-garanzia-mini{display:flex;align-items:center;gap:16px;margin:18px auto 0;max-width:560px;text-align:left}
.ac-garanzia-mini .ac-sigillo{width:86px;height:auto;flex:none}
.ac-garanzia-mini p{font-size:.98rem;line-height:1.45;color:#333}
.ac-garanzia-mini b{color:#111}
.ac-garanzia{padding-top:0}
.ac-garanzia-box{display:grid;grid-template-columns:200px minmax(0,1fr);gap:34px;align-items:center;max-width:900px;margin:0 auto}
.ac-sigillo--grande{width:200px;height:auto}
.ac-garanzia-box .ac-pennarello{margin-bottom:16px}
.ac-garanzia-box p{font-size:clamp(1.02rem,1.4vw,1.15rem);line-height:1.6}
.ac-garanzia-box p + p{margin-top:.6rem}
.ac-garanzia-box b{font-weight:700}
@media (max-width:767px){
  .ac-garanzia-box{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:16px}
  .ac-sigillo--grande{width:150px}
  .ac-garanzia-box .ac-sx{text-align:center}
  .ac-garanzia-mini .ac-sigillo{width:70px}
}
@media (prefers-reduced-motion:no-preference){
  html.js .ac-sigillo{opacity:0;transform:scale(2.1) rotate(-18deg)}
  html.js .ac-sigillo.vivo{animation:acTimbroSig .6s cubic-bezier(.3,1.5,.55,1) forwards}
}
@keyframes acTimbroSig{0%{opacity:0;transform:scale(2.1) rotate(-18deg)}60%{opacity:1;transform:scale(.92) rotate(2deg)}80%{transform:scale(1.04) rotate(-1deg)}100%{opacity:1;transform:none}}
.ac-garanzia{padding-top:calc(clamp(28px,4vw,56px) + 40px)}
.ac-garanzia + .ac-faq{padding-top:0}
/* (09/11, David) accanto al prezzo: a sinistra centrata, a destra il fuoco (bootcamp-22) */
.ac-q-sx{object-position:52% 30%}
.ac-q-dx{object-position:50% 60%;opacity:.62}
/* (09/11, David) fascia del torrente TOLTA: la sezione "fa per te" torna con il suo spazio sotto */
.ac-perte{padding-bottom:clamp(56px,7vw,90px)}
/* (10/11, David) il logo del piede riporta in cima alla pagina, scorrendo morbido */
html:has(.pg-ac){scroll-behavior:smooth}
/* (11/11) a capo voluto solo da telefono (titolo "Cosa dicono di me / come coach", niente parola orfana) */
.ac-solo-tel{display:none}
@media (max-width:899px){.ac-solo-tel{display:inline}}
/* (11/11, David) "Un sabato mattina per la tua crescita": UNA sola pennellata (niente ripasso sottile), grossa e piena, che si disegna una volta */
.ac-tratto path:only-child{stroke-width:7;opacity:1}
@media (prefers-reduced-motion:no-preference){
  .ac-matita--scorri.vivo .ac-tratto path:only-child{animation:acMatita 1s cubic-bezier(.45,.05,.4,1) .1s forwards}
}
/* (11/11, David) "Perché ho creato questo evento": testo FERMO; la foto incorniciata appare solo in dissolvenza (niente salita) */
@media (prefers-reduced-motion:no-preference){
  html.js .ac-perche-foto.ac-entra{transform:none;transition:opacity 1.2s ease}
}
/* (11/11, David) "Ha senso partecipare a questo evento?": piu' spazio fra titolo e i due box */
.ac-perte > .ac-in > .ac-pennarello{margin-bottom:60px}
@media (max-width:899px){.ac-perte > .ac-in > .ac-pennarello{margin-bottom:40px}}

/* (11/11, David) GARANZIA diversa dal box FAQ: grigio scuro, testo chiaro, bordo salmone */
.ac-garanzia-box{background:#262626;border-color:#EC8666;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.ac-garanzia-box .ac-pennarello{color:#fff}
.ac-garanzia-box p{color:rgba(255,255,255,.86)}
.ac-garanzia-box b{color:#fff}
/* sfumatura salmone che parte dalla cima del blocco garanzia (attacco morbido, niente riga) e si spegne scendendo verso le FAQ */
.ac-garanzia{background:linear-gradient(180deg,rgba(236,134,102,0) 0,rgba(236,134,102,.5) 90px,rgba(236,134,102,.36) 100%)}
.ac-garanzia + .ac-faq{background:linear-gradient(180deg,rgba(236,134,102,.36) 0,rgba(236,134,102,.12) 260px,rgba(236,134,102,0) 520px)}
/* (11/11, David) chiusura: "E io non sono un motivatore!" titolone fra i due paragrafi */
.ac-chiude .ac-chiude-tit{margin:34px auto 6px}
/* (11/11) chiusura da computer: un po' piu' larga, cosi' "...ordine tra le tue idee." non lascia parole orfane */
@media (min-width:900px){.ac-chiude .ac-stretto{max-width:900px}.ac-chiude .ac-lead{max-width:860px}}
/* (11/11, David) mattinata: binario e linea finiscono sul pallino dell'ultimo passo; a linea completa niente sfumatura in punta */
.ac-tempi::before{bottom:auto;height:var(--fine,calc(100% - 24px))}
.ac-tempi.piena::after{background:var(--sal-scuro)}
/* (11/11, David) pennellata: prima di disegnarsi non deve restare il puntino del tappo tondo (trattino 1 + vuoto piu' lungo, partenza oltre il bordo) */
.ac-tratto path{stroke-dasharray:1 1.2}
@media (prefers-reduced-motion:no-preference){.ac-tratto path{stroke-dashoffset:1.1}}
/* (11/11, David) "Un sabato mattina per la tua crescita": le lettere si colorano di SALMONE mentre la pennellata ci passa sotto
   (copia salmone del testo sopra il bianco, scoperta da sinistra a destra con gli stessi tempi del tratto) */
.ac-colora::before{content:attr(data-t);position:absolute;left:0;top:0;white-space:nowrap;color:#EC8666;pointer-events:none;clip-path:inset(0 100% 0 0)}
.ac-colora.vivo::before{animation:acColora 1s cubic-bezier(.45,.05,.4,1) .1s forwards}
@keyframes acColora{to{clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion:reduce){.ac-colora::before{clip-path:none}}
/* (11/11, David) "le V verdi le voglio diverse e piu' grandi": niente quadratino, spunta verde a tratto spesso e arrotondato
   (stessa famiglia delle X grandi). Anche le X dei box pillole crescono, per coerenza col box "Non fa per te se" affiancato. */
.ac-pillole li{grid-template-columns:36px minmax(0,1fr);gap:16px;align-items:center}
.ac-pillole .ac-v{width:34px;height:34px;margin:0;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M5 18.5 L13.5 26.5 L29 8.5' fill='none' stroke='%233DAA2E' stroke-width='5.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.ac-pillole .ac-v::after{display:none}
.ac-pillole .ac-x{width:34px;height:34px;margin:0}
.ac-pillole .ac-x::before,.ac-pillole .ac-x::after{left:15px;top:1px;width:4.5px;height:32px;border-radius:3px}
@media (max-width:767px){
  .ac-pillole li{grid-template-columns:30px minmax(0,1fr);gap:13px}
  .ac-pillole .ac-v,.ac-pillole .ac-x{width:28px;height:28px}
  .ac-pillole .ac-x::before,.ac-pillole .ac-x::after{left:12.2px;width:3.8px;height:26px}
}
/* (11/11, David) "Non parleremo di vendita: sarò il tuo mental coach." e' piu' corta: da telefono puo' essere piu' grande */
.ac-pennarello.ac-due-righe--corta{font-size:min(calc((100vw - 40px) / 13.5),3.1rem)}
/* (11/11, David) "Tu porti la voglia di guardarti dentro. A guidarti ci penso io." piu' visibile: grande, Bebas, seconda riga salmone */
.ac-schermo-forte{margin:22px auto 0;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.05;letter-spacing:.01em;color:var(--nero);text-wrap:balance}
.ac-schermo-forte span{color:var(--sal-scuro)}
/* (11/11, David) "Per questo, per la prima volta..." molto piu' grande, centrata sopra il bottone */
.ac-perche-chiave{max-width:900px;margin:56px auto 30px;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:clamp(2.2rem,4.2vw,3.5rem);line-height:1.05;letter-spacing:.01em;color:#EC8666;text-align:center;text-wrap:balance}
@media (max-width:899px){.ac-perche-chiave{margin:40px auto 24px}}
/* (11/11, David) garanzia: "colore salmone PIENO sfumato verso il basso" (pieno in cima, si schiarisce scendendo fino alle FAQ) */
.ac-garanzia{background:linear-gradient(180deg,#EC8666 0,rgba(236,134,102,.82) 45%,rgba(236,134,102,.5) 100%)}
.ac-garanzia + .ac-faq{background:linear-gradient(180deg,rgba(236,134,102,.5) 0,rgba(236,134,102,.18) 320px,rgba(236,134,102,0) 640px)}
/* (11/11, David) chiusura: "Solo che, mi permetto di dire..." in BIANCO */
.ac-chiude .ac-cena--chiude b{color:#fff}

/* (11/11, David) si colora solo "crescita", quando il tratto ci arriva sotto */
.ac-colora::before{content:none}
.ac-cresce{position:relative;display:inline-block}
.ac-cresce::before{content:attr(data-t);position:absolute;left:0;top:0;white-space:nowrap;color:#EC8666;pointer-events:none;clip-path:inset(0 100% 0 0)}
.ac-colora.vivo .ac-cresce::before{animation:acCresce 1s linear .1s forwards}
@keyframes acCresce{0%{clip-path:inset(0 100% 0 0)}5%{clip-path:inset(0 100% 0 0)}10%{clip-path:inset(0 100% 0 0)}15%{clip-path:inset(0 100% 0 0)}20%{clip-path:inset(0 100% 0 0)}25%{clip-path:inset(0 100% 0 0)}30%{clip-path:inset(0 100% 0 0)}35%{clip-path:inset(0 100% 0 0)}40%{clip-path:inset(0 100% 0 0)}45%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0 100% 0 0)}55%{clip-path:inset(0 100% 0 0)}60%{clip-path:inset(0 100% 0 0)}65%{clip-path:inset(0 73.7% 0 0)}70%{clip-path:inset(0 51.1% 0 0)}75%{clip-path:inset(0 33.6% 0 0)}80%{clip-path:inset(0 20.4% 0 0)}85%{clip-path:inset(0 10.9% 0 0)}90%{clip-path:inset(0 4.6% 0 0)}95%{clip-path:inset(0 1.1% 0 0)}100%{clip-path:inset(0 0% 0 0)}}
@media (prefers-reduced-motion:reduce){.ac-cresce::before{clip-path:none}}

/* (11/11, David) titolo sopra il portatile meno appiccicato al blocco salmone */
.ac-muro.ac-schermo{padding-top:96px}
@media (max-width:899px){.ac-muro.ac-schermo{padding-top:56px}}

/* (11/11, David) "Non ti servono migliaia di euro" sotto i 3 box */
.ac-porta .ac-tre + .ac-pennarello{margin-top:64px;margin-bottom:24px}
@media (max-width:899px){.ac-porta .ac-tre + .ac-pennarello{margin-top:44px;margin-bottom:32px}}

/* (11/11, David) sfumatura garanzia meno lunga: salmone pieno piu' a lungo, si chiude presto nelle FAQ */
.ac-garanzia{background:linear-gradient(180deg,#EC8666 0,#EC8666 60%,rgba(236,134,102,.4) 100%)}
.ac-garanzia + .ac-faq{background:linear-gradient(180deg,rgba(236,134,102,.4) 0,rgba(236,134,102,0) 200px)}

/* (11/11, David) "E io non sono un motivatore!" in rosso vivo */
.ac-chiude .ac-chiude-tit{color:#E3201B}

/* (11/11, David) mattinata: ai lati due foto PL virate salmone in trasparenza (lui a sinistra, lei a destra) */
.ac-mattina-sfondo{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ac-mattina > .ac-in{position:relative;z-index:1}
.ac-mattina-sfondo img{position:absolute;top:50%;transform:translateY(-50%);height:min(78%,760px);width:36%;object-fit:cover;opacity:.55;
  -webkit-mask-composite:source-in;mask-composite:intersect}
.ac-ms-sx{left:0;object-position:82% 30%;
  -webkit-mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.7) 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%);
  mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.7) 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%)}
.ac-ms-dx{right:0;object-position:38% 30%;
  -webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.7) 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%);
  mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.7) 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%)}
@media (max-width:899px){.ac-mattina-sfondo{display:none}}

/* (11/11, David) blocco LA MENTE: alleata o incubo. Cervello che fluttua, ogni tanto vira al rosso e trema */
.ac-mente-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:1180px}
.ac-mente-img{position:relative;aspect-ratio:1400/1081;animation:acCervFlutto 6s ease-in-out infinite}
.ac-cerv{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;user-select:none}
.ac-cerv--blu{animation:acCervBlu 9s ease-in-out infinite}
.ac-cerv--rosso{filter:hue-rotate(150deg) saturate(1.6) brightness(.9);opacity:0;animation:acCervRosso 9s ease-in-out infinite}
@keyframes acCervFlutto{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes acCervBlu{0%,100%{filter:drop-shadow(0 0 0 rgba(60,140,255,0)) brightness(1)}25%{filter:drop-shadow(0 0 28px rgba(60,140,255,.55)) brightness(1.08)}}
@keyframes acCervRosso{0%,45%{opacity:0;transform:none}58%{opacity:1;transform:translateX(0)}60%{transform:translateX(-4px)}62%{transform:translateX(4px)}64%{transform:translateX(-3px)}66%{transform:translateX(2px)}68%{transform:none}80%{opacity:1}92%,100%{opacity:0}}
.ac-mente-tit{font-family:'Bebas Neue',sans-serif;font-weight:400;line-height:1.02;font-size:clamp(2.6rem,5.2vw,4.6rem);color:#111;text-align:left;text-wrap:balance;margin:0}
.ac-mente-tit span{display:block}
.ac-mente-tit span + span{margin-top:.25em}
.ac-mente-tit em{font-style:normal}
.ac-mente-ok{color:#2F7FE0}
.ac-mente-ko{color:#E3201B}
@media (max-width:899px){
  .ac-mente-in{grid-template-columns:minmax(0,1fr);gap:8px}
  .ac-mente-tit{order:-1;text-align:center;font-size:min(calc((100vw - 40px)/9.2),3rem)}
  .ac-mente-img{max-width:420px;width:100%;margin:0 auto}
}
@media (prefers-reduced-motion:reduce){.ac-mente-img,.ac-cerv--blu,.ac-cerv--rosso{animation:none}}

/* (11/11, David) "Per questo, per la prima volta..." troppo grande: font pennarello e piu' piccola */
.ac-perche-chiave{font-family:"Caveat Brush",cursive;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.15;letter-spacing:0;max-width:820px}
.ac-mente-tit em{white-space:nowrap}

/* (11/11, David) sigillo sotto il bottone del prezzo un po' piu' grande */
.ac-garanzia-mini .ac-sigillo{width:118px}
@media (max-width:899px){.ac-garanzia-mini .ac-sigillo{width:92px}}

/* (11/11, David) blocco LA MENTE riscritto: titolo a pennarello sopra, cervello al centro diviso a meta'
   (sinistra blu = alleata, destra rossa = incubo, il confine ondeggia piano), le due parole ai lati */
.ac-mente-in2{max-width:1180px;text-align:center}
.ac-mente-sopra{margin-bottom:clamp(20px,3vw,36px)}
.ac-mente-riga{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(12px,2.5vw,36px)}
.ac-mente-img{max-width:560px;width:100%;margin:0 auto}
.ac-cerv--rosso{opacity:1;filter:hue-rotate(150deg) saturate(1.7) brightness(.92);clip-path:inset(0 0 0 50%);animation:acCervTaglio 7s ease-in-out infinite}
@keyframes acCervTaglio{0%,100%{clip-path:inset(0 0 0 50%)}50%{clip-path:inset(0 0 0 42%)}}
.ac-mente-lato{margin:0;display:flex;flex-direction:column;gap:6px}
.ac-mente-lato--ok{text-align:right;align-items:flex-end}
.ac-mente-lato--ko{text-align:left;align-items:flex-start}
.ac-mente-lato small{font-size:clamp(1rem,1.3vw,1.2rem);color:#444;letter-spacing:.02em}
.ac-mente-lato strong{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:clamp(3rem,6vw,5.4rem);line-height:.9;letter-spacing:.01em}
.ac-mente-lato--ok strong{color:#2F7FE0}
.ac-mente-lato--ko strong{color:#E3201B}
@media (max-width:899px){
  .ac-mente-riga{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 16px}
  .ac-mente-img{grid-column:1 / -1;grid-row:1;max-width:400px}
  .ac-mente-lato--ok,.ac-mente-lato--ko{text-align:center;align-items:center}
  .ac-mente-lato strong{font-size:clamp(2.6rem,13vw,3.4rem)}
  .ac-mente-lato small{font-size:.95rem}
}
@media (prefers-reduced-motion:reduce){.ac-cerv--rosso{animation:none}}

/* (11/11, David) LA MENTE: sezione nera a se' dopo "Se ti riconosci" + domanda e bottone */
.ac-mente .ac-mente-lato small{color:rgba(255,255,255,.72)}
.ac-mente .ac-mente-lato--ok strong{color:#4A97F5}
.ac-mente .ac-mente-lato--ko strong{color:#FF3B2F}
.ac-mente-domanda{font-family:"Bebas Neue",sans-serif;font-size:clamp(2rem,3.6vw,3rem);line-height:1.05;color:#fff;margin:clamp(24px,3vw,40px) 0 clamp(24px,3vw,36px);text-wrap:balance}
.ac-mente-domanda span{color:#EC8666}
@media (max-width:899px){.ac-mente-domanda span{display:block}}

/* (11/11, David) pillole di "Fa per te se" piu' rapide: seguono lo scorrimento */
html.js .ac-perte .ac-una-a-una li{transition:opacity .4s ease,transform .5s cubic-bezier(.16,1,.3,1)}

/* (11/11, David) LA MENTE: spazi piu' stretti e ordinati + ALLEATA entra da sinistra, INCUBO da destra (dissolvi e sposta) */
.ac-blu.ac-mente{padding-top:calc(clamp(28px,4vw,56px) + clamp(36px,4vw,56px));padding-bottom:calc(clamp(28px,4vw,56px) + clamp(44px,5vw,64px))}
.ac-mente-sopra{margin-bottom:clamp(8px,1.5vw,18px)}
.ac-mente-riga{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(16px,2.2vw,32px);max-width:1040px;margin:0 auto}
.ac-mente-img{width:clamp(300px,34vw,470px)}
.ac-mente-lato{gap:2px}
.ac-mente-domanda{margin:clamp(8px,1.2vw,16px) 0 clamp(22px,2.5vw,32px)}
html.js .ac-mente-lato{opacity:0;transition:opacity .9s ease,transform 1s cubic-bezier(.16,1,.3,1)}
html.js .ac-mente-lato--ok{transform:translateX(-70px)}
html.js .ac-mente-lato--ko{transform:translateX(70px)}
html.js .ac-mente-riga.vivo .ac-mente-lato{opacity:1;transform:none}
html.js .ac-mente-riga.vivo .ac-mente-lato--ko{transition-delay:.25s}
@media (max-width:899px){
  .ac-mente-riga{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}
  .ac-mente-img{width:100%;max-width:360px}
  html.js .ac-mente-lato--ok{transform:translateX(-40px)}
  html.js .ac-mente-lato--ko{transform:translateX(40px)}
}
@media (prefers-reduced-motion:reduce){html.js .ac-mente-lato{opacity:1;transform:none;transition:none}}

/* (11/11, David) meno spazio fra "A guidarti ci penso io" e i 3 box sotto */
.ac-muro.ac-schermo{padding-bottom:56px}
.ac-schermo .ac-schermo-forte{margin-bottom:0}
@media (max-width:899px){.ac-muro.ac-schermo{padding-bottom:40px}}
.ac-porta .ac-tre{margin-top:0}

/* (11/11, David) titolo piu' staccato dal cervello; domanda piu' lontana dal cervello e piu' vicina al bottone */
.ac-mente-sopra{margin-bottom:clamp(28px,3.5vw,48px)}
.ac-mente-domanda{margin:clamp(32px,4vw,56px) 0 clamp(14px,1.6vw,20px)}
.ac-mente .ac-btn{margin-top:0}

/* (11/11, David) "In quattro ore, finalmente:" piu' staccato dal primo box */
.ac-quattro .ac-box > .ac-pennarello{margin-bottom:44px}
@media (max-width:899px){.ac-quattro .ac-box > .ac-pennarello{margin-bottom:32px}}

/* (11/11, David) portatile: ai lati due foto virate salmone (coach di schiena a sx, guida nel fiume a dx) */
.ac-schermo-sfondo{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ac-schermo > .ac-in{position:relative;z-index:1}
.ac-schermo-sfondo img{position:absolute;top:8%;height:min(70%,780px);width:34%;object-fit:cover;opacity:.55;
  -webkit-mask-composite:source-in;mask-composite:intersect}
.ac-ss-sx{left:0;object-position:58% 30%;
  -webkit-mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.7) 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%);
  mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.7) 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%)}
.ac-ss-dx{right:0;object-position:40% 35%;
  -webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.7) 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%);
  mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.7) 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%)}
@media (max-width:899px){.ac-schermo-sfondo{display:none}}

/* (11/11, David) box con la X di "Se ti riconosci" piu' grandi */
.ac-ricon-testo .ac-ics{max-width:860px;gap:18px;margin-top:28px}
.ac-ricon .ac-ics li{padding:28px 34px;gap:24px;grid-template-columns:48px minmax(0,1fr);border-radius:14px;font-size:1.22rem;line-height:1.5}
.ac-ricon .ac-ics .ac-x{width:44px;height:44px}
.ac-ricon .ac-ics .ac-x::before,.ac-ricon .ac-ics .ac-x::after{left:20px;top:1px;width:5px;height:42px}
@media (max-width:899px){
  .ac-ricon-testo .ac-ics{gap:14px}
  .ac-ricon .ac-ics li{padding:20px 18px;gap:16px;grid-template-columns:36px minmax(0,1fr);font-size:1.06rem}
  .ac-ricon .ac-ics .ac-x{width:32px;height:32px}
  .ac-ricon .ac-ics .ac-x::before,.ac-ricon .ac-ics .ac-x::after{left:14px;top:1px;width:4px;height:30px}
}
@media (min-width:900px){.ac-ricon-testo .ac-ics{width:min(860px,calc(100vw - 40px));max-width:none;position:relative;left:50%;margin-left:0;margin-right:0;transform:translateX(-50%)}}

/* (11/11, David) LA MENTE: sullo sfondo la rete (onde + costellazioni) dei piedi experience/mastermind, salmone, molto trasparente e sfumata */
.ac-mente-rete{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url(img/ac-rete.svg?v=1) 50% 100%/max(100%,1500px) auto no-repeat;opacity:.55;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 80%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 80%,transparent 100%)}
.ac-mente > .ac-in{position:relative;z-index:1}
@media (max-width:899px){.ac-mente-rete{background-size:auto 100%;opacity:.5}}

/* (11/11, David) portatile: foto del fiume piu' a destra; foto COACH nuova (originale Bootcamp 3) inquadrata su David */
.ac-ss-dx{object-position:18% 35%}
.ac-ss-sx{object-position:50% 40%}
.ac-ss-dx{right:-6%}

/* (11/11, David) rete: via le onde in alto, restano le costellazioni, meno visibili e in leggero movimento */
.ac-mente-rete{background-image:url(img/ac-rete.svg?v=2);opacity:.32;animation:acRete 22s ease-in-out infinite alternate;will-change:transform}
@keyframes acRete{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-26px,-10px,0) scale(1.03)}100%{transform:translate3d(18px,6px,0) scale(1.015)}}
@media (max-width:899px){.ac-mente-rete{opacity:.3}}
@media (prefers-reduced-motion:reduce){.ac-mente-rete{animation:none}}

/* (11/11, David) la rete sta ferma */
.ac-mente-rete{animation:none;transform:none;will-change:auto}

/* (11/11, David) CONTO ALLA ROVESCIA nel box del prezzo: cifre grandi, vero (verso sabato 12/12 ore 9:00) */
.ac-timer{margin:22px auto 4px;max-width:520px}
.ac-timer-h{margin:0 0 8px;font-family:"Bebas Neue",sans-serif;font-size:1.25rem;letter-spacing:.08em;color:#7a3420}
.ac-timer-cifre{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ac-timer-cifre span{display:flex;flex-direction:column;align-items:center;background:#1a1a1a;border-radius:12px;padding:12px 4px 10px}
.ac-timer-cifre b{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:clamp(2.4rem,4vw,3.2rem);line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.ac-timer-cifre small{margin-top:4px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#EC8666}
.ac-timer.finito .ac-timer-cifre{display:none}
.ac-timer.finito .ac-timer-h{font-size:1.6rem}
@media (max-width:899px){.ac-timer{margin-top:18px}.ac-timer-cifre{gap:8px}.ac-timer-cifre span{padding:10px 2px 8px;border-radius:10px}.ac-timer-cifre b{font-size:2.3rem}.ac-timer-cifre small{font-size:.68rem}}

/* (11/11, David) thank you: aggiungi al calendario */
.ac-cal{margin:30px auto 6px}
.ac-cal-h{margin:0 0 12px;font-size:1rem;color:rgba(255,255,255,.8)}
.ac-cal-btn{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.ac-cal-btn a{display:inline-flex;align-items:center;justify-content:center;min-width:200px;padding:14px 22px;border-radius:10px;border:1.5px solid #EC8666;color:#fff;text-decoration:none;font-family:"Bebas Neue",sans-serif;font-size:1.25rem;letter-spacing:.05em;transition:background .25s,color .25s}
.ac-cal-btn a:hover{background:#EC8666;color:#111}
@media (max-width:899px){.ac-cal-btn a{flex:1 1 140px;min-width:0}}

/* ===== (11/11, David) GIRO iPHONE: spazi, misure e foto di sfondo ===== */
/* chiusura: niente riga dritta col piede nero, si sfuma nel nero */
.ac-chiude{background-image:linear-gradient(to top,#000 0,rgba(0,0,0,0) 120px),linear-gradient(to top,rgba(236,134,102,.55) 0px,rgba(236,134,102,.22) 25%,rgba(236,134,102,0) 55%),linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.88)),url(img/ac-aula.webp)}
@media (max-width:899px){
  /* box prezzo: la riga data/orario andava fuori schermo */
  .ac-posto-r .ac-nowrap{white-space:normal}
  .ac-posto-r{font-size:1rem}
  /* titoli a pennarello su due righe: da telefono vanno a capo da soli e restano grandi */
  .ac-schermo .ac-pennarello,.ac-porta .ac-pennarello{font-size:2.05rem;line-height:1.12}
  .ac-schermo .ac-pennarello > span,.ac-porta .ac-pennarello > span{display:inline;white-space:normal}
  .ac-porta .ac-tre + .ac-pennarello{margin-top:36px;margin-bottom:28px}
  /* 3 box numerati: numero a sinistra e testo a destra, niente vuoto */
  .ac-porta .ac-tre{gap:12px}
  .ac-porta .ac-tre li{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;padding:18px 18px;text-align:left;height:auto;min-height:0}
  .ac-porta .ac-tre li > span{margin:0}
  .ac-porta .ac-tre li p{margin:0}
  /* chiusura: meno vuoto sotto l'ultimo bottone */
  .ac-chiude{padding-bottom:84px}
  /* foto di sfondo del portatile: da telefono una fascia sfumata dietro il titolo (coach a sx, fiume a dx) */
  .ac-schermo-sfondo{display:block}
  .ac-schermo-sfondo img{top:0;height:340px;width:58%;opacity:.4;transform:none}
  .ac-ss-sx{left:0;object-position:50% 25%;
    -webkit-mask-image:linear-gradient(to right,#000 30%,transparent 100%),linear-gradient(to bottom,#000 35%,transparent 100%);
    mask-image:linear-gradient(to right,#000 30%,transparent 100%),linear-gradient(to bottom,#000 35%,transparent 100%)}
  .ac-ss-dx{right:0;object-position:30% 30%;
    -webkit-mask-image:linear-gradient(to left,#000 30%,transparent 100%),linear-gradient(to bottom,#000 35%,transparent 100%);
    mask-image:linear-gradient(to left,#000 30%,transparent 100%),linear-gradient(to bottom,#000 35%,transparent 100%)}
}
@media (max-width:899px){
  .ac-schermo .ac-pennarello > span:first-child::after,.ac-porta .ac-pennarello > span:first-child::after{content:" "}
  .ac-schermo-sfondo img{opacity:.3}
}
.ac-cal-btn a{line-height:1.1;white-space:nowrap}
@media (max-width:899px){.ac-cal-btn a{font-size:1.12rem;padding:14px 10px}}

/* (11/11, David) thank you: firma vera al posto del nome scritto */
.ac-ty-firma img{display:block;width:220px;height:auto;margin:0 auto}
@media (max-width:899px){.ac-ty-firma img{width:180px}}

/* (11/11, David) thank you: "Sei dentro!" piu' staccato da "Controlla l'email" */
.ac-ty .ac-ty-dentro{margin-bottom:28px}
@media (max-width:899px){.ac-ty .ac-ty-dentro{margin-bottom:20px}}

/* (11/11, David) thank you: sfumatura salmone che sale dal basso, prosegue nel piede (niente riga dritta) */
.ac-ty{position:relative}
.ac-ty::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70%;pointer-events:none;z-index:0;
  background:linear-gradient(to top,rgba(236,134,102,.55) 0%,rgba(236,134,102,.28) 30%,rgba(236,134,102,.08) 65%,rgba(236,134,102,0) 100%)}
.ac-ty > .ac-in{position:relative;z-index:1}
.ftr--ty{background:linear-gradient(to bottom,rgba(236,134,102,.55) 0%,#3a1d14 100%)!important;border-top:0!important}
.ftr--ty::before,.ftr--ty::after{display:none!important}
.ftr--ty .ftr-btm{border-top:0!important;color:rgba(255,255,255,.85)}
.ftr--ty .ftr-btm *{color:rgba(255,255,255,.85)!important}
.ftr--ty{background:linear-gradient(to bottom,rgb(130,74,56) 0%,#2a140e 100%)!important}

/* (11/11, David) thank you: le parole "Sei dentro!" in verde (come il primo bottone) */
.ac-ty .ac-ty-dentro,.ac-ty .ac-ty-dentro .ac-sotto{color:#5BCB1B}

/* (11/11, David) thank you: "Sei dentro!" entra come un timbro (cade grande e ruotata, si schiaccia con un piccolo rimbalzo) */
.ac-ty .ac-ty-dentro .ac-sotto{display:inline-block;animation:acDentro .75s cubic-bezier(.3,1.5,.55,1) .25s both}
@keyframes acDentro{0%{opacity:0;transform:scale(2) rotate(-10deg)}60%{opacity:1;transform:scale(.94) rotate(1.5deg)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ac-ty .ac-ty-dentro .ac-sotto{animation:none}}

/* ===== (11/11, David) GIRO iPHONE 2: tutto piu' grande, foto riordinate (SOLO telefono, computer invariato) ===== */
/* chiusura -> piede: stacco NETTO (tolta la sfumatura nel nero) e foto dell'aula di nuovo a misura */
.ac-chiude{background-image:linear-gradient(to top,rgba(236,134,102,.55) 0px,rgba(236,134,102,.22) 25%,rgba(236,134,102,0) 55%),linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.88)),url(img/ac-aula.webp)}
.ac-perche-sotto{display:none}
@media (max-width:899px){
  /* 1. hero */
  .ac-apre .ac-sopra{font-size:24px;line-height:1.25}
  .ac-nome > span:first-child{font-size:98px}
  .ac-nome > span:last-child{font-size:70px}
  .ac-apre .ac-data span{font-size:22px}
  .ac-apre .ac-pennarello{font-size:44px}
  .ac-apre .ac-lead{font-size:27px;line-height:1.15}
  .ac-btn{font-size:27px}
  /* 2. titoli: tutti piu' grandi e coerenti */
  .ac-pennarello{font-size:42px;line-height:1.1}
  .ac-frase .ac-pennarello{font-size:34px;white-space:normal}
  .ac-frase .ac-pennarello .ac-colora,.ac-frase .ac-pennarello .ac-sotto{white-space:normal}
  .ac-tit,.ac-frase .ac-tit,.ac-ricon .ac-tit,.ac-chiude-tit{font-size:44px;line-height:1.02}
  .ac-ricon .ac-testo,.ac-chiude .ac-lead,.ac-chiude p{font-size:18.5px}
  .ac-mente-sopra{font-size:42px}
  .ac-mente-lato strong{font-size:56px}
  .ac-mente-lato small{font-size:1.05rem}
  .ac-perche-chiave{font-size:38px}
  .ac-schermo .ac-pennarello,.ac-porta .ac-pennarello{font-size:40px}
  /* 3. domanda della mente */
  .ac-mente-domanda{font-size:44px;line-height:1.02}
  /* 4. prezzo */
  .ac-posto-h{font-size:36px;line-height:1.1}
  .ac-prezzo{font-size:84px}
  .ac-posto-r{font-size:1.12rem}
  /* 5. timer */
  .ac-timer-h{font-size:28px}
  .ac-timer-cifre{gap:8px}
  .ac-timer-cifre span{padding:14px 2px 12px}
  .ac-timer-cifre b{font-size:56px}
  .ac-timer-cifre small{font-size:.78rem}
  /* 6. "Non parleremo di vendita:" a capo */
  .ac-schermo .ac-pennarello > span{display:block}
  .ac-schermo .ac-pennarello > span:first-child::after{content:none}
  /* 7. dietro il titolo solo la foto COACH, a tutta larghezza */
  .ac-ss-dx{display:none}
  .ac-ss-sx{width:100%;height:420px;object-position:50% 22%;opacity:.32;
    -webkit-mask-image:linear-gradient(to bottom,#000 40%,transparent 100%);mask-image:linear-gradient(to bottom,#000 40%,transparent 100%)}
  /* 8. "Tu porti la voglia..." */
  .ac-schermo-forte{font-size:42px;line-height:1.02}
  /* 9. foto in aula piccola e quadrata, titolo sopra */
  .ac-perche-in{display:flex;flex-direction:column}
  .ac-perche-testo{display:contents}
  .ac-perche-testo > .ac-pennarello{order:-2;text-align:center;margin-bottom:22px}
  .ac-perche-foto{order:-1;width:210px!important;max-width:210px!important;margin:0 auto 26px!important;aspect-ratio:1/1;overflow:hidden}
  .ac-perche-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
  /* 10. sfondo = foto col cliente (maglia arancione); il ghiaccio sotto il bottone */
  .ac-perche-sfondo .ac-sf-dx{display:none}
  .ac-perche-sfondo .ac-sf-sx{width:100%;height:100%;left:0;opacity:.24;object-position:60% 20%;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 70%,transparent 100%)}
  .ac-perche-sotto{display:block;position:relative;z-index:1;margin:30px -16px 0;height:300px;overflow:hidden}
  .ac-perche-sotto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.75;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 75%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 75%,transparent 100%)}
  /* 11. recensioni: Google e Trustpilot sotto le recensioni e sotto il bottone */
  .ac-rec .ac-in{display:flex;flex-direction:column}
  .ac-rec .ac-in > .ac-pennarello{order:0}
  .ac-rec .ql-rec-griglia{order:1}
  .ac-rec .ac-in > .ac-btn{order:2}
  .ac-rec .ev-schede{order:3;margin-top:30px!important;margin-bottom:0}
  /* chiusura: la mia figura visibile in trasparenza */
  .ac-chiude{background-image:linear-gradient(to top,rgba(236,134,102,.5) 0px,rgba(236,134,102,.18) 25%,rgba(236,134,102,0) 55%),linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.72)),url(img/ac-aula.webp);background-position:0 0,0 0,24% 40%;background-size:auto,auto,cover}
}
@media (max-width:899px){
  /* "Non parleremo di vendita:" / "sarò il tuo mental coach." esattamente su due righe */
  .ac-schermo .ac-pennarello{font-size:min(37px,calc((100vw - 36px)/9.8))}
  .ac-schermo .ac-pennarello > span{white-space:nowrap}
  /* "Rallenta. Rifletti. Riscrivi." su una riga, piu' grande di prima */
  .ac-apre .ac-pennarello{font-size:min(37px,calc((100vw - 34px)/9.3))}
  .ac-apre .ac-pennarello .ac-sotto{white-space:nowrap}
  /* foto COACH a tutta larghezza (vinceva la regola vecchia) */
  .ac-schermo-sfondo .ac-ss-sx{width:100%;left:0}
}
@media (max-width:899px){
  .ac-chiude p.ac-pennarello{font-size:42px}
  .ac-chiude{background-image:linear-gradient(to top,rgba(236,134,102,.5) 0px,rgba(236,134,102,.18) 25%,rgba(236,134,102,0) 55%),linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.66)),url(img/ac-aula.webp)}
}

/* (11/11, David) hero da telefono ancora piu' grande, soprattutto il logo dell'evento (quasi da bordo a bordo) */
@media (max-width:899px){
  .ac-nome > span:first-child{font-size:calc((100vw - 40px) * .39)}
  .ac-nome > span:last-child{font-size:calc((100vw - 40px) * .28)}
  .ac-apre .ac-sopra{font-size:27px}
  .ac-apre .ac-data span{font-size:25px}
  .ac-apre .ac-lead{font-size:30px;line-height:1.12}
  .ac-apre .ac-btn{font-size:30px}
}

/* (11/11, David) box con le X rosse: bagliore salmone sotto (telefono e computer) */
.ac-ricon .ac-ics li{box-shadow:0 16px 34px -10px rgba(236,134,102,.6),0 2px 6px rgba(0,0,0,.05)}
.ac-ricon .ac-ics li{box-shadow:0 18px 40px -10px rgba(236,134,102,.75),0 2px 6px rgba(0,0,0,.05)}

/* (11/11, David) logo hero da telefono: troppo grande, una via di mezzo */
@media (max-width:899px){.ac-nome > span:first-child{font-size:calc((100vw - 40px) * .335)}.ac-nome > span:last-child{font-size:calc((100vw - 40px) * .24)}}

/* (11/11, David) "Un sabato mattina per la tua crescita": da telefono torna su UNA riga (su due si rompevano tratto e colore), piu' grande di prima */
@media (max-width:899px){.ac-frase .ac-pennarello{font-size:min(26px,calc((100vw - 36px)/13.4));white-space:nowrap}.ac-frase .ac-pennarello .ac-colora,.ac-frase .ac-pennarello .ac-sotto{white-space:nowrap}}

/* (11/11, David) piu' spazio fra "Tu la stai guidando..." e ALLEATA/INCUBO sopra */
.ac-mente-domanda{margin-top:clamp(56px,5vw,76px)}

/* (11/11, David) telefono: sezione "Perche' ho creato questo evento" + recensioni */
@media (max-width:899px){
  .ac-perche-testo > .ac-pennarello{font-size:min(39px,calc((100vw - 32px)/8.8))}
  /* foto in aula piu' grande */
  .ac-perche-foto{width:280px!important;max-width:280px!important}
  /* foto col cliente: piu' piccola e sfumata nel fondo scuro, solo in alto */
  .ac-perche-sfondo .ac-sf-sx{top:4%;left:50%;width:92%;height:460px;transform:translateX(-50%);opacity:.2;object-position:60% 20%;
    -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 30%,transparent 100%)}
  /* foto del ghiaccio: un po' piu' su e finisce nella V (niente sfumatura in basso) */
  .ac-perche-sotto{margin:14px -16px -88px;height:330px}
  .ac-perche-sotto img{opacity:.85;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 28%);mask-image:linear-gradient(to bottom,transparent 0%,#000 28%)}
  /* "Cosa dicono di me come coach" staccato dalle recensioni */
  .ac-rec .ac-in > .ac-pennarello{margin-bottom:40px}
}

/* (11/11, David) hero da telefono: foto spostata a destra, si vede David a sinistra (non solo la spalla) */
@media (max-width:899px){.ac-apre::before,.ac-apre::after{background-position:14% 30%}}
/* (11/11, David) telefono: scambio foto. Sotto il bottone il cliente in maglia arancione, nello sfondo la foto dell'acqua */
@media (max-width:899px){
  .ac-perche-sfondo .ac-sf-sx{display:none}
  .ac-perche-sfondo .ac-sf-dx{display:block;top:4%;left:50%;right:auto;width:92%;height:460px;transform:translateX(-50%);opacity:.2;object-position:50% 30%;
    -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 30%,transparent 100%)}
  .ac-perche-sotto img{object-position:55% 35%}
}
/* (11/11, David) frase sotto il timer: sempre e solo due righe da telefono */
@media (max-width:899px){.ac-posto-no span{display:block;white-space:nowrap}.ac-posto-no{font-size:min(1.05rem,calc((100vw - 110px)/17))}}
/* (11/11, David) telefono: via la foto di sfondo dietro la foto in aula; foto in aula piu' grande */
@media (max-width:899px){
  .ac-perche-sfondo{display:none}
  .ac-perche-foto{width:330px!important;max-width:calc(100vw - 40px)!important}
}
@media (max-width:899px){.ac-apre::before,.ac-apre::after{background-position:24% 30%}}

/* (11/11, David) "Rallenta. Rifletti. Riscrivi." da telefono un filo piu' grande, sempre su una riga (usa anche un po' del margine) */
@media (max-width:899px){.ac-apre .ac-pennarello{font-size:calc((100vw - 24px)/9.25);width:calc(100vw - 16px);margin-left:calc(50% - 50vw + 8px);margin-right:0}}

/* (11/11, David) thank you: "Sei dentro!" molto piu' grande, logo RISCRIVI TE STESSO piu' piccolo */
.ac-ty .ac-ty-dentro{font-size:clamp(4.2rem,7vw,6rem);line-height:1.05}
.ac-nome--ty > span:first-child{font-size:clamp(3.6rem,6vw,5rem)}
.ac-nome--ty > span:last-child{font-size:clamp(2.6rem,4.3vw,3.6rem)}
@media (max-width:899px){
  .ac-ty .ac-ty-dentro{font-size:min(70px,calc((100vw - 40px)/4.6))}
  .ac-nome--ty > span:first-child{font-size:66px}
  .ac-nome--ty > span:last-child{font-size:47px}
}

/* (11/11, David) logo thank you: una via di mezzo */
.ac-nome--ty > span:first-child{font-size:clamp(4.2rem,7vw,6rem)}
.ac-nome--ty > span:last-child{font-size:clamp(3rem,5vw,4.3rem)}
@media (max-width:899px){.ac-nome--ty > span:first-child{font-size:88px}.ac-nome--ty > span:last-child{font-size:63px}}

/* (11/11, David) i bottoni portano al box del prezzo: un filo di aria sopra quando ci arrivi */
#posto{scroll-margin-top:24px}

/* (12/11, David) computer: bottone dell'hero sempre intero nella prima schermata. Logo un poco piu' piccolo (scala con l'altezza dello schermo), frase in cima piu' vicina al bordo */
@media (min-width:900px){
  .ac-apre{padding-top:24px}
  .ac-apre .ac-nome:not(.ac-nome--ty) > span:first-child{font-size:min(166px,19vh)}
  .ac-apre .ac-nome:not(.ac-nome--ty) > span:last-child{font-size:min(118px,13.5vh)}
}
@media (min-width:900px){.ac-apre .ac-nome:not(.ac-nome--ty) > span:first-child{font-size:min(166px,18vh)}.ac-apre .ac-nome:not(.ac-nome--ty) > span:last-child{font-size:min(118px,12.8vh)}}

/* (12/11, David) logo hero da computer leggermente piu' grande */
@media (min-width:900px){.ac-apre .ac-nome:not(.ac-nome--ty) > span:first-child{font-size:min(170px,19.3vh)}.ac-apre .ac-nome:not(.ac-nome--ty) > span:last-child{font-size:min(121px,13.7vh)}}