/* Layout: hero con il quiz già aperto a destra, poi aree, risultato, modulo, domande frequenti. Tema unico chiaro come il sito. */
#clt-av{
  --inchiostro:#211f54; --blu:#3f49f6; --blu-700:#0c16c8; --lavanda-chiaro:#f2f1ff;
  --grigio-card:#eff0f6; --bordo:#dcddeb; --bianco:#ffffff; --testo-secondario:#5e6185;
  --testo-muto:#6e7191; --azzurro:#63d2ff; --lavanda:#a994fa; --viola:#836ae4;
  --sans:"Plusjakartadisplay","Plus Jakarta Sans",Arial,sans-serif;
  --r-sm:8px; --r-md:16px; --r-lg:24px; --pill:999px;
  --shadow-card:0 4px 10px #14142b0a; --shadow-hover:0 2px 12px 0 #14142b1a;
}
#clt-av *{box-sizing:border-box}
#clt-av img{padding:0}
.clt-av-wrap{max-width:1180px;margin:0 auto;padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px))}
.clt-av-sez{padding-block:100px}
.clt-av-sez.lav{background:var(--lavanda-chiaro)}
.clt-av-bozza{background:var(--inchiostro);color:var(--bianco);font-size:13px;padding-block:8px;text-align:center}
.clt-av-bozza b{color:var(--azzurro)}
.clt-av-k{font-size:12px;line-height:17px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blu);margin:0 0 8px}
h1.clt-av-h1{font-size:52px;line-height:58px;font-weight:800;letter-spacing:-.02em;margin:0 0 20px;text-wrap:balance}
h1.clt-av-h1 span,h2 span{color:var(--blu)}
h2.clt-av-h2{font-size:38px;line-height:44px;font-weight:700;margin:0 0 16px;text-wrap:balance}
h3{font-size:20px;line-height:27px;font-weight:700;margin:0}
.clt-av-lead{font-size:20px;line-height:32px;color:var(--testo-secondario);margin:0 0 28px;max-width:34em}
.clt-av-p{color:var(--testo-secondario);margin:0;max-width:62ch}
.clt-av-nota{font-size:13px;line-height:18px;color:var(--testo-muto)}

/* Bottoni */
.clt-av-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--pill);padding:14px 26px;font:700 16px/1 var(--sans);border:2px solid var(--blu);background:var(--blu);color:var(--bianco);cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.clt-av-btn:hover{background:var(--blu-700);border-color:var(--blu-700)}
.clt-av-btn.sec{background:transparent;color:var(--blu)}
.clt-av-btn.sec:hover{background:var(--lavanda-chiaro);color:var(--blu-700)}
.clt-av-btn[disabled]{opacity:.4;cursor:not-allowed}
.clt-av-btn:focus-visible,.clt-av-opt:focus-visible,#clt-av a:focus-visible,#clt-av input:focus-visible,#clt-av select:focus-visible{outline:2px solid var(--inchiostro);outline-offset:2px}
.clt-av-azioni{display:flex;flex-wrap:wrap;gap:12px}

/* Hero */
.clt-av-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:start;padding-block:72px 100px}
.clt-av-fatti{display:flex;flex-wrap:wrap;gap:8px 24px;margin:28px 0 0;padding:0;list-style:none;color:var(--testo-secondario);font-size:15px}
.clt-av-fatti li{display:flex;gap:8px;align-items:center}
.clt-av-fatti svg{flex:none}

/* Quiz */
.clt-av-quiz{background:var(--bianco);border:1px solid var(--bordo);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:32px;scroll-margin-top:24px}
.clt-av-testa{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.clt-av-area{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blu)}
.clt-av-passo{font-size:13px;color:var(--testo-muto);font-variant-numeric:tabular-nums}
.clt-av-prog{height:6px;background:var(--grigio-card);border-radius:var(--pill);overflow:hidden;margin-bottom:24px}
.clt-av-prog i{display:block;height:100%;width:0;background:var(--blu);border-radius:var(--pill);transition:width .3s}
.clt-av-dom:focus{outline:none}
.clt-av-dom{font-size:22px;line-height:30px;font-weight:700;margin:0 0 6px;text-wrap:balance}
.clt-av-sub{font-size:14px;color:var(--testo-secondario);margin:0 0 18px}
.clt-av-opts{display:grid;gap:10px}
.clt-av-opt{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;padding:14px 16px;border:1px solid var(--bordo);border-radius:var(--r-md);background:var(--bianco);font:500 15px/1.45 var(--sans);color:var(--inchiostro);cursor:pointer;transition:border-color .2s,background .2s}
.clt-av-opt:hover{border-color:var(--blu);background:var(--lavanda-chiaro)}
.clt-av-opt .dot{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--bordo);margin-top:1px;transition:border-color .2s,box-shadow .2s}
.clt-av-opt[aria-checked="true"]{border-color:var(--blu);background:var(--lavanda-chiaro)}
.clt-av-opt[aria-checked="true"] .dot{border-color:var(--blu);box-shadow:inset 0 0 0 4px var(--bianco);background:var(--blu)}
.clt-av-perche{margin-top:16px;padding:16px 18px;border-radius:var(--r-md);background:var(--grigio-card);font-size:14px;line-height:1.55;color:var(--testo-secondario)}
.clt-av-perche b{color:var(--inchiostro)}
.clt-av-perche .fonte{display:block;margin-top:6px;font-size:12.5px}
.clt-av-perche .nonso{display:block;margin-top:8px;color:var(--inchiostro)}
.clt-av-prova{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:700;font-size:14px;color:var(--blu)}
.clt-av-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.clt-av-indietro{background:none;border:0;font:600 15px var(--sans);color:var(--testo-secondario);cursor:pointer;padding:8px 0}
.clt-av-indietro:hover{color:var(--inchiostro)}
.clt-av-avviso{margin:14px 0 0;font-size:14px;color:var(--testo-secondario);padding:12px 14px;border:1px dashed var(--bordo);border-radius:var(--r-sm)}

