@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Manrope:wght@300;400;500;600&display=swap');
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05080c;color:#eef7ff;font-family:Inter,Arial,sans-serif}body{background:radial-gradient(circle at 50% 55%,#102337 0,#08111b 35%,#04070b 72%)}#stars{position:fixed;inset:0;width:100%;height:100%;opacity:.6}#vignette{position:fixed;inset:0;box-shadow:inset 0 0 180px 80px #000;pointer-events:none;z-index:3}#app{position:relative;z-index:4;width:100%;height:100%}header{position:absolute;top:0;left:0;right:0;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;z-index:10;color:#8da2b7;font-size:11px;letter-spacing:.18em}.brand{font-weight:600;color:#d8e8f5}.brand span{color:#5bd4ff;margin:0 8px}.chapter{opacity:.7}main{width:100%;height:100%}.scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity 1.5s ease,transform 2s ease}.scene.active{opacity:1;visibility:visible;transform:scale(1)}.hero{text-align:center;margin-top:-2vh}.eyebrow,.kicker{font-size:11px;letter-spacing:.32em;color:#69d7ff;margin-bottom:22px}.hero h1,.copy h2,.center h2,.context-title h2,.statement h2,.final h2{font-family:Manrope,sans-serif;font-weight:300;line-height:1.04;margin:0;font-size:clamp(42px,6vw,88px);letter-spacing:-.045em}.hero h1 em{font-style:normal;color:#78dfff}.hero p{color:#93a8ba;font-size:17px;margin:28px 0 34px}.hero button,.final button{background:transparent;border:1px solid #5fcfff;color:#dff7ff;padding:14px 24px;border-radius:30px;letter-spacing:.12em;font-size:11px;cursor:pointer;box-shadow:0 0 35px #36bde222}.hero button:hover,.final button:hover{background:#61d6ff12}.hero small{display:block;margin-top:16px;color:#647788;font-size:10px;letter-spacing:.08em}.copy{position:absolute;left:9vw;top:31vh}.copy h2{font-size:clamp(44px,5.4vw,78px)}.copy h2 span,.center h2 span,.context-title span,.statement span,.final span{color:#71dfff}.copy p,.center>p{color:#8da3b7;font-size:17px;line-height:1.8}.channels{position:absolute;right:9vw;width:36vw;height:52vh}.orb{position:absolute;width:115px;height:115px;border:1px solid #4acbff55;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#7ee3ff;background:#0c2130aa;box-shadow:0 0 50px #38caff18;animation:float 4s ease-in-out infinite}.orb:before{content:'';position:absolute;inset:-12px;border:1px solid #52d4ff20;border-radius:50%}.orb label{position:absolute;top:132px;font-size:9px;letter-spacing:.24em;color:#7692a6}.mail{left:0;top:20%}.phone{right:0;top:0;animation-delay:.8s}.chat{right:22%;bottom:0;animation-delay:1.6s}@keyframes float{50%{transform:translateY(-10px)}}.center{text-align:center;max-width:1050px}.center h2{font-size:clamp(44px,5.2vw,76px)}.fragment-row{display:flex;gap:30px;justify-content:center;margin-top:55px}.fragment-row i{display:block;width:80px;height:1px;background:#526779;box-shadow:0 0 12px #58d4ff55;animation:fragment 2.4s ease-in-out infinite}.fragment-row i:nth-child(2n){animation-delay:.7s}.fragment-row i:nth-child(3n){animation-delay:1.2s}@keyframes fragment{50%{opacity:.15;transform:translateY(8px)}}.question p{font-size:16px;color:#8ea5b9;letter-spacing:.05em}.question h2{margin-top:22px}.pulse{width:8px;height:8px;border-radius:50%;background:#77e4ff;margin:55px auto;box-shadow:0 0 0 0 #70ddff99;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 45px #70ddff00}}.identity{position:relative;width:600px;height:500px}.client{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:240px;height:240px;border-radius:50%;border:1px solid #68dbff66;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#153b51 0,#09131e 67%);box-shadow:0 0 80px #36c9ff28}.client small{font-size:8px;letter-spacing:.2em;color:#66d9ff}.client strong{font-family:Manrope;font-weight:300;font-size:38px;margin:8px 0}.client span{font-size:11px;color:#8099ad}.incoming{position:absolute;width:75px;height:75px;border-radius:50%;border:1px solid #3ecbff55;display:flex;align-items:center;justify-content:center;color:#80e7ff;background:#0a1824;font-size:22px;box-shadow:0 0 25px #4bd4ff1f}.incoming.left{left:0;top:50%}.incoming.right{right:0;top:50%}.incoming.top{top:0;left:44%}.identity:after{content:'';position:absolute;inset:75px;border-radius:50%;border:1px dashed #4bd3ff22;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.caption{position:absolute;bottom:13vh;font-size:12px;letter-spacing:.18em;color:#8199ab}.context-title{position:absolute;top:15vh;text-align:center}.context-title h2{font-size:42px}.brain{position:relative;width:min(900px,80vw);height:56vh;margin-top:15vh}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:50%;border:1px solid #6edfff88;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#1d536b,#08131d 68%);box-shadow:0 0 80px #49d8ff33;z-index:3}.core small{font-size:8px;letter-spacing:.2em;color:#8bdff9}.core b{font-size:42px;font-weight:300}.node{position:absolute;width:145px;height:58px;border:1px solid #35566d;border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;letter-spacing:.1em;color:#b5c9d7;background:#07131ddd;box-shadow:0 0 25px #30bfff0c}.n1{left:8%;top:8%}.n2{left:40%;top:0}.n3{right:7%;top:10%}.n4{right:0;top:48%}.n5{right:11%;bottom:2%}.n6{left:40%;bottom:-4%}.n7{left:7%;bottom:5%}.n8{left:0;top:48%}#links{position:absolute;inset:0;width:100%;height:100%;z-index:1}.hierarchy{width:min(1100px,85vw)}.hierarchy h2{font-size:50px}.levels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:55px}.levels div{border-top:1px solid #43657c;padding:20px 14px;text-align:left;background:linear-gradient(#10202c88,#08101833)}.levels b{display:block;color:#54d3ff;font-size:10px;margin-bottom:24px}.levels strong{display:block;font-size:11px;letter-spacing:.1em;margin-bottom:10px}.levels small{color:#718a9c;font-size:10px;line-height:1.5}.statement{text-align:center}.statement p{font-size:20px;line-height:1.7;color:#8199ad;margin-bottom:35px}.statement h2{font-size:64px}.knowledge{position:relative;width:700px;height:700px}.ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #56d8ff22;border-radius:50%;animation:breathe 5s ease-in-out infinite}.r1{width:330px;height:330px}.r2{width:470px;height:470px;animation-delay:1s}.r3{width:620px;height:620px;animation-delay:2s}@keyframes breathe{50%{border-color:#67ddff55;box-shadow:0 0 40px #5bd7ff12}}.knowledge-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.knowledge-core small{font-size:8px;letter-spacing:.25em;color:#62d8ff}.knowledge-core h2{font-family:Manrope;font-weight:300;font-size:44px;line-height:1.05}.word{position:absolute;font-size:9px;letter-spacing:.18em;color:#8ca4b6}.w1{left:8%;top:47%}.w2{right:10%;top:25%}.w3{left:18%;top:18%}.w4{right:18%;bottom:17%}.w5{left:18%;bottom:17%}.w6{right:5%;top:50%}.w7{left:43%;top:4%}.w8{left:45%;bottom:4%}.final{text-align:center}.logo{font-family:Manrope;font-size:18px;letter-spacing:.55em;color:#6edfff;margin-bottom:42px}.final h2{font-size:56px}.final p{font-size:18px;color:#92a7b8;margin:22px 0 48px}.next{font-size:9px;letter-spacing:.24em;color:#647f91;margin-bottom:24px}.final button{padding:10px 20px}footer{position:absolute;bottom:0;left:0;right:0;height:62px;padding:0 4vw;display:flex;align-items:center;gap:15px;z-index:20;color:#6f8799}footer button{background:none;border:0;color:#8fa8b9;font-size:11px;cursor:pointer;letter-spacing:.08em}.timeline{height:2px;background:#20313e;flex:1;position:relative}.timeline #progress{height:100%;width:0;background:#63d9ff;box-shadow:0 0 10px #62d8ff}.timeline:after{content:'';position:absolute;inset:-8px 0}#time{font-size:9px;width:42px}#skip{font-size:9px}.scene:not([data-scene='0'])>*{animation:reveal 1.5s both}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:800px){.channels{opacity:.55;right:2vw}.copy{left:6vw}.levels{grid-template-columns:1fr 1fr}.brain{transform:scale(.78)}header{padding:0 20px}.chapter{display:none}}

