/* Identità ricavata dal sito MG NEXT. Modificare qui la direzione visuale. */
@font-face{font-family:Archivo;src:url('Archivo.ttf') format('truetype');font-display:swap}@font-face{font-family:Urbanist;src:url('Urbanist.ttf') format('truetype');font-display:swap}
@font-face{font-family:Archivo;src:url('Archivo-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Archivo;src:url('Archivo-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Archivo;src:url('Archivo-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--color-primary:#3081c3;--color-secondary:#2e9495;--color-purple:#5e5fa6;--group-bar-background:linear-gradient(110deg,var(--color-primary) 0%,var(--color-purple) 48%,var(--color-dark) 100%);--group-bar-min-height:60px;--color-navy:#235073;--color-teal:#2e9495;--color-purple-soft:#efeff7;--color-teal-soft:#eaf5f5;--color-navy-soft:#edf2f6;--color-dark:#2d3346;--color-light:#f4f6f8;--color-white:#fff;--color-text:#454d5c;--color-border:#dce1e8;--font-heading:Archivo,Arial,sans-serif;--font-body:Archivo,Arial,sans-serif;--font-accent:Urbanist,Arial,sans-serif;--radius:8px;--shadow:0 12px 35px #2d33460a;--spacing-section:76px;--container:1180px;--button-padding:16px 22px;--card-padding:26px;--color-button:var(--color-navy);--focus:var(--color-purple);--space:24px;--motion-fast:220ms;--motion-slow:700ms;--ease-out:cubic-bezier(.2,.75,.2,1);--color-accent-soft:#eaf3fa;--card-hover-shadow:0 18px 40px #2d334614}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--color-white);color:var(--color-text);font:16px/1.65 var(--font-body)}h1,h2,h3{font-family:var(--font-heading);color:var(--color-dark);line-height:1.15;margin:0 0 22px;letter-spacing:-.035em}h1{font-size:clamp(34px,3.6vw,52px);font-weight:600}h2{font-size:clamp(30px,3vw,40px);font-weight:600}h3{font-size:22px;font-weight:600}p{margin:0 0 18px}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button{cursor:pointer}img{max-width:100%;display:block;height:auto}.container{width:min(var(--container),calc(100% - 64px));margin:auto}.section{padding:var(--spacing-section) 0}.light{background:var(--color-light)}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;color:var(--color-navy);margin-bottom:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--color-button);color:var(--color-white);padding:var(--button-padding);border:0;border-radius:var(--radius);text-decoration:none;font-size:14px;font-weight:600;line-height:1.4;min-height:48px;transition:background .15s}.button:hover{background:var(--color-dark)}.text-link{font-size:14px;font-weight:600;color:var(--color-navy)}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:28px}header{position:sticky;top:0;z-index:10;background:var(--color-white);border-bottom:1px solid var(--color-border)}.navigation{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:195px}nav{display:flex;align-items:center;gap:26px}nav>a{font-size:13px;text-decoration:none}nav>a:not(.button):hover{color:var(--color-primary)}.small{font-size:12px;padding:13px 17px}.menu-toggle{display:none}.hero{padding:65px 0 70px}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:85px;align-items:center}.hero .lead{font-size:19px;line-height:1.6}.hero p:not(.eyebrow){max-width:570px}.hero em{font-style:normal;color:var(--color-primary)}.promise{background:var(--color-dark);padding:35px 36px;color:var(--color-white);border-radius:var(--radius);position:relative;overflow:hidden}.promise-top{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.13em;line-height:1.5;margin-bottom:27px}.brand-mark{font-size:48px;line-height:1;color:var(--color-primary)}.promise-line{font:500 clamp(30px,3.2vw,46px)/1.1 var(--font-accent);padding:17px 0;border-top:1px solid #ffffff28;display:flex;align-items:baseline;gap:20px;letter-spacing:-.03em}.promise-line>span{font:12px var(--font-body);color:var(--color-white)}.promise p{font-size:13px;color:#d9e2f1;margin:25px 0 0}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}.card{background:var(--color-white);padding:var(--card-padding);border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:var(--shadow)}.number{font-size:12px;color:var(--color-navy);display:block;margin-bottom:25px}.card h3{font-size:21px;min-height:72px}.card p{font-size:14px;line-height:1.65}.card .answer{border-top:1px solid var(--color-border);padding-top:16px;color:var(--color-dark);margin-bottom:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading>p{font-size:15px}.services{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;margin-top:15px}.service{display:flex;gap:20px;padding:25px 0;border-top:1px solid var(--color-border)}.service-num{font-size:13px;color:var(--color-navy);padding-top:4px}.service h3{margin-bottom:12px}.service p{font-size:15px;margin:0}.site-link{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--color-border);padding-top:25px;font-size:14px}.security{background:var(--color-dark);color:#e0e4ed}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.security h2{color:var(--color-white)}.security .eyebrow{color:var(--color-white)}.security p{font-size:15px}.security .button{margin-top:10px}.question{border-left:2px solid var(--color-primary);padding:10px 0 10px 38px}.question .old-question{font-size:24px;color:#bcc8dd}.question blockquote{margin:0;font:500 clamp(26px,2.7vw,37px)/1.25 var(--font-accent);letter-spacing:-.02em;color:var(--color-white)}.security-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.security-tags span{border:1px solid #ffffff40;padding:5px 12px;border-radius:var(--radius);font-size:11px}.examples{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}.example{border-top:2px solid var(--color-primary);padding-top:24px}.example h3{font-size:27px;max-width:480px}.example p{font-size:15px}.example .eyebrow{font-size:10px}.result{background:var(--color-light);padding:18px 20px;color:var(--color-dark);margin-top:24px}.result span{display:block;font-size:10px;color:var(--color-navy);letter-spacing:.12em;margin-bottom:8px}.backup-note{font-family:var(--font-accent);text-align:center;font-size:20px;margin:24px 0 0;color:var(--color-dark)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-grid h2{max-width:470px}.contact-grid p{font-size:15px}.direct-contact{display:flex;flex-direction:column;gap:6px;margin-top:30px;font-size:17px}.direct-contact a{text-decoration:none}form{min-width:0}#contact-form{background:var(--color-white);padding:30px;border:1px solid var(--color-border);border-radius:var(--radius)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:12px;margin:0 0 6px}input:not([type=checkbox]),textarea{width:100%;padding:11px 12px;border:1px solid #a9b2bf;background:var(--color-white);border-radius:var(--radius);color:var(--color-dark);min-height:46px;margin-bottom:15px}textarea{resize:vertical}.consent{display:flex;align-items:start;gap:9px;font-size:11px;line-height:1.6;margin:0 0 20px}.consent input{flex-shrink:0;width:17px;height:17px}.contact-grid .form-note{font-size:11px;margin:12px 0 0;color:var(--color-text)}#form-status{margin:10px 0 0}footer{padding:35px 0 20px}.footer-top{display:flex;align-items:center;gap:30px;justify-content:space-between;font-size:12px}.footer-top p{font-size:11px;margin:8px 0 0}.footer-top a{text-decoration:none}.cookie-link{padding:10px 0;background:none;border:0;color:inherit;font-size:12px}.legal{font-size:10px;margin-top:25px;padding-top:15px;border-top:1px solid var(--color-border)}dialog{border:1px solid var(--color-border);border-radius:var(--radius);max-width:540px;padding:30px;color:var(--color-text)}dialog::backdrop{background:#2d334699}dialog h2{font-size:26px}.skip{position:fixed;top:-100px;left:15px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}
@media(min-width:1500px){:root{--spacing-section:85px}}
@media(max-width:1100px){nav{gap:16px}nav .small{display:none}.hero-grid{gap:40px}.problem-grid{grid-template-columns:1fr 1fr}.card h3{min-height:0}.security-grid,.contact-grid{gap:40px}}
@media(max-width:780px){:root{--spacing-section:54px}.container{width:calc(100% - 40px)}.navigation{min-height:78px}.logo{width:165px}.menu-toggle{display:flex;gap:12px;background:none;border:1px solid var(--color-border);border-radius:var(--radius);padding:10px 13px;color:var(--color-dark);min-height:44px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--color-white);padding:20px;box-shadow:var(--shadow);border-bottom:1px solid var(--color-border)}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:12px}nav .small{display:flex;margin-top:10px}.hero{padding:38px 0 45px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{max-width:640px}.hero .lead{font-size:17px}.hero p{font-size:15px}.promise{padding:25px}.promise-line{font-size:34px}.promise-line br{display:none}.promise-top{margin-bottom:18px}.promise p{margin-top:18px}.section-heading{display:block}.section-heading>p{margin-bottom:25px}.services,.security-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.services{gap:0}.site-link{flex-direction:column;gap:8px}.question{padding-left:25px;margin-top:12px}.examples{gap:25px}.example h3{font-size:24px}.footer-top{flex-wrap:wrap;justify-content:start;gap:18px 24px}.footer-top>div{width:100%}.backup-note{font-size:18px}}
@media(max-width:520px){.problem-grid,.examples,.form-grid{grid-template-columns:1fr}.problem-grid{gap:14px}.card{padding:22px}.number{margin-bottom:15px}.card h3{margin-bottom:14px}.actions{align-items:stretch;gap:18px}.actions .button{width:100%}.hero h1{font-size:35px}.hero-grid{gap:30px}.hero .eyebrow{font-size:10px}.promise-line{padding:13px 0}.promise-top{margin-bottom:10px}.examples{gap:28px}.backup-note{text-align:left}#contact-form{padding:22px}.contact-grid .button{width:100%;gap:8px}.security .button{font-size:13px;width:100%}.form-grid{gap:0}h2 br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Rifinitura visuale v2 — componenti, senza dipendenze o immagini esterne. */
header{transition:box-shadow var(--motion-fast),background var(--motion-fast)}header.scrolled{box-shadow:0 5px 24px #2d33460d}.reading-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--color-primary);transform:scaleX(0);transform-origin:left;pointer-events:none}
nav>a:not(.button){position:relative}nav>a:not(.button)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--color-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-fast)}nav>a:hover::after,nav>a[aria-current="location"]::after{transform:scaleX(1)}
.hero{position:relative;isolation:isolate}.hero::before{content:"";position:absolute;z-index:-1;top:0;right:0;width:35%;height:100%;background:var(--color-light);clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}
.hero .eyebrow{display:flex;align-items:center;gap:12px}.hero .eyebrow::before{content:"";width:28px;height:2px;background:var(--color-primary)}
h1{line-height:1.12}.hero em{position:relative}.promise{box-shadow:0 24px 55px #2d334625;border-radius:var(--radius);border-top:3px solid var(--color-primary)}.promise>*:not(.circuit-art){position:relative;z-index:1}.promise-line{font-weight:500}.promise-line>span{display:inline-flex;width:25px;flex-shrink:0}.promise-top{margin-bottom:30px}.promise p{padding-top:8px}
.circuit-art{position:absolute;right:-60px;top:0;height:100%;width:auto;max-width:none;pointer-events:none;opacity:.38}.circuit-base{stroke:var(--color-primary);stroke-width:1;opacity:.35}.circuit-flow{stroke:var(--color-primary);stroke-width:1.5;stroke-dasharray:25 580;stroke-dashoffset:605;animation:signal-travel 5s linear 2}.circuit-flow-second{animation-delay:1.3s;stroke:var(--color-teal)}@keyframes signal-travel{to{stroke-dashoffset:-605}}
.button{position:relative;box-shadow:0 5px 14px #276fa719;transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast),box-shadow var(--motion-fast)}.button span{transition:transform var(--motion-fast)}.button:hover{transform:translateY(-2px);box-shadow:0 9px 22px #276fa72b}.button:hover span{transform:translate(2px,-2px)}.button:active{transform:translateY(0)}.text-link{text-decoration-thickness:1px;transition:color var(--motion-fast);text-decoration-color:#3081c350}.text-link:hover{text-decoration-color:currentColor;color:var(--color-dark)}
.card{position:relative;border-color:#e5e9ef;transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast),border-color var(--motion-fast)}.card::after{content:"";position:absolute;bottom:-1px;left:24px;right:24px;height:2px;background:var(--color-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-fast)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.card-top .number{margin:0;color:#65748a}.line-icon{width:28px;height:28px;display:block;color:var(--color-primary)}.card-top .line-icon{width:34px;height:34px}.card .answer{border-top-color:#e9edf2}.service{transition:border-color var(--motion-fast)}.service-num{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;background:var(--color-accent-soft);border-radius:var(--radius);padding:0}.service:hover{border-top-color:var(--color-primary)}
.security{position:relative;overflow:hidden}.security::before{content:"";position:absolute;right:-150px;top:-300px;width:650px;height:650px;border:1px solid #ffffff0c;border-radius:50%;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff03;pointer-events:none}.security-grid{position:relative}.question{border-left:0;background:#ffffff06;padding:32px;border-radius:var(--radius);border:1px solid #ffffff18;border-top:3px solid var(--color-primary)}.question blockquote{font-size:clamp(26px,2.7vw,37px)}.security-tags span{background:#ffffff04}.example{border-top:0;padding:28px;border:1px solid var(--color-border);border-radius:var(--radius);position:relative;transition:box-shadow var(--motion-fast),border-color var(--motion-fast)}.example::before{content:"";position:absolute;left:28px;right:28px;top:-1px;height:2px;background:var(--color-primary)}.example .result{border-radius:var(--radius);margin-bottom:0;border-left:2px solid var(--color-secondary)}.examples{gap:24px}.backup-note{color:#526176}.direct-contact a{transition:color var(--motion-fast)}.direct-contact a:hover{color:var(--color-primary)}#contact-form{box-shadow:var(--shadow);border-top:3px solid var(--color-primary)}input:not([type=checkbox]),textarea{transition:border-color var(--motion-fast),box-shadow var(--motion-fast);border-color:#b8c2cf}input:not([type=checkbox]):focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-accent-soft)}
@media(hover:hover) and (pointer:fine){.card:hover{transform:translateY(-6px);box-shadow:var(--card-hover-shadow);border-color:#b5d2e9}.card:hover::after{transform:scaleX(1)}.example:hover{box-shadow:var(--shadow);border-color:#b5d2e9}}
@media(max-width:780px){.hero::before{width:22%;opacity:.6}.promise{box-shadow:0 12px 28px #2d334616}.promise-top{margin-bottom:16px}.circuit-art{right:0;opacity:.3}.question{padding:25px}.example{padding:24px}.example::before{left:24px;right:24px}.card-top{margin-bottom:20px}nav>a:not(.button)::after{left:12px;right:auto;width:25px}}
@media(prefers-reduced-motion:reduce){.circuit-flow{animation:none;stroke-dasharray:none;opacity:.2}.button:hover,.card:hover{transform:none}.reading-progress{display:none}}

/* Palette esatta campionata dallo screenshot MG NEXT fornito dal cliente.
   Rete: antracite; cablaggio: viola; sicurezza: blu scuro;
   sistemi: verde petrolio; monitoraggio: azzurro. */
.card,.service,.example{--area-color:var(--color-dark);--area-soft:var(--color-light)}
.card:nth-child(2),.service:nth-child(2){--area-color:var(--color-teal);--area-soft:var(--color-teal-soft)}
.card:nth-child(3),.service:nth-child(3){--area-color:var(--color-navy);--area-soft:var(--color-navy-soft)}
.card:nth-child(4),.service:nth-child(4){--area-color:var(--color-primary);--area-soft:var(--color-accent-soft)}
.card .line-icon,.service .line-icon{color:var(--area-color)}
.card::after{background:var(--area-color)}
.card .answer{border-top-color:var(--area-color)}
.service-num{background:var(--area-soft);border:1px solid var(--area-color)}
.service{border-top-color:var(--area-color)}
.service:hover{border-top-color:var(--area-color)}
.security{background:var(--color-navy)}
.security .button{background:var(--color-white);color:var(--color-navy)}
.security .button:hover{background:var(--color-accent-soft)}
.security .question{border-top-color:var(--color-teal)}
.security-tags span{border-color:var(--color-teal);background:var(--color-navy)}
.promise{border-top-color:var(--color-purple)}
.promise-line>span{color:var(--color-white)}
.promise .brand-mark{color:var(--color-primary)}
.example:first-child{--area-color:var(--color-dark)}
.example:nth-child(2){--area-color:var(--color-purple)}
.example::before{background:var(--area-color)}
.example .result{border-left-color:var(--area-color)}
.example:nth-child(2) .result{background:var(--color-purple-soft)}
.example:nth-child(2) .eyebrow,.example:nth-child(2) .result span{color:var(--color-purple)}
#contact-form{border-top-color:var(--color-teal)}
.reading-progress{background:var(--color-teal)}
nav>a:not(.button)::after{background:var(--color-purple)}
.button{box-shadow:var(--shadow)}
@media(hover:hover) and (pointer:fine){.card:hover,.example:hover{border-color:var(--area-color)}}

/* Barra di appartenenza al gruppo, sotto il menu e fuori dall’header sticky. */
.group-bar{background:var(--group-bar-background);color:var(--color-white)}
.group-bar .container{min-height:var(--group-bar-min-height);display:flex;align-items:center;justify-content:center;padding-top:14px;padding-bottom:14px}
.group-bar p{margin:0;text-align:center;font-size:15px;line-height:1.6;letter-spacing:-.01em}
.group-bar strong,.group-bar a{font-weight:700}
.group-bar a{color:var(--color-white);text-decoration:none;white-space:nowrap}
.group-bar a:hover{text-decoration:underline;text-underline-offset:4px}
.group-bar a:focus-visible{outline-color:var(--color-white)}
@media(max-width:780px){.group-bar{background:linear-gradient(110deg,var(--color-navy),var(--color-purple),var(--color-dark))}.group-bar p{font-size:13px}.group-bar .container{min-height:var(--group-bar-min-height);padding-top:12px;padding-bottom:12px}}

/* Menu allineato al CSS originale MG NEXT: Archivo 600, 14px, maiuscolo. */
nav>a:not(.button){font-family:var(--font-body);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0;color:var(--color-dark)}
@media(min-width:1101px){nav{gap:22px}.navigation{gap:24px}}

/* CTA del menu: viola MG NEXT campionato dallo screenshot (#5E5FA6). */
nav .button{background:var(--color-purple);color:var(--color-white)}
nav .button:hover{background:var(--color-purple);color:var(--color-white)}

/* Solo le quattro card numerate dei problemi: colori 1–4 del riferimento. */
#problemi .card:nth-child(1){--problem-background:var(--color-purple)}
#problemi .card:nth-child(2){--problem-background:var(--color-primary)}
#problemi .card:nth-child(3){--problem-background:var(--color-navy)}
#problemi .card:nth-child(4){--problem-background:var(--color-teal)}
#problemi .card{background:var(--problem-background);border-color:var(--problem-background);color:var(--color-white)}
#problemi .card h3,#problemi .card .line-icon,#problemi .card .number,#problemi .card .answer{color:var(--color-white)}
#problemi .card .answer{border-top-color:#ffffff66}
#problemi .card::after{background:var(--color-white)}
@media(hover:hover) and (pointer:fine){#problemi .card:hover{border-color:var(--problem-background)}}

/* Integrazione WordPress e Contact Form 7. */
body.admin-bar header{top:32px}#contact-form .wpcf7{margin:0}#contact-form .wpcf7-form{padding:0;border:0;box-shadow:none}.wpcf7-form-control-wrap{display:block}.wpcf7-not-valid-tip{font-size:12px}.wpcf7-response-output{font-size:14px;margin:18px 0 0!important;padding:12px!important}.wpcf7-acceptance .wpcf7-list-item{margin:0}.wpcf7-acceptance label{display:flex;gap:9px;align-items:start}.wpcf7-acceptance input{width:17px;height:17px;flex-shrink:0}.form-disabled-note{padding:18px;background:var(--color-light);border-radius:var(--radius)}.wp-document{min-height:55vh;max-width:900px}.wp-document h1{font-size:38px}.wp-document h2{font-size:28px}.wp-document p{margin-bottom:18px}.wp-document ul{padding-left:24px}
@media(max-width:782px){body.admin-bar header{top:46px}}@media(max-width:600px){body.admin-bar header{top:0}}

/* Contatto telefonico in evidenza; nessun indirizzo email esposto nella UI. */
.direct-contact .phone-button{display:inline-flex;align-items:center;gap:16px;align-self:flex-start;padding:17px 21px;background:var(--color-purple);color:var(--color-white);border:1px solid var(--color-purple);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast);max-width:100%}
.phone-button>svg{width:28px;height:28px;flex-shrink:0}.phone-button>span{min-width:0}.phone-label{display:block;font-size:11px;line-height:1.5;font-weight:400}.phone-number{display:block;font-size:23px;line-height:1.35;font-weight:600;letter-spacing:.01em}.phone-arrow{margin-left:12px;font-size:21px}
.direct-contact .phone-button:hover{color:var(--color-white);transform:translateY(-2px);box-shadow:var(--card-hover-shadow)}
@media(max-width:390px){.direct-contact .phone-button{gap:12px;padding:16px}.phone-number{font-size:21px}.phone-arrow{margin-left:0}}
@media(prefers-reduced-motion:reduce){.direct-contact .phone-button:hover{transform:none}}