/* Aree */
.clt-av-aree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
.clt-av-card{background:var(--bianco);border:1px solid var(--bordo);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:8px}
.clt-av-ico{width:44px;height:44px;border-radius:50%;background:var(--lavanda-chiaro);display:grid;place-items:center;color:var(--blu);margin-bottom:6px}
.clt-av-tappe{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--testo-secondario)}
.clt-av-card p{margin:0;color:var(--testo-secondario);font-size:15px}

/* Risultato */
.clt-av-ris{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;margin-top:8px}
.clt-av-esito{background:var(--inchiostro);color:var(--bianco);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;gap:14px}
.clt-av-esito .k{color:var(--lavanda);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.clt-av-num{font-size:96px;line-height:1;font-weight:800;letter-spacing:-.02em;color:var(--azzurro);font-variant-numeric:tabular-nums}
.clt-av-num small{font-size:28px;color:var(--lavanda);font-weight:700;letter-spacing:0}
.clt-av-liv{font-size:22px;line-height:29px;font-weight:700;margin:0}
.clt-av-esito p{margin:0;color:#d9d2ff}
.clt-av-scala{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}
.clt-av-scala span{height:8px;border-radius:var(--pill);background:#3a3778}
.clt-av-scala span.on{background:var(--azzurro)}
.clt-av-scala-l{display:flex;justify-content:space-between;font-size:12px;color:var(--lavanda)}
.clt-av-flag{padding:12px 14px;border-radius:var(--r-sm);background:#2d2a6b;color:var(--bianco);font-size:14px}
.clt-av-barre{background:var(--bianco);border:1px solid var(--bordo);border-radius:var(--r-lg);padding:32px}
.clt-av-barre h3{margin-bottom:20px}
.clt-av-riga{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) 48px;gap:14px;align-items:center;padding-block:9px;border-top:1px solid var(--grigio-card)}
.clt-av-riga:first-of-type{border-top:0}
.clt-av-riga .n{font-size:15px;font-weight:600}
.clt-av-riga .t{height:12px;background:var(--grigio-card);border-radius:var(--pill);overflow:hidden}
.clt-av-riga .t i{display:block;height:100%;background:var(--blu);border-radius:var(--pill);width:0;transition:width .6s}
.clt-av-riga .v{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.clt-av-riga .n em{display:inline-block;margin-left:8px;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blu);background:var(--lavanda-chiaro);border-radius:var(--pill);padding:2px 8px;vertical-align:2px}
.clt-av-esito .clt-av-btn{background:var(--bianco);border-color:var(--bianco);color:var(--inchiostro);align-self:flex-start}
.clt-av-esito .clt-av-btn:hover{background:var(--lavanda-chiaro);border-color:var(--lavanda-chiaro)}
.clt-av-metodo{font-size:13px;line-height:18px;color:var(--testo-muto);margin:16px 0 0}
.clt-av-fatto{display:grid;gap:14px}
.clt-av-fatto p{margin:0;color:var(--testo-secondario)}
.clt-av-copia{background:none;border:0;padding:8px 0;font:700 15px var(--sans);color:var(--blu);cursor:pointer}
.clt-av-copia:hover{color:var(--blu-700)}
.clt-av-form [aria-invalid=true]{border-color:#b3123f!important}
.clt-av-pri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.clt-av-pri .clt-av-card{gap:10px}
.clt-av-pri .num{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blu)}
.clt-av-pri .prova{background:var(--lavanda-chiaro);border-radius:var(--r-sm);padding:12px 14px;font-size:14px;color:var(--testo-secondario)}
.clt-av-pri .prova b{display:block;color:var(--inchiostro);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.clt-av-pri a{margin-top:auto;font-weight:700;font-size:14px;color:var(--blu);text-decoration:none}
.clt-av-pri a:hover{text-decoration:underline}
.clt-av-vuoto{border:1px dashed var(--bordo);border-radius:var(--r-lg);padding:40px 32px;text-align:center;color:var(--testo-secondario)}
.clt-av-vuoto p{margin:0 auto 18px;max-width:46ch}

/* Modulo */
.clt-av-mod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.clt-av-lista{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
.clt-av-lista li{display:flex;gap:12px;color:var(--testo-secondario)}
.clt-av-lista li svg{flex:none;color:var(--blu);margin-top:3px}
.clt-av-form{background:var(--bianco);border:1px solid var(--bordo);border-radius:var(--r-lg);padding:32px;display:grid;gap:12px}
.clt-av-form label{font-size:14px;font-weight:600;display:grid;gap:6px}
.clt-av-form input[type=text],.clt-av-form input[type=email],.clt-av-form input[type=url],.clt-av-form select{width:100%;border:1px solid var(--bordo);border-radius:var(--pill);padding:12px 18px;font:400 15px var(--sans);color:var(--inchiostro);background:var(--bianco)}
.clt-av-form .due{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.clt-av-form .cons{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13px;color:var(--testo-secondario)}
.clt-av-form .cons input{margin-top:3px;flex:none}
.clt-av-form .err{color:#b3123f;font-size:13px;margin:0}
.clt-av-form .clt-av-btn{width:100%;margin-top:4px}
.clt-av-ok{display:grid;gap:14px}
.clt-av-ok h3{font-size:24px;line-height:30px}
.clt-av-alt{margin-top:28px;padding:24px;border-radius:var(--r-lg);background:var(--bianco);border:1px solid var(--bordo);display:flex;gap:18px;align-items:center}
.clt-av-alt .doc{flex:none;width:72px;height:auto;filter:drop-shadow(0 8px 20px #211f541a);transform:rotate(-4deg)}
#clt-av-singola .clt-av-alt .doc{width:92px}
.clt-av-alt p{margin:0 0 8px;font-size:15px;color:var(--testo-secondario)}
.clt-av-alt a{font-weight:700;color:var(--blu);text-decoration:none}

/* FAQ */
.clt-av-faq{display:grid;gap:12px;margin-top:32px;max-width:820px}
.clt-av-faq details{background:var(--bianco);border:1px solid var(--bordo);border-radius:var(--r-md);padding:18px 22px}
.clt-av-faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;padding:18px 22px;margin:-18px -22px;min-height:44px;border-radius:var(--r-md)}
.clt-av-faq summary:focus-visible{outline:2px solid var(--inchiostro);outline-offset:2px}
.clt-av-faq summary::-webkit-details-marker{display:none}
.clt-av-faq summary::after{content:"+";color:var(--blu);font-size:20px;line-height:1}
.clt-av-faq details[open] summary::after{content:"–"}
.clt-av-faq p{margin:10px 0 0;color:var(--testo-secondario)}
.clt-av-faq p a{color:var(--blu);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.clt-av-chiusura{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.clt-av-chiusura h2{margin:0;max-width:22em}

@media (max-width:900px){
  .clt-av-hero,.clt-av-ris,.clt-av-mod{grid-template-columns:minmax(0,1fr)}
  .clt-av-hero{gap:36px;padding-block:40px 64px}
  .clt-av-aree,.clt-av-pri{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .clt-av-sez{padding-block:64px}
}
@media (max-width:600px){
  h1.clt-av-h1{font-size:36px;line-height:42px}
  h2.clt-av-h2{font-size:28px;line-height:34px}
  .clt-av-lead{font-size:18px;line-height:28px}
  .clt-av-aree,.clt-av-pri,.clt-av-form .due{grid-template-columns:minmax(0,1fr)}
  .clt-av-quiz,.clt-av-esito,.clt-av-barre,.clt-av-form{padding:22px}
  .clt-av-riga{grid-template-columns:minmax(0,1fr) 44px;row-gap:6px}
  .clt-av-riga .t{grid-column:1 / -1;grid-row:2}
  .clt-av-num{font-size:76px}
  .clt-av-sez{padding-block:48px}
}

@media (prefers-reduced-motion:reduce){#clt-av *{transition:none!important}}

/* Adattamenti per calton.io: sotto la barra fissa del sito, al riparo dagli stili globali di Webflow */
#clt-av{display:block;background:var(--bianco);color:var(--inchiostro);font-family:var(--sans);font-size:16px;line-height:1.55;padding-top:92px}
#clt-av h1,#clt-av h2,#clt-av h3,#clt-av p,#clt-av ul,#clt-av li,#clt-av label,#clt-av button,#clt-av input,#clt-av select,#clt-av summary{font-family:var(--sans)}
#clt-av h1,#clt-av h2,#clt-av h3{color:var(--inchiostro)}
#clt-av [hidden]{display:none!important}
#clt-av a{text-decoration:none}
@media (max-width:991px){#clt-av{padding-top:76px}}