/* CyberUP R8 – guscio (header e footer) per le pagine che non sono R8.
   Generato da strumenti/shell.py dal CSS della home: non si corregge a mano. */
/* CyberUP R8 – home (generato da strumenti/r8.py da it/index.html) */

/* ============ CY8 BASE: neutralizza Elementor / Astra / Kit ============ */
body .elementor .cy8x-root,body .elementor .cy8x-root *,body .elementor .cy8x-root *::before,body .elementor .cy8x-root *::after{box-sizing:border-box}
body .elementor .cy8x-root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--cy8-text,#eaf7fc);font-weight:400;letter-spacing:normal;text-transform:none;text-align:left;-webkit-font-smoothing:auto}
/* contenitori Elementor: si comportano come gli elementi dell'originale */
body .elementor .cy8x-e{--display:block;--width:auto;--gap:0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--position:static;--min-height:0;--text-align:inherit;--border-radius:0;--overflow:visible;--z-index:auto;
 display:block;width:auto;max-width:none;min-width:auto;height:auto;min-height:0;margin:0;padding:0;position:static;z-index:auto;overflow:visible;border:0 none;border-radius:0;text-align:inherit;transition:none;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-items:normal;align-content:normal;justify-content:normal;gap:normal;order:0;align-self:auto;background:none;box-shadow:none}
body .elementor .cy8x-e::before{content:none}
body .elementor .cy8x-e:where(a){color:inherit;text-decoration:none}
/* widget: il wrapper sparisce, il contenuto è figlio diretto del contenitore */
body:not(.elementor-editor-active) .elementor .cy8x-w,
body:not(.elementor-editor-active) .elementor .cy8x-w>.elementor-widget-container,
body:not(.elementor-editor-active) .elementor .cy8x-w .cy8x-tw,
body:not(.elementor-editor-active) .elementor .cy8x-solo{display:contents!important}
body .elementor .cy8x-w,body .elementor .cy8x-w>.elementor-widget-container,
body .elementor .cy8x-w .cy8x-tw{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:inherit;text-transform:inherit;text-align:inherit;text-shadow:inherit;white-space:inherit;color:inherit;margin:0;padding:0;width:auto;max-width:none}
body .elementor .cy8x-w{margin:0!important;padding:0!important}
body .elementor .cy8x-wh .elementor-heading-title{padding:0;text-shadow:none;-webkit-text-fill-color:currentColor;background:none}
body .elementor .cy8x-wh .elementor-heading-title a{color:inherit}
body.elementor-editor-active .elementor .cy8x-w{position:relative;min-width:0}
/* elementi: valori del browser, non quelli del tema */
body .elementor .cy8x-root :where(a){color:inherit;text-decoration:none;background:none;box-shadow:none}
body .elementor .cy8x-root :where(a:hover,a:focus,a:active,a:visited){color:inherit;text-decoration:none}
body .elementor .cy8x-root :where(img){display:inline;max-width:none;height:auto;border:0;border-radius:0;box-shadow:none;vertical-align:baseline}
body .elementor .cy8x-root :where(button,input,textarea,select){font:inherit;letter-spacing:normal;text-transform:none;box-shadow:none;margin:0}
body .elementor .cy8x-root :where(button){padding:1px 6px;border-radius:0;text-align:center;text-shadow:none;min-height:0;width:auto;background-color:buttonface;color:buttontext;border:2px outset buttonborder}
body .elementor .cy8x-root :where(button:hover,button:focus,button:active){background-color:buttonface;color:buttontext;box-shadow:none}
/* Il pulsante che ha preso il posto di <summary> negli accordion non deve sembrare un bottone:
   stessa forma della riga sopra (che ridà ai button l'aspetto di sistema) ma scritta dopo, così
   la vince; il CSS del design, che pesa una classe in più, continua a comandare. */
body .elementor .cy8x-root :where(.cy8x-sum,.cy8x-sum:hover,.cy8x-sum:focus,.cy8x-sum:active){appearance:none;-webkit-appearance:none;background:none;border:0;border-radius:0;color:inherit;
 font:inherit;text-align:left;width:100%;min-height:0;padding:0;box-shadow:none;cursor:pointer}
