/* Affiancamento eCommerce: sezioni e gerarchia visiva della landing.
   La base resta style.css + done-for-you.css di Autonomia Digitale,
   più soluzioni.css per la prenotazione. Gli adattamenti dei componenti
   condivisi sono confinati al body .aec. */

/* Copertina: dimensioni legate alla larghezza, mai all'altezza dello schermo.
   Il contenuto può superare la prima schermata senza ridursi o scomparire.
   Bianco per titoli, grigio chiaro per dettagli, arancione per marchio e CTA. */
.aec .hero{height:auto!important;min-height:100svh!important;padding:max(48px,env(safe-area-inset-top)) 0 max(48px,env(safe-area-inset-bottom))!important}
.aec .hero>.wrap{width:min(1180px,calc(100% - 48px))}
.aec .hero .hero-copy{max-width:1080px!important}
.aec .hero>div:nth-child(2){background:linear-gradient(180deg,#070707bd,#070707d9 55%,#070707f5)!important}
.aec .hero .hero-kicker{max-width:640px;margin:0 auto;color:#c9c9d0;font-size:12px;line-height:1.6;letter-spacing:.09em;text-wrap:balance}
.aec .hero .hero-kicker:before{display:none}
.aec .hero h1.aec-hero-brand{font-size:clamp(36px,5.8vw,76px);line-height:1.08;letter-spacing:-.045em;font-weight:800;margin:20px 0 28px;text-wrap:balance}
.aec .hero h1.aec-hero-brand span{color:inherit}
.aec .hero h1.aec-hero-brand .aec-hero-accent{color:#ff8758;display:inline-block}
.aec .hero h2.aec-hero-promise{max-width:780px;font-size:clamp(24px,2.7vw,34px);line-height:1.3;letter-spacing:-.025em;font-weight:650;margin:0 auto 22px!important;color:#f5f5f7;text-wrap:balance}
.aec .hero h2.aec-hero-promise span{color:inherit;white-space:normal}
.aec .hero h2.aec-hero-promise span:after{display:none}
.aec .hero .hero-sub{display:block;max-width:660px!important;margin:0 auto;font-size:clamp(17px,1.4vw,19px);line-height:1.65;color:#c9c9d0;text-wrap:pretty}
.aec .hero .hero-sub strong{color:#ededf1;font-weight:650}
.aec .hero .aec-hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px!important;margin:24px 0 0!important}
.aec .hero .tag{padding:8px 12px;font-size:13px;line-height:1.5;color:#d4d4dc;background:#141416;border-color:#ffffff26;backdrop-filter:none}
.aec .hero .dfy-actions{margin-top:30px;gap:12px 24px}
.aec .hero .btn{max-width:100%;min-height:52px;padding:16px 26px;font-size:16px;line-height:1.4;text-align:center;background:var(--o);color:#17100c;box-shadow:0 8px 28px #ff5a1f20}
.aec .hero .btn:hover{background:#ff8758}
.aec .hero .aec-hero-more{display:inline-flex;align-items:center;min-height:44px;color:#dedee4;font-size:15px;line-height:1.5;text-decoration:underline;text-underline-offset:5px}
.aec .hero a:focus-visible{outline:3px solid #fff;outline-offset:5px}
/* Il titolo usa la scrittura della home, già condivisa in done-for-you.js
   e done-for-you.css: 220ms di attesa e 1500ms di comparsa delle lettere.
   Gli altri contenuti conservano la sequenza di ingresso della landing. */
@media(prefers-reduced-motion:no-preference){
 .aec .hero .aec-hero-promise{animation:hero-arrive 650ms cubic-bezier(.22,1,.36,1) 350ms backwards}
 .aec .hero .hero-sub{animation:hero-arrive 600ms cubic-bezier(.22,1,.36,1) 1200ms backwards}
 .aec .hero .hero-kicker{animation:hero-fade 550ms ease-out 1600ms backwards}
 .aec .hero .tag{animation:hero-arrive 500ms cubic-bezier(.22,1,.36,1) 1750ms backwards}
 .aec .hero .tag:nth-child(2){animation-delay:1830ms}
 .aec .hero .tag:nth-child(3){animation-delay:1910ms}
 .aec .hero .tag:nth-child(4){animation-delay:1990ms}
 .aec .hero .dfy-actions{animation:hero-arrive 500ms cubic-bezier(.22,1,.36,1) 2100ms backwards}
 .aec .hero .aec-proof{animation:hero-arrive 600ms cubic-bezier(.22,1,.36,1) 2300ms backwards}
 .aec .hero .dfy-actions:focus-within,.aec .hero .aec-proof:focus-within{animation:none}
}

/* Prova sociale su due livelli: recensioni, poi quattro dati leggibili. */
.aec-proof{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:980px;margin:36px auto 0;padding-top:28px;border-top:1px solid #ffffff26}
.aec-proof-reviews{display:inline-flex;align-items:center;gap:12px;max-width:100%;min-height:56px;padding:10px 16px;border:1px solid #ffffff30;border-radius:18px;background:#141416;text-align:left;transition:border-color .2s}
.aec-proof-reviews:hover{border-color:#ff8758}
.aec-proof-avatars{display:flex;flex-shrink:0}
.aec-proof-avatars i{display:grid;place-items:center;width:30px;height:30px;margin-left:-8px;border:2px solid #141416;border-radius:50%;background:#414149;color:#fff;font-size:10px;font-style:normal;font-weight:700}
.aec-proof-avatars i:first-child{margin-left:0}
.aec-proof-avatars i:nth-child(even){background:#303037}
.aec-proof-rating{display:flex;flex-direction:column;gap:5px;min-width:0}
.aec-proof-stars{color:#f5c66b;font-size:14px;letter-spacing:2px;line-height:1}
.aec-proof-rating b{font-size:14px;line-height:1.4;color:#ededf1;font-weight:600}
.aec-proof-arrow{color:#c9c9d0;font-size:18px;flex-shrink:0}
.aec-proof-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;text-align:center}
.aec-proof-facts li{min-width:0;padding:0 16px;border-left:1px solid #ffffff26}
.aec-proof-facts li:first-child{border-left:0}
.aec-proof-facts b{display:block;font-size:17px;line-height:1.4;letter-spacing:-.015em;color:#f5f5f7}
.aec-proof-facts span{display:block;margin-top:6px;font-size:13px;line-height:1.5;color:#bcbcc6;text-wrap:balance}
@media(max-width:800px){
 .aec .hero{padding-top:max(36px,env(safe-area-inset-top))!important;padding-bottom:max(36px,env(safe-area-inset-bottom))!important}
 .aec .hero>.wrap{width:calc(100% - 40px)}
 .aec .hero h1.aec-hero-brand{font-size:clamp(34px,7.5vw,56px)!important;margin:18px 0 24px}
 .aec .hero h2.aec-hero-promise{font-size:clamp(23px,4vw,30px)!important;line-height:1.35}
 .aec .hero .hero-sub{font-size:17px;line-height:1.6}
 .aec .hero .aec-hero-tags{gap:8px!important;margin-top:22px!important}
 .aec .hero .dfy-actions{margin-top:26px}
 .aec-proof{margin-top:30px;padding-top:24px}
 .aec-proof-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}
 .aec-proof-facts li:nth-child(3){border-left:0}
}
@media(max-width:480px){
 .aec .hero .hero-kicker{font-size:12px;letter-spacing:.06em}
 .aec .hero .dfy-actions{flex-direction:column;gap:8px}
 .aec .hero .btn{width:100%;max-width:360px;padding:15px 16px}
 .aec-proof-reviews{gap:10px;padding:12px}
 .aec-proof-avatars{display:none}
 .aec-proof-facts li{padding:0 10px}
}
@media(prefers-reduced-motion:reduce){.aec-proof-reviews{transition:none}}

/* Cover pulita (solo Affiancamento eCommerce, .aec-hero-clean; Academy
   tiene ancora tag e riquadri): niente pillole né box. Le informazioni
   dei tag stanno nel kicker e nel sottotitolo; recensioni e dati sono una
   riga di testo discreta in fondo, separata da punti. */
.aec .aec-hero-clean .hero-kicker{color:#a9a9b2}
.aec .aec-hero-clean h2.aec-hero-promise{margin-bottom:18px!important}
.aec .aec-hero-clean .hero-sub{max-width:620px!important;color:#b4b4bd}
.aec .aec-hero-clean .dfy-actions{margin-top:34px}
.aec .aec-hero-clean .btn{box-shadow:none}
.aec-hero-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 0;max-width:920px;margin:56px auto 0;padding:0;list-style:none;font-size:14px;line-height:1.5;color:#8e8e98}
.aec-hero-facts li{display:flex;align-items:center}
.aec-hero-facts li+li:before{content:"";width:3px;height:3px;margin:0 16px;border-radius:50%;background:#ffffff40}
.aec-hero-facts b{margin-right:5px;color:#dedee4;font-weight:600}
.aec-hero-facts a{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;transition:color .2s}
.aec-hero-facts a b{margin-right:0}
.aec-hero-facts a:hover{color:#ff8758}
.aec-hero-stars{color:#f5c66b;font-size:12px;letter-spacing:1px}
@media(prefers-reduced-motion:no-preference){
 .aec .aec-hero-clean .aec-hero-facts{animation:hero-fade 700ms ease-out 2300ms backwards}
 .aec .aec-hero-clean .aec-hero-facts:focus-within{animation:none}
}
@media(max-width:800px){
 .aec-hero-facts{margin-top:40px;font-size:13px}
 .aec-hero-facts li+li:before{margin:0 12px}
}
@media(max-width:560px){
 .aec-hero-facts{flex-direction:column;align-items:center;gap:8px}
 .aec-hero-facts li+li:before{display:none}
}

/* Lo standard dei grandi store e le perdite lungo il percorso d'acquisto. */
.aec-standard{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 0,#ff5a1f1c,transparent 45%),#070707;color:#fff}
.aec-standard-head{max-width:900px}
.aec-standard-head .h2 span{color:#ff794d}
.aec-standard-head .sub{max-width:720px;color:#b5b5bc}
.aec-leak{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;align-items:center;margin-top:72px;padding-top:56px;border-top:1px solid #ffffff1a}
.aec-leak-copy h3{margin:0 0 18px;font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.045em}
.aec-leak-copy p{margin:0;font-size:17px;line-height:1.65;color:#b5b5bc}
.aec-journey{margin:0;min-width:0}
.aec-journey-label{fill:#ededf1;font-size:16px;font-weight:600;letter-spacing:-.3px}
.aec-journey-core{fill:#fff;font-size:18px;font-weight:750;letter-spacing:-.4px}
.aec-leak-path{fill:none;stroke:#ff5a1f;stroke-opacity:.3;stroke-width:1.5;stroke-dasharray:3 5}
.aec-leak-drop{fill:none;stroke:#ff8457;stroke-width:3;stroke-linecap:round;stroke-dasharray:10 90;animation:aec-leak 2.8s ease-in infinite;animation-delay:var(--delay,0s)}
.aec-leak-label{fill:#a3a3ae;font-size:13px}
.aec-journey:not(.is-visible) .aec-leak-drop{animation-play-state:paused}
@keyframes aec-leak{from{stroke-dashoffset:100;opacity:1}80%{opacity:1}to{stroke-dashoffset:0;opacity:0}}
@media(prefers-reduced-motion:reduce){.aec-leak-drop{display:none}}
@media(max-width:900px){.aec-leak{grid-template-columns:1fr;gap:32px;margin-top:56px;padding-top:44px}}
@media(max-width:800px){.aec-journey .system-map--mobile{max-width:420px;margin:0 auto}.aec-leak-label{font-size:14px}.aec-journey-label{font-size:17px}}

/* La regola: più vicini ai grandi store, più conversioni. La curva si
   disegna quando entra nello schermo (is-visible lo mette main.js). */
.aec-law{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;margin-top:64px}
.aec-law-copy h3{margin:0 0 18px;font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.045em}
.aec-law-copy p{margin:0 0 16px;font-size:17px;line-height:1.65;color:#b5b5bc}
.aec-law-copy strong{color:#fff}
.aec .aec-law-rule{margin:24px 0 0;padding:16px 20px;border-left:3px solid var(--o);background:#ff5a1f12;color:#fff;font-size:20px;font-weight:700;line-height:1.4;letter-spacing:-.025em}
.aec-law-chart{margin:0;min-width:0;padding:12px}
.aec-law-chart svg{position:relative;display:block;width:100%;height:auto;font-family:inherit}
.aec-law-axis{fill:none;stroke:#ffffff30;stroke-width:1.5}
.aec-law-axis-label{fill:#8f8f9a;font-size:12px;letter-spacing:.04em}
.aec-law-curve{fill:none;stroke:var(--o);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.65,0,.35,1);filter:drop-shadow(0 0 6px #ff5a1f80)}
.aec-law-chart.is-visible .aec-law-curve{stroke-dashoffset:0}
.aec-law-dot{fill:#19191d;stroke:#ededf1;stroke-width:2}
.aec-law-dot--goal{fill:var(--o);stroke:#fff}
.aec-law-label{fill:#ededf1;font-size:14px;font-weight:600}
.aec-law-label--goal{fill:#ff8457;font-weight:750}
.aec-law-path-label{fill:#ff8457;font-size:13px;font-weight:700;letter-spacing:.02em}
@media(prefers-reduced-motion:reduce){.aec-law-curve{transition:none;stroke-dashoffset:0}}

/* Ogni settore ha i suoi riferimenti: i tre passi del metodo. */
.aec-sector{margin-top:72px}
.aec-sector-head h3{max-width:760px;margin:0 0 32px;font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.045em}
.aec-sector-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.aec-sector-steps li{padding:28px;border:1px solid #ffffff1f;border-radius:20px;background:#ffffff05}
.aec-sector-steps li:last-child{border-color:#ff8758;background:linear-gradient(150deg,#ff5a1f1c,transparent)}
.aec-sector-steps>li>span{display:block;margin-bottom:28px;color:#ff8758;font-size:40px;font-weight:750;line-height:1;letter-spacing:-.06em}
.aec-sector-steps h4{margin:0 0 12px;font-size:22px;line-height:1.2;letter-spacing:-.035em}
.aec-sector-steps p{margin:0;font-size:15px;line-height:1.65;color:#b5b5bc}
.aec .aec-leak-note{margin-top:18px;padding-top:18px;border-top:1px solid #ffffff1a;font-size:15px;color:#d4d1cb}
@media(max-width:900px){.aec-law{grid-template-columns:1fr;gap:28px}}
@media(max-width:800px){.aec-sector-steps{grid-template-columns:1fr}.aec-sector-steps li{padding:24px}.aec-sector-steps>li>span{font-size:32px;margin-bottom:18px}.aec-law,.aec-sector{margin-top:52px}}

/* Cosa ottieni: la CTA sotto l'introduzione. */
.aec-outcomes-cta{margin-top:30px}
.aec-outcomes-cta .btn{gap:12px}

/* Il metodo: quattro aree attorno allo store. */
.aec-method .benefit .num{letter-spacing:.12em}
.aec-method .system-diagram{margin-top:48px}

/* Il filtro del Framework della Fiducia Digitale: una domanda, due uscite. */
.aec-filter{position:relative;isolation:isolate;overflow:hidden;margin-top:56px;padding:clamp(28px,4.5vw,52px);border-radius:28px;background:#101010;color:#fff;box-shadow:0 22px 60px -40px #ff5a1f70}
.aec-filter:before{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-170px;top:-210px;border-radius:50%;background:#ff5a1f;filter:blur(120px);opacity:.25;pointer-events:none}
.aec-filter .label{color:#ff8758}
.aec-filter h3{margin:0 0 14px;font-size:clamp(26px,2.8vw,36px);line-height:1.15;letter-spacing:-.04em;color:#c9c1bd}
.aec-filter-question{max-width:820px;margin:0;font-size:clamp(28px,3.4vw,46px);line-height:1.1;font-weight:750;letter-spacing:-.045em;color:#fff}
.aec-filter-exits{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.aec-filter-exit{padding:26px;border:1px solid #ffffff1f;border-radius:20px;background:#ffffff06}
.aec-filter-exit.is-yes{border-color:#ff8758;background:linear-gradient(150deg,#ff5a1f24,transparent)}
.aec-filter-exit small{display:block;font:11px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;text-transform:uppercase;color:#a3a3ae}
.aec-filter-exit.is-yes small{color:#ff8758}
.aec-filter-exit strong{display:block;margin:10px 0 8px;font-size:26px;letter-spacing:-.04em}
.aec-filter-exit p{margin:0;font-size:15px;line-height:1.6;color:#b5b5bc}
.aec .aec-filter-note{margin:28px 0 0;padding-top:22px;border-top:1px solid #ffffff1a;font-size:15px;line-height:1.6;color:#d4d1cb}
.aec-filter-note a{color:#ff8758;font-weight:700;border-bottom:1px solid #ff875870}
.aec-filter-note a:hover{color:#fff}
@media(max-width:650px){.aec-filter-exits{grid-template-columns:1fr}.aec-filter{border-radius:22px}}

/* I tre pilastri del percorso, al posto delle ore di Autonomia Digitale. */
.learning-together-hours.aec-pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);align-items:start}
.aec-pillars .learning-together-session{padding-top:22px;border-top:1px solid #ffd3bd35}
.aec-pillars .learning-together-amount{font-size:clamp(52px,6vw,76px)}
@media(max-width:800px){.learning-together-hours.aec-pillars{grid-template-columns:1fr;gap:24px}}

/* La CTA nella sezione scura del percorso. */
.aec .learning-cta{margin-top:40px}

/* Gerarchia della pagina: testo corrente 17px, dettagli almeno 14px.
   Gli override restano confinati a questa landing e non alterano la cover. */
.aec{--aec-ink:#17171b;--aec-muted:#55555e;--aec-light:#c9c9d0;--aec-accent:#b83b12}
.aec main{color:var(--aec-ink)}
.aec main :is(.section,.guarantee,.founder-letter-section,.application-form-section){padding-block:clamp(64px,7vw,104px)}
.aec main .wrap{width:min(1120px,calc(100% - 40px))}
.aec main .narrow{width:100%;max-width:850px}
.aec main :is(h2,h3,h4){text-wrap:pretty;overflow-wrap:break-word}
.aec main :is(.h2,.mentor-copy h3,.guarantee-panel h2,.application-form-intro h2){font-size:clamp(30px,4vw,52px);line-height:1.18;letter-spacing:-.035em}
.aec main .label{font-size:12px;line-height:1.6;letter-spacing:.09em;color:var(--aec-accent);margin-bottom:16px}
.aec main .sub{font-size:clamp(17px,1.6vw,19px);line-height:1.7;color:var(--aec-muted);max-width:68ch}
.aec main :is(.aec-standard,.learning-path,.dfy-booking){color:#f5f5f7}
.aec main :is(.aec-standard,.learning-path,.dfy-booking,.aec-filter) .label{color:#ffab88}
.aec main :is(.aec-standard,.learning-path,.dfy-booking) .sub{color:var(--aec-light)}
.aec main .btn{min-height:52px;max-width:100%;padding:16px 24px;gap:12px;font:700 16px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text",Arial,sans-serif;white-space:normal;text-align:center;background:var(--o);color:#17100c}
.aec main .btn:hover{background:#ff8758}
.aec main a:focus-visible,.aec footer a:focus-visible{outline:3px solid currentColor;outline-offset:5px}

/* Standard, ricerca e percorso d'acquisto. */
.aec .aec-standard-head .h2 span{color:inherit}
.aec :is(.aec-law-copy,.aec-leak-copy,.aec-sector-head) h3{font-size:clamp(26px,3vw,36px);line-height:1.28;letter-spacing:-.025em}
.aec :is(.aec-law-copy,.aec-leak-copy,.aec-sector-steps) p{font-size:17px;line-height:1.7;color:var(--aec-light)}
.aec .aec-law-rule{color:#f5f5f7;font-size:21px;line-height:1.5;padding:20px 24px}
.aec .aec-sector-steps{gap:20px}
.aec .aec-sector-steps li{padding:28px}
.aec .aec-sector-steps>li>span{font-size:28px;letter-spacing:-.025em;color:#bcbcc6;margin-bottom:24px}
.aec .aec-sector-steps h4{font-size:23px;line-height:1.35;letter-spacing:-.02em}
.aec .aec-leak{grid-template-columns:1fr;gap:28px}
.aec .aec-leak-copy{max-width:780px}
.aec .aec-leak-note{font-size:16px;color:#dedee4}
.aec .aec-journey{margin-top:0}
.aec .aec-law-chart{margin-top:0;padding:20px}
.aec .aec-law-axis-label{fill:#bcbcc6;font-size:16px;letter-spacing:0}
.aec .aec-law-label{font-size:18px}
.aec .aec-law-path-label{font-size:16px}
.aec :is(.map-core-label,.aec-journey-core){fill:#17100c}
.aec .aec-leak-label{fill:#c9c9d0;font-size:15px}
.aec .aec-chart-caption,.aec .aec-journey-mobile,.aec .aec-method-mobile{display:none}

/* Risultati e metodo: tipografia leggibile sui fondi originali delle schede. */
.aec .outcomes-layout{column-gap:48px}
.aec .outcomes-intro{padding-top:0}
.aec .outcomes-intro .h2{margin:0 0 24px}
.aec .outcomes-intro .sub{max-width:55ch}
.aec .outcome-list{gap:16px}
.aec .outcome-item{padding:28px;gap:18px}
.aec .outcome-text small{position:static;display:block;font-size:13px;line-height:1.5;color:#65656e;margin-bottom:8px}
.aec .outcome-text h3{font-size:23px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}
.aec .outcome-text p{font-size:17px;line-height:1.65;color:var(--aec-muted)}
.aec .outcome-check{color:var(--aec-accent)}
.aec .outcome-goal{display:grid;grid-template-columns:56px 1fr;gap:20px 24px;padding:36px}
.aec .outcome-goal .outcome-check{width:56px;height:56px;color:#17100c}
.aec .outcome-goal-title{min-width:0}
.aec .outcome-goal small{font-size:12px;line-height:1.6;color:#ffab88;letter-spacing:.09em}
.aec .outcome-goal h3{font-size:clamp(25px,3vw,34px);line-height:1.3;letter-spacing:-.025em}
.aec .outcome-goal p{grid-column:2;max-width:65ch;font-size:17px;line-height:1.7;color:var(--aec-light)}
.aec .benefit-grid{gap:20px}
.aec .benefit{padding:32px;min-height:0;border:1px solid #e4e4e7}
.aec .benefit .num{font-size:12px;line-height:1.6;letter-spacing:.08em;color:var(--aec-accent)}
.aec .benefit h3{font-size:clamp(24px,2.5vw,30px);line-height:1.3;letter-spacing:-.025em;margin:28px 0 16px}
.aec .benefit p{font-size:17px;line-height:1.7;color:var(--aec-muted);margin:0}
.aec .benefit.orange{background:var(--o);color:#17100c;border-color:transparent}
.aec .benefit.orange .num,.aec .benefit.orange p{color:#17100c}
.aec .aec-filter h3{font-size:22px;line-height:1.4;letter-spacing:-.015em;color:var(--aec-light)}
.aec .aec-filter-question{font-size:clamp(28px,3.5vw,42px);line-height:1.25;letter-spacing:-.025em}
.aec .aec-filter-exit{padding:28px}
.aec .aec-filter-exit small{font-size:13px;line-height:1.6;letter-spacing:.08em;color:var(--aec-light)}
.aec .aec-filter-exit.is-yes small{color:#ffab88}
.aec .aec-filter-exit strong{font-size:25px;line-height:1.3;letter-spacing:-.02em;margin-block:12px}
.aec .aec-filter-exit p,.aec .aec-filter-note{font-size:17px;line-height:1.7;color:var(--aec-light)}
.aec .aec-filter-note a{color:#ffab88;line-height:1.8}

/* Percorso: numeri di servizio, titoli e contenuti con ruoli distinti. */
.aec .learning-intro{gap:24px 48px;align-items:start}
.aec .learning-path h3{font-size:clamp(26px,3vw,38px);line-height:1.28;letter-spacing:-.025em}
.aec .learning-path h4{font-size:clamp(23px,2.4vw,28px);line-height:1.35;letter-spacing:-.02em}
.aec .learning-together{padding:clamp(24px,4vw,44px)}
.aec .aec-pillars .learning-together-amount{font-size:36px;line-height:1.2;letter-spacing:-.025em;color:#bcbcc6;margin-bottom:16px}
.aec .learning-together-session>p:last-child,.aec .learning-together-footer p{font-size:17px;line-height:1.7;color:var(--aec-light)}
.aec .learning-together .learning-together-format{font-size:16px;line-height:1.65;color:var(--aec-light)}
.aec .learning-together-footer strong{font-size:18px;line-height:1.5}
.aec .learning-area{padding:32px}
.aec .learning-area-top{align-items:start;gap:16px;margin-bottom:24px}
.aec main .learning-path .learning-area-top .label{color:var(--aec-light);margin:0}
.aec .learning-area-number{font-size:28px;line-height:1.2;letter-spacing:-.025em;color:#bcbcc6}
.aec .learning-skills{gap:10px;margin-bottom:28px}
.aec .learning-skills li{font-size:15px;line-height:1.5;padding:7px 10px;color:#dedee4}
.aec .learning-area .learning-use{font-size:17px;line-height:1.7;margin-bottom:0;padding-top:24px;border-top:1px solid #ffffff26;color:var(--aec-light)}
.aec .learning-use strong{font-size:12px;line-height:1.6;letter-spacing:.08em;color:#ffab88}
.aec .learning-practice{gap:24px 36px;padding:40px}
.aec main .learning-path .learning-practice .label{color:var(--aec-accent);margin-bottom:0}
.aec .learning-practice p,.aec .learning-practice li{font-size:17px;line-height:1.7;color:var(--aec-muted)}
.aec .learning-practice li strong{font-size:23px;line-height:1.4;color:var(--aec-ink);letter-spacing:-.02em}
.aec .learning-practice .learning-takeaway{font-size:18px;color:var(--aec-ink)}

/* Esperienza, selezione, assistenza e lettera. */
.aec .mentorship .case{gap:48px;align-items:start}
.aec .mentor-emphasis{color:var(--aec-accent)}
.aec .mentor-copy p{font-size:18px;line-height:1.7;color:var(--aec-muted)}
.aec .mentor-copy .pain{align-items:flex-start;padding:22px;gap:14px}
.aec .mentor-copy .pain b{font-size:18px;line-height:1.4;margin-bottom:8px}
.aec .mentor-copy .pain span{display:block;font-size:16px;line-height:1.65;color:var(--aec-muted)}
.aec .mentor-copy .pain:last-child span{color:var(--aec-light)}
.aec .mentor-copy .pain i{color:var(--aec-accent)}
.aec .mentor-copy .pain:last-child i{color:#17100c}
.aec .fitgrid{gap:24px;margin-top:36px}
.aec .fitbox{padding:32px}
.aec .fitbox h3{font-size:28px;line-height:1.3;letter-spacing:-.025em}
.aec .fitbox p{font-size:17px;line-height:1.7;color:var(--aec-muted);margin:0}
.aec .fitbox.yes h3{color:#f5f5f7}
.aec .fitbox.yes p{color:var(--aec-light)}
.aec .guarantee-panel h2{text-transform:none;font-size:clamp(28px,3vw,40px);line-height:1.25}
.aec .guarantee-panel p{font-size:18px;line-height:1.7}
.aec .guarantee-panel .label{color:#72501d}
.aec .guarantee-panel .guarantee-promise{font-size:21px;line-height:1.5;letter-spacing:-.015em}
.aec .guarantee-signature small{font-size:13px;line-height:1.6;letter-spacing:.04em;color:#675b41}
.aec .founder-letter-layout{grid-template-columns:.8fr 1.2fr;gap:24px}
.aec .founder-letter-cover{min-height:0;padding:36px}
.aec .founder-letter-cover h2{font-size:clamp(30px,3.3vw,44px);line-height:1.2;letter-spacing:-.03em}
.aec .founder-letter-cover h2 em{color:#ffab88}
.aec .founder-letter-eyebrow{font-size:12px;line-height:1.6;letter-spacing:.08em;color:#ffab88}
.aec .founder-letter-cover-bottom span{font-size:14px;line-height:1.65;letter-spacing:0;text-transform:none;color:var(--aec-light)}
.aec .founder-letter-paper{padding:40px}
.aec .founder-letter-paper-head{align-items:start;flex-direction:column;gap:8px}
.aec .founder-letter-paper-head b{font-size:12px;line-height:1.6;letter-spacing:.08em}
.aec .founder-letter-paper-head span{font-size:16px;line-height:1.5;color:#686155}
.aec .founder-letter-copy{font-size:18px;line-height:1.8}
.aec .founder-letter-copy p{margin-bottom:22px}
.aec .founder-letter-copy .founder-letter-pivot{font-size:23px;line-height:1.45;letter-spacing:-.02em}
.aec .founder-letter-close .btn{white-space:normal}

/* Prenotazione e footer: informazioni secondarie leggibili, CTA coerente. */
.aec .application-form-layout{gap:48px;grid-template-columns:1fr 1.2fr}
.aec .application-form-intro{position:static;min-width:0}
.aec .application-form-intro p{font-size:18px;line-height:1.7;color:var(--aec-light);margin:0;max-width:60ch}
.aec .dfy-booking-steps{gap:24px;margin-top:32px}
.aec .dfy-booking-steps b{font-size:18px;line-height:1.4;margin-bottom:6px}
.aec .dfy-booking-steps span{display:block;font-size:16px;line-height:1.65;color:var(--aec-light)}
.aec .dfy-booking .application-form-note{font-size:15px;line-height:1.65;margin-top:32px;padding:18px;color:var(--aec-light)}
.aec .dfy-booking-topics legend{font-size:17px;line-height:1.5;margin-bottom:16px}
.aec .dfy-booking-topics legend span{font-size:14px;color:#bcbcc6}
.aec .dfy-booking-topics label span{font-size:15px;line-height:1.5;min-height:44px;padding:10px 14px}
.aec .dfy-booking-placeholder{padding:28px 24px;gap:18px}
.aec .dfy-booking-placeholder strong{font-size:24px;line-height:1.3;letter-spacing:-.02em}
.aec .dfy-booking .dfy-booking-placeholder p{font-size:16px;line-height:1.7;color:var(--aec-light)}
.aec .dfy-booking-alt{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.65;text-underline-offset:4px}
.aec footer{font-size:14px}
.aec .footerrow{display:flex;flex-wrap:wrap;gap:16px 32px;font-size:14px;line-height:1.7}
.aec footer a{color:#dedee4;text-decoration:underline;text-underline-offset:4px}

@media(max-width:1000px){
 .aec .aec-journey .system-map--desktop{display:none}
 .aec .aec-journey-mobile{display:grid;list-style:none;gap:0;padding:24px;margin:0;counter-reset:journey}
 .aec-journey-mobile li{position:relative;counter-increment:journey;padding:0 0 24px 44px;border-left:1px solid #ffffff30;margin-left:16px}
 .aec-journey-mobile li:before{content:counter(journey);position:absolute;left:-17px;top:0;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff40;border-radius:50%;background:#242428;color:#ededf1;font-size:14px;font-weight:700}
 .aec-journey-mobile li:last-child{border:0;padding-bottom:0}
 .aec-journey-mobile li:last-child:before{background:var(--o);color:#17100c;border-color:var(--o)}
 .aec-journey-mobile strong{display:block;font-size:18px;line-height:1.5;color:#f5f5f7}
 .aec-journey-mobile span{display:block;font-size:16px;line-height:1.6;color:var(--aec-light);margin-top:4px}
 .aec .outcomes-layout,.aec .mentorship .case,.aec .founder-letter-layout,.aec .application-form-layout{grid-template-columns:1fr;gap:36px}
 .aec .outcomes-intro .sub{max-width:68ch}
 .aec .mentor-photo{width:100%;max-width:620px;height:480px}
 .aec .founder-letter-cover{min-height:0}
 .aec .aec-law{grid-template-columns:1fr;gap:28px}
}
@media(max-width:800px){
 .aec .learning-intro,.aec .learning-practice{grid-template-columns:1fr}
 .aec .learning-intro .h2{margin-bottom:0}
 .aec .learning-practice{padding:28px}
 .aec .outcome-goal p{grid-column:1/-1}
 .aec .aec-method-map .system-map--mobile{display:none}
 .aec .aec-method-mobile{display:block;padding:24px}
 .aec-method-mobile ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;margin:0 0 24px}
 .aec-method-mobile li{padding:16px 8px;border:1px solid #ffffff30;border-radius:12px;text-align:center;color:#ededf1;font-size:16px;line-height:1.5}
 .aec-method-mobile p{margin:0;padding-top:20px;border-top:1px solid #ffffff30;text-align:center;font-size:17px;line-height:1.6;color:var(--aec-light)}
 .aec-method-mobile strong{display:block;color:#ffab88;font-size:22px;margin-top:8px}
}
@media(max-width:600px){
 .aec .aec-law-chart{padding:20px 12px}
 .aec .aec-law-chart svg text{display:none}
 .aec .aec-chart-caption{display:grid;gap:12px;padding:0 8px 8px;font-size:15px;line-height:1.6;color:var(--aec-light)}
 .aec-chart-caption span{display:block}
 .aec-chart-caption strong{color:#f5f5f7;font-weight:650}
 .aec .aec-chart-caption .aec-chart-goal{color:#ffab88}
 .aec .aec-filter{padding:24px}
 .aec .aec-filter-exits{grid-template-columns:1fr;gap:20px;margin-top:28px}
 .aec .aec-filter-exit{padding:22px}
}
@media(max-width:480px){
 .aec :is(.outcome-item,.outcome-goal,.benefit,.fitbox,.learning-area,.learning-practice,.founder-letter-cover,.founder-letter-paper){padding:24px}
 .aec .outcome-item{flex-direction:column;gap:16px}
 .aec .outcome-text small{position:absolute;top:28px;right:24px}
 .aec .outcome-goal{grid-template-columns:1fr}
 .aec .outcome-goal p{grid-column:1}
 .aec .aec-sector-steps li{padding:24px}
 .aec .learning-together-footer{grid-template-columns:1fr}
 .aec .learning-practice ul{grid-template-columns:1fr}
 .aec .mentor-copy .pain{padding:20px;gap:12px}
 .aec .mentor-photo{height:380px}
 .aec .guarantee-panel{padding-inline:24px}
 .aec .dfy-booking-panel{padding:16px}
 .aec .dfy-booking-placeholder{padding:24px 16px}
 .aec .dfy-booking-topics label{width:100%}
 .aec .dfy-booking-topics label span{border-radius:14px}
 .aec main .btn{padding-inline:18px}
}

/* ═══ La tesi sull'esperienza eCommerce ═══
   Sei sezioni prima dell'offerta: tesi, barra della fiducia, (standard),
   pilastri, ingressi, sintesi. Chiaro e scuro si alternano: tesi bianca,
   barra grigia con il grafico scuro, standard e ingressi neri, pilastri
   bianchi, sintesi carta. */

/* La tesi: la frase, il confronto negozio/online, la fiducia. */
.aec .aec-thesis{background:#fff}
.aec .aec-thesis-head{max-width:860px}
.aec .aec-thesis-head .sub strong{color:var(--aec-ink)}
.aec .aec-thesis-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}
.aec .aec-thesis-compare article{padding:28px 32px;border:1px solid var(--line);border-radius:20px;background:var(--soft)}
.aec .aec-thesis-compare small{display:block;margin-bottom:12px;font-size:12px;line-height:1.6;letter-spacing:.09em;text-transform:uppercase;color:var(--aec-muted)}
.aec .aec-thesis-compare p{margin:0;font-size:clamp(20px,2vw,24px);line-height:1.4;letter-spacing:-.02em;color:var(--aec-ink)}
.aec .aec-thesis-compare .is-online{background:#101012;border-color:#101012}
.aec .aec-thesis-compare .is-online small{color:#ffab88}
.aec .aec-thesis-compare .is-online p{color:#f5f5f7}
.aec .aec-thesis-trust{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}
.aec .aec-thesis-trust p{margin:0;font-size:18px;line-height:1.7;color:var(--aec-muted)}
.aec .aec-thesis-trust .aec-thesis-trust-lead{font-size:clamp(28px,3.4vw,44px);line-height:1.15;letter-spacing:-.035em;font-weight:700;color:var(--aec-ink)}
.aec .aec-thesis-trust-lead span{color:var(--o)}

/* La barra della fiducia: il grafico e le tre fasi. */
.aec .aec-trust{background:var(--soft)}
.aec .aec-trust-head{max-width:900px}
.aec .aec-trust-chart{padding:20px}
.aec .aec-trust-chart svg{position:relative;display:block;width:100%;height:auto;font-family:inherit}
.aec-trust-zone{fill:#ffffff04}
.aec-trust-zone--pdp{fill:#ff5a1f0d}
.aec-trust-zone--checkout{fill:#ffffff08}
.aec-trust-max{fill:none;stroke:#ffffff26;stroke-width:1;stroke-dasharray:4 6}
.aec-trust-drop{fill:none;stroke:#ff8457;stroke-width:2;stroke-dasharray:5 6;opacity:0;transition:opacity .6s 1.4s}
.aec-trust-chart.is-visible .aec-trust-drop{opacity:.7}
.aec-trust-chart.is-visible .aec-law-curve{stroke-dashoffset:0}
.aec-trust-lead{fill:none;stroke:#ffffff59;stroke-width:1}
.aec .aec-trust-note{fill:#ededf1;font-size:15px;font-weight:600}
.aec .aec-trust-drop-label{fill:#ff8457;font-size:14px;font-weight:600}
.aec .aec-trust-zone-sub{fill:#a3a3ae;font-size:14px}
.aec .aec-trust-zone-labels .aec-law-label{font-size:17px}
@media(prefers-reduced-motion:reduce){.aec-trust-drop{transition:none;opacity:.7}}
.aec .aec-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:40px 0 0;padding:0;list-style:none}
.aec .aec-phases li{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}
.aec .aec-phases .is-checkout{background:#101012;border-color:#101012;color:#f5f5f7}
.aec .aec-phase-num{font-size:12px;line-height:1.6;letter-spacing:.09em;text-transform:uppercase;color:var(--aec-accent)}
.aec .aec-phases .is-checkout .aec-phase-num{color:#ffab88}
.aec .aec-phases h3{margin:16px 0 12px;font-size:23px;line-height:1.3;letter-spacing:-.02em}
.aec .aec-phases p{margin:0;font-size:17px;line-height:1.7;color:var(--aec-muted)}
.aec .aec-phases .is-checkout p{color:var(--aec-light)}
.aec .aec-phases .aec-phase-rule{margin-top:auto;padding-top:20px;font-weight:700;color:var(--aec-ink)}
.aec .aec-phases .is-checkout .aec-phase-rule{color:#fff}

/* I quattro pilastri. */
.aec .aec-foundations{background:#fff}
.aec .aec-foundations-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:40px 0 0;padding:0;list-style:none}
.aec .aec-foundations-grid li{padding-top:24px;border-top:2px solid var(--aec-ink)}
.aec .aec-foundation-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#ff5a1f14;color:var(--aec-accent)}
.aec .aec-foundation-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aec .aec-foundations-grid h3{margin:20px 0 10px;font-size:23px;line-height:1.3;letter-spacing:-.02em}
.aec .aec-foundations-grid p{margin:0;font-size:17px;line-height:1.7;color:var(--aec-muted)}

/* Da dove entra il cliente: tre barre, poi le perdite lungo il percorso. */
.aec .aec-entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:48px 0 0;padding:0;list-style:none}
.aec .aec-entries li{padding:28px;border:1px solid #ffffff1f;border-radius:20px;background:#ffffff05}
.aec .aec-entries .is-return{border-color:#ff8758;background:linear-gradient(150deg,#ff5a1f1c,transparent)}
.aec-meter{position:relative;height:10px;border-radius:99px;background:#ffffff14;overflow:hidden}
.aec-meter span{position:absolute;inset:0 auto 0 0;width:var(--fill);border-radius:inherit}
.aec-meter-ghost{border:1px dashed #ffffff4d;background:transparent}
.aec-meter-fill{background:var(--o);box-shadow:0 0 12px #ff5a1f80}
@supports (animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  .aec-meter-fill{animation:aec-meter linear both;animation-timeline:view();animation-range:entry 20% cover 45%}
  @keyframes aec-meter{from{width:0}to{width:var(--fill)}}
 }
}
.aec .aec-meter-cap{margin:12px 0 0;font-size:14px;line-height:1.6;color:#a3a3ae}
.aec .aec-meter-cap b{color:#f5f5f7}
.aec .aec-entries h3{margin:24px 0 12px;font-size:23px;line-height:1.3;letter-spacing:-.02em}
.aec .aec-entries li>p:last-child{margin:0;font-size:17px;line-height:1.7;color:var(--aec-light)}
.aec .aec-leak--entries{margin-top:64px}

/* La sintesi: la frase che porta all'offerta. */
.aec .aec-synthesis{background:#f7f3ee}
.aec .aec-synthesis-in{max-width:880px;margin:0 auto}
.aec main .aec-synthesis-quote{margin:0 0 28px;font-size:clamp(28px,3.6vw,46px);line-height:1.22;letter-spacing:-.035em}
.aec .aec-synthesis-quote span{color:var(--aec-accent)}
.aec .aec-synthesis-in>p{margin:0 0 16px;font-size:19px;line-height:1.7;color:var(--aec-ink);max-width:68ch}
.aec .aec-synthesis-in .aec-synthesis-note{font-size:16px;font-style:italic;color:var(--aec-muted)}
.aec .aec-synthesis-bridge{margin-top:40px;padding:32px;border-radius:24px;background:#101012;color:#f5f5f7}
.aec .aec-synthesis-bridge p{margin:0 0 24px;font-size:18px;line-height:1.7;color:var(--aec-light)}
.aec .aec-synthesis-bridge strong{color:#fff}
.aec .aec-synthesis-bridge .dfy-actions{justify-content:flex-start;margin:0;gap:16px 28px}
.aec .aec-synthesis-more{font-size:15px;color:#dedee4;text-decoration:underline;text-underline-offset:4px}

@media(max-width:900px){
 .aec .aec-phases,.aec .aec-entries{grid-template-columns:1fr}
 .aec .aec-foundations-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
 .aec .aec-thesis-trust{grid-template-columns:1fr;gap:16px}
}
@media(max-width:600px){
 .aec .aec-thesis-compare{grid-template-columns:1fr;gap:12px;margin-top:36px}
 .aec .aec-thesis-compare article{padding:24px}
 .aec .aec-trust-chart{padding:20px 12px}
 .aec .aec-trust-chart svg text{display:none}
 .aec .aec-foundations-grid{grid-template-columns:1fr}
 .aec :is(.aec-phases li,.aec-entries li,.aec-synthesis-bridge){padding:24px}
}

/* ═══ Il percorso di 12 mesi (dal 10 nov 2026) ═══
   Le porte di uscita aprono la loro sezione: niente filetto sopra.
   Il rifacimento ha due strade, a step o massivo: due colonne, con
   parole al posto dei numeri. */
.aec .aec-leak--first{margin-top:0;padding-top:0;border-top:0}
.aec .aec-leak--first .h2{margin:0 0 20px}
.learning-together-hours.aec-pillars--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.aec .aec-pillars--two .learning-together-amount{font-size:clamp(36px,4.2vw,52px);color:#ffab88}
@media(max-width:800px){.learning-together-hours.aec-pillars--two{grid-template-columns:1fr}}

/* Modale dei prezzi (#prezzi): si apre dalle CTA «prezzi e percorso».
   Lettera breve, la forbice di prezzo in evidenza, firma e prenotazione. */
html.aec-price-open{overflow:hidden}
.aec .aec-price{width:min(640px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:0;border:1px solid #ffffff1f;border-radius:20px;background:#0d0d0f;color:#dadae0;box-shadow:0 30px 90px #000a;overflow:auto;overscroll-behavior:contain}
.aec .aec-price::backdrop{background:#000000c4;backdrop-filter:blur(4px)}
.aec .aec-price-close-form{position:sticky;top:0;display:flex;justify-content:flex-end;height:0;margin:0}
.aec .aec-price-close{display:grid;place-items:center;width:44px;height:44px;margin:12px 12px 0 0;border:1px solid #ffffff26;border-radius:50%;background:#141416;color:#ededf1;font:inherit;font-size:24px;line-height:1;cursor:pointer}
.aec .aec-price-close:hover{border-color:#ff8758;color:#ff8758}
.aec .aec-price-body{padding:44px clamp(22px,5vw,48px) 40px}
.aec .aec-price .label{margin-bottom:14px}
.aec .aec-price h2:not(.hcc h2){margin:0 0 22px;color:#f5f5f7;font-size:clamp(26px,3.4vw,36px);line-height:1.15;letter-spacing:-.035em;font-weight:750;text-wrap:balance}
.aec .aec-price h2:not(.hcc h2) em{font-style:normal;color:#ff8758}
.aec .aec-price p:not(.hcc p){margin:0 0 16px;font-size:16px;line-height:1.7;text-wrap:pretty}
.aec .aec-price-range{display:grid;gap:6px;margin:26px 0;padding:22px 24px;border:1px solid #ff5a1f55;border-radius:14px;background:linear-gradient(135deg,#ff5a1f1a,#ff5a1f05)}
.aec .aec-price-range span{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#c6c6ce}
.aec .aec-price-range strong{color:#fff;font-size:clamp(26px,3.6vw,34px);line-height:1.2;letter-spacing:-.03em;font-weight:800}
.aec .aec-price-range small{font-size:14px;line-height:1.6;color:#cdcdd4}
.aec .aec-price-pivot{color:#ededf1;font-weight:600}
.aec .aec-price-sign{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:26px 0 28px}
.aec .aec-price-sign img{width:180px;height:auto}
.aec .aec-price-sign span{font-size:13px;color:#a8a8b2}
.aec .aec-price .btn{display:inline-flex;justify-content:center;max-width:100%;min-height:52px;padding:16px 26px;font-size:16px;background:var(--o);color:#17100c}
.aec .aec-price .btn:hover{background:#ff8758}
.aec .aec-price a:focus-visible,.aec .aec-price button:focus-visible{outline:3px solid #fff;outline-offset:4px}
/* Prezzo sfocato finché non si clicca «Mostrami il prezzo»: il blur si
   scioglie con una dissolvenza leggera, il pulsante sparisce. */
.aec .aec-price-reveal{position:relative;display:grid;align-items:center;justify-items:start}
.aec .aec-price-reveal>*{grid-area:1/1}
.aec .aec-price-amount{filter:blur(12px);opacity:.75;user-select:none;transition:filter 700ms ease,opacity 700ms ease}
.aec .aec-price-amount:focus{outline:none}
.aec .aec-price-show{position:relative;z-index:1;min-height:44px;padding:10px 20px;border:1px solid #ff8758;border-radius:999px;background:#0d0d0fe6;color:#ff8758;font:inherit;font-size:15px;font-weight:650;cursor:pointer;transition:opacity 400ms ease,visibility 0s linear 400ms,background 200ms ease,color 200ms ease}
.aec .aec-price-show:hover{background:var(--o);border-color:var(--o);color:#17100c}
.aec .aec-price.is-revealed .aec-price-amount{filter:none;opacity:1;user-select:auto}
.aec .aec-price.is-revealed .aec-price-show{opacity:0;visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.aec .aec-price-amount,.aec .aec-price-show{transition:none}}
@media(max-width:520px){.aec .aec-price .btn{width:100%}}
/* Desktop: modale largo su due colonne, la lettera a sinistra e prezzo,
   firma e prenotazione a destra, così sta tutto in pagina senza scorrere.
   Sotto i 900px resta una colonna sola, nell'ordine del testo. */
@media(min-width:900px){
 .aec .aec-price{width:min(1080px,calc(100% - 64px))}
 .aec .aec-price-body{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;align-items:start;padding:44px 52px 40px}
 .aec .aec-price-letter{align-self:stretch;padding-right:28px;margin-right:-28px;border-right:1px solid #ffffff14}
 .aec .aec-price-letter p:last-child,.aec .aec-price-offer p:last-child{margin-bottom:0}
 .aec .aec-price-range{margin:0 0 22px}
 .aec .aec-price-sign{margin:20px 0 22px}
 .aec .aec-price-sign img{width:150px}
}
@media(min-width:900px) and (max-height:760px){
 .aec .aec-price-body{padding:34px 44px 30px}
 .aec .aec-price p:not(.hcc p){font-size:15px;line-height:1.6;margin-bottom:12px}
 .aec .aec-price h2:not(.hcc h2){margin-bottom:16px}
 .aec .aec-price-range{padding:18px 20px;margin-bottom:16px}
 .aec .aec-price-sign{margin:14px 0 16px}
 .aec .aec-price-sign img{width:130px}
}
@media(prefers-reduced-motion:no-preference){.aec .aec-price[open]{animation:aec-price-in 260ms cubic-bezier(.22,1,.36,1)}}
@keyframes aec-price-in{from{opacity:0;transform:translateY(14px)}}

/* Flusso prezzi (solo eCommerce, .aec-flow): step 1 prezzo e invito,
   step 2 modulo di qualificazione → Calendly o messaggio. Stesso dialog,
   gli step si alternano con una dissolvenza breve. */
.aec .aec-flow-step[hidden],.aec .aec-flow-pane[hidden],.aec .aec-flow [hidden]{display:none!important}
.aec .aec-flow .is-entering{animation:aec-flow-in 280ms cubic-bezier(.22,1,.36,1)}
@keyframes aec-flow-in{from{opacity:0;transform:translateY(8px)}}
.aec .aec-flow h2:focus{outline:none}
.aec .aec-flow .aec-price-amount{filter:none;opacity:1;user-select:auto}
.aec .aec-flow-call{margin-top:26px;padding-top:22px;border-top:1px solid #ffffff14}
.aec .aec-flow-call h3{margin:0 0 12px;color:#f5f5f7;font-size:17px;font-weight:750;letter-spacing:-.01em}
.aec .aec-flow-call ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.aec .aec-flow-call li{position:relative;padding-left:22px;font-size:15px;line-height:1.6}
.aec .aec-flow-call li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--o)}
/* La promessa al posto del prezzo (eCommerce, dal 10 nov 2026) */
.aec .aec-flow-promise ul{display:grid;gap:12px;margin:6px 0 0;padding:0;list-style:none}
.aec .aec-flow-promise li{position:relative;padding-left:26px;color:#dadae0;font-size:15px;line-height:1.6}
.aec .aec-flow-promise li::before{content:"✓";position:absolute;left:0;top:0;color:var(--o);font-weight:800}
.aec .aec-flow-promise strong{color:#fff;font-size:inherit;line-height:inherit;letter-spacing:normal;font-weight:700}
.aec .aec-flow-note{margin:-10px 0 20px!important;font-size:14px!important;line-height:1.55!important;color:#c6c6ce}
.aec .aec-flow-cta{display:grid;justify-items:start;gap:10px}
.aec .aec-flow-cta .btn{border:0;font:inherit;font-weight:800;cursor:pointer}
.aec .aec-flow-cta small{font-size:13px;color:#a8a8b2}

/* Step 2 */
.aec .aec-flow-qualify{max-width:640px;margin:0 auto;padding:22px clamp(22px,5vw,48px) 40px}
.aec .aec-flow-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0 0 14px;padding:0 4px;border:0;background:none;color:#dadae0;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.aec .aec-flow-back:hover{color:#ff8758}
.aec .aec-flow-qualify h2:not(.hcc h2){margin-bottom:10px}
.aec .aec-flow-sub{color:#c6c6ce;margin-bottom:26px!important}
.aec .aec-q{display:grid;gap:22px}
.aec .aec-q-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.aec .aec-q-field{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0}
.aec .aec-q-field>span,.aec .aec-q-field legend{padding:0;margin-bottom:2px;color:#f5f5f7;font-size:14px;font-weight:650}
.aec .aec-q-field input[type=text],.aec .aec-q-field input[type=email],.aec .aec-q-field input[type=url]{width:100%;min-height:52px;padding:12px 16px;border:1px solid #ffffff2e;border-radius:12px;background:#151518;color:#fff;font:inherit;font-size:16px}
.aec .aec-q-field input::placeholder{color:#8e8e98}
.aec .aec-q-field input:focus{outline:none;border-color:#ff8758;box-shadow:0 0 0 3px #ff5a1f40}
.aec .aec-q-field.is-invalid input,.aec .aec-q-field.is-invalid .aec-q-option span{border-color:#ff6b6b}
.aec .aec-q-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.aec .aec-q-option{position:relative;display:block;cursor:pointer}
.aec .aec-q-option input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.aec .aec-q-option span{display:flex;align-items:center;min-height:52px;height:100%;padding:12px 16px;border:1px solid #ffffff2e;border-radius:12px;background:#151518;color:#dadae0;font-size:15px;line-height:1.35;transition:border-color 150ms ease,background 150ms ease,color 150ms ease}
.aec .aec-q-option:hover span{border-color:#ffffff5c}
.aec .aec-q-option input:checked+span{border-color:var(--o);background:#ff5a1f1f;color:#fff;font-weight:650}
.aec .aec-q-option input:focus-visible+span{outline:3px solid #fff;outline-offset:2px}
.aec .aec-q-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aec .aec-q-error{margin:0!important;padding:12px 16px;border-radius:12px;background:#ff6b6b1a;color:#ffb3b3;font-size:15px!important}
.aec .aec-q-submit{justify-self:start;border:0;font:inherit;font-weight:800;cursor:pointer}
.aec .aec-q-submit.is-loading{opacity:.6;cursor:progress}
.aec .aec-flow-iframe iframe{display:block;width:100%;height:700px;border:0;border-radius:14px;background:#fff}
.aec .aec-flow-message p{font-size:17px}

/* Sotto i 900px una colonna sola, nell'ordine pensato per il telefono:
   etichetta, titolo, prezzo, cosa succede nella call, testi, firma,
   pulsante (fisso in basso). Le due colonne si «sciolgono» con
   display:contents e l'ordine lo decide order. */
@media(max-width:899px){
 .aec .aec-flow .aec-price-body{display:flex;flex-direction:column}
 .aec .aec-flow .aec-price-col{display:contents}
 .aec .aec-flow .label{order:1}
 .aec .aec-flow #aec-price-title{order:2}
 .aec .aec-flow .aec-price-range{order:3;margin:0 0 22px}
 .aec .aec-flow .aec-flow-note{order:3;margin:-8px 0 22px!important}
 .aec .aec-flow .aec-flow-call{order:4;margin:0 0 24px;padding:0}
 .aec .aec-flow .aec-flow-intro,.aec .aec-flow .aec-flow-text,.aec .aec-flow .aec-price-pivot{order:5}
 .aec .aec-flow .aec-price-sign{order:6}
 .aec .aec-flow .aec-flow-cta{order:7;position:sticky;bottom:0;z-index:2;justify-items:stretch;margin:0 calc(-1 * clamp(22px,5vw,48px)) -40px;padding:16px clamp(22px,5vw,48px) max(16px,env(safe-area-inset-bottom));background:linear-gradient(#0d0d0f00,#0d0d0f 22%);text-align:center}
 .aec .aec-flow .aec-flow-cta .btn{width:100%}
}
/* Telefono: modale a schermo intero, un campo per riga. */
@media(max-width:700px){
 .aec .aec-flow{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;border:0;border-radius:0}
 .aec .aec-flow .aec-price-body{padding-top:56px}
 .aec .aec-q-row{grid-template-columns:1fr}
 .aec .aec-q-options{grid-template-columns:1fr}
 .aec .aec-q-submit{justify-self:stretch}
 .aec .aec-flow-iframe iframe{height:calc(100svh - 170px);min-height:560px}
}
@media(min-width:900px){
 .aec .aec-flow[data-step="2"]{width:min(760px,calc(100% - 64px))}
}
@media(prefers-reduced-motion:reduce){.aec .aec-flow .is-entering{animation:none}}

/* La cover racconta la storia in sequenza (solo .aec-hero-clean):
   1. 0 ms      la scena: la foto emerge dal buio e si assesta;
   2. 120 ms    il contesto: «Percorso completo · 12 mesi · Solo WooCommerce»;
   3. 220 ms    il titolo si scrive (done-for-you.js, finisce a ~1720 ms);
   4. 1500 ms   primo tempo: «Prima sistemiamo il negozio.»;
   5. 1950 ms   secondo tempo: «Poi il marketing moltiplica le vendite.»,
                e a 2400 ms una linea arancione sottolinea «moltiplica le vendite»;
   6. 2500 ms   chi sono e cosa facciamo per 12 mesi;
   7. 2800 ms   l'invito: il pulsante arriva e fa un solo respiro di luce;
   8. 3050 ms   le prove, una voce alla volta.
   Con movimento ridotto tutto è subito visibile. */
.aec .aec-hero-clean h2.aec-hero-promise .aec-beat{display:block}
.aec .aec-hero-clean h2.aec-hero-promise .aec-beat-mark{white-space:normal;background:linear-gradient(#ff8758,#ff8758) no-repeat 0 100%/100% 2px;padding-bottom:.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@keyframes aec-photo-in{from{opacity:0;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}
@keyframes aec-mark-draw{from{background-size:0 2px}to{background-size:100% 2px}}
@keyframes aec-cta-glow{0%{box-shadow:0 0 0 0 #ff5a1f00}40%{box-shadow:0 0 0 10px #ff5a1f2e}100%{box-shadow:0 0 0 18px #ff5a1f00}}
@media(prefers-reduced-motion:no-preference){
 .aec .aec-hero-clean .hero-photo{overflow:hidden}
 .aec .aec-hero-clean .hero-photo img{animation:aec-photo-in 1800ms cubic-bezier(.22,1,.36,1) both}
 .aec .aec-hero-clean .hero-kicker{animation:hero-fade 600ms ease-out 120ms backwards}
 .aec .aec-hero-clean h2.aec-hero-promise{animation:none}
 .aec .aec-hero-clean .aec-beat-1{animation:hero-arrive 650ms cubic-bezier(.22,1,.36,1) 1500ms backwards}
 .aec .aec-hero-clean .aec-beat-2{animation:hero-arrive 650ms cubic-bezier(.22,1,.36,1) 1950ms backwards}
 .aec .aec-hero-clean h2.aec-hero-promise .aec-beat-mark{animation:aec-mark-draw 600ms cubic-bezier(.65,0,.35,1) 2400ms backwards}
 .aec .aec-hero-clean .hero-sub{animation:hero-arrive 650ms cubic-bezier(.22,1,.36,1) 2500ms backwards}
 .aec .aec-hero-clean .dfy-actions{animation:hero-arrive 550ms cubic-bezier(.22,1,.36,1) 2800ms backwards}
 .aec .aec-hero-clean .dfy-actions .btn{animation:aec-cta-glow 1200ms ease-out 3400ms 1 backwards}
 .aec .aec-hero-clean .aec-hero-facts{animation:none}
 .aec .aec-hero-clean .aec-hero-facts li{animation:hero-arrive 500ms cubic-bezier(.22,1,.36,1) backwards}
 .aec .aec-hero-clean .aec-hero-facts li:nth-child(1){animation-delay:3050ms}
 .aec .aec-hero-clean .aec-hero-facts li:nth-child(2){animation-delay:3150ms}
 .aec .aec-hero-clean .aec-hero-facts li:nth-child(3){animation-delay:3250ms}
 .aec .aec-hero-clean .aec-hero-facts li:nth-child(4){animation-delay:3350ms}
 .aec .aec-hero-clean .aec-hero-facts li:nth-child(5){animation-delay:3450ms}
 .aec .aec-hero-clean .dfy-actions:focus-within,.aec .aec-hero-clean .dfy-actions:focus-within .btn,.aec .aec-hero-clean .aec-hero-facts li:focus-within{animation:none}
}

/* CTA intermedie lungo la pagina: una frase legata alla sezione e lo
   stesso pulsante «prezzi e percorso» (apre il modale #prezzi).
   Centrate di default; .is-left dentro una colonna, .is-dark su fondo nero. */
.aec .aec-inline-cta{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:680px;margin:56px auto 0;text-align:center}
.aec .aec-inline-cta p{margin:0;font-size:clamp(18px,1.6vw,21px);line-height:1.45;letter-spacing:-.015em;font-weight:650;color:inherit;text-wrap:balance}
.aec .aec-inline-cta .btn{max-width:100%;min-height:52px;padding:16px 26px;font-size:16px;line-height:1.4;text-align:center;background:var(--o);color:#17100c;box-shadow:none}
.aec .aec-inline-cta .btn:hover{background:#ff8758}
.aec .aec-inline-cta.is-left{align-items:flex-start;margin:36px 0 0;text-align:left}
.aec .aec-inline-cta.is-dark p{color:#f5f5f7}
@media(max-width:480px){.aec .aec-inline-cta{margin-top:40px}.aec .aec-inline-cta .btn{width:100%;padding:15px 16px}}