*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#07111e}h1,h2,h3{letter-spacing:-.05em;line-height:1.03}a{color:inherit}header{position:fixed;z-index:50;inset:0 0 auto;height:68px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;color:#fff;background:#20262fe8;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;text-decoration:none}.brand-logo{display:block;width:190px;height:auto;max-height:50px;object-fit:contain}.footer-logo{display:block;width:190px;height:auto;object-fit:contain}nav{display:flex;gap:17px}nav a{font-size:10px;text-transform:uppercase;text-decoration:none}.menu{display:none;background:none;border:0;color:#fff;font-size:22px}.slider{height:62vh;min-height:510px;position:relative;background:#030a15;overflow:hidden}.slide{position:absolute;inset:0;padding:72px 6vw 90px;display:flex;align-items:center;color:#fff;background:center/cover;opacity:0;transition:opacity 1s}.slide:after,.inner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020812ed,#02081244)}.slide.active{opacity:1}.hot{background-image:url('https://www.viewnumana.it/images/preview-video-home-2024.jpeg')}.pmi{background-image:url('assets/img/srv-cloud.jpg')}.ind{background-image:url('assets/img/srv-security.jpg')}.copy{position:relative;z-index:2}.copy p,.projhead p{color:#4bc8ff;letter-spacing:.14em;font-size:11px}.copy h1{font-size:clamp(44px,6vw,82px);margin:15px 0}.copy strong{color:#1687ff}.copy span{display:block;max-width:620px}.btn{display:inline-block;margin-top:25px;padding:13px 18px;background:#1687ff;color:#fff;text-decoration:none;text-transform:uppercase;font-size:11px;border:0;border-radius:5px}.tabs{position:absolute;z-index:2;bottom:10px;left:6vw;right:6vw;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff44}.tabs button{padding:14px;background:none;border:0;border-top:2px solid transparent;color:#aebdcc;text-align:left}.tabs button.active{color:#fff;border-color:#4bc8ff}.partners{background:#050d18;color:#fff;padding:4px 0 6px;overflow:hidden}.partners>p{font-size:9px;color:#8295a8;margin:0 3vw}.marquee,.window{overflow:hidden}.track,.projecttrack{display:flex;width:max-content;animation:scroll 65s linear infinite}.track>div,.projecttrack>div{display:flex}.track a{width:205px;height:54px;display:grid;place-items:center;text-decoration:none}.track span{font-size:20px;font-weight:700}.marquee:hover .track,.window:hover .projecttrack{animation-play-state:paused}@keyframes scroll{to{transform:translateX(-50%)}}.projectline{padding:38px 0 44px;background:#f4f7fa}.projhead{padding:0 3vw 24px;display:flex;align-items:center;gap:26px}.projhead h2{margin:0;white-space:nowrap;font-size:clamp(24px,2.6vw,42px)}.projhead>a{margin-left:auto;color:#1687ff;text-decoration:none;font-size:11px}.projecttrack{animation-duration:80s}.projecttrack>div{gap:13px;padding-right:13px}.pcard{position:relative;width:286px;height:210px;overflow:hidden;border-radius:12px;background:#071526;color:#fff;text-decoration:none}.pcard img{position:absolute;width:100%;height:100%;object-fit:cover}.pcard:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#030a15ee)}.pcard span{position:absolute;z-index:2;left:17px;bottom:15px}.pcard small,.pcard strong{display:block}.pcard small{font-size:9px;color:#70d3ff}.pcard strong{font-size:19px;margin-top:4px}.manifest,.content{padding:90px 6vw}.manifest h2,.content h2{font-size:clamp(40px,6vw,70px);max-width:1100px}.cta{padding:65px 5vw;background:#0c72dd;color:#fff;display:flex;justify-content:space-between;align-items:center}.cta h2{font-size:44px}.inner{height:58vh;position:relative;background-position:center;background-size:cover;color:#fff;display:flex;align-items:center;padding:6vw}.inner h1{position:relative;z-index:2;font-size:70px}.cases{padding:80px 5vw}.case{max-width:1120px;margin:0 auto 80px;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.case:nth-child(even) img{order:2}.case>img{width:100%;height:390px;object-fit:cover;border-radius:12px}.case h2{font-size:50px;margin:8px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.ghost{background:transparent;color:#1687ff;border:1px solid #1687ff}.contact{padding:80px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.contact form{display:grid;gap:12px}.contact input,.contact textarea{padding:14px}.contact textarea{min-height:150px}.legalpage{padding:140px 6vw;min-height:70vh}.cookie{position:fixed;z-index:99;left:15px;right:15px;bottom:15px;background:#06101ef5;color:#fff;border:1px solid #34526d;padding:18px;display:flex;justify-content:space-between}.cookie[hidden]{display:none}footer{padding:40px 4vw;background:#20262f;color:#95a7b8;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;font-size:12px;align-items:center}footer div{display:flex;gap:10px}footer button{background:none;border:0;color:#95a7b8}@media(max-width:900px){nav{display:none;position:absolute;top:68px;left:0;right:0;padding:22px;background:#20262f;flex-direction:column}.open nav{display:flex}.menu{display:block}.brand-logo{width:170px}.projhead{display:grid}.projhead h2{white-space:normal}.projhead>a{margin:0}.case,.contact{grid-template-columns:1fr}.case:nth-child(even) img{order:0}}@media(max-width:600px){.slider{min-height:560px}.copy h1{font-size:42px}.pcard{width:240px;height:185px}.case>img{height:255px}.actions .btn{display:block}footer{grid-template-columns:1fr}.cookie{flex-direction:column}.brand-logo{width:155px}}@media(prefers-reduced-motion:reduce){.track,.projecttrack{animation:none}.marquee,.window{overflow-x:auto}}