/* Atto I v2: scala cinematografica */
.hero h1{font-size:clamp(70px,8.7vw,150px)}.hero p{font-size:clamp(22px,1.8vw,34px)}.eyebrow,.kicker{font-size:clamp(14px,1.05vw,20px)}.copy{left:7vw;top:27vh}.copy h2{font-size:clamp(64px,7vw,118px)}.copy p,.center>p{font-size:clamp(21px,1.7vw,32px)}.channels{right:5vw;width:43vw;height:59vh}.orb{width:160px;height:160px;font-size:42px}.orb label{top:180px;font-size:13px}.center{max-width:1400px}.center h2{font-size:clamp(62px,7vw,116px)}.question p{font-size:clamp(21px,1.6vw,30px)}.identity{width:min(900px,75vw);height:min(700px,70vh)}.client{width:330px;height:330px}.client small{font-size:12px}.client strong{font-size:58px}.client span{font-size:16px}.incoming{width:110px;height:110px;font-size:34px}.caption{font-size:17px}.context-title{top:11vh}.context-title h2{font-size:clamp(48px,4.8vw,82px)}.brain{width:min(1200px,88vw);height:62vh;margin-top:14vh}.core{width:200px;height:200px}.core small{font-size:11px}.core b{font-size:58px}.node{width:190px;height:78px;font-size:12px}.hierarchy{width:min(1450px,91vw)}.hierarchy h2{font-size:clamp(54px,5.4vw,94px)}.levels div{padding:28px 22px}.levels b{font-size:14px}.levels strong{font-size:15px}.levels small{font-size:13px}.statement p{font-size:clamp(25px,2vw,36px)}.statement h2{font-size:clamp(68px,7vw,120px)}.knowledge{width:min(820px,72vw);height:min(820px,72vw)}.knowledge-core h2{font-size:clamp(58px,5.2vw,92px)}.word{font-size:13px}.final .logo{font-size:30px}.final h2{font-size:clamp(64px,6vw,108px)}.final p{font-size:clamp(22px,1.8vw,34px)}
.lfx-logo{position:fixed;left:2.2vw;top:2.2vh;z-index:100;font-family:Manrope,sans-serif;font-size:clamp(22px,2.2vw,38px);font-weight:800;letter-spacing:-.055em;color:#f7fbff;text-decoration:none;text-shadow:0 0 28px #63e7ff33}.lfx-logo i{font-style:normal;color:#63e7ff}.lfx-nav{position:fixed;right:2.2vw;top:2vh;z-index:100;display:flex;gap:8px}.lfx-nav a{border:1px solid #ffffff24;background:#07111dcc;color:#dcecff;text-decoration:none;border-radius:999px;padding:9px 13px;font-size:12px;backdrop-filter:blur(12px)}.lfx-nav a:hover{border-color:#63e7ff88}
/* V3: visual scale + new LofaXte background */
html,body{background:#071427!important}
body{background:linear-gradient(rgba(3,12,25,.12),rgba(3,12,25,.12)),url('../assets/brand/bg.png') center/cover no-repeat!important}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 50%,rgba(2,10,22,.80) 0%,rgba(7,28,50,.58) 36%,rgba(79,154,202,.12) 69%,rgba(255,255,255,.06) 100%)}
#vignette{display:none}#stars{opacity:.24}.lfx-logo{display:none}.lfx-logo-img{position:fixed;left:2.2vw;top:2.1vh;z-index:120;width:clamp(150px,12vw,235px);height:auto;filter:drop-shadow(0 8px 24px #001a2f55)}
.lfx-nav{z-index:120}.hero h1{font-size:clamp(92px,10.5vw,190px)!important}.hero p{font-size:clamp(28px,2.4vw,46px)!important}.eyebrow,.kicker{font-size:clamp(18px,1.5vw,28px)!important}.copy{left:5vw;top:24vh}.copy h2{font-size:clamp(80px,8.7vw,155px)!important}.copy p,.center>p{font-size:clamp(28px,2.2vw,42px)!important}.channels{right:3vw;width:48vw;height:66vh}.orb{width:220px;height:220px;font-size:60px;border-width:2px}.orb:before{inset:-18px}.orb label{top:245px;font-size:18px;font-weight:600;color:#d7f5ff}.center{max-width:1600px}.center h2{font-size:clamp(78px,8.3vw,150px)!important}.question p{font-size:clamp(29px,2.2vw,42px)!important}.pulse{width:15px;height:15px}.identity{width:min(1200px,88vw);height:min(760px,76vh)}.client{width:430px;height:430px;border-width:2px}.client small{font-size:16px}.client strong{font-size:76px}.client span{font-size:22px}.incoming{width:155px;height:155px;font-size:48px;border-width:2px}.caption{font-size:24px;font-weight:500;color:#e2f6ff}.context-title{top:9vh}.context-title h2{font-size:clamp(62px,6.2vw,110px)!important}.brain{width:min(1500px,94vw);height:68vh;margin-top:16vh}.core{width:270px;height:270px;border-width:2px}.core small{font-size:15px}.core b{font-size:78px}.node{width:250px;height:108px;font-size:17px;font-weight:600;line-height:1.25;border-width:2px;color:#eefaff;background:#071a2be8}.n1{left:3%;top:5%}.n2{left:39%;top:-1%}.n3{right:2%;top:7%}.n4{right:-1%;top:46%}.n5{right:6%;bottom:0}.n6{left:39%;bottom:-3%}.n7{left:4%;bottom:2%}.n8{left:-1%;top:46%}.hierarchy{width:min(1600px,94vw)}.hierarchy h2{font-size:clamp(70px,7vw,126px)!important}.levels{gap:22px;margin-top:42px}.levels div{padding:34px 28px;border-top-width:2px;background:#07192bd4;border-radius:0 0 18px 18px}.levels b{font-size:19px}.levels strong{font-size:21px}.levels small{font-size:17px}.statement p{font-size:clamp(32px,2.6vw,48px)!important}.statement h2{font-size:clamp(86px,8.6vw,156px)!important}.knowledge{width:min(950px,79vw);height:min(950px,79vw)}.knowledge-core small{font-size:15px}.knowledge-core h2{font-size:clamp(72px,6.6vw,120px)!important}.word{font-size:19px;font-weight:600;color:#e1f5ff}.final .logo{font-size:40px}.final h2{font-size:clamp(80px,7.5vw,136px)!important}.final p{font-size:clamp(30px,2.3vw,44px)!important}

/* V4 — Atto I: scala intermedia e contrasto */
body{background:linear-gradient(rgba(5,18,34,.10),rgba(5,18,34,.10)),url('../assets/brand/bg.png') center/cover no-repeat!important}
body:after{background:radial-gradient(circle at 50% 50%,rgba(3,14,29,.64) 0%,rgba(13,45,74,.40) 38%,rgba(111,178,216,.08) 72%,rgba(255,255,255,.025) 100%)!important}
.hero h1{font-size:clamp(68px,7.8vw,138px)!important}.hero p{font-size:clamp(22px,1.9vw,34px)!important}
.eyebrow,.kicker{font-size:clamp(15px,1.2vw,22px)!important}
.copy{left:7vw;top:28vh}.copy h2{font-size:clamp(62px,6.6vw,116px)!important}.copy p,.center>p{font-size:clamp(22px,1.8vw,32px)!important}
.channels{right:6vw;width:42vw;height:58vh}.orb{width:165px;height:165px;font-size:44px}.orb label{top:186px;font-size:14px}
.center h2{font-size:clamp(60px,6.6vw,116px)!important}.question p{font-size:clamp(23px,1.8vw,33px)!important}
.identity{width:min(920px,82vw);height:min(620px,68vh)}.client{width:320px;height:320px}.client small{font-size:12px}.client strong{font-size:56px}.client span{font-size:17px}
.incoming{width:115px;height:115px;font-size:34px}.caption{font-size:18px}
.context-title h2{font-size:clamp(52px,5vw,88px)!important}.brain{width:min(1180px,90vw);height:62vh}.core{width:205px;height:205px}.core small{font-size:12px}.core b{font-size:58px}
.node{width:195px;height:82px;font-size:14px;font-weight:650}
.hierarchy{width:min(1380px,92vw)}.hierarchy h2{font-size:clamp(58px,5.7vw,100px)!important}.levels div{padding:27px 23px}.levels b{font-size:16px}.levels strong{font-size:18px}.levels small{font-size:14px}
.statement p{font-size:clamp(27px,2.1vw,38px)!important}.statement h2{font-size:clamp(70px,6.8vw,118px)!important}
.knowledge{width:min(820px,72vw);height:min(820px,72vw)}.knowledge-core h2{font-size:clamp(62px,5.4vw,96px)!important}.word{font-size:15px}
.final h2{font-size:clamp(66px,6.2vw,108px)!important}.final p{font-size:clamp(24px,1.9vw,34px)!important}
.hero h1,.copy h2,.center h2,.context-title h2,.statement h2,.final h2,.client strong,.core b,.node,.orb label,.caption,.word{
color:#d7e5ee!important;text-shadow:-1px -1px 0 rgba(1,16,29,.72),1px -1px 0 rgba(1,16,29,.72),-1px 1px 0 rgba(1,16,29,.72),1px 1px 0 rgba(1,16,29,.72),0 3px 10px rgba(0,20,38,.48)}
.copy p,.center>p,.question p{color:#8ea5b8!important;text-shadow:0 1px 5px rgba(0,20,38,.42)}
.lfx-logo-img{width:clamp(135px,10.5vw,205px)!important}