/* --- Pagina bianca: colore sulla radice, le righe restano trasparenti per il cambio colore --- */
html,html body{background-color:#fff!important}
.awld-riga.vc_row{margin-bottom:0}
html body .vc_row.awld-riga .wpb_text_column{margin-bottom:0}
.awld{--nero:#1d1d1f;--grigio:#6e6e73;--tessera:#f5f5f7;--linea:#d2d2d7;color:var(--nero);font-family:"Graphik",Helvetica,Arial,sans-serif;padding:clamp(64px,8vw,120px) 16px;max-width:1240px;margin:0 auto;box-sizing:border-box}
.awld *,.awld *::before,.awld *::after{box-sizing:border-box}
html body .awld p,html body .awld li{color:var(--grigio);font-size:clamp(17px,1.5vw,21px);line-height:1.45;letter-spacing:-.012em;margin:0}
html body .awld p b,html body .awld p strong,html body .awld li strong{color:var(--nero);font-weight:500;font-size:inherit;line-height:inherit;letter-spacing:inherit}
html body .awld h1,html body .awld h2,html body .awld h3{color:var(--nero);margin:0;padding:0;text-transform:none;font-family:inherit;font-weight:500}
html body .awld h1{font-size:clamp(44px,7vw,104px);line-height:1;letter-spacing:-.04em}
html body .awld h2{font-size:clamp(36px,5.2vw,76px);line-height:1.05;letter-spacing:-.035em}
html body .awld h3{font-size:clamp(21px,1.75vw,26px);line-height:1.15;letter-spacing:-.02em}
html body .awld h3.awld-h3-grande{font-size:clamp(30px,3.6vw,52px);line-height:1.08;letter-spacing:-.03em}
.awld a{color:inherit}
html body .awld p a:not(.awld-btn),html body .awld li a{color:var(--nero);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.awld-testa{text-align:center;max-width:900px;margin:0 auto}
.awld-testa p{margin-top:clamp(18px,2vw,28px)!important}
html body .awld .awld-occhiello{font-size:clamp(14px,1.1vw,17px);font-weight:500;color:var(--nero);margin:0 0 14px;letter-spacing:-.005em}
html body .awld .awld-lead{font-size:clamp(20px,2vw,28px);line-height:1.3;letter-spacing:-.018em;color:var(--nero)}
.awld-azioni{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:clamp(26px,3vw,40px)}
.awld-azioni--sx{justify-content:flex-start}
.awld .awld-btn{display:inline-block;padding:13px 26px;border-radius:300px;background:#121212;color:#fff;font-size:11px;font-weight:300;line-height:14px;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;transition:transform .3s cubic-bezier(.2,.7,.2,1),background .2s}
.awld .awld-btn--chiaro{background:var(--tessera);color:var(--nero)}
@media (hover:hover){.awld .awld-btn:hover{transform:scale(1.04)}}

/* --- Testa: landing disegnata in codice, si raddrizza allo scorrimento --- */
.awld.awld--eroe{padding-top:clamp(110px,10vw,150px);padding-bottom:clamp(48px,6vw,96px)}
.awld-vetrina-wrap{position:relative;max-width:1080px;margin:clamp(40px,4.4vw,64px) auto 0;perspective:1800px}
.awld-vetrina{transform-origin:50% 100%;will-change:transform}
.awld-mock--vetrina{box-shadow:0 0 0 1px rgba(0,0,0,.06),0 50px 120px -30px rgba(0,0,0,.28)}
.awld-v-eroe{margin:clamp(10px,1.2vw,16px);border-radius:clamp(12px,1.4vw,18px);background:radial-gradient(120% 140% at 85% 0%,#3a3a40 0%,#161618 55%,#0d0d0d 100%);padding:clamp(24px,4.4vw,64px) clamp(20px,4vw,56px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(18px,3.4vw,48px);align-items:center}
.awld-v-testi{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(10px,1.2vw,16px)}
.awld-mock em.awld-v-occ{font-style:normal;font-size:clamp(11px,.95vw,13px);color:rgba(255,255,255,.62);letter-spacing:.01em}
.awld-mock b.awld-v-tit{display:block;font-size:clamp(26px,4.2vw,58px);line-height:1;letter-spacing:-.04em;font-weight:500;color:#fff}
.awld-mock em.awld-v-sub{font-style:normal;font-size:clamp(12px,1.15vw,16px);line-height:1.4;color:rgba(255,255,255,.7);max-width:34ch}
.awld-v-btn{display:inline-block;background:#fff;color:#121212;border-radius:300px;font-size:clamp(11px,.95vw,13px);line-height:1;padding:12px 20px;font-weight:500;margin-top:4px}
.awld-v-modulo{background:#fff;border-radius:clamp(12px,1.2vw,16px);padding:clamp(14px,1.8vw,24px);display:flex;flex-direction:column;gap:8px}
.awld-v-modulo b{font-size:clamp(13px,1.15vw,16px);font-weight:500;color:#1d1d1f;margin-bottom:4px}
.awld-v-riga{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);padding:clamp(6px,.8vw,10px) clamp(10px,1.2vw,16px) clamp(16px,2vw,26px)}
.awld-v-tile{display:flex;flex-direction:column;gap:8px;background:var(--awld-sup,#f5f5f7);border-radius:12px;padding:clamp(12px,1.4vw,18px)}
.awld-v-tile i{width:28px;height:28px;border-radius:8px;background:#dedee4;margin-bottom:4px}
.awld-v-tile u,.awld-ui u{display:block;height:9px;border-radius:5px;background:#e4e4e9;text-decoration:none}
.awld-v-tile u+u{width:60%}
/* notifiche che galleggiano attorno alla pagina */
.awld-fluttua{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;padding:11px 16px 11px 11px;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 20px 44px -14px rgba(0,0,0,.28);font-size:13px;line-height:1.25;color:#1d1d1f;white-space:nowrap}
.awld-fluttua b{display:block;font-weight:500}
.awld-fluttua span{color:#6e6e73}
.awld-fluttua--1{right:-3%;top:18%}
.awld-fluttua--2{left:-5%;bottom:20%}
.awld-fluttua--3{right:6%;bottom:-5%}
.awld-ic{flex:none;width:30px;height:30px;border-radius:9px;background:#121212;position:relative;display:inline-block}
.awld-ic-ok::after{content:"";position:absolute;left:9px;top:10px;width:11px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.awld-ic-mail::after{content:"";position:absolute;left:8px;top:10px;width:14px;height:10px;border:1.6px solid #fff;border-radius:2px}
.awld-ic-mail::before{content:"";position:absolute;left:11px;top:8px;width:8px;height:8px;border-right:1.6px solid #fff;border-bottom:1.6px solid #fff;transform:rotate(45deg)}
.awld-ic-ordine::after{content:"";position:absolute;left:9px;top:11px;width:12px;height:11px;border:1.6px solid #fff;border-radius:2px 2px 3px 3px}
.awld-ic-ordine::before{content:"";position:absolute;left:12px;top:7px;width:6px;height:6px;border:1.6px solid #fff;border-bottom:0;border-radius:4px 4px 0 0}

/* --- Usi: quattro riquadri, ognuno con la sua interfaccia --- */
.awld.awld--usi{padding-top:clamp(40px,5vw,72px)}
.awld-usi{display:flex;gap:clamp(12px,1.4vw,20px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:0}
.awld-usi::-webkit-scrollbar{display:none}
/* il binario arriva al bordo destro dello schermo, la prima card resta allineata al testo */
html.awld-on .awld-usi{margin-right:calc(-1 * max(16px,(100vw - 1240px) / 2 + 16px));padding-right:max(16px,(100vw - 1240px) / 2 + 16px);scroll-padding-right:max(16px,(100vw - 1240px) / 2 + 16px)}
.awld-usi>.awld-uso{flex:0 0 min(560px,44%);scroll-snap-align:start}
.awld-car-frecce{display:flex;justify-content:flex-end;gap:12px;margin-top:clamp(18px,2vw,28px)}
.awld .awld-car-f{width:44px;height:44px;border-radius:50%;border:0;padding:0;background:var(--tessera);cursor:pointer;position:relative;transition:background .2s,opacity .2s}
.awld .awld-car-f::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-right:2px solid var(--nero);border-bottom:2px solid var(--nero);transform:translate(-65%,-50%) rotate(-45deg)}
.awld .awld-car-f--prev::after{transform:translate(-35%,-50%) rotate(135deg)}
.awld .awld-car-f:disabled{opacity:.35;cursor:default}
@media (hover:hover){.awld .awld-car-f:not(:disabled):hover{background:#e8e8ed}}
.awld-usi:focus-visible{outline:2px solid var(--nero);outline-offset:4px;border-radius:24px}
.awld-uso{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(28px,3vw,44px);background:var(--tessera);border-radius:clamp(22px,2.4vw,36px);padding:clamp(28px,3.6vw,56px);overflow:hidden}
.awld-uso-testi{display:flex;flex-direction:column;gap:12px;max-width:440px}
html body .awld .awld-uso h3{font-size:clamp(28px,3vw,44px);line-height:1.05;letter-spacing:-.03em}
html body .awld .awld-uso p{font-size:clamp(17px,1.35vw,19px)}
.awld-uso-vis{display:flex;justify-content:center}
.awld-ui{width:100%;max-width:340px;background:#fff;border-radius:20px;padding:20px;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 24px 60px -24px rgba(0,0,0,.2);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:12px;color:#1d1d1f;position:relative}
.awld-ui>*{grid-column:1/-1}
.awld-ui b.awld-ui-tit{font-size:15px;font-weight:500;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}
.awld-ui .awld-cta{margin-top:6px}
.awld-ui .awld-slot{grid-column:auto;text-align:center;border-radius:10px;background:var(--awld-sup,#f5f5f7);line-height:36px;transition:background .4s,color .4s}
.awld-ui .awld-slot--sel{background:#121212;color:#fff}
.awld-foto{display:block;position:relative;height:150px;border-radius:14px;background:var(--awld-foto,linear-gradient(160deg,#f1f1f4,#dcdce2));overflow:hidden}
.awld-foto i{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0%,#c9c9d1 45%,#8e8e96 100%);box-shadow:0 22px 30px -12px rgba(0,0,0,.35);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.awld-foto em{position:absolute;left:12px;top:12px;font-style:normal;font-size:11px;background:#121212;color:#fff;border-radius:300px;padding:5px 10px}
.awld-ui--prodotto u{width:70%}
.awld-campo--pieno{color:#1d1d1f!important}
.awld-ok{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:6px;transition:opacity .5s,transform .5s}
.awld-ok .awld-ic{width:22px;height:22px;border-radius:7px}
.awld-ok .awld-ic-ok::after{left:6px;top:7px;width:9px;height:5px}
.awld-ui-carrello em{font-style:normal;font-size:11px;min-width:22px;line-height:22px;text-align:center;border-radius:300px;background:#121212;color:#fff;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.awld-riga-ord{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f3}
.awld-riga-ord i{width:44px;height:44px;border-radius:10px;background:linear-gradient(160deg,#ececf0,#d6d6dc)}
.awld-riga-ord em{font-style:normal;color:#6e6e73}
/* stato iniziale solo con l'animazione: senza JS si vede tutto completo */
.awld-on .awld-anima:not(.awld-vivo) .awld-slot--sel{background:var(--awld-sup,#f5f5f7);color:#1d1d1f}
.awld-on .awld-anima .awld-slot--sel{transition-delay:.5s}
.awld-on .awld-anima:not(.awld-vivo) .awld-foto i{transform:translateY(30px) scale(.7)}
.awld-on .awld-anima:not(.awld-vivo) .awld-ok{opacity:0;transform:translateY(6px)}
.awld-on .awld-anima .awld-ok{transition-delay:.7s}
.awld-on .awld-anima:not(.awld-vivo) .awld-ui-carrello em{transform:scale(0)}
.awld-on .awld-anima .awld-ui-carrello em{transition-delay:.6s}

/* --- Cos'e': definizione grande che si accende parola per parola --- */
.awld.awld-cose{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.awld-cose-sx{position:sticky;top:120px}
html body .awld .awld-parole{font-size:clamp(24px,2.5vw,38px);line-height:1.22;letter-spacing:-.025em;font-weight:500;color:var(--nero);margin:0!important}
.awld-parole .awld-w{display:inline}
.awld-cose-testo{margin-top:clamp(32px,3.4vw,52px)}
html body .awld .awld-cose-testo p{font-size:clamp(17px,1.35vw,19px)}
@media (max-width:767px){.awld.awld-cose{grid-template-columns:minmax(0,1fr);gap:24px}.awld-cose-sx{position:static}}

/* --- Riquadri disegnati accanto al testo: flusso dei canali ed editor --- */
.awld-fig--vis{position:relative;padding:clamp(20px,3vw,44px);display:flex;align-items:center;justify-content:center;overflow:visible;aspect-ratio:1/1}
.awld-flusso-svg{width:100%;height:auto;overflow:visible;font-family:"Graphik",Helvetica,Arial,sans-serif}
.awld-f-base{fill:none;stroke:#d2d2d7;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:0}
.awld-f-scorre{fill:none;stroke:#1d1d1f;stroke-width:2;stroke-linecap:round;stroke-dasharray:2 14;animation:awld-scorre 1.4s linear infinite}
@keyframes awld-scorre{to{stroke-dashoffset:-32}}
.awld-f-fonte rect{fill:#fff;filter:drop-shadow(0 6px 14px rgba(0,0,0,.08))}
.awld-f-fonte circle{fill:#1d1d1f}
.awld-f-fonte text{font-size:16px;fill:#1d1d1f;font-weight:500}
.awld-f-card{fill:#fff;filter:drop-shadow(0 18px 30px rgba(0,0,0,.14))}
.awld-f-sep{stroke:#ececf0;stroke-width:1}
.awld-f-pagina circle{fill:#dcdce1}
.awld-f-sk{fill:#ececf0}
.awld-f-campo{fill:#f5f5f7}
.awld-f-btn{fill:#121212}
.awld-f-btxt{fill:#fff;font-size:12px;font-weight:500;text-anchor:middle}
.awld-f-pagina{transform-box:fill-box;transform-origin:50% 50%;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s}
.awld-fluttua--flusso{right:clamp(8px,3vw,36px);top:clamp(14px,6%,48px)}
.awld-on .awld-flusso:not(.awld-vivo) .awld-f-base{stroke-dashoffset:1}
.awld-on .awld-flusso .awld-f-base{transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}
.awld-on .awld-flusso:not(.awld-vivo) .awld-f-scorre{opacity:0}
.awld-on .awld-flusso .awld-f-scorre{transition:opacity .4s 1.1s}
.awld-on .awld-flusso:not(.awld-vivo) .awld-f-pagina{opacity:0;transform:scale(.9)}
.awld-on .awld-flusso .awld-f-pagina{transition-delay:.5s}
.awld-on .awld-flusso .awld-fluttua{transition:opacity .5s 1.6s,transform .5s 1.6s}
.awld-on .awld-flusso:not(.awld-vivo) .awld-fluttua{opacity:0;transform:translateY(-10px)}
.awld-editor{width:100%;max-width:420px;background:#fff;border-radius:20px;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 30px 70px -26px rgba(0,0,0,.22);overflow:hidden;font-size:14px;color:#1d1d1f}
.awld-ed-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f3}
.awld-ed-bar b{font-weight:500;font-size:15px}
.awld-ed-pub{background:#121212;color:#fff;border-radius:300px;font-size:12px;padding:8px 14px}
.awld-ed-b{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:13px 20px;border-bottom:1px solid #f5f5f7}
.awld-ed-ico{width:30px;height:30px;border-radius:9px;background:var(--awld-sk2,#f0f0f3)}
.awld-sw{position:relative;width:38px;height:22px;border-radius:300px;background:#121212;transition:background .35s}
.awld-sw::after{content:"";position:absolute;top:2px;left:18px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .35s cubic-bezier(.3,1.3,.5,1)}
.awld-ed-nota{display:flex;align-items:center;gap:10px;padding:14px 20px;color:#6e6e73;font-size:13px;transition:opacity .5s}
.awld-ed-nota .awld-ic{width:22px;height:22px;border-radius:7px}
.awld-ed-nota .awld-ic-ok::after{left:6px;top:7px;width:9px;height:5px}
.awld-on .awld-anima:not(.awld-vivo) .awld-sw{background:#d9d9de}
.awld-on .awld-anima:not(.awld-vivo) .awld-sw::after{left:2px}
.awld-on .awld-anima .awld-ed-b:nth-child(2) .awld-sw,.awld-on .awld-anima .awld-ed-b:nth-child(2) .awld-sw::after{transition-delay:.3s}
.awld-on .awld-anima .awld-ed-b:nth-child(3) .awld-sw,.awld-on .awld-anima .awld-ed-b:nth-child(3) .awld-sw::after{transition-delay:.5s}
.awld-on .awld-anima .awld-ed-b:nth-child(4) .awld-sw,.awld-on .awld-anima .awld-ed-b:nth-child(4) .awld-sw::after{transition-delay:.7s}
.awld-on .awld-anima .awld-ed-b:nth-child(5) .awld-sw,.awld-on .awld-anima .awld-ed-b:nth-child(5) .awld-sw::after{transition-delay:.9s}
.awld-on .awld-anima .awld-ed-b:nth-child(6) .awld-sw,.awld-on .awld-anima .awld-ed-b:nth-child(6) .awld-sw::after{transition-delay:1.1s}
.awld-on .awld-anima .awld-ed-b:nth-child(7) .awld-sw,.awld-on .awld-anima .awld-ed-b:nth-child(7) .awld-sw::after{transition-delay:1.3s}
.awld-on .awld-anima:not(.awld-vivo) .awld-ed-nota{opacity:0}
.awld-on .awld-anima .awld-ed-nota{transition-delay:1.7s}

/* --- Testo e figura affiancati --- */
.awld-due{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.awld-due--inv .awld-fig{order:2}
.awld-fig{margin:0;background:var(--tessera);border-radius:clamp(22px,2.4vw,36px);overflow:hidden}
.awld-fig img{display:block;width:100%;height:auto}
.awld-due-testi{display:flex;flex-direction:column;gap:clamp(16px,1.6vw,22px)}
html body .awld .awld-due-testi p{font-size:clamp(17px,1.35vw,19px)}
html body .awld .awld-due-testi .awld-lead{font-size:clamp(20px,1.8vw,25px)}

/* --- Frasi grandi --- */
html body .awld .awld-rivela{font-size:clamp(30px,4.4vw,64px);line-height:1.1;letter-spacing:-.032em;font-weight:500;color:var(--nero);text-align:center;max-width:1080px;margin:0 auto}
.awld.awld-citazione{max-width:1040px;text-align:center;padding:clamp(110px,14vw,220px) 16px}
html body .awld .awld-citazione-testo{font-size:clamp(28px,3.6vw,52px);line-height:1.15;letter-spacing:-.03em;font-weight:500;color:var(--nero)}
html body .awld .awld-firma{margin-top:clamp(24px,3vw,40px);font-size:clamp(15px,1.2vw,17px)}
.awld-narrow{max-width:860px;margin:0 auto}
html body .awld .awld-narrow p+p{margin-top:1em}

/* --- Griglie e card --- */
.awld-griglia{display:grid;gap:clamp(12px,1.4vw,20px);margin-top:clamp(40px,5vw,72px);grid-template-columns:repeat(3,minmax(0,1fr))}
.awld-card{background:var(--tessera);border-radius:clamp(20px,2vw,28px);padding:clamp(26px,3vw,44px);display:flex;flex-direction:column;gap:14px}
html body .awld .awld-card p,html body .awld .awld-card li{font-size:clamp(16px,1.25vw,18px)}
html body .awld .awld-num{font-size:clamp(14px,1.1vw,16px);color:var(--grigio);font-variant-numeric:tabular-nums}
.awld-check{list-style:none;margin:6px 0 0!important;padding:0!important;display:flex;flex-direction:column;gap:8px}
html body .awld .awld-check li{position:relative;padding-left:28px;color:var(--nero);margin:0;list-style:none!important;background:none!important}
html body .awld .awld-check li::marker{content:none}
.awld-check li::before{content:"";position:absolute;left:2px;top:.32em;width:14px;height:8px;border-left:2px solid var(--nero);border-bottom:2px solid var(--nero);transform:rotate(-45deg)}
.awld-voci{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.4vw,56px) clamp(24px,3vw,48px);margin-top:clamp(40px,5vw,72px)}
.awld-voce{display:flex;flex-direction:column;gap:10px}
html body .awld .awld-voce p{font-size:clamp(16px,1.25vw,18px)}
.awld-voce-ico{width:44px;height:44px;border-radius:12px;background:var(--tessera);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.awld-voce-ico svg{width:22px;height:22px;stroke:var(--nero);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* --- Esempi --- */
.awld-esempi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin-top:clamp(40px,5vw,72px)}
.awld-esempio{position:relative;display:flex;flex-direction:column;background:var(--tessera);border-radius:clamp(20px,2vw,28px);overflow:hidden}
html body .awld .awld-esempio h3 a{color:var(--nero);text-decoration:none}
.awld-esempio h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.awld-esempio figure{margin:0;aspect-ratio:1200/778;overflow:hidden}
.awld-esempio img{display:block;width:100%;height:100%!important;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.awld-esempio-testi{padding:clamp(20px,2.2vw,30px);display:flex;flex-direction:column;gap:8px;flex:1}
html body .awld .awld-esempio p{font-size:clamp(15px,1.15vw,17px)}
html body .awld .awld-esempio .awld-vai{margin-top:auto;padding-top:8px;color:var(--nero);font-size:clamp(14px,1.05vw,16px)}
@media (hover:hover){.awld-esempio:hover img{transform:scale(1.04)}}

/* --- Testimonianza --- */
.awld-recensione{max-width:980px;margin:0 auto;text-align:center}
.awld-stelle{display:block;color:var(--nero);font-size:18px;letter-spacing:4px;margin-bottom:18px}
html body .awld .awld-recensione blockquote{margin:clamp(28px,3vw,44px) 0 0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;quotes:none;color:var(--nero)!important;font-size:inherit!important}
html body .awld .awld-recensione blockquote::before,html body .awld .awld-recensione blockquote::after{content:none!important;display:none!important}
html body .awld .awld-recensione blockquote p{font-size:clamp(19px,1.7vw,24px)!important;line-height:1.45!important;color:var(--nero)!important;font-style:normal!important}
html body .awld .awld-recensione blockquote p+p{margin-top:1em}
html body .awld .awld-recensione cite{display:block;margin-top:clamp(22px,2.4vw,32px);font-style:normal;color:var(--grigio);font-size:clamp(15px,1.2vw,17px)}

/* --- Preventivo e modulo --- */
.awld-prev{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.awld-prev-testi{display:flex;flex-direction:column;gap:clamp(16px,1.6vw,22px);position:sticky;top:120px}
html body .awld .awld-tel a{color:var(--nero);text-decoration:none;font-weight:500}
.awld-modulo{background:var(--tessera);border-radius:clamp(22px,2.4vw,32px);padding:clamp(26px,3.2vw,48px)}
.awld-modulo h3{margin-bottom:22px!important}
html body .awld-modulo .wpcf7 input[type=text],html body .awld-modulo .wpcf7 input[type=email],html body .awld-modulo .wpcf7 input[type=tel],html body .awld-modulo .wpcf7 textarea{width:100%;background:#fff!important;border:1px solid var(--linea)!important;border-radius:14px!important;padding:14px 16px!important;font-family:"Graphik",Helvetica,Arial,sans-serif;font-size:16px!important;color:var(--nero)!important;box-shadow:none!important;height:auto!important}
html body .awld-modulo .wpcf7 textarea{min-height:130px}
html body .awld-modulo .wpcf7 small,html body .awld-modulo .wpcf7 .wpcf7-list-item-label{font-size:13px;line-height:1.45;color:var(--grigio)}
html body .awld-modulo .wpcf7 input[type=submit]{margin-top:6px;border-radius:300px!important;background:#121212!important;color:#fff!important;border:0!important;padding:15px 30px!important;cursor:pointer}

/* --- Domande frequenti --- */
.awld-faq{max-width:860px;margin:clamp(40px,5vw,64px) auto 0;border-top:1px solid var(--linea)}
.awld-faq details{border-bottom:1px solid var(--linea)}
.awld-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(18px,2vw,24px) 0}
.awld-faq summary::-webkit-details-marker{display:none}
.awld-faq summary::after{content:"";flex:none;width:10px;height:10px;border-right:1.5px solid var(--grigio);border-bottom:1.5px solid var(--grigio);transform:rotate(45deg) translate(-2px,-2px);transition:transform .3s}
.awld-faq details[open] summary::after{transform:rotate(225deg) translate(-2px,-2px)}
html body .awld .awld-faq h3{font-size:clamp(18px,1.6vw,22px)}
html body .awld .awld-faq p{padding:0 40px clamp(20px,2vw,26px) 0;font-size:clamp(16px,1.25vw,18px)}

.awld.awld--scena{max-width:none;padding:0}
/* --- Scena: una landing che si compone. Senza JS i passi stanno in fila e la pagina d'esempio e' completa --- */
.awld-scena{padding:0 16px clamp(64px,8vw,120px)}
.awld-palco{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,88px);align-items:center}
.awld-passi{display:flex;flex-direction:column;gap:clamp(28px,3vw,44px)}
.awld-passo{display:flex;flex-direction:column;gap:12px}
html body .awld .awld-passo p{font-size:clamp(16px,1.3vw,19px)}
.awld-barre{display:none}
.awld-mock{position:relative;background:#fff;border-radius:clamp(16px,1.6vw,22px);box-shadow:0 0 0 1px rgba(0,0,0,.06),0 30px 80px -20px rgba(0,0,0,.18);overflow:visible;font-family:"Graphik",Helvetica,Arial,sans-serif}
.awld-mock-bar{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid #ececf0;border-radius:clamp(16px,1.6vw,22px) clamp(16px,1.6vw,22px) 0 0;background:#fafafc}
.awld-mock-bar i{width:10px;height:10px;border-radius:50%;background:var(--awld-sk3,#dcdce1)}
.awld-mock-bar span{margin-left:10px;flex:1;max-width:280px;font-size:12px;line-height:24px;color:#86868b;background:var(--awld-sk2,#f0f0f3);border-radius:8px;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.awld-mock-corpo{padding:clamp(18px,2.4vw,34px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"tg tg" "ti mo" "pr mo";gap:clamp(12px,1.4vw,20px);align-items:start}
.awld-m{position:relative}
.awld-m-target{grid-area:tg}.awld-m-titolo{grid-area:ti}.awld-m-prova{grid-area:pr}.awld-m-modulo{grid-area:mo}
.awld-sk{display:none;flex-direction:column;gap:8px}
.awld-sk i{display:block;height:12px;border-radius:6px;background:var(--awld-sk,#ececf0)}
.awld-pieno{display:flex;flex-direction:column;gap:8px}
.awld-chips,.awld-pieno.awld-chips{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center}
.awld-chips span{font-size:12px;line-height:1;padding:7px 11px;border-radius:300px;background:var(--awld-sk2,#f0f0f3);color:#1d1d1f}
.awld-chips .awld-mirino{width:26px;height:26px;padding:0;border-radius:50%;border:1.5px solid #1d1d1f;background:transparent;position:relative}
.awld-chips .awld-mirino::after{content:"";position:absolute;inset:7px;border-radius:50%;background:#1d1d1f}
.awld-mock b.awld-mt{display:block;font-size:clamp(22px,2.3vw,34px);line-height:1.04;letter-spacing:-.03em;font-weight:500;color:#1d1d1f}
.awld-mock em.awld-ms{display:block;font-style:normal;font-size:clamp(12px,1vw,14px);line-height:1.4;color:#6e6e73}
.awld-mock .awld-ms-stelle{font-size:13px;letter-spacing:3px;color:#1d1d1f}
.awld-recensori{display:flex;align-items:center;gap:8px}
.awld-recensori i{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#e4e4ea,#c9c9d1);margin-left:-12px;border:2px solid #fff}
.awld-recensori i:first-child{margin-left:0}
.awld-plus{display:flex;flex-direction:column;gap:6px}
.awld-plus span{font-size:12px;color:#1d1d1f;padding-left:20px;position:relative}
.awld-plus span::before{content:"";position:absolute;left:3px;top:3px;width:9px;height:5px;border-left:1.5px solid #1d1d1f;border-bottom:1.5px solid #1d1d1f;transform:rotate(-45deg)}
.awld-m-modulo .awld-pieno{background:var(--awld-sup,#f5f5f7);border-radius:14px;padding:clamp(12px,1.4vw,18px);gap:8px}
.awld-campo{display:block;background:#fff;border-radius:9px;font-size:12px;line-height:34px;padding:0 12px;color:#86868b;border:1px solid #e6e6ea}
.awld-cta{display:block;text-align:center;background:#121212;color:#fff;border-radius:300px;font-size:12px;line-height:36px;font-weight:500;margin-top:4px}
.awld-toast{position:absolute;right:clamp(-28px,-2vw,-12px);top:clamp(44px,5vw,64px);display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:16px;padding:12px 16px 12px 12px;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 18px 40px -12px rgba(0,0,0,.25);font-size:13px;line-height:1.25;color:#1d1d1f;z-index:3}
.awld-toast i{flex:none;width:30px;height:30px;border-radius:9px;background:#121212;position:relative}
.awld-toast i::after{content:"";position:absolute;left:9px;top:10px;width:11px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.awld-toast b{display:block;font-weight:500}
.awld-toast span{color:#6e6e73}

/* con l'animazione */
.awld-on .awld-scena{height:440vh;height:440svh;padding:0}
.awld-on .awld-palco{position:sticky;top:0;height:100vh;height:100svh;max-width:none;padding:0 max(16px,calc((100vw - 1240px)/2 + 16px))}
.awld-on .awld-passi{display:grid;gap:0}
.awld-on .awld-passo{grid-area:1/1;visibility:hidden;opacity:0}
.awld-on .awld-passo:first-child{visibility:visible;opacity:1}
/* il tema chiude .container con overflow:hidden su telefono: clip taglia allo stesso modo senza bloccare lo sticky */
html.awld-on body .container{overflow:clip!important}
/* come Responsive Rows fuori dalla home: niente scorrimento orizzontale (modulo commenti del tema su telefono) */
html.awld-on,html.awld-on body{overflow-x:clip}
.awld-on .awld-barre{display:flex;gap:6px;margin-bottom:clamp(22px,2.4vw,32px)}
.awld-on .awld-barre i{flex:1;max-width:64px;height:3px;border-radius:2px;background:var(--awld-sk4,#e4e4e9);overflow:hidden;position:relative}
.awld-on .awld-barre i b{position:absolute;inset:0;background:#1d1d1f;transform-origin:0 50%;transform:scaleX(0)}
.awld-on .awld-scena .awld-m{display:grid}
.awld-on .awld-scena .awld-sk{display:flex;grid-area:1/1}
.awld-on .awld-scena .awld-pieno{grid-area:1/1;visibility:hidden;opacity:0}
.awld-on .awld-scena .awld-m-modulo .awld-sk{background:var(--awld-sup,#f5f5f7);border-radius:14px;padding:14px;gap:10px}
.awld-on .awld-scena .awld-m-modulo .awld-sk i{height:34px;border-radius:9px;background:#fff}
.awld-on .awld-scena .awld-m-modulo .awld-sk i:last-child{background:var(--awld-sk4,#e4e4e9);border-radius:300px}
.awld-on .awld-scena .awld-toast{visibility:hidden;opacity:0}
.awld-on .awld-su{opacity:0;transform:translateY(30px)}

@media (max-width:1023px){
.awld-voci,.awld-esempi{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
.awld-due,.awld-griglia,.awld-voci,.awld-esempi,.awld-prev{grid-template-columns:minmax(0,1fr)}
.awld-due--inv .awld-fig{order:0}
.awld-prev-testi{position:static}
.awld-palco{grid-template-columns:minmax(0,1fr)}
.awld-mock-corpo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.awld-toast{right:8px;top:auto;bottom:-18px}
.awld-on .awld-palco{grid-template-rows:auto 1fr;align-content:center;gap:28px;padding-top:72px}
.awld-on .awld-mock{order:-1}
.awld-on .awld-mock-corpo{padding:14px;gap:10px}
.awld-on .awld-mock b.awld-mt{font-size:20px}
}

/* --- Quando: cinque casi in riquadri sotto lo schema --- */
.awld-quando{margin-top:clamp(56px,6vw,96px)}
html body .awld .awld-quando-tit{font-size:clamp(24px,2.4vw,36px);line-height:1.1;font-weight:500;color:var(--nero);letter-spacing:-.025em;margin:0 0 clamp(20px,2.4vw,32px)!important}
.awld-quando-griglia{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.2vw,16px)}
.awld-quando-voce{background:var(--tessera);border-radius:clamp(18px,1.8vw,26px);padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;gap:clamp(16px,1.8vw,26px);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.awld-quando-voce .awld-voce-ico{background:#fff;margin:0}
html body .awld .awld-quando-voce p{font-size:clamp(15px,1.15vw,17px);line-height:1.4}
html body .awld .awld-quando-voce p strong{display:block;font-size:clamp(17px,1.35vw,20px);line-height:1.2;letter-spacing:-.015em;margin-bottom:6px}
@media (hover:hover){.awld-quando-voce:hover{transform:translateY(-4px)}}
@media (max-width:1023px){.awld-quando-griglia{grid-template-columns:repeat(6,minmax(0,1fr))}.awld-quando-voce{grid-column:span 2}.awld-quando-voce:nth-child(n+4){grid-column:span 3}}
@media (max-width:767px){.awld-quando-griglia{grid-template-columns:minmax(0,1fr)}.awld-quando-voce,.awld-quando-voce:nth-child(n+4){grid-column:auto;flex-direction:row;align-items:flex-start;gap:16px}.awld-quando-voce .awld-voce-ico{flex:none}}

/* parte alta su tablet e telefono */
@media (max-width:1023px){
.awld-fluttua--1{right:-1%}
.awld-fluttua--2{left:-1%}
}
@media (max-width:767px){
.awld-vetrina-wrap{margin-top:40px}
.awld-v-eroe{grid-template-columns:minmax(0,1fr);padding:22px 18px}
.awld-v-modulo,.awld-v-riga{display:none}
.awld-fluttua{font-size:11px;padding:8px 12px 8px 8px;border-radius:13px;gap:8px}
.awld-fluttua .awld-ic{width:24px;height:24px;border-radius:7px}
.awld-fluttua .awld-ic-ok::after{left:7px;top:8px;width:9px;height:5px}
.awld-fluttua .awld-ic-mail::after{left:5px;top:7px}
.awld-fluttua .awld-ic-mail::before{left:8px;top:5px}
.awld-fluttua .awld-ic-ordine::after{left:6px;top:8px}
.awld-fluttua .awld-ic-ordine::before{left:9px;top:4px}
.awld-fluttua--1{right:-6px;top:-16px}
.awld-fluttua--2{left:-6px;bottom:-20px}
.awld-fluttua--3{display:none}
.awld-uso{padding:26px 22px 24px}
.awld-usi>.awld-uso{flex-basis:86%}
.awld-fig--vis{aspect-ratio:auto;padding:22px 14px}
.awld-flusso{padding-top:64px}
.awld-fluttua--flusso{right:12px;top:12px}
}

/* --- Articolo: indice, tabella, anatomia di una landing (pagina d'esempio ferma con i numeri) --- */
.awld-articolo{max-width:820px}
html body .awld-articolo h2{font-size:clamp(30px,3.6vw,48px);line-height:1.08;letter-spacing:-.03em;margin:clamp(56px,6vw,88px) 0 18px!important;scroll-margin-top:100px}
html body .awld-articolo h3{margin:clamp(28px,3vw,40px) 0 10px!important}
html body .awld-articolo p{font-size:clamp(17px,1.35vw,19px);line-height:1.6}
html body .awld-articolo p+p{margin-top:1em}
html body .awld-articolo ul,html body .awld-articolo ol{margin:1em 0 0!important;padding-left:1.3em!important}
html body .awld-articolo ul li,html body .awld-articolo ol li{font-size:clamp(17px,1.35vw,19px);line-height:1.55;margin:0 0 .55em}
html body .awld-articolo .awld-check{padding-left:0!important}
.awld-indice{background:var(--tessera);border-radius:22px;padding:clamp(22px,2.6vw,34px);margin-top:clamp(32px,4vw,52px)}
html body .awld .awld-indice ol{margin:10px 0 0!important;padding-left:1.2em!important;columns:2;column-gap:32px}
html body .awld .awld-indice li{font-size:16px!important;margin:0 0 .45em;break-inside:avoid}
html body .awld .awld-indice a{color:var(--nero);text-decoration:none}
.awld-tab-wrap{overflow-x:auto;contain:inline-size;max-width:min(100%,calc(100vw - 32px));margin-top:24px;border-radius:18px;border:1px solid var(--linea)}
.awld-tab{width:100%;border-collapse:collapse;font-size:16px;min-width:560px}
.awld-tab th,.awld-tab td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linea);color:var(--grigio);line-height:1.45}
.awld-tab th{color:var(--nero);font-weight:500;background:var(--tessera)}
.awld-tab td:first-child{color:var(--nero);font-weight:500}
.awld-tab tr:last-child td{border-bottom:0}
.awld-anatomia{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(36px,4vw,56px)}
.awld-anatomia .awld-mock{max-width:640px}
.awld-pin{position:absolute;left:-12px;top:-10px;width:24px;height:24px;border-radius:50%;background:#121212;color:#fff;font-size:12px;line-height:24px;text-align:center;font-weight:500;z-index:2;font-style:normal}
html body .awld .awld-legenda{list-style:none;margin:0!important;padding:0!important;counter-reset:l;display:flex;flex-direction:column;gap:14px}
html body .awld .awld-legenda li{position:relative;padding-left:40px;margin:0;font-size:clamp(16px,1.25vw,18px)}
.awld-legenda li::before{counter-increment:l;content:counter(l);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#121212;color:#fff;font-size:12px;line-height:24px;text-align:center}
.awld-box{background:var(--tessera);border-radius:28px;padding:clamp(28px,3.4vw,52px);margin-top:clamp(48px,5vw,72px);text-align:center}
html body .awld .awld-box h2{margin-top:0!important}
@media (max-width:767px){.awld-anatomia{grid-template-columns:minmax(0,1fr)}html body .awld .awld-indice ol{columns:1}}

/* articoli: il tema mette #f7f7f7 su #main-content */
html body #main-content:has(.awld){background-color:#fff}