/* picTRUE: stile del sito. Generato dal prototipo approvato (rev. 38 + pagine interne e articoli). */
/* Scala per grandi schermi: --u per testi, menu e spaziature; --uh (crescita piu lenta) per titoli e respiro verticale.
   Fino a 1800 px di larghezza utile la resa e identica alla proposta originale. */
:root{--u:1px;--uh:1px;--hs:1px}
/* rev18 — scala unica proporzionale alla larghezza su tutti i monitor (da 901 px in su):
   riferimento 1800 px = 1; minimo 0,86 per la leggibilita; massimo 2,4.
   --hs governa la prima schermata: e il minore tra la scala di larghezza e quella di altezza,
   cosi la composizione d apertura resta intera anche su schermi bassi (portatili). */
/* rev19 — scala a gradini (larghezza): proporzioni costanti, un solo ricalcolo per gradino */
@media (min-width:901px){:root{--u:0.8600px}}
@media (min-width:1024px){:root{--u:0.8600px}}
@media (min-width:1152px){:root{--u:0.8600px}}
@media (min-width:1280px){:root{--u:0.8600px}}
@media (min-width:1366px){:root{--u:0.8600px}}
@media (min-width:1440px){:root{--u:0.8600px}}
@media (min-width:1536px){:root{--u:0.8600px}}
@media (min-width:1600px){:root{--u:0.8889px}}
@media (min-width:1680px){:root{--u:0.9333px}}
@media (min-width:1800px){:root{--u:1.0000px}}
@media (min-width:1920px){:root{--u:1.0667px}}
@media (min-width:2048px){:root{--u:1.1378px}}
@media (min-width:2240px){:root{--u:1.2444px}}
@media (min-width:2400px){:root{--u:1.3333px}}
@media (min-width:2560px){:root{--u:1.4222px}}
@media (min-width:2720px){:root{--u:1.5111px}}
@media (min-width:2880px){:root{--u:1.6000px}}
@media (min-width:3072px){:root{--u:1.7067px}}
@media (min-width:3264px){:root{--u:1.8133px}}
@media (min-width:3440px){:root{--u:1.9111px}}
@media (min-width:3600px){:root{--u:2.0000px}}
@media (min-width:3840px){:root{--u:2.1333px}}
@media (min-width:4096px){:root{--u:2.2756px}}
/* rev19 — scala a gradini (altezza) per la prima schermata */
@media (min-width:901px){:root{--uh:var(--u);--hv:0.40px;--hs:min(var(--u),var(--hv))}}
@media (min-width:901px) and (min-height:400px){:root{--hv:0.400px}}
@media (min-width:901px) and (min-height:450px){:root{--hv:0.450px}}
@media (min-width:901px) and (min-height:500px){:root{--hv:0.500px}}
@media (min-width:901px) and (min-height:550px){:root{--hv:0.550px}}
@media (min-width:901px) and (min-height:600px){:root{--hv:0.600px}}
@media (min-width:901px) and (min-height:650px){:root{--hv:0.650px}}
@media (min-width:901px) and (min-height:700px){:root{--hv:0.700px}}
@media (min-width:901px) and (min-height:750px){:root{--hv:0.750px}}
@media (min-width:901px) and (min-height:800px){:root{--hv:0.800px}}
@media (min-width:901px) and (min-height:850px){:root{--hv:0.850px}}
@media (min-width:901px) and (min-height:900px){:root{--hv:0.900px}}
@media (min-width:901px) and (min-height:950px){:root{--hv:0.950px}}
@media (min-width:901px) and (min-height:1000px){:root{--hv:1.000px}}
@media (min-width:901px) and (min-height:1050px){:root{--hv:1.050px}}
@media (min-width:901px) and (min-height:1100px){:root{--hv:1.100px}}
@media (min-width:901px) and (min-height:1150px){:root{--hv:1.150px}}
@media (min-width:901px) and (min-height:1200px){:root{--hv:1.200px}}
@media (min-width:901px) and (min-height:1250px){:root{--hv:1.250px}}
@media (min-width:901px) and (min-height:1300px){:root{--hv:1.300px}}
@media (min-width:901px) and (min-height:1350px){:root{--hv:1.350px}}
@media (min-width:901px) and (min-height:1400px){:root{--hv:1.400px}}
@media (min-width:901px) and (min-height:1450px){:root{--hv:1.450px}}
@media (min-width:901px) and (min-height:1500px){:root{--hv:1.500px}}
@media (min-width:901px) and (min-height:1550px){:root{--hv:1.550px}}
@media (min-width:901px) and (min-height:1600px){:root{--hv:1.600px}}
@media (min-width:901px) and (min-height:1650px){:root{--hv:1.650px}}
@media (min-width:901px) and (min-height:1700px){:root{--hv:1.700px}}
@media (min-width:901px) and (min-height:1750px){:root{--hv:1.750px}}
@media (min-width:901px) and (min-height:1800px){:root{--hv:1.800px}}
@media (min-width:901px) and (min-height:1850px){:root{--hv:1.850px}}
@media (min-width:901px) and (min-height:1900px){:root{--hv:1.900px}}
@media (min-width:901px) and (min-height:1950px){:root{--hv:1.950px}}
@media (min-width:901px) and (min-height:2000px){:root{--hv:2.000px}}
@media (min-width:901px) and (min-height:2050px){:root{--hv:2.050px}}
@media (min-width:901px) and (min-height:2100px){:root{--hv:2.100px}}
@media (min-width:901px) and (min-height:2150px){:root{--hv:2.150px}}
@media (min-width:901px) and (min-height:2200px){:root{--hv:2.200px}}
@media (min-width:901px) and (min-height:2250px){:root{--hv:2.250px}}
@media (min-width:901px) and (min-height:2300px){:root{--hv:2.300px}}
@media (min-width:901px) and (min-height:2350px){:root{--hv:2.350px}}
@media (min-width:901px) and (min-height:2400px){:root{--hv:2.400px}}

