:root{
  /* palette estratta dal logo */
  --rosso:#E30713;
  --rosso-vivo:#FF3038;
  --blu:#004475;
  --blu-notte:#00243C;
  --blu-fondo:#001A2C;
  --azzurro:#0E7EB4;
  --azzurro-tenue:#93C6E3;
  --nebbia:#EDF3F8;
  --nebbia-2:#DEE9F1;
  --bianco:#FFFFFF;
  --testo:#26404F;
  --testo-tenue:#5E7787;

  --display:'Archivo','Arial Narrow',Helvetica,sans-serif;
  --sans:'Inter',Calibri,system-ui,sans-serif;
  --editoriale:'Fraunces',Cambria,Georgia,serif;
  --mx:min(1180px,92vw);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--bianco);color:var(--testo);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--rosso);outline-offset:3px;border-radius:2px}

/* ---------- tipografia: display largo, come le lettere del logo ---------- */
h1,h2,h3,.display{
  font-family:var(--display);font-variation-settings:'wdth' 112;
  font-weight:700;line-height:1.06;letter-spacing:-.015em;color:var(--blu-notte);
}
h1{font-size:clamp(2.4rem,5.9vw,4.3rem);font-weight:800;font-variation-settings:'wdth' 116}
h2{font-size:clamp(1.9rem,4.1vw,2.95rem)}
h3{font-size:1.22rem;line-height:1.22;font-weight:700}
.occhiello{
  font-family:var(--display);font-variation-settings:'wdth' 118;font-weight:600;
  font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--rosso);display:block;margin-bottom:1.1rem;
}
.guida{font-size:1.07rem;color:var(--testo-tenue);max-width:56ch}
em.acc{font-style:normal;color:var(--rosso);font-weight:600}

