:root{--navy:#07111f;--navy2:#0b1b31;--blue:#1677ff;--cyan:#32c5ff;--ink:#101828;--muted:#667085;--line:#e7eaf0;--bg:#f6f8fb;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{background:#030914;color:#9db0c9;font-size:12px}.topbar .container{height:34px;display:flex;align-items:center;justify-content:space-between}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,17,31,.94);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;color:#fff}.brandmark{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 8px 25px rgba(22,119,255,.35)}.brand b{display:block;letter-spacing:.08em;font-size:14px}.brand small{display:block;font-size:10px;color:#86a1bf;letter-spacing:.28em;margin-top:3px}.nav nav{display:flex;gap:27px;align-items:center}.nav nav>a,.dropdown>button{color:#ced9e8;font-size:14px;background:none;border:0;padding:28px 0;cursor:pointer}.nav nav>a:hover,.nav nav>a.active,.dropdown>button:hover{color:#fff}.nav .nav-cta{padding:12px 17px;background:#1677ff;border-radius:10px;color:#fff}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:70px;left:-20px;background:#fff;border-radius:14px;padding:10px;min-width:235px;box-shadow:0 22px 60px rgba(0,0,0,.22)}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:11px 12px;border-radius:8px;color:#26364a;font-size:13px}.dropdown-menu a:hover{background:#f3f7ff;color:#1677ff}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 30%,#123766 0,#07111f 42%,#040a13 100%);color:#fff;padding:105px 0 90px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#59c9ff}.eyebrow.dark{color:#1677ff}.hero h1,.page-hero h1{font-size:clamp(46px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:18px 0 24px;max-width:900px}.hero h1 span{background:linear-gradient(90deg,#4eb9ff,#7fe1ff);-webkit-background-clip:text;color:transparent}.hero-copy>p,.page-hero p{font-size:18px;line-height:1.7;color:#b7c6d8;max-width:720px}.hero-actions{display:flex;gap:13px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:14px 20px;font-weight:750;font-size:14px;border:1px solid transparent;cursor:pointer}.primary{background:linear-gradient(135deg,#1677ff,#24a9ff);color:#fff;box-shadow:0 12px 35px rgba(22,119,255,.28)}.secondary{background:#fff;border-color:#dfe5ed;color:#132033}.hero .secondary{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}.trust-row{display:flex;gap:32px;margin-top:52px}.trust-row div{border-left:1px solid #28425e;padding-left:16px}.trust-row b{display:block;font-size:21px}.trust-row span{font-size:11px;color:#8da3bb}.hero-panel{border:1px solid rgba(255,255,255,.12);background:rgba(12,31,54,.66);backdrop-filter:blur(20px);border-radius:24px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.32);transform:perspective(1000px) rotateY(-4deg)}.panel-top{display:flex;align-items:center;gap:8px;padding:5px 5px 16px;color:#8ea9c6;font-size:10px;letter-spacing:.12em}.panel-top small{margin-left:auto;color:#66e0a3}.dot{width:7px;height:7px;border-radius:50%;background:#5ce69f;box-shadow:0 0 12px #5ce69f}.tech-card{display:flex;align-items:center;gap:15px;padding:18px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06);margin-top:9px}.tech-card>span{color:#47baff;font-size:11px}.tech-card div{flex:1}.tech-card b{display:block;font-size:14px}.tech-card small{color:#8198b2}.tech-card i{font-style:normal;color:#5ce69f}.logos-strip{background:#0b1a2c;color:#5f7895;padding:17px 0;font-size:11px;letter-spacing:.12em}.logos-strip .container{display:flex;justify-content:space-between}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:46px}.section-head h2,.dark-section h2,.light-section h2,.contact-grid h2{font-size:clamp(36px,4.3vw,56px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 0}.section-head>p{max-width:430px;color:var(--muted);line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:27px;min-height:245px;transition:.25s;background:#fff}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(27,49,80,.11);border-color:#bad7ff}.service-card.featured{background:#0b1b31;color:#fff;border-color:#0b1b31}.service-card .icon{font-size:26px}.service-card small{float:right;color:#9aa9ba}.service-card h3{font-size:20px;margin:28px 0 10px}.service-card p{font-size:14px;color:#748091;line-height:1.6}.service-card.featured p{color:#9fb0c5}.service-card b{position:absolute;bottom:25px;font-size:12px;color:#1677ff}.dark-section{background:linear-gradient(135deg,#06101d,#0b213c);color:#fff;padding:100px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.dark-section p{color:#9db0c5;line-height:1.8}.text-link{color:#55c5ff;font-weight:700}.steps>div{display:flex;gap:22px;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.11)}.steps b{color:#3eb6ff}.steps strong,.steps small{display:block}.steps small{margin-top:4px;color:#7f96af}.solutions-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:15px}.solution{min-height:230px;border-radius:22px;background:#edf4fb;padding:32px;display:flex;flex-direction:column;justify-content:end}.solution.big{grid-row:span 2;min-height:475px;background:linear-gradient(160deg,#0d2948,#081321);color:#fff}.solution span{font-size:10px;font-weight:800;letter-spacing:.15em;color:#328ee9}.solution h3{font-size:28px;margin:10px 0}.solution p{color:#728095}.solution.big p{color:#9db0c5}.page-hero{background:linear-gradient(135deg,#06101d,#102c4e);color:#fff;padding:92px 0}.page-hero h1{font-size:clamp(48px,6vw,74px)}.page-hero .btn{margin-top:20px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{padding:30px;border-radius:18px;background:#f6f8fb;border:1px solid #edf0f4}.feature-card span{font-size:11px;color:#1677ff;font-weight:800}.feature-card h3{margin-top:40px}.feature-card p{color:#748091;line-height:1.6}.light-section{padding:90px 0;background:#f5f8fc}.split.light p,.lead{color:#566579;line-height:1.8}.checklist p{background:#fff;padding:16px 18px;border-radius:10px;border:1px solid #e5eaf0;margin:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats div{padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:17px}.stats b{display:block;font-size:32px;color:#4ac1ff}.stats span{font-size:13px;color:#91a6bd}.solutions-list{display:flex;flex-direction:column}.project-row{display:grid;grid-template-columns:70px 1fr auto;gap:25px;align-items:center;padding:38px 0;border-bottom:1px solid var(--line)}.project-row>span{color:#1677ff;font-weight:800}.project-row h2{margin:0 0 8px;font-size:30px}.project-row p{margin:0;color:#748091}.project-row a{color:#1677ff;font-weight:700}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.contact-form{background:#f6f8fb;border:1px solid #e9edf2;border-radius:20px;padding:30px}.contact-form label{display:block;font-size:12px;font-weight:800;margin:0 0 17px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:7px;padding:14px;border:1px solid #d8e0e9;border-radius:9px;background:#fff;font:inherit}.notice{padding:12px 14px;border-radius:9px;margin-bottom:16px;font-size:13px}.success{background:#eaf9f1;color:#17633b}.error{background:#fff0f0;color:#8a2525}.cta-band{background:#1677ff;color:#fff;padding:65px 0}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.cta-band .eyebrow{color:#cceaff}.cta-band h2{font-size:40px;margin:10px 0}.cta-band p{color:#dcecff}.cta-actions{display:flex;gap:10px}.light{background:#fff;color:#0b1b31}.ghost-light{border-color:rgba(255,255,255,.4);color:#fff}footer{background:#030914;color:#8195ad;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:45px}.footer-grid h4{color:#fff}.footer-grid a{display:block;margin:9px 0;font-size:13px}.footer-grid p{font-size:13px;line-height:1.7}.footer-brand{margin-bottom:18px}.copyright{border-top:1px solid #132033;margin-top:40px;padding-top:20px;font-size:11px}.floating-contact{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#1677ff;color:#fff;box-shadow:0 12px 28px rgba(22,119,255,.38);z-index:30}
@media(max-width:900px){.topbar .container span:last-child{display:none}.menu-toggle{display:block;background:none;border:0;color:#fff;font-size:24px}.nav nav{display:none;position:absolute;top:78px;left:0;right:0;background:#07111f;padding:20px;flex-direction:column;align-items:stretch;gap:0}.nav nav.open{display:flex}.nav nav>a,.dropdown>button{padding:13px}.dropdown-menu{position:static;display:none;box-shadow:none;background:#0c1c30}.dropdown.open .dropdown-menu{display:block}.dropdown-menu a{color:#c9d6e4}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-panel{transform:none}.services-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}.solutions-grid{grid-template-columns:1fr;grid-template-rows:auto}.solution.big{grid-row:auto}.stats,.footer-grid{grid-template-columns:1fr 1fr}.cta-grid{grid-template-columns:1fr}.project-row{grid-template-columns:45px 1fr}.project-row a{grid-column:2}}
@media(max-width:580px){.container{width:min(100% - 26px,1180px)}.hero{padding:72px 0}.hero h1{font-size:45px}.hero-actions,.trust-row,.cta-actions{flex-direction:column}.services-grid,.feature-grid,.stats,.footer-grid{grid-template-columns:1fr}.section{padding:70px 0}.dark-section{padding:70px 0}.solutions-grid{display:block}.solution{margin-bottom:12px}.logos-strip{display:none}.contact-form{padding:20px}}

/* V2 - Logo ufficiale e apertura hi-tech */
.brand-logo{min-width:190px}.official-logo,.custom-logo{display:block;max-height:62px;width:auto;max-width:190px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.25))}
.custom-logo-link{display:flex;align-items:center}
.tr-intro{position:fixed;inset:0;z-index:99999;background:#020812;display:grid;place-items:center;overflow:hidden;transition:opacity .75s ease,visibility .75s ease}
.tr-intro.hide{opacity:0;visibility:hidden}
.tr-intro-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(38,135,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(38,135,255,.08) 1px,transparent 1px);background-size:46px 46px;transform:perspective(600px) rotateX(65deg) translateY(20%);animation:gridMove 2s linear infinite}
.tr-intro-core{position:relative;text-align:center;width:min(420px,80vw)}
.tr-intro-core img{width:min(260px,62vw);border-radius:20px;box-shadow:0 0 60px rgba(32,149,255,.24)}
.tr-intro-core p{margin:24px 0 14px;color:#7ecfff;font-size:11px;letter-spacing:.23em;font-weight:800}
.tr-loader{height:2px;background:#11233a;overflow:hidden;border-radius:4px}.tr-loader span{display:block;height:100%;width:45%;background:linear-gradient(90deg,#1677ff,#59d6ff);animation:load 1.4s ease-in-out infinite}
.tr-scan{position:absolute;left:10%;right:10%;height:2px;top:20%;background:#58d6ff;box-shadow:0 0 18px #58d6ff;animation:scan 1.7s ease-in-out infinite}
@keyframes gridMove{to{transform:perspective(600px) rotateX(65deg) translateY(30%)}}
@keyframes load{0%{transform:translateX(-110%)}100%{transform:translateX(240%)}}
@keyframes scan{0%,100%{top:18%;opacity:.2}50%{top:72%;opacity:1}}
.cyber-lines{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(90deg,transparent 49.8%,#2db8ff 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#2db8ff 50%,transparent 50.2%);background-size:140px 140px;mask-image:linear-gradient(to right,transparent,#000 30%,#000 80%,transparent)}
.hero-panel.advanced{min-height:480px;display:flex;flex-direction:column}
.radar{width:260px;height:260px;border:1px solid rgba(72,189,255,.25);border-radius:50%;margin:34px auto 24px;position:relative;background:radial-gradient(circle,rgba(33,132,255,.12),transparent 62%)}
.radar-ring{position:absolute;inset:15%;border:1px solid rgba(86,199,255,.16);border-radius:50%}.radar-ring.r2{inset:30%}.radar-ring.r3{inset:43%}
.radar:before,.radar:after{content:"";position:absolute;background:rgba(76,190,255,.18)}.radar:before{width:1px;top:0;bottom:0;left:50%}.radar:after{height:1px;left:0;right:0;top:50%}
.radar-sweep{position:absolute;inset:50% 50% 0 0;transform-origin:100% 0;background:linear-gradient(45deg,rgba(47,189,255,.4),transparent 65%);animation:sweep 3s linear infinite}
.radar-center{position:absolute;inset:calc(50% - 24px);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#1677ff;color:#fff;font-weight:900;box-shadow:0 0 35px rgba(22,119,255,.55)}
@keyframes sweep{to{transform:rotate(360deg)}}
.system-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}.system-metrics div{padding:13px 9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:10px;text-align:center}.system-metrics small{display:block;color:#7088a3;font-size:8px}.system-metrics b{display:block;color:#61e4a7;font-size:10px;margin-top:4px}
.service-hero{position:relative;overflow:hidden}.service-hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(72,183,255,.18);border-radius:50%;right:-120px;top:-250px;box-shadow:0 0 0 60px rgba(72,183,255,.03),0 0 0 120px rgba(72,183,255,.02)}
@media(max-width:900px){.official-logo,.custom-logo{max-height:52px;max-width:145px}.hero-panel.advanced{min-height:auto}.radar{width:220px;height:220px}}

/* V3 - contenuti e modulo richieste */
.service-intro-section{padding-bottom:35px}.compact-top{padding-top:45px}
.tr-request-box{background:linear-gradient(145deg,#f8fbff,#eef5fc);border:1px solid #dfe9f4;border-radius:25px;padding:42px;box-shadow:0 22px 60px rgba(27,58,94,.08)}
.tr-request-head{max-width:720px;margin-bottom:28px}.tr-request-head h2{font-size:clamp(34px,4vw,50px);letter-spacing:-.045em;line-height:1.04;margin:10px 0}.tr-request-head p{color:#64748b;line-height:1.7}
.tr-inline-form{background:#fff;padding:28px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.privacy-check{display:flex!important;align-items:flex-start;gap:10px;font-weight:500!important;color:#667085;line-height:1.5}.privacy-check input{width:auto!important;margin-top:3px!important}
.request-section{background:#fff}.service-process+.request-section{padding-top:90px}
.contact-grid .tr-request-box{padding:28px}.contact-grid .tr-inline-form{padding:0;background:transparent;border:0}.contact-grid .tr-request-head h2{font-size:34px}
@media(max-width:700px){.form-grid{grid-template-columns:1fr}.tr-request-box{padding:22px}.tr-inline-form{padding:18px}}

/* V4 - Area Assistenza */
.assistance-hero{background:radial-gradient(circle at 75% 20%,#123d69 0,#07111f 44%,#040a13 100%)}
.ticket-section{background:#f5f8fc}
.tr-ticket-portal{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:start}
.tr-ticket-form-card,.tr-ticket-lookup-card{background:#fff;border:1px solid #e1e8f0;border-radius:24px;padding:34px;box-shadow:0 18px 55px rgba(20,51,86,.08)}
.tr-ticket-form-card h2{font-size:44px;letter-spacing:-.045em;margin:10px 0}.tr-ticket-form-card>p,.tr-ticket-lookup-card>p{color:#667085;line-height:1.7}
.tr-ticket-lookup-card{position:sticky;top:120px}.tr-ticket-lookup-card h3{font-size:28px;margin:10px 0}
.ticket-lookup-form label{display:block;font-size:12px;font-weight:800;margin:0 0 14px}.ticket-lookup-form input{width:100%;margin-top:7px;padding:14px;border:1px solid #d8e0e9;border-radius:9px;font:inherit}
.ticket-result{margin-top:20px;padding:18px;border-radius:14px;background:#f7faff;border:1px solid #dce9f7}.ticket-result-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.ticket-result h4{font-size:19px;margin:18px 0 12px}.ticket-result p{font-size:13px;color:#5e6b7d;margin:7px 0}
.ticket-status{display:inline-block;padding:6px 10px;border-radius:20px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.ticket-status-nuova{background:#e8f2ff;color:#1464be}.ticket-status-in_lavorazione{background:#fff2ce;color:#8c5b00}.ticket-status-in_attesa{background:#f2e8ff;color:#6b26b9}.ticket-status-risolta{background:#e6f8ed;color:#137640}.ticket-status-chiusa{background:#ebeff3;color:#4c5868}
@media(max-width:900px){.tr-ticket-portal{grid-template-columns:1fr}.tr-ticket-lookup-card{position:static}}
@media(max-width:580px){.tr-ticket-form-card,.tr-ticket-lookup-card{padding:22px}.tr-ticket-form-card h2{font-size:34px}}