body{margin:0;background:#011844;color:#ffffff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Helvetica,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#7fb8ff;text-decoration:none}a:hover{color:#b8d9ff}
*{box-sizing:border-box}
.dk-wrap{width:100%;min-height:100vh;overflow:hidden;overflow:clip;background:#011844}
.dk-nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(calc(20 * var(--u)));-webkit-backdrop-filter:saturate(180%) blur(calc(20 * var(--u)));background:rgba(1,24,68,.7);border-bottom:1px solid rgba(255,255,255,.1)}
.dk-nav-in{max-width:calc(1180 * var(--u));margin:0 auto;padding:0 calc(24 * var(--u));height:calc(72 * var(--u));display:flex;align-items:center;justify-content:space-between;gap:calc(24 * var(--u))}
.dk-logo{height:calc(42 * var(--u));width:auto;display:block}
.dk-menu{display:flex;gap:calc(32 * var(--u));flex-wrap:wrap;list-style:none;margin:0;padding:0}
.dk-menu a{color:#fff;font-size:calc(16 * var(--u));letter-spacing:-.01em;opacity:.92;font-weight:500;transition:opacity .25s}
.dk-menu a:hover{opacity:1;color:#7fb8ff}
.dk-lang{display:flex;gap:calc(8 * var(--u));align-items:center}
.dk-lang a{font-size:calc(14 * var(--u));color:#c9d5ee;font-weight:500;padding:calc(5 * var(--u)) calc(9 * var(--u));border-radius:calc(999 * var(--u));transition:background .2s,color .2s}
.dk-lang a:hover,.dk-lang a.on{background:#fff;color:#011844}
.dk-sec{padding:calc(150 * var(--uh)) calc(24 * var(--u));position:relative}
.dk-c{max-width:calc(1180 * var(--u));margin:0 auto}
.dk-c-n{max-width:calc(880 * var(--u));margin:0 auto}
.dk-h1{font-size:calc(96 * var(--uh));line-height:1.02;letter-spacing:-.035em;font-weight:700;margin:0;text-align:center}
.dk-h1 b,.dk-h2 b{background:linear-gradient(90deg,#7fb8ff,#009eff 50%,#ffffff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dk-sheen 6s linear infinite}
@keyframes dk-sheen{0%{background-position:0 0}100%{background-position:200% 0}}
.dk-h2{font-size:calc(64 * var(--uh));line-height:1.05;letter-spacing:-.03em;font-weight:700;margin:0 0 calc(28 * var(--u))}
.dk-h3{font-size:calc(28 * var(--u));line-height:1.2;letter-spacing:-.02em;font-weight:600;margin:0 0 calc(16 * var(--u))}
.dk-lead{font-size:calc(28 * var(--u));line-height:1.35;letter-spacing:-.015em;margin:0;font-weight:400;color:#dbe4f5}
.dk-lead b{font-weight:600;color:#fff}
.dk-p{font-size:calc(21 * var(--u));line-height:1.5;letter-spacing:-.01em;color:#aeb9d4;margin:0 0 calc(20 * var(--u))}
.dk-p b{color:#fff;font-weight:600}
.dk-eyebrow{font-size:calc(14 * var(--u));letter-spacing:.14em;text-transform:uppercase;color:#7fb8ff;font-weight:600;margin:0 0 calc(20 * var(--u))}
.dk-btn{display:inline-flex;align-items:center;gap:calc(8 * var(--u));min-height:calc(48 * var(--u));padding:0 calc(24 * var(--u));border-radius:calc(999 * var(--u));background:#fff;color:#011844;font-size:calc(17 * var(--u));font-weight:600;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s,color .25s}
.dk-btn:hover{background:#009eff;color:#fff;transform:translateY(-2px)}
.dk-link{display:inline-flex;align-items:center;gap:calc(6 * var(--u));min-height:calc(48 * var(--u));font-size:calc(17 * var(--u));color:#7fb8ff;font-weight:500}
.dk-link svg{width:calc(16 * var(--u));height:calc(16 * var(--u));stroke:currentColor;fill:none;stroke-width:2;transition:transform .3s}
.dk-link:hover svg{transform:translateX(calc(4 * var(--u)))}
.dk-light{background:#fff;color:#0f2250}
.dk-light .dk-p{color:#4b5570}.dk-light .dk-p b{color:#0f2250}.dk-light .dk-eyebrow{color:#4461ea}.dk-light .dk-lead{color:#0f2250}
.dk-light .dk-h2 b{background:linear-gradient(90deg,#009eff,#4461ea 50%,#009eff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}
.dk-hero{padding:calc(150 * var(--uh)) calc(24 * var(--u)) calc(140 * var(--uh));text-align:center;position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden}
.dk-beam{position:absolute;left:50%;top:-20%;width:60vw;height:140%;transform:translateX(-50%) rotate(12deg);background:linear-gradient(90deg,transparent,rgba(0,158,255,.18) 40%,rgba(68,97,234,.22) 55%,transparent);filter:blur(calc(60 * var(--u)));animation:dk-beam 12s ease-in-out infinite;pointer-events:none}
@keyframes dk-beam{0%,100%{transform:translateX(-70%) rotate(12deg)}50%{transform:translateX(-30%) rotate(8deg)}}
.dk-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:calc(28 * var(--u)) calc(28 * var(--u));mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%);pointer-events:none}
.dk-h1 span{display:inline-block;transition:opacity 1.1s,transform 1.1s,filter 1.1s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}
.js .dk-h1 span{opacity:0;transform:translateY(calc(24 * var(--u))) scale(.96);filter:blur(calc(14 * var(--u)))}
.js .dk-h1.in span{opacity:1;transform:none;filter:blur(0)}
.dk-claim{margin:calc(52 * var(--u)) auto 0;font-size:calc(14 * var(--u));letter-spacing:.34em;text-transform:uppercase;color:#7fb8ff;font-weight:600;position:relative;display:inline-block;padding:calc(14 * var(--u)) 0}
.dk-claim::before,.dk-claim::after{content:"";position:absolute;left:50%;height:1px;width:0;background:linear-gradient(90deg,transparent,#7fb8ff,transparent);transition:width 1.4s cubic-bezier(.2,.8,.2,1),left 1.4s cubic-bezier(.2,.8,.2,1)}
.dk-claim::before{top:0}.dk-claim::after{bottom:0}
.dk-claim.in::before,.dk-claim.in::after{width:100%;left:0}
.dk-flip span{display:inline-block;transform-origin:50% 100%;transition:opacity .8s,transform .8s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}
.js .dk-flip span{opacity:0;transform:perspective(calc(600 * var(--u))) rotateX(-70deg) translateY(calc(10 * var(--u)))}
.js .dk-flip.in span{opacity:1;transform:none}
.dk-big{display:block;width:100%;text-align:center;font-size:clamp(calc(56 * var(--uh)),10.5vw,calc(152 * var(--uh)));line-height:1;letter-spacing:.03em;font-weight:800;margin:calc(56 * var(--u)) 0 0;white-space:nowrap;position:relative;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.75);background-image:linear-gradient(90deg,#fff 0%,#fff 35%,#009eff 50%,#fff 65%,#fff 100%);background-size:300% 100%;background-position:150% 0;-webkit-background-clip:text;background-clip:text;opacity:.6;transform:scale(.96);transition:-webkit-text-stroke-color 1.2s,opacity 1.2s,transform 1.2s cubic-bezier(.2,.8,.2,1)}
.dk-big.in{-webkit-text-stroke-color:transparent;opacity:1;transform:none;animation:dk-scan 5s linear .4s infinite}
@keyframes dk-scan{0%{background-position:150% 0}100%{background-position:-150% 0}}
.dk-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(64 * var(--u));align-items:center}
.dk-rows{margin-top:calc(56 * var(--u));border-top:1px solid rgba(15,34,80,.14)}
.dk-row{display:grid;grid-template-columns:calc(120 * var(--u)) minmax(0,1fr) minmax(0,1fr);gap:calc(32 * var(--u));align-items:center;padding:calc(40 * var(--u)) 0;border-bottom:1px solid rgba(15,34,80,.14);position:relative}
.dk-row::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:linear-gradient(90deg,#009eff,#4461ea);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.dk-row.in::after{width:100%}
.dk-row i{font-style:normal;font-size:calc(64 * var(--u));font-weight:800;letter-spacing:-.05em;color:#fff;-webkit-text-stroke:calc(3 * var(--u)) #4461ea;paint-order:stroke fill;line-height:1}
.dk-row h3{margin:0;font-size:calc(44 * var(--u));font-weight:800;letter-spacing:.02em;transition:letter-spacing .6s cubic-bezier(.2,.8,.2,1),color .4s}
.dk-row:hover h3{letter-spacing:.08em;color:#4461ea}
.dk-row p{margin:0;font-size:calc(19 * var(--u));line-height:1.45;color:#4b5570}
.dk-marq{overflow:hidden;white-space:nowrap;padding:calc(22 * var(--u)) 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.dk-marq div{display:inline-flex;animation:dk-marq 46s linear infinite}
.dk-marq.rev div{animation-direction:reverse;animation-duration:56s}
.dk-marq:hover div{animation-play-state:paused}
.dk-marq span{font-size:calc(72 * var(--u));font-weight:700;letter-spacing:-.03em;padding:0 calc(40 * var(--u));display:inline-flex;align-items:center;gap:calc(40 * var(--u));color:#fff}
.dk-marq.rev span{color:#011844;-webkit-text-stroke:calc(3 * var(--u)) rgba(255,255,255,.7);paint-order:stroke fill}
.dk-marq span::after{content:"";width:calc(14 * var(--u));height:calc(14 * var(--u));border-radius:50%;background:#009eff}
@keyframes dk-marq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.dk-band{position:relative;height:calc(640 * var(--u));overflow:hidden;background:#011844}
.dk-band img{width:100%;height:100%;object-fit:cover;display:block;animation:dk-kb 22s ease-in-out infinite alternate}
@keyframes dk-kb{0%{transform:scale(1)}100%{transform:scale(1.08)}}
.dk-band::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#011844,transparent 35%,transparent 65%,#011844);z-index:1}
.dk-list{list-style:none;margin:0;padding:0}
.dk-list li{font-size:calc(21 * var(--u));line-height:1.5;color:#aeb9d4;padding:calc(22 * var(--u)) 0 calc(22 * var(--u)) calc(72 * var(--u));position:relative;border-bottom:1px solid rgba(255,255,255,.12)}
.dk-list li b{color:#fff;font-weight:600}
.dk-list li i{font-style:normal;position:absolute;left:0;top:calc(24 * var(--u));font-size:calc(14 * var(--u));font-weight:700;letter-spacing:.2em;color:#7fb8ff}
.dk-list li i::after{content:"";display:block;width:0;height:2px;margin-top:calc(8 * var(--u));background:#009eff;transition:width .9s cubic-bezier(.2,.8,.2,1) .2s}
.dk-list li.in i::after{width:calc(28 * var(--u))}
.dk-stats{display:flex;gap:calc(72 * var(--u));flex-wrap:wrap;margin-top:calc(56 * var(--u))}
.dk-stat strong{display:block;font-size:calc(112 * var(--uh));line-height:1;font-weight:800;letter-spacing:-.05em;color:#fff}
.dk-stat small{display:block;margin-top:calc(8 * var(--u));font-size:calc(15 * var(--u));letter-spacing:.1em;text-transform:uppercase;color:#7fb8ff;font-weight:600}
.dk-vals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(20 * var(--u));margin-top:calc(56 * var(--u))}
.dk-val{background:#f3f6fb;border-radius:calc(24 * var(--u));padding:calc(40 * var(--u)) calc(36 * var(--u));min-height:calc(260 * var(--u));position:relative;overflow:hidden}
.dk-val::before{content:"";position:absolute;left:0;top:0;height:100%;width:calc(6 * var(--u));background:linear-gradient(180deg,#009eff,#4461ea);transform:scaleY(0);transform-origin:top;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.dk-val.in::before{transform:scaleY(1)}
.dk-val h3{margin:0 0 calc(16 * var(--u));font-size:calc(30 * var(--u));letter-spacing:-.025em;font-weight:700;color:#0f2250;text-transform:capitalize}
.dk-val p{margin:0;font-size:calc(17 * var(--u));line-height:1.55;color:#4b5570}
.dk-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(32 * var(--u)) calc(28 * var(--u));margin-top:calc(56 * var(--u));justify-items:center}
.dk-member{text-align:center;max-width:calc(230 * var(--u))}
.dk-member a.ph{display:block;position:relative;width:calc(200 * var(--u));height:calc(200 * var(--u));margin:0 auto calc(18 * var(--u));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.dk-member a.ph:hover{transform:translateY(calc(-6 * var(--u))) scale(1.03)}.dk-member a.ph .li{position:absolute;right:2px;bottom:calc(-10 * var(--u));width:calc(56 * var(--u));height:calc(56 * var(--u));border-radius:50%;background:#0A66C2;border:calc(4 * var(--u)) solid #011844;display:flex;align-items:center;justify-content:center;box-shadow:0 calc(8 * var(--u)) calc(20 * var(--u)) rgba(1,24,68,.25);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.dk-member a.ph:hover .li{transform:scale(1.1)}.dk-member a.ph .li svg{width:calc(26 * var(--u));height:calc(26 * var(--u));fill:#fff}
.dk-member img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;box-shadow:0 0 0 1px rgba(1,24,68,.08)}
.dk-member h3{margin:0 0 calc(4 * var(--u));font-size:calc(19 * var(--u));font-weight:600;letter-spacing:-.01em}
.dk-member h3 a{color:#fff}
.dk-member p{margin:0;font-size:calc(15 * var(--u));color:#9fb0d0}
.dk-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16 * var(--u));margin-top:calc(8 * var(--u))}
.dk-form label{display:flex;flex-direction:column;gap:calc(8 * var(--u));font-size:calc(14 * var(--u));font-weight:600;color:#4b5570}
.dk-form input,.dk-form textarea{font:inherit;font-size:calc(17 * var(--u));padding:calc(14 * var(--u)) calc(16 * var(--u));border-radius:calc(12 * var(--u));border:1px solid rgba(15,34,80,.16);background:#fff;transition:border-color .25s,box-shadow .25s}
.dk-form input:focus,.dk-form textarea:focus{outline:none;border-color:#4461ea;box-shadow:0 0 0 calc(4 * var(--u)) rgba(68,97,234,.18)}
.dk-form .full{grid-column:1/-1}
.dk-check{flex-direction:row;align-items:center;gap:calc(10 * var(--u));font-size:calc(15 * var(--u));color:#4b5570;font-weight:400}
.dk-check input{width:calc(20 * var(--u));height:calc(20 * var(--u))}
.dk-foot{background:#010f2e;padding:calc(64 * var(--u)) calc(24 * var(--u)) calc(40 * var(--u));font-size:calc(13 * var(--u));color:#9fb0d0;line-height:1.7}
.dk-foot-in{max-width:calc(1180 * var(--u));margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(40 * var(--u))}
.dk-foot img{height:calc(40 * var(--u));width:auto;display:block;margin-bottom:calc(16 * var(--u))}
.dk-foot b{color:#fff}
.dk-soc{display:flex;gap:calc(12 * var(--u));margin-top:calc(12 * var(--u))}
.dk-soc a{width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:50%;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:background .25s,color .25s}
.dk-soc a:hover{background:#fff;color:#011844}
.dk-soc svg{width:calc(18 * var(--u));height:calc(18 * var(--u));fill:currentColor}
.js .reveal{opacity:0;transform:translateY(calc(32 * var(--u)));transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}
.js .reveal.in{opacity:1;transform:translateY(0)}
.js .reveal.d1{transition-delay:.12s}.js .reveal.d2{transition-delay:.24s}.js .reveal.d3{transition-delay:.36s}.js .reveal.d4{transition-delay:.48s}
@media (max-width:900px){.dk-h1{font-size:calc(48 * var(--u))}.dk-h2{font-size:calc(38 * var(--u))}.dk-split,.dk-vals,.dk-team,.dk-form,.dk-foot-in{grid-template-columns:repeat(1,minmax(0,1fr))}.dk-row{grid-template-columns:1fr}.dk-row h3{font-size:calc(30 * var(--u))}.dk-sec{padding:calc(80 * var(--u)) calc(24 * var(--u))}.dk-lead{font-size:calc(21 * var(--u))}.dk-menu{display:none}.dk-stat strong{font-size:calc(64 * var(--u))}.dk-band{height:calc(360 * var(--u))}.dk-marq span{font-size:calc(36 * var(--u))}}

.nt{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.nb{display:none;width:calc(44 * var(--u));height:calc(44 * var(--u));align-items:center;justify-content:center;flex-direction:column;gap:calc(5 * var(--u));cursor:pointer;margin-left:auto;border-radius:calc(12 * var(--u))}
.nb span{display:block;width:calc(22 * var(--u));height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}
@media (max-width:900px){
.nb{display:flex}
.dk-nav-in{flex-wrap:wrap;height:auto;min-height:calc(60 * var(--u));padding:calc(8 * var(--u)) calc(20 * var(--u));gap:calc(12 * var(--u))}
.dk-menu{display:none;width:100%;order:3;flex-direction:column;gap:0;padding:calc(8 * var(--u)) 0 calc(16 * var(--u));border-top:1px solid rgba(127,127,127,.2)}
.dk-menu li a{display:block;padding:calc(14 * var(--u)) calc(4 * var(--u));font-size:calc(20 * var(--u));font-weight:600;color:#fff}
.nt:checked ~ .dk-menu{display:flex}
.nt:checked ~ .nb span:nth-child(1){transform:translateY(calc(7 * var(--u))) rotate(45deg)}
.nt:checked ~ .nb span:nth-child(2){opacity:0}
.nt:checked ~ .nb span:nth-child(3){transform:translateY(calc(-7 * var(--u))) rotate(-45deg)}
.dk-lang{order:4;width:100%;justify-content:center;padding-bottom:calc(6 * var(--u))}
.dk-nav{background:#011844}
.dk-hero{min-height:auto;padding-top:calc(72 * var(--u));padding-bottom:calc(72 * var(--u))}
.dk-sec{padding:calc(72 * var(--u)) calc(20 * var(--u))}
.dk-c,.dk-c-n{padding:0}
.dk-team{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(28 * var(--u)) calc(12 * var(--u))}
.dk-member a.ph{width:calc(150 * var(--u));height:calc(150 * var(--u))}
.dk-member a.ph .li{width:calc(44 * var(--u));height:calc(44 * var(--u));bottom:calc(-6 * var(--u));right:0}
.dk-member a.ph .li svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}
.dk-foot-in{text-align:center}
.dk-foot img{margin-left:auto;margin-right:auto}
.dk-soc{justify-content:center}
}

/* rev2 — simbolo di marchio registrato */
.reg{font-size:.5em;line-height:0;vertical-align:super;margin-left:.06em;font-weight:inherit;letter-spacing:0}
/* rev2 — claim in evidenza */
.dk-claim{font-size:calc(34 * var(--u));letter-spacing:.01em;text-transform:none;font-weight:600;padding:calc(18 * var(--u)) calc(8 * var(--u));margin-top:calc(56 * var(--u));
  background:linear-gradient(90deg,#7fb8ff,#009eff 50%,#ffffff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dk-sheen 6s linear infinite}
.dk-claim .reg{-webkit-text-fill-color:#7fb8ff;color:#7fb8ff}
/* rev2 — numerazione dell'elenco Innovazione, coerente con le righe 01-04 dei pilastri */
.dk-list li{padding-left:calc(92 * var(--u));min-height:calc(84 * var(--u))}
.dk-list li i{top:calc(22 * var(--u));font-size:calc(38 * var(--u));font-weight:800;letter-spacing:-.05em;line-height:1;color:transparent;
  -webkit-text-stroke:calc(1.2 * var(--u)) #7fb8ff;transition:color .6s cubic-bezier(.2,.8,.2,1),-webkit-text-stroke-color .6s}
.dk-list li i::after{height:2px;margin-top:calc(8 * var(--u));background:linear-gradient(90deg,#009eff,#4461ea)}
.dk-list li.in i::after{width:calc(36 * var(--u))}
.dk-list li:hover i{color:#009eff;-webkit-text-stroke-color:#009eff}
@media (max-width:900px){
  .dk-claim{font-size:22px}
  .dk-list li{padding-left:64px;min-height:0}
  .dk-list li i{font-size:30px;top:22px}
  .dk-list li.in i::after{width:28px}
}
@media (prefers-reduced-motion:reduce){.dk-claim{animation:none}}

/* rev4 — occhielli come domanda guida */
.dk-eyebrow{font-size:calc(22 * var(--u));letter-spacing:-.01em;text-transform:none;font-weight:500;line-height:1.3;margin:0 0 calc(26 * var(--u))}
@media (max-width:900px){.dk-eyebrow{font-size:18px;margin-bottom:18px}}
/* variante A — tinta dedicata, statica */
.dk-eyebrow{color:#5fd0ff}
.dk-light .dk-eyebrow{color:#4461ea}

/* rev6 — schede valori piu leggibili */
.dk-val h3{font-size:calc(34 * var(--u));margin-bottom:calc(18 * var(--u))}
.dk-val p{font-size:calc(20 * var(--u));line-height:1.55;color:#2f3a55}
@media (max-width:900px){.dk-val h3{font-size:28px}.dk-val p{font-size:18px}}

/* rev7 — nastro settori: piu distacco dal titolo e corpo leggermente ridotto */
.dk-marq-first{margin-top:calc(112 * var(--u))}
.dk-marq{padding:calc(26 * var(--u)) 0}
.dk-marq span{font-size:calc(60 * var(--u));padding:0 calc(36 * var(--u));gap:calc(36 * var(--u))}
.dk-marq span::after{width:calc(12 * var(--u));height:calc(12 * var(--u))}
@media (max-width:900px){.dk-marq-first{margin-top:56px}.dk-marq span{font-size:32px}}

/* rev9 — occhielli piu marcati rispetto al testo corrente */
.dk-eyebrow{font-size:calc(26 * var(--u))}
@media (max-width:900px){.dk-eyebrow{font-size:24px}}
/* rev9 — testo della sezione La nostra soluzione */
#cosa-facciamo .dk-p{font-size:calc(23 * var(--u))}
@media (max-width:900px){#cosa-facciamo .dk-p{font-size:22px}}
/* rev9 — elenco Innovazione: catena di nodi al posto dei numeri */
.dk-list li{padding-left:calc(64 * var(--u));min-height:0}
.dk-list li::before{content:"";position:absolute;left:calc(9 * var(--u));top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(0,158,255,.55),rgba(68,97,234,.55))}
.dk-list li:first-child::before{top:calc(38 * var(--u))}
.dk-list li:last-child::before{bottom:auto;height:calc(38 * var(--u))}
.dk-list li::after{content:"";position:absolute;left:calc(1 * var(--u));top:calc(29 * var(--u));width:calc(18 * var(--u));height:calc(18 * var(--u));box-sizing:border-box;border-radius:50%;border:2px solid #009eff;background:#011844;transform:scale(.4);transition:transform .7s cubic-bezier(.2,.8,.2,1) .25s,background .7s .25s,box-shadow .4s}
.dk-list li.in::after{transform:scale(1);background:#009eff;box-shadow:0 0 0 calc(5 * var(--u)) rgba(0,158,255,.16)}
.dk-list li:hover::after{box-shadow:0 0 0 calc(8 * var(--u)) rgba(0,158,255,.24)}
@media (max-width:900px){.dk-list li{padding-left:44px}}
@media (prefers-reduced-motion:reduce){.dk-list li::after{transition:none}}

/* rev10 — testo corrente uniformato in tutte le sezioni */
.dk-p,.dk-list li{font-size:calc(23 * var(--u))}
@media (max-width:900px){.dk-p,.dk-list li{font-size:22px}}
/* rev10 — etichette di 10+ e 25+ */
.dk-stat small{margin-top:calc(14 * var(--u));font-size:calc(21 * var(--u));line-height:1.3;letter-spacing:-.005em;text-transform:none;font-weight:500;color:#c9d5ee;max-width:11.5em}
@media (max-width:900px){.dk-stat small{font-size:18px}}

/* rev11 — catena attiva: un impulso di luce percorre lentamente la linea e accende i nodi in sequenza */
.dk-list li::before{background:linear-gradient(180deg,rgba(0,158,255,.38) 0%,rgba(0,158,255,.38) 36%,rgba(191,230,255,.95) 50%,rgba(0,158,255,.38) 64%,rgba(0,158,255,.38) 100%);background-size:100% 300%;background-position:0 100%}
.dk-list.live li::before{animation:dk-chain 10s cubic-bezier(.45,0,.55,1) infinite}
.dk-list.live li.in::after{animation:dk-node 10s ease-in-out infinite}
.dk-list.live li:nth-child(1)::before,.dk-list.live li:nth-child(1).in::after{animation-delay:0.0s}
.dk-list.live li:nth-child(2)::before,.dk-list.live li:nth-child(2).in::after{animation-delay:1.4s}
.dk-list.live li:nth-child(3)::before,.dk-list.live li:nth-child(3).in::after{animation-delay:2.8s}
.dk-list.live li:nth-child(4)::before,.dk-list.live li:nth-child(4).in::after{animation-delay:4.2s}
.dk-list.live li:nth-child(5)::before,.dk-list.live li:nth-child(5).in::after{animation-delay:5.6s}
.dk-list.live li:nth-child(6)::before,.dk-list.live li:nth-child(6).in::after{animation-delay:7.0s}
@keyframes dk-chain{0%{background-position:0 100%}14%{background-position:0 0}100%{background-position:0 0}}
@keyframes dk-node{0%,1%{background:#009eff;box-shadow:0 0 0 calc(5 * var(--u)) rgba(0,158,255,.16)}
  5%{background:#d6efff;box-shadow:0 0 0 calc(9 * var(--u)) rgba(0,158,255,.30),0 0 calc(22 * var(--u)) calc(4 * var(--u)) rgba(127,184,255,.55)}
  18%,100%{background:#009eff;box-shadow:0 0 0 calc(5 * var(--u)) rgba(0,158,255,.16)}}
@media (prefers-reduced-motion:reduce){.dk-list.live li::before,.dk-list.live li.in::after{animation:none}}

/* rev12 — collaudo mobile e tablet */
[id]{scroll-margin-top:calc(84 * var(--u))}
.dk-menu a{display:inline-block;padding:calc(10 * var(--u)) 0}
.dk-member h3 a{display:inline-block;padding:3px 0}
.dk-check input{width:22px;height:22px;flex:0 0 22px}
@media (max-width:900px){
  [id]{scroll-margin-top:72px}
  .dk-lang{display:none}
  .nt:checked ~ .dk-lang{display:flex;padding:4px 0 14px}
  .dk-lang a{min-height:36px;min-width:40px;display:inline-flex;align-items:center;justify-content:center}
  .dk-menu li a{display:block}
  .dk-big{font-size:clamp(30px,11.2vw,56px)}
}
@media (min-width:901px) and (max-width:1280px){.dk-row h3{font-size:calc(3.4vw)}}

/* rev13 — tablet, fold e browser WebKit (iPhone, iPad, iPhone Duo) */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@supports (min-height:1svh){.dk-hero{min-height:92svh}}
@media (max-width:900px){.dk-hero{min-height:auto}}
/* su schermi touch gli effetti hover restano "appesi" dopo il tocco: si neutralizzano */
@media (hover:none){
  .dk-row:hover h3{letter-spacing:.02em;color:inherit}
  .dk-btn:hover{transform:none}
  .dk-member a.ph:hover{transform:none}
  .dk-member a.ph:hover .li{transform:none}
  .dk-list li:hover::after{box-shadow:0 0 0 calc(5 * var(--u)) rgba(0,158,255,.16)}
}
/* fascia tablet verticale e fold aperti (600-900 px): layout intermedio, non quello da telefono */
@media (min-width:600px) and (max-width:900px){
  .dk-h1{font-size:clamp(48px,7.4vw,66px)}
  .dk-h2{font-size:clamp(38px,5.6vw,50px)}
  .dk-sec{padding:96px 40px}
  .dk-hero{padding:96px 40px}
  .dk-vals{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dk-team{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dk-stats{gap:64px}
  .dk-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dk-foot-in{grid-template-columns:repeat(3,minmax(0,1fr));text-align:left}
  .dk-foot img{margin-left:0}
  .dk-soc{justify-content:flex-start}
}
/* telefoni e fold in orizzontale (altezza ridotta): apertura compatta */
@media (max-height:500px) and (orientation:landscape){
  .dk-hero{min-height:auto;padding-top:56px;padding-bottom:56px}
}
@media (min-width:901px) and (max-width:1200px){#innovazione .dk-h2,#contatti .dk-h2{font-size:clamp(46px,5.6vw,64px)}}
@media (min-width:600px) and (max-width:900px){
  .dk-team{display:flex;flex-wrap:wrap;justify-content:center}
  .dk-member{flex:0 0 30%;max-width:30%}
}
@media (min-width:760px) and (max-width:900px){.dk-member{flex-basis:23%;max-width:23%}}

/* rev14 — navigazione mobile: pannello dal basso + catena di lettura + pillola persistente + lingue col globo */
.m-lang,.m-langpop,.m-pill,.m-sheet,.m-scrim{display:none}
@media (max-width:900px){
  .dk-lang{display:none!important}
  .js-nav .nt:checked ~ .dk-menu{display:none}
  .m-lang{display:inline-flex;align-items:center;gap:6px;margin-left:auto;height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#dbe4f5;font-weight:600;font-size:14px;line-height:1;font-family:inherit;cursor:pointer}
  .m-lang svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}
  .nb{margin-left:6px}
  .m-langpop:not([hidden]){display:flex;flex-direction:column;position:fixed;top:66px;right:14px;z-index:80;min-width:190px;padding:6px;border-radius:16px;background:#0a2560;border:1px solid rgba(127,184,255,.3);box-shadow:0 18px 40px rgba(0,0,0,.35);animation:m-pop .22s cubic-bezier(.2,.8,.2,1)}
  .m-langpop a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;color:#fff;font-size:17px}
  .m-langpop a.on{background:rgba(0,158,255,.18);color:#7fb8ff;font-weight:600}
  .m-langpop a[dir=rtl]{justify-content:flex-start}
  @keyframes m-pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}

  .m-pill{display:flex;align-items:center;gap:12px;position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:60;height:52px;max-width:calc(100vw - 32px);padding:0 16px 0 18px;border-radius:999px;border:1px solid rgba(127,184,255,.38);background:rgba(10,37,96,.9);-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);color:#fff;font-weight:600;font-size:16px;line-height:1;font-family:inherit;box-shadow:0 10px 30px rgba(0,0,0,.35);cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s}
  .m-pill.off{opacity:0;pointer-events:none;transform:translate(-50%,20px)}
  .m-dots{display:flex;align-items:center;gap:7px;position:relative}
  .m-dots::before{content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;margin-top:-1px;background:rgba(0,158,255,.35)}
  .m-dots i{position:relative;width:8px;height:8px;border-radius:50%;border:2px solid #009eff;background:#0a2560;box-sizing:border-box;transition:background .4s,box-shadow .4s}
  .m-dots i.read{background:#009eff}
  .m-dots i.now{background:#d6efff;box-shadow:0 0 0 3px rgba(0,158,255,.3)}
  .m-cur{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw;letter-spacing:-.01em}
  .m-ico{width:20px;height:20px;fill:none;stroke:#7fb8ff;stroke-width:2;stroke-linecap:round;flex:0 0 auto}

  .m-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:70;background:rgba(1,10,30,.55);animation:m-fade .3s ease}
  @keyframes m-fade{from{opacity:0}to{opacity:1}}
  .m-sheet:not([hidden]){display:block;position:fixed;left:0;right:0;bottom:0;z-index:75;max-height:86svh;overflow:auto;padding:6px 22px calc(22px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;background:#0a2560;border-top:1px solid rgba(127,184,255,.3);box-shadow:0 -20px 50px rgba(0,0,0,.4);transform:translateY(100%);transition:transform .42s cubic-bezier(.2,.8,.2,1);touch-action:pan-y}
  .m-sheet.open{transform:translateY(0)}
  .m-grab{display:block;width:100%;height:30px;border:0;background:transparent;cursor:grab;padding:0}
  .m-grab span{display:block;width:40px;height:5px;border-radius:3px;background:rgba(255,255,255,.4);margin:0 auto}
  .m-chain{list-style:none;margin:6px 0 20px;padding:0;position:relative}
  .m-chain li{position:relative;padding-left:34px}
  .m-chain li::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:rgba(0,158,255,.3)}
  .m-chain li:first-child::before{top:26px}
  .m-chain li:last-child::before{bottom:auto;height:26px}
  .m-chain li.read::before,.m-chain li.now::before{background:#7fb8ff}
  .m-chain li.now::before{bottom:50%}
  .m-chain li::after{content:"";position:absolute;left:2px;top:20px;width:14px;height:14px;border-radius:50%;border:2px solid #009eff;background:#0a2560;box-sizing:border-box;transition:background .4s,box-shadow .4s}
  .m-chain li.read::after{background:#009eff}
  .m-chain li.now::after{background:#d6efff;box-shadow:0 0 0 5px rgba(0,158,255,.25)}
  .m-chain a{display:block;padding:12px 0;color:#fff}
  .m-chain small{display:block;font-size:14px;color:#7fb8ff;margin-bottom:3px}
  .m-chain span{display:block;font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.15}
  .m-chain li:not(.read):not(.now) span{color:#c9d5ee}
  .m-cta{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:999px;background:#009eff;color:#011844;font-size:17px;font-weight:700}
  html.m-lock{overflow:hidden}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){.m-sheet:not([hidden]),.m-pill,.m-langpop:not([hidden]),.m-scrim:not([hidden]){transition:none;animation:none}}
@media (max-width:900px){.dk-foot{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}

/* rev15 — menu mobile in trasparenza: si intravedono testo e sfondo sottostanti */
@media (max-width:900px){
  .m-scrim:not([hidden]){background:rgba(1,10,30,.30)}
  .m-sheet:not([hidden]){background:rgba(10,37,96,.68);-webkit-backdrop-filter:saturate(170%) blur(18px);backdrop-filter:saturate(170%) blur(18px);border-top:1px solid rgba(169,212,255,.35);box-shadow:0 -12px 40px rgba(0,0,0,.25)}
  .m-pill{background:rgba(10,37,96,.68);-webkit-backdrop-filter:saturate(170%) blur(18px);backdrop-filter:saturate(170%) blur(18px)}
  .m-langpop:not([hidden]){background:rgba(10,37,96,.68);-webkit-backdrop-filter:saturate(170%) blur(18px);backdrop-filter:saturate(170%) blur(18px)}
  .m-langpop a.on{color:#a9d4ff;background:rgba(0,158,255,.22)}
  .m-chain small{color:#a9d4ff}
  .m-dots i,.m-chain li::after{background:rgba(10,37,96,.6)}
  /* le voci entrano in dissolvenza, una dopo l'altra */
  .m-chain li,.m-cta{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
  .m-sheet.open .m-chain li,.m-sheet.open .m-cta{opacity:1;transform:none}
  .m-sheet.open .m-chain li:nth-child(1){transition-delay:.08s}
  .m-sheet.open .m-chain li:nth-child(2){transition-delay:.14s}
  .m-sheet.open .m-chain li:nth-child(3){transition-delay:.20s}
  .m-sheet.open .m-chain li:nth-child(4){transition-delay:.26s}
  .m-sheet.open .m-cta{transition-delay:.32s}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  @media (max-width:900px){.m-sheet:not([hidden]),.m-pill,.m-langpop:not([hidden]){background:rgba(10,37,96,.95)}}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){.m-chain li,.m-cta{opacity:1;transform:none;transition:none}}

/* rev16 — lingue come simboli: bandiere vettoriali, EN metà UK/metà USA, AR con la lettera ض */
@media (max-width:900px){
  .m-lang{gap:7px;padding:0 6px 0 10px}
  .m-lang .m-curflag{width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.45)}
  .m-langpop:not([hidden]){min-width:0;left:14px;right:14px;padding:8px;border-radius:20px;align-items:center}
  .m-flags{display:flex;gap:10px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:8px;max-width:100%}
  .m-flags.scrolls{-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
  .m-flags.scrolls.end{-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%);mask-image:linear-gradient(90deg,transparent,#000 20%)}
  .m-flags::-webkit-scrollbar{display:none}
  .m-flags>:first-child{margin-left:auto}.m-flags>:last-child{margin-right:auto}
  .m-langpop a.m-flag{flex:0 0 auto;width:44px;height:44px;min-height:0;padding:0;border-radius:50%;background:none;display:block;box-shadow:0 0 0 1px rgba(255,255,255,.35);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
  .m-flag svg{display:block;width:44px;height:44px;border-radius:50%}
  .m-langpop a.m-flag.on{background:none;box-shadow:0 0 0 2px #fff,0 0 0 6px rgba(0,158,255,.55)}
  .m-langpop a.m-flag:active{transform:scale(.92)}
  .m-langpop a.m-flag:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 6px #009eff}
}

/* rev18 — prima schermata proporzionata a larghezza E altezza dello schermo */
@media (min-width:901px){
  .dk-hero{min-height:calc(100vh - var(--navh));padding:calc(96 * var(--hs)) calc(24 * var(--u)) calc(80 * var(--hs))}
  @supports (height:1svh){.dk-hero{min-height:calc(100svh - var(--navh))}}
  .dk-hero .dk-h1{font-size:calc(96 * var(--hs))}
  .dk-hero .dk-lead{font-size:max(18px, calc(28 * var(--hs)));margin-top:calc(34 * var(--hs))!important}
  .dk-hero .reveal.d3{margin-top:calc(38 * var(--hs))!important}
  .dk-hero .dk-btn{font-size:max(15px, calc(17 * var(--hs)));min-height:max(44px, calc(48 * var(--hs)))}
  .dk-hero .dk-link{font-size:max(15px, calc(17 * var(--hs)))}
  .dk-hero .dk-claim{font-size:max(20px, calc(34 * var(--hs)));margin-top:calc(44 * var(--hs));padding:calc(16 * var(--hs)) calc(8 * var(--hs))}
  /* soglie minime di leggibilita per i testi piccoli */
  .dk-foot{font-size:max(13px, calc(13 * var(--u)))}
  .dk-check{font-size:max(14px, calc(15 * var(--u)))}
  .dk-menu a{font-size:max(15px, calc(16 * var(--u)))}
  .dk-lang a{font-size:max(13px, calc(14 * var(--u)))}
}

/* rev19 — prestazioni: animazioni sospese fuori schermo, livelli dedicati, sfocatura limitata */
.is-off *,.is-off *::before,.is-off *::after,.is-off::before,.is-off::after{animation-play-state:paused!important}
.dk-beam{filter:blur(min(calc(60 * var(--u)), 80px));will-change:transform}
.dk-marq div,.dk-band img{will-change:transform}

/* rev19 — barra del menu senza sfocatura di fondo: e fissa, quindi la sfocatura andrebbe ricalcolata a ogni fotogramma */
.dk-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(1,24,68,.95)}

/* rev19 — fascio di luce dell'apertura: stessa resa senza filtro di sfocatura (gradiente gia sfumato), solo traslazione animata */
.dk-beam{filter:none;background:linear-gradient(90deg,transparent 0%,rgba(0,158,255,.06) 18%,rgba(0,158,255,.15) 36%,rgba(30,128,245,.2) 48%,rgba(68,97,234,.2) 58%,rgba(68,97,234,.08) 76%,transparent 100%)}

/* rev19 — elementi legati alla larghezza resi "a gradini" come il resto: nessun ricalcolo tra un gradino e l'altro */
@media (min-width:901px){
  .dk-big{font-size:calc(152 * var(--u))}
  .dk-beam{width:calc(1080 * var(--u))}
}
@media (min-width:901px) and (max-width:1279px){.dk-big{font-size:calc(110 * var(--u))}}
@media (min-width:901px) and (max-width:1023px){.dk-row h3{font-size:calc(36 * var(--u))}#innovazione .dk-h2,#contatti .dk-h2{font-size:48px}}
@media (min-width:1024px) and (max-width:1280px){.dk-row h3{font-size:calc(40 * var(--u))}}
@media (min-width:1024px) and (max-width:1200px){#innovazione .dk-h2,#contatti .dk-h2{font-size:calc(60 * var(--u))}}

/* rev20 — AUTENTICITÀ ridotta di circa il 16% */
@media (min-width:1280px){.dk-big{font-size:calc(128 * var(--u))}}
@media (min-width:901px) and (max-width:1279px){.dk-big{font-size:calc(92 * var(--u))}}
@media (max-width:900px){.dk-big{font-size:clamp(26px,9.4vw,48px)}}

/* rev21 — logo picTRUE della sezione La nostra risposta piu grande (+18%), mai oltre la colonna */
#cosa-facciamo .dk-c-n > img{height:auto!important;width:min(calc(328 * var(--u)),100%)!important}
/* rev21 — AUTENTICITÀ ridotta di un ulteriore 10% circa */
@media (min-width:1280px){.dk-big{font-size:calc(115 * var(--u))}}
@media (min-width:901px) and (max-width:1279px){.dk-big{font-size:calc(83 * var(--u))}}
@media (max-width:900px){.dk-big{font-size:clamp(24px,8.4vw,43px)}}


/* rev23 — nuova foto della fascia: proporzione originale 1086x285, sfumature ridotte ai bordi per lasciarla chiara */
.dk-band{height:auto;aspect-ratio:1086/285}
.dk-band::before{background:linear-gradient(180deg,#011844,transparent 10%,transparent 90%,#011844)}
.dk-band img{transform-origin:48% 55%}
@media (max-width:900px){.dk-band{aspect-ratio:auto;height:300px}.dk-band img{object-position:48% 50%}}

/* rev24 — claim in bianco fisso, senza effetto di luce */
.dk-claim{background:none;color:#fff;-webkit-text-fill-color:#fff;animation:none}
.dk-claim .reg{color:#fff;-webkit-text-fill-color:#fff}
/* rev24 — simbolo ® piu piccolo nei testi */
.reg{font-size:.4em;margin-left:.05em}
/* rev24 — fascia foto: senza bande sfumate, inquadratura piu stretta su telefono e mani */
.dk-band::before{display:none}
.dk-band{aspect-ratio:3.1/1}
.dk-band img{object-position:49% 55%;transform-origin:49% 55%}
@media (max-width:900px){.dk-band{aspect-ratio:auto;height:330px}}

/* rev25 — logo del footer piu grande e nitido */
.dk-foot img{height:calc(56 * var(--u));width:auto}
@media (max-width:900px){.dk-foot img{height:52px}}
/* rev25 — ragione sociale piu grande */
.dk-foot-in > div:nth-child(2) > b:first-child{display:inline-block;font-size:max(17px, calc(18 * var(--u)));letter-spacing:-.01em;margin-bottom:calc(6 * var(--u))}
/* rev25 — lingue su desktop come simboli (stessi simboli del menu mobile) */
.dk-lang{gap:calc(10 * var(--u))}
.dk-lang a{width:max(28px, calc(30 * var(--u)));height:max(28px, calc(30 * var(--u)));padding:0;border-radius:50%;display:block;background:none!important;box-shadow:0 0 0 1px rgba(255,255,255,.35);transition:box-shadow .25s,transform .25s cubic-bezier(.2,.8,.2,1)}
.dk-lang a svg{display:block;width:100%;height:100%;border-radius:50%}
.dk-lang a.on{box-shadow:0 0 0 2px #fff,0 0 0 calc(5 * var(--u)) rgba(0,158,255,.55)}
.dk-lang a:hover{transform:scale(1.08)}
.dk-lang a:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 5px #009eff}
/* rev25 — aree sicure iPhone (orizzontale e indicatore home) */
.dk-nav-in{padding-left:max(calc(24 * var(--u)), env(safe-area-inset-left,0px));padding-right:max(calc(24 * var(--u)), env(safe-area-inset-right,0px))}
@media (max-width:900px){.dk-nav-in{padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px))}}

/* rev26 — icone social del footer piu grandi e leggibili */
.dk-soc{gap:calc(16 * var(--u));margin-top:calc(16 * var(--u))}
.dk-soc a{width:max(56px, calc(62 * var(--u)));height:max(56px, calc(62 * var(--u)));border:1.5px solid rgba(255,255,255,.4)}
.dk-soc svg{width:max(26px, calc(28 * var(--u)));height:max(26px, calc(28 * var(--u)))}
.dk-foot-in > div:nth-child(3) > b:first-child{display:inline-block;font-size:max(17px, calc(18 * var(--u)))}
@media (hover:none){.dk-soc a:hover{background:none;color:#fff}}

/* rev28 — descrizioni dei pilastri 01-04 piu grandi e piu leggibili */
.dk-row p{font-size:max(17px, calc(24 * var(--u)));line-height:1.4;color:#2f3a55}
@media (max-width:900px){.dk-row p{font-size:20px}}
@media (max-width:900px){.dk-logo{height:34px}}

/* rev29 — logo della barra in alto piu grande e nitido (stesse versioni ricampionate del footer) */
.dk-logo{height:calc(52 * var(--u));width:auto}
@media (max-width:900px){.dk-logo{height:40px}}

/* rev30 — simboli lingua su desktop piu piccoli e piu ravvicinati */
.dk-lang{gap:max(6px, calc(7 * var(--u)))}
.dk-lang a{width:max(20px, calc(22 * var(--u)));height:max(20px, calc(22 * var(--u)))}
.dk-lang a.on{box-shadow:0 0 0 1.5px #fff,0 0 0 calc(3.5 * var(--u)) rgba(0,158,255,.55)}
.nb:focus-visible{outline:2px solid #009eff;outline-offset:3px}

/* rev31 — fascia foto a gradini: altezza legata alla scala della pagina, non alla larghezza continua */
@media (min-width:901px){.dk-band{aspect-ratio:auto;height:calc(580 * var(--u))}}
@media (min-width:901px) and (max-width:1535px){.dk-band{height:calc(500 * var(--u))}}

/* rev33 — soglia minima di leggibilita per ruoli del team ed etichette del form sui portatili */
.dk-member h3{font-size:max(17px, calc(19 * var(--u)))}
.dk-member p{font-size:max(14px, calc(15 * var(--u)));color:#b3c1dc}
.dk-form label{font-size:max(14px, calc(14 * var(--u)))}

/* rev34 — parole chiave dei pilastri in grassetto blu */
.dk-row p b{color:#4461ea;font-weight:700}
@media (max-width:900px){
  /* pilastri: frase piu vicina al titolo */
  .dk-row{row-gap:0}
  .dk-row h3{margin-top:14px}
  .dk-row p{margin-top:8px}
  /* Perche adesso: piu respiro sotto la domanda, testo appena piu piccolo */
  #visione .dk-h3{margin-bottom:26px}
  #visione .dk-p{font-size:20px;line-height:1.55}
  /* etichette di 10+ e 25+ */
  .dk-stat small{font-size:20px}
  /* pillola di navigazione: testo un poco piu grande, sempre leggero */
  .m-cur{font-size:17.5px;font-weight:500}
}
@media (max-width:359px){.m-cur{font-size:16.5px}#visione .dk-p{font-size:19px}}

/* rev35 — mobile: un'unica misura per tutto il testo descrittivo, uguale a quella della sezione Visione */
@media (max-width:900px){
  .dk-p,.dk-list li,.dk-val p,.dk-row p,.dk-hero .dk-lead,#cosa-facciamo .dk-p,#visione .dk-p{font-size:20px;line-height:1.55}
}
@media (max-width:359px){
  .dk-p,.dk-list li,.dk-val p,.dk-row p,.dk-hero .dk-lead,#cosa-facciamo .dk-p,#visione .dk-p{font-size:19px}
}

/* rev36 — nastro dei settori centrato tra il titolo e la sezione successiva (stesso spazio sopra e sotto, altezza totale invariata) */
.dk-marq-first{margin-top:calc(206 * var(--u))}
.dk-settori{padding-bottom:calc(56 * var(--u))!important}
@media (max-width:900px){.dk-marq-first{margin-top:100px}.dk-settori{padding-bottom:28px!important}}
@media (min-width:600px) and (max-width:900px){.dk-marq-first{margin-top:124px}}

/* rev37 — validazione W3C */
:root{--navh:calc(72 * var(--u))}
html.js-nav .nb-nojs{display:none!important}
html:not(.js-nav) .nb-js{display:none!important}
.nb-js{background:none;border:0;padding:0;color:inherit}
.nb-js[aria-expanded="true"] span:nth-child(1){transform:translateY(calc(7 * var(--u))) rotate(45deg)}
.nb-js[aria-expanded="true"] span:nth-child(2){opacity:0}
.nb-js[aria-expanded="true"] span:nth-child(3){transform:translateY(calc(-7 * var(--u))) rotate(-45deg)}

/* rev37 — parole in sfumatura sui fondi chiari: azzurro di partenza #008fe6 (3,5:1 sul bianco) invece di #009eff (2,9:1) */
.dk-light .dk-h2 b{background-image:linear-gradient(90deg,#008fe6,#4461ea 50%,#008fe6)}


/* ===== Proposte LTM sopra la rev. 37 ===== */
.lx{position:relative;margin-left:calc(8 * var(--u))}
.lx summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:calc(8 * var(--u));height:calc(36 * var(--u));padding:0 calc(14 * var(--u));border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#dbe4f5;font-size:calc(14 * var(--u));font-weight:600}
.lx summary::-webkit-details-marker{display:none}
.lx summary svg{width:calc(18 * var(--u));height:calc(18 * var(--u));fill:none;stroke:currentColor;stroke-width:1.8}
.lx .lx-chev{width:calc(14 * var(--u));height:calc(14 * var(--u));transition:transform .25s}
.lx[open] .lx-chev{transform:rotate(180deg)}
.lx-list{position:absolute;right:0;top:calc(100% + 8px);min-width:calc(200 * var(--u));margin:0;padding:calc(8 * var(--u));list-style:none;background:#0b1f4a;border:1px solid rgba(255,255,255,.14);border-radius:calc(16 * var(--u));box-shadow:0 20px 50px rgba(0,0,0,.4);z-index:60}
.lx-list a{display:block;padding:calc(10 * var(--u)) calc(14 * var(--u));border-radius:calc(10 * var(--u));color:#dbe4f5;font-size:calc(15 * var(--u));font-weight:500}
.lx-list a:hover,.lx-list a.on{background:rgba(255,255,255,.1);color:#fff}
.lx-list a[dir=rtl]{text-align:right;font-size:calc(17 * var(--u))}
.m-curlang{font-weight:700;letter-spacing:.06em}
/* lingue nel menu mobile: pillole con il nome, griglia 3 x 2 (selettori piu specifici delle bandiere tonde della rev16) */
.m-langpop .m-flags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;box-sizing:border-box;padding:6px;overflow:visible;-webkit-mask-image:none;mask-image:none}
.m-langpop .m-flags a.m-flag{margin:0;width:auto;min-width:0;height:44px;padding:0 6px;border-radius:999px;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:15px;font-weight:600;line-height:1;color:#dbe4f5;background:none;box-shadow:0 0 0 1px rgba(255,255,255,.3)}
.m-langpop .m-flags a.m-flag.on{background:#fff;color:#011844;box-shadow:0 0 0 1px #fff}
.m-langpop .m-flags a.m-flag:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 5px #009eff}
@media (max-width:900px){.lx{display:none}}
@media (min-width:901px){.m-lang{display:none}}

.pf{margin:calc(64 * var(--uh)) auto 0;max-width:calc(1040 * var(--u));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(28 * var(--u));align-items:stretch;text-align:left}
.pf-img{position:relative;border-radius:calc(28 * var(--u));overflow:hidden;background:#0b1f4a;min-height:calc(360 * var(--u))}
.pf-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
.pf-scan{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#7fb8ff,transparent);box-shadow:0 0 18px #7fb8ff;top:0;opacity:0}
.pf.in .pf-scan{animation:pf-scan 2.2s ease-in-out .3s 1 forwards}
@keyframes pf-scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
.pf-seal{position:absolute;right:calc(18 * var(--u));bottom:calc(18 * var(--u));width:calc(96 * var(--u));height:calc(96 * var(--u));border-radius:50%;background:rgba(1,24,68,.75);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;transform:scale(.6);opacity:0;transition:transform .8s cubic-bezier(.2,.8,.2,1) 2.3s,opacity .5s 2.3s}
.pf.in .pf-seal{transform:scale(1);opacity:1}
.pf-seal svg{width:72%;height:72%;fill:none;stroke:#7fb8ff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.pf-ring{stroke-dasharray:330;stroke-dashoffset:330}
.pf-check{stroke:#fff;stroke-dasharray:70;stroke-dashoffset:70}
.pf.in .pf-ring{animation:pf-draw 1s ease-out 2.5s forwards}
.pf.in .pf-check{animation:pf-draw .6s ease-out 3.3s forwards}
@keyframes pf-draw{to{stroke-dashoffset:0}}
.pf-meta{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:calc(28 * var(--u));padding:calc(32 * var(--u));display:flex;flex-direction:column;gap:calc(14 * var(--u))}
.pf-tag{margin:0;font-size:calc(11 * var(--u));letter-spacing:.2em;text-transform:uppercase;color:#7fb8ff;font-weight:700}
.pf-title{margin:0;font-size:calc(28 * var(--u));font-weight:700;color:#fff;letter-spacing:-.02em}
.pf dl{margin:0;display:flex;flex-direction:column;gap:0}
.pf dl div{display:grid;grid-template-columns:calc(150 * var(--u)) minmax(0,1fr);gap:calc(12 * var(--u));padding:calc(10 * var(--u)) 0;border-top:1px solid rgba(255,255,255,.1);opacity:0;transform:translateX(12px);transition:opacity .5s,transform .5s}
.pf.in dl div{opacity:1;transform:none}
.pf.in dl div:nth-child(1){transition-delay:2.6s}.pf.in dl div:nth-child(2){transition-delay:2.8s}.pf.in dl div:nth-child(3){transition-delay:3s}.pf.in dl div:nth-child(4){transition-delay:3.2s}.pf.in dl div:nth-child(5){transition-delay:3.4s}
.pf dt{margin:0;font-size:calc(13 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:#9fb0d0;font-weight:600}
.pf dd{margin:0;font-size:calc(16 * var(--u));color:#fff;font-weight:500}
.pf dd code{font-family:ui-monospace,Menlo,monospace;background:rgba(255,255,255,.08);padding:2px 8px;border-radius:6px}
.pf-ok{color:#8fe3b4 !important;font-weight:700 !important}
.pf-foot{margin:auto 0 0;font-size:calc(14 * var(--u));color:#9fb0d0;line-height:1.5}

.cnt{margin:calc(32 * var(--u)) auto calc(8 * var(--u));max-width:calc(760 * var(--u));text-align:center;padding:calc(28 * var(--u));border-radius:calc(24 * var(--u));border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.cnt-l2{margin:calc(10 * var(--u)) 0 0;font-size:calc(16 * var(--u));color:#dbe4f5}.cnt-l2 b{color:#7fb8ff}
.cnt-n{margin:0;font-size:calc(72 * var(--u));line-height:1;font-weight:800;letter-spacing:-.04em;color:#fff}
.cnt-n span{color:#7fb8ff}
.cnt-l{margin:calc(6 * var(--u)) 0 0;font-size:calc(18 * var(--u));color:#dbe4f5;font-weight:500}
.cnt-src{margin:calc(12 * var(--u)) 0 0;font-size:calc(12 * var(--u));color:#9fb0d0;letter-spacing:.02em}

.vf{background:#0b1f4a}
.vf-form{max-width:calc(760 * var(--u));margin:0 auto}
.vf-lbl{display:block;font-size:calc(12 * var(--u));letter-spacing:.18em;text-transform:uppercase;color:#7fb8ff;font-weight:700;margin-bottom:calc(10 * var(--u))}
.vf-row{display:flex;gap:calc(12 * var(--u))}
.vf-row input{flex:1;min-width:0;font:inherit;font-size:calc(18 * var(--u));padding:calc(14 * var(--u)) calc(18 * var(--u));border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff}
.vf-row input:focus{outline:none;border-color:#7fb8ff;box-shadow:0 0 0 4px rgba(127,184,255,.2)}
.vf-row .dk-btn{border:0;cursor:pointer}
.vf-ex{display:flex;gap:calc(10 * var(--u));align-items:center;flex-wrap:wrap;margin-top:calc(16 * var(--u));font-size:calc(14 * var(--u));color:#9fb0d0}
.vf-ex button{font:inherit;font-size:calc(13 * var(--u));font-family:ui-monospace,Menlo,monospace;color:#dbe4f5;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:calc(6 * var(--u)) calc(12 * var(--u));cursor:pointer;min-height:36px}
.vf-ex button:hover{background:rgba(255,255,255,.14)}
.vf-res{max-width:calc(760 * var(--u));margin:calc(28 * var(--u)) auto 0}
.vf-card{display:flex;gap:calc(20 * var(--u));align-items:flex-start;padding:calc(28 * var(--u));border-radius:calc(24 * var(--u));background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);animation:vf-in .5s cubic-bezier(.2,.8,.2,1)}
@keyframes vf-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.vf-ico{flex:0 0 calc(56 * var(--u));width:calc(56 * var(--u));height:calc(56 * var(--u));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(26 * var(--u));font-weight:800;color:#011844}
.vf-ok .vf-ico{background:#8fe3b4}.vf-bad .vf-ico{background:#ffb4a2}.vf-none .vf-ico{background:#c9d5ee}
.vf-state{margin:0;font-size:calc(22 * var(--u));font-weight:700;color:#fff}
.vf-desc{margin:calc(6 * var(--u)) 0 0;font-size:calc(16 * var(--u));color:#dbe4f5;line-height:1.5}
.vf-dl{margin:calc(14 * var(--u)) 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(8 * var(--u)) calc(20 * var(--u))}
.vf-dl dt{font-size:calc(12 * var(--u));letter-spacing:.1em;text-transform:uppercase;color:#9fb0d0}
.vf-dl dd{margin:0;font-size:calc(15 * var(--u));color:#fff}

.inst{background:#fff;color:#0f2250;padding:calc(40 * var(--u)) calc(24 * var(--u));border-top:1px solid rgba(15,34,80,.08);border-bottom:1px solid rgba(15,34,80,.08)}
.inst-in{display:flex;align-items:center;gap:calc(40 * var(--u));flex-wrap:wrap;justify-content:center}
.inst-l{margin:0;font-size:calc(13 * var(--u));letter-spacing:.2em;text-transform:uppercase;color:#4461ea;font-weight:700}
.inst-list{list-style:none;margin:0;padding:0;display:flex;gap:calc(14 * var(--u));flex-wrap:wrap;justify-content:center}
.inst-list li{display:flex;flex-direction:column;align-items:center;gap:2px;padding:calc(14 * var(--u)) calc(22 * var(--u));border:1px solid rgba(15,34,80,.14);border-radius:calc(16 * var(--u));min-width:calc(170 * var(--u))}
.inst-list b{font-size:calc(18 * var(--u));font-weight:700;letter-spacing:-.01em}
.inst-list span{font-size:calc(13 * var(--u));color:#6b7590;letter-spacing:.06em;text-transform:uppercase}

.st{margin-top:calc(56 * var(--u))}
.st-h{margin:0 0 calc(16 * var(--u));font-size:calc(13 * var(--u));letter-spacing:.18em;text-transform:uppercase;color:#7fb8ff;font-weight:700}
.st-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(10 * var(--u))}
.st-b{font:inherit;text-align:left;display:flex;align-items:center;gap:calc(14 * var(--u));padding:calc(16 * var(--u)) calc(18 * var(--u));border-radius:calc(14 * var(--u));border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;min-height:56px;transition:background .3s,border-color .3s,transform .3s}
.st-b:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}
.st-b.on{background:#fff;color:#011844;border-color:#fff}
.st-n{font-size:calc(12 * var(--u));font-weight:800;letter-spacing:.14em;color:#7fb8ff}
.st-b.on .st-n{color:#4461ea}
.st-t{font-size:calc(16 * var(--u));font-weight:600;line-height:1.25}
.st-panel{margin-top:calc(16 * var(--u));padding:calc(28 * var(--u)) calc(32 * var(--u));border-radius:calc(20 * var(--u));background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);min-height:calc(150 * var(--u))}
.st-p{animation:vf-in .45s cubic-bezier(.2,.8,.2,1)}
.st-k{margin:0 0 calc(10 * var(--u));font-size:calc(13 * var(--u));letter-spacing:.18em;text-transform:uppercase;color:#7fb8ff;font-weight:700}
.st-q,.st-a{margin:0 0 calc(8 * var(--u));font-size:calc(19 * var(--u));line-height:1.5;color:#dbe4f5}
.st-q b,.st-a b{color:#fff}
.st-empty .st-q{color:#9fb0d0}

.t2f{display:inline-flex;align-items:center;gap:calc(10 * var(--u));margin-top:calc(18 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u));border:1px solid rgba(255,255,255,.14);border-radius:calc(12 * var(--u));color:#9fb0d0;font-size:calc(12 * var(--u));letter-spacing:.08em;text-transform:uppercase}
.t2f img{height:calc(16 * var(--u));width:auto;display:block}
.dk-foot .t2f img{margin:0}
.t2f:hover{border-color:#7fb8ff;color:#fff}

@media (max-width:900px){
.pf{grid-template-columns:1fr;margin-top:40px}
.pf-img{min-height:260px}
.pf dl div{grid-template-columns:110px 1fr}
.st-grid{grid-template-columns:1fr}
.vf-row{flex-direction:column}
.vf-dl{grid-template-columns:1fr}
.cnt-n{font-size:48px}
.inst-in{gap:16px}
}

/* ===== Settori · "Indice certificato" (contenuti tutti nell'HTML: leggibili anche senza JavaScript) ===== */
.sx .st-h{margin:0 0 calc(22 * var(--u))}
.sx-list{list-style:none;margin:0;padding:0}
.sx-it{position:relative}
.sx-b{position:relative;display:flex;align-items:baseline;gap:calc(16 * var(--u));width:41%;text-align:left;background:none;border:0;padding:calc(11 * var(--u)) 0 calc(11 * var(--u)) calc(34 * var(--u));cursor:pointer;color:#9fb0d0;font:inherit;transition:color .3s}
.sx-list::before{content:"";position:absolute;left:calc(8 * var(--u));top:calc(24 * var(--u));bottom:calc(24 * var(--u));width:2px;background:linear-gradient(180deg,rgba(0,158,255,.15),rgba(0,158,255,.6),rgba(0,158,255,.15))}
.sx-list{position:relative}
.sx-node{position:absolute;left:0;top:50%;width:calc(18 * var(--u));height:calc(18 * var(--u));margin-top:calc(-9 * var(--u));border-radius:50%;background:#011844;border:2px solid rgba(0,158,255,.45);transition:all .35s cubic-bezier(.2,.8,.2,1)}
.sx-n{font-size:max(12px,calc(13 * var(--u)));font-weight:800;letter-spacing:.14em;color:rgba(127,184,255,.85);min-width:calc(26 * var(--u));font-variant-numeric:tabular-nums}
.sx-t{font-size:calc(24 * var(--u));font-weight:600;line-height:1.25;letter-spacing:-.01em}
.sx-b:hover{color:#fff}.sx-b:hover .sx-node{border-color:#009eff}
.sx-it.on .sx-b{color:#fff}.sx-it.on .sx-n{color:#009eff}
.sx-it.on .sx-node{background:#009eff;border-color:#009eff;box-shadow:0 0 0 calc(6 * var(--u)) rgba(0,158,255,.18),0 0 calc(22 * var(--u)) rgba(0,158,255,.65)}
.sx-it.on .sx-t{background:linear-gradient(90deg,#fff 0%,#fff 40%,#7fb8ff 50%,#fff 60%,#fff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sx-sweep 1.4s cubic-bezier(.2,.8,.2,1) both}
@keyframes sx-sweep{from{background-position:100% 0}to{background-position:0 0}}
/* scheda */
.sx-card{position:relative;border-radius:calc(22 * var(--u));padding:calc(34 * var(--u)) calc(36 * var(--u)) calc(30 * var(--u));background:linear-gradient(160deg,rgba(68,97,234,.20),rgba(255,255,255,.035) 45%);border:1px solid rgba(127,184,255,.22);box-shadow:0 calc(30 * var(--u)) calc(80 * var(--u)) rgba(0,0,0,.35);overflow:hidden}
.sx-top{display:flex;justify-content:space-between;align-items:center;margin:0;font-size:max(11px,calc(12 * var(--u)));letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#7fb8ff}
.sx-seal{display:flex;align-items:center;gap:calc(8 * var(--u));letter-spacing:.12em;color:#cfe3ff}
.sx-seal svg,.sx-nav svg{width:calc(22 * var(--u));height:calc(22 * var(--u));fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sx-h{margin:calc(18 * var(--u)) 0 calc(26 * var(--u));font-size:calc(34 * var(--u));line-height:1.12;color:#fff;font-weight:700;letter-spacing:-.015em}
.sx-row{display:grid;grid-template-columns:calc(26 * var(--u)) 1fr;gap:0 calc(16 * var(--u))}
.sx-rail{display:flex;flex-direction:column;align-items:center}
.sx-dot{width:calc(12 * var(--u));height:calc(12 * var(--u));border-radius:50%;margin-top:calc(5 * var(--u));flex:none}
.sx-q .sx-dot{border:2px solid rgba(159,176,208,.6)}
.sx-a .sx-dot{background:#009eff;box-shadow:0 0 calc(14 * var(--u)) rgba(0,158,255,.7)}
.sx-link{flex:1;width:2px;margin:calc(6 * var(--u)) 0;background:linear-gradient(180deg,rgba(159,176,208,.4),#009eff);position:relative;overflow:hidden}
.sx-link::after{content:"";position:absolute;left:0;right:0;height:40%;top:-40%;background:linear-gradient(180deg,transparent,#fff,transparent);animation:sx-pulse 2.4s linear infinite}
@keyframes sx-pulse{to{top:100%}}
.sx-lb{margin:0 0 calc(8 * var(--u));font-size:max(11px,calc(12 * var(--u)));letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.sx-q .sx-lb{color:#9fb0d0}.sx-a .sx-lb{color:#7fb8ff}
.sx-tx{margin:0}
.sx-q .sx-tx{font-size:calc(19 * var(--u));line-height:1.5;color:#b3c1dc;padding-bottom:calc(22 * var(--u))}
.sx-a .sx-tx{font-size:calc(22 * var(--u));line-height:1.45;color:#fff;font-weight:500}
.sx-ui{display:none}
/* --- con JavaScript, desktop: indice a sinistra, scheda del settore attivo a destra --- */
@media (min-width:901px){
 .js-sx .sx-list{min-height:var(--sxh,0)}
 .js-sx .sx-it{position:static}   /* la scheda si posiziona rispetto all'elenco intero, non alla singola voce */
 .js-sx .sx-card{position:absolute;top:0;right:0;width:55%;display:none}
 .js-sx .sx-it.on .sx-card{display:block;animation:vf-in .45s cubic-bezier(.2,.8,.2,1)}
 .js-sx .sx-ui{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:calc(10 * var(--u)) calc(16 * var(--u));width:55%;margin:calc(14 * var(--u)) 0 0 auto;font-size:max(13px,calc(13 * var(--u)));color:#9fb0d0}
 .sx-nav{display:flex;gap:calc(8 * var(--u))}
 .sx-nav button{width:max(40px,calc(40 * var(--u)));height:max(40px,calc(40 * var(--u)));border-radius:50%;border:1px solid rgba(255,255,255,.2);background:none;color:#fff;cursor:pointer;display:grid;place-items:center}
 .sx-nav button:hover{background:rgba(255,255,255,.08)}
 .sx-prog{flex:1 0 100%;height:2px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}
 .sx-prog i{display:block;height:100%;width:0;background:#009eff}
}
/* --- senza JavaScript: tutte le schede visibili, una sotto l'altra (lettura completa per crawler e browser limitati) --- */
html:not(.js-sx) .sx-b{display:none}
html:not(.js-sx) .sx-list::before{display:none}
html:not(.js-sx) .sx-card{margin:0 0 calc(16 * var(--u))}
/* --- mobile e tablet: fisarmonica, la scheda si apre sotto il settore toccato --- */
@media (max-width:900px){
 .sx-b{width:100%;padding:11px 0 11px 32px}
 .sx-it{scroll-margin-top:84px}   /* la voce resta sotto la barra fissa quando la pagina scorre */
 .sx-list::before{left:8px;top:22px;bottom:22px}
 .sx-node{width:18px;height:18px;margin-top:-9px}
 .sx-n{font-size:13px;min-width:26px}
 .sx-t{font-size:20px}
 .sx-card{margin:4px 0 14px 32px;padding:22px 20px 20px;border-radius:18px}
 .js-sx .sx-card{display:none}
 .js-sx .sx-it.on .sx-card{display:block;animation:vf-in .45s cubic-bezier(.2,.8,.2,1)}
 .js-sx .sx-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 html:not(.js-sx) .sx-card{margin-left:0}
 .sx-top{font-size:11px}.sx-seal-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .sx-seal svg{width:20px;height:20px}
 .sx-h{font-size:24px}
 .sx-row{grid-template-columns:20px 1fr;gap:0 12px}
 .sx-dot{width:12px;height:12px;margin-top:4px}
 .sx-lb{font-size:11px}
 .sx-q .sx-tx{font-size:17px;padding-bottom:18px}
 .sx-a .sx-tx{font-size:19px}
}
@media (max-width:359px){.sx-t{font-size:18px}.sx-a .sx-tx{font-size:18px}}
@media (hover:none){.sx-b:hover{color:#9fb0d0}.sx-it.on .sx-b:hover{color:#fff}}
@media (prefers-reduced-motion:reduce){.sx-it.on .sx-t,.sx-link::after,.js-sx .sx-it.on .sx-card{animation:none}.sx-it.on .sx-t{background:none;color:#fff}}

/* ===== Verifica picTRUE: sezione in home e punti d'accesso ===== */
.vx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vx-nav{display:inline-flex;align-items:center;gap:calc(8 * var(--u));height:max(36px,calc(40 * var(--u)));padding:0 calc(16 * var(--u)) 0 calc(12 * var(--u));border-radius:999px;border:1px solid rgba(0,158,255,.6);background:rgba(0,158,255,.14);color:#fff;font-size:max(14px,calc(15 * var(--u)));font-weight:600;letter-spacing:-.01em;white-space:nowrap;transition:background .25s,border-color .25s}
.vx-nav:hover{background:rgba(0,158,255,.26);border-color:#009eff}
.vx-nav svg,.vx-mob svg,.vx-go svg,.vx-ri svg,.vx-foot svg,.vx-mcta svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.vx-nav svg{width:max(17px,calc(19 * var(--u)));height:max(17px,calc(19 * var(--u)));color:#7fb8ff}
.vx-mob{display:none}
.vx-hero svg{fill:none;stroke:currentColor;stroke-width:2}
.pf-vx{display:inline-flex;align-items:center;gap:calc(6 * var(--u));margin-top:calc(12 * var(--u));font-size:calc(15 * var(--u));font-weight:600;color:#7fb8ff}
.pf-vx svg{width:calc(16 * var(--u));height:calc(16 * var(--u));fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.pf-vx:hover{color:#fff}
/* sezione */
.vx{position:relative;overflow:hidden}
.vx::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 60% at 78% 38%,rgba(0,158,255,.16),transparent 70%)}
.vx .dk-c{position:relative}
.vx-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(56 * var(--u));align-items:center}
.vx .dk-h2{max-width:none}
.vx-lead{margin:calc(18 * var(--u)) 0 0}
.vx-steps{list-style:none;margin:calc(34 * var(--u)) 0 0;padding:0;display:grid;gap:calc(20 * var(--u))}
.vx-steps li{display:grid;grid-template-columns:calc(40 * var(--u)) 1fr;gap:calc(16 * var(--u));align-items:start}
.vx-sn{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:50%;border:1.5px solid rgba(0,158,255,.6);display:grid;place-items:center;font-size:calc(16 * var(--u));font-weight:700;color:#7fb8ff}
.vx-steps h3{margin:calc(2 * var(--u)) 0 calc(4 * var(--u));font-size:calc(20 * var(--u));font-weight:700;color:#fff;letter-spacing:-.01em}
.vx-steps p{margin:0;font-size:calc(17 * var(--u));line-height:1.5;color:#b3c1dc}
.vx-cta{margin-top:calc(36 * var(--u));display:flex;flex-wrap:wrap;align-items:center;gap:calc(14 * var(--u)) calc(22 * var(--u))}
.vx-go{background:#009eff;color:#011844;font-weight:700;box-shadow:0 calc(12 * var(--u)) calc(34 * var(--u)) rgba(0,158,255,.35)}
.vx-go:hover{background:#3ab2ff}
.vx-go svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}
.vx-go .vx-ext{width:calc(16 * var(--u));height:calc(16 * var(--u));opacity:.75}
.vx-note{margin:0;font-size:max(13px,calc(14 * var(--u)));color:#9fb0d0}
/* finestra dimostrativa dell'app */
.vx-win{border-radius:calc(20 * var(--u));background:linear-gradient(170deg,#0d2a66,#071a45);border:1px solid rgba(127,184,255,.22);box-shadow:0 calc(40 * var(--u)) calc(90 * var(--u)) rgba(0,0,0,.45);overflow:hidden}
.vx-bar{display:flex;align-items:center;gap:calc(7 * var(--u));padding:calc(12 * var(--u)) calc(16 * var(--u));border-bottom:1px solid rgba(255,255,255,.08);font-size:calc(12 * var(--u));color:#9fb0d0;letter-spacing:.02em}
.vx-bar i{width:calc(9 * var(--u));height:calc(9 * var(--u));border-radius:50%;background:rgba(255,255,255,.18)}
.vx-bar span{margin-left:calc(10 * var(--u))}
.vx-body{display:grid;grid-template-columns:42% 1fr;gap:calc(20 * var(--u));padding:calc(20 * var(--u))}
.vx-shot{position:relative;border-radius:calc(12 * var(--u));overflow:hidden;background:linear-gradient(160deg,#1c3b80,#0a1f4f);aspect-ratio:4/5}
.vx-img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85)}
.vx-img[src^="data:image/gif"]{visibility:hidden}
.vx-scan{position:absolute;left:0;right:0;top:-30%;height:30%;background:linear-gradient(180deg,transparent,rgba(0,158,255,.35) 75%,rgba(255,255,255,.85) 96%,transparent);opacity:0}
.vx-win.run .vx-scan{animation:vx-scan 1.1s cubic-bezier(.4,0,.2,1)}
@keyframes vx-scan{0%{top:-30%;opacity:1}100%{top:100%;opacity:1}}
.vx-out{display:flex;flex-direction:column;justify-content:center}
.vx-k{margin:0 0 calc(8 * var(--u));font-size:calc(11 * var(--u));letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#7fb8ff}
.vx-v{margin:0;display:flex;align-items:center;gap:calc(10 * var(--u));font-size:calc(34 * var(--u));font-weight:800;letter-spacing:-.02em;color:var(--vxc,#009eff);transition:color .4s}
.vx-ico{width:calc(32 * var(--u));height:calc(32 * var(--u));border-radius:50%;border:2px solid currentColor;flex:none;position:relative}
.vx-ico::after{content:"";position:absolute;inset:0;margin:auto;width:42%;height:22%;border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-15%) rotate(-45deg)}
.st-alt .vx-ico::after{width:0;height:38%;border-bottom:0;border-left-width:2.5px;transform:none}
.st-nv .vx-ico::after{width:0;height:70%;border-bottom:0;transform:rotate(45deg)}
.st-alt{--vxc:#ff9d4d}.st-nv{--vxc:#c3cee6}
.vx-d{margin:calc(10 * var(--u)) 0 calc(14 * var(--u));font-size:calc(14 * var(--u));line-height:1.45;color:#c9d5ee;min-height:4.4em}
.vx-l{display:block;height:calc(8 * var(--u));border-radius:4px;background:rgba(255,255,255,.08);margin-top:calc(9 * var(--u))}
.vx-l.s{width:62%}
.vx-out>*{transition:opacity .35s}
.vx-win.swap .vx-out>*{opacity:0}
/* i tre esiti */
.vx-res{list-style:none;margin:calc(64 * var(--u)) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(18 * var(--u))}
.vx-r{border-radius:calc(18 * var(--u));padding:calc(24 * var(--u)) calc(24 * var(--u)) calc(22 * var(--u));background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-top:3px solid var(--rc)}
.vx-r.ok{--rc:#009eff}.vx-r.alt{--rc:#ff9d4d}.vx-r.nv{--rc:#c3cee6}
.vx-ri{display:inline-grid;place-items:center;width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:50%;border:1.5px solid var(--rc);color:var(--rc)}
.vx-ri svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}
.vx-r h3{margin:calc(14 * var(--u)) 0 calc(6 * var(--u));font-size:calc(22 * var(--u));font-weight:800;color:var(--rc);letter-spacing:-.01em}
.vx-r p{margin:0;font-size:calc(16 * var(--u));line-height:1.5;color:#c9d5ee}
/* domande frequenti */
.vx-faq{margin:calc(48 * var(--u)) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(18 * var(--u))}
.vx-faq details{border-top:1px solid rgba(255,255,255,.14);padding-top:calc(14 * var(--u))}
.vx-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:calc(12 * var(--u));font-size:calc(17 * var(--u));font-weight:600;color:#fff}
.vx-faq summary::-webkit-details-marker{display:none}
.vx-faq summary::after{content:"+";color:#7fb8ff;font-weight:400;font-size:1.3em;line-height:1}
.vx-faq details[open] summary::after{content:"–"}
.vx-faq p{margin:calc(10 * var(--u)) 0 0;font-size:calc(16 * var(--u));line-height:1.5;color:#b3c1dc}
/* footer e pannello mobile */
.vx-foot{display:inline-flex;align-items:center;gap:8px;margin:6px 0 14px;color:#7fb8ff;font-weight:600}
.vx-foot svg{width:18px;height:18px}
.vx-foot:hover{color:#fff}
.vx-fs{display:block}
.vx-mcta{background:transparent!important;color:#fff!important;border:1.5px solid #009eff;gap:8px;margin-bottom:10px}
.vx-mcta svg{width:19px;height:19px;color:#7fb8ff}
/* --- mobile e tablet --- */
@media (max-width:900px){
 .vx-nav{display:none}
 .vx-mob{display:inline-grid;place-items:center;margin-left:auto;width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,158,255,.6);background:rgba(0,158,255,.14);color:#7fb8ff}
 .vx-mob svg{width:20px;height:20px}
 .vx-mob+.m-lang{margin-left:8px}
 .vx-grid{grid-template-columns:1fr;gap:36px}
 .vx-steps{margin-top:26px;gap:16px}
 .vx-steps li{grid-template-columns:36px 1fr;gap:14px}
 .vx-sn{width:36px;height:36px;font-size:15px}
 .vx-steps h3{font-size:18px}.vx-steps p{font-size:17px}
 .vx-cta{margin-top:28px}
 .vx-go{width:100%;justify-content:center;font-size:17px;min-height:52px;padding:0 20px}
 .vx-go svg{width:20px;height:20px}.vx-go .vx-ext{width:16px;height:16px}
 .vx-note{width:100%;text-align:center;font-size:14px}
 .vx-win{border-radius:18px}
 .vx-bar{font-size:12px;padding:10px 14px}.vx-bar i{width:8px;height:8px}
 .vx-body{grid-template-columns:40% 1fr;gap:14px;padding:14px}
 .vx-k{font-size:10px}.vx-v{font-size:22px;gap:8px}.vx-ico{width:24px;height:24px}
 .vx-d{font-size:13px}.vx-l{height:7px;margin-top:7px}
 .vx-res{grid-template-columns:1fr;gap:14px;margin-top:40px}
 .vx-r{padding:20px;border-radius:16px}
 .vx-ri{width:36px;height:36px}.vx-ri svg{width:18px;height:18px}
 .vx-r h3{font-size:20px}.vx-r p{font-size:17px}
 .vx-faq{grid-template-columns:1fr;gap:0;margin-top:32px}
 .vx-faq details{padding:14px 0}
 .vx-faq summary{font-size:17px}.vx-faq p{font-size:17px}
 .pf-vx{font-size:15px}.pf-vx svg{width:16px;height:16px}
}
@media (min-width:600px) and (max-width:900px){.vx-res{grid-template-columns:repeat(3,minmax(0,1fr))}.vx-faq{grid-template-columns:1fr}}
@media (max-width:359px){.vx-mob{width:36px;height:36px}.vx-v{font-size:20px}}
@media (prefers-reduced-motion:reduce){.vx-win.run .vx-scan{animation:none}.vx-out>*{transition:none}}

/* schermi da 901 a 1100 px: barra compatta perché tutto resti su una riga */
@media (min-width:901px) and (max-width:1100px){.dk-menu{gap:calc(22 * var(--u))}.vx-long{display:none}.vx-nav{padding:0 calc(12 * var(--u)) 0 calc(10 * var(--u))}}

/* smartphone stretti: barra superiore su una sola riga anche con l'icona Verifica */
@media (max-width:389px){.dk-nav-in{gap:6px}.dk-logo{height:34px}.vx-mob{width:38px;height:38px}.vx-mob+.m-lang{margin-left:6px}}
@media (max-width:359px){.m-curlang{display:none}.m-lang{padding:0 9px}}

/* ===== Tre dati: oggi, domani, con l'AI ===== */
.vs{position:relative;width:min(calc(1120 * var(--u)),calc(100vw - 48px));margin:calc(40 * var(--u)) 0 calc(14 * var(--u)) calc(50% - min(calc(560 * var(--u)),calc(50vw - 24px)));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(18 * var(--u));text-align:left}
.vs-c{display:flex;flex-direction:column;padding:calc(26 * var(--u)) calc(26 * var(--u)) calc(20 * var(--u));border-radius:calc(22 * var(--u));background:linear-gradient(165deg,rgba(68,97,234,.16),rgba(255,255,255,.03) 55%);border:1px solid rgba(127,184,255,.2)}
.vs-t{margin:0;font-size:max(11px,calc(12 * var(--u)));letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#7fb8ff}
.vs-n{margin:calc(10 * var(--u)) 0 0;display:flex;align-items:baseline;gap:calc(8 * var(--u));font-size:calc(64 * var(--u));line-height:1;font-weight:800;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.vs-n small{font-size:.34em;letter-spacing:-.01em;font-weight:700;color:#7fb8ff}
.vs-l{margin:calc(12 * var(--u)) 0 0;font-size:calc(17 * var(--u));line-height:1.45;color:#dbe4f5}
.vs-l b{color:#fff}
.vs-src{margin:auto 0 0;padding-top:calc(14 * var(--u));font-size:max(12px,calc(12 * var(--u)));color:#9fb0d0;line-height:1.4}
.vs-src a{color:#9fb0d0;text-decoration:underline;text-underline-offset:2px}.vs-src a:hover{color:#fff}
.vs-foot{grid-column:1/-1;margin:calc(6 * var(--u)) 0 0;text-align:center;font-size:calc(15 * var(--u));color:#b3c1dc}
.vs-foot b{color:#fff}.vs-foot a{color:#9fb0d0;text-decoration:underline;text-underline-offset:2px}
/* mini grafici */
.vs-bars{display:flex;align-items:flex-end;gap:calc(14 * var(--u));height:calc(96 * var(--u));margin-top:calc(18 * var(--u))}
.vs-bars span{position:relative;flex:1;height:var(--h);min-height:3px;border-radius:calc(6 * var(--u)) calc(6 * var(--u)) 2px 2px;background:linear-gradient(180deg,#009eff,#4461ea);transform-origin:bottom;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}

.vs-bars span:first-child{background:rgba(127,184,255,.55)}
.vs-bars i{position:absolute;left:0;right:0;top:calc(100% + 6px);font-style:normal;text-align:center;font-size:max(11px,calc(11 * var(--u)));color:#9fb0d0}
.vs-line{display:block;width:100%;height:calc(96 * var(--u));margin-top:calc(18 * var(--u));overflow:visible}
.vs-line .vs-base{stroke:rgba(255,255,255,.15);stroke-width:1;fill:none}
.vs-line .vs-curve{fill:none;stroke:#009eff;stroke-width:3;stroke-linecap:round;stroke-dasharray:260;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1)}

.vs-line circle{fill:#7fb8ff}.vs-line .vs-end{fill:#fff;filter:drop-shadow(0 0 6px rgba(0,158,255,.9))}
.vs-line text{font-size:10px;fill:#9fb0d0;font-family:inherit}
.vs-dots{position:relative;height:calc(96 * var(--u));margin-top:calc(18 * var(--u));border-radius:calc(8 * var(--u));background-image:radial-gradient(circle,rgba(159,176,208,.34) .9px,transparent 1.3px);background-size:calc(100% / 50) calc(100% / 20)}
.vs-dots i{position:absolute;left:calc(100% / 50 * 37);top:calc(100% / 20 * 9);width:calc(100% / 50);height:calc(100% / 20);background:radial-gradient(circle,#fff 2.2px,#009eff 3.2px,transparent 4.5px);transform:scale(2.6);filter:drop-shadow(0 0 5px #009eff)}
.vs.on .vs-bars span{transform:none}.vs.on .vs-line .vs-curve{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.vs-bars span{transform:none;transition:none}.vs-line .vs-curve{stroke-dashoffset:0;transition:none}}
@media (max-width:900px){
 .vs{width:auto;margin:28px 0 10px;grid-template-columns:1fr;gap:14px}
 .vs-c{padding:22px 20px 18px;border-radius:18px}
 .vs-t{font-size:11px}.vs-n{font-size:46px}.vs-l{font-size:17px}.vs-src{font-size:12px}
 .vs-bars,.vs-line,.vs-dots{height:96px}
 .vs-foot{font-size:15px;text-align:left}
}
@media (min-width:600px) and (max-width:900px){.vs{grid-template-columns:repeat(3,minmax(0,1fr))}.vs-n{font-size:40px}.vs-l{font-size:15px}}
/* ===== Sezione Verifica: finestra dimostrativa più grande, foto più alta ===== */
.vx-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.vx-body{grid-template-columns:47% 1fr}
.vx-shot{aspect-ratio:3/4.3}
.vx-shot .vx-img{object-position:50% 40%}
.vx-arr{width:calc(18 * var(--u));height:calc(18 * var(--u))}
@media (max-width:900px){.vx-grid{grid-template-columns:1fr}.vx-body{grid-template-columns:44% 1fr}.vx-arr{width:18px;height:18px}}
/* ===== Settori: frase delle frecce in bianco ===== */
.sx-hint{color:#fff}
/* ===== Finestra Verifica picTRUE dentro il sito ===== */
.vxd{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#011844;color:#fff;overflow:hidden}
.vxd::backdrop{background:rgba(1,10,30,.6)}
.vxd[open]{display:flex;flex-direction:column;animation:vf-in .35s cubic-bezier(.2,.8,.2,1)}
.vxd-bar{flex:none;display:flex;align-items:center;gap:calc(16 * var(--u));padding:max(10px,env(safe-area-inset-top,0px)) max(calc(24 * var(--u)),env(safe-area-inset-right,0px)) 10px max(calc(24 * var(--u)),env(safe-area-inset-left,0px));min-height:calc(64 * var(--u));border-bottom:1px solid rgba(255,255,255,.1);background:rgba(1,24,68,.96)}
.vxd-id{display:flex;align-items:center;gap:10px;font-weight:700;font-size:max(16px,calc(17 * var(--u)))}
.vxd-id svg,.vxd-x svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vxd-id svg{color:#7fb8ff}
.vxd-note{font-size:max(13px,calc(14 * var(--u)));color:#9fb0d0}
.vxd-x{margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.vxd-x:hover{background:rgba(255,255,255,.08)}
.vxd-body{position:relative;flex:1;min-height:0}
.vxd-f{position:absolute;inset:0;width:100%;height:100%;border:0;background:#011844}
.vxd-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#b3c1dc;font-size:16px}
.vxd-load p{margin:0}
.vxd-spin{width:38px;height:38px;border-radius:50%;border:3px solid rgba(127,184,255,.25);border-top-color:#009eff;animation:vxd-r 1s linear infinite}
@keyframes vxd-r{to{transform:rotate(360deg)}}
.vxd.ready .vxd-load{display:none}
html.vxd-lock,html.vxd-lock body{overflow:hidden}
@media (max-width:900px){.vxd-note{display:none}.vxd-bar{min-height:58px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}}
@media (max-width:389px){.vxd-x span{display:none}.vxd-x{width:44px;padding:0;justify-content:center}}
@media (prefers-reduced-motion:reduce){.vxd[open]{animation:none}.vxd-spin{animation-duration:3s}}

/* titoli dei tre esiti più evidenti */
.vx-r h3{font-size:calc(27 * var(--u))}
@media (max-width:900px){.vx-r h3{font-size:24px}}
@media (min-width:600px) and (max-width:900px){.vx-r h3{font-size:21px}}

/* ===== Sei dati in scorrimento orizzontale ===== */
.vs{display:block}
.vs-track{list-style:none;margin:0;padding:calc(4 * var(--u)) 2px calc(6 * var(--u));display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * calc(18 * var(--u))) / 3);gap:calc(18 * var(--u));overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.vs-track::-webkit-scrollbar{display:none}
.vs-c{scroll-snap-align:start;min-width:0}
.vs-ctl{display:flex;align-items:center;justify-content:center;gap:calc(18 * var(--u));margin-top:calc(16 * var(--u))}
.vs-ctl button{width:max(44px,calc(46 * var(--u)));height:max(44px,calc(46 * var(--u)));border-radius:50%;border:1px solid rgba(255,255,255,.25);background:none;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,opacity .25s}
.vs-ctl button:hover{background:rgba(255,255,255,.08)}
.vs-ctl button[disabled]{opacity:.3;cursor:default}
.vs-ctl svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vs-dotsnav{display:flex;gap:8px}
.vs-dotsnav i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.25);transition:all .3s}
.vs-dotsnav i.on{width:22px;border-radius:4px;background:#009eff}
/* animazioni legate alla singola scheda */
.js-sx .vs-c:not(.on) .vs-bars span{transform:scaleY(.02)}
.js-sx .vs-c:not(.on) .vs-line .vs-curve{stroke-dashoffset:260}
.vs-ppl{display:flex;justify-content:space-between;align-items:flex-end;height:calc(96 * var(--u));margin-top:calc(18 * var(--u))}
.vs-ppl span{width:18%;color:rgba(159,176,208,.45);transition:color .6s,transform .6s cubic-bezier(.2,.8,.2,1)}
.vs-ppl svg{width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.vs-c.on .vs-ppl span.on{color:#009eff;transform:translateY(-6px);filter:drop-shadow(0 0 8px rgba(0,158,255,.7))}
.vs-share{height:calc(96 * var(--u));margin-top:calc(18 * var(--u));display:flex;flex-direction:column;justify-content:center;gap:calc(10 * var(--u))}
.vs-track{}
.vs-share .vs-track{display:block;height:calc(16 * var(--u));border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;padding:0}
.vs-share .vs-track span{display:block;height:100%;width:4.3%;min-width:6px;border-radius:99px;background:#009eff;box-shadow:0 0 12px rgba(0,158,255,.8);transform-origin:left;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.js-sx .vs-c:not(.on) .vs-share .vs-track span{transform:scaleX(0)}
.vs-share p{margin:0;font-size:calc(14 * var(--u));color:#b3c1dc}.vs-share b{color:#fff}
.vs-donut{display:block;height:calc(96 * var(--u));width:auto;margin:calc(18 * var(--u)) auto 0;overflow:visible}
.vs-dt{fill:none;stroke:rgba(255,255,255,.1);stroke-width:12}
.vs-dv{fill:none;stroke:#009eff;stroke-width:12;stroke-linecap:round;stroke-dasharray:86.7 289;transform:rotate(-90deg);transform-origin:60px 60px;transition:stroke-dasharray 1.3s cubic-bezier(.2,.8,.2,1)}
.js-sx .vs-c:not(.on) .vs-dv{stroke-dasharray:0 289}
.vs-donut text{fill:#fff;font-size:20px;font-weight:800;font-family:inherit}
@media (prefers-reduced-motion:reduce){.vs-track{scroll-behavior:auto}.vs-ppl span,.vs-share .vs-track span,.vs-dv{transition:none}}
@media (max-width:900px){
 .vs{margin:28px -20px 10px;width:auto}
 .vs-track{grid-auto-columns:84%;gap:14px;padding:4px 20px 6px;scroll-padding:0 20px}
 .vs-ppl,.vs-share,.vs-donut{height:96px}.vs-share p{font-size:14px}
 .vs-ctl{margin-top:12px}
}
@media (min-width:600px) and (max-width:900px){.vs-track{grid-auto-columns:calc((100% - 54px) / 2)}.vs-n{font-size:46px}.vs-l{font-size:16px}}

/* passaggio tra gruppi: le schede escono sfocate e rientrano definite */
.vs-c{transition:filter .42s ease,opacity .42s ease,transform .42s ease}
.vs-track.vs-out .vs-c{filter:blur(8px);opacity:.25;transform:scale(.985)}
.vs-track.vs-in .vs-c{animation:vs-sharp .65s cubic-bezier(.2,.8,.2,1)}
@keyframes vs-sharp{from{filter:blur(8px);opacity:.25;transform:scale(.985)}to{filter:none;opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.vs-c{transition:none}.vs-track.vs-in .vs-c{animation:none}}

.vs-ctl .vs-pp{width:max(36px,calc(38 * var(--u)));height:max(36px,calc(38 * var(--u)))}
.vs-pp .i-pl{display:none}.vs-pp[aria-pressed="true"] .i-pa{display:none}.vs-pp[aria-pressed="true"] .i-pl{display:block}
.vs-pp svg{width:16px;height:16px}.vs-pp .i-pl{fill:currentColor;stroke:none}

/* desktop: nessuno scivolamento, i gruppi si alternano sul posto (sfocato → definito), con un leggero sfalsamento tra le tre schede */
@media (min-width:901px){
 .vs-track{overflow-x:hidden;scroll-snap-type:none;scroll-behavior:auto}
 .vs-track.vs-out .vs-c:nth-child(3n+2){transition-delay:.06s}
 .vs-track.vs-out .vs-c:nth-child(3n+3){transition-delay:.12s}
 .vs-track.vs-in .vs-c:nth-child(3n+2){animation-delay:.12s;animation-fill-mode:both}
 .vs-track.vs-in .vs-c:nth-child(3n+3){animation-delay:.24s;animation-fill-mode:both}
}

/* titoli delle schede dati più leggibili e più staccati dal numero */
.vs-t{font-size:max(15px,calc(18 * var(--u)));letter-spacing:.14em;color:#9ccaff}
.vs-n{margin-top:calc(18 * var(--u))}
@media (max-width:900px){.vs-t{font-size:15px}.vs-n{margin-top:14px}}

/* installazione dell'app dalla finestra di verifica */
.vxd-inst{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 12px;border-radius:999px;border:1px solid rgba(0,158,255,.6);background:rgba(0,158,255,.14);color:#fff;font:inherit;font-weight:600;cursor:pointer;margin-left:auto}
.vxd-inst svg{width:20px;height:20px;fill:none;stroke:#7fb8ff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vxd-inst:hover{background:rgba(0,158,255,.26)}
.vxd-inst+.vxd-x{margin-left:10px}
.vxd-pop{position:absolute;right:max(calc(24 * var(--u)),12px);top:calc(64 * var(--u) + 8px);z-index:3;width:min(380px,calc(100vw - 24px));padding:20px 20px 16px;border-radius:18px;background:#0a2560;border:1px solid rgba(127,184,255,.3);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.vxd-pop[hidden]{display:none}
.vxd-pop-t{margin:0 0 8px;font-size:17px;font-weight:700;color:#fff}
.vxd-pop p{margin:0 0 10px;font-size:15px;line-height:1.5;color:#c9d5ee}.vxd-pop b{color:#fff}
.vxd-pop-a{display:flex;gap:10px;margin-top:14px}
.vxd-pop-go{display:inline-flex;align-items:center;justify-content:center;flex:1;min-height:44px;border-radius:999px;background:#009eff;color:#011844;font-weight:700}
.vxd-pop-no{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:none;color:#fff;font:inherit;cursor:pointer}
@media (max-width:900px){.vxd-pop{top:66px;right:12px}}
@media (max-width:520px){.vxd-inst span{display:none}.vxd-inst{width:44px;padding:0;justify-content:center}}
@media (display-mode:standalone){.vxd-inst{display:none}}

@media (max-width:520px){.vxd-x span{display:none}.vxd-x{width:44px;padding:0;justify-content:center}.vxd-id{white-space:nowrap;font-size:16px}}


/* ===== LTM — pagine interne e articoli, nello stile della rev. 37 ===== */
.dk-menu a[aria-current="page"]{color:#7fb8ff;opacity:1}
@media (min-width:901px){
  .pg-menu{flex-wrap:nowrap;gap:calc(26 * var(--u))}
  .pg-menu a{white-space:nowrap}
}
@media (min-width:901px) and (max-width:1180px){
  .pg-menu{gap:14px}
  .pg-menu a{font-size:14px}
}
.pg-hero{position:relative;overflow:hidden;text-align:center;display:flex;align-items:center;min-height:calc(560 * var(--u));padding:calc(120 * var(--uh)) calc(24 * var(--u)) calc(112 * var(--uh))}
.pg-hero .dk-h1{font-size:calc(70 * var(--uh))}
.pg-hero .dk-h1.pg-xl{font-size:calc(104 * var(--uh))}
.pg-hero .dk-eyebrow{margin-bottom:calc(30 * var(--u))}
.pg-hero .dk-lead{max-width:calc(860 * var(--u));margin:calc(36 * var(--u)) auto 0}
.pg-hero-s{min-height:calc(380 * var(--u))}

.pg-mv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(72 * var(--u))}
.pg-mv > div{border-top:1px solid rgba(255,255,255,.16);padding-top:calc(44 * var(--u))}
.pg-word{display:block;margin:0 0 calc(28 * var(--u));font-size:calc(112 * var(--u));line-height:1.02;letter-spacing:.01em;font-weight:800;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.75);background-image:linear-gradient(90deg,#fff 0%,#fff 35%,#009eff 50%,#fff 65%,#fff 100%);background-size:300% 100%;background-position:150% 0;-webkit-background-clip:text;background-clip:text;transition:-webkit-text-stroke-color 1.2s,opacity 1.2s}
.js .pg-word{opacity:.6}
.pg-word.in{-webkit-text-stroke-color:transparent;opacity:1;animation:dk-scan 5s linear .4s infinite}
.pg-mv > div:nth-child(2) .pg-word{transition-delay:.3s}

.pg-say{max-width:calc(1060 * var(--u));margin:0 auto;font-size:calc(46 * var(--uh));line-height:1.18;letter-spacing:-.025em;font-weight:600}
.pg-block{margin-top:calc(130 * var(--uh))}
.pg-feat{list-style:none;margin:calc(56 * var(--u)) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(64 * var(--u));border-top:1px solid rgba(15,34,80,.14)}
.pg-feat li{position:relative;display:grid;grid-template-columns:calc(96 * var(--u)) minmax(0,1fr);gap:calc(20 * var(--u));align-items:center;padding:calc(30 * var(--u)) 0;border-bottom:1px solid rgba(15,34,80,.14)}
.pg-feat li::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:linear-gradient(90deg,#009eff,#4461ea);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.pg-feat li.in::after{width:100%}
.pg-feat i{font-style:normal;font-size:calc(52 * var(--u));font-weight:800;letter-spacing:-.05em;color:#fff;-webkit-text-stroke:calc(3 * var(--u)) #4461ea;paint-order:stroke fill;line-height:1}
.pg-feat span{font-size:max(18px, calc(27 * var(--u)));line-height:1.25;font-weight:700;letter-spacing:-.015em;color:#0f2250;transition:color .4s}
.pg-feat li:hover span{color:#4461ea}

.pg-steps{list-style:none;margin:calc(84 * var(--u)) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.pg-steps li{position:relative;padding:calc(54 * var(--u)) calc(24 * var(--u)) 0 0;transition:opacity .9s}
.js .pg-steps li{opacity:.4}
.js .pg-steps li.in{opacity:1}
.pg-steps li:nth-child(2){transition-delay:.15s}.pg-steps li:nth-child(3){transition-delay:.3s}.pg-steps li:nth-child(4){transition-delay:.45s}.pg-steps li:nth-child(5){transition-delay:.6s}
.pg-steps li::before{content:"";position:absolute;left:calc(9 * var(--u));right:calc(-9 * var(--u));top:calc(8 * var(--u));height:2px;background:linear-gradient(90deg,rgba(0,158,255,.38) 0%,rgba(0,158,255,.38) 36%,rgba(191,230,255,.95) 50%,rgba(0,158,255,.38) 64%,rgba(0,158,255,.38) 100%);background-size:300% 100%;background-position:100% 0}
.pg-steps li:last-child::before{display:none}
.pg-steps li::after{content:"";position:absolute;left:0;top:0;width:calc(18 * var(--u));height:calc(18 * var(--u));box-sizing:border-box;border-radius:50%;border:2px solid #009eff;background:#0b1f4a;transform:scale(.4);transition:transform .7s cubic-bezier(.2,.8,.2,1) .25s,background .7s .25s}
.pg-steps li.in::after{transform:scale(1);background:#009eff;box-shadow:0 0 0 calc(5 * var(--u)) rgba(0,158,255,.16)}
.pg-steps.live li::before{animation:pg-flow 10s cubic-bezier(.45,0,.55,1) infinite}
.pg-steps.live li.in::after{animation:dk-node 10s ease-in-out infinite}
.pg-steps.live li:nth-child(1)::before,.pg-steps.live li:nth-child(1).in::after{animation-delay:0s}
.pg-steps.live li:nth-child(2)::before,.pg-steps.live li:nth-child(2).in::after{animation-delay:1.4s}
.pg-steps.live li:nth-child(3)::before,.pg-steps.live li:nth-child(3).in::after{animation-delay:2.8s}
.pg-steps.live li:nth-child(4)::before,.pg-steps.live li:nth-child(4).in::after{animation-delay:4.2s}
.pg-steps.live li:nth-child(5)::before,.pg-steps.live li:nth-child(5).in::after{animation-delay:5.6s}
@keyframes pg-flow{0%{background-position:100% 0}14%{background-position:0 0}100%{background-position:0 0}}
.pg-steps i{display:block;font-style:normal;font-size:max(13px, calc(14 * var(--u)));font-weight:700;letter-spacing:.2em;color:#7fb8ff;margin-bottom:calc(10 * var(--u))}
.pg-steps h3{margin:0 0 calc(10 * var(--u));font-size:max(15px, calc(19 * var(--u)));font-weight:800;letter-spacing:.03em;color:#fff}
.pg-steps p{margin:0;font-size:max(15px, calc(19 * var(--u)));line-height:1.45;color:#aeb9d4}

.pg-arch{list-style:none;margin:calc(72 * var(--u)) 0 0;padding:0;display:flex;align-items:stretch;justify-content:center}
.pg-node{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:calc(14 * var(--u));padding:calc(36 * var(--u)) calc(32 * var(--u));min-height:calc(190 * var(--u));border-radius:calc(28 * var(--u));background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.js .pg-node{opacity:0;transform:translateY(calc(24 * var(--u)))}
.js .pg-node.in{opacity:1;transform:none}
.pg-node:nth-child(3){transition-delay:.25s}.pg-node:nth-child(5){transition-delay:.5s}
.pg-node i{font-style:normal;font-size:max(13px, calc(14 * var(--u)));font-weight:700;letter-spacing:.2em;color:#7fb8ff}
.pg-node span{font-size:max(20px, calc(30 * var(--u)));line-height:1.15;font-weight:700;letter-spacing:-.02em;color:#fff}
.pg-arch.live .pg-node{animation:pg-glow 7.5s ease-in-out infinite}
.pg-arch.live .pg-node:nth-child(3){animation-delay:2.5s}.pg-arch.live .pg-node:nth-child(5){animation-delay:5s}
@keyframes pg-glow{0%,34%,100%{border-color:rgba(255,255,255,.14);box-shadow:0 0 0 0 rgba(0,158,255,0)}8%,22%{border-color:#7fb8ff;box-shadow:0 0 0 calc(5 * var(--u)) rgba(0,158,255,.16)}}
.pg-conn{flex:0 0 calc(96 * var(--u));position:relative;align-self:center;height:2px;background-color:rgba(0,158,255,.38)}
.pg-conn::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#bfe6ff,transparent) no-repeat;background-size:60% 100%;background-position:-150% 0}
.pg-arch.live .pg-conn::before{animation:pg-run 7.5s linear infinite}
.pg-arch.live .pg-conn:nth-child(2)::before{animation-delay:1.5s}.pg-arch.live .pg-conn:nth-child(4)::before{animation-delay:4s}
@keyframes pg-run{0%{background-position:-150% 0}13%,100%{background-position:250% 0}}
.pg-conn::after{content:"";position:absolute;right:1px;top:50%;width:calc(10 * var(--u));height:calc(10 * var(--u));border-top:2px solid #7fb8ff;border-right:2px solid #7fb8ff;transform:translateY(-50%) rotate(45deg)}

.pg-stmt{margin:calc(84 * var(--u)) 0 0;text-align:center}
.pg-stmt-l{display:block;font-size:calc(30 * var(--u));line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#dbe4f5;margin-bottom:calc(26 * var(--u))}
.pg-stmt .pg-word{margin:0;font-size:calc(124 * var(--u));line-height:1.1}
.pg-stmt .pg-word:nth-of-type(3){transition-delay:.3s}.pg-stmt .pg-word:nth-of-type(4){transition-delay:.6s}

/* ---- articoli */
.ar{background:#0b1f4a}
.ar-head{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(32 * var(--u));flex-wrap:wrap;margin-bottom:calc(56 * var(--u))}
.ar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(28 * var(--u))}
.ar-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:calc(28 * var(--u))}
.ar-grid > div{display:flex}
.ar-card{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;border-radius:calc(28 * var(--u));overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .4s,background .4s}
.ar-card:hover{transform:translateY(calc(-6 * var(--u)));border-color:rgba(127,184,255,.6);background:rgba(255,255,255,.08)}
.ar-cov{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#0b1f4a}
.ar-cov img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.ar-card:hover .ar-cov img{transform:scale(1.06)}
.ar-cov::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(1,24,68,.16),rgba(1,24,68,.16) 55%,rgba(1,24,68,.5));pointer-events:none}
.ar-cov::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:2;background:linear-gradient(90deg,transparent,#7fb8ff,transparent);box-shadow:0 0 16px #7fb8ff;opacity:0;pointer-events:none}
.ar-card:hover .ar-cov::after{animation:pf-scan 1.6s ease-in-out 1}
.ar-body{flex:1;display:flex;flex-direction:column;gap:calc(14 * var(--u));padding:calc(28 * var(--u)) calc(28 * var(--u)) calc(30 * var(--u))}
.ar-date{font-size:max(13px, calc(13 * var(--u)));letter-spacing:.14em;text-transform:uppercase;color:#7fb8ff;font-weight:700}
.ar-t{margin:0;font-size:max(19px, calc(25 * var(--u)));line-height:1.22;letter-spacing:-.02em;font-weight:700}
.ar-t a{color:#fff}
.ar-t a::after{content:"";position:absolute;inset:0;z-index:3}
.ar-t a:focus-visible{outline:none}
.ar-card:focus-within{border-color:#7fb8ff;box-shadow:0 0 0 3px rgba(0,158,255,.45)}
.ar-x{margin:0;font-size:max(16px, calc(18 * var(--u)));line-height:1.55;color:#aeb9d4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ar-more{margin-top:auto;padding-top:calc(6 * var(--u));display:inline-flex;align-items:center;gap:calc(6 * var(--u));font-size:max(15px, calc(17 * var(--u)));font-weight:500;color:#7fb8ff}
.ar-more svg{width:calc(16 * var(--u));height:calc(16 * var(--u));stroke:currentColor;fill:none;stroke-width:2;transition:transform .3s}
.ar-card:hover .ar-more svg{transform:translateX(calc(4 * var(--u)))}
.ar-rows{display:flex;flex-direction:column;gap:calc(28 * var(--u))}
.ar-rows > div{display:flex}
.ar-row{flex-direction:row;align-items:flex-start;gap:calc(40 * var(--u));padding:calc(24 * var(--u))}
.ar-row .ar-cov{flex:0 0 42%;border-radius:calc(18 * var(--u))}
.ar-row .ar-body{align-self:center;gap:calc(16 * var(--u));padding:calc(8 * var(--u)) calc(20 * var(--u)) calc(8 * var(--u)) 0}
.ar-row .ar-t{font-size:max(22px, calc(34 * var(--u)));line-height:1.14;letter-spacing:-.025em}
.ar-row .ar-x{font-size:max(16px, calc(20 * var(--u)));-webkit-line-clamp:3}
.ar-row .ar-more{margin-top:0}
.ar-t,.post-h1{text-wrap:balance}

.post-hero{position:relative;overflow:visible;text-align:center;padding:calc(84 * var(--uh)) calc(24 * var(--u)) 0}
.post-hero .dk-dots{bottom:calc(200 * var(--u))}
.post-back{display:inline-flex;align-items:center;gap:calc(6 * var(--u));min-height:44px;font-size:max(15px, calc(17 * var(--u)));font-weight:500;color:#7fb8ff}
.post-back svg{width:calc(16 * var(--u));height:calc(16 * var(--u));stroke:currentColor;fill:none;stroke-width:2;transition:transform .3s}
.post-back:hover svg{transform:translateX(calc(-4 * var(--u)))}
.post-meta{display:flex;gap:calc(14 * var(--u));justify-content:center;align-items:center;flex-wrap:wrap;margin:calc(30 * var(--u)) 0 calc(24 * var(--u));font-size:max(13px, calc(14 * var(--u)));letter-spacing:.14em;text-transform:uppercase;color:#7fb8ff;font-weight:700}
.post-meta i{width:5px;height:5px;border-radius:50%;background:#009eff}
.post-h1{max-width:calc(1080 * var(--u));margin:0 auto;font-size:calc(60 * var(--uh));line-height:1.06;letter-spacing:-.03em;font-weight:700}
.post-h1 b{background:linear-gradient(90deg,#7fb8ff,#009eff 50%,#ffffff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dk-sheen 6s linear infinite}
.post-h1 span{display:inline-block;transition:opacity .8s,transform .8s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}
.post-cov{position:relative;z-index:2;max-width:calc(1080 * var(--u));margin:calc(68 * var(--u)) auto calc(-210 * var(--u));border-radius:calc(28 * var(--u));overflow:hidden;aspect-ratio:16/9;background:#0b1f4a;box-shadow:0 calc(30 * var(--u)) calc(80 * var(--u)) rgba(0,0,0,.45)}
.post-cov img{width:100%;height:100%;object-fit:cover;display:block}
.post-cov .pf-scan{z-index:2}
.post-cov.in .pf-scan{animation:pf-scan 2.2s ease-in-out .5s 1 forwards}
.post-sec{padding:calc(300 * var(--u)) calc(24 * var(--u)) calc(120 * var(--u))}
.post-body{max-width:calc(790 * var(--u));margin:0 auto;font-size:calc(22 * var(--u));line-height:1.65;color:#2f3a55}
.post-body p{margin:0 0 calc(26 * var(--u))}
.post-body > p:first-child{font-size:calc(27 * var(--u));line-height:1.5;letter-spacing:-.01em;color:#0f2250}
.post-body h2{position:relative;margin:calc(64 * var(--u)) 0 calc(22 * var(--u));padding-top:calc(24 * var(--u));font-size:calc(38 * var(--u));line-height:1.15;letter-spacing:-.025em;font-weight:700;color:#0f2250}
.post-body h2::before{content:"";position:absolute;left:0;top:0;width:calc(56 * var(--u));height:calc(4 * var(--u));border-radius:2px;background:linear-gradient(90deg,#009eff,#4461ea)}
.post-body ul{list-style:none;margin:0 0 calc(26 * var(--u));padding:0}
.post-body li{position:relative;padding:0 0 calc(18 * var(--u)) calc(40 * var(--u))}
.post-body li::before{content:"";position:absolute;left:calc(4 * var(--u));top:.55em;width:calc(14 * var(--u));height:calc(14 * var(--u));box-sizing:border-box;border-radius:50%;border:2px solid #009eff}
.post-body b{color:#0f2250;font-weight:700}
.post-body a{color:#4461ea;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.post-body a:hover{color:#0f2250}
.post-sum{position:relative;overflow:hidden;margin:calc(60 * var(--u)) 0 calc(40 * var(--u));padding:calc(40 * var(--u)) calc(40 * var(--u)) calc(16 * var(--u)) calc(48 * var(--u));border-radius:calc(24 * var(--u));background:#f3f6fb}
.post-sum::before{content:"";position:absolute;left:0;top:0;height:100%;width:calc(6 * var(--u));background:linear-gradient(180deg,#009eff,#4461ea)}
.post-sum h2{margin-top:0;padding-top:0}.post-sum h2::before{display:none}

@media (max-width:900px){
  .pg-hero{min-height:0;padding:72px 20px 64px}
  .pg-hero .dk-h1{font-size:clamp(40px,10.6vw,62px)}
  .pg-hero .dk-h1.pg-xl{font-size:clamp(40px,11.4vw,68px)}
  .pg-hero-s{min-height:0}
  .pg-mv{grid-template-columns:1fr;gap:48px}
  .pg-mv > div{padding-top:30px}
  .pg-word{font-size:64px;margin-bottom:18px}
  .pg-say{font-size:clamp(27px,7vw,38px);line-height:1.22}
  .pg-block{margin-top:80px}
  .pg-feat{grid-template-columns:1fr;margin-top:36px}
  .pg-feat li{grid-template-columns:62px minmax(0,1fr);gap:14px;padding:22px 0}
  .pg-feat i{font-size:38px;-webkit-text-stroke-width:2.5px}
  .pg-feat span{font-size:20px}
  .pg-steps{grid-template-columns:1fr;margin-top:48px}
  .pg-steps li{padding:0 0 34px 44px}
  .pg-steps li:last-child{padding-bottom:0}
  .pg-steps li::before{left:8px;right:auto;top:9px;bottom:-9px;width:2px;height:auto;background:rgba(0,158,255,.38);animation:none!important}
  .pg-steps li::after{width:18px;height:18px}
  .pg-steps i{margin-bottom:6px}
  .pg-steps h3{font-size:19px}
  .pg-steps p{font-size:20px;line-height:1.5}
  .pg-arch{flex-direction:column;margin-top:44px}
  .pg-node{flex:none;min-height:0;padding:26px 24px;border-radius:22px}
  .pg-node span{font-size:24px}
  .pg-conn{flex:0 0 44px;width:2px;height:44px}
  .pg-conn::before{display:none}
  .pg-conn::after{right:auto;left:50%;top:auto;bottom:1px;width:10px;height:10px;transform:translateX(-50%) rotate(135deg)}
  .pg-stmt{margin-top:52px}
  .pg-stmt-l{font-size:21px;margin-bottom:18px}
  .pg-stmt .pg-word{font-size:clamp(26px,9.6vw,54px)}
  .ar-head{margin-bottom:36px;gap:12px}
  .ar-grid,.ar-grid-2{grid-template-columns:1fr;gap:20px}
  .ar-grid-2{margin-top:20px}
  .ar-card{border-radius:22px}
  .ar-body{padding:22px 22px 24px;gap:12px}
  .ar-t{font-size:22px}
  .ar-x{font-size:18px}
  .ar-more{font-size:17px}
  .ar-more svg,.post-back svg{width:16px;height:16px}
  .ar-rows{gap:20px}
  .ar-row{flex-direction:column;align-items:stretch;gap:0;padding:0}
  .ar-row .ar-cov{flex:none;border-radius:0}
  .ar-row .ar-body{align-self:stretch;padding:22px 22px 24px;gap:12px}
  .ar-row .ar-t{font-size:22px}
  .ar-row .ar-x{font-size:18px;-webkit-line-clamp:4}
  .ar-row .ar-more{margin-top:auto}
  .post-hero{padding:48px 20px 0}
  .post-h1{font-size:clamp(32px,8.6vw,48px);line-height:1.1}
  .post-meta{margin:18px 0 18px}
  .post-cov{margin:36px auto -90px;border-radius:20px}
  .post-sec{padding:136px 20px 72px}
  .post-body{font-size:19px;line-height:1.6}
  .post-body > p:first-child{font-size:21px}
  .post-body h2{font-size:27px;margin:44px 0 16px;padding-top:20px}
  .post-body li{padding-left:32px}
  .post-body li::before{left:2px;width:14px;height:14px}
  .post-sum{margin:44px 0 30px;padding:28px 24px 8px 30px;border-radius:20px}
  .m-sheet.open .m-chain li:nth-child(5){transition-delay:.32s}
  .m-sheet.open .m-chain li:nth-child(6){transition-delay:.38s}
  .m-sheet.open .m-chain ~ .m-cta{transition-delay:.44s}
}
@media (min-width:600px) and (max-width:900px){
  .pg-hero{padding:96px 40px 84px}
  .pg-feat,.ar-grid,.ar-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-feat{column-gap:36px}
  .post-hero{padding:72px 40px 0}
  .post-sec{padding-left:40px;padding-right:40px}
}
@media (hover:none){
  .ar-card:hover{transform:none}
  .ar-card:hover .ar-cov img{transform:none}
  .pg-feat li:hover span{color:#0f2250}
}
@media (prefers-reduced-motion:reduce){
  .pg-word.in,.pg-steps.live li::before,.pg-steps.live li.in::after,.pg-arch.live .pg-node,.pg-arch.live .pg-conn::before,.post-h1 b{animation:none}
  .ar-card:hover .ar-cov::after,.post-cov.in .pf-scan{animation:none}
}

/* ===== Tema WordPress: adattamenti ===== */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:#fff;color:#011844;clip:auto!important;clip-path:none;display:block;font-size:16px;font-weight:600;height:auto;left:12px;top:12px;padding:14px 20px;border-radius:12px;width:auto;z-index:100000}
.admin-bar .dk-nav{top:32px}
@media (max-width:782px){.admin-bar .dk-nav{top:46px}}
@media (max-width:600px){.admin-bar .dk-nav{top:0}}
.dk-form-msg{grid-column:1/-1;margin:0 0 calc(4 * var(--u));padding:calc(14 * var(--u)) calc(18 * var(--u));border-radius:calc(12 * var(--u));font-size:max(15px, calc(17 * var(--u)));font-weight:600;line-height:1.4}
.dk-form-msg.ok{background:#e6f6ee;color:#0c5a36}
.dk-form-msg.err{background:#fdeceb;color:#8f1d14}
.dk-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
/* articoli: titoli interni di qualunque livello, immagini e citazioni del contenuto */
.post-body h3,.post-body h4{position:relative;margin:calc(64 * var(--u)) 0 calc(22 * var(--u));padding-top:calc(24 * var(--u));font-size:calc(38 * var(--u));line-height:1.15;letter-spacing:-.025em;font-weight:700;color:#0f2250}
.post-body h3::before,.post-body h4::before{content:"";position:absolute;left:0;top:0;width:calc(56 * var(--u));height:calc(4 * var(--u));border-radius:2px;background:linear-gradient(90deg,#009eff,#4461ea)}
.post-body h2 a,.post-body h3 a,.post-body h4 a{color:inherit;font-weight:inherit;text-decoration:none}
.post-sum h3,.post-sum h4{margin-top:0;padding-top:0}.post-sum h3::before,.post-sum h4::before{display:none}
.post-body img,.post-body figure{max-width:100%;height:auto}
.post-body figure{margin:calc(40 * var(--u)) 0}
.post-body figure img{border-radius:calc(20 * var(--u));display:block}
.post-body figcaption{margin-top:10px;font-size:max(14px, calc(15 * var(--u)));color:#4b5570}
.post-body blockquote{margin:calc(40 * var(--u)) 0;padding:0 0 0 calc(28 * var(--u));border-left:calc(4 * var(--u)) solid #4461ea;font-size:calc(26 * var(--u));line-height:1.45;color:#0f2250}
.post-body ol{margin:0 0 calc(26 * var(--u));padding-left:1.3em}
.post-body ol li{padding:0 0 calc(12 * var(--u)) 0}
.post-body ol li::before{display:none}
.post-body > h2:first-child,.post-body > h3:first-child,.post-body > h4:first-child{margin-top:0}
.post-body > h2:first-child + p,.post-body > h3:first-child + p,.post-body > h4:first-child + p{font-size:calc(27 * var(--u));line-height:1.5;letter-spacing:-.01em;color:#0f2250}
/* il pulsante "torna su" del plugin del vecchio sito finiva sopra il menu a pillola */
.smooth-back-to-top-button{display:none!important}
.ar-cov.is-empty{background:linear-gradient(135deg,#0b1f4a,#4461ea)}
.post-cov.is-empty{display:none}
.post-hero.no-cov{padding-bottom:calc(96 * var(--uh))}
.post-hero.no-cov + .post-sec{padding-top:calc(110 * var(--u))}
.pg-plain{padding:calc(96 * var(--u)) calc(24 * var(--u)) calc(120 * var(--u))}
.ar-nav{margin-top:calc(56 * var(--u))}
.ar-nav .nav-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.ar-nav .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#dbe4f5;font-weight:600;font-size:16px}
.ar-nav .page-numbers.current,.ar-nav a.page-numbers:hover{background:#fff;color:#011844;border-color:#fff}
.ar-empty{font-size:calc(23 * var(--u));color:#aeb9d4;text-align:center}
@media (max-width:900px){
  .post-body h3,.post-body h4{font-size:27px;margin:44px 0 16px;padding-top:20px}
  .post-body > h2:first-child + p,.post-body > h3:first-child + p,.post-body > h4:first-child + p{font-size:21px}
  .post-body blockquote{font-size:21px;padding-left:20px}
  .pg-plain{padding:64px 20px 72px}
  .ar-empty{font-size:20px}
}

/* 0.2.0: casella della privacy su una riga (la regola .dk-check perdeva contro .dk-form label, che impila in colonna) */
.dk-form label.dk-check{flex-direction:row;align-items:center}
.dk-form label.dk-check span{flex:1 1 auto;min-width:0}

/* 0.2.0: la frase finale della pagina Innovazione va a capo, invece di uscire dallo schermo, quando in una lingua è più lunga */
.pg-stmt .pg-word{white-space:normal}
/* 0.2.0: tablet, il riquadro "Un prodotto Think2Future" resta dentro la propria colonna (prima copriva l'indirizzo) */
@media (min-width:600px) and (max-width:900px){
  .dk-foot .t2f{flex-wrap:wrap;max-width:100%;box-sizing:border-box}
  .dk-foot .t2f span{white-space:nowrap}
  .dk-foot .t2f img{height:auto;max-height:16px;max-width:100%}
  .dk-foot-in > div:first-child > img{height:auto;max-height:52px;max-width:100%}
}
/* 0.2.0: una parola più lunga del proprio riquadro va a capo invece di uscirne (succede soprattutto in tedesco) */
.dk-val h3,.dk-val p,.pg-feat span,.pg-node span,.vx-r h3,.dk-row h3,.sx-t,.sx-h,.dk-h1,.dk-h2,.pf dd,.dk-member h3{overflow-wrap:break-word}
html[lang^="de"] .dk-val h3,html[lang^="de"] .dk-val p,html[lang^="de"] .pg-feat span,html[lang^="de"] .pg-node span,html[lang^="de"] .vx-r h3{-webkit-hyphens:auto;hyphens:auto}
/* 0.2.0: in tedesco il titolo d'apertura più grande ha parole lunghe ("Unabhängigkeit."): su telefono e tablet è appena più piccolo */
@media (max-width:900px){html[lang^="de"] .pg-hero .dk-h1.pg-xl{font-size:clamp(34px,10.2vw,62px)}}
/* 0.2.0: scheda dell'immagine certificata, etichette più lunghe in tedesco e francese */
@media (max-width:900px){html[lang^="de"] .pf dl div,html[lang^="fr"] .pf dl div{grid-template-columns:136px 1fr}}
/* 0.2.1: pagine legali (privacy policy). Testo lungo, più informative nella stessa pagina:
   titolo di ogni informativa (h2) con il filetto, punti numerati (h3) più piccoli e senza filetto.
   Il titolo d'apertura è più piccolo di quello delle altre pagine e una parola lunga può andare a capo. */
.lg-hero .dk-h1{font-size:calc(56 * var(--uh))}
.lg-hero .dk-h1 span{max-width:100%}
.lg-sec + .lg-sec{padding-top:0}
.lg-body{font-size:max(17px, calc(20 * var(--u)));line-height:1.7;overflow-wrap:break-word}
.lg-body p{margin:0 0 calc(18 * var(--u))}
.lg-body > h2:first-child + p{font-size:inherit;line-height:inherit;letter-spacing:0;color:inherit}
.lg-body h2{font-size:calc(34 * var(--u))}
.lg-body h3{margin:calc(44 * var(--u)) 0 calc(14 * var(--u));padding-top:0;font-size:max(20px, calc(24 * var(--u)));line-height:1.3;letter-spacing:-.01em}
.lg-body h3::before{display:none}
.lg-body > :last-child{margin-bottom:0}
@media (max-width:900px){
  .lg-hero .dk-h1{font-size:clamp(30px,8.6vw,52px)}
  .lg-body{font-size:17px;line-height:1.65}
  .lg-body p{margin-bottom:16px}
  .lg-body > h2:first-child + p{font-size:inherit}
  .lg-body h2{font-size:25px}
  .lg-body h3{margin:32px 0 10px;padding-top:0;font-size:20px}
}
