/* Datathesys cinematic experience layer */
:root{--experience-ease:cubic-bezier(.16,1,.3,1);--experience-cyan:#9ad7e3}
body{overflow-x:hidden}
.experience-loader{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;background:#060d17;color:#d8e5ee;transition:clip-path .9s var(--experience-ease),visibility .9s;clip-path:inset(0 0 0 0)}
.experience-loader:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 24%,rgba(85,229,255,.1),transparent 30%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,80px 80px,80px 80px}
.experience-loader.is-complete{clip-path:inset(0 0 100% 0);visibility:hidden}
.loader-lockup{position:relative;display:grid;justify-items:center;gap:17px}.loader-lockup img{width:min(270px,60vw)}.loader-lockup span,.loader-meta{font-size:.56rem;font-weight:650;letter-spacing:.28em;text-transform:uppercase;color:#708295}
.loader-progress{position:absolute;left:10vw;right:10vw;bottom:15vh;height:1px;background:rgba(255,255,255,.12);overflow:hidden}.loader-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#54d8f0,#9c79ef);transform-origin:left;animation:loaderProgress 1.25s var(--experience-ease) both}
.loader-meta{position:absolute;right:4vw;bottom:4vh;display:flex;gap:22px}.scroll-progress{position:fixed;z-index:80;top:0;left:0;width:100%;height:2px;pointer-events:none}.scroll-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#54d8f0,#9c79ef);transform:scaleX(0);transform-origin:left}
@keyframes loaderProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.site-header{transform:translateY(-105%);transition:transform .9s var(--experience-ease),background .25s,border-color .25s}.experience-loaded .site-header{transform:none}
.hero{isolation:isolate;min-height:100svh;padding-bottom:90px}.hero-media{overflow:hidden}.hero-media img{height:112%;transform:scale(1.06);will-change:transform;filter:saturate(.82) contrast(1.04)}.hero-media:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(6,14,25,.99) 0%,rgba(6,14,25,.8) 43%,rgba(6,14,25,.2) 78%),linear-gradient(0deg,#07101d 0%,transparent 48%)}.hero-media:after{background:linear-gradient(0deg,#07101d 0%,transparent 55%);opacity:.45}
.hero-atmosphere{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.hero-atmosphere i{position:absolute;width:5px;height:5px;border-radius:50%;background:#9ad7e3;box-shadow:0 0 22px #54d8f0;opacity:.5;animation:signalDrift 7s ease-in-out infinite}.hero-atmosphere i:nth-child(1){top:24%;left:58%}.hero-atmosphere i:nth-child(2){top:48%;left:77%;animation-delay:-2.2s}.hero-atmosphere i:nth-child(3){top:68%;left:51%;animation-delay:-4.5s}
@keyframes signalDrift{0%,100%{transform:translate(0,0);opacity:.16}50%{transform:translate(30px,-25px);opacity:.7}}
.hero-grid{z-index:3}.hero-copy{will-change:transform,opacity}.hero-copy .eyebrow{opacity:0;transform:translateY(18px);transition:opacity .8s .35s,transform .8s .35s var(--experience-ease)}.experience-loaded .hero-copy .eyebrow{opacity:1;transform:none}.hero-copy .lead{opacity:0;transform:translateY(24px);transition:opacity .9s .78s,transform .9s .78s var(--experience-ease)}.experience-loaded .hero-copy .lead{opacity:1;transform:none}.hero-actions{opacity:0;transform:translateY(24px);transition:opacity .9s .9s,transform .9s .9s var(--experience-ease)}.experience-loaded .hero-actions{opacity:1;transform:none}
.hero-copy .display{max-width:920px;font-size:clamp(3.3rem,6.4vw,7rem);line-height:.91}.text-reveal{opacity:0;transform:translateY(42px);clip-path:inset(0 0 100% 0);transition:opacity 1s var(--experience-ease),transform 1.15s var(--experience-ease),clip-path 1.15s var(--experience-ease);will-change:transform,clip-path}.text-reveal.is-text-visible{opacity:1;transform:none;clip-path:inset(-.12em 0 -.12em 0)}
.hero-note{opacity:0;transform:translateY(30px);transition:opacity 1s 1s,transform 1s 1s var(--experience-ease)}.experience-loaded .hero-note{opacity:1;transform:none}.hero-note:before{content:"SISTEMA ATTIVO";display:block;margin-bottom:18px;color:#7890a2;font-size:.55rem;font-weight:700;letter-spacing:.2em}.hero-panel-kicker{color:#9ad7e3}
.hero-rail{position:absolute;z-index:4;top:50%;right:28px;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;color:#8494a4;font-size:.52rem;font-weight:700;letter-spacing:.18em}.hero-rail i{width:1px;height:70px;background:linear-gradient(#9ad7e3,transparent)}.hero-scroll{position:absolute;z-index:4;left:50%;bottom:25px;display:flex;align-items:center;gap:14px;color:#8697a8;font-size:.55rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transform:translateX(-50%)}.hero-scroll i{display:block;width:46px;height:1px;background:#9ad7e3;transform-origin:left;animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,100%{transform:scaleX(.25);opacity:.35}50%{transform:scaleX(1);opacity:1}}

.cinematic-reveal{opacity:0;transform:translateY(54px);transition:opacity 1s var(--experience-ease),transform 1s var(--experience-ease)}.cinematic-reveal.is-inview{opacity:1;transform:none}.cinematic-reveal[data-delay="1"]{transition-delay:.08s}.cinematic-reveal[data-delay="2"]{transition-delay:.16s}.cinematic-reveal[data-delay="3"]{transition-delay:.24s}
.product-card,.delivery-card,.platform-panel,.vertical-card{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .55s var(--experience-ease),border-color .35s,box-shadow .35s}.product-card:hover,.delivery-card:hover,.platform-panel:hover{box-shadow:0 30px 80px rgba(0,0,0,.24)}.vertical-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-4px)}
.product-card:after,.delivery-card:after,.platform-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(154,215,227,.11),transparent 44%);opacity:0;transition:opacity .35s}.product-card:hover:after,.delivery-card:hover:after,.platform-panel:hover:before{opacity:1}.product-card>*,.delivery-card>*{position:relative;z-index:1}
.signal-ribbon{position:relative;z-index:2}.signal-track{animation-duration:25s}.technology-strip{position:relative;z-index:3}.technology-strip:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-110%);animation:techSweep 7s ease-in-out infinite}@keyframes techSweep{0%,65%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
.statement{position:relative;overflow:hidden}.statement:after{content:"DATI / CONTROLLO / ANALISI";position:absolute;right:-2vw;bottom:-.28em;color:rgba(255,255,255,.025);font-family:"Barlow Semi Condensed","IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;font-size:clamp(4rem,10vw,10rem);font-weight:600;letter-spacing:-.06em;white-space:nowrap;pointer-events:none}

/* Inner pages */
.experience-page{--page-accent:#9ad7e3;--page-accent-rgb:154,215,227;--page-hero-image:url("hero-datathesys.webp")}
.experience-page.page-agritech{--page-accent:#79dba5;--page-accent-rgb:121,219,165;--page-hero-image:url("vertical-agritech.webp")}
.experience-page.page-building{--page-accent:#82bfff;--page-accent-rgb:130,191,255;--page-hero-image:url("vertical-building.webp")}
.experience-page.page-industrial{--page-accent:#e3ae61;--page-accent-rgb:227,174,97;--page-hero-image:url("vertical-industrial.webp")}
.experience-page.page-contact{--page-accent:#a99bf2;--page-accent-rgb:169,155,242}
.experience-page .page-hero{isolation:isolate;min-height:min(780px,86svh);display:flex;align-items:flex-end;padding:185px 0 92px;background:#07101d!important;box-shadow:inset 0 -170px 150px -90px #07101d}
.experience-page .page-hero:before{content:"";position:absolute;z-index:-2;inset:-6%;background-image:linear-gradient(90deg,rgba(6,14,25,.97) 0%,rgba(6,14,25,.78) 48%,rgba(6,14,25,.3) 100%),linear-gradient(0deg,#07101d 0%,transparent 55%),var(--page-hero-image);background-position:center;background-size:cover;transform:translate3d(0,var(--page-parallax,0),0) scale(1.06);will-change:transform}
.experience-page .page-hero:after{z-index:2;right:30px;bottom:38px;content:"DATATHESYS / SISTEMA APERTO";color:rgba(var(--page-accent-rgb),.58);writing-mode:vertical-rl;font-size:.55rem}
.experience-page .page-hero .container{position:relative;z-index:2}.experience-page .page-hero .display{max-width:950px;font-size:clamp(3rem,6vw,6.35rem);line-height:.94;text-wrap:balance}.experience-page .page-hero .lead{max-width:760px;color:#cbd5df;font-size:clamp(1rem,1.4vw,1.2rem)}
.experience-page .page-hero .eyebrow{color:var(--page-accent)}.experience-page .breadcrumbs,.experience-page .page-hero>.container>.eyebrow,.experience-page .page-hero .lead{opacity:0;transform:translateY(22px);transition:opacity .85s var(--experience-ease),transform .85s var(--experience-ease)}.experience-loaded.experience-page .breadcrumbs,.experience-loaded.experience-page .page-hero>.container>.eyebrow,.experience-loaded.experience-page .page-hero .lead{opacity:1;transform:none}.experience-page .page-hero>.container>.eyebrow{transition-delay:.22s}.experience-page .page-hero .lead{transition-delay:.65s}
.experience-page .section{position:relative}.experience-page .section-head{align-items:flex-start}.experience-page .glass-card,.experience-page .module,.experience-page .feature,.experience-page .phase,.experience-page .status-card,.experience-page .contact-card{transition:transform .55s var(--experience-ease),box-shadow .45s,border-color .45s}.experience-page .glass-card:hover,.experience-page .feature:hover,.experience-page .phase:hover{transform:translateY(-6px);border-color:rgba(var(--page-accent-rgb),.38);box-shadow:0 28px 70px rgba(0,0,0,.16)}.experience-page .module:hover,.experience-page .status-card:hover,.experience-page .contact-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(24,38,57,.14)}
.experience-page .module-id,.experience-page .product-role{color:var(--page-accent)}.experience-page .light-section .module-id,.experience-page .light-section .product-role{color:#6655c9}.experience-page .phase{position:relative;overflow:hidden}.experience-page .phase:after{content:"";position:absolute;inset:auto -20% -60% 20%;height:160px;background:radial-gradient(circle,rgba(var(--page-accent-rgb),.16),transparent 65%);pointer-events:none}
.experience-page .cta-band{overflow:hidden;position:relative}.experience-page .cta-band:before{content:"";position:absolute;width:280px;height:280px;right:-70px;top:-120px;border:1px solid rgba(var(--page-accent-rgb),.22);border-radius:50%;box-shadow:0 0 0 34px rgba(var(--page-accent-rgb),.035),0 0 0 68px rgba(var(--page-accent-rgb),.02);pointer-events:none}.experience-page .cta-band>*{position:relative;z-index:1}
.experience-page .field input:focus,.experience-page .field select:focus,.experience-page .field textarea:focus{outline:0;border-color:var(--page-accent);box-shadow:0 0 0 4px rgba(var(--page-accent-rgb),.13)}.experience-page.page-contact .contact-card{box-shadow:0 35px 90px rgba(32,40,67,.13)}

.experience-cursor,.experience-cursor-dot{position:fixed;z-index:9998;top:0;left:0;pointer-events:none;border-radius:50%;opacity:0}.experience-cursor{width:38px;height:38px;border:1px solid rgba(154,215,227,.58);transition:width .3s,height .3s,margin .3s,background .3s,border-color .3s,opacity .2s}.experience-cursor-dot{width:4px;height:4px;background:#d9f8ff;box-shadow:0 0 12px #54d8f0;transition:opacity .2s}.custom-cursor-active,.custom-cursor-active a,.custom-cursor-active button{cursor:none}.custom-cursor-active .experience-cursor,.custom-cursor-active .experience-cursor-dot{opacity:1}.experience-cursor.is-active{width:58px;height:58px;margin:-10px;background:rgba(154,215,227,.09);border-color:#9ad7e3}

@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{min-width:0;max-width:100%}.hero-copy .display{font-size:clamp(3rem,10vw,5.6rem)}.hero-rail{display:none}.hero-scroll{left:auto;right:24px;transform:none}.experience-cursor,.experience-cursor-dot{display:none}.loader-meta{display:none}.product-card,.delivery-card,.platform-panel,.vertical-card{transform:none!important}}
@media(max-width:980px){.experience-page .page-hero{min-height:700px}.experience-page .page-hero .display{font-size:clamp(3rem,9vw,5.4rem)}.experience-page .page-hero:after{display:none}}
@media(max-width:640px){.hero{min-height:100svh;padding-top:125px;padding-bottom:70px}.hero-grid{width:calc(100% - 28px)}.hero-copy .display{font-size:clamp(2.75rem,13.4vw,4.4rem);line-height:.94;overflow-wrap:anywhere}.hero-copy .lead{max-width:100%;font-size:1rem}.hero-scroll{display:none}.loader-progress{left:24px;right:24px}.experience-loader{padding:24px}.statement:after{display:none}.experience-page .page-hero{min-height:660px;padding:145px 0 72px}.experience-page .page-hero .display{font-size:clamp(2.65rem,12vw,4rem);overflow-wrap:anywhere}.experience-page .page-hero:before{background-position:58% center}.experience-page .cta-band:before{opacity:.55}}
@media(prefers-reduced-motion:reduce){.experience-loader{display:none}.site-header,.hero-copy .eyebrow,.hero-copy .lead,.hero-actions,.hero-note,.cinematic-reveal,.text-reveal,.experience-page .breadcrumbs,.experience-page .page-hero>.container>.eyebrow,.experience-page .page-hero .lead{opacity:1;transform:none;clip-path:none;transition:none}.hero-atmosphere,.hero-scroll,.technology-strip:before{display:none}.hero-media img{transform:none!important}.custom-cursor-active,.custom-cursor-active a,.custom-cursor-active button{cursor:auto}}
/* scritte decorative nella versione inglese */
html:lang(en) .hero-note:before{content:"LIVE SYSTEM"}
html:lang(en) .statement:after{content:"DATA / CONTROL / ANALYTICS"}
html:lang(en) .experience-page .page-hero:after{content:"DATATHESYS / OPEN SYSTEM"}