/* Partner logo assets */
.track a{padding:9px 22px}.track img{display:block;max-width:150px;max-height:32px;width:auto;height:auto;object-fit:contain}.track .partner-text{font-size:18px;font-weight:700;color:#fff;white-space:nowrap}.track a:focus-visible{outline:2px solid #4bc8ff;outline-offset:-4px}

/* Partner logo bar: real image marks, slow premium movement */
.track a{padding:8px 26px}
.track img{display:block;max-width:158px;max-height:36px;width:auto;height:auto;object-fit:contain;filter:none}
.track{animation-duration:65s}
.projecttrack{animation-duration:80s}

.partners .track img{display:block;max-width:150px;width:auto;height:44px;object-fit:contain}
.partners .track a{display:flex;align-items:center;justify-content:center;min-width:170px;height:64px}

/* V21 partner bar - balanced visual crops from approved banner */
.partners{padding:8px 0 10px;background:#050d18}
.partners>p{margin-bottom:4px}
.partners .track{animation-duration:65s;align-items:center}
.partners .track>div{display:flex;align-items:center;gap:34px;padding-right:34px}
.partners .track a{width:auto;min-width:0;height:68px;padding:0;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.partners .track img{display:block;width:auto;height:62px;max-width:none;max-height:none;object-fit:contain}
@media(max-width:600px){.partners .track>div{gap:26px;padding-right:26px}.partners .track a{height:58px}.partners .track img{height:52px}}

/* V22 partner bar — complete logo crops, no fragmented sprites */
.partners{padding:8px 0 10px;background:#050d18}
.partners .track{animation-duration:65s;align-items:center}
.partners .track>div{display:flex;align-items:center;gap:14px;padding-right:14px}
.partners .track a{width:auto;min-width:0;height:72px;padding:0;display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:visible}
.partners .track img{display:block;width:auto;height:64px;max-width:none;max-height:none;object-fit:contain;overflow:visible}
@media(max-width:600px){.partners .track>div{gap:10px;padding-right:10px}.partners .track a{height:62px}.partners .track img{height:54px}}

/* V23 — approved partner banner as one intact image; no logo slicing */
.partners{padding:8px 0 10px;background:#050d18}
.partners>p{margin:0 3vw 5px;font-size:9px;color:#8295a8}
.partners .marquee{overflow:hidden}
.partners .partner-banner-track{display:flex;width:max-content;animation:scroll 65s linear infinite;align-items:center}
.partners .partner-banner-track>div{display:block;padding:0;gap:0}
.partner-banner-set{position:relative;flex:0 0 auto;width:1540px;height:100px;overflow:hidden}
.partner-banner-set>img{display:block!important;width:1540px!important;height:100px!important;max-width:none!important;max-height:none!important;object-fit:fill!important}
.partner-hotspots{position:absolute;inset:0;display:grid!important;grid-template-columns:repeat(13,1fr);gap:0!important;padding:0!important}
.partner-hotspots a{display:block!important;width:auto!important;min-width:0!important;height:100%!important;padding:0!important}
@media(max-width:600px){.partner-banner-set{width:1232px;height:80px}.partner-banner-set>img{width:1232px!important;height:80px!important}}

/* V25 premium masthead + real navigation */
body{padding-top:0}
header{position:relative!important;inset:auto!important;height:auto!important;padding:0!important;display:block!important;background:#03101d!important;color:#fff;z-index:50}
.masthead{width:100%;background:#061727;overflow:hidden;border-bottom:1px solid #24435b}
.masthead img{display:block;width:100%;height:auto;max-height:238px;object-fit:cover;object-position:center}
.navrow{height:64px;padding:0 3vw;display:flex;align-items:center;gap:26px;background:#04111e;box-shadow:0 8px 24px #0002}
.navbrand{display:none;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.04em}
.navrow nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.6vw,28px);flex:1}
.navrow nav a{font-size:11px;color:#fff;text-decoration:none;text-transform:uppercase;white-space:nowrap;letter-spacing:.02em;padding:24px 0 20px;border-bottom:3px solid transparent}
.navrow nav a:hover{color:#39baff;border-color:#1687ff}
.navrow .menu{display:none;margin-left:auto}
.slider{height:62vh;min-height:510px}
.pmi{background-image:url('assets/img/pmi-datacenter.png')!important}
.ind{background-image:url('assets/img/industria-automation.png')!important}
.inner{min-height:560px;background-position:center;background-size:cover}
.inner:after{background:linear-gradient(90deg,#020812e8 0%,#02081299 38%,#02081218 72%)}
/* approved V23 partner bar repeated identically on every page */
.partners{margin:0}
@media(max-width:900px){
 .masthead img{min-width:900px;width:900px;max-width:none;transform:translateX(calc((100vw - 900px)/2))}
 .navrow{height:68px;padding:0 20px}
 .navbrand{display:block;font-size:13px}
 .navrow nav{display:none;position:absolute;top:100%;left:0;right:0;background:#04111e;padding:18px 24px;flex-direction:column;align-items:flex-start;gap:0;z-index:60}
 header.open .navrow nav{display:flex}
 .navrow nav a{width:100%;padding:12px 0;border-bottom:1px solid #ffffff18}
 .navrow .menu{display:block;background:none;border:0;color:#fff;font-size:24px}
}
@media(max-width:600px){.masthead{height:118px}.masthead img{height:118px;object-fit:cover}.slider{min-height:560px}.inner{min-height:500px}}


/* V26 — visual system aligned to approved mockup */
:root{--cc-blue:#079cff;--cc-navy:#03111f;--cc-line:#1b405b}
body{font-family:"Segoe UI",Inter,Arial,sans-serif;background:#fff}
.navrow{height:70px;background:linear-gradient(180deg,#061827 0%,#03101c 100%);border-bottom:1px solid #17364d;box-shadow:0 10px 28px #00101e24}
.navrow nav{gap:clamp(22px,2.6vw,48px)}
.navrow nav a{font-family:"Segoe UI",Inter,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:.01em;padding:26px 0 22px;border-bottom:4px solid transparent;transition:.2s ease}
.navrow nav a:hover,.navrow nav a.active{color:#16a8ff;border-bottom-color:#16a8ff}
.premium-hero{height:min(66vh,720px);min-height:560px;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;padding:clamp(42px,6vw,96px)}
.premium-hero:after{background:linear-gradient(90deg,rgba(1,10,20,.88) 0%,rgba(2,15,28,.58) 38%,rgba(2,15,28,.12) 72%,rgba(2,15,28,.05) 100%)}
.premium-hero h1{font-family:"Segoe UI",Inter,Arial,sans-serif;font-size:clamp(54px,6.2vw,94px);font-weight:700;letter-spacing:-.045em;text-shadow:0 3px 22px #0007;margin:0}
.content{padding:78px 6vw 88px;background:linear-gradient(180deg,#fff,#f5f8fb)}
.content h2{font-family:"Segoe UI",Inter,Arial,sans-serif;font-weight:650;letter-spacing:-.04em;color:#071421}
@media(max-width:1100px){.navrow nav{gap:18px}.navrow nav a{font-size:12px}}
@media(max-width:900px){.navrow nav a{font-size:14px}.premium-hero{min-height:470px;height:56vh}.premium-hero h1{font-size:clamp(46px,10vw,72px)}}


/* V26 FINAL polish — crisp masthead, premium nav, photographic section heroes */
.masthead img{image-rendering:auto;filter:none}
.navrow nav a{font-size:14px!important;font-weight:400!important;letter-spacing:.015em!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.premium-hero{position:relative;isolation:isolate;overflow:hidden}
.premium-hero:after{z-index:0}
.premium-hero h1{z-index:2;max-width:920px}
.premium-hero.company{background-position:center 45%!important}
.premium-hero.services{background-position:center!important}
.premium-hero.projects{background-position:center!important}
.premium-hero.hot{background-position:center 48%!important}
@media(max-width:900px){.navrow nav a{font-size:14px!important;font-weight:400!important}.premium-hero{background-position:center!important}}

/* V30: guaranteed visible hero photography */
.inner.premium-hero{position:relative!important;isolation:isolate!important;overflow:hidden!important;background-image:none!important}
.inner.premium-hero>.hero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;display:block!important;z-index:0!important}
.inner.premium-hero:after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(2,8,18,.82) 0%,rgba(2,8,18,.42) 45%,rgba(2,8,18,.10) 78%)!important;pointer-events:none!important}
.inner.premium-hero>h1{position:relative!important;z-index:2!important}

/* V31 — Home slider backgrounds + mobile masthead full visibility */
.slider .slide.pmi{background-image:url('img/pmi-datacenter.png')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.slider .slide.ind{background-image:url('img/industria-automation.png')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
@media(max-width:900px){
 .masthead{height:auto!important;min-height:0!important;overflow:visible!important}
 .masthead img{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:none!important}
}
@media(max-width:600px){
 .masthead{height:auto!important}
 .masthead img{height:auto!important;object-fit:contain!important}
}


/* V32 — premium cookie consent */
.cookie{position:fixed;z-index:999;left:50%;right:auto;bottom:22px;transform:translateX(-50%);width:min(1120px,calc(100% - 32px));padding:20px 22px;background:linear-gradient(135deg,rgba(3,17,31,.97),rgba(7,31,50,.96));color:#fff;border:1px solid rgba(75,200,255,.22);border-radius:18px;box-shadow:0 24px 70px rgba(0,8,18,.42);backdrop-filter:blur(18px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}
.cookie[hidden],.cookie-preferences[hidden]{display:none!important}.cookie-copy{min-width:0}.cookie-kicker{display:block;margin-bottom:6px;color:#4bc8ff;font-size:10px;font-weight:700;letter-spacing:.18em}.cookie-copy b{display:block;font-size:18px;letter-spacing:-.02em}.cookie-copy p{margin:6px 0 0;color:#b7c6d4;font-size:12px;line-height:1.55;max-width:720px}.cookie-copy a{color:#fff;text-underline-offset:3px}.cookie-actions{display:flex;gap:8px;align-items:center}.cookie-btn{appearance:none;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:11px 14px;font:600 11px/1 "Segoe UI",Arial,sans-serif;cursor:pointer;white-space:nowrap;transition:.18s ease}.cookie-btn:hover{transform:translateY(-1px)}.cookie-btn.primary{background:#1687ff;border-color:#1687ff;color:#fff;box-shadow:0 8px 24px rgba(22,135,255,.22)}.cookie-btn.secondary,.cookie-btn.preferences{background:rgba(255,255,255,.05);color:#eaf5ff}.cookie-preferences{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center}.cookie-preferences>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.045);font-size:12px}.cookie-preferences span{color:#83a0b6}.cookie-switch{position:relative;width:42px;height:24px;flex:0 0 auto}.cookie-switch input{position:absolute;opacity:0}.cookie-switch span{position:absolute;inset:0;border-radius:20px;background:#536473;cursor:pointer}.cookie-switch span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.cookie-switch input:checked+span{background:#1687ff}.cookie-switch input:checked+span:after{transform:translateX(18px)}
@media(max-width:760px){.cookie{bottom:10px;width:calc(100% - 20px);padding:17px;border-radius:16px;grid-template-columns:1fr;gap:14px}.cookie-copy b{font-size:17px}.cookie-copy p{font-size:11.5px}.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cookie-actions .primary{grid-column:1/-1;grid-row:1}.cookie-btn{width:100%;padding:12px 10px}.cookie-preferences{grid-template-columns:1fr;gap:8px;padding-top:12px}.cookie-preferences>div{padding:9px 10px}}


/* V35 — rimuove SOLO la scritta COMPUTER COMPANY duplicata nella navbar mobile */
@media (max-width:900px){
  .navrow .navbrand{display:none !important;}
}