/* sezioni scure */
.scuro{background:var(--blu-notte);color:#DCE9F1}
.scuro h1,.scuro h2,.scuro h3{color:var(--bianco)}
.scuro .guida{color:var(--azzurro-tenue)}
.scuro .occhiello{color:var(--azzurro)}
.scuro em.acc{color:var(--rosso-vivo)}

/* ---------- layout ---------- */
.wrap{width:var(--mx);margin:0 auto}
section{padding:clamp(4.2rem,8.5vw,7.5rem) 0}
.chiara{background:var(--nebbia)}
.testa{max-width:62ch;margin-bottom:3.4rem}

/* ---------- nav ---------- */
header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--nebbia-2)}
.nav{display:flex;align-items:center;gap:2rem;padding:.7rem 0;width:var(--mx);margin:0 auto}
.marchio img{height:38px;width:auto}
.menu{display:flex;gap:1.7rem;margin-left:auto;font-size:.93rem;font-weight:600;color:var(--blu)}
.menu a{transition:color .2s}
.menu a:hover{color:var(--rosso)}
.bottone{
  font-family:var(--display);font-variation-settings:'wdth' 110;font-weight:700;font-size:.9rem;
  letter-spacing:.04em;text-transform:uppercase;
  background:var(--rosso);color:#fff;padding:.8rem 1.5rem;border-radius:2px;border:0;cursor:pointer;
  display:inline-block;transition:transform .18s,box-shadow .18s,background .18s;white-space:nowrap;
}
.bottone:hover{background:#c60510;transform:translateY(-2px);box-shadow:0 8px 22px rgba(227,7,19,.28)}
.bottone.vuoto{background:transparent;color:var(--blu);border:1.5px solid var(--blu)}
.bottone.vuoto:hover{background:var(--blu);color:#fff;box-shadow:none}
.scuro .bottone.vuoto{color:#fff;border-color:rgba(147,198,227,.55)}
.scuro .bottone.vuoto:hover{background:rgba(147,198,227,.14);border-color:var(--azzurro-tenue)}
/* --- menu su telefono --- */
.menu-btn{display:none;margin-left:auto;background:none;border:0;cursor:pointer;padding:.55rem;border-radius:3px;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.menu-btn span{display:block;width:22px;height:2px;background:var(--blu-notte);border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){
  .menu-btn{display:flex}
  .menu{
    position:absolute;top:100%;left:0;right:0;margin-left:0;
    flex-direction:column;gap:0;background:var(--bianco);
    border-bottom:1px solid var(--nebbia-2);box-shadow:0 18px 34px rgba(0,36,60,.14);
    max-height:0;overflow:hidden;transition:max-height .28s ease;
  }
  .menu.aperto{max-height:78vh;overflow:auto}
  .menu a{padding:.95rem 4vw;border-top:1px solid var(--nebbia-2);font-size:1.02rem;color:var(--blu-notte)}
  .menu a:active{background:var(--nebbia)}
}
@media(max-width:420px){
  .nav .bottone{font-size:.78rem;padding:.65rem .85rem}
  .marchio img{height:32px}
}
@media (prefers-reduced-motion:reduce){.menu,.menu-btn span{transition:none}}

/* ---------- hero ---------- */
.hero{background:var(--blu-notte);color:#DCE9F1;padding:clamp(3.4rem,7vw,5.6rem) 0 clamp(4rem,8vw,6.5rem);position:relative;overflow:hidden}
.anello{position:absolute;top:50%;right:-14%;width:min(760px,74vw);transform:translateY(-50%);opacity:.42;pointer-events:none}
@media(max-width:940px){.anello{right:-32%;opacity:.22}}
.hero-griglia{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;position:relative;z-index:2}
@media(max-width:940px){.hero-griglia{grid-template-columns:1fr;gap:3rem}}
.hero h1{color:#fff}
.hero h1 span{color:var(--rosso-vivo);display:block}
.hero .guida{margin:1.7rem 0 2.3rem;font-size:1.15rem;color:#C3D9E6}
.hero-azioni{display:flex;gap:.9rem;flex-wrap:wrap}
.firma-riga{margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid rgba(147,198,227,.22);display:flex;gap:1.6rem;flex-wrap:wrap;
  font-family:var(--display);font-variation-settings:'wdth' 116;font-weight:600;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--azzurro-tenue)}

/* ---------- LA PILA — dal blu Zucchetti al rosso Omni ---------- */
.pila{display:flex;flex-direction:column-reverse;gap:6px}
.strato{
  position:relative;border-radius:3px;padding:.95rem 1.15rem;cursor:default;
  background:rgba(255,255,255,.045);border:1px solid rgba(147,198,227,.2);
  transition:transform .28s cubic-bezier(.2,.7,.3,1),background .28s,border-color .28s;
}
.strato:hover,.strato:focus-within{transform:translateX(10px);background:rgba(255,255,255,.09)}
.strato-nome{font-family:var(--display);font-variation-settings:'wdth' 108;font-weight:700;font-size:.94rem;color:#fff;display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.strato-nome b{font-weight:600;font-size:.65rem;letter-spacing:.14em;color:var(--azzurro-tenue)}
.strato-moduli{font-size:.78rem;color:var(--azzurro-tenue);max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin .3s ease}
.strato:hover .strato-moduli,.strato:focus-within .strato-moduli{max-height:64px;opacity:1;margin-top:.45rem}
/* gradiente strutturale: la base è blu Zucchetti, salendo diventa rosso Omni */
.s0{border-left:4px solid #0E7EB4;background:linear-gradient(100deg,rgba(14,126,180,.24),rgba(14,126,180,.06))}
.s0 .strato-nome b{color:#7FC3E5}
.s1{border-left:4px solid #4A6BA0}
.s2{border-left:4px solid #8B5583}
.s3{border-left:4px solid #C13A54}
.s4{border-left:4px solid var(--rosso)}
.s5{border-left:4px solid var(--rosso);border-style:dashed;border-left-style:solid;background:transparent}
.s4 .strato-nome b,.s5 .strato-nome b{color:var(--rosso-vivo)}
.pila-eti{font-family:var(--display);font-variation-settings:'wdth' 118;font-weight:600;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--azzurro);margin-bottom:.9rem}

/* ---------- numeri ---------- */
.numeri{padding:2.8rem 0;background:var(--bianco);border-bottom:1px solid var(--nebbia-2)}
.numeri-griglia{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}
@media(max-width:760px){.numeri-griglia{grid-template-columns:repeat(2,1fr);gap:2rem}}
.numero{font-family:var(--display);font-variation-settings:'wdth' 118;font-size:clamp(2rem,4.2vw,2.8rem);font-weight:800;color:var(--rosso);line-height:1}
.numero-eti{font-family:var(--display);font-variation-settings:'wdth' 116;font-weight:600;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--testo-tenue);margin-top:.6rem;display:block}

/* ---------- certificazioni ---------- */
.certificazioni{background:var(--bianco);padding:clamp(2.6rem,5vw,3.8rem) 0;border-bottom:1px solid var(--nebbia-2)}
.cert-griglia{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.8rem,4vw,3.5rem);align-items:center}
@media(max-width:820px){.cert-griglia{grid-template-columns:1fr;gap:1.8rem}}
.cert-elenco{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}
.cert-elenco li{
  font-family:var(--display);font-variation-settings:'wdth' 108;font-weight:600;font-size:.88rem;
  color:var(--blu);background:var(--nebbia);border-left:3px solid var(--rosso);
  padding:.6rem .85rem;border-radius:2px;display:flex;align-items:center;gap:.55rem;
}
.cert-elenco li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--rosso);flex:none}

/* ---------- confronto ---------- */
.confronto{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--nebbia-2);border-radius:3px;overflow:hidden;background:var(--bianco)}
@media(max-width:760px){.confronto{grid-template-columns:1fr}}
.colonna{padding:2.2rem}
.colonna:first-child{background:#F6F9FC;border-right:1px solid var(--nebbia-2)}
.colonna h3{font-size:.82rem;font-variation-settings:'wdth' 118;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.5rem;color:#8298A7}
.colonna:last-child h3{color:var(--rosso)}
.colonna ul{list-style:none;display:grid;gap:.95rem}
.colonna li{padding-left:1.7rem;position:relative;font-size:1rem;color:#7C919F}
.colonna li::before{content:"—";position:absolute;left:0;color:#B6C6D1}
.colonna:last-child li{color:var(--testo);font-weight:500}
.colonna:last-child li::before{content:"→";color:var(--rosso);font-weight:700}

/* ---------- schede ---------- */
.griglia-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.4rem}
.scheda{background:var(--bianco);border:1px solid var(--nebbia-2);border-top:3px solid var(--blu);border-radius:3px;padding:1.9rem;transition:border-top-color .25s,transform .25s,box-shadow .25s}
.scheda:hover{border-top-color:var(--rosso);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,68,117,.09)}
.scheda h3{margin-bottom:.7rem}
.scheda p{font-size:.97rem;color:var(--testo-tenue)}
.scheda-eti{font-family:var(--display);font-variation-settings:'wdth' 118;font-weight:600;font-size:.66rem;letter-spacing:.17em;color:var(--azzurro);text-transform:uppercase;display:block;margin-bottom:.85rem}

/* ---------- moduli ---------- */
.moduli{display:grid;grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:1px;background:rgba(147,198,227,.2);border:1px solid rgba(147,198,227,.2);border-radius:3px;overflow:hidden}
.modulo{background:var(--blu-notte);padding:1.4rem;transition:background .22s;display:block;border-top:2px solid transparent}
.modulo{position:relative}
.modulo::after{content:"\2197";position:absolute;top:.9rem;right:1rem;font-size:.8rem;color:rgba(147,198,227,.45);transition:color .22s}
.modulo:hover{background:#003655;border-top-color:var(--rosso)}
.modulo:hover::after{color:var(--rosso-vivo)}
.modulo strong{display:block;font-family:var(--display);font-variation-settings:'wdth' 108;font-size:1.02rem;font-weight:700;margin-bottom:.35rem;color:#fff}
.modulo span{font-size:.87rem;color:var(--azzurro-tenue);line-height:1.45;display:block}
.modulo em{font-family:var(--display);font-variation-settings:'wdth' 118;font-weight:600;font-style:normal;font-size:.62rem;letter-spacing:.15em;color:var(--rosso-vivo);text-transform:uppercase;display:block;margin-top:.7rem}

/* ---------- zucchetti ---------- */
.zucchetti{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.7rem}
.z-voce{border-top:3px solid var(--blu);padding-top:1.2rem}
.z-voce:nth-child(3n+2){border-top-color:var(--azzurro)}
.z-voce:nth-child(3n){border-top-color:var(--rosso)}
.z-voce h3{font-size:1.14rem;margin-bottom:.55rem}
.z-voce p{font-size:.96rem;color:var(--testo-tenue)}

/* ---------- storie ---------- */
.storie{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.4rem}
.storia{background:var(--nebbia);border-radius:3px;padding:1.9rem;border-left:4px solid var(--rosso)}
.storia:nth-child(even){border-left-color:var(--blu)}
.storia p{font-family:var(--editoriale);font-size:1.12rem;line-height:1.45;color:var(--blu-notte)}
.storia cite{display:block;margin-top:1.1rem;font-family:var(--display);font-variation-settings:'wdth' 116;font-weight:600;font-style:normal;font-size:.68rem;letter-spacing:.15em;color:var(--azzurro);text-transform:uppercase}

/* ---------- percorso ---------- */
.percorso{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;counter-reset:p}
@media(max-width:820px){.percorso{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.percorso{grid-template-columns:1fr}}
.passo{counter-increment:p;padding-top:2.6rem;position:relative;border-top:1px solid var(--nebbia-2)}
.passo::before{content:counter(p,decimal-leading-zero);position:absolute;top:.85rem;left:0;font-family:var(--display);font-variation-settings:'wdth' 118;font-weight:700;font-size:.74rem;color:var(--rosso);letter-spacing:.1em}
.passo h3{font-size:1.08rem;margin-bottom:.5rem}
.passo p{font-size:.94rem;color:var(--testo-tenue)}

/* ---------- contatti ---------- */
.contatti-griglia{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4rem)}
@media(max-width:880px){.contatti-griglia{grid-template-columns:1fr}}
.riferimento{margin-bottom:1.6rem}
.riferimento b{display:block;font-family:var(--display);font-variation-settings:'wdth' 118;font-weight:600;font-size:.66rem;letter-spacing:.17em;text-transform:uppercase;color:var(--azzurro);margin-bottom:.3rem}
.riferimento a,.riferimento span{font-size:1.05rem;font-weight:500;color:#fff}
.riferimento a:hover{color:var(--rosso-vivo)}
form{display:grid;gap:1.05rem}
.coppia{display:grid;grid-template-columns:1fr 1fr;gap:1.05rem}
@media(max-width:560px){.coppia{grid-template-columns:1fr}}
label{font-family:var(--display);font-variation-settings:'wdth' 116;font-weight:600;font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:var(--azzurro-tenue);display:block;margin-bottom:.4rem}
input,select,textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(147,198,227,.26);border-radius:2px;padding:.8rem .9rem;color:#fff;font-family:var(--sans);font-size:.98rem}
input::placeholder,textarea::placeholder{color:#6E8FA3}
select option{color:#111;background:#fff}
input:focus,select:focus,textarea:focus{border-color:var(--rosso-vivo);outline:none;background:rgba(255,255,255,.1)}
textarea{resize:vertical;min-height:108px}
.consenso{display:flex;gap:.7rem;align-items:flex-start}
.consenso input{width:auto;margin-top:.28rem;accent-color:var(--rosso)}
.consenso label{font-family:var(--sans);font-size:.85rem;letter-spacing:0;text-transform:none;color:var(--azzurro-tenue);margin:0;font-weight:400}
.consenso a{text-decoration:underline}

/* ---------- footer ---------- */
footer{background:var(--blu-fondo);color:#B9D2E0;padding:3.4rem 0 2rem}
.foot-griglia{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2.6rem}
@media(max-width:820px){.foot-griglia{grid-template-columns:1fr 1fr}}
.foot-griglia h4{font-family:var(--display);font-variation-settings:'wdth' 118;font-size:.66rem;letter-spacing:.17em;text-transform:uppercase;color:var(--rosso-vivo);margin-bottom:1rem;font-weight:600}
.foot-griglia ul{list-style:none;display:grid;gap:.6rem;font-size:.92rem}
.foot-griglia a:hover{color:#fff}
.foot-griglia p{font-size:.92rem;color:#8FAEC0;max-width:34ch}
.foot-marchio img{height:42px;width:auto;margin-bottom:1rem}
.foot-basso{border-top:1px solid rgba(147,198,227,.14);padding-top:1.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  font-family:var(--display);font-variation-settings:'wdth' 112;font-weight:500;font-size:.72rem;letter-spacing:.05em;color:#6E93A9}

/* ---------- barra mobile ---------- */
.barra-mobile{position:fixed;bottom:0;left:0;right:0;z-index:70;display:none;background:rgba(0,36,60,.97);backdrop-filter:blur(12px);border-top:1px solid rgba(147,198,227,.22);padding:.65rem;gap:.6rem}
.barra-mobile a{flex:1;text-align:center;padding:.75rem;border-radius:2px;font-family:var(--display);font-variation-settings:'wdth' 112;font-weight:700;font-size:.86rem;letter-spacing:.06em;text-transform:uppercase}
.barra-mobile .tel{background:rgba(147,198,227,.16);color:#fff}
.barra-mobile .wa{background:var(--rosso);color:#fff}
@media(max-width:900px){.barra-mobile{display:flex}body{padding-bottom:68px}}

/* ---------- reveal ---------- */
.rvl{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.rvl.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rvl{opacity:1;transform:none;transition:none}.strato,.scheda,.bottone{transition:none}}
/* ===================================================================
   PAGINE PRODOTTO — Ad Hoc Revolution / Revolution Web
   =================================================================== */

/* --- briciole --- */
.briciole{font-family:var(--display);font-variation-settings:'wdth' 112;font-weight:600;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--azzurro-tenue);padding:1.2rem 0;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.briciole a:hover{color:#fff}
.briciole span{color:rgba(147,198,227,.45)}

/* --- hero prodotto --- */
.hero-prod{background:var(--blu-notte);color:#DCE9F1;padding:0 0 clamp(3.5rem,7vw,5.5rem);position:relative;overflow:hidden}
.hero-prod::before{content:"";position:absolute;top:-25%;left:-12%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(14,126,180,.2),transparent 62%);pointer-events:none}
.hero-prod .wrap{position:relative;z-index:2}
.hp-griglia{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2rem,5vw,4rem);align-items:center}
@media(max-width:940px){.hp-griglia{grid-template-columns:1fr;gap:2.6rem}}
.hero-prod h1{color:#fff;font-size:clamp(2.2rem,5.2vw,3.7rem)}
.hero-prod h1 span{color:var(--rosso-vivo);display:block}
.hero-prod .guida{margin:1.5rem 0 2.1rem;font-size:1.12rem;color:#C3D9E6}

/* --- mappa processi --- */
.telaio{border:1px solid rgba(147,198,227,.28);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.04)}
.telaio-testa{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;border-bottom:1px solid rgba(147,198,227,.2);background:rgba(255,255,255,.05)}
.telaio-testa i{width:9px;height:9px;border-radius:50%;background:rgba(147,198,227,.35);display:block}
.telaio-testa b{margin-left:.5rem;font-family:var(--display);font-variation-settings:'wdth' 112;font-weight:500;font-size:.7rem;letter-spacing:.07em;color:var(--azzurro-tenue)}
.telaio.locale .telaio-testa b::before{content:"\1F5A5\FE0E  "}
.mappa{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(147,198,227,.18)}
@media(max-width:420px){.mappa{grid-template-columns:repeat(2,1fr)}}
.mappa span{background:var(--blu-notte);padding:.85rem .7rem;font-family:var(--display);font-variation-settings:'wdth' 106;font-weight:600;font-size:.78rem;color:#D5E7F1;text-align:center;line-height:1.25;display:flex;align-items:center;justify-content:center;min-height:56px}
.mappa span.acc{color:var(--rosso-vivo)}
.telaio-piede{padding:.7rem .85rem;border-top:1px solid rgba(147,198,227,.2);font-size:.76rem;color:var(--azzurro-tenue);text-align:center}
.zoccolo{margin-top:.5rem;height:10px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,rgba(14,126,180,.5),rgba(14,126,180,.15));border:1px solid rgba(147,198,227,.22);border-top:0}

/* --- righe di fatti --- */
.fatti{display:grid;gap:0;border-top:1px solid var(--nebbia-2)}
.fatto{display:grid;grid-template-columns:.34fr .66fr;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--nebbia-2)}
@media(max-width:680px){.fatto{grid-template-columns:1fr;gap:.4rem}}
.fatto dt{font-family:var(--display);font-variation-settings:'wdth' 112;font-weight:700;font-size:1rem;color:var(--blu-notte)}
.fatto dd{font-size:1rem;color:var(--testo-tenue)}

/* --- blocco scelta onesta --- */
.scelta{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
@media(max-width:760px){.scelta{grid-template-columns:1fr}}
.scelta-card{background:var(--bianco);border:1px solid var(--nebbia-2);border-radius:3px;padding:1.9rem;position:relative}
.scelta-card.qui{border-color:var(--rosso);border-top:3px solid var(--rosso)}
.scelta-card.qui::before{content:"Sei qui";position:absolute;top:-11px;left:1.9rem;background:var(--rosso);color:#fff;font-family:var(--display);font-variation-settings:'wdth' 116;font-weight:600;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:.2rem .6rem;border-radius:2px}
.scelta-card h3{margin-bottom:.9rem}
.scelta-card ul{list-style:none;display:grid;gap:.7rem;margin-top:1rem}
.scelta-card li{padding-left:1.4rem;position:relative;font-size:.96rem;color:var(--testo-tenue)}
.scelta-card li::before{content:"\2022";position:absolute;left:.3rem;color:var(--azzurro);font-weight:700}
.scelta-card .verdetto{font-size:.98rem;color:var(--testo);font-weight:500;padding-bottom:.9rem;border-bottom:1px solid var(--nebbia-2)}
.scelta-card .vai{display:inline-block;margin-top:1.2rem;font-family:var(--display);font-variation-settings:'wdth' 112;font-weight:700;font-size:.84rem;letter-spacing:.04em;text-transform:uppercase;color:var(--rosso)}
.scelta-card .vai:hover{text-decoration:underline}

/* --- nota schietta --- */
.nota{background:var(--blu-notte);color:#DCE9F1;border-left:4px solid var(--rosso);border-radius:3px;padding:1.8rem 2rem;margin-top:2.6rem}
.nota p{font-family:var(--editoriale);font-size:1.14rem;line-height:1.5;color:#fff}
.nota small{display:block;margin-top:.8rem;font-family:var(--display);font-variation-settings:'wdth' 116;font-weight:600;font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:var(--azzurro)}

/* --- aree ERP --- */
.aree{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1px;background:var(--nebbia-2);border:1px solid var(--nebbia-2);border-radius:3px;overflow:hidden}
.area{background:var(--bianco);padding:1.3rem;border-top:2px solid transparent;transition:border-top-color .2s}
.area:hover{border-top-color:var(--rosso)}
.area b{display:block;font-family:var(--display);font-variation-settings:'wdth' 108;font-weight:700;font-size:.98rem;color:var(--blu-notte);margin-bottom:.3rem}
.area span{font-size:.86rem;color:var(--testo-tenue);line-height:1.45}

/* --- fascia sopra --- */
.sopra{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem;margin-top:2.2rem}
.sopra-voce{border-left:3px solid var(--rosso);padding:.2rem 0 .2rem 1.1rem}
.sopra-voce b{display:block;font-family:var(--display);font-variation-settings:'wdth' 108;font-weight:700;font-size:1rem;color:#fff;margin-bottom:.3rem}
.sopra-voce span{font-size:.93rem;color:var(--azzurro-tenue)}

/* --- CTA di chiusura --- */
.chiusura-cta{background:var(--nebbia);text-align:center}
.chiusura-cta h2{max-width:20ch;margin:0 auto 1.1rem}
.chiusura-cta p{max-width:56ch;margin:0 auto 2rem;color:var(--testo-tenue);font-size:1.05rem}
.chiusura-cta .azioni{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}

/* ===================================================================
   ASSISTENZA
   =================================================================== */
.soccorso{background:var(--blu-notte);color:#DCE9F1;padding:clamp(2.2rem,5vw,3.4rem) 0 clamp(2.6rem,5vw,3.8rem)}
.soccorso h1{color:#fff;font-size:clamp(1.9rem,4.4vw,3rem);margin-bottom:.7rem}
.soccorso .guida{color:#C3D9E6;margin-bottom:2.2rem}
.tre{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:1.1rem;align-items:stretch}
@media(max-width:860px){.tre{grid-template-columns:1fr}}
.blocco{background:rgba(255,255,255,.055);border:1px solid rgba(147,198,227,.24);border-radius:6px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s,background .2s}
.blocco:hover{border-color:rgba(147,198,227,.5);background:rgba(255,255,255,.09)}
.blocco.primo{background:linear-gradient(120deg,rgba(227,7,19,.16),rgba(227,7,19,.05));border-color:rgba(227,7,19,.55)}
.blocco em{font-family:var(--display);font-variation-settings:'wdth' 118;font-weight:600;font-style:normal;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--azzurro)}
.blocco.primo em{color:var(--rosso-vivo)}
.blocco b{font-family:var(--display);font-variation-settings:'wdth' 110;font-weight:700;font-size:1.28rem;color:#fff;line-height:1.15}
.blocco span{font-size:.9rem;color:var(--azzurro-tenue);line-height:1.5}
.blocco .giu{margin-top:auto;padding-top:1rem}
.scarica{display:inline-flex;align-items:center;gap:.6rem;background:var(--rosso);color:#fff;font-family:var(--display);font-variation-settings:'wdth' 110;font-weight:700;font-size:1rem;letter-spacing:.03em;padding:.95rem 1.6rem;border-radius:4px;transition:background .18s,transform .18s}
.scarica:hover{background:#c60510;transform:translateY(-2px)}
.scarica-alt{display:block;margin-top:.7rem;font-size:.82rem;color:var(--azzurro-tenue)}
.scarica-alt a{text-decoration:underline}
.grosso{font-family:var(--display);font-variation-settings:'wdth' 110;font-weight:700;font-size:1.5rem;color:#fff;display:block}
.grosso:hover{color:var(--rosso-vivo)}

/* passi teleassistenza */
.passi3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;counter-reset:q}
@media(max-width:720px){.passi3{grid-template-columns:1fr}}
.passo3{counter-increment:q;padding-left:3rem;position:relative}
.passo3::before{content:counter(q);position:absolute;left:0;top:-.15rem;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--rosso);color:#fff;font-family:var(--display);font-variation-settings:'wdth' 112;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center}
.passo3 h3{font-size:1.08rem;margin-bottom:.4rem}
.passo3 p{font-size:.95rem;color:var(--testo-tenue)}

/* canali */
.canali{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem}
.canale{background:var(--bianco);border:1px solid var(--nebbia-2);border-top:3px solid var(--azzurro);border-radius:3px;padding:1.8rem}
.canale.umano{border-top-color:var(--rosso)}
.canale h3{margin-bottom:.6rem}
.canale p{font-size:.96rem;color:var(--testo-tenue)}
.canale .marchietto{font-family:var(--display);font-variation-settings:'wdth' 118;font-weight:600;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--azzurro);display:block;margin-bottom:.8rem}
.canale.umano .marchietto{color:var(--rosso)}

/* avviso sicurezza */
.avviso{border:1px solid var(--nebbia-2);border-left:4px solid var(--rosso);background:var(--bianco);border-radius:3px;padding:1.9rem 2.1rem;margin-top:2.6rem}
.avviso h3{font-size:1.14rem;margin-bottom:.9rem}
.avviso ul{list-style:none;display:grid;gap:.65rem}
.avviso li{padding-left:1.6rem;position:relative;font-size:.97rem;color:var(--testo-tenue)}
.avviso li::before{content:"\2713";position:absolute;left:0;color:var(--rosso);font-weight:700}

/* landing modulo: quattro passi e casi d'uso */
.passi3.quattro{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.passi3.quattro{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.passi3.quattro{grid-template-columns:1fr}}
.phases-os{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.4rem}
.phase-os{background:var(--bianco);border:1px solid var(--nebbia-2);border-radius:3px;padding:1.8rem;transition:border-color .22s,transform .22s}
.phase-os:hover{border-color:var(--rosso);transform:translateY(-3px)}
.tag-os{display:inline-block;font-family:var(--display);font-variation-settings:'wdth' 116;font-weight:600;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rosso);background:rgba(227,7,19,.08);padding:.2rem .55rem;border-radius:2px;margin-bottom:.9rem}
.phase-os h3{font-size:1.14rem;margin-bottom:.5rem}
.phase-os p{font-size:.96rem;color:var(--testo-tenue)}
.hero-prod .telaio .mappa{grid-template-columns:repeat(3,1fr)}

/* caselle di supporto */
.caselle{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem}
.casella{background:var(--bianco);border:1px solid var(--nebbia-2);border-left:4px solid var(--azzurro);border-radius:3px;padding:1.5rem;transition:border-left-color .2s,transform .2s}
.casella:hover{border-left-color:var(--rosso);transform:translateY(-2px)}
.casella.generale{border-left-color:var(--rosso);background:#F7FAFD}
.casella b{display:block;font-family:var(--display);font-variation-settings:'wdth' 110;font-weight:700;font-size:1.02rem;color:var(--blu-notte);margin-bottom:.25rem}
.casella span{display:block;font-size:.88rem;color:var(--testo-tenue);margin-bottom:.9rem;line-height:1.45}
.casella a{font-family:var(--mono-fallback,monospace);font-size:.9rem;font-weight:600;color:var(--blu);word-break:break-all}
.casella a:hover{color:var(--rosso)}

/* alternative di download */
.altri-download{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:.85rem}
.altri-download a{font-size:.84rem;color:var(--azzurro-tenue);text-decoration:underline;text-underline-offset:3px}
.altri-download a:hover{color:#fff}

/* modulo del CRM incorporato */
.riquadro-crm{background:var(--bianco);border-radius:8px;padding:.5rem;box-shadow:0 20px 44px rgba(0,20,36,.28);max-width:470px}
.riquadro-crm iframe{width:100%;height:600px;border:0;display:block;border-radius:6px}
.sotto-crm{margin-top:1rem;font-size:.85rem;color:var(--azzurro-tenue);max-width:470px}
.sotto-crm a{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:560px){.riquadro-crm iframe{height:640px}}