/* Shared motion layer. Keep product colour and typography in the existing brand styles. */
.theme-home,.theme-destination,.theme-editorial,.theme-faq{--site-motion-accent:#00FFCC}
.theme-business,.theme-business-sector{--site-motion-accent:#2D3AE2}
.site-motion-progress{position:fixed;inset:0 auto auto 0;z-index:10001;width:100%;height:3px;background:var(--site-motion-accent);transform:scaleX(0);transform-origin:left center;pointer-events:none}
.site-motion-reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity .58s cubic-bezier(.2,.7,.2,1),transform .58s cubic-bezier(.2,.7,.2,1);transition-delay:var(--site-motion-delay,0ms)}
.site-motion-reveal.site-motion-visible{opacity:1;transform:none}
.site-motion-hero{animation:site-motion-hero .68s cubic-bezier(.2,.7,.2,1) both}
@keyframes site-motion-hero{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){
  .site-header nav a:not(.nav-offer){position:relative}
  .site-header nav a:not(.nav-offer)::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--site-motion-accent);transform:scaleX(0);transform-origin:left;transition:transform .23s ease}
  .site-header nav a:not(.nav-offer):hover::after,.site-header nav a:not(.nav-offer):focus-visible::after{transform:scaleX(1)}
  .button>span:last-child,.read-link>span:last-child,.solution-card-cta>span:last-child{display:inline-block;transition:transform .22s ease}
  .button:hover>span:last-child,.button:focus-visible>span:last-child,.story-card:hover .read-link>span:last-child,.story-card:focus-visible .read-link>span:last-child,.solution-card:hover .solution-card-cta>span:last-child{transform:translate3d(4px,-2px,0)}
  .theme-home .archive-row{transition:background-color .24s ease}
  .theme-home .archive-row:hover{background-color:#F2F2F2}
  .theme-home .photo-story img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
  .theme-home .photo-story:hover img{transform:scale(1.025)}
  .site-footer .footer-links a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;transition:text-decoration-color .2s ease}
  .site-footer .footer-links a:hover,.site-footer .footer-links a:focus-visible{text-decoration-color:currentColor}
}
@media(prefers-reduced-motion:reduce){.site-motion-progress{display:none}.site-motion-reveal{opacity:1;transform:none;transition:none}.site-motion-hero{animation:none}.site-header nav a:not(.nav-offer)::after,.button>span:last-child,.read-link>span:last-child,.solution-card-cta>span:last-child,.theme-home .archive-row,.theme-home .photo-story img,.site-footer .footer-links a{transition:none!important}}

