/* ------------
   LA PAGINA PRINCIPALE (proposta finale, 10/10/2026): il sipario (apertura col
   palco a tre scene), il conto aperto, la giornata in quattro atti, toccala,
   chi c'è dietro, come si parte, i prezzi. Le parti comuni sono in sito.css.
   Sul computer (1024-1920) le scene hanno una composizione loro: testo da una
   parte e «palco» dall'altra, alternati; niente griglie di schede bianche.
   ------------ */

/* --- 1. il sipario: testo a sinistra, il palco a destra (sul telefono il palco sotto i bottoni) --- */
.hero{padding:calc(var(--nav-h) + 26px) 0 56px}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:34px;gap:34px;align-items:center}
.hero .hh{margin:0 0 16px;font-size:clamp(28px,8.1vw,44px)}
.hero-sub{font-size:17.5px;line-height:1.6;color:var(--chiaro1);max-width:46ch;margin-bottom:12px}
.hero-prezzo{font-size:15.5px;line-height:1.55;color:var(--chiaro2);max-width:52ch;margin-bottom:22px}
.hero-prezzo b{color:#fff}
.hero-link{color:var(--gl);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;white-space:nowrap}
.hero .bottoni{margin-bottom:0}
@media(max-width:560px){.hero .btn,.hero .btn-demo{width:100%}.hero .btn-demo{justify-content:flex-start}}
/* telefoni stretti o bassi (360x640, 375x667): «Prova gratis» intero nel primo schermo anche con la striscia dei cookie */
@media(max-width:400px){.hero{padding-top:calc(var(--nav-h) + 18px)}.hero .occh{font-size:12px;margin-bottom:8px}.hero-in{grid-gap:26px;gap:26px}.hero-sub{font-size:16px;line-height:1.5;margin-bottom:8px}.hero-prezzo{font-size:14.5px;line-height:1.5;margin-bottom:14px}}
@media(max-width:400px) and (max-height:700px){html:not(.ck-ok) .hero .occh{display:none}}
@media(min-width:1024px){
  .hero{padding:calc(var(--nav-h) + 44px) 0 76px}
  .hero-in{grid-template-columns:minmax(0,1fr) minmax(400px,470px);grid-column-gap:56px;column-gap:56px}
  .hero .hh{font-size:clamp(42px,3.75vw,54px)}
  .hero-sub{font-size:19px}
  .hero-prezzo{font-size:16.5px}
}
@media(min-width:1440px){.hero-in{grid-template-columns:minmax(0,1fr) 480px;grid-column-gap:72px;column-gap:72px}}
/* schermi da computer bassi (1536x730 di Michele, 1366x768, 1280x720): tutta l'apertura nel primo schermo */
@media(min-width:1024px) and (max-height:820px){
  .hero{padding:calc(var(--nav-h) + 22px) 0 40px}
  .hero .hh{font-size:clamp(38px,3.3vw,52px);margin-bottom:12px}
  .hero .occh{margin-bottom:10px}
  .hero-sub{font-size:17.5px;line-height:1.55;margin-bottom:8px}
  .hero-prezzo{margin-bottom:16px}
  .hero .nota-btn{margin-top:10px}
}

/* il palco: tre momenti della giornata (grafica nostra coi testi dell'app, nomi e numeri d'esempio) */
.palco{position:relative;width:100%;max-width:480px;margin:0 auto}
.palco-in{position:relative;background:var(--carta);color:var(--t1);border-radius:28px;padding:12px 12px 14px;box-shadow:0 60px 100px -40px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.1)}
html.mv-js .palco-in{opacity:0;transform:translate3d(0,32px,0) scale(.96)}
html.mv-js .palco-in.su{opacity:1;transform:none;transition:opacity 760ms var(--mv-c-pannello) 120ms,transform 900ms var(--mv-c-pannello) 120ms}
.palco-testa{margin-bottom:10px}
.palco-testa .esempio-et{display:block;margin:2px 6px 8px;color:var(--t3)}
.palco-tab{position:relative;display:flex;padding:4px;border-radius:16px;background:var(--ivory2)}
.palco-tab .ind{border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(20,18,16,.14);opacity:0}
.palco-tab.ind-pronto .ind{opacity:1}
.palco-tab button{position:relative;z-index:1;flex:1 1 0;min-width:0;min-height:50px;padding:6px 4px 11px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13.5px;line-height:1.15;color:var(--t2);text-align:center;transition:color var(--mv-cambio) ease}
.palco-tab button[aria-selected="true"]{color:var(--t1)}
/* finché l'indicatore non è misurato (o senza movimento) la linguetta scelta ha il suo fondo bianco */
.palco-tab:not(.ind-pronto) button[aria-selected="true"]{background:#fff;box-shadow:0 2px 10px rgba(20,18,16,.14)}
@media(hover:hover) and (pointer:fine){.palco-tab button:not([aria-selected="true"]):hover{color:var(--gt)}}
.pt-n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:6px;border-radius:50%;background:var(--dark);color:var(--gl);font-size:11.5px;font-weight:800}
@media(max-width:479px){.pt-n{display:none}}
@media(max-width:370px){.palco-tab button{font-size:12.5px;padding:6px 2px 11px}}
.pt-av{position:absolute;left:16%;right:16%;bottom:5px;height:3px;border-radius:3px;background:rgba(20,18,16,.1);overflow:hidden}
.pt-av b{display:block;height:100%;background:var(--g2);transform:scaleX(0);transform-origin:left center}
.palco-schermo{position:relative;height:404px;border-radius:20px;background:var(--ivory);overflow:hidden}
@media(min-width:1024px){.palco-schermo{height:410px}}
.ps{position:absolute;top:0;left:0;right:0;bottom:0;padding:14px 14px 12px;display:flex;flex-direction:column}
.ps[hidden]{display:none}
.ps-via{pointer-events:none;z-index:4}
.palco-did{margin-top:12px;text-align:center;font-size:13px;line-height:1.45;color:rgba(255,255,255,.74)}
/* scena 1: il tuo link, visto da chi prenota */
.cl-testa{display:flex;align-items:center;margin-bottom:10px}
.cl-logo{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#BE185D;color:#fff;font-size:12px;font-weight:800;margin-right:10px}
.cl-testa b{display:block;font-size:14.5px;line-height:1.2}
.cl-testa div>span{display:block;font-size:12.5px;line-height:1.3;color:var(--t2)}
.cl-ok{display:inline-flex;align-self:flex-start;align-items:center;padding:6px 11px;border-radius:10px;background:#DCFCE7;color:#14532D;font-weight:800;font-size:13px}
.cl-ok .ic{width:16px;height:16px;margin-right:6px}
.cl-tit{margin-top:10px;font-family:var(--fd);font-weight:800;font-size:22px;line-height:1.15}
.cl-txt{margin-top:4px;font-size:13.5px;line-height:1.4;color:var(--t2)}
.cl-prod{display:flex;align-items:center;margin-top:10px;padding:9px;border-radius:14px;background:#fff;border:1px solid #E7DFD3;transition:border-color 420ms ease,background-color 420ms ease}
.cl-prod.preso{border-color:rgba(22,163,74,.55);background:#F3FBF5}
.cl-foto{position:relative;flex:none;width:64px;height:64px;margin-right:10px;border-radius:12px;background:#FCE7F3;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:800;font-size:24px;color:#9D174D}
.cl-foto em{position:absolute;left:3px;right:3px;bottom:3px;padding:1px 0;border-radius:5px;background:#1d1b19;color:#fff;font-style:normal;font-family:var(--ff);font-size:9px;font-weight:800;line-height:1.3;text-align:center;white-space:nowrap}
.cl-nome{flex:1 1 auto;min-width:0}
.cl-nome b{display:block;font-size:14.5px;line-height:1.25}
.cl-nome span{display:block;font-size:12.5px;color:var(--t2)}
.cl-prod strong{font-family:var(--fd);font-size:15.5px;white-space:nowrap;margin-left:6px}
.cl-fine{display:grid;margin-top:auto;padding-top:10px}
.cl-fine>*{grid-area:1/1}
.cl-si{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border-radius:13px;background:#BE185D;color:#fff;font-weight:800;font-size:15px;transition:opacity 300ms ease,transform var(--mv-micro) var(--mv-c-entra)}
.cl-preso{display:flex;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#DCFCE7;color:#14532D;font-size:13.5px;line-height:1.4;opacity:0;visibility:hidden}
.cl-preso .ic{flex:none;width:17px;height:17px;margin:1px 7px 0 0}
.palco.l-preso .cl-si{opacity:0;visibility:hidden;transition:opacity 300ms ease,visibility 0s linear 300ms}
.palco.l-preso .cl-preso{opacity:1;visibility:visible}
.cl-avviso{position:absolute;left:10px;right:10px;top:10px;z-index:3;display:flex;align-items:center;padding:10px 12px;border-radius:16px;background:var(--dark);color:var(--chiaro1);font-size:13px;line-height:1.35;box-shadow:0 18px 34px -12px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translate3d(0,-120%,0)}
.palco.l-avviso .cl-avviso{opacity:1;visibility:visible;transform:none}
.cl-av-ic{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:10px;border-radius:9px;background:#FCE7F3;color:#9D174D}
.cl-av-ic .ic{width:16px;height:16px}
.cl-avviso small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.02em;color:var(--gl)}
.cl-avviso b{color:#fff}
/* scena 2: il promemoria del giorno prima */
.pr-testa{display:flex;align-items:center;margin-bottom:6px}
.pr-testa b{font-family:var(--fd);font-size:20px;margin-right:8px}
.pr-testa>span{font-size:13px;color:var(--t2)}
.pr-testa .pr-n{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 9px;border-radius:100px;background:#B91C1C;color:#fff;font-weight:800;font-size:14px}
.pr-lista{list-style:none}
.pr-lista li{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;padding:8px 10px;margin-top:6px;border-radius:13px;background:#fff;border:1px solid #E7DFD3}
.pr-lista .o{font-weight:800;font-size:13px;color:var(--t2)}
.pr-lista .c{min-width:0}
.pr-lista .c b{display:block;font-size:14.5px;line-height:1.2}
.pr-lista .c span{font-size:12.5px;color:var(--t2)}
.pr-lista .tondo{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--g);color:var(--dark)}
.pr-lista .tondo .ic{width:17px;height:17px}
.palco.p-fatto #p-r1 .c span::after{content:' · inviato';color:var(--gt);font-weight:800}
.palco.p-fatto #p-r1 .tondo{background:var(--dark);color:#fff}
.pr-fila{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:auto;border-radius:13px;background:var(--g);color:var(--dark);font-weight:800;font-size:15px}
.pr-fila .ic{width:18px;height:18px;margin-right:8px}
.pr-chat{position:absolute;left:0;right:0;bottom:0;top:52px;z-index:3;display:flex;flex-direction:column;border-radius:18px 18px 0 0;background:#EFEAE2;box-shadow:0 -12px 30px rgba(11,26,20,.22);transform:translate3d(0,104%,0);visibility:hidden}
.palco.p-chat .pr-chat{transform:none;visibility:visible}
.pr-chat-testa{display:flex;align-items:center;padding:9px 12px;background:#fff;border-radius:18px 18px 0 0;border-bottom:1px solid #e6dfd4}
.pr-av{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:9px;border-radius:50%;background:#FCE7F3;color:#9D174D;font-weight:800;font-size:13px}
.pr-chat-testa b{font-size:14.5px}
.pr-chat-testa small{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--t2)}
.pr-corpo{position:relative;flex:1;min-height:0;padding:10px 12px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.pr-corpo::before{content:'Il messaggio è già scritto: tu premi Invia';position:absolute;left:50%;top:12px;transform:translateX(-50%);white-space:nowrap;padding:5px 10px;border-radius:8px;background:#FFF7D6;color:#5C4A0F;font-size:12px;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.08);transition:opacity 300ms ease}
.palco.p-inviato .pr-corpo::before{opacity:0}
.pr-bolla{display:none;align-self:flex-end;max-width:90%;padding:8px 11px 5px;border-radius:14px 14px 4px 14px;background:#DCF5E3;color:#14301F;font-size:12.5px;line-height:1.4;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.palco.p-inviato .pr-bolla{display:block}
.pr-bolla .ora-f,.fum .ora-f{display:block;text-align:right;font-size:10.5px;color:#3f5a48;margin-top:2px}
.pr-scrivi{display:flex;align-items:flex-end;padding:8px;background:#fff}
.pr-campo{flex:1;min-width:0;font-size:12.5px;line-height:1.35;color:#1d1b19;padding:7px 10px;border-radius:14px;background:#F6F2EC;margin-right:8px}
.pr-campo.vuoto{color:#6d645c}
.pr-invia{position:relative;overflow:hidden;flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:100px;background:var(--dark);color:#fff;font-weight:800;font-size:14px}
/* scena 3: l'incasso con un tocco */
.ps-inc .app-giorno{font-family:var(--fd);font-weight:800;font-size:20px;line-height:1.15;letter-spacing:-.01em}
.app-giorno small{display:block;font-family:var(--ff);font-weight:600;font-size:12.5px;color:var(--t3);letter-spacing:0}
.avviso{display:flex;align-items:center;margin-top:8px;padding:7px 10px;border-radius:14px;background:#fff;border:1px solid var(--linea);font-size:13px;line-height:1.3;color:var(--t2)}
.avviso b{color:var(--t1);margin-right:4px}
.av-ic{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:10px;border-radius:9px;background:rgba(34,197,94,.16);color:var(--gt)}
.av-ic .ic{width:16px;height:16px}
.av-ic.rosa{background:#FCE7F3;color:#9D174D}
.app-lista{list-style:none}
.app-riga{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;padding:8px 10px 8px 12px;margin-top:7px;border-radius:15px;background:#fff;border:1px solid var(--linea)}
.app-riga.uno{grid-template-columns:48px minmax(0,1fr);border:1.5px solid rgba(22,163,74,.5)}
.app-riga .ora{font-weight:800;font-size:14px;color:var(--t2)}
.app-riga .chi{min-width:0;font-size:14px;line-height:1.3}
.app-riga .chi b{display:block;font-size:15px}
.app-riga .chi span{color:var(--t2);font-size:13px}
.app-riga .dopo{font-weight:700;font-size:13px;color:var(--t3)}
.app-incassa{position:relative;overflow:hidden;grid-column:1/-1;display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:8px;padding:0 12px;border-radius:13px;background:var(--g);color:var(--dark);font-weight:800;font-size:14.5px;white-space:nowrap}
.app-incassa.fatto{background:var(--dark);color:#fff}
.app-cassa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:10px;gap:10px;margin-top:auto;padding-top:10px}
.tile{border-radius:17px;padding:10px 13px;background:var(--dark);color:#fff;min-width:0}
.tile>span{display:block;font-size:12.5px;font-weight:600;line-height:1.3;color:rgba(255,255,255,.82)}
.tile>b{display:block;margin-top:3px;font-family:var(--fd);font-weight:800;font-size:clamp(25px,6.6vw,30px);line-height:1.1;letter-spacing:-.02em}
.tile.verde{background:#DCF5E3;color:var(--gt)}
.tile.verde>span{color:var(--gt)}
@media(max-width:380px){.ps{padding:12px 11px 10px}.app-incassa{font-size:13.5px}}

/* --- 2. il conto: chiuso/aperto, in assets/css/conto.css (giro 2: tolto di qui perché casa.css superava i 60 KB) --- */

/* --- 3. la giornata: il binario (computer largo) ------------ */
.binario{position:fixed;left:18px;top:50%;z-index:700;display:none;flex-direction:column;padding:10px 8px;border-radius:100px;background:rgba(11,26,20,.86);box-shadow:0 14px 30px -12px rgba(0,0,0,.5);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-12px,-50%);transition:opacity var(--mv-via) var(--mv-c-entra),transform var(--mv-via) var(--mv-c-entra),visibility 0s linear var(--mv-via)}
@media(min-width:1360px){.binario{display:flex}}
.binario.on{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%);transition:opacity var(--mv-arriva) var(--mv-c-pannello),transform var(--mv-arriva) var(--mv-c-pannello),visibility 0s linear 0s}
.binario a{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;text-decoration:none}
.binario .pall{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(134,239,172,.6);color:#fff;font-weight:800;font-size:13px;transition:transform var(--mv-entra) var(--mv-c-entra),background-color var(--mv-entra) ease,color var(--mv-entra) ease}
.binario a[aria-current="step"] .pall{background:var(--g);border-color:var(--g);color:var(--dark);transform:scale(1.15)}
.binario .et{position:absolute;left:52px;top:50%;padding:6px 12px;border-radius:100px;background:var(--dark);color:#fff;font-size:13.5px;font-weight:700;white-space:nowrap;opacity:0;transform:translate3d(-6px,-50%,0);pointer-events:none;transition:opacity var(--mv-esce) ease,transform var(--mv-esce) var(--mv-c-entra)}
.binario a:hover .et,.binario a:focus-visible .et{opacity:1;transform:translate3d(0,-50%,0)}

/* --- scena 1: il tuo link che vende ------------ */
.atto .testa .etich{margin-top:6px}
.vt-in{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:44px;gap:44px;align-items:center}
@media(min-width:768px) and (max-width:1023px){.vt-in{grid-template-columns:minmax(0,1fr) 300px}.vt-in .lato{grid-column:1/-1}}
@media(min-width:1024px){.vt-in{grid-template-columns:minmax(0,1fr) 300px minmax(0,.9fr);grid-gap:48px;gap:48px}}
.vt-t{font-family:var(--fd);font-weight:800;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.02em;margin-bottom:12px}
.vt-testo p{font-size:17px;line-height:1.6;color:var(--chiaro1);max-width:44ch}
.vt-prova{margin-top:18px}
.tel-esempio,.fondo-vivo .tel-esempio{position:absolute;right:16px;top:20px;z-index:6;padding:2px 8px;border-radius:6px;background:#fff;color:var(--t2);font-size:10.5px}
.fondo-vivo .giorno-c .esempio-et{color:var(--t2)}
.testa-centro{display:flex;align-items:center;margin-bottom:12px}
.logo-c{flex:none;width:34px;height:34px;border-radius:10px;background:#BE185D;margin-right:10px}
.testa-centro b{display:block;font-size:15px}
.testa-centro span{font-size:12px;color:#5d554e}
.blocco-t{background:#fff;border:1px solid #ece6dd;border-radius:16px;padding:11px 12px;margin-top:10px}
.blocco-t h4{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#6d645c;margin-bottom:6px}
.scelto{display:flex;justify-content:space-between;font-weight:700;font-size:14.5px}
.scelto span{color:#5d554e;font-weight:600;font-size:13px;text-align:right}
.orari{display:flex;flex-wrap:wrap;margin:-3px}
.orari span{margin:3px;padding:7px 11px;border-radius:10px;border:1.5px solid #e3dccf;font-weight:700;font-size:13.5px}
.orari .si{background:#1d1b19;border-color:#1d1b19;color:#fff}
.tel .manda{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:12px;border-radius:14px;background:#BE185D;color:#fff;font-weight:800;font-size:15.5px}
.dopo-fatto{display:flex;align-items:center;padding:9px 12px;border-radius:12px;background:#DCFCE7;color:#166534;font-weight:800;font-size:14px}
.dopo-fatto .ic{margin-right:8px}
.dopo-titolo{margin-top:14px;font-family:var(--fd);font-weight:800;font-size:23px}
.dopo-testo{margin-top:4px;font-size:14px;color:#5d554e;line-height:1.45}
.prod{display:flex;align-items:center;margin-top:12px;padding:10px;border-radius:16px;background:#fff;border:1px solid #ece6dd}
.prod-foto{position:relative;flex:none;width:72px;height:72px;margin-right:12px;border-radius:12px;background:#FCE7F3;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:800;font-size:28px;color:#9D174D}
.prod-eti{position:absolute;left:4px;bottom:4px;padding:2px 5px;border-radius:6px;background:#1d1b19;color:#fff;font-family:var(--ff);font-size:9.5px;font-weight:800}
.prod b{display:block;font-size:15px}
.prod span{font-size:12.5px;color:#5d554e}
.prod em{display:block;margin-top:2px;font-style:normal;font-weight:800;font-size:15px}
.dopo-no{display:block;width:100%;margin-top:6px;min-height:44px;font-weight:700;font-size:13.5px;color:#5d554e;text-decoration:underline}
.esito-t{font-family:var(--fd);font-weight:800;font-size:22px;color:#166534;margin-top:6px}
.quando{display:inline-block;margin:8px 0 6px;padding:6px 10px;border-radius:10px;background:#1d1b19;color:#fff;font-weight:800;font-size:14px}
.riep p{font-size:14px;color:#5d554e;line-height:1.45;margin-top:6px}
/* il riepilogo sta al centro dello schermo disegnato (niente terzo vuoto in fondo) */
.sch.riep{display:flex;flex-direction:column;justify-content:center;padding-bottom:40px}
.sch.riep[hidden]{display:none}
.dopo-preso{display:flex;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:12px;background:#DCFCE7;color:#14532D;font-size:13.5px;line-height:1.4}
.dopo-preso .ic{flex:none;width:18px;height:18px;margin:1px 8px 0 0}
.lato{max-width:380px;width:100%;margin:0 auto}
.lato .esempio-et{display:inline-block;margin-right:8px}
.lato-sub{font-size:13px;font-weight:700;color:var(--chiaro2)}
.richiesta{margin-top:10px;border-radius:22px;background:var(--carta);color:var(--t1);padding:16px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.richiesta .tipo{display:inline-block;padding:3px 9px;border-radius:100px;background:#FCE7F3;color:#9D174D;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.richiesta h4{margin-top:8px;font-size:16px}
.richiesta p{font-size:13.5px;color:var(--t2);margin-top:2px}
.richiesta .az{display:flex;flex-wrap:wrap;margin:10px -4px 0}
.richiesta .az span{margin:4px;padding:8px 12px;border-radius:100px;font-weight:800;font-size:13px;background:var(--ivory2)}
.richiesta .az .ok{background:var(--g);color:var(--dark)}
.cassa-g{margin-top:12px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:16px}
.cassa-g>span{display:block;font-size:13.5px;color:var(--chiaro2)}
.cassa-g>b{display:block;font-family:var(--fd);font-weight:800;font-size:44px;letter-spacing:-.03em;color:#fff;line-height:1.1;margin-top:2px}
.cassa-g>small{display:block;margin-top:4px;color:var(--gl);font-weight:700;font-size:13.5px}
html.mv-js .lato.attesa .richiesta,html.mv-js .lato.attesa .cassa-g{opacity:0}
.rilievi{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:14px;gap:14px;margin-top:64px}
@media(max-width:767px){.rilievo{padding:16px 18px}.rilievo h3{margin-top:10px}.ril-vis{min-height:0}}
@media(min-width:768px){.rilievi{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rilievo{border-radius:24px;padding:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
@media(hover:hover) and (pointer:fine){html[data-mv="pieno"] .rilievo:hover{border-color:rgba(134,239,172,.45)}}
.rilievo h3{font-family:var(--fd);font-weight:800;font-size:22px;letter-spacing:-.01em;margin:14px 0 6px;color:#fff}
.rilievo p{font-size:15.5px;line-height:1.6;color:var(--chiaro1)}
.ril-vis{display:flex;flex-wrap:wrap;align-items:center;min-height:52px;margin:-4px}
.ril-vis>*{margin:4px}
.ril-vis .ch{padding:6px 11px;border-radius:100px;background:rgba(255,255,255,.1);color:#fff;font-size:13px;font-weight:700}
.ril-vis .ch.on{background:var(--g);color:var(--dark)}
.ril-vis .lm{padding:8px 12px;border-radius:14px;background:var(--carta);color:var(--t1);font-size:13px;line-height:1.3}
.ril-vis .lm b{display:block;color:#9D174D}
.ril-vis .lm-b{padding:8px 14px;border-radius:100px;background:#BE185D;color:#fff;font-weight:800;font-size:13px}
.ril-vis .notifica{display:flex;align-items:center;padding:9px 12px;border-radius:14px;background:var(--carta);color:var(--t1);font-size:13px;font-weight:600;line-height:1.3}
.ril-vis .notifica .ic{width:18px;height:18px;margin-right:8px;color:var(--gt)}
.atto-piede{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:22px;gap:22px;align-items:center;margin-top:40px}
@media(min-width:900px){.atto-piede{grid-template-columns:minmax(0,1fr) 380px}}
.atto-onesto{font-size:17px;line-height:1.6;color:var(--chiaro1);max-width:56ch;padding-left:16px;border-left:3px solid var(--g)}
.atto-clip{display:block;min-width:0}
.atto-clip .clip{margin:0 auto}
.dal-riga{margin-top:14px}

/* --- scena 2: il promemoria ------------ */
.pm-in{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:40px;gap:40px;align-items:start}
@media(min-width:1024px){.pm-in{grid-template-columns:340px minmax(0,1fr);grid-gap:80px;gap:80px}}
.pm-tel-col{order:2}
@media(min-width:1024px){.pm-tel-col{order:0}}
/* (11/10) il telefono disegnato in alto accanto al titolo, resta in vista mentre si legge; video grande e centrato sotto */
@media(min-width:1024px){.pm-tel-col{position:-webkit-sticky;position:sticky;top:104px}}
/* schermi bassi (es. 1536x730): il telefono disegnato un po' piu' piccolo, cosi' la chat resta sopra la barra in basso */
@media(min-width:1024px) and (max-height:820px){.pm-tel-col{top:84px}.pm-tel-col .tel{transform:scale(.84);transform-origin:top center}.pm-did{margin-top:-60px}}
.pm-dopo{grid-column:1/-1;order:3;display:flex;flex-direction:column;align-items:center;margin-top:8px}
.pm-dopo .clip{width:100%;max-width:400px}
.pm-dopo-link{text-align:center;margin-top:18px}
.pm-dopo-link .dal-conto{display:inline-block;margin-top:6px}
.pm-did{margin-top:44px;text-align:center;font-size:13.5px;color:var(--t2)}
.pm-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
.pm-head b{font-family:var(--fd);font-size:22px;font-weight:800}
.pm-head span{font-size:13px;color:#5d554e;font-weight:600}
.pm-fila{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;border-radius:14px;background:var(--g);color:var(--dark);font-weight:800;font-size:15px;margin-bottom:10px;position:relative;overflow:hidden}
.pm-lista{list-style:none}
.pm-lista li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;padding:10px;margin-top:8px;border-radius:14px;background:#fff;border:1px solid #ece6dd;transition:opacity var(--mv-entra) ease}
.pm-lista .o{font-weight:800;font-size:13px;color:#5d554e}
.pm-lista .c b{display:block;font-size:14.5px}
.pm-lista .c span{font-size:12.5px;color:#5d554e}
.pm-lista .tondo{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--g);color:var(--dark)}
.pm-lista .tondo .ic{width:18px;height:18px}
.pm-lista li.inviato .c span::after{content:' · inviato';color:var(--gt);font-weight:800}
.pm-lista li.inviato .tondo{background:var(--dark);color:#fff}
.sch.chat{background:#F1ECE4;padding:44px 0 0;display:flex;flex-direction:column}
.chat-testa{display:flex;align-items:center;padding:10px 14px;background:#fff;border-bottom:1px solid #e6dfd4}
.chat-testa .av{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#FCE7F3;color:#9D174D;font-weight:800;margin-right:10px}
.chat-corpo{flex:1;padding:14px;display:flex;flex-direction:column;justify-content:flex-end}
.fum{max-width:86%;align-self:flex-end;padding:9px 12px 6px;border-radius:16px 16px 4px 16px;background:#DCF5E3;color:#14301F;font-size:13.5px;line-height:1.4}
.fum[hidden]{display:none}
.fum .ora-f{font-size:11px}
.chat-scrivi{display:flex;align-items:flex-end;padding:10px;background:#fff;border-top:1px solid #e6dfd4}
.chat-scrivi .campo{flex:1;font-size:13px;line-height:1.35;color:#1d1b19;padding:8px 10px;border-radius:14px;background:#F6F2EC;margin-right:8px}
.chat-scrivi .campo.vuoto{color:#6d645c}
.chat-scrivi .invia{position:relative;overflow:hidden;flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:100px;background:var(--dark);color:#fff;font-weight:800;font-size:14px}
.passi{list-style:none;counter-reset:passo;margin:6px 0 22px}
.passi li{counter-increment:passo;position:relative;padding:14px 0 14px 58px;border-top:1px solid var(--linea)}
.passi li:last-child{border-bottom:1px solid var(--linea)}
.passi li::before{content:counter(passo);position:absolute;left:0;top:13px;width:38px;height:38px;border-radius:50%;background:var(--dark);color:var(--gl);font-family:var(--fd);font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center}
.passi b{display:block;font-family:var(--fd);font-size:19px;font-weight:700;line-height:1.3}
.passi span{display:block;color:var(--t2);font-size:16px;line-height:1.5}
.riquadro{background:rgba(34,197,94,.11);border:1px solid rgba(22,101,52,.2);border-radius:18px;padding:16px 18px;font-size:16.5px;line-height:1.55;margin-bottom:16px}
.riquadro b{color:var(--gt)}
.pm-testo .etichette{margin-bottom:14px}
.pm-due{margin-bottom:18px}
.pm-fine{display:flex;flex-wrap:wrap;align-items:flex-end}
.pm-fine .clip{flex:0 1 380px;margin:0 28px 8px 0}
.pm-fine>div{flex:1 1 220px;min-width:0;margin-bottom:8px}
@media(max-width:767px){.pm-fine .clip{margin-right:0;flex-basis:100%}}

/* --- scena 3: l'incasso e il barattolo ------------ */
.inc-in{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:36px;gap:36px;align-items:start}
@media(min-width:1024px){.inc-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-gap:64px;gap:64px}}
.giorno-c{position:relative;background:var(--carta);color:var(--t1);border-radius:28px;padding:18px;box-shadow:0 50px 90px -40px rgba(0,0,0,.7)}
@media(min-width:768px){.giorno-c{padding:24px}}
.giorno-testa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.giorno-prova{font-size:13px;font-weight:800;color:var(--gt)}
.lista-inc{list-style:none;margin-top:6px}
.ap{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;padding:10px 12px;margin-top:8px;border-radius:16px;background:#fff;border:1px solid var(--linea)}
.ap .ora{font-weight:800;font-size:14px;color:var(--t2)}
.ap .chi{min-width:0}
.ap .chi b{display:block;font-size:15px}
.ap .chi span{font-size:13px;color:var(--t2)}
.inc{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-width:122px;min-height:44px;padding:0 16px;border-radius:100px;background:var(--g);color:var(--dark);font-weight:800;font-size:14.5px;white-space:nowrap}
@media(hover:hover) and (pointer:fine){.inc:hover{background:var(--gl2)}}
.inc.fatto{background:var(--dark);color:#fff;cursor:default}
.soldi{display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-gap:12px;gap:12px;margin-top:14px;align-items:stretch}
@media(max-width:420px){.soldi{grid-template-columns:minmax(0,1fr) 124px}}
.cassa{border-radius:20px;background:var(--dark);color:#fff;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.cassa>span{font-size:13px;font-weight:600;color:rgba(255,255,255,.78)}
.cassa>b{display:block;margin-top:2px;font-family:var(--fd);font-weight:800;font-size:clamp(32px,5vw,46px);letter-spacing:-.03em;line-height:1.1}
.barattolo{position:relative;border-radius:16px 16px 26px 26px;background:rgba(34,197,94,.08);border:2px solid rgba(22,101,52,.35);overflow:hidden;min-height:150px;display:flex;flex-direction:column;justify-content:flex-start;padding:22px 8px 10px;text-align:center}
.barattolo::before{content:'';position:absolute;left:14%;right:14%;top:0;height:10px;border-radius:0 0 8px 8px;background:rgba(22,101,52,.35)}
.liquido{position:absolute;left:0;right:0;bottom:0;height:100%;background:#86EFAC;transform-origin:center bottom;transform:scaleY(.24);transition:transform var(--mv-conta) var(--mv-c-pannello)}
.superficie{position:absolute;left:0;right:0;bottom:0;height:100%;transform-origin:center bottom;pointer-events:none;transition:transform var(--mv-conta) var(--mv-c-pannello)}
.plop{position:absolute;left:50%;top:0;width:60px;height:14px;margin:-7px 0 0 -30px;border-radius:50%;border:2px solid #fff;opacity:0}
.bar-t{position:relative;z-index:1;font-size:12.5px;font-weight:800;line-height:1.25;color:var(--gt)}
.bar-v{position:relative;z-index:1;display:block;line-height:1.1;margin-top:4px;font-family:var(--fd);font-weight:800;font-size:28px;letter-spacing:-.02em;color:var(--t1)}
.perc{margin-top:14px;padding:12px 16px;border-radius:18px;background:var(--ivory)}
.perc label{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:14.5px}
.perc label b{font-family:var(--fd);font-size:20px;color:var(--gt)}
.perc input{width:100%;margin-top:6px;accent-color:#16A34A;min-height:44px}
.tacche{display:flex;justify-content:space-between;font-size:12px;color:var(--t3);font-weight:700}
.inc-did{font-size:16px;line-height:1.6;color:var(--chiaro1);padding-left:16px;border-left:3px solid var(--g);margin-bottom:26px}
.pdn{border-radius:24px;padding:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.pdn h3{font-family:var(--fd);font-size:22px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px;color:#fff}
.pdn p{font-size:15.5px;line-height:1.6;color:var(--chiaro1)}
.pdn-posti{list-style:none;display:flex;flex-wrap:wrap;margin:10px -4px 0}
.pdn-posti li{margin:4px;padding:7px 12px;border-radius:100px;background:var(--carta);color:var(--t1);font-size:13px;font-weight:700}
.pdn-posti li:first-child{background:var(--g);color:var(--dark)}

/* --- scena 4: i conti del mese ------------ */
.conti-in{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:28px;gap:28px;align-items:start}
@media(min-width:1024px){.conti-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:56px;gap:56px}}
.redd{background:#fff;border:1px solid var(--linea);border-radius:28px;padding:22px 20px;box-shadow:0 30px 60px -40px rgba(11,26,20,.45)}
@media(min-width:768px){.redd{padding:30px 32px}}
.redd-testa{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between}
.redd h3{font-family:var(--fd);font-size:clamp(23px,2.4vw,30px);font-weight:800;letter-spacing:-.015em;line-height:1.15;margin:0 12px 8px 0}
.redd>p{font-size:16px;line-height:1.6;color:var(--t2);max-width:46ch}
.redd-l{margin-top:18px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.redd-barre{list-style:none;margin-top:8px}
.redd-barre li{display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr) 3.4em;grid-column-gap:12px;column-gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--linea)}
.redd-barre .nm{font-weight:700;font-size:15px;line-height:1.25;min-width:0}
.redd-barre .nm small{display:block;font-weight:600;font-size:12.5px;color:var(--t3)}
.redd-barre .bb{display:block;height:14px;border-radius:100px;background:rgba(20,18,16,.06);overflow:hidden}
.redd-barre .bb i{display:block;height:100%;width:100%;border-radius:100px;background:var(--g2);transform-origin:left center;transform:scaleX(0);transition:transform 900ms var(--mv-c-pannello)}
.redd-barre li:first-child .bb i{background:var(--g)}
.redd-barre b{font-family:var(--fd);font-size:17px;font-weight:800;text-align:right;white-space:nowrap}
.redd-barre li:first-child b{color:var(--gtg)}
.conti-lista{min-width:0}
.cl{display:grid;grid-template-columns:48px minmax(0,1fr);grid-column-gap:16px;column-gap:16px;padding:18px 0;border-top:1px solid var(--linea2)}
.cl:first-child{border-top:0;padding-top:0}
.cl-ic{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:var(--dark);color:var(--gl)}
.cl-ic .ic{width:22px;height:22px}
.cl h3{font-family:var(--fd);font-size:21px;font-weight:800;letter-spacing:-.01em;line-height:1.2;margin-bottom:4px}
.cl p{font-size:16px;line-height:1.6;color:var(--t2)}
.zappy{margin-top:56px;border-radius:30px;padding:28px 20px}
@media(min-width:768px){.zappy{padding:44px 48px}}
.zappy-in{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:26px;gap:26px;align-items:center}
@media(min-width:1024px){.zappy-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:56px;gap:56px}}
.zappy-t{font-family:var(--fd);font-weight:800;font-size:clamp(26px,3vw,40px);line-height:1.1;letter-spacing:-.025em;color:#fff;margin:14px 0 12px;max-width:22ch}
.zappy-in p{color:var(--chiaro1);font-size:16.5px;line-height:1.6;max-width:50ch}
.zappy-in p+p{margin-top:8px}
.bolle{list-style:none;margin-top:8px}
.bolla{margin-top:12px;padding:15px 18px;border-radius:20px;background:var(--carta);color:var(--t1);box-shadow:0 24px 50px -28px rgba(0,0,0,.6)}
.bolla:first-child{margin-top:0}
.liv{display:inline-block;margin-bottom:6px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:100px}
.liv.guarda{background:#FEF3C7;color:#92400E}
.liv.nota{background:#E0F2FE;color:#075985}
.liv.bene{background:rgba(34,197,94,.16);color:var(--gt)}
.bolla p,.zappy-in .bolla p{font-size:16.5px;line-height:1.45;font-weight:700;color:var(--t1)}
.conti-piede{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:26px}
.conti-piede .piccolo{max-width:60ch;margin:6px 24px 6px 0}

/* --- toccala ------------ */
.demo-sez .sh2{margin-left:auto;margin-right:auto}
.demo-passi{list-style:none;counter-reset:dp;display:flex;flex-wrap:wrap;justify-content:center;max-width:860px;margin:30px auto 34px}
.demo-passi li{counter-increment:dp;display:inline-flex;align-items:center;margin:5px;padding:8px 14px 8px 8px;border-radius:100px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:15px;font-weight:700;color:#fff}
.demo-passi li::before{content:counter(dp);display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:9px;border-radius:50%;background:var(--g);color:var(--dark);font-size:13px;font-weight:800}
.demo-sez .piccolo{margin-top:16px}

/* --- la rubrica ------------ */
.rub-in{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center}
@media(min-width:1024px){.rub-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-column-gap:64px;column-gap:64px}.rub-in .testa{margin-bottom:0}.rub-in .frase-fine{grid-column:1/-1;margin-top:40px}}
.zero{display:flex;align-items:center;background:#fff;border:1px solid var(--linea);border-radius:26px;padding:20px 22px}
.zero-n{flex:none;display:flex;align-items:center;justify-content:center;width:84px;height:84px;margin-right:20px;border-radius:24px;background:var(--g);color:var(--dark);font-family:var(--fd);font-weight:800;font-size:40px;letter-spacing:-.04em;line-height:1;white-space:nowrap}
.zero h3{font-family:var(--fd);font-size:22px;font-weight:800;margin-bottom:4px}
.zero p{font-size:15.5px;line-height:1.6;color:var(--t2)}
@media(max-width:420px){.zero{flex-direction:column;align-items:flex-start}.zero-n{margin:0 0 14px}}
.riga-neutra{font-size:16px;line-height:1.6;color:var(--t1);border:1.5px dashed var(--linea2);border-radius:18px;padding:16px 18px;margin-top:14px}
.frase-fine{font-family:var(--fd);font-size:clamp(22px,3.2vw,36px);font-weight:700;line-height:1.3;letter-spacing:-.015em;max-width:34ch;margin-top:26px}
.frase-fine b{color:var(--gtg)}

/* --- la storia (colonne alla stessa altezza, niente tondo con la M) ----- */
.storia-occh{margin-bottom:22px}
.storia{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:16px;gap:16px;align-items:stretch}
@media(min-width:900px){.storia{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-gap:24px;gap:24px}}
.cit{margin:0;border-radius:28px;padding:28px 24px 24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;justify-content:space-between}
@media(min-width:768px){.cit{padding:40px 40px 32px}}
.cit p{font-family:var(--fd);font-size:clamp(21px,2.4vw,31px);font-weight:600;line-height:1.38;color:#fff}
.cit footer{display:flex;align-items:center;margin-top:24px;font-size:16.5px;font-weight:700;color:var(--gl)}
.firma-l{display:inline-block;width:34px;height:3px;margin-right:12px;border-radius:3px;background:var(--g)}
.storia-dx{border-radius:28px;padding:26px 24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;justify-content:space-between}
@media(min-width:768px){.storia-dx{padding:36px 34px 30px}}
.tre-righe{list-style:none}
.tre-righe li{display:flex;align-items:flex-start;font-size:17px;line-height:1.5;color:var(--chiaro1);padding:12px 0;border-top:1px solid rgba(255,255,255,.12)}
.tre-righe li:first-child{border-top:0;padding-top:0}
.tre-righe .ic{color:var(--gl);margin:3px 12px 0 0}
.storia-dx .link-freccia{margin-top:16px;align-self:flex-start}

/* --- come si parte ------------ */
.prima-passi{font-size:16.5px;color:var(--t1);margin-bottom:14px}
.passi4{position:relative;list-style:none;counter-reset:p4;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:12px;gap:12px;margin-bottom:22px}
@media(min-width:900px){.passi4{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}}
.passi4 li{counter-increment:p4;position:relative;background:#fff;border:1px solid var(--linea);border-radius:22px;padding:18px 18px 20px;min-width:0}
@media(max-width:899px){.passi4 li{display:grid;grid-template-columns:40px minmax(0,1fr);grid-column-gap:14px;column-gap:14px;padding:14px 16px}.passi4 li::before{grid-row:1/span 2;margin-bottom:0!important}}
.passi4 li::before{content:counter(p4);display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:12px;border-radius:50%;background:var(--dark);color:var(--gl);font-family:var(--fd);font-weight:800;font-size:18px}
.passi4 b{display:block;font-family:var(--fd);font-size:19px;line-height:1.3;margin-bottom:4px}
.passi4 span{display:block;font-size:15.5px;line-height:1.5;color:var(--t2)}
.parti-riga{font-size:16.5px;line-height:1.6;color:var(--t1);max-width:76ch;padding:16px 18px;border-radius:18px;background:rgba(34,197,94,.1);border:1px solid rgba(22,101,52,.18)}
.parti-riga b{font-weight:800}
.per-chi-w{margin-top:26px}
.per-chi{font-size:16.5px;line-height:1.9}
.per-chi span{display:inline-block;margin:0 4px 0 0;padding:0 10px;border-radius:100px;background:var(--ivory);border:1px solid var(--linea);font-size:15px;line-height:1.9}
.non-fa{font-size:15px;color:var(--t2);margin-top:8px}
.non-fa a{color:var(--gt);font-weight:700}

/* --- prezzi: il costo di ogni agenda in grande, in verde, accanto al totale --- */
.px{max-width:880px;margin:0 auto}
.px-dom{font-size:14.5px;color:var(--t2);text-align:center;margin-bottom:10px;min-height:1.5em}
.px-ag{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px;border-radius:22px;background:#fff;border:1px solid var(--linea)}
@media(min-width:600px){.px-ag{grid-template-columns:repeat(8,minmax(0,1fr))}}
.px-ag .ind,.px-per .ind{border-radius:17px;background:var(--dark);box-shadow:0 10px 22px -12px rgba(11,26,20,.7)}
.px-ag button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;min-width:44px;padding:6px 2px;border-radius:17px;transition:color var(--mv-cambio) ease}
.px-ag b{font-family:var(--fd);font-size:23px;font-weight:800;line-height:1.1;color:var(--t1);transition:color var(--mv-cambio) ease}
.px-ag span{font-size:12.5px;line-height:1.25;color:var(--t2);white-space:nowrap;transition:color var(--mv-cambio) ease}
.px-ag .px-ag-t{font-size:11.5px}
.px-ag button[aria-checked="true"],.px-per button[aria-checked="true"]{background:var(--dark);transition:color var(--mv-cambio) ease,background-color 0s linear var(--mv-morfo)}
.px-ag button[aria-checked="true"] b{color:#fff}
.px-ag button[aria-checked="true"] span{color:rgba(255,255,255,.86)}
@media(hover:hover) and (pointer:fine){.px-ag button:not([aria-checked="true"]):hover{background:var(--ivory)}}
.px-aiuto{text-align:center;font-size:16px;line-height:1.55;color:var(--t1);margin:14px auto 16px;min-height:1.55em}
.px-per{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;border-radius:22px;background:var(--ivory);border:1px solid var(--linea);margin-bottom:16px}
.px-per button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62px;padding:6px 4px;border-radius:17px;font-weight:800;font-size:16px;line-height:1.2;color:var(--t1);transition:color var(--mv-cambio) ease}
.px-per button em{font-style:normal;font-weight:700;font-size:12.5px;color:var(--t2);margin-top:3px;line-height:1.25;transition:color var(--mv-cambio) ease}
.px-per button[aria-checked="true"]{color:#fff}
.px-per button[aria-checked="true"] em{color:var(--gl)}
.px-per button:disabled{cursor:not-allowed;color:var(--t3)}
.px-per button:disabled em{color:var(--t3)}
.px-card{background:#fff;border:1px solid var(--linea);border-radius:30px;padding:22px 18px;box-shadow:0 30px 60px -40px rgba(11,26,20,.45)}
@media(min-width:600px){.px-card{padding:30px 32px}}
.px-numeri{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:12px;gap:12px;align-items:stretch}
@media(min-width:600px){.px-numeri{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
.px-l{display:block;font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--t2)}
.px-verde{position:relative;border-radius:24px;padding:16px 18px;background:#E3F7E9;border:1.5px solid rgba(22,163,74,.4)}
.px-verde .px-l{color:var(--gt)}
.px-v{display:block;font-family:var(--fd);font-weight:800;font-size:clamp(48px,13vw,80px);letter-spacing:-.045em;line-height:1.1;color:var(--gtg)}
@media(min-width:600px){.px-v{font-size:clamp(56px,7.5vw,84px)}}
.px-u{display:block;font-size:16px;font-weight:800;color:var(--t1);min-height:1.4em}
.px-verde .px-u{color:var(--gt)}
.px-tutto-n{border-radius:24px;padding:16px 18px;background:var(--ivory);display:flex;flex-direction:column;justify-content:flex-end}
.px-t{display:block;font-family:var(--fd);font-weight:800;font-size:clamp(34px,8vw,48px);letter-spacing:-.03em;line-height:1.1;color:var(--t1)}
.px-scende{position:absolute;right:12px;top:12px;padding:4px 10px;border-radius:100px;background:var(--g);color:var(--dark);font-size:13px;font-weight:800;opacity:0;pointer-events:none;white-space:nowrap}
.px-dett{margin-top:16px;font-size:15.5px;line-height:1.6;color:var(--t2);min-height:4.8em}
.px-dett b{color:var(--t1)}
.px-note-b{font-size:14px;line-height:1.5;color:var(--t2);margin-top:6px;min-height:1.5em}
.px-cta{width:100%;margin-top:16px}
.px-fond[hidden]{display:none}
.px-elenco{font-size:14px;line-height:1.5;color:var(--t2);margin-top:12px}
.px-elenco:empty{display:none}
.px-posti{margin-top:10px;padding:10px 12px;border-radius:14px;background:rgba(34,197,94,.09);border:1px solid rgba(22,101,52,.18);font-size:14.5px;line-height:1.45}
.px-posti b{font-family:var(--fd);font-size:16px}
.px-posti small{display:block;font-size:13.5px;color:var(--t2);margin-top:1px}
.px-dal{text-align:center;margin-top:16px}
.px-tutto-t{font-family:var(--fd);font-weight:800;font-size:22px;line-height:1.3;margin:40px 0 12px;text-align:center}
.px-tutto{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));grid-gap:2px 24px;gap:2px 24px}
.px-tutto li{display:flex;align-items:flex-start;font-size:15.5px;line-height:1.5;padding:8px 0;border-bottom:1px solid var(--linea);min-width:0}
.px-tutto .ic{color:var(--gt);margin:2px 10px 0 0;width:18px;height:18px}
.px-iva{font-size:14.5px;color:var(--t2);text-align:center;margin:20px auto 6px;max-width:56ch}
.px-conto{text-align:center}

/* --- telefono: più compatto (la pagina resta un teatro, ma si scorre meno) --- */
@media(max-width:767px){
  .sez{padding:48px 0}
  .testa{margin-bottom:22px}
  .vt-in{grid-gap:30px;gap:30px}
  .tel-schermo{height:530px}
  .rilievi{margin-top:32px}
  .atto-piede{margin-top:24px}
  .zappy{margin-top:40px}
  .conti-in{grid-gap:22px;gap:22px}
}
@media(max-width:767px){
  .rilievo .ril-vis{display:none}
  .rilievo h3{margin-top:0}
  .lato .richiesta{display:none}
  .lato .cassa-g{margin-top:8px}
  .atto-piede .atto-onesto{font-size:15.5px}
  .px-tutto li{font-size:14.5px;padding:6px 0}
  footer.piede{padding-top:48px}
  .pm-did{margin-top:40px}
  /* telefono: i telefoni disegnati un po' più bassi (le schermate ci stanno), niente righe ripetute */
  .tel-schermo{height:486px}
  .pm-due{display:none}
  .demo-passi{margin:22px auto 26px}
  .demo-passi li{margin:3px;padding:6px 12px 6px 6px;font-size:14px}
  .demo-passi li::before{width:24px;height:24px;margin-right:8px;font-size:12px}
  .passi4 li{padding:12px 14px}
  .passi4 li::before{width:34px;height:34px;font-size:16px}
  .passi4 b{font-size:17.5px;margin-bottom:2px}
  .passi4 span{font-size:15px}
  .passi4{grid-gap:10px;gap:10px}
  .px-tutto li{padding:5px 0}
  .faqq{font-size:17.5px;min-height:58px;padding:14px 0}
  .piede-g>div:last-child ul{display:flex;flex-wrap:wrap}
  .piede-g>div:last-child li{margin-right:18px}
}