/* Genio Blu · strato sopra home.css (rebrand 29/09/2026) */
@font-face{font-family:Unbounded;src:url(./fonts/Unbounded-900.woff2) format("woff2");font-weight:900;font-display:swap}
:root{--g-navy:#0A1328;--g-blue:#1565FF;--g-cyan:#00C2FF;--g-mist:rgba(21,101,255,.07)}

/* logo: stemma + GENIO / BLU in un solo carattere */
.gb-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.gb-logo img{height:46px;width:auto}
.gb-logo .gb-word{display:flex;flex-direction:column;font:900 17px/.86 Unbounded,sans-serif;letter-spacing:.01em}
.gb-u{background:linear-gradient(35deg,#1F4BFF 20%,#5CC8FF 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-footer .gb-logo img{height:64px}.site-footer .gb-logo .gb-word{font-size:24px}

/* apertura: parola gigante, genio che galleggia, colore che cambia per scena */
.g-hero{position:relative;overflow:hidden;background:var(--bg);color:#fff;transition:background 1s ease;min-height:min(820px,100svh)}
.g-hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:min(820px,100svh);padding-top:40px;padding-bottom:90px}
.g-parola{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font:900 200px/1 Unbounded,sans-serif;letter-spacing:-.02em;color:#ffffff10;white-space:nowrap;z-index:1;pointer-events:none;transition:opacity .45s ease}
.g-hero .eyebrow{color:var(--g-cyan)}
.g-hero h1{font-size:clamp(44px,5.6vw,80px);line-height:1.02;margin:10px 0 20px;color:#fff}
.g-hero h1 em{font-style:normal;color:var(--g-cyan)}
.g-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#C9D4EE;max-width:34em;margin:0 0 22px}
.g-firma{font:900 15px Unbounded,sans-serif;letter-spacing:.04em;color:#fff;margin:0 0 26px;opacity:.9}
.g-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}
.g-tab{all:unset;box-sizing:border-box;border:1px solid #ffffff55;background:#ffffff12;color:#fff;padding:10px 18px;border-radius:999px;font:600 15px Satoshi,sans-serif;cursor:pointer;transition:.3s}
.g-tab:hover{background:#ffffff26}.g-tab.on{background:var(--g-blue);border-color:var(--g-blue)}
.g-tab:focus-visible{outline:2px solid var(--g-cyan);outline-offset:3px}
.g-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.g-cta .button-ghost{border:1px solid #ffffff66;color:#fff;background:transparent}
.g-ogg{position:relative;height:clamp(420px,62vh,640px);display:flex;align-items:center;justify-content:center}
.g-ogg img{max-height:100%;max-width:100%;width:auto;filter:drop-shadow(0 30px 60px #0008);animation:g-galleggia 5s ease-in-out infinite;transition:opacity .45s ease,transform .45s ease}
.g-ogg img.out,.g-parola.out{opacity:0}
@keyframes g-galleggia{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.g-dots{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.g-dots i{width:26px;height:3px;border-radius:3px;background:#ffffff40;transition:.3s}.g-dots i.on{background:var(--g-cyan)}
@media (prefers-reduced-motion:reduce){.g-ogg img{animation:none}}

/* striscia delle garanzie */
.g-strip{background:#060C1C;color:#DCE4F7;font-size:15px}
.g-strip ul{list-style:none;margin:0 auto;padding:18px 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 36px}
.g-strip li:before{content:"✦";color:var(--g-cyan);margin-right:8px}

/* cosa chiedi al genio */
.g-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.g-card{border:1px solid #E3E8F4;border-radius:22px;padding:26px 24px 24px;background:#fff;display:flex;flex-direction:column;gap:10px}
.g-card img{height:150px;width:auto;align-self:flex-start;margin:-6px 0 4px}
.g-card h3{margin:0;font-size:22px}
.g-card p{margin:0;color:#4A5573}
.g-card ul{margin:6px 0 0;padding-left:18px;color:#0A1328}
.g-card.wide{grid-column:span 2;background:var(--g-navy);color:#fff;border-color:var(--g-navy)}
.g-card.wide p{color:#C9D4EE}.g-card.wide ul{color:#fff}

/* desideri: le frasi dei titolari */
.g-desideri{background:var(--g-mist)}
.g-bolle{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px}
.g-bolla{background:#fff;border-radius:18px 18px 18px 4px;padding:18px 20px;box-shadow:0 6px 20px #0A132812}
.g-bolla b{display:block;font-size:18px;margin-bottom:6px}
.g-bolla span{color:#4A5573;font-size:16px}

/* dietro il genio */
.g-dietro{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.g-dietro img{width:100%;max-width:360px;justify-self:center}

@media (max-width:980px){
 .g-hero .container{grid-template-columns:1fr;padding-top:24px;gap:10px}
 .g-ogg{height:360px;order:-1}
 .g-parola{font-size:120px;top:30%}
 .g-cards,.g-bolle,.g-dietro{grid-template-columns:1fr}
 .g-card.wide{grid-column:auto}
}
.g-passi{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:34px 0 0}
@media (max-width:980px){.g-passi{grid-template-columns:1fr}}
.g-hero .container>*,.g-cards>*,.g-bolle>*{min-width:0}
/* hero a tre colonne con il modulo */
.g-hero .container{grid-template-columns:1fr .9fr minmax(320px,380px);gap:28px}
.g-form{background:#fff;color:#0A1328;border-radius:22px;padding:22px 22px 18px;box-shadow:0 24px 60px #0007;align-self:center}
.g-form .g-form-title{font:900 22px/1.15 Satoshi,sans-serif;margin:0 0 12px}
.g-form .form-grid{grid-template-columns:1fr 1fr;gap:10px}
.g-form .field{margin-bottom:10px}
.g-form label{font-size:13px}
.g-form input,.g-form select,.g-form textarea{padding:10px 12px;font-size:15px}
.g-form .form-note{font-size:12px;line-height:1.4}
.g-form .submit-button{width:100%}
.g-hero .g-ogg{height:clamp(380px,56vh,580px)}
.contact .contact-grid{grid-template-columns:1fr}
@media (max-width:1180px){.g-hero .container{grid-template-columns:1fr 1fr}.g-form{grid-column:1/-1;max-width:560px;justify-self:center;width:100%}}
@media (max-width:980px){.g-hero .container{grid-template-columns:1fr}.g-form .form-grid{grid-template-columns:1fr}}
.g-hero h1{font-size:clamp(40px,4.4vw,64px)}
.g-form textarea{min-height:64px;height:64px}
/* strumenti su misura, in primo piano */
.g-auto{background:radial-gradient(ellipse at 20% 0%,rgba(21,101,255,.35) 0%,#0A1328 55%)}
.g-auto-top{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:center}
.g-auto-top img{width:100%;height:auto}
.g-auto h2{color:#fff}
.g-auto .eyebrow{color:var(--g-cyan)}
.g-auto-lab{font:900 13px Satoshi;letter-spacing:.2em;text-transform:uppercase;color:var(--g-cyan);margin:44px 0 16px}
.g-auto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.g-auto-grid article{background:#101B36;border:1px solid #1E2A48;border-radius:18px;padding:22px}
.g-auto-grid h3{color:#fff;font-size:19px;margin:0 0 8px}
.g-auto-grid p{color:#B8C4E0;margin:0;font-size:16px}
.g-auto-q{margin-top:28px;color:#DCE4F7;font-size:18px}.g-auto-q a{color:var(--g-cyan)}
.g-cards{grid-template-columns:repeat(4,1fr)}
@media (max-width:1180px){.g-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){.g-auto-top,.g-auto-grid,.g-cards{grid-template-columns:1fr}.g-auto-top img{max-width:180px}}
/* palco: genio in video + pannello con la cosa vera */
.g-hero{background:radial-gradient(ellipse at 12% 18%,var(--glow,#1d3f9a) 0%,transparent 45%),#081226}
.g-stage{position:relative;aspect-ratio:1/1;width:100%;max-width:560px;justify-self:center}
.g-video{width:100%;height:100%;object-fit:cover;display:block;-webkit-mask-image:radial-gradient(ellipse 62% 64% at 42% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 62% 64% at 42% 50%,#000 70%,transparent 100%)}
.g-panel{position:absolute;right:-6%;top:14%;width:62%;background:#fff;border-radius:14px;padding:8px 8px 10px;box-shadow:0 30px 70px #000a;opacity:0;transform:translateY(16px) scale(.96) rotate(1.5deg);transition:opacity .5s ease,transform .5s ease;pointer-events:none}
.g-panel.on{opacity:1;transform:translateY(0) scale(1) rotate(1.5deg)}
.g-panel img{width:100%;height:auto;border-radius:8px;display:block}
.g-win{display:flex;gap:5px;padding:2px 4px 7px}.g-win i{width:8px;height:8px;border-radius:50%;background:#D6DCEA}
.g-cap{margin:8px 4px 0;font:600 12px/1.3 Satoshi,sans-serif;color:#1565FF}
.g-phone{width:62%;margin:0 auto;background:#0A1328;border-radius:22px;padding:10px}
.g-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.g-grid img{border-radius:4px;aspect-ratio:1/1;object-fit:cover}
.g-rev{padding:10px 10px 4px;color:#0A1328}
.g-rev-top{margin:0 0 10px;font-size:14px}.g-rev-top b{color:#E8A317;font-size:16px}
.g-rev blockquote{margin:0 0 10px;padding:10px 12px;background:#F4F6FB;border-radius:10px;font-size:13.5px;line-height:1.45}
.g-rev cite{display:block;margin-top:6px;font-style:normal;font-weight:700;font-size:12px;color:#4A5573}
.g-tab.tap{animation:g-tap .6s ease}
@keyframes g-tap{0%{box-shadow:0 0 0 0 #00C2FFcc}100%{box-shadow:0 0 0 16px #00C2FF00}}
@media (max-width:980px){.g-stage{max-width:420px;order:-1}.g-panel{right:-2%;width:58%}}
@media (prefers-reduced-motion:reduce){.g-panel{transition:none}}
/* palco più grande, bordi del video invisibili */
.g-hero{background:radial-gradient(ellipse at 4% 8%,var(--glow,#1d3f9a) 0%,transparent 32%),#081226}
.g-stage{max-width:640px;overflow:visible}
.g-video{transform:scale(1.32);transform-origin:40% 55%;-webkit-mask-image:radial-gradient(ellipse 46% 52% at 40% 52%,#000 58%,transparent 82%);mask-image:radial-gradient(ellipse 46% 52% at 40% 52%,#000 58%,transparent 82%)}
.g-panel{width:50%;right:-2%;top:24%}
@media (max-width:1180px){.g-hero .container{grid-template-columns:1fr 1fr}}
@media (max-width:980px){.g-hero .container{grid-template-columns:1fr}.g-panel{width:52%;right:0;top:30%}}
.g-video{-webkit-mask-image:radial-gradient(ellipse 50% 60% at 40% 47%,#000 62%,transparent 84%);mask-image:radial-gradient(ellipse 50% 60% at 40% 47%,#000 62%,transparent 84%)}
.g-check{padding:12px 12px 4px;color:#0A1328}
.g-check-top{margin:0 0 10px;font:700 14px Satoshi,sans-serif}
.g-check ul{list-style:none;margin:0;padding:0}
.g-check li{padding:8px 10px 8px 34px;margin-bottom:6px;background:#F4F6FB;border-radius:10px;font-size:13.5px;position:relative}
.g-check li:before{content:"✓";position:absolute;left:11px;top:7px;width:16px;height:16px;border-radius:50%;background:#1565FF;color:#fff;font-size:11px;line-height:16px;text-align:center;font-weight:700}
@media (min-width:1181px){.g-hero .container{grid-template-columns:.95fr 1.15fr 360px;gap:20px}}
@media (max-width:1180px) and (min-width:981px){.g-hero .container{grid-template-columns:1fr 1fr}}
@media (max-width:980px){.g-hero .container{grid-template-columns:1fr}}
@media (max-width:980px){
 .g-stage{aspect-ratio:auto;max-width:440px;display:grid}
 .g-video{grid-area:1/1;aspect-ratio:1/1;height:auto;transform:scale(1.15)}
 .g-panel{grid-area:2/1;position:relative;right:auto;top:auto;width:100%;margin-top:-40px;display:none;transform:none}
 .g-panel.on{display:block;transform:none}
}
.dashboard-screen video{width:100%;height:auto;display:block}
.g-dash-cap{display:inline-block;margin:14px auto 0;padding:8px 16px;border-radius:999px;background:#0A1328;color:#fff;font:700 15px Satoshi,sans-serif;transition:opacity .3s}
/* colonna dei bottoni che il genio tocca */
.g-video{transform:none;-webkit-mask-image:radial-gradient(ellipse 60% 62% at 55% 50%,#000 64%,transparent 86%);mask-image:radial-gradient(ellipse 60% 62% at 55% 50%,#000 64%,transparent 86%)}
.g-col{position:absolute;inset:0;z-index:3;pointer-events:none}
.g-col .g-tab{position:absolute;right:79%;top:var(--y);transform:translateY(-50%);pointer-events:auto;white-space:nowrap;padding:8px 14px;font-size:14px;background:#0A1328cc;backdrop-filter:blur(4px)}
.g-col .g-tab.on{background:var(--g-blue)}
.g-panel{right:-8%;top:10%;width:46%}
@media (max-width:980px){.g-col .g-tab{font-size:12px;padding:6px 10px}.g-panel{right:0;top:auto}}
.g-panel{top:16%}
.g-col .g-tab{right:auto}
.g-check{padding:8px 8px 2px}.g-check-top{font-size:12.5px;margin-bottom:6px}
.g-check li{font-size:11.5px;padding:5px 8px 5px 26px;margin-bottom:4px;line-height:1.3}
.g-check li:before{left:7px;top:5px;width:13px;height:13px;line-height:13px;font-size:9px}
/* i bottoni si misurano sul quadrato del video, non sul palco intero */
.g-col{inset:0 0 auto 0;aspect-ratio:1/1}
@media (max-width:980px){
 .g-panel{position:relative;grid-area:2/1;width:100%;right:auto;top:auto;margin-top:6px;transform:none}
 .g-panel.on{transform:none}
 .g-check li{font-size:13px}
}
@media (min-width:1181px){
 .g-hero .container{grid-template-columns:.85fr 1.3fr 340px;gap:16px}
 .g-stage{max-width:620px}
 .g-panel{top:auto;bottom:3%;right:-7%;width:44%}
}
/* genio 3D in pose: niente video */
.g-float{position:absolute;inset:0 0 auto 0;aspect-ratio:1/1;z-index:2;pointer-events:none;animation:g-galleggia 4.6s ease-in-out infinite;transform-style:preserve-3d}
.g-float .g-pose{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:scale(.96);transition:opacity .22s ease,transform .45s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 28px 50px #000a)}
.g-float .g-pose.on{opacity:1;transform:scale(1)}
.g-stage{perspective:900px}
.g-tilt{transition:transform .25s ease-out}
.g-col .g-tab{left:auto;top:auto;transform:translate(-50%,-50%)}
.g-col .g-tab[style]{right:auto}
@media (prefers-reduced-motion:reduce){.g-float{animation:none}.g-float .g-pose{transition:opacity .2s}}
@media (max-width:980px){.g-float{position:relative;grid-area:1/1}}
@media (min-width:1181px){.g-panel{width:40%;bottom:-2%;right:-6%}}
@media (min-width:1181px){.g-panel{bottom:-9%}}

/* ===== hero v3: testo + schermata vera grande + genio 3D davanti ===== */
.gh{position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 75% 40%,var(--glow,#1565FF) 0%,transparent 55%),linear-gradient(160deg,#0F2A6B 0%,#0A1328 70%);transition:background 1s ease}
.gh .container{position:relative;z-index:2}
.gh-grid{display:grid;grid-template-columns:.95fr 1.15fr;gap:48px;align-items:center;padding-top:56px;padding-bottom:72px;min-height:min(860px,100svh)}
.gh .eyebrow{color:var(--g-cyan)}
.gh h1{font-size:clamp(42px,5vw,76px);line-height:1.02;margin:10px 0 18px;color:#fff}
.gh h1 em{font-style:normal;color:#00C2FF}
.gh .g-lead{color:#C9D4EE}
.gh-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.gh-form{background:#ffffff12;border:1px solid #ffffff26;border-radius:18px;padding:14px;backdrop-filter:blur(6px)}
.gh-riga{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.gh-riga2{grid-template-columns:1fr auto;margin-top:8px}
.gh-form input:not([type=hidden]){width:100%;box-sizing:border-box;border:1px solid #ffffff33;background:#fff;color:#0A1328;border-radius:10px;padding:11px 12px;font:500 15px Satoshi,sans-serif}
.gh-form .submit-button{padding:11px 26px;white-space:nowrap}
.gh-form .form-note{margin:8px 2px 0;font-size:12px;color:#B8C4E0}.gh-form .form-note a{color:#fff}
.gh-form .field-error,.gh-form .submit-error{margin:6px 2px 0;font-size:13px;color:#FFB4B4}
.gh-form .form-success{color:#fff;text-align:left;padding:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gh-palco{position:relative;padding-left:14%}
.gh-schermo{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 40px 90px #000b;transform:rotate(1.2deg)}
.gh-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#EEF1F8;color:#4A5573;font:600 13px Satoshi,sans-serif}
.gh-bar i{width:10px;height:10px;border-radius:50%;background:#D0D6E4}.gh-bar span{margin-left:10px}
.gh-viste{position:relative;aspect-ratio:1200/826}
.gh-vista{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transform:scale(1.03);transition:opacity .6s ease,transform 1.2s ease}
.gh-vista.on{opacity:1;transform:scale(1)}
.gh-genio{position:absolute;left:-6%;bottom:-12%;height:88%;width:auto;z-index:3;filter:drop-shadow(0 30px 50px #000c);animation:g-galleggia 5s ease-in-out infinite;transition:opacity .35s ease}
.gh-genio.out{opacity:0}
.gh-vero{position:absolute;right:0;bottom:-38px;margin:0;font:600 13px Satoshi,sans-serif;color:#9FB2DD}
@media (max-width:1100px){.gh-grid{grid-template-columns:1fr;gap:40px}.gh-palco{padding-left:18%}}
@media (max-width:640px){.gh-riga{grid-template-columns:1fr}.gh-riga2{grid-template-columns:1fr}.gh-palco{padding-left:22%}.gh-genio{height:78%;left:-10%}.gh-grid{padding-top:28px}}
@media (prefers-reduced-motion:reduce){.gh-genio{animation:none}.gh-vista{transition:opacity .2s}}
@media (min-width:1101px){
 .gh-grid{grid-template-columns:.8fr 1.3fr;gap:32px}
 .gh h1{font-size:clamp(40px,4.4vw,66px)}
 .gh-palco{padding-left:10%;margin-right:-60px}
 .gh-genio{left:-12%;height:84%}
}
/* v4: genio grande in primo piano, schermata vera più piccola dietro */
.gh-palco{padding:0!important;margin:0!important;height:min(720px,82svh);display:block}
.gh-schermo{position:absolute;right:-2%;top:10%;width:64%;z-index:1;transform:rotate(3deg);opacity:.96}
.gh-genio{left:auto!important;right:34%;bottom:0!important;height:100%!important;z-index:3}
.gh-vero{bottom:-6px;right:0}
@media (min-width:1101px){.gh-grid{grid-template-columns:.9fr 1.1fr}}
@media (max-width:1100px){.gh-palco{height:560px}.gh-genio{right:40%}}
@media (max-width:640px){.gh-palco{height:440px}.gh-schermo{width:70%;top:6%}.gh-genio{right:36%;height:96%!important}}
@media (min-width:1101px){.gh-genio{right:24%!important;height:96%!important}.gh-schermo{right:-8%;top:16%;width:60%}.gh-testo{position:relative;z-index:4}}
/* v5: genio posizionato come nella prima hero (centrato nella colonna destra), schermata piccola dietro */
@media (min-width:1101px){.gh-grid{grid-template-columns:1.05fr .95fr!important;gap:40px}}
.gh-palco{position:relative;height:clamp(420px,62vh,640px)!important;display:flex!important;align-items:center;justify-content:center}
.gh-genio{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;height:100%!important;max-width:100%;width:auto;z-index:3}
.gh-schermo{position:absolute!important;top:6%!important;right:-12%!important;left:auto;width:52%!important;z-index:1;transform:rotate(4deg);opacity:.9}
.gh-vero{position:absolute;right:-12%;bottom:-4px}
@media (max-width:640px){.gh-palco{height:420px!important}.gh-schermo{width:56%!important;right:-4%!important}.gh-vero{right:0}}
/* v6: genio con schermi veri, telefono sempre nello stesso punto; esempi dashboard più in basso */
.gh-genio{animation:g-galleggia 5s ease-in-out infinite}
.gh-schermo{top:auto!important;bottom:4%!important;right:-16%!important;width:46%!important;transform:rotate(3deg)}
.gh-vero{bottom:-30px!important;right:-16%!important}
@media (max-width:640px){.gh-schermo{right:-2%!important;width:48%!important;bottom:6%!important}.gh-vero{right:0!important;bottom:-26px!important}}

/* loghi degli strumenti che uso, attorno al genio */
.gh-loghi{position:absolute;inset:0;z-index:4;pointer-events:none}
.gh-logo{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 9px;background:#fff;border-radius:999px;box-shadow:0 10px 26px #0006;opacity:0;animation:gh-logo-in .5s cubic-bezier(.34,1.56,.64,1) forwards,g-galleggia 5s ease-in-out infinite;animation-delay:var(--d),calc(var(--d) + .5s)}
.gh-logo i{width:22px;height:22px;background:var(--c);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.gh-logo b{font:700 13px Satoshi,sans-serif;color:#0A1328;white-space:nowrap}
.gh-logo:nth-child(1){left:-4%;top:10%}.gh-logo:nth-child(2){left:-12%;top:34%}.gh-logo:nth-child(3){left:-6%;top:58%}
.gh-logo:nth-child(4){right:-10%;top:6%}.gh-logo:nth-child(5){right:-18%;top:28%}
@keyframes gh-logo-in{from{opacity:0;scale:.6}to{opacity:1;scale:1}}
@media (max-width:640px){.gh-logo{padding:6px 9px 6px 7px}.gh-logo b{font-size:11px}.gh-logo i{width:17px;height:17px}.gh-logo:nth-child(2){left:-2%}.gh-logo:nth-child(4){right:0}.gh-logo:nth-child(5){right:-2%}}
@media (prefers-reduced-motion:reduce){.gh-logo{animation:none;opacity:1}}
.gh-loghi-lab{position:absolute;left:-12%;top:2%;margin:0;z-index:4;font:700 11px Satoshi,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9FB2DD}
@media (max-width:640px){.gh-loghi-lab{left:0;top:-2%}}
/* logo come immagine canonica */
.gb-logo img{height:46px;width:auto}
.site-footer .gb-logo img{height:70px}
/* colori e caratteri nei ruoli del kit */
.gh h1 em,.g-hero h1 em{color:#00C2FF}
.g-firma{font-family:Satoshi,sans-serif;font-weight:900;letter-spacing:0}
.g-parola{font-family:Satoshi,sans-serif}
/* telefono: prima il genio, poi il modulo */
@media (max-width:1100px){
 .gh-testo{display:contents}
 .gh-testo>*{order:1}
 .gh-palco{order:2}
 .gh-form{order:3}
}
@media (max-width:1100px){.gh-grid{gap:14px;min-height:0;align-content:start}.gh .g-lead,.gh h1,.gh .g-firma,.gh-tabs{margin-top:0;margin-bottom:0}.gh-palco{margin-top:24px!important}}