body {
   background-color: #000000;
   color: #000000;
   font-family: Arial;
   font-size: 16px;
   font-weight: normal;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_Servizi-1Heading1 {
   margin: 0;
   padding: 0;
   text-align: left;
}
#Servizi-1Heading1 {
   height: 100%;
   margin: 0;
   width: 100%;
}
#wb_indexHeading2 {
   margin: 0;
   padding: 0;
   text-align: left;
}
#indexHeading2 {
   height: 100%;
   margin: 0;
   width: 100%;
}
#wb_serviziTextMenu1 {
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   overflow: hidden;
   text-align: center;
   text-decoration: underline;
   text-transform: none;
}
#wb_serviziTextMenu1 span {
   margin: 0 30px 0 0px;
}
#wb_serviziTextMenu1 a {
   color: inherit;
   text-decoration: inherit;
}
#wb_serviziTextMenu1 .active {
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: underline;
}
#indexTextArt4 {
   border-width: 0;
   vertical-align: top;
}
#wb_landingpageText1 {
   margin: 0;
}
#wb_landingpageText1 div {
   text-align: left;
}
#wb_indexHeading2 {
   height: 24px;
   left: 39px;
   position: absolute;
   top: 43px;
   width: 332px;
   z-index: 1;
}
#wb_uid0 {
   color: #FFFFFF;
   font-family: "Arial";
   font-size: 15px;
}
#wb_indexTextArt4 {
   height: 14px;
   left: 348px;
   position: absolute;
   top: 890px;
   width: 770px;
   z-index: 4;
}
#indexTextArt4 {
   height: 14px;
   width: 770px;
}
#wb_serviziTextMenu1 {
   height: 24px;
   left: 695px;
   position: absolute;
   top: 33px;
   width: 666px;
   z-index: 2;
}
#landingpageHtml1 {
   height: 710px;
   left: 122px;
   position: absolute;
   top: 162px;
   width: 1206px;
   z-index: 3;
}
#wb_Servizi-1Heading1 {
   height: 21px;
   left: 55px;
   position: absolute;
   top: 22px;
   width: 176px;
   z-index: 0;
}
#wb_landingpageText1 {
   height: 16px;
   left: 337px;
   position: absolute;
   top: 98px;
   width: 776px;
   z-index: 5;
}
html,
body {
   background-color: #0d0d0d  !important;
   color: #ffffff  !important;
   font-family: 'Segoe UI', Arial, sans-serif;
   margin: 0;
   overflow-x: hidden;
   padding: 0;
}
[id*="Image1"] img,
[id*="Image1"] {
   filter: drop-shadow(0 0 15px rgba(0, 85, 255, 0.6))  !important;
   transition: all 0.5s ease-in-out  !important;
}
[id*="Text"] {
   background: rgba(255, 255, 255, 0.05)  !important;
   border: 1px solid rgba(0, 85, 255, 0.3)  !important;
   border-radius: 8px  !important;
   padding: 15px  !important;
   transition: 0.3s ease;
}
[id*="Text"]:hover {
   background: rgba(255, 255, 255, 0.08)  !important;
   border-color: rgba(0, 85, 255, 0.6)  !important;
}
nav,
[id*="TextMenu"] {
   background: transparent  !important;
   border: none  !important;
}
nav a,
[id*="TextMenu"] span a,
#wb_TextMenu1 a {
   color: #ffffff  !important;
   text-decoration: none  !important;
   transition: 0.3s ease;
}
nav a:hover,
#wb_TextMenu1 a:hover {
   color: #0055ff  !important;
   text-shadow: 0 0 15px #0055ff  !important;
}
img[id*="MergedObject"],
img[id^="img"],
[class*="thumbnail"] {
   border: 1px solid #222  !important;
   border-radius: 10px;
   filter: saturate(0.6) brightness(0.8);
   transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)  !important;
}
img[id*="MergedObject"]:hover,
img[id^="img"]:hover,
[class*="thumbnail"]:hover {
   border-color: #0055ff  !important;
   box-shadow: 0px 0px 25px rgba(0, 85, 255, 0.6)  !important;
   cursor: pointer;
   filter: saturate(1.2) brightness(1.1)  !important;
   transform: scale(1.02) translateY(-5px);
}
h1[id*="Heading"],
#indexHeading2,
h1,
h2 {
   color: #0055ff  !important;
   text-shadow: 0px 0px 10px rgba(0, 85, 255, 0.4);
   text-transform: uppercase;
}
.language-switcher {
   display: flex;
   gap: 12px;
   position: absolute;
   right: 20px;
   top: 15px;
   z-index: 9999;
}
#wb_indexTextArt4,
#indexTextArt4,
#wb_DiritiText1 {
   background: transparent  !important;
   border: none  !important;
   box-shadow: none  !important;
   opacity: 0.7;
}
@media screen and (max-width: 480px) {
.language-switcher {
   right: 10px;
   top: 10px;
   transform: scale(0.8);
}
body {
   font-size: 14px;
}
img[id*="MergedObject"]:hover {
   transform: scale(1)  !important;
}
}
#whatsapp-neon-btn {
   bottom: 25px;
   position: fixed;
   right: 25px;
   transition: all 0.5s ease;
   z-index: 10001;
}
.lang-control-panel {
   align-items: flex-end;
   display: flex;
   flex-direction: column;
   gap: 5px;
   position: fixed;
   right: 20px;
   top: 20px;
   transition: all 0.5s ease;
   z-index: 10001;
}
@media screen and (min-width: 1550px) {
#whatsapp-neon-btn {
   right: 485px  !important;
}
.lang-control-panel {
   right: 485px  !important;
}
}
@media screen and (max-width: 480px) {
#whatsapp-neon-btn {
   bottom: 15px;
   right: 15px;
}
.lang-control-panel {
   right: 10px;
   top: 10px;
}
}
#whatsapp-neon-btn {
   bottom: 25px;
   position: fixed;
   right: 25px;
   z-index: 10000;
}
#whatsapp-neon-btn a {
   align-items: center;
   backdrop-filter: blur(5px);
   background: rgba(0, 0, 0, 0.8)  !important;
   border: 1.5px solid #0055ff  !important;
   border-radius: 50px;
   box-shadow: 0 0 15px rgba(0, 85, 255, 0.3);
   color: #ffffff  !important;
   display: flex;
   font-family: 'Segoe UI', Arial, sans-serif;
   font-size: 13px;
   font-weight: bold;
   gap: 10px;
   letter-spacing: 1px;
   padding: 10px 18px;
   text-decoration: none  !important;
   transition: all 0.4s ease;
}
#whatsapp-neon-btn a:hover {
   border-color: #ffffff  !important;
   box-shadow: 0 0 25px rgba(0, 85, 255, 0.7);
   transform: scale(1.05) translateY(-3px);
}
#whatsapp-neon-btn svg {
   filter: drop-shadow(0 0 5px #0055ff);
}
@media screen and (max-width: 480px) {
#whatsapp-neon-btn span {
   display: none;
}
#whatsapp-neon-btn a {
   border-radius: 50%;
   padding: 12px;
}
}
.cyber-rack-panel {
   display: none  !important;
}
@media screen and (min-width: 1550px) {
.cyber-rack-panel {
   background: #050505  !important;
   border-left: 4px solid #1a1a1a;
   box-shadow: -10px 0 30px rgba(0,0,0,0.9);
   box-sizing: border-box;
   display: flex  !important;
   flex-direction: column;
   font-family: 'Courier New', monospace  !important;
   height: 100vh  !important;
   overflow: hidden;
   padding: 30px;
   position: fixed  !important;
   right: 0  !important;
   top: 0  !important;
   width: 460px  !important;
   z-index: 9999  !important;
}
.cyber-rack-panel::before {
   background-image: linear-gradient(rgba(0, 85, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 85, 255, 0.05) 1px, transparent 1px);
   background-size: 20px 20px;
   content: "";
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 0;
}
.rack-module {
   background: rgba(255,255,255,0.02);
   border: 1px solid rgba(0, 85, 255, 0.1);
   border-radius: 4px;
   margin-bottom: 20px;
   padding: 15px;
   position: relative;
   z-index: 1;
}
.rack-label {
   color: #0055ff;
   display: block;
   font-size: 10px;
   font-weight: bold;
   letter-spacing: 2px;
   margin-bottom: 10px;
}
.mixer-buttons {
   display: flex;
   gap: 8px;
   margin-top: 10px;
}
.btn-led {
   align-items: center;
   background: #111;
   border: 2px solid #333;
   border-radius: 3px;
   color: #444;
   display: flex;
   font-size: 9px;
   height: 32px;
   justify-content: center;
   transition: 0.2s;
   width: 32px;
}
.btn-led.on {
   animation: pulse-blue 2s infinite;
   background: #002244;
   border-color: #0055ff;
   box-shadow: 0 0 15px #0055ff;
   color: #fff;
}
.error-monitor {
   animation: blink-red 1s infinite;
   background: rgba(255, 0, 0, 0.05);
   border: 1px solid rgba(255, 0, 0, 0.3);
   color: #ff3333;
   font-size: 10px;
   font-weight: bold;
   padding: 8px;
   text-align: center;
}
.multiview-monitor {
   display: grid;
   gap: 8px;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: repeat(2, 1fr);
   margin-top: 10px;
}
.monitor-cell {
   aspect-ratio: 16/9;
   background: #000;
   border: 2px solid #333;
   border-radius: 2px;
   box-shadow: 0 0 5px rgba(0,0,0,0.5);
   overflow: hidden;
   position: relative;
}
.monitor-cell::after {
   background: rgba(0,0,0,0.8);
   border: 1px solid #444;
   color: #eee;
   content: attr(data-label);
   font-family: monospace;
   font-size: 8px;
   left: 2px;
   padding: 1px 3px;
   position: absolute;
   top: 2px;
   z-index: 2;
}
.monitor-cell video {
   height: 100%;
   left: 0;
   object-fit: cover;
   opacity: 0.7;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 1;
}
@keyframes pulse-blue {
0%,
100% {
   opacity: 1;
}
50% {
   opacity: 0.6;
}
}
@keyframes blink-red {
0%,
100% {
   border-color: red;
   opacity: 1;
}
50% {
   border-color: transparent;
   opacity: 0.5;
}
}
}
:root {
   --bg-dark: #0a0a0a;
   --card-bg: #151515;
   --dk-blue: #0084ff;
   --input-bg: #202020;
   --text-light: #e0e0e0;
}
body {
   background-color: var(--bg-dark);
   color: var(--text-light);
   font-family: 'Inter', sans-serif;
   margin: 0;
   padding: 20px;
}
.blueprint-card {
   background: var(--card-bg);
   border-radius: 12px;
   border-top: 4px solid var(--dk-blue);
   box-shadow: 0 15px 35px rgba(0,0,0,0.7);
   margin: 0 auto;
   max-width: 550px;
   padding: 30px;
}
h2 {
   color: #fff;
   font-size: 1.4rem;
   letter-spacing: 2px;
   margin-bottom: 5px;
   text-align: center;
   text-transform: uppercase;
}
.tagline {
   color: var(--dk-blue);
   font-size: 0.8rem;
   font-weight: bold;
   margin-bottom: 25px;
   text-align: center;
}
.counter-box {
   background: #111;
   border: 1px solid #222;
   border-radius: 8px;
   color: #666;
   display: flex;
   font-size: 0.75rem;
   justify-content: space-around;
   margin-bottom: 25px;
   padding: 10px;
}
.counter-box span {
   color: var(--dk-blue);
   font-weight: bold;
}
.form-section {
   margin-bottom: 15px;
}
.row {
   display: grid;
   gap: 10px;
   grid-template-columns: 1fr 1fr;
}
label {
   color: #777;
   display: block;
   font-size: 0.65rem;
   letter-spacing: 1px;
   margin-bottom: 5px;
   text-transform: uppercase;
}
input,
select,
textarea {
   background: var(--input-bg);
   border: 1px solid #333;
   border-radius: 6px;
   box-sizing: border-box;
   color: #fff;
   font-size: 0.9rem;
   padding: 10px;
   width: 100%;
}
input:focus,
select:focus,
textarea:focus {
   border-color: var(--dk-blue);
   outline: none;
}
.privacy-box {
   align-items: flex-start;
   color: #888;
   display: flex;
   font-size: 0.75rem;
   gap: 10px;
   margin: 15px 0;
}
.privacy-box input {
   margin-top: 3px;
   width: auto;
}
.g-recaptcha {
   display: flex;
   justify-content: center;
   margin: 15px 0;
}
.submit-btn {
   background: var(--dk-blue);
   border: none;
   border-radius: 6px;
   color: white;
   cursor: pointer;
   font-weight: 700;
   letter-spacing: 1px;
   padding: 14px;
   text-transform: uppercase;
   transition: 0.3s;
   width: 100%;
}
.submit-btn:hover {
   background: #0056b3;
   box-shadow: 0 0 15px rgba(0, 132, 255, 0.4);
}