/* Duca Web Design · «Analizza il tuo sito» (06/11, versione 2): finestra grande, sempre della stessa misura, a due colonne */
.an{--an-blu:#0F4C81;--an-blu2:#1663A8;--an-az:#5B95D6;--an-ink:#1D1D1F;--an-grigio:#6E6E73;--an-ease:cubic-bezier(.2,.8,.2,1);font-family:"Inter Tight",system-ui,-apple-system,sans-serif}
html.an-blocca{overflow:hidden}

/* ---------- pulsante in basso al centro ---------- */
.an-lancia{position:fixed;left:50%;bottom:22px;z-index:900;display:flex;align-items:center;gap:10px;height:52px;padding:0 10px 0 8px;border:0;border-radius:99px;cursor:pointer;
  font:600 15px/1 "Inter Tight",system-ui,sans-serif;color:#fff;background:rgba(12,17,28,.94);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 18px 40px -18px rgba(0,0,0,.7);transform:translate(-50%,140%);opacity:0;transition:transform .7s var(--an-ease),opacity .5s,background .3s}
.an-pronto .an-lancia{transform:translate(-50%,0);opacity:1}
.an-fondo .an-lancia,.an-aperto .an-lancia{transform:translate(-50%,140%);opacity:0;pointer-events:none}
.an-lancia:hover{background:rgba(15,76,129,.92)}
.an-lancia i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(150deg,#2A78C4,#0F4C81)}
.an-lancia em{font-style:normal;font-size:12px;font-weight:700;padding:6px 10px;border-radius:99px;background:rgba(61,208,108,.18);color:#7EE2A1}

/* ---------- finestra ---------- */
.an-velo{position:fixed;inset:0;z-index:950;background:rgba(4,8,16,.55);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);opacity:0;transition:opacity .35s}
.an-aperto .an-velo{opacity:1}
.an-pann{position:fixed;left:50%;top:50%;z-index:960;display:grid;grid-template-columns:minmax(0,37fr) minmax(0,63fr);
  width:min(1060px,calc(100vw - 48px));height:min(700px,calc(100vh - 48px));border-radius:32px;overflow:hidden;background:#fff;color:var(--an-ink);
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 60px 140px -40px rgba(0,8,25,.75);transform:translate(-50%,-46%) scale(.96);opacity:0;transition:transform .55s var(--an-ease),opacity .35s}
.an-aperto .an-pann{transform:translate(-50%,-50%) scale(1);opacity:1}
.an-x{position:absolute;top:18px;right:18px;z-index:5;width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#F2F3F5;color:var(--an-ink);transition:background .2s,transform .3s}
.an-x:hover{background:#E6E8EC;transform:rotate(90deg)}
.an-lato-in,.an-corpo{transition:opacity .18s,transform .3s var(--an-ease)}
.an-cambio .an-lato-in,.an-cambio .an-corpo{opacity:0;transform:translateY(6px)}

/* colonna scura */
.an-lato{position:relative;display:flex;flex-direction:column;padding:44px 38px 30px;color:#F5F5F7;overflow:hidden;isolation:isolate;
  background:radial-gradient(90% 70% at 20% 110%,rgba(30,107,181,.75),transparent 70%),linear-gradient(170deg,#081428 0%,#050A15 55%,#04070E 100%)}
.an-luce{position:absolute;z-index:-1;width:420px;height:420px;left:-120px;bottom:-200px;border-radius:50%;background:radial-gradient(circle,rgba(91,149,214,.45),transparent 65%);filter:blur(10px);animation:an-respira 7s ease-in-out infinite alternate}
@keyframes an-respira{to{transform:translate(60px,-40px) scale(1.15)}}
.an-lato::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.07;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.an-lato-in{flex:1;display:flex;flex-direction:column;min-height:0}
.an-occ{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#9CC3EE}
.an-occ{display:block}.an-occ.an-occ-b{color:var(--an-az);background:none}
.an-lato h2{margin:14px 0 0;font-size:clamp(28px,2.8vw,38px);font-weight:700;letter-spacing:-.035em;line-height:1.04;color:#fff}
.an-lato h2.an-dom{font-size:clamp(24px,2.3vw,30px);word-break:break-word}
.an-lato p{margin:14px 0 0;font-size:16px;line-height:1.5;color:rgba(238,242,248,.72)}
.an-cosa{margin:auto 0 0;padding:26px 0 0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.an-cosa li{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;font-size:14.5px;font-weight:600;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.an-cosa i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#9CC3EE;background:rgba(91,149,214,.18)}
.an-firma{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.an-firma span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-weight:700;font-size:14px;background:linear-gradient(150deg,#5B95D6,#0F4C81)}
.an-firma b{display:block;font-size:14.5px}.an-firma small{font-size:12.5px;color:rgba(238,242,248,.6)}

/* colonna bianca */
.an-corpo{position:relative;display:flex;flex-direction:column;justify-content:center;padding:48px 52px 40px;min-height:0;overflow:hidden}
.an-corpo h3{margin:10px 0 0;font-size:clamp(24px,2.3vw,32px);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.an-f,.an-r{display:flex;flex-direction:column}
.an-url{position:relative;display:block;margin-top:26px}
.an-url .an-lucc{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#1E9E4A}
.an-url input{width:100%;box-sizing:border-box;height:64px;padding:0 20px 0 48px;border-radius:18px;border:1.5px solid #E1E3E8;background:#FAFAFB;font:500 19px "Inter Tight",sans-serif;color:var(--an-ink);outline:none;transition:border-color .2s,background .2s,box-shadow .2s}
.an-url input:focus{border-color:var(--an-blu);background:#fff;box-shadow:0 0 0 5px rgba(15,76,129,.1)}
.an-aiuto{margin:8px 0 0 4px;font-size:13.5px;color:#86868B}
.an-modo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.an-modo input{position:absolute;opacity:0}
.an-modo span{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:14px 16px;border-radius:16px;border:1.5px solid #E6E8EC;cursor:pointer;transition:border-color .2s,background .2s}
.an-modo span svg{grid-row:span 2;color:#86868B}
.an-modo b{font-size:15.5px}.an-modo small{font-size:12.5px;color:#86868B}
.an-modo input:checked+span{border-color:var(--an-blu);background:#F3F7FC}.an-modo input:checked+span svg{color:var(--an-blu)}
.an-modo input:focus-visible+span{box-shadow:0 0 0 4px rgba(15,76,129,.2)}
.an-err{margin:12px 0 0;min-height:1.2em;font-size:14px;color:#C4372B}
.an-bt{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:58px;margin-top:8px;padding:0 28px;border:0;border-radius:99px;cursor:pointer;font:600 17px "Inter Tight",sans-serif;color:#fff;
  background:linear-gradient(150deg,var(--an-blu2),var(--an-blu));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 16px 34px -16px rgba(15,76,129,.95);transition:transform .25s var(--an-ease),box-shadow .25s}
.an-bt:hover{transform:translateY(-2px)}.an-bt:hover svg{transform:translateX(3px)}.an-bt svg{transition:transform .25s}
.an-bt[disabled]{opacity:.6;cursor:wait;transform:none}
.an-bt.piccolo{height:48px;margin:0;padding:0 20px;font-size:15px;flex:none}
.an-pic{display:block;margin-top:16px;font-size:12.5px;line-height:1.45;color:#86868B}.an-pic a{color:var(--an-blu)}

/* ---------- 2 · analisi in corso ---------- */
.an-radar{position:relative;width:min(230px,80%);aspect-ratio:1;margin:auto auto 0}
.an-radar i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(156,195,238,.22)}
.an-radar i:nth-child(2){inset:18%}.an-radar i:nth-child(3){inset:36%}
.an-radar span{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(91,149,214,0) 0deg,rgba(91,149,214,.55) 70deg,rgba(91,149,214,0) 72deg);animation:an-gira 2.6s linear infinite}
@keyframes an-gira{to{transform:rotate(360deg)}}
.an-perc{position:absolute;inset:0;display:grid;place-items:center;font-size:34px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.an-passi{margin:22px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.an-passi li{display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start;padding:10px 14px;border-radius:16px;opacity:.42;transition:opacity .35s,background .35s}
.an-passi li.on{opacity:1;background:#F3F7FC}
.an-passi li.ok{opacity:1}
.an-passi .st{display:grid;place-items:center;width:28px;height:28px;margin-top:1px;border-radius:50%;color:transparent;box-shadow:inset 0 0 0 2px #D7DBE2;transition:background .3s,color .3s,box-shadow .3s}
.an-passi li.on .st{box-shadow:inset 0 0 0 2px var(--an-blu);animation:an-batte 1.2s ease-in-out infinite}
@keyframes an-batte{50%{box-shadow:inset 0 0 0 2px var(--an-blu),0 0 0 5px rgba(15,76,129,.12)}}
.an-passi li.ok .st{background:#1E9E4A;color:#fff;box-shadow:none}
.an-passi b{display:block;font-size:15.5px;letter-spacing:-.01em}
.an-passi small{display:block;margin-top:1px;font-size:13px;color:#86868B}
.an-passi .br{height:4px;margin-top:9px;border-radius:4px;background:#E8EBF0;overflow:hidden}
.an-passi .br i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--an-az),var(--an-blu));transform:scaleX(0);transform-origin:left}
.an-passi li.ok .br i{background:#1E9E4A;transform:scaleX(1)!important}
.an-attesa{display:flex;align-items:center;gap:10px;margin:18px 0 0;padding:12px 16px;border-radius:14px;font-size:14px;color:#8A5A00;background:#FFF7E6}

/* ---------- 3 · risultati ---------- */
.an-punti{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px;margin-top:26px}
.an-p{display:flex;flex-direction:column;align-items:center;text-align:center}
.an-cer{position:relative;width:96px;height:96px}
.an-cer svg{width:100%;height:100%;transform:rotate(-90deg)}
.an-p circle{fill:none;stroke-width:5.5}.an-p .tr{stroke:rgba(255,255,255,.1)}
.an-p .va{stroke-linecap:round;transition:stroke-dashoffset 1.5s var(--an-ease)}
.an-cer b{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.an-p span{margin-top:8px;font-size:13.5px;font-weight:600;color:rgba(238,242,248,.8)}
.an-p.verde .va{stroke:#3DD06C}.an-p.verde b{color:#7EE2A1}
.an-p.giallo .va{stroke:#FFB547}.an-p.giallo b{color:#FFC977}
.an-p.rosso .va{stroke:#FF6B5B}.an-p.rosso b{color:#FF8C7F}
.an-p.grigio .va{stroke:rgba(255,255,255,.3)}
.an-met{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:22px}
.an-met div{padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.an-met small{display:block;font-size:12px;line-height:1.25;color:rgba(238,242,248,.6)}.an-met b{display:block;margin-top:4px;font-size:17px}
.an-met .ok b{color:#7EE2A1}.an-met .no b{color:#FF8C7F}
.an-quando{display:block;margin-top:12px;font-size:12px;color:rgba(238,242,248,.45)}
.an-giu{margin:8px 0 0;font-size:16px;line-height:1.5;color:var(--an-grigio)}
.an-tp{display:block;margin-top:22px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--an-az)}
.an-prob{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.an-prob li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:center;padding:11px 14px;border-radius:16px;background:#F7F8FA;
  opacity:0;transform:translateX(12px);animation:an-entra .5s var(--an-ease) forwards;animation-delay:calc(.5s + var(--k) * .1s)}
@keyframes an-entra{to{opacity:1;transform:none}}
.an-prob li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;font-size:13px;font-weight:700;color:#C4372B;background:#FFECE9}
.an-prob b{display:block;font-size:14.5px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.an-prob small{display:block;margin-top:2px;font-size:12.5px;color:#86868B}
.an-bene{display:flex;align-items:center;gap:10px;margin-top:22px;padding:14px 16px;border-radius:16px;background:#EFFAF2;color:#1E7A3C;font-weight:600}
.an-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:16px 16px 16px 20px;border-radius:20px;background:linear-gradient(150deg,#EEF3F9,#F7FAFD);box-shadow:inset 0 0 0 1px rgba(15,76,129,.1)}
.an-cta b{display:block;font-size:16.5px;letter-spacing:-.01em}.an-cta small{display:block;margin-top:2px;font-size:13.5px;color:var(--an-grigio)}
.an-altro{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:14px;padding:6px 0;border:0;background:none;font:600 14.5px "Inter Tight",sans-serif;color:var(--an-blu);cursor:pointer}

/* ---------- 4 · richiesta ---------- */
.an-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
.an-mini div{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.an-mini b{display:block;font-size:26px;letter-spacing:-.03em}.an-mini small{font-size:12.5px;color:rgba(238,242,248,.65)}
.an-mini .verde b{color:#7EE2A1}.an-mini .giallo b{color:#FFC977}.an-mini .rosso b{color:#FF8C7F}
.an-rice{margin:auto 0 0;padding:22px 0 0;list-style:none;display:flex;flex-direction:column;gap:10px}
.an-rice li{display:flex;align-items:center;gap:10px;font-size:15px;color:rgba(238,242,248,.85)}.an-rice svg{color:#7EE2A1;flex:none}
.an-rg{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.an-rg label:first-child{grid-column:1/-1}
.an-campo{display:flex;flex-direction:column;gap:6px}
.an-campo span{font-size:13px;font-weight:600;color:#424245}.an-campo i{font-style:normal;font-weight:400;color:#86868B}
.an-campo input{height:52px;padding:0 16px;border-radius:14px;border:1.5px solid #E1E3E8;background:#FAFAFB;font:500 16px "Inter Tight",sans-serif;color:var(--an-ink);outline:none;transition:border-color .2s,background .2s,box-shadow .2s}
.an-campo input:focus{border-color:var(--an-blu);background:#fff;box-shadow:0 0 0 5px rgba(15,76,129,.1)}
.an-trap{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.an-cons{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:13.5px;line-height:1.45;color:#424245}
.an-cons input{width:18px;height:18px;margin-top:1px;accent-color:var(--an-blu)}.an-cons a{color:var(--an-blu)}
.an-azioni{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px}
.an-azioni .an-altro{margin:0}

/* ---------- 5 · fatto ---------- */
.an-fatto{text-align:center}
.an-fatto>span{display:grid;place-items:center;width:76px;height:76px;margin:0 auto;border-radius:50%;background:#EFFAF2;color:#1E9E4A;animation:an-pop .6s var(--an-ease)}
@keyframes an-pop{from{transform:scale(.5);opacity:0}}
.an-fatto p{margin:12px auto 26px;max-width:34ch;font-size:16.5px;line-height:1.5;color:var(--an-grigio)}

/* ---------- schermi bassi e telefono ---------- */
@media (max-height:700px) and (min-width:861px){.an-corpo{padding:34px 44px 28px}.an-lato{padding:34px 32px 24px}.an-passi li{padding:7px 12px}.an-passi small{display:none}.an-cer{width:82px;height:82px}.an-cer b{font-size:26px}}
@media (max-width:860px){
  .an-pann{grid-template-columns:1fr;grid-template-rows:auto 1fr;width:100%;height:100%;max-height:none;border-radius:0;top:0;left:0;transform:translateY(30px);overflow-y:auto}
  .an-aperto .an-pann{transform:none}
  .an-lato{padding:28px 22px 22px}.an-firma,.an-cosa,.an-radar,.an-met,.an-rice,.an-quando{display:none}
  .an-lato h2{font-size:26px;padding-right:44px}.an-lato p{font-size:15px}
  .an-punti{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:18px}.an-cer{width:64px;height:64px}.an-cer b{font-size:19px}.an-p span{font-size:11.5px}
  .an-mini{grid-template-columns:repeat(4,1fr)}.an-mini div{padding:8px}.an-mini b{font-size:19px}.an-mini small{font-size:11px}
  .an-corpo{justify-content:flex-start;padding:26px 22px 30px;overflow:visible}
  .an-x{background:rgba(255,255,255,.12);color:#fff}
  .an-cta{flex-direction:column;align-items:stretch}.an-rg{grid-template-columns:1fr}.an-modo span{grid-template-columns:1fr}.an-modo span svg{display:none}
  .an-azioni{flex-direction:column-reverse;align-items:stretch}.an-bt{width:100%}
}
@media (max-width:560px){.an-lancia{bottom:14px;height:48px;font-size:14px}.an-lancia em{display:none}}
@media (prefers-reduced-motion:reduce){.an-lancia,.an-pann,.an-p .va,.an-prob li{transition:none;animation:none;opacity:1;transform:none}.an-radar span,.an-luce{animation:none}}
/* passi piu' compatti: la riga di spiegazione compare solo sul passo in corso, cosi' i 7 passi stanno sempre nella finestra */
.an-passi{gap:4px;margin-top:18px}
.an-passi li{padding:8px 14px}
.an-passi small{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s var(--an-ease),opacity .3s}
.an-passi li.on small{max-height:20px;opacity:1}
.an-passi .br{margin-top:7px}
.an-attesa{margin-top:14px}

/* 06/11 CORREZIONE IMPORTANTE: da chiusa la finestra deve sparire davvero.
   display:grid annullava l'attributo hidden: la finestra restava trasparente al centro dello schermo e catturava mouse e clic
   (il mega menu si chiudeva passandoci sopra, i clic in mezzo alla pagina non arrivavano). */
.an-pann[hidden],.an-velo[hidden]{display:none!important}
.an:not(.an-aperto) .an-pann,.an:not(.an-aperto) .an-velo{pointer-events:none}
/* 07/11: su telefono il pulsante diventa un cerchio in basso a destra, per non coprire i contenuti al centro (il testo resta per i lettori di schermo) */
@media (max-width:1023px){
.an-lancia{left:auto!important;right:14px!important;bottom:14px!important;width:54px!important;height:54px!important;padding:0!important;justify-content:center!important;gap:0!important;border-radius:50%!important;transform:none!important}
.an-lancia i{width:54px!important;height:54px!important}
.an-lancia span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.an-lancia em{display:none!important}
}

/* 08/11 · Pulsante meno invadente anche sul computer (richiesta di Federico): non piu' al centro in basso, ma un cerchio
   nell'angolo in basso a destra; al passaggio del mouse si apre verso sinistra mostrando «Analizza il tuo sito», senza spostarsi.
   La posizione non usa piu' transform (la regola dei pulsanti in tipografia.css lo azzera al passaggio e lo faceva saltare). */
@media (min-width:1024px){
html body .an-lancia{left:auto!important;right:24px!important;bottom:24px!important;transform:none!important;translate:0 140%;
  height:54px;max-width:54px;padding:0 9px!important;gap:0;overflow:hidden;white-space:nowrap;
  transition:translate .7s var(--an-ease),opacity .5s,max-width .55s cubic-bezier(.2,.8,.2,1),background .3s!important}
html body .an-pronto .an-lancia{translate:0 0}
html body .an-fondo .an-lancia,html body .an-aperto .an-lancia{translate:0 140%}
html body .an-lancia i{flex:none}
html body .an-lancia span{padding:0 10px 0 12px;opacity:0;transition:opacity .3s}
html body .an-lancia em{display:none}
html body .an-lancia:is(:hover,:focus-visible){max-width:280px}
html body .an-lancia:is(:hover,:focus-visible) span{opacity:1;transition-delay:.12s}
}
/* 08/11 (2): niente anello scuro intorno al cerchio blu: il pulsante stesso e' blu, l'icona riempie il cerchio */
@media (min-width:1024px){
html body .an-lancia{padding:0 0 0 0!important;background:linear-gradient(150deg,#2A78C4,#0F4C81)!important;box-shadow:0 14px 30px -12px rgba(15,76,129,.65),inset 0 1px 0 rgba(255,255,255,.25)!important}
html body .an-lancia i{width:54px!important;height:54px!important;background:transparent!important}
html body .an-lancia span{padding:0 22px 0 0}
html body .an-lancia:is(:hover,:focus-visible){background:linear-gradient(150deg,#2A78C4,#0F4C81)!important}
}
/* 08/11 (3): sul computer una pillola bassa e piccola nell'angolo, con la scritta sempre visibile (si capisce cosa fa) */
@media (min-width:1024px){
html body .an-lancia{height:40px!important;max-width:none!important;padding:0 16px 0 13px!important;gap:8px!important;font-size:13.5px!important;font-weight:600!important;border-radius:99px!important}
html body .an-lancia i{width:auto!important;height:auto!important}
html body .an-lancia i svg{width:16px;height:16px}
html body .an-lancia span{opacity:1!important;padding:0!important}
}
/* 08/11 (4): niente piu' «lampeggio» al passaggio del mouse. La regola generale dei pulsanti (tipografia.css) sostituiva
   la sfumatura con un blu pieno e la larghezza era animata: ora resta la stessa sfumatura, solo un po' piu' luminosa, e un'ombra morbida. */
html body .an-lancia:not(#dwd){transition:translate .7s var(--an-ease),opacity .5s,box-shadow .35s ease,filter .35s ease!important}
html body .an-lancia:is(:hover,:focus-visible):not(#dwd){background:linear-gradient(150deg,#2A78C4,#0F4C81)!important;background-image:linear-gradient(150deg,#2A78C4,#0F4C81)!important;
  filter:brightness(1.1);box-shadow:0 16px 34px -12px rgba(15,76,129,.75),inset 0 1px 0 rgba(255,255,255,.3)!important;transform:none!important}
@media (min-width:1024px){html body .an-lancia:is(:hover,:focus-visible):not(#dwd){max-width:none!important}}

/* 08/11: foto di Federico al posto delle iniziali */
.an-firma span{overflow:hidden;box-shadow:0 0 0 2px rgba(255,255,255,.14)}.an-firma span img{width:100%;height:100%;object-fit:cover;display:block}

/* 09/11: con la chat Duchy (plugin AI Chat Assistant, in basso a destra) «Analizza il tuo sito» passa in basso a sinistra */
html body:has(#aca-root) .an-lancia:not(#dwd){right:auto!important;left:24px!important}
@media (max-width:1023px){html body:has(#aca-root) .an-lancia:not(#dwd){left:14px!important}}
/* la chat compare solo dopo la scelta sui cookie: prima copriva i pulsanti del banner */
html body:has(#iubenda-cs-banner.iubenda-cs-visible) #aca-root{display:none!important}

/* 12/11 · telefono e tablet: gemello del cerchio WhatsApp (stessa misura, stesso riflesso e stessa ombra, in blu) */
@media (max-width:1023px){
  html body .an-lancia:not(#dwd){width:56px!important;height:56px!important;background:radial-gradient(120% 120% at 30% 18%,#5FA2E6 0%,#1E6CB6 45%,#0B3D6B 100%)!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.2),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -3px 8px rgba(0,20,50,.3),0 16px 30px -12px rgba(15,76,129,.8)!important;overflow:hidden}
  html body .an-lancia:not(#dwd)::before{content:"";position:absolute;left:9px;right:9px;top:4px;height:42%;border-radius:50% 50% 45% 45%;background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0));pointer-events:none}
  html body .an-lancia i{width:56px!important;height:56px!important;background:transparent!important}
  html body .an-lancia i svg{width:24px;height:24px;filter:drop-shadow(0 2px 3px rgba(0,20,50,.35))}
}

/* 12/11 (2) · telefono e tablet (richiesta di Federico): non piu' un cerchio ma una pillola bassa come sul computer,
   con la lente in un cerchietto di vetro e la scritta piccola «Analizza il tuo sito» */
@media (max-width:1023px){
  html body .an-lancia.an-lancia:not(#dwd){width:auto!important;max-width:none!important;height:46px!important;padding:0 17px 0 6px!important;gap:9px!important;border-radius:99px!important;
    font-size:13.5px!important;font-weight:600!important;letter-spacing:-.005em;white-space:nowrap}
  html body .an-lancia.an-lancia:not(#dwd)::before{left:14px;right:14px;top:3px;height:45%;border-radius:99px}
  html body .an-lancia.an-lancia i{width:34px!important;height:34px!important;border-radius:50%;background:rgba(255,255,255,.16)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
  html body .an-lancia.an-lancia i svg{width:17px;height:17px}
  html body .an-lancia.an-lancia span{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;opacity:1!important;padding:0!important}
  html body .an-lancia.an-lancia em{display:none!important}
}

/* 12/11 · nota di reCAPTCHA (il riquadro di Google e' nascosto: la nota e' obbligatoria) */
.an-rc{margin:10px 0 0;font-size:11.5px;line-height:1.45;color:#86868B}.an-rc a{color:inherit;text-decoration:underline}

/* 13/11 · telefono e tablet, «vetro blu notte» (scelto da Federico): gemello del cerchio WhatsApp. Pillola piu' corta del 20%
   (142 px invece di 175), alta 42 px come il cerchio, lente azzurra senza cerchietto, filo di luce che gira piano sul bordo. */
@property --fl-a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes flGiro{to{--fl-a:360deg}}
@media (max-width:1023px){
  html body .an-lancia.an-lancia:not(#dwd){height:42px!important;padding:0 12px 0 11px!important;gap:6px!important;font-size:12.5px!important;letter-spacing:-.01em!important;
    background:rgba(8,27,54,.68)!important;-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 28px -10px rgba(4,12,30,.6)!important;overflow:visible!important}
  html body .an-lancia.an-lancia:not(#dwd)::before{left:0;right:0;top:0;bottom:0;height:auto;inset:0;border-radius:inherit;padding:1px;
    background:conic-gradient(from var(--fl-a),rgba(156,195,238,.16) 0deg,rgba(220,235,251,.95) 50deg,rgba(91,149,214,.35) 110deg,rgba(156,195,238,.16) 170deg,rgba(156,195,238,.16) 360deg);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
    animation:flGiro 6s linear infinite;animation-delay:-3s}
  html body .an-lancia.an-lancia i{width:auto!important;height:auto!important;background:transparent!important;box-shadow:none!important;color:#9CC3EE}
  html body .an-lancia.an-lancia i svg{width:15px!important;height:15px!important;filter:none!important}
}
@media (max-width:1023px) and (prefers-reduced-motion:reduce){html body .an-lancia.an-lancia:not(#dwd)::before{animation:none}}

/* 13/11 · computer: pillola blu di prima + il filo di luce che gira sul bordo (come WhatsApp, sfasato di mezzo giro) */
@media (min-width:1024px){html body .an-lancia.an-lancia:not(#dwd){overflow:visible!important}html body .an-lancia.an-lancia:not(#dwd)::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--fl-a),rgba(255,255,255,.12) 0deg,rgba(255,255,255,.95) 50deg,rgba(156,195,238,.45) 110deg,rgba(255,255,255,.12) 170deg,rgba(255,255,255,.12) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:flGiro 6s linear infinite;animation-delay:-3s}}
@media (min-width:1024px) and (prefers-reduced-motion:reduce){html body .an-lancia.an-lancia:not(#dwd)::before{animation:none}}