/* 27/09 Claude - effetti tecnologici (vedi site-motion.js). Colore del prodotto: menta home/Destination, indaco Business. */
.fx-hero{position:relative;isolation:isolate}
.theme-home .fx-hero,.theme-destination .fx-hero{--fx-linea:#00FFCC33;--fx-scan:#00FFCC;--fx-bordo:#00FFCC}
.theme-business .fx-hero{--fx-linea:#2D3AE22b;--fx-scan:#2D3AE2}
.fx-griglia{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .45s ease;
  background-image:linear-gradient(var(--fx-linea) 1px,transparent 1px),linear-gradient(90deg,var(--fx-linea) 1px,transparent 1px);background-size:44px 44px;background-position:-1px -1px;
  -webkit-mask-image:radial-gradient(280px circle at var(--fx-x,50%) var(--fx-y,50%),#000 0,transparent 72%);mask-image:radial-gradient(280px circle at var(--fx-x,50%) var(--fx-y,50%),#000 0,transparent 72%)}
.fx-hero.fx-attivo .fx-griglia{opacity:1}
.fx-scan{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--fx-scan);z-index:3;pointer-events:none;opacity:0;animation:fx-scan 1.9s cubic-bezier(.65,0,.35,1) .3s 1 both}
@keyframes fx-scan{0%{left:0;opacity:0}8%{opacity:.85}88%{opacity:.85}100%{left:100%;opacity:0}}
.fx-tilt{transform-style:preserve-3d;will-change:transform;transition:transform .55s cubic-bezier(.19,1,.22,1),box-shadow .35s ease}
.fx-tilt:hover{transition:transform .12s linear,box-shadow .35s ease;box-shadow:inset 0 0 0 1px var(--fx-bordo,#00FFCC),0 22px 44px -26px #1A1A1A99}
.theme-business .fx-tilt,.solution-business.fx-tilt,.hero-offers a[href*="business"].fx-tilt{--fx-bordo:#2D3AE2}
.fx-magnete{transition:transform .45s cubic-bezier(.19,1,.22,1)}
.fx-magnete:hover{transition:transform .1s linear}
@media(prefers-reduced-motion:reduce){.fx-griglia,.fx-scan{display:none}.fx-tilt,.fx-magnete{transform:none!important;transition:none}}

/* 27/09 Claude - sezioni "La domanda in arrivo" (Destination) e "L'orbita dei mercati" (Business) */
.wow{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(56px,7vw,100px) max(32px,calc((100vw - 1260px)/2))}
.wow-dest{background:#1A1A1A;color:#FFFFFF;border-top:1px solid #333333}
.wow-biz{background:#F2F2F2;color:#1A1A1A;border-top:1px solid #E2E2E2}
.wow-eyebrow{display:block;font:500 12px/1.4 "Roboto Mono",monospace;letter-spacing:1.3px}
.wow-dest .wow-eyebrow{color:#00FFCC}.wow-biz .wow-eyebrow{color:#2D3AE2}
.wow h2{font:900 clamp(30px,3.6vw,50px)/1.04 Roboto,Arial,sans-serif;letter-spacing:-.035em;margin:18px 0 18px}
.wow h2 em{font-style:normal;font-weight:300}
.wow-dest h2 em{color:#00FFCC}.wow-biz h2 em{color:#2D3AE2}
.wow-testo>p{font:400 17px/1.7 Roboto,Arial,sans-serif;margin:0;max-width:520px}
.wow-dest .wow-testo>p{color:#B8B8B8}.wow-biz .wow-testo>p{color:#555555}
.wow-intesta{display:block;margin:28px 0 6px;font:500 11px/1.4 "Roboto Mono",monospace;letter-spacing:1px;text-transform:uppercase}
.wow-dest .wow-intesta{color:#8C8C8C}.wow-biz .wow-intesta{color:#6B6B6B}
.wow-legenda{list-style:none;margin:0;padding:0;max-width:440px}
.wow-legenda button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;justify-content:space-between;gap:16px;padding:10px 0;font:500 15px/1.3 Roboto,Arial,sans-serif;transition:color .2s ease,padding-left .25s ease}
.wow-dest .wow-legenda button{border-bottom:1px solid #333333}.wow-biz .wow-legenda button{border-bottom:1px solid #DADADA}
.wow-legenda b{font:500 14px/1.3 "Roboto Mono",monospace;font-variant-numeric:tabular-nums}
.wow-dest .wow-legenda b{color:#00FFCC}.wow-biz .wow-legenda b{color:#0066FF}
.wow-dest .wow-legenda button[aria-pressed="true"]{color:#00FFCC;padding-left:10px}
.wow-biz .wow-legenda button[aria-pressed="true"]{color:#2D3AE2;padding-left:10px}
.wow-legenda button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.wow-fonte{margin-top:20px!important;font:400 12px/1.6 "Roboto Mono",monospace!important;max-width:460px}
.wow-dest .wow-fonte{color:#8C8C8C!important}.wow-biz .wow-fonte{color:#6B6B6B!important}
.wow-tela canvas{display:block;width:100%;aspect-ratio:1.12/1;max-height:640px}
.wow-home{display:block;background:#1A1A1A;color:#FFFFFF;border-top:1px solid #333333}
.wow-home .wow-eyebrow{color:#00FFCC}.wow-home h2 em{color:#00FFCC}.wow-home .wow-testo{max-width:760px}.wow-home .wow-testo>p{color:#B8B8B8;max-width:680px}
.wow-mappe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}
.wow-mappa{margin:0;border:1px solid #333333;border-radius:4px;padding:14px 14px 16px;background:#1D1D1D;transition:border-color .3s ease,transform .45s cubic-bezier(.19,1,.22,1)}
.wow-mappa:hover{border-color:#00FFCC;transform:translate3d(0,-4px,0)}
.wow-mappa canvas{display:block;width:100%;aspect-ratio:.84/1}
.wow-mappa figcaption{display:grid;grid-template-columns:1fr auto;gap:2px 10px;margin-top:10px;align-items:baseline}
.wow-mappa strong{font:700 17px/1.2 Roboto,Arial,sans-serif}
.wow-mappa b{font:300 30px/1 Roboto,Arial,sans-serif;color:#00FFCC;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.wow-mappa figcaption span{grid-column:1/-1;font:400 12px/1.5 "Roboto Mono",monospace;color:#9A9A9A}
.wow-home .wow-fonte{color:#8C8C8C!important;margin-top:22px!important;max-width:none}
@media(max-width:1000px){.wow-mappe{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.wow{grid-template-columns:1fr}.wow-tela{order:-1}.wow-tela canvas{aspect-ratio:1/1}}
@media(prefers-reduced-motion:reduce){.wow-mappa{transition:none}.wow-mappa:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.wow-legenda button{transition:none}}
