@font-face{font-family:'Rubik';src:url(/aiservicedesk/font/rubik-latin.woff2) format('woff2');font-weight:300 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rubik';src:url(/aiservicedesk/font/rubik-latin-ext.woff2) format('woff2');font-weight:300 700;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Karla';src:url(/aiservicedesk/font/karla-latin.woff2) format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Karla';src:url(/aiservicedesk/font/karla-latin-ext.woff2) format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* I colori e i caratteri sono quelli del sito principale mcsi.it (tema Astra): blu, grigio, Rubik e Karla. */
:root{--blu:#1d60a1;--blu-scuro:#164b7e;--blu-tenue:#e8f0f8;--testo:#575756;--forte:#2f2f2e;--bianco:#fff;--fondo:#fff;--fondo-tenue:#f8f9fa;--linea:#e0e0e0;
--titoli:'Rubik',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--sans:'Karla',-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--testo);font-family:var(--sans);font-size:17px;line-height:1.65}
strong{color:var(--forte)}
a{color:var(--blu)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blu);outline-offset:2px}
.contenitore{max-width:1140px;margin:0 auto;padding-inline:20px}
.testo{max-width:760px}
h1,h2,h3{font-family:var(--titoli);color:var(--blu);font-weight:400;text-wrap:balance}
header.testa{background:var(--blu);color:#fff}
header.testa .contenitore{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:12px}
.marchio{display:flex;align-items:center;gap:16px}
.marchio a{color:#fff;text-decoration:none}
.marchio img{height:58px;width:auto;display:block}
.marchio span{font-family:var(--titoli);font-size:1.15em;padding-left:16px;border-left:1px solid rgba(255,255,255,.45);line-height:1.2}
nav.voci{display:flex;gap:2px;flex-wrap:wrap;align-items:center}
nav.voci a{font-family:var(--titoli);color:#fff;text-decoration:none;padding:8px 14px;border-radius:4px;font-size:.98em}
nav.voci a:hover{background:rgba(255,255,255,.12)}
nav.voci a[aria-current=page]{background:rgba(255,255,255,.18)}
nav.voci a.bottone{background:#fff;color:var(--blu);margin-left:8px}
nav.voci a.bottone:hover{background:var(--blu-tenue)}
nav.voci a.lingua{border:1px solid rgba(255,255,255,.55);margin-left:8px;padding:6px 10px;font-size:.85em;letter-spacing:.5px}
.apertura{background:var(--fondo-tenue);border-bottom:1px solid var(--linea);padding-block:48px 52px}
.occhiello{font-family:var(--titoli);font-size:.82em;letter-spacing:2px;text-transform:uppercase;color:var(--testo);margin:0 0 10px}
h1{font-size:clamp(1.9em,4.4vw,2.8em);line-height:1.15;margin:0 0 16px;max-width:860px}
.apertura p.guida{font-size:1.18em;max-width:700px;margin:0 0 26px}
h2{font-size:clamp(1.5em,3vw,2em);line-height:1.2;margin:0 0 14px}
h3{font-size:1.2em;margin:0 0 8px}
section{padding-block:52px}
section+section{border-top:1px solid var(--linea)}
.pulsanti{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 22px;border-radius:4px;font-family:var(--titoli);text-decoration:none;border:2px solid transparent;font-size:1em;cursor:pointer}
.btn.pieno,.btn.scuro{background:var(--blu);color:#fff}
.btn.pieno:hover,.btn.scuro:hover{background:var(--blu-scuro)}
.btn.vuoto{border-color:var(--blu);color:var(--blu);background:transparent}
.btn.vuoto:hover{background:var(--blu-tenue)}
.griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:28px}
.griglia.attiva{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}
.scheda{background:var(--fondo-tenue);border:1px solid var(--linea);border-radius:6px;padding:24px}
.scheda p{margin:0}
ul.punti{list-style:none;padding:0;margin:0}
ul.punti li{position:relative;padding-left:26px;margin-bottom:12px}
ul.punti li::before{content:"";position:absolute;left:3px;top:.62em;width:9px;height:9px;background:#cfcfcf;transform:rotate(45deg)}
.nota{font-size:.93em}
.tabella{overflow-x:auto;margin:18px 0}
table{border-collapse:collapse;width:100%;background:var(--bianco);border:1px solid var(--linea);font-size:.97em}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--linea);vertical-align:top}
th{background:var(--blu-tenue);font-family:var(--titoli);font-weight:500;color:var(--blu)}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.fasce td{white-space:nowrap}
tr:last-child td{border-bottom:none}
.calc{background:var(--blu);color:#fff;border-radius:6px;padding:30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:30px;margin:24px 0}
.calc h3{color:#fff;font-size:1.35em;margin-bottom:12px}
.calc label{display:block;color:#d6e4f2;font-size:.95em;margin-bottom:6px}
.calc input{width:100%;max-width:220px;font-size:1.35em;padding:10px 12px;border-radius:4px;border:1px solid #fff;background:#fff;color:var(--forte);font-family:var(--titoli)}
.calc .riga{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.25);font-variant-numeric:tabular-nums}
.calc .riga span:first-child{color:#d6e4f2}
.calc .riga span:last-child{text-align:right;white-space:nowrap}
.calc .tot{border-bottom:none;padding-top:14px;font-family:var(--titoli)}
.calc .tot span:last-child{font-size:1.9em;color:#fff}
.calc .nota{color:#d6e4f2;margin:10px 0 16px}
.calc .btn.pieno{background:#fff;color:var(--blu)}
.calc .btn.pieno:hover{background:var(--blu-tenue)}
form.modulo{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;background:var(--fondo-tenue);border:1px solid var(--linea);border-radius:6px;padding:26px}
form.modulo .intero{grid-column:1/-1}
form.modulo label{display:block;font-family:var(--titoli);color:var(--forte);font-size:.95em;margin-bottom:6px}
form.modulo label small{font-family:var(--sans);color:var(--testo)}
form.modulo input[type=text],form.modulo input[type=email],form.modulo input[type=tel],form.modulo input[type=number],form.modulo select,form.modulo textarea{width:100%;padding:11px 12px;border:1px solid #c9c9c9;border-radius:4px;font:inherit;background:#fff;color:var(--forte)}
form.modulo textarea{min-height:110px;resize:vertical}
form.modulo .spunta{display:flex;gap:10px;align-items:flex-start;font-family:var(--sans);color:var(--testo)}
form.modulo .spunta input{margin-top:5px;width:18px;height:18px;flex-shrink:0;accent-color:var(--blu)}
form.modulo .errore{color:#a12a1a;font-size:.88em;margin-top:4px}
.pagato{background:#e9f6ee;border:1px solid #b6dec3;border-radius:10px;padding:18px 20px;margin:0 0 22px}
.pagato b{display:block;font-family:var(--titoli);font-weight:500;font-size:1.15em;color:#14532d;margin-bottom:4px}
.pagato p{margin:0;color:#1f3d2a}
.esito{grid-column:1/-1;padding:14px 16px;border-radius:4px;margin:0}
.esito.ok{background:#e3f1e6;color:#1d4d2a}
.esito.ko{background:#f8e4df;color:#7a2414}
.nascosto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.passi{counter-reset:p;list-style:none;padding:0;margin:0;display:grid;gap:14px}
.passi li{counter-increment:p;padding-left:46px;position:relative}
.passi li::before{content:counter(p);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--blu);color:#fff;display:grid;place-items:center;font-family:var(--titoli);font-size:.95em}
.legale h2{font-size:1.35em;margin-top:34px}
footer.piede{background:var(--blu-scuro);color:#d6e4f2;font-size:.9em;padding-block:30px;margin-top:20px}
footer.piede a{color:#fff}
footer.piede .contenitore{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media (max-width:760px){
 .calc{grid-template-columns:1fr;padding:20px}
 form.modulo{grid-template-columns:1fr;padding:18px}
 .griglia.attiva{grid-template-columns:1fr}
 section{padding-block:38px}
 .marchio img{height:46px}
 nav.voci a.bottone{margin-left:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.consenso{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:50;max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--linea);border-radius:8px;box-shadow:0 12px 34px -10px rgba(15,40,70,.35);padding:16px 18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.consenso p{margin:0;flex:1 1 320px;font-size:.93em}
.consenso .pulsanti{gap:8px}
.consenso .btn{padding:8px 16px}
button.link{background:none;border:0;padding:0;font:inherit;color:#fff;text-decoration:underline;cursor:pointer}
/* --- Apertura con la demo --- */
.apertura .contenitore.con-demo{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center}
.vivo{display:inline-flex;align-items:center;gap:8px;font-family:var(--titoli);font-size:.88em;color:var(--blu);background:var(--blu-tenue);border-radius:30px;padding:5px 12px 5px 10px;margin:0 0 14px}
.vivo i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:polso 2s infinite}
@keyframes polso{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.demo{position:relative;min-width:0}
.con-demo>div{min-width:0}
.finestra{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 22px 50px -18px rgba(15,40,70,.45),0 2px 6px rgba(15,40,70,.12);border:1px solid #d9e2ea;max-width:440px;margin-left:auto}
.finestra .barra{background:#173e63;color:#fff;display:flex;align-items:center;gap:10px;padding:11px 14px}
.finestra .barra .ham{width:30px;height:26px;border-radius:6px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:14px}
.finestra .barra .punto{width:10px;height:10px;border-radius:50%;background:#22c55e}
.finestra .barra b{font-family:var(--titoli);font-weight:500;font-size:.98em;display:block;line-height:1.1}
.finestra .barra small{font-size:.74em;color:#cfe0ef}
.finestra .barra .log{margin-left:auto;font-size:.75em;background:rgba(255,255,255,.13);padding:4px 10px;border-radius:6px}
.finestra canvas{display:block;width:100%;max-width:100%;height:92px;background:#0b1117}
.finestra .chat{height:318px;overflow:hidden;padding:14px;display:flex;flex-direction:column;gap:9px;justify-content:flex-end;background:#fff}
.bolla{max-width:86%;padding:9px 12px;border-radius:12px;font-size:.88em;line-height:1.45;animation:entra .35s ease-out both}
.bolla.ai{background:#f0f1f2;color:#222;align-self:flex-start;border-top-left-radius:4px}
.bolla.io{background:#173e63;color:#fff;align-self:flex-end;border-top-right-radius:4px}
.bolla.passi{background:#f6faf7;border:1px solid #d5ebdb;color:#234}
.bolla.passi div{display:flex;gap:7px;align-items:baseline}
.bolla.passi div::before{content:"✓";color:#16a34a;font-weight:700}
.bolla.passi div.in-corso::before{content:"";width:9px;height:9px;border:2px solid #9bb;border-top-color:#173e63;border-radius:50%;animation:gira .8s linear infinite;align-self:center}
.bolla.esito{background:#e8f6ec;color:#1d4d2a;border:1px solid #bfe3c9;font-family:var(--titoli);font-size:.84em}
.bolla.scala{background:#fff6e5;color:#6b4a00;border:1px solid #f1d9a6;font-family:var(--titoli);font-size:.84em}
.digita{display:inline-flex;gap:4px;padding:11px 12px}
.digita i{width:6px;height:6px;border-radius:50%;background:#9aa6b1;animation:salta 1s infinite}
.digita i:nth-child(2){animation-delay:.15s}.digita i:nth-child(3){animation-delay:.3s}
@keyframes salta{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
@keyframes entra{from{transform:translateY(10px)}to{transform:none}}
@keyframes gira{to{transform:rotate(360deg)}}
.finestra .scrivi{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #eef1f3}
.finestra .scrivi span{flex:1;border:1px solid #c9d2d9;border-radius:7px;padding:8px 10px;font-size:.82em;color:#8a96a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.finestra .scrivi b{background:#173e63;color:#fff;border-radius:7px;padding:8px 14px;font-size:.82em;font-weight:500}
.demo .didascalia{font-size:.8em;color:#7a8791;text-align:right;margin:10px 2px 0;max-width:440px;margin-left:auto}
.demo .casi{display:flex;gap:6px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap}
.demo .casi button{font:inherit;font-size:.78em;border:1px solid #c8d6e3;background:#fff;color:var(--blu);border-radius:20px;padding:4px 11px;cursor:pointer}
.demo .casi button[aria-pressed=true]{background:var(--blu);color:#fff;border-color:var(--blu)}

/* --- Icone nelle schede --- */
.icona{width:44px;height:44px;border-radius:10px;background:var(--blu-tenue);display:grid;place-items:center;margin-bottom:14px}
.icona svg{width:24px;height:24px;stroke:var(--blu);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* --- Percorso di un caso --- */
.percorso{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:28px 0 8px;position:relative}
.tappa{position:relative;padding:0 10px;text-align:center}
.tappa .cerchio{width:64px;height:64px;border-radius:50%;margin:0 auto 12px;background:#fff;border:2px solid var(--linea);display:grid;place-items:center;position:relative;z-index:1;transition:border-color .4s,background .4s,transform .4s}
.tappa .cerchio svg{width:28px;height:28px;stroke:#9aa6b1;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
.tappa.accesa .cerchio{border-color:var(--blu);background:var(--blu);transform:scale(1.06)}
.tappa.accesa .cerchio svg{stroke:#fff}
.tappa h3{font-size:1.02em;margin-bottom:4px}
.tappa p{font-size:.9em;margin:0}
.tappa:not(:last-child)::after{content:"";position:absolute;top:31px;left:calc(50% + 34px);right:calc(-50% + 34px);height:2px;background:repeating-linear-gradient(90deg,var(--blu) 0 8px,transparent 8px 14px);background-size:28px 2px;opacity:.35;animation:scorri 1.2s linear infinite}
@keyframes scorri{to{background-position:28px 0}}
.ramo{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:22px;flex-wrap:wrap}
.ramo .pillola{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--linea);background:var(--fondo-tenue);border-radius:30px;padding:8px 16px;font-size:.92em}
.ramo .pillola svg{width:20px;height:20px;stroke:var(--blu);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* --- Telefonata --- */
.telefonata{background:var(--blu);color:#fff;border-radius:10px;padding:24px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start}
.telefonata .onda{display:flex;gap:4px;align-items:center;height:64px;padding:0 6px}
.telefonata .onda i{width:5px;border-radius:3px;background:#bfe0ff;height:12px;animation:voce 1.1s ease-in-out infinite}
.telefonata .onda i:nth-child(2){animation-delay:.1s}.telefonata .onda i:nth-child(3){animation-delay:.25s}.telefonata .onda i:nth-child(4){animation-delay:.05s}
.telefonata .onda i:nth-child(5){animation-delay:.3s}.telefonata .onda i:nth-child(6){animation-delay:.15s}.telefonata .onda i:nth-child(7){animation-delay:.2s}
@keyframes voce{0%,100%{height:10px}50%{height:52px}}
.telefonata .righe{display:flex;flex-direction:column;gap:8px;min-height:190px;justify-content:flex-end}
.telefonata .riga-t{font-size:.92em;line-height:1.45;animation:entra .35s ease-out both}
.telefonata .riga-t b{font-family:var(--titoli);font-weight:500;color:#bfe0ff;margin-right:6px}
.telefonata .stato{font-family:var(--titoli);font-size:.82em;color:#cfe0ef;margin-top:8px;display:flex;align-items:center;gap:8px}
.telefonata .stato i{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:polso 2s infinite}

/* --- Scala dei casi --- */
.scala{display:grid;gap:12px;margin-top:24px}
.gradino{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;background:var(--fondo-tenue);border:1px solid var(--linea);border-radius:8px;padding:16px 18px}
.gradino .livello{height:10px;border-radius:5px;background:#dfe7ef;overflow:hidden}
.gradino .livello i{display:block;height:100%;width:var(--l);background:linear-gradient(90deg,#5b9bd5,var(--blu));border-radius:5px;transform-origin:left}
.scala.anima .gradino .livello i{animation:cresce 1.4s ease-out both}
.scala.anima .gradino:nth-child(2) .livello i{animation-delay:.15s}.scala.anima .gradino:nth-child(3) .livello i{animation-delay:.3s}.scala.anima .gradino:nth-child(4) .livello i{animation-delay:.45s}.scala.anima .gradino:nth-child(5) .livello i{animation-delay:.6s}
@keyframes cresce{from{transform:scaleX(.08)}to{transform:none}}
.gradino small{display:block;font-family:var(--titoli);font-size:.78em;letter-spacing:1px;text-transform:uppercase;margin-top:6px;color:var(--testo)}
.gradino h3{font-size:1.05em;margin:0 0 3px}
.gradino p{margin:0;font-size:.94em}
/* --- Tre modi --- */
.modi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}
.modo{border:1px solid var(--linea);border-radius:8px;padding:22px;background:#fff;position:relative}
.modo .tag{display:inline-block;font-family:var(--titoli);font-size:.78em;letter-spacing:1px;text-transform:uppercase;color:var(--blu);background:var(--blu-tenue);border-radius:20px;padding:3px 10px;margin-bottom:10px}
.modo .barra-mix{display:flex;height:8px;border-radius:4px;overflow:hidden;margin:14px 0 6px}
.modo .barra-mix span:first-child{background:var(--blu)}
.modo .barra-mix span:last-child{background:#9bbbd9}
.modo .legenda{font-size:.8em;display:flex;justify-content:space-between}
@media (max-width:900px){
 .apertura .contenitore.con-demo{grid-template-columns:minmax(0,1fr);gap:30px}
 .finestra,.demo .didascalia{margin-left:0;margin-right:auto}
 .demo .casi{justify-content:flex-start}
 .demo .didascalia{text-align:left}
}
@media (max-width:760px){
 .percorso{grid-template-columns:1fr;gap:26px}
 .tappa{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;text-align:left;align-items:center;padding:0}
 .tappa .cerchio{margin:0}
 .tappa:not(:last-child)::after{top:66px;left:31px;right:auto;width:2px;height:26px;background:repeating-linear-gradient(180deg,var(--blu) 0 6px,transparent 6px 11px);background-size:2px 22px;animation:scorriv 1.2s linear infinite}
 .telefonata{grid-template-columns:1fr}
 .gradino{grid-template-columns:1fr;gap:10px}
 .modi{grid-template-columns:1fr}
 .finestra .chat{height:300px}
}
@keyframes scorriv{to{background-position:0 22px}}
@media (prefers-reduced-motion:reduce){
 .vivo i,.telefonata .onda i,.telefonata .stato i,.tappa:not(:last-child)::after,.digita i,.bolla,.riga-t,.gradino .livello i,.traccia i{animation:none!important}
}
.campagna,.inventario{background:#fff;border:1px solid var(--linea);border-radius:10px;box-shadow:0 14px 34px -20px rgba(15,40,70,.35);overflow:hidden}
.campagna .capo,.inventario .capo{background:#173e63;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-family:var(--titoli);font-size:.92em}
.campagna .capo small,.inventario .capo small{color:#cfe0ef;font-family:var(--sans)}
.campagna .avanzamento{height:6px;background:#e3ebf3}
.campagna .avanzamento i{display:block;height:100%;width:0;background:#22c55e;transition:width .6s ease}
.campagna table{border:none;font-size:.86em}
.campagna td{padding:8px 14px;border-bottom:1px solid #eef1f3}
.campagna td:last-child{text-align:right}
.chip{display:inline-block;font-family:var(--titoli);font-size:.8em;border-radius:20px;padding:2px 10px;white-space:nowrap}
.chip.coda{background:#eef1f4;color:#5c6b77}
.chip.corso{background:#fff3d6;color:#7a5600}
.chip.ok{background:#e3f4e8;color:#1d5a2e}
.inventario dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;margin:0;padding:14px 16px;font-size:.88em}
.inventario dt{color:#7a8791}
.inventario dd{margin:0;color:var(--forte)}
.inventario .barra-disco{height:6px;background:#e3ebf3;border-radius:3px;overflow:hidden;margin-top:4px}
.inventario .barra-disco i{display:block;height:100%;width:62%;background:var(--blu)}
.inventario ul{list-style:none;margin:0;padding:4px 16px 14px;font-size:.86em}
.inventario li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #eef1f3}
.chip.std{background:var(--blu-tenue);color:var(--blu)}
.chip.no{background:#fde8e4;color:#8a2a17}
.filiera{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:22px;counter-reset:f}
.anello{position:relative;background:var(--fondo-tenue);border:1px solid var(--linea);border-radius:8px;padding:18px 16px 16px;counter-increment:f}
.anello::before{content:counter(f);position:absolute;top:-13px;left:14px;width:26px;height:26px;border-radius:50%;background:var(--blu);color:#fff;display:grid;place-items:center;font-family:var(--titoli);font-size:.85em}
.anello h3{font-size:1.02em;margin:6px 0 6px}
.anello p{font-size:.9em;margin:0 0 10px}
.anello .chi{display:inline-block;font-family:var(--titoli);font-size:.74em;letter-spacing:.6px;text-transform:uppercase;border-radius:20px;padding:3px 9px}
.anello .chi.persone{background:#fff3d6;color:#7a5600}
.anello .chi.ai{background:var(--blu-tenue);color:var(--blu)}
.anello .prezzo{display:block;font-family:var(--titoli);font-size:.85em;color:var(--forte);margin-top:8px}
@media (max-width:1000px){.filiera{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}}
@media (max-width:600px){.filiera{grid-template-columns:minmax(0,1fr)}}
.divisione{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:20px;margin-top:22px}
.lato{border-radius:10px;padding:22px}
.lato.persone{background:#fff7e6;border:1px solid #f1d9a6}
.lato.ai{background:var(--blu);color:#fff}
.lato.ai h3,.lato.ai strong{color:#fff}
.lato h3{margin-top:0}
.lato ul{margin:10px 0 0;padding-left:1.1em}
.lato li{margin-bottom:6px}
.lato.ai ul{columns:2;column-gap:28px}
@media (max-width:760px){.divisione{grid-template-columns:minmax(0,1fr)}.lato.ai ul{columns:1}}
.richieste-griglia{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:center}
@media (max-width:900px){.richieste-griglia{grid-template-columns:minmax(0,1fr)}}
.confronto{display:grid;gap:14px;margin:22px 0 10px}
.barra-conf{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr) auto;gap:14px;align-items:center}
.barra-conf .nome{font-family:var(--titoli);color:var(--forte);line-height:1.25}
.barra-conf .nome small{display:block;font-family:var(--sans);color:var(--testo);font-size:.82em}
.barra-conf .traccia{height:26px;background:#eef2f6;border-radius:5px;overflow:hidden}
.barra-conf .traccia i{display:block;height:100%;border-radius:5px;transform-origin:left;width:var(--w)}
.barra-conf.loro .traccia i{background:#b9c3cc}
.barra-conf.noi .traccia i{background:linear-gradient(90deg,#5b9bd5,var(--blu))}
.confronto.anima .traccia i{animation:cresce 1.2s ease-out both}
.barra-conf .cifra{font-family:var(--titoli);font-size:1.15em;color:var(--forte);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;min-width:120px}
.barra-conf .cifra small{display:block;font-size:.72em;color:#1d7a3a}
.voci-esempio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.voce-esempio{border:1px solid var(--linea);border-radius:8px;padding:18px;background:#fff}
.voce-esempio.noi{border-color:#b7cfe6}
.voce-esempio h3{font-size:1.05em;margin:0 0 10px}
.voce-esempio table{border:none;font-size:.9em;background:none}
.voce-esempio td{padding:5px 0;border-bottom:1px dashed #e3e7eb}
.voce-esempio td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.voce-esempio tr.tot td{border-bottom:none;font-family:var(--titoli);color:var(--forte);padding-top:8px}
.voce-esempio .note{font-size:.84em;margin:10px 0 0}
.modi.due-pacchetti{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.modi.due-pacchetti{grid-template-columns:minmax(0,1fr)}}
.risparmio{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;background:#e9f6ee;border:1px solid #b6dec3;border-radius:10px;padding:18px 20px;margin:18px 0}
.risparmio .ico{width:44px;height:44px;border-radius:50%;background:#1d7a3a;display:grid;place-items:center}
.risparmio .ico svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.risparmio b{display:block;font-family:var(--titoli);font-weight:500;font-size:1.12em;color:#14532d;margin-bottom:4px}
.risparmio p{margin:0;color:#1f3d2a}
.anello .credito{display:block;margin-top:6px;font-family:var(--titoli);font-size:.74em;color:#1d7a3a;background:#e9f6ee;border:1px solid #b6dec3;border-radius:20px;padding:2px 9px;width:max-content;max-width:100%}
.oltre{margin-top:30px;padding:24px;border-radius:10px;background:var(--fondo-tenue);border:1px solid var(--linea)}
.oltre h3{margin-top:0}
.oltre .due{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:14px 0 16px}
.oltre .due h4{font-family:var(--titoli);font-weight:500;color:var(--blu);margin:0 0 6px;font-size:1em}
.oltre .due p{margin:0;font-size:.95em}
@media (max-width:760px){.oltre .due{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.voci-esempio{grid-template-columns:minmax(0,1fr)}.barra-conf{grid-template-columns:minmax(0,1fr) auto}.barra-conf .traccia{grid-column:1/-1;grid-row:2}}
.trasparenza{border:1px solid #b7cfe6;background:#f3f8fd;border-radius:10px;padding:22px 24px;margin:0 0 8px}
.trasparenza .capo-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:14px}
.trasparenza h2{margin:0;font-size:1.45em}
.trasparenza .motto{font-family:var(--titoli);color:var(--forte);margin:0}
.trasparenza ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 22px}
.trasparenza li{display:flex;gap:9px;align-items:flex-start;font-size:.95em;line-height:1.45}
.trasparenza li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--blu) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.trasparenza li strong{color:var(--forte)}
@media (max-width:900px){.trasparenza ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.trasparenza ul{grid-template-columns:minmax(0,1fr)}}