body .elementor .cy8x-root :where(.cy8x-sum):focus:not(:focus-visible){outline:none}
body .elementor .cy8x-root :where(input,textarea,select){color:fieldtext;background-color:field;border:2px inset light-dark(#767676,#858585);border-radius:0;padding:1px 2px;height:auto}
body .elementor .cy8x-root :where(h1,h2,h3,h4,h5,h6){font-family:inherit;font-weight:700;font-style:normal;line-height:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;padding:0;clear:none;word-wrap:normal}
body .elementor .cy8x-root :where(h1){font-size:2em;margin:.67em 0}
body .elementor .cy8x-root :where(h2){font-size:1.5em;margin:.83em 0}
body .elementor .cy8x-root :where(h3){font-size:1.17em;margin:1em 0}
body .elementor .cy8x-root :where(h4){font-size:1em;margin:1.33em 0}
body .elementor .cy8x-root :where(p){margin:1em 0;padding:0;font-size:inherit;line-height:inherit;color:inherit}
body .elementor .cy8x-root :where(ul,ol){margin:1em 0;padding:0 0 0 40px}
body .elementor .cy8x-root :where(li){margin:0}
body .elementor .cy8x-root :where(b,strong){font-weight:bolder}
body .elementor .cy8x-root :where(small){font-size:80%}
body .elementor .cy8x-root :where(summary){display:list-item}
body .elementor .cy8x-root :where(figure){margin:1em 40px}
body .elementor .cy8x-root :where(blockquote){margin:1em 40px;padding:0;border:0;font-style:normal}
body .elementor .cy8x-root :where(fieldset){margin:0 2px;padding:.35em .75em .625em;border:2px groove ThreeDFace}
body .elementor .cy8x-root :where(label){display:inline;font-weight:inherit;margin:0}
/* Tabelle ed elenchi di definizioni: Astra aggiunge 1.5em sotto e collassa i bordi. Nel design
   del cliente quel margine non c'è (su Cyber DNA la tabella delle evidenze veniva 24px più bassa
   della pagina originale). Qui tornano i valori di partenza del browser. */
body .elementor .cy8x-root :where(table){margin:0;border-collapse:separate;border-spacing:2px;border-color:gray}
body .elementor .cy8x-root :where(th){padding:1px;border:0;font-weight:bold;text-align:center}
body .elementor .cy8x-root :where(td){padding:1px;border:0;font-weight:inherit;text-align:inherit}
body .elementor .cy8x-root :where(caption){text-align:center;padding:0}
body .elementor .cy8x-root :where(dl){margin:1em 0}
body .elementor .cy8x-root :where(dd){margin:0 0 0 40px}
body .elementor .cy8x-root :where(dt){margin:0}
/* Header del Theme Builder. I wrapper restano "trasparenti" (display:contents) perché il design
   conta sulla struttura originale; lo sticky però va messo sul wrapper esterno, così restano ferme
   in cima sia la barra con il selettore lingue sia l'header (chiesto da Luca il 22/10/2026).
   Il .site-header dentro resta sticky a sua volta: non si muove rispetto al wrapper. */
body.cy8-r8:not(.elementor-editor-active) .elementor-location-header>.cy8x-hdrwrap{display:contents!important}
body.cy8-r8:not(.elementor-editor-active) .elementor-location-header{position:sticky;top:0;z-index:1000}
body.cy8-r8.admin-bar:not(.elementor-editor-active) .elementor-location-header{top:var(--wp-admin--admin-bar--height,32px)}
/* sotto i 601px la barra di WordPress non è fissa e scorre via con la pagina: se l'header restasse
   staccato di 46px si vedrebbe una striscia di contenuto sopra (segnalato da Luca il 22/10/2026) */
@media screen and (max-width:600px){body.cy8-r8.admin-bar:not(.elementor-editor-active) .elementor-location-header{top:0}}
body.cy8-r8 .elementor .cy8-site-utility{position:relative;z-index:1}
/* ============ FINE BASE ============ */
/* === CSS del cliente: inizio === */
body .elementor .cy8x-root{color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5}
html.cy8-r8{scroll-behavior:smooth;background:var(--cy8-navy);overflow-x:clip}
body.cy8-r8{margin:0;background:var(--cy8-navy);color:var(--cy8-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5;overflow-x:hidden}
body .elementor .cy8x-root :where(a){color:inherit;text-decoration:none}
body .elementor .cy8x-root :where(button),
body .elementor .cy8x-root :where(input),
body .elementor .cy8x-root :where(textarea),
body .elementor .cy8x-root :where(select){font:inherit}
body .elementor .cy8x-root :where(img){display:block;max-width:100%}
body .elementor .cy8x-root :where(header){position:sticky;top:0;z-index:100;background:rgba(4,17,27,.79);backdrop-filter:blur(20px);border-bottom:1px solid rgba(175,219,237,.1)}
body .elementor .cy8x-root :where(footer){background:#020a11;border-top:1px solid rgba(255,255,255,.08);padding:60px 0 25px}
body .elementor .cy8x-root :where(footer p){color:#627e91;font-size:12.16px;max-width:280px}
body .elementor .cy8x-root :where(footer h4){font-size:10.72px;letter-spacing:.13em;text-transform:uppercase;color:#90aaba;margin:0 0 15px}
body .elementor .cy8x-root :where(footer a){display:block;color:#718c9e;font-size:12.16px;margin:9px 0}
html.cy8-r8,
body.cy8-r8{overflow-x:clip}
body .elementor div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)):where(.cy8x-main){scroll-margin-top:100px}
:root{--cy8-navy:#04111b;--cy8-navy2:#061a29;--cy8-navy3:#0a2537;--cy8-ice:#f2f7fa;--cy8-white:#f9fdff;
  --cy8-cyan:#46d8ef;--cy8-cyan2:#1cbdd9;--cy8-mint:#62f0c7;--cy8-blue:#4169ff;--cy8-orange:#ffb14a;
  --cy8-text:#eaf7fc;--cy8-muted:#95adbd;--cy8-ink:#071722;--cy8-ink2:#334c5d;--cy8-line:rgba(154,211,234,.16);
  --cy8-max:1280px;--cy8-r:28px;--cy8-shadow:0 28px 90px rgba(0,0,0,.28)}
body .elementor :where(.cy8x-root,.cy8x-root *){box-sizing:border-box}
body .elementor ::selection{background:var(--cy8-cyan);color:#001018}
body .elementor .cy8-container{width:min(calc(100% - 48px),var(--cy8-max));margin:auto}
body .elementor .cy8-btn{min-height:54px;padding:0 22px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:14.4px;cursor:pointer;transition:.3s cubic-bezier(.2,.8,.2,1)}
body .elementor .cy8-btn.cy8-primary{background:linear-gradient(105deg,var(--cy8-cyan),var(--cy8-mint));color:#02131b;box-shadow:0 14px 40px rgba(47,215,224,.16)}
body .elementor .cy8-btn.cy8-primary:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(47,215,224,.28)}
body .elementor .cy8-arrow{transition:transform .3s}
body .elementor .cy8-btn:hover .cy8-arrow{transform:translateX(4px)}
body .elementor .cy8-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:999!important;background:transparent}
body .elementor .cy8-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cy8-cyan),var(--cy8-mint));box-shadow:0 0 20px rgba(70,216,239,.55)}
body .elementor .cy8-langs{display:flex;gap:8px}
body .elementor .cy8-langs a{opacity:.55}
body .elementor .cy8-langs a.cy8-active{opacity:1;color:var(--cy8-cyan);font-weight:850}
body .elementor .cy8-nav{height:80px;display:flex;align-items:center;gap:34px}
body .elementor .cy8-logo{width:170px;flex:0 0 170px}
body .elementor .cy8-navlinks{display:flex;gap:25px;align-items:center;margin-left:auto}
body .elementor .cy8-navlinks>a,
body .elementor .cy8-navlinks>:where(.cy8x-w)>a,
body .elementor .cy8-navlinks>:where(.cy8x-w)>:where(.elementor-widget-container)>a,
body .elementor .cy8-navlinks>:where(.cy8x-wt)>:where(.cy8x-tw)>a,
body .elementor .cy8-navlinks>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>a{font-size:12.48px;font-weight:720;color:#bfd1dc;transition:.2s}
body .elementor .cy8-navlinks>a:hover,
body .elementor .cy8-navlinks>:where(.cy8x-w)>a:hover,
body .elementor .cy8-navlinks>:where(.cy8x-w)>:where(.elementor-widget-container)>a:hover,
body .elementor .cy8-navlinks>:where(.cy8x-wt)>:where(.cy8x-tw)>a:hover,
body .elementor .cy8-navlinks>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>a:hover{color:white}
body .elementor .cy8-navcta{min-height:43px!important;padding:0 16px!important;font-size:12.32px!important}
body .elementor .cy8-menu{display:none;margin-left:auto;width:44px;height:44px;border:1px solid rgba(255,255,255,.14);background:transparent;color:white;border-radius:12px}
body .elementor .cy8-mobile{display:none;padding:14px 24px 24px;border-top:1px solid rgba(255,255,255,.1)}
body .elementor .cy8-mobile a{display:block;padding:12px 0;color:#c8dce6;font-weight:700}
@keyframes cy8-slowspin{to{transform:rotate(360deg)}}
@keyframes cy8-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes cy8-drop{0%{transform:scaleY(.2);transform-origin:top}60%{transform:scaleY(1)}100%{opacity:0}}
@keyframes cy8-marquee{to{transform:translateX(-50%)}}
body .elementor .cy8-footgrid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:34px}
body .elementor .cy8-footlogo{width:175px;margin-bottom:18px}
body .elementor footer a:hover{color:white}
body .elementor .cy8-footbottom{margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;color:#516d7f;font-size:10.72px}
@media(max-width:1050px){
body .elementor .cy8-navlinks{display:none}
body .elementor .cy8-menu{display:block}
body .elementor .cy8-footgrid{grid-template-columns:1.2fr 1fr 1fr}
}
@media(max-width:720px){
body .elementor .cy8-container{width:min(calc(100% - 30px),var(--cy8-max))}
body .elementor .cy8-nav{height:70px;gap:14px}
body .elementor .cy8-logo{width:145px;flex-basis:145px}
body .elementor .cy8-nav>.cy8-navcta{display:none}
body .elementor .cy8-footgrid{grid-template-columns:1fr 1fr}
body .elementor .cy8-footgrid>div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)):first-child:where(:not(.cy8x-np)),
body .elementor .cy8-footgrid>:where(.cy8x-w):first-child:where(:not(.cy8x-np))>div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)),
body .elementor .cy8-footgrid>:where(.cy8x-w):first-child:where(:not(.cy8x-np))>:where(.elementor-widget-container)>div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)),
body .elementor .cy8-footgrid>:where(.cy8x-wt):first-child:where(:not(.cy8x-np))>:where(.cy8x-tw)>div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)),
body .elementor .cy8-footgrid>:where(.cy8x-wt):first-child:where(:not(.cy8x-np))>:where(.elementor-widget-container)>:where(.cy8x-tw)>div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)){grid-column:1/-1}
body .elementor .cy8-footbottom{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
body .elementor :where(.cy8x-root,.cy8x-root *){scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
body .elementor .cy8-navitem{position:relative;padding:28px 0}
body .elementor .cy8-mega{position:absolute;top:70px;left:50%;transform:translate(-50%,10px);width:720px;background:rgba(4,19,30,.97);border:1px solid rgba(145,215,238,.16);border-radius:22px;padding:20px;display:grid;grid-template-columns:.82fr 1.18fr;gap:20px;box-shadow:0 30px 80px rgba(0,0,0,.42);backdrop-filter:blur(24px);opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease;z-index:150!important}
body .elementor .cy8-mega:before{inset:auto;width:auto;height:auto;border:0 none;border-radius:0;opacity:1;mix-blend-mode:normal;transition:none;content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;background:#061824;border-left:1px solid rgba(145,215,238,.16);border-top:1px solid rgba(145,215,238,.16);transform:translateX(-50%) rotate(45deg)}
body .elementor .cy8-mega-intro{border-radius:17px;padding:20px;background:linear-gradient(145deg,rgba(70,216,239,.08),rgba(65,105,255,.04));border:1px solid rgba(120,205,235,.10)}
body .elementor .cy8-mega-intro>span,
body .elementor .cy8-mega-intro>:where(.cy8x-w)>span,
body .elementor .cy8-mega-intro>:where(.cy8x-w)>:where(.elementor-widget-container)>span,
body .elementor .cy8-mega-intro>:where(.cy8x-wt)>:where(.cy8x-tw)>span,
body .elementor .cy8-mega-intro>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>span{display:block;color:var(--cy8-cyan);font-size:8.96px;letter-spacing:.15em;font-weight:900;margin-bottom:9px}
body .elementor .cy8-mega-intro>strong,
body .elementor .cy8-mega-intro>:where(.cy8x-w)>strong,
body .elementor .cy8-mega-intro>:where(.cy8x-w)>:where(.elementor-widget-container)>strong,
body .elementor .cy8-mega-intro>:where(.cy8x-wt)>:where(.cy8x-tw)>strong,
body .elementor .cy8-mega-intro>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>strong{display:block;color:#f3fbff;font-size:17.92px;letter-spacing:-.02em;margin-bottom:8px}
body .elementor .cy8-mega-intro p{margin:0;color:#7896a7;font-size:12px;line-height:1.55}
body .elementor .cy8-mega-cta{display:inline-flex!important;margin-top:17px!important;color:#bdeff7!important;font-size:11.52px!important;font-weight:800!important}
body .elementor .cy8-mega-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}
body .elementor .cy8-mega-links a{display:block!important;padding:12px 13px!important;border-radius:12px;color:#d7e9f1!important;background:rgba(255,255,255,.018);border:1px solid transparent;transition:.2s}
body .elementor .cy8-mega-links a:hover{background:rgba(70,216,239,.055);border-color:rgba(70,216,239,.12)}
body .elementor .cy8-mega-links b{display:block;font-size:11.68px;line-height:1.25}
body .elementor .cy8-mega-links small{display:block;color:#6f8d9f;font-size:9.92px;line-height:1.35;margin-top:4px}
@media(max-width:1180px){
body .elementor .cy8-mega{width:650px}
}
@keyframes cy8-v5marquee{to{transform:translateX(-50%)}}
body .elementor .cy8-site-header,
body .elementor .cy8-site-footer,
body .elementor .cy8-site-utility{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5}
body .elementor .cy8-site-header *,
body .elementor .cy8-site-footer *,
body .elementor .cy8-site-utility *{box-sizing:border-box}
body .elementor .cy8-site-header a,
body .elementor .cy8-site-footer a,
body .elementor .cy8-site-utility a{text-decoration:none}
body .elementor .cy8-site-header button,
body .elementor .cy8-site-utility button{font-family:inherit}
body .elementor .cy8-site-header .cy8-container,
body .elementor .cy8-site-footer .cy8-container,
body .elementor .cy8-site-utility .cy8-container{width:min(calc(100% - 48px),1280px);margin-left:auto;margin-right:auto}
body .elementor .cy8-site-header .cy8-btn.cy8-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:999px;background:linear-gradient(105deg,#46d8ef,#62f0c7);color:#02131b;font-weight:800;line-height:1.4;cursor:pointer}
body .elementor .cy8-site-header .cy8-btn.cy8-primary:hover{box-shadow:0 12px 32px rgba(47,215,224,.22)}
@media(max-width:720px){
body .elementor .cy8-site-header .cy8-container,
body .elementor .cy8-site-footer .cy8-container,
body .elementor .cy8-site-utility .cy8-container{width:calc(100% - 30px)}
}
body .elementor [hidden]{display:none!important}
:root{--cy8-site-header-height:80px;--cy8-site-focus:#46d8ef}
body .elementor :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--cy8-site-focus);outline-offset:5px}
body .elementor .cy8-skip-link{position:fixed;top:8px;left:16px;z-index:1000!important;padding:12px 18px;border-radius:10px;background:#f2f7fa;color:#071722;font-weight:800;transform:translateY(-160%)}
body .elementor .cy8-skip-link:focus{transform:none}
body .elementor .cy8-site-utility{height:34px;background:#020b12;color:#9db5c3;border-bottom:1px solid rgba(170,215,235,.08);font-size:11.04px}
body .elementor .cy8-site-utility .cy8-container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
body .elementor .cy8-site-utility strong{color:#d8eaf3}
body .elementor .cy8-site-utility .cy8-langs{display:flex;align-items:center;gap:14px}
body .elementor .cy8-site-utility .cy8-langs a{opacity:1;color:#aac2d0;padding:6px 2px}
body .elementor .cy8-site-utility .cy8-langs .cy8-active{color:#46d8ef;font-weight:850}
body .elementor .cy8-site-utility .cy8-utility-tools{display:flex;gap:20px;align-items:center}
body .elementor .cy8-motion-toggle{border:0;background:transparent;color:#aac2d0;font:inherit;cursor:pointer;padding:5px 2px;white-space:nowrap}
html[data-motion="paused"] body .elementor :where(.cy8x-root,.cy8x-root *),
html[data-motion="paused"] body .elementor :where(.cy8x-root,.cy8x-root *)::before,
html[data-motion="paused"] body .elementor :where(.cy8x-root,.cy8x-root *)::after{animation-play-state:paused!important;scroll-behavior:auto!important}
body .elementor .cy8-site-header{position:sticky;top:0;z-index:100!important;background:rgba(4,17,27,.94);backdrop-filter:blur(20px);border-bottom:1px solid rgba(175,219,237,.1)}
body .elementor .cy8-site-header .cy8-nav{height:80px;display:flex;align-items:center;gap:20px}
body .elementor .cy8-site-header .cy8-logo{display:block;width:160px;flex:0 0 160px}
body .elementor .cy8-site-header .cy8-logo img{width:100%;height:auto;display:block}
body .elementor .cy8-site-header .cy8-navlinks{display:flex;align-items:center;gap:15px;margin-left:auto}
body .elementor .cy8-site-header .cy8-navlinks>a,
body .elementor .cy8-site-header .cy8-navlinks>:where(.cy8x-w)>a,
body .elementor .cy8-site-header .cy8-navlinks>:where(.cy8x-w)>:where(.elementor-widget-container)>a,
body .elementor .cy8-site-header .cy8-navlinks>:where(.cy8x-wt)>:where(.cy8x-tw)>a,
body .elementor .cy8-site-header .cy8-navlinks>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>a,
body .elementor .cy8-site-header .cy8-navitem>a,
body .elementor .cy8-site-header .cy8-navitem>:where(.cy8x-w)>a,
body .elementor .cy8-site-header .cy8-navitem>:where(.cy8x-w)>:where(.elementor-widget-container)>a,
body .elementor .cy8-site-header .cy8-navitem>:where(.cy8x-wt)>:where(.cy8x-tw)>a,
body .elementor .cy8-site-header .cy8-navitem>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>a{display:flex;align-items:center;padding:15px 0;color:#c5d8e2;font-size:12px;font-weight:740;white-space:nowrap}
body .elementor .cy8-site-header .cy8-navlinks a:hover{color:#fff}
body .elementor .cy8-site-header .cy8-navitem{position:static;display:flex;align-items:center;padding:0;gap:0}
body .elementor .cy8-site-header .cy8-nav-toggle{border:0;background:transparent;color:#97b5c7;width:27px;height:42px;display:grid;place-items:center;border-radius:9px;cursor:pointer;flex:0 0 auto}
body .elementor .cy8-site-header .cy8-nav-toggle span{font-size:14px;transition:transform .2s}
body .elementor .cy8-site-header .cy8-nav-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
body .elementor .cy8-site-header .cy8-nav-toggle:hover{background:rgba(70,216,239,.09);color:#46d8ef}
body .elementor .cy8-site-header .cy8-is-section-active>a,
body .elementor .cy8-site-header .cy8-is-section-active>:where(.cy8x-w)>a,
body .elementor .cy8-site-header .cy8-is-section-active>:where(.cy8x-w)>:where(.elementor-widget-container)>a,
body .elementor .cy8-site-header .cy8-is-section-active>:where(.cy8x-wt)>:where(.cy8x-tw)>a,
body .elementor .cy8-site-header .cy8-is-section-active>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>a,
body .elementor .cy8-site-header a[aria-current="page"]{color:#46d8ef}
body .elementor .cy8-site-header .cy8-navcta{min-height:44px;padding:0 15px;font-size:12px;flex:0 0 auto}
body .elementor .cy8-site-header .cy8-mega{position:absolute;top:calc(100% - 1px);left:50%;right:auto;transform:translateX(-50%);width:min(760px,calc(100vw - 48px));padding:20px;border-radius:0 0 22px 22px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:20px;visibility:visible;opacity:1;pointer-events:auto;max-height:calc(100dvh - 125px);overflow-y:auto;overscroll-behavior:contain;background:rgba(4,19,30,.99);border:1px solid rgba(145,215,238,.2);box-shadow:0 30px 80px rgba(0,0,0,.42);transition:none;z-index:150!important}
body .elementor .cy8-site-header .cy8-mega::before{display:none}
body .elementor .cy8-site-header .cy8-mega-intro{padding:20px;border-radius:17px;background:linear-gradient(145deg,rgba(70,216,239,.08),rgba(65,105,255,.04));border:1px solid rgba(120,205,235,.1);min-width:0}
body .elementor .cy8-site-header .cy8-mega-intro>span,
body .elementor .cy8-site-header .cy8-mega-intro>:where(.cy8x-w)>span,
body .elementor .cy8-site-header .cy8-mega-intro>:where(.cy8x-w)>:where(.elementor-widget-container)>span,
body .elementor .cy8-site-header .cy8-mega-intro>:where(.cy8x-wt)>:where(.cy8x-tw)>span,
body .elementor .cy8-site-header .cy8-mega-intro>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>span{font-size:10.4px;color:#78dce9;font-weight:850;letter-spacing:.1em}
body .elementor .cy8-site-header .cy8-mega-intro>strong,
body .elementor .cy8-site-header .cy8-mega-intro>:where(.cy8x-w)>strong,
body .elementor .cy8-site-header .cy8-mega-intro>:where(.cy8x-w)>:where(.elementor-widget-container)>strong,
body .elementor .cy8-site-header .cy8-mega-intro>:where(.cy8x-wt)>:where(.cy8x-tw)>strong,
body .elementor .cy8-site-header .cy8-mega-intro>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>strong{font-size:18.4px;color:#f3fbff;display:block;margin:8px 0}
body .elementor .cy8-site-header .cy8-mega-intro p{font-size:13.12px;line-height:1.6;color:#9db7c7;margin:0}
body .elementor .cy8-site-header .cy8-mega-cta{display:inline-flex;margin-top:18px;color:#bdeff7;font-size:12.8px;font-weight:800}
body .elementor .cy8-site-header .cy8-mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-content:start}
body .elementor .cy8-site-header .cy8-mega-links a{display:block;padding:12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid transparent;min-width:0;color:#dcebf2}
body .elementor .cy8-site-header .cy8-mega-links a:hover{border-color:rgba(70,216,239,.3);background:rgba(70,216,239,.07)}
body .elementor .cy8-site-header .cy8-mega-links b{display:block;font-size:12.8px;line-height:1.4;overflow-wrap:break-word}
body .elementor .cy8-site-header .cy8-mega-links small{display:block;color:#a0bac9;font-size:11.68px;line-height:1.4;margin-top:5px}
body .elementor .cy8-site-header .cy8-menu{display:none;width:44px;height:44px;margin-left:auto;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:12px;cursor:pointer;font-size:20px}
body .elementor .cy8-site-header .cy8-mobile{display:none}
body .elementor .cy8-site-footer{background:#020a11;border-top:1px solid rgba(255,255,255,.08);padding:60px 0 26px}
body .elementor .cy8-site-footer .cy8-footgrid{display:grid;grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:30px}
body .elementor .cy8-site-footer .cy8-footgrid>div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)),
body .elementor .cy8-site-footer .cy8-footgrid>:where(.cy8x-w)>div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)),
body .elementor .cy8-site-footer .cy8-footgrid>:where(.cy8x-w)>:where(.elementor-widget-container)>div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)),
body .elementor .cy8-site-footer .cy8-footgrid>:where(.cy8x-wt)>:where(.cy8x-tw)>div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)),
body .elementor .cy8-site-footer .cy8-footgrid>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)){min-width:0}
body .elementor .cy8-site-footer .cy8-footlogo{width:175px;height:auto;margin-bottom:18px}
body .elementor .cy8-site-footer .cy8-footbrand p{font-size:13.12px;line-height:1.65;color:#9bb4c4;max-width:275px}
body .elementor .cy8-site-footer h4{font-size:11.52px;letter-spacing:.1em;text-transform:uppercase;color:#d9e9f1;margin:0 0 16px}
body .elementor .cy8-site-footer h4 a{font:inherit;color:inherit;margin:0;padding:0}
body .elementor .cy8-site-footer a{display:block;color:#aac1d0;font-size:12.8px;line-height:1.5;margin:0;padding:7px 0;overflow-wrap:break-word}
body .elementor .cy8-site-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
body .elementor .cy8-site-footer a[aria-current="page"]{color:#46d8ef}
body .elementor .cy8-site-footer .cy8-footer-secondary{margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
body .elementor .cy8-site-footer .cy8-footbottom{margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;gap:22px;color:#9ab3c2;font-size:12px}
body .elementor .cy8-site-footer .cy8-legal-links{display:flex;gap:20px;flex-wrap:wrap}
body .elementor .cy8-site-footer .cy8-legal-links a{font-size:12px;padding:8px 0}
@media(max-width:1350px) and (min-width:1240px){
body .elementor .cy8-site-header .cy8-nav{gap:14px}
body .elementor .cy8-site-header .cy8-navlinks{gap:11px}
body .elementor .cy8-site-header .cy8-navlinks>a,
body .elementor .cy8-site-header .cy8-navlinks>:where(.cy8x-w)>a,
body .elementor .cy8-site-header .cy8-navlinks>:where(.cy8x-w)>:where(.elementor-widget-container)>a,
body .elementor .cy8-site-header .cy8-navlinks>:where(.cy8x-wt)>:where(.cy8x-tw)>a,
body .elementor .cy8-site-header .cy8-navlinks>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>a,
body .elementor .cy8-site-header .cy8-navitem>a,
body .elementor .cy8-site-header .cy8-navitem>:where(.cy8x-w)>a,
body .elementor .cy8-site-header .cy8-navitem>:where(.cy8x-w)>:where(.elementor-widget-container)>a,
body .elementor .cy8-site-header .cy8-navitem>:where(.cy8x-wt)>:where(.cy8x-tw)>a,
body .elementor .cy8-site-header .cy8-navitem>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>a{font-size:11.2px}
body .elementor .cy8-site-header .cy8-logo{width:145px;flex-basis:145px}
body .elementor .cy8-site-header .cy8-navcta{font-size:11.36px;padding:0 12px}
body .elementor .cy8-site-header .cy8-nav-toggle{width:24px}
}
@media(max-width:1239px){
body .elementor .cy8-site-header .cy8-navlinks{display:none}
body .elementor .cy8-site-header .cy8-menu{display:grid;place-items:center}
body .elementor .cy8-site-header .cy8-nav>.cy8-navcta{margin-left:auto}
body .elementor .cy8-site-header .cy8-menu{margin-left:0}
body .elementor .cy8-site-header .cy8-mobile:not([hidden]){display:block;position:absolute;left:0;right:0;top:100%;padding:14px max(24px,calc((100vw - 980px)/2)) 24px;border-top:1px solid rgba(255,255,255,.14);background:#04131f;max-height:calc(100dvh - var(--cy8-site-header-height) - 12px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 25px 50px rgba(0,0,0,.35)}
body .elementor .cy8-site-header .cy8-mobile>a,
body .elementor .cy8-site-header .cy8-mobile>:where(.cy8x-w)>a,
body .elementor .cy8-site-header .cy8-mobile>:where(.cy8x-w)>:where(.elementor-widget-container)>a,
body .elementor .cy8-site-header .cy8-mobile>:where(.cy8x-wt)>:where(.cy8x-tw)>a,
body .elementor .cy8-site-header .cy8-mobile>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>a{display:block;padding:13px 0;color:#d1e2eb;font-size:14.72px;font-weight:720}
body .elementor .cy8-site-header .cy8-mobile details{border-top:1px solid rgba(255,255,255,.12)}
body .elementor .cy8-site-header .cy8-mobile summary,
body .elementor .cy8-site-header .cy8-mobile .cy8x-sum{padding:15px 0;list-style:none;cursor:pointer;font-weight:750;color:#d1e2eb}
body .elementor .cy8-site-header .cy8-mobile summary::-webkit-details-marker,
body .elementor .cy8-site-header .cy8-mobile .cy8x-sum::-webkit-details-marker{display:none}
body .elementor .cy8-site-header .cy8-mobile summary::after,
body .elementor .cy8-site-header .cy8-mobile .cy8x-sum::after{inset:auto;width:auto;height:auto;border:0 none;border-radius:0;opacity:1;mix-blend-mode:normal;transition:none;content:'+';float:right;color:#46d8ef}
body .elementor .cy8-site-header .cy8-mobile details[open] summary::after,
body .elementor .cy8-site-header .cy8-mobile details.cy8x-aperto .cy8x-sum::after{inset:auto;width:auto;height:auto;border:0 none;border-radius:0;opacity:1;mix-blend-mode:normal;transition:none;content:'−'}
body .elementor .cy8-site-header .cy8-mobile details a{display:block;padding:11px 12px;border-radius:9px;color:#b6cfde;font-size:13.92px;line-height:1.45;font-weight:600}
body .elementor .cy8-site-header .cy8-mobile details a:hover{background:rgba(70,216,239,.08)}
body .elementor .cy8-site-header .cy8-mobile details .cy8-mobile-overview{color:#76e0ed;font-weight:800}
body .elementor .cy8-site-header .cy8-mobile .cy8-mobile-contact{margin-top:12px;display:inline-flex;color:#03141e;padding:0 20px}
body .elementor .cy8-site-header .cy8-mobile a[aria-current="page"]{color:#46d8ef}
body.cy8-nav-open{overflow:hidden}
body .elementor .cy8-site-footer .cy8-footgrid{grid-template-columns:1.2fr 1fr 1fr;gap:30px}
}
@media(max-width:720px){
:root{--cy8-site-header-height:70px}
body .elementor .cy8-site-header .cy8-nav{height:70px;gap:14px}
body .elementor .cy8-site-header .cy8-logo{width:145px;flex-basis:145px}
body .elementor .cy8-site-header .cy8-nav>.cy8-navcta{display:none}
body .elementor .cy8-site-header .cy8-menu{margin-left:auto}
body .elementor .cy8-site-header .cy8-mobile:not([hidden]){padding:10px 20px 24px}
body .elementor .cy8-site-utility .cy8-container>span,
body .elementor .cy8-site-utility .cy8-container>:where(.cy8x-w)>span,
body .elementor .cy8-site-utility .cy8-container>:where(.cy8x-w)>:where(.elementor-widget-container)>span,
body .elementor .cy8-site-utility .cy8-container>:where(.cy8x-wt)>:where(.cy8x-tw)>span,
body .elementor .cy8-site-utility .cy8-container>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>span{display:none}
body .elementor .cy8-site-utility .cy8-container{justify-content:flex-end}
body .elementor .cy8-site-utility .cy8-utility-tools{justify-content:space-between;width:100%}
body .elementor .cy8-site-utility .cy8-langs{gap:14px}
body .elementor .cy8-site-footer .cy8-footgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}
body .elementor .cy8-site-footer .cy8-footbrand{grid-column:1/-1}
body .elementor .cy8-site-footer .cy8-footbottom{flex-direction:column;align-items:flex-start;gap:12px}
body .elementor .cy8-site-footer .cy8-legal-links{gap:18px}
}
@media(prefers-reduced-motion:reduce){
body .elementor .cy8-site-header *{transition:none!important}
}
body .elementor .cy8-site-header .cy8-mega-links a[aria-current="page"]{color:#46d8ef;border-color:rgba(70,216,239,.4);background:rgba(70,216,239,.09)}
body .elementor div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)):where(.cy8x-main) section[id]{scroll-margin-top:100px}
body .elementor div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)):where(.cy8x-main) .cy8-container>*,
body .elementor div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)):where(.cy8x-main) .cy8-container>:where(.cy8x-w)>*,
body .elementor div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)):where(.cy8x-main) .cy8-container>:where(.cy8x-w)>:where(.elementor-widget-container)>*,
body .elementor div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)):where(.cy8x-main) .cy8-container>:where(.cy8x-wt)>:where(.cy8x-tw)>*,
body .elementor div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)):where(.cy8x-main) .cy8-container>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>*{min-width:0}
@media(max-width:720px){
body .elementor div:where(:not(.cy8x-w,.cy8x-wh,.cy8x-wt,.cy8x-tw,.cy8x-root,.cy8x-main,.cy8x-hdrwrap,.elementor-widget-container)):where(.cy8x-main) section[id]{scroll-margin-top:86px}
}
@media print{
body .elementor .cy8-site-header,
body .elementor .cy8-site-utility,
body .elementor .cy8-progress,
body .elementor .cy8-motion-toggle,
body .elementor .cy8-skip-link{display:none!important}
body .elementor .cy8-site-footer{break-before:page}
}
body .elementor .cy8-site-footer .cy8-r0-affiliation{margin-top:24px;display:flex;align-items:center;flex-wrap:wrap;gap:13px 28px;padding:22px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
body .elementor .cy8-site-footer .cy8-r0-affiliation-label{font-size:12.8px;color:#c7dce6;line-height:1.6}
body .elementor .cy8-site-footer .cy8-r0-group-mark{background:#fff;border-radius:5px;padding:8px 12px;flex:0 1 225px;max-width:100%;line-height:0}
body .elementor .cy8-site-footer .cy8-r0-group-mark img{width:201px;max-width:100%;height:auto;display:block}
body .elementor .cy8-site-footer .cy8-r0-footer-contact{margin-left:auto;max-width:100%}
body .elementor .cy8-site-footer .cy8-r0-footer-contact span{display:block;font-size:10.24px;color:#aac9d7;letter-spacing:.09em;text-transform:uppercase}
body .elementor .cy8-site-footer .cy8-r0-footer-contact a{display:inline-flex;align-items:center;line-height:1.6;color:#d8f9f5;font-weight:700;overflow-wrap:anywhere;padding:5px 0;font-size:14.08px;min-height:44px}
body .elementor .cy8-site-header .cy8-mobile a.cy8-mobile-contact[aria-current="page"]{color:#03141e}
@media(max-width:720px){
body .elementor .cy8-site-footer .cy8-r0-affiliation{align-items:flex-start;gap:14px 22px;padding:24px 0}
body .elementor .cy8-site-footer .cy8-r0-affiliation-label{flex-basis:100%}
body .elementor .cy8-site-footer .cy8-r0-footer-contact{margin-left:0;flex-basis:100%}
body .elementor .cy8-site-footer .cy8-r0-group-mark{flex-basis:212px}
body .elementor .cy8-site-footer .cy8-r0-footer-contact a{font-size:13.76px}
}
@media print{
body .elementor .cy8-site-footer .cy8-r0-affiliation{border-color:#999}
body .elementor .cy8-site-footer .cy8-r0-affiliation-label,
body .elementor .cy8-site-footer .cy8-r0-footer-contact span,
body .elementor .cy8-site-footer .cy8-r0-footer-contact a{display:inline-flex;align-items:center;line-height:1.6;color:#173d4c}
}
@media(min-width:1240px){
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-navlinks,
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-nav>.cy8-navcta{display:none}
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-menu{display:grid;place-items:center;margin-left:auto}
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile:not([hidden]){display:block;position:absolute;left:0;right:0;top:100%;padding:14px max(24px,calc((100vw - 980px)/2)) 24px;border-top:1px solid rgba(255,255,255,.14);background:#04131f;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 25px 50px rgba(0,0,0,.35)}
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile>a,
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile>:where(.cy8x-w)>a,
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile>:where(.cy8x-w)>:where(.elementor-widget-container)>a,
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile>:where(.cy8x-wt)>:where(.cy8x-tw)>a,
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile>:where(.cy8x-wt)>:where(.elementor-widget-container)>:where(.cy8x-tw)>a{display:block;padding:13px 0;color:#d1e2eb;font-size:14.72px;font-weight:720}
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile details{border-top:1px solid rgba(255,255,255,.12)}
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile summary,
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile .cy8x-sum{padding:15px 0;list-style:none;cursor:pointer;font-size:14.72px;line-height:1.5;font-weight:750;color:#d1e2eb}
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile summary::-webkit-details-marker,
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile .cy8x-sum::-webkit-details-marker{display:none}
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile summary::after,
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile .cy8x-sum::after{inset:auto;width:auto;height:auto;border:0 none;border-radius:0;opacity:1;mix-blend-mode:normal;transition:none;content:'+';float:right;color:#46d8ef}
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile details[open] summary::after,
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile details.cy8x-aperto .cy8x-sum::after{inset:auto;width:auto;height:auto;border:0 none;border-radius:0;opacity:1;mix-blend-mode:normal;transition:none;content:'−'}
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile details a{display:block;padding:11px 12px;border-radius:9px;color:#b6cfde;font-size:13.92px;line-height:1.45;font-weight:600}
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile details a:hover{background:rgba(70,216,239,.08)}
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile details .cy8-mobile-overview{color:#76e0ed;font-weight:800}
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile a[aria-current="page"]{color:#46d8ef}
body .elementor .cy8-site-header.cy8-is-fit-compact .cy8-mobile .cy8-mobile-contact{margin-top:12px;display:inline-flex;color:#03141e;padding:0 20px}
body.cy8-nav-open:has(.cy8-site-header.cy8-is-fit-compact){overflow:hidden}
}
@media(max-width:480px){
body .elementor .cy8-site-utility{height:auto;min-height:34px}
body .elementor .cy8-site-utility .cy8-container{min-height:34px}
body .elementor .cy8-site-utility .cy8-utility-tools{min-width:0;gap:8px 12px}
body .elementor .cy8-site-utility .cy8-motion-toggle{min-width:0;white-space:normal;text-align:left;line-height:1.45}
body .elementor .cy8-site-utility .cy8-langs{flex:none}
}
/* === CSS del cliente: fine === */
/* ============ RITOCCHI DOMINI RIBELLI ============ */
/* Stress test: la colonna di destra (tempi 0-15 min…) centrata rispetto al titolo.
   L'originale ha align-items:start: in inglese e spagnolo il titolo è più alto e la
   colonna destra restava appesa in cima (segnalato da Luca il 20/10/2026). */
@media(min-width:1051px){body .elementor .cy8-shift-grid{align-items:center}}
/* Titolo della card cliccabile: il link deve sparire dentro il titolo, non sembrare un link a sé */
body .elementor :is(h2,h3,h4)>a{color:inherit;font:inherit;letter-spacing:inherit;text-decoration:none;display:inline}
body .elementor :is(h2,h3,h4)>a:hover{text-decoration:none}
/* ---- Form di Elementor Pro vestito come il modulo del design (.cx) ----
   Il compositore mailto del cliente è stato sostituito dal widget Form (Luca, 23/10/2026), e il
   23/10 (sera): «deve essere identico nel layout al sito statico». Misure, colori e forme
   arrivano quasi tutti dal CSS del cliente{--cy8-cx-ink:#153c4d;--cy8-cx-muted:#526f7e;--cy8-cx-line:#bed1da;--cy8-cx-accent:#087d8e}
/* una colonna sola{margin:22px 0 0}
/* il select del design è quello del browser{display:block}
/* la casella del consenso: il colore di sfondo dei campi, che Elementor scrive nel CSS del
   widget{appearance:auto;
 width:18px;height:18px;min-height:0;accent-color:#087b8f;background:#fff;margin:3px 0 0;flex-shrink:0}
/* Pulsante e riga dei pulsanti: le classi del design (.cx-primary, .cx-actions) le mette il
   plugin sul markup di Elementor (cy8_veste_form), così valgono anche le differenze di famiglia
   — nelle pagine Settori il pulsante è più alto e con un altro carattere. Qui resta solo ciò
   che il design non prevede{padding:0;width:100%;margin-bottom:0}
/* Indice laterale: la voce del capitolo che si sta leggendo prende lo stesso colore che il design
   dà al passaggio del mouse (chiesto da Luca il 25/10/2026; nel design l'indice non lo faceva). */
body .elementor a.cy8x-qui{color:#007082}
/* ---- Blocco a scomparsa («Personalizza il messaggio per CyberUP») ----
   Il <details> del design è diventato contenitore + pulsante, perché il form dentro deve restare
   un widget di Elementor: il resto dell'aspetto arriva dal CSS del cliente, duplicato per
   .cy8x-sum e .cy8x-aperto (sel_accordion in r8.py). */
body .elementor .cy8x-det:not(.cy8x-aperto) .cy8x-detbody{display:none}
/* Pulsante «torna su» di Astra: lo stilava il CSS del Customizer, che sulle pagine R8 è spento
   (segnalato da Luca il 22/10/2026: «era tondo colore celestino»). Qui le stesse misure e colori. */
html.cy8-r8 #ast-scroll-top{width:46px;height:46px;border-radius:50%;border:0;
 background:linear-gradient(105deg,#46d8ef,#62f0c7);color:#02131b;
 box-shadow:0 14px 40px rgba(47,215,224,.22);display:flex;align-items:center;justify-content:center;
 transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
html.cy8-r8 #ast-scroll-top:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(47,215,224,.32)}
html.cy8-r8 #ast-scroll-top svg{fill:#02131b;width:16px;height:16px}
/* Messa a fuoco nel menu. Aprendo il menu il JS sposta il fuoco sulla prima voce: il browser la
   circonda col suo tratteggio (segnalato da Luca il 22/10/2026). Il tratteggio sparisce quando il
   fuoco non arriva da tastiera; a chi naviga da tastiera resta l'anello ciano del design. */
body .elementor .cy8-site-header :is(a,button,summary):focus:not(:focus-visible){outline:none}
body .elementor .cy8-site-header :is(a,button,summary):focus-visible{outline:2px solid #46d8ef;outline-offset:2px;border-radius:4px}
/* menu mobile: il titolo del gruppo è diventato un link alla sua pagina e deve restare
   identico a prima (il summary porta già colore, peso e freccia). */
body .elementor .cy8-site-header .cy8-mega-intro strong>a{color:inherit;font:inherit;letter-spacing:inherit;text-decoration:none}
body .elementor .cy8-site-header .cy8-mobile details summary>a{display:inline;padding:0;margin:0;border:0;background:none;
 color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:none;min-height:0}
/* Astra mette padding 20px e max-width al contenitore del contenuto: il design R8 è a tutta
   larghezza e gestisce da sé i margini. La regola si lega al CONTENUTO (#content): la stessa
   classe .ast-container è anche nell'intestazione, e azzerarla lì spacca il menu. */
html.cy8-r8 #content .ast-container{max-width:none;padding-left:0;padding-right:0}
/* Immagine principale (Cyber Arena, home): il design la ritaglia al centro (aspect-ratio 1.22
   con object-position 53%) e taglia la nuvola in alto. Ritaglio chiesto da Luca il 20/10/2026:
   riquadro di rapporto 1.135 e inquadratura al 35%{aspect-ratio:1.135!important}
/* ============ FINE RITOCCHI ============ */

/* reCAPTCHA v3 (05/11/2026): il marchio «inline» di Google è un iframe da 256px fissi, che a 320px
   sporge dalla colonna del modulo. Si nasconde, sotto il pulsante, con lo stesso tono della nota del design. */
body.cy8-r8 .grecaptcha-badge{display:none!important}
/* ---- corpo delle pagine senza contenuto R8 (articoli, pagine legali) ---- */
body.cy8-shell #content{background:#04111b}
body.cy8-shell #content .ast-container{max-width:1000px}
body.cy8-shell #content .entry-content{color:#c8dde6;font-size:16px;line-height:1.75;padding:8px 0 72px}
body.cy8-shell.page .entry-header{display:none}      /* il titolo è già dentro il contenuto */
body.cy8-shell #content .entry-title{color:#fff;font-size:clamp(34px,4vw,52px);line-height:1.08;
 font-weight:800;letter-spacing:-.03em;margin:48px 0 8px}
/* la Privacy Policy aveva il titolo centrato (impostazione del widget, da V5): le pagine di testo
   vanno tutte allineate a sinistra (Luca, 25/10/2026) */
body.cy8-shell #content .entry-content :is(h1,h2,h3,h4,h5,h6){color:#fff;letter-spacing:-.02em;text-align:left}
body.cy8-shell #content .entry-content :is(.elementor-widget-heading,.elementor-widget-text-editor){text-align:left}
body.cy8-shell #content .entry-content h1{font-size:clamp(34px,4vw,52px);line-height:1.08;
 font-weight:800;letter-spacing:-.03em;margin:48px 0 24px}
body.cy8-shell #content .entry-content h2{font-size:28px;line-height:1.28;font-weight:700;margin:40px 0 12px}
body.cy8-shell #content .entry-content h3{font-size:21px;line-height:1.35;font-weight:700;margin:28px 0 8px}
body.cy8-shell #content .entry-content h4{font-size:18px;line-height:1.4;font-weight:700;margin:24px 0 8px}
/* il testo dentro i widget di Elementor prende il colore del Kit (grigio): va riportato al sito */
body.cy8-shell #content :is(.elementor-widget-text-editor,.elementor-widget-container){color:#c8dde6;
 font-size:16px;line-height:1.75}
body.cy8-shell #content .entry-content :is(p,li,dd,dt,blockquote){color:inherit;font-size:16px;line-height:1.75}
body.cy8-shell #content .entry-content p{margin:0 0 18px}
body.cy8-shell #content .entry-content :is(ul,ol){margin:0 0 18px;padding-left:24px}
body.cy8-shell #content .entry-content li{margin:0 0 8px}
body.cy8-shell #content .entry-content li::marker{color:#46d8ef}
body.cy8-shell #content .entry-content a{color:#46d8ef;text-decoration:underline;text-underline-offset:3px}
body.cy8-shell #content .entry-content a:hover{color:#8bf0ff}
body.cy8-shell #content .entry-content strong{color:#eaf6fa}
body.cy8-shell #content .entry-content table{width:100%;border-collapse:collapse;margin:0 0 24px}
body.cy8-shell #content .entry-content :is(th,td){border:1px solid #1d3b4b;padding:10px 12px;text-align:left}
body.cy8-shell #content .entry-content th{color:#fff;font-weight:700}
/* Navigazione fra articoli: Astra tiene i titoli su una riga sola con i puntini
   (white-space:nowrap + text-overflow), così si leggono a metà — «The 5 Most In-Demand
   Cybersecur…». Li lasciamo andare a capo, al massimo due righe. */
body.cy8-shell .post-navigation .nav-links{display:flex;gap:24px;flex-wrap:wrap}
body.cy8-shell .post-navigation :is(.nav-previous,.nav-next){flex:1 1 260px;min-width:0}
body.cy8-shell .post-navigation p{white-space:normal;text-overflow:clip;display:-webkit-box;
 -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;
 color:#c8dde6;font-size:15px;
 line-height:1.4;margin:4px 0 0}
body.cy8-shell .post-navigation a{color:#46d8ef;text-decoration:none}
body.cy8-shell .post-navigation a:hover p{color:#8bf0ff}
body.cy8-shell .post-navigation .ast-post-nav{color:#8aa6b4;font-size:12px;
 letter-spacing:.08em;text-transform:uppercase}
@media(max-width:600px){
 body.cy8-shell #content .entry-content h2{font-size:24px}
 body.cy8-shell #content .entry-content h3{font-size:19px}
}