/* Sorgente: #css-base */
:root{--bg:#02040a;--cyan:#00d4ff;--glow:rgba(0,212,255,0.3);--white:#f0f8ff;--text:#c8e8f8;--muted:#7aadca;--green:#00ff88;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%;}
body{background:#02040a;overflow-x:hidden;max-width:100%;}
#spa-container{position:relative;z-index:1;}
/* Navigazione condivisa: resta coerente anche quando gli stili di una singola pagina sono disattivati. */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px clamp(16px,3.6vw,52px);min-height:64px;background:rgba(3,6,9,.86);border-bottom:1px solid rgba(173,220,233,.1);backdrop-filter:saturate(125%) blur(18px);-webkit-backdrop-filter:saturate(125%) blur(18px);}
.logo{display:flex;align-items:center;min-width:44px;min-height:44px;color:#f0f8ff;text-decoration:none;font:400 22px/1 'Bebas Neue',sans-serif;letter-spacing:6px;}
.logo em{color:var(--cyan);font-style:normal;}
.nav-btns{display:flex;align-items:center;justify-content:flex-end;gap:12px;}
.nbtn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border:1px solid transparent;border-radius:999px;color:var(--muted);background:transparent;text-decoration:none;text-transform:uppercase;font:700 9px/1.2 'JetBrains Mono',monospace;letter-spacing:1.5px;transition:color .2s,background .2s,transform .2s;}
.nbtn:hover{color:var(--white);transform:translateY(-1px);}
.nbtn-fill{color:var(--bg);background:var(--cyan);}
.nbtn-fill:hover{color:var(--bg);background:var(--white);}
@media(max-width:640px){nav{padding:8px 16px;gap:8px}.logo{font-size:18px;letter-spacing:4px}.nav-btns{gap:6px}.nbtn{padding:8px 11px;font-size:8px;letter-spacing:1px}}
/* Page fade transition */
.page-enter{animation:pageIn .3s cubic-bezier(.16,1,.3,1) both;}
@keyframes pageIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
/* Chat widget — always visible */
/* CHAT WIDGET */
#chat-btn{position:fixed;bottom:32px;right:32px;z-index:9000;width:56px;height:56px;border-radius:50%;background:var(--cyan);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;animation:chatPulse 2.5s infinite;transition:transform .2s,box-shadow .2s;}
#chat-btn:hover{transform:scale(1.1);box-shadow:0 0 32px var(--glow);}
@keyframes chatPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,212,255,0.4);}50%{box-shadow:0 0 0 12px rgba(0,212,255,0);}}
#chat-btn svg{width:24px;height:24px;fill:var(--bg);}
#chat-box{position:fixed;bottom:100px;right:32px;z-index:9000;width:360px;max-height:520px;background:var(--panel);border:1px solid rgba(0,212,255,0.25);box-shadow:0 24px 80px rgba(0,0,0,0.6),0 0 60px rgba(0,212,255,0.08);display:none;flex-direction:column;}
#chat-box.open{display:flex;animation:chatSlideUp .25s cubic-bezier(.16,1,.3,1);}
@keyframes chatSlideUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
.chat-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:rgba(0,212,255,0.05);}
.chat-header-l{display:flex;align-items:center;gap:10px;}
.chat-pulse{width:8px;height:8px;border-radius:50%;background:var(--green);animation:blink 1.5s infinite;flex-shrink:0;}
.chat-title{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:2px;color:var(--white);}
.chat-sub{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:2px;color:var(--green);text-transform:uppercase;}
.chat-close{background:none;border:none;cursor:pointer;color:var(--muted);font-size:18px;line-height:1;padding:4px;transition:color .2s;}
.chat-close:hover{color:var(--white);}
.chat-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:200px;max-height:320px;}
.chat-msgs::-webkit-scrollbar{width:3px;}
.chat-msgs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;}
.msg{max-width:82%;padding:10px 14px;font-size:12px;line-height:1.6;}
.msg-bot{background:rgba(0,212,255,0.08);border:1px solid var(--border);color:var(--text);align-self:flex-start;border-radius:0 8px 8px 8px;}
.msg-user{background:var(--cyan);color:var(--bg);align-self:flex-end;border-radius:8px 0 8px 8px;font-weight:700;}
.msg-typing{display:flex;gap:4px;align-items:center;padding:12px 14px;}
.typing-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);animation:typingBounce .9s infinite;}
.typing-dot:nth-child(2){animation-delay:.15s;}
.typing-dot:nth-child(3){animation-delay:.3s;}
@keyframes typingBounce{0%,100%{transform:translateY(0);opacity:.4;}50%{transform:translateY(-4px);opacity:1;}}
.chat-input-row{display:flex;border-top:1px solid var(--border);}
#chat-input{flex:1;background:transparent;border:none;outline:none;padding:14px 16px;font-size:12px;font-family:'Syne',sans-serif;color:var(--white);resize:none;}
#chat-input::placeholder{color:var(--muted);}
#chat-send{width:48px;background:none;border:none;border-left:1px solid var(--border);cursor:pointer;color:var(--cyan);font-size:18px;transition:all .2s;}
#chat-send:hover{background:rgba(0,212,255,0.08);}

/* Accessibilità, centro legale e modalità di sicurezza pre-pubblicazione */
.skip-link{position:fixed;left:12px;top:12px;z-index:12000;padding:10px 14px;background:#fff;color:#02040a;font:700 12px/1.2 'JetBrains Mono',monospace;transform:translateY(-180%);transition:transform .15s;}
.skip-link:focus{transform:translateY(0);}
:focus-visible{outline:3px solid #fff;outline-offset:3px;}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
#compliance-draft-banner{position:relative;z-index:11000;background:#7b1025;color:#fff;padding:12px 18px;text-align:center;font:700 12px/1.55 'JetBrains Mono',monospace;letter-spacing:.2px;border-bottom:2px solid #ff6b89;}
#compliance-draft-banner button{margin-left:10px;padding:5px 9px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;font:inherit;}
.legal-trigger{border:0;background:transparent;color:var(--muted);font:500 9px/1.5 'JetBrains Mono',monospace;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 0;text-align:left;}
.legal-trigger:hover{color:var(--white);}
.legal-links{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:12px;}
.legal-overlay{position:fixed;inset:0;z-index:11500;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(10px);}
.legal-overlay.open{display:flex;}
.legal-dialog{width:min(920px,100%);max-height:min(88vh,900px);overflow:auto;background:#07111e;color:#c8e8f8;border:1px solid rgba(0,212,255,.35);box-shadow:0 30px 100px rgba(0,0,0,.75);padding:clamp(22px,4vw,48px);position:relative;}
.legal-close{position:sticky;float:right;top:0;width:42px;height:42px;border:1px solid rgba(0,212,255,.3);background:#02040a;color:#fff;cursor:pointer;font-size:20px;z-index:2;}
.legal-dialog h2{font:700 clamp(30px,5vw,54px)/1 'Bebas Neue',sans-serif;letter-spacing:2px;color:#fff;margin:0 55px 16px 0;}
.legal-dialog h3{font:700 18px/1.35 'Syne',sans-serif;color:#fff;margin:28px 0 10px;}
.legal-dialog p,.legal-dialog li{font:400 13px/1.75 'Syne',sans-serif;color:#c8e8f8;}
.legal-dialog ul{padding-left:22px;margin:8px 0;}
.legal-dialog table{width:100%;border-collapse:collapse;margin:16px 0;font:400 12px/1.55 'Syne',sans-serif;}
.legal-dialog th,.legal-dialog td{text-align:left;vertical-align:top;padding:10px;border:1px solid rgba(0,212,255,.18);}
.legal-dialog th{color:#fff;background:rgba(0,212,255,.07);}
.legal-version{font:500 9px/1.5 'JetBrains Mono',monospace;color:#7aadca;margin-bottom:20px;}
.legal-placeholder{background:#8f1730;color:#fff;padding:2px 5px;font-weight:700;}
.privacy-ack{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:12px 0!important;color:var(--text)!important;font-size:11px!important;line-height:1.55!important;}
.privacy-ack input{width:18px!important;height:18px!important;min-width:18px!important;margin-top:1px!important;accent-color:var(--cyan);}
.privacy-ack button{border:0;background:transparent;color:var(--cyan);text-decoration:underline;cursor:pointer;font:inherit;padding:0;}
.ai-disclaimer{font:500 8px/1.55 'JetBrains Mono',monospace;color:var(--muted);padding:9px 12px;border-top:1px solid var(--border);background:rgba(0,0,0,.2);}
.form-status[role="alert"]{color:#ff8aa0;}
@media(max-width:640px){#compliance-draft-banner button{display:block;margin:8px auto 0}.legal-dialog{padding:20px 16px}.legal-dialog table,.legal-dialog tbody,.legal-dialog tr,.legal-dialog th,.legal-dialog td{display:block}.legal-dialog th{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Sorgente: #css-home */
:root{
  --bg:#02040a;--deep:#050b14;--panel:#091422;
  --border:rgba(0,210,255,0.12);--cyan:#00d4ff;
  --glow:rgba(0,212,255,0.3);--white:#f0f8ff;
  --text:#c8e8f8;--muted:#7aadca;--red:#ff2050;--green:#00ff88;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%;}
body{background:var(--bg);color:var(--white);font-family:'Syne',sans-serif;overflow-x:hidden;max-width:100%;}
body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(0,212,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,0.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;animation:gridShift 20s linear infinite;}
@keyframes gridShift{0%{background-position:0 0;}100%{background-position:60px 60px;}}
body::after{content:'';position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);z-index:9999;animation:scanH 4s ease-in-out infinite;pointer-events:none;opacity:.4;}
@keyframes scanH{0%,100%{top:0;opacity:0;}10%{opacity:.5;}90%{opacity:.3;}to{top:100vh;}}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:16px 52px;background:rgba(2,4,10,0.92);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);}
.logo{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:6px;color:var(--white);text-decoration:none;position:relative;}
.logo em{color:var(--cyan);font-style:normal;}
.logo::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);}
.nav-l{display:flex;gap:32px;list-style:none;}
.nav-l a{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:all .2s;position:relative;}
.nav-l a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--cyan);transition:width .25s;}
.nav-l a:hover{color:var(--white);}
.nav-l a:hover::after{width:100%;}
.nav-btns{display:flex;align-items:center;gap:16px;}
.nbtn{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;border:none;padding:9px 20px;cursor:pointer;text-decoration:none;transition:all .25s;}
.nbtn-ghost{color:var(--muted);background:transparent;border:1px solid transparent;}
.nbtn-ghost:hover{color:var(--white);}
.nbtn-fill{color:var(--bg);background:var(--cyan);clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);font-weight:700;}
.nbtn-fill:hover{background:var(--white);box-shadow:0 0 24px var(--glow);}

/* HERO */
#hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 52px 80px;overflow:hidden;z-index:1;}
.orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);}
.orb1{width:800px;height:800px;background:rgba(0,180,255,0.06);top:-250px;right:-200px;animation:orbFloat 8s ease-in-out infinite;}
.orb2{width:500px;height:500px;background:rgba(255,32,80,0.04);bottom:-150px;left:-100px;animation:orbFloat 10s ease-in-out infinite reverse;}
@keyframes orbFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-30px);}}
.hero-lines{position:absolute;right:0;top:0;bottom:0;width:45%;opacity:.05;pointer-events:none;}
.hero-lines svg{width:100%;height:100%;}
.htag{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--cyan);margin-bottom:24px;opacity:0;animation:fadeUp .7s .3s forwards;display:flex;align-items:center;gap:10px;}
.htag::before{content:'▶';}
.htag-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 1.5s infinite;display:inline-block;}
.hh1{font-family:'Bebas Neue',sans-serif;font-size:clamp(64px,9.5vw,148px);line-height:.87;max-width:900px;opacity:0;animation:fadeUp .85s .5s forwards;}
.hh1 .c{color:var(--cyan);}
.hh1 .o{-webkit-text-stroke:1px rgba(200,232,248,0.2);color:transparent;}
.hero-body{display:grid;grid-template-columns:1fr 400px;gap:60px;margin-top:48px;align-items:end;opacity:0;animation:fadeUp .8s .8s forwards;}
.hsub{font-size:16px;line-height:1.85;color:var(--text);max-width:520px;}
.hsub strong{color:var(--white);}
.hero-cta-block{display:flex;flex-direction:column;gap:10px;}
.hero-micro{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:2px;color:var(--muted);text-align:center;margin-top:6px;}
.hscroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;animation:fadeIn 1s 1.5s forwards;}
.hscroll span{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);}
.sline{width:1px;height:36px;background:linear-gradient(to bottom,var(--cyan),transparent);animation:spulse 2s infinite;}

/* BUTTONS */
.bp{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--bg);background:var(--cyan);border:none;padding:15px 32px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .25s;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);font-weight:700;text-align:center;}
.bp:hover{background:var(--white);box-shadow:0 0 32px var(--glow);transform:translateY(-2px);}

/* TICKER */
.ticker{background:var(--cyan);padding:9px 0;overflow:hidden;position:relative;z-index:1;}
.ttrack{display:flex;white-space:nowrap;animation:tickA 28s linear infinite;}
.ti{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--bg);padding:0 28px;font-weight:700;}

/* LAYOUT */
.s{position:relative;z-index:1;}
.w{max-width:1140px;margin:0 auto;padding:0 52px;}
.ey{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:4px;text-transform:uppercase;color:var(--cyan);margin-bottom:14px;opacity:.8;}
.h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(42px,5vw,80px);line-height:.92;}
.h2 .c{color:var(--cyan);}
.h2 .o{-webkit-text-stroke:1px rgba(200,232,248,0.18);color:transparent;}
.bt{font-size:15px;line-height:1.8;color:var(--text);}
.bt strong{color:var(--white);}
.section-head{margin-bottom:56px;}

/* STATS */
#stats{background:var(--deep);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:64px 0;}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.stat-item{padding:0 52px;text-align:center;position:relative;}
.stat-item:not(:last-child)::after{content:'';position:absolute;right:0;top:10%;bottom:10%;width:1px;background:var(--border);}
.stat-num{font-family:'Bebas Neue',sans-serif;font-size:clamp(56px,7vw,96px);color:var(--cyan);line-height:1;text-shadow:0 0 40px rgba(0,212,255,0.25);}
.stat-num span{font-size:.55em;color:var(--muted);}
.stat-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-top:8px;}
.stat-desc{font-size:12px;color:var(--text);margin-top:6px;line-height:1.5;}

/* SOLUZIONI */
#soluzioni{padding:100px 0;background:var(--bg);}
.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:52px;}
.sol-card{background:var(--panel);border:1px solid var(--border);padding:40px 32px;position:relative;overflow:hidden;transition:all .35s;cursor:default;}
.sol-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);transform:scaleX(0);transition:transform .4s;}
.sol-card:hover::before{transform:scaleX(1);}
.sol-card:hover{border-color:rgba(0,212,255,0.25);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,0.4);}
.sol-icon{font-size:36px;margin-bottom:24px;display:block;}
.sol-num{font-family:'Bebas Neue',sans-serif;font-size:80px;color:rgba(0,212,255,0.04);position:absolute;top:-10px;right:20px;line-height:1;pointer-events:none;}
.sol-t{font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--white);margin-bottom:14px;line-height:1;}
.sol-d{font-size:13px;line-height:1.7;color:var(--text);margin-bottom:24px;}
.sol-tags{display:flex;flex-wrap:wrap;gap:6px;}
.tag{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--border);padding:4px 10px;color:var(--muted);}

/* COME FUNZIONA */
#come-funziona{padding:100px 0;background:var(--deep);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:64px;position:relative;}
.steps-grid::before{content:'';position:absolute;top:40px;left:16.6%;right:16.6%;height:1px;background:linear-gradient(90deg,var(--border),rgba(0,212,255,0.3),var(--border));}
.step{padding:0 32px;text-align:center;}
.step-n{width:80px;height:80px;border-radius:50%;border:1px solid rgba(0,212,255,0.3);background:var(--panel);display:flex;align-items:center;justify-content:center;margin:0 auto 28px;font-family:'Bebas Neue',sans-serif;font-size:32px;color:var(--cyan);position:relative;transition:all .3s;}
.step:hover .step-n{box-shadow:0 0 30px var(--glow);}
.step-t{font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--white);margin-bottom:12px;}
.step-d{font-size:13px;line-height:1.7;color:var(--text);}
.step-detail{margin-top:16px;font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;color:var(--cyan);opacity:.7;text-transform:uppercase;}

/* CASI */
#casi{padding:100px 0;background:var(--bg);}
.casi-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:64px;}
.settori-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;}
.settore{background:var(--panel);border:1px solid var(--border);padding:28px 24px;position:relative;overflow:hidden;transition:all .3s;cursor:default;}
.settore::before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--cyan);transition:width .35s;}
.settore:hover::before{width:100%;}
.settore:hover{border-color:rgba(0,212,255,0.2);}
.settore-ico{font-size:28px;margin-bottom:16px;display:block;}
.settore-t{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--white);margin-bottom:8px;}
.settore-d{font-size:11px;line-height:1.6;color:var(--text);}
.settore-result{margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;color:var(--cyan);text-transform:uppercase;}

/* P90 */
#p90{padding:100px 0;position:relative;overflow:hidden;}
.p90-bg-num{position:absolute;font-family:'Bebas Neue',sans-serif;font-size:600px;line-height:1;color:rgba(0,212,255,.018);right:-80px;top:50%;transform:translateY(-50%);pointer-events:none;user-select:none;}
.p90-grid{display:grid;grid-template-columns:1fr 380px;gap:80px;align-items:start;}
.p90-headline{font-family:'Bebas Neue',sans-serif;font-size:clamp(60px,7vw,110px);line-height:.87;margin-bottom:28px;}
.p90-headline .c{color:var(--cyan);}
.p90-lead{font-size:16px;line-height:1.85;color:var(--text);margin-bottom:28px;}
.p90-lead strong{color:var(--white);}
.p90-pts{list-style:none;display:flex;flex-direction:column;gap:14px;margin:0 0 40px;}
.p90-pts li{display:flex;gap:12px;font-size:14px;line-height:1.6;color:var(--text);align-items:flex-start;}
.p90-pts li::before{content:'→';color:var(--cyan);flex-shrink:0;font-family:'JetBrains Mono',monospace;margin-top:2px;}
.p90-pts li strong{color:var(--white);}
.p90-r{position:sticky;top:100px;}
.sbox{background:var(--panel);border:1px solid var(--border);padding:36px;text-align:center;position:relative;margin-bottom:14px;overflow:hidden;}
.sbox::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);animation:scanBorder 2.5s infinite;}
@keyframes scanBorder{0%{background-position:-200% 0;}100%{background-position:200% 0;}}
.snum{font-family:'Bebas Neue',sans-serif;font-size:100px;color:var(--red);line-height:1;text-shadow:0 0 40px rgba(255,32,80,.3);}
.slbl{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-top:4px;}
.ssub{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:2px;color:var(--red);margin-top:12px;display:flex;align-items:center;justify-content:center;gap:5px;}
.dot{width:5px;height:5px;border-radius:50%;background:var(--red);animation:blink 1.2s infinite;}
.cta-panel{background:var(--panel);border:1px solid var(--border);padding:28px;}
.cta-panel-t{font-family:'Bebas Neue',sans-serif;font-size:22px;margin-bottom:6px;color:var(--white);}
.cta-panel-s{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:2px;color:var(--muted);margin-bottom:20px;}
.cta-pts{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px;}
.cta-pts li{font-size:12px;color:var(--text);display:flex;gap:8px;align-items:flex-start;}
.cta-pts li::before{content:'◆';color:var(--cyan);font-size:7px;flex-shrink:0;margin-top:5px;}
.cta-pts li strong{color:var(--white);}

/* PERCHÉ */
#perche{padding:100px 0;background:var(--deep);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:52px;}
.diff{background:rgba(0,0,0,0.3);border:1px solid var(--border);padding:40px 32px;transition:all .3s;position:relative;overflow:hidden;}
.diff::after{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(0,212,255,.04);transition:width .4s;}
.diff:hover::after{width:100%;}
.diff:hover{border-color:rgba(0,212,255,.25);}
.diff-ico{width:48px;height:48px;border:1px solid rgba(0,212,255,0.3);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:24px;position:relative;z-index:1;}
.diff-t{font-family:'Bebas Neue',sans-serif;font-size:26px;color:var(--white);margin-bottom:12px;position:relative;z-index:1;}
.diff-d{font-size:13px;line-height:1.7;color:var(--text);position:relative;z-index:1;}

/* FINAL CTA */
#fcta{padding:140px 52px;text-align:center;position:relative;overflow:hidden;}
#fcta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,212,255,.07) 0%,transparent 65%);}
.fh{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,8vw,115px);line-height:.88;position:relative;margin-bottom:24px;}
.fh .c{color:var(--cyan);}
.fs{font-size:15px;color:var(--text);margin-bottom:14px;position:relative;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.75;}
.fmicro{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2.5px;color:var(--muted);margin-bottom:44px;position:relative;text-transform:uppercase;}
.fb{display:flex;gap:12px;justify-content:center;position:relative;flex-wrap:wrap;}

/* FOOTER */
footer{background:var(--deep);border-top:1px solid var(--border);padding:56px 52px 30px;position:relative;z-index:1;}
.ft{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;margin-bottom:44px;}
.flogo{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:6px;margin-bottom:12px;}
.flogo em{color:var(--cyan);font-style:normal;}
.ftag{font-size:12px;line-height:1.7;color:var(--muted);max-width:260px;}
.fct{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin-bottom:14px;}
.fl{list-style:none;display:flex;flex-direction:column;gap:9px;}
.fl a{font-size:12px;color:var(--muted);text-decoration:none;transition:color .2s;}
.fl a:hover{color:var(--white);}
.fbot{display:flex;justify-content:space-between;align-items:flex-start;padding-top:24px;border-top:1px solid var(--border);flex-wrap:wrap;gap:14px;}
.fleg{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1px;color:rgba(200,232,248,.2);line-height:2;}
.fco{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:2px;color:rgba(0,212,255,.3);text-align:right;line-height:2;}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes tickA{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes spulse{0%,100%{opacity:.3;}50%{opacity:1;}}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.2;}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
.reveal.on{opacity:1;transform:translateY(0);}
.reveal-l{opacity:0;transform:translateX(-24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
.reveal-l.on{opacity:1;transform:translateX(0);}
.reveal-r{opacity:0;transform:translateX(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
.reveal-r.on{opacity:1;transform:translateX(0);}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}

/* CHAT WIDGET */
#chat-btn{position:fixed;bottom:32px;right:32px;z-index:9000;width:56px;height:56px;border-radius:50%;background:var(--cyan);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;animation:chatPulse 2.5s infinite;transition:transform .2s,box-shadow .2s;}
#chat-btn:hover{transform:scale(1.1);box-shadow:0 0 32px var(--glow);}
@keyframes chatPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,212,255,0.4);}50%{box-shadow:0 0 0 12px rgba(0,212,255,0);}}
#chat-btn svg{width:24px;height:24px;fill:var(--bg);}
#chat-box{position:fixed;bottom:100px;right:32px;z-index:9000;width:360px;max-height:520px;background:var(--panel);border:1px solid rgba(0,212,255,0.25);box-shadow:0 24px 80px rgba(0,0,0,0.6),0 0 60px rgba(0,212,255,0.08);display:none;flex-direction:column;}
#chat-box.open{display:flex;animation:chatSlideUp .25s cubic-bezier(.16,1,.3,1);}
@keyframes chatSlideUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
.chat-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:rgba(0,212,255,0.05);}
.chat-header-l{display:flex;align-items:center;gap:10px;}
.chat-pulse{width:8px;height:8px;border-radius:50%;background:var(--green);animation:blink 1.5s infinite;flex-shrink:0;}
.chat-title{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:2px;color:var(--white);}
.chat-sub{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:2px;color:var(--green);text-transform:uppercase;}
.chat-close{background:none;border:none;cursor:pointer;color:var(--muted);font-size:18px;line-height:1;padding:4px;transition:color .2s;}
.chat-close:hover{color:var(--white);}
.chat-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:200px;max-height:320px;}
.chat-msgs::-webkit-scrollbar{width:3px;}
.chat-msgs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;}
.msg{max-width:82%;padding:10px 14px;font-size:12px;line-height:1.6;}
.msg-bot{background:rgba(0,212,255,0.08);border:1px solid var(--border);color:var(--text);align-self:flex-start;border-radius:0 8px 8px 8px;}
.msg-user{background:var(--cyan);color:var(--bg);align-self:flex-end;border-radius:8px 0 8px 8px;font-weight:700;}
.msg-typing{display:flex;gap:4px;align-items:center;padding:12px 14px;}
.typing-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);animation:typingBounce .9s infinite;}
.typing-dot:nth-child(2){animation-delay:.15s;}
.typing-dot:nth-child(3){animation-delay:.3s;}
@keyframes typingBounce{0%,100%{transform:translateY(0);opacity:.4;}50%{transform:translateY(-4px);opacity:1;}}
.chat-input-row{display:flex;border-top:1px solid var(--border);}
#chat-input{flex:1;background:transparent;border:none;outline:none;padding:14px 16px;font-size:12px;font-family:'Syne',sans-serif;color:var(--white);resize:none;}
#chat-input::placeholder{color:var(--muted);}
#chat-send{width:48px;background:none;border:none;border-left:1px solid var(--border);cursor:pointer;color:var(--cyan);font-size:18px;transition:all .2s;}
#chat-send:hover{background:rgba(0,212,255,0.08);}

/* RESPONSIVE */
@media(max-width:1024px){.settori-grid{grid-template-columns:repeat(2,1fr);}.p90-grid{grid-template-columns:1fr;}.p90-r{position:static;}}
@media(max-width:900px){nav{padding:14px 20px;}.nav-l{display:none;}.w{padding:0 20px;}#hero{padding:100px 20px 60px;}#fcta{padding:80px 20px;}.hero-body{grid-template-columns:1fr;}.stats-grid{grid-template-columns:1fr;}.stat-item::after{display:none;}.stat-item{padding:24px 20px;border-bottom:1px solid var(--border);}.sol-grid,.diff-grid,.steps-grid{grid-template-columns:1fr;}.steps-grid::before{display:none;}.casi-intro{grid-template-columns:1fr;}.settori-grid{grid-template-columns:repeat(2,1fr);}.ft{grid-template-columns:1fr 1fr;gap:30px;}footer{padding:40px 20px 24px;}#chat-box{width:calc(100vw - 40px);right:20px;}}
@media(max-width:500px){.settori-grid{grid-template-columns:1fr;}.ft{grid-template-columns:1fr;}}

/* ═══════════════════════════════════════════════════
   NEW CONVERSION HOME CSS
═══════════════════════════════════════════════════ */

/* HERO — VIDEO SFONDO FULLSCREEN */
#hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:120px 52px 80px;overflow:hidden;z-index:1;text-align:center;}
.hero-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0.45;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(2,4,10,0.55) 0%,rgba(2,4,10,0.3) 50%,rgba(2,4,10,0.85) 100%);z-index:1;}
.hero-content{position:relative;z-index:2;max-width:860px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:0;}
.hero-content .htag{margin-bottom:24px;}
.hero-content .hh1{text-align:center;}
.hero-content .hsub{text-align:center;max-width:580px;margin:24px auto 0;}
.hero-content .hero-cta-block{align-items:center;margin-top:36px;margin-bottom:20px;}
/* Rimuovi le vecchie classi split che non servono più */
.hero-split,.hero-left,.hero-right,.hero-video-wrap{display:none!important;}

/* TRUST MICRO */
.trust-micro{display:flex;gap:20px;flex-wrap:wrap;margin-top:4px;}
.trust-item{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;}
.trust-item::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cyan);display:inline-block;}

/* LOGO BAR */
.logo-bar{padding:32px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);position:relative;z-index:1;}
.logo-bar-label{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:24px;opacity:.7;}
.logo-strip{display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap;}
.client-logo{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:4px;color:var(--muted);opacity:0.45;transition:opacity .2s;cursor:default;}
.client-logo:hover{opacity:0.9;}

/* SHOWCASE GRID — video grandi e d'impatto */
.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.sc-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:all .3s cubic-bezier(.2,.8,.2,1);}
.sc-card:hover{box-shadow:0 0 40px rgba(0,212,255,0.15);transform:translateY(-4px);border-color:rgba(0,212,255,0.3);}
/* Video wrap nella card — più alto e d'impatto */
.sc-video-wrap{position:relative;overflow:hidden;background:var(--deep);}
.sc-video-wrap video{width:100%;aspect-ratio:9/7;object-fit:cover;display:block;}
.sc-video-wrap .video-badge{position:absolute;top:12px;left:12px;}
.sc-card-body{padding:20px 24px 24px;}
.sc-card-title{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--white);margin-bottom:10px;line-height:1;}
.sc-card-desc{font-size:13px;line-height:1.7;color:var(--text);}

/* VIDEO CARD legacy (rimuovi duplicati) */
.video-card{position:relative;overflow:hidden;}
.video-card video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:8px 8px 0 0;}
.video-badge{position:absolute;top:12px;left:12px;font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:2px;background:rgba(0,212,255,0.15);border:1px solid rgba(0,212,255,0.4);color:var(--cyan);padding:4px 10px;text-transform:uppercase;backdrop-filter:blur(8px);}

/* PROCESSO — step media più grandi */
.step-media{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:8px;margin-bottom:20px;background:var(--panel);border:1px solid var(--border);}
.step-media video.step-video{width:100%;height:100%;object-fit:cover;display:block;}

/* RESULT HIGHLIGHT */
.result-highlight{margin-top:16px;padding:10px 16px;background:rgba(0,212,255,0.05);border-left:2px solid var(--cyan);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1px;color:var(--cyan);}

/* STATS 4 COLONNE */
.stats-4col{grid-template-columns:repeat(4,1fr)!important;}

/* PROCESSO connettori e numeri */
.steps-media{position:relative;}
.steps-media::before{content:'';position:absolute;top:110px;left:16.6%;right:16.6%;height:1px;background:linear-gradient(90deg,var(--border),rgba(0,212,255,0.3),var(--border));}
.step-num-bg{font-family:'Bebas Neue',sans-serif;font-size:48px;color:var(--cyan);opacity:0.3;line-height:1;margin-bottom:-8px;}
.duration-badge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:2px;background:rgba(0,255,136,0.08);border:1px solid rgba(0,255,136,0.25);color:var(--green);padding:4px 12px;text-transform:uppercase;margin-top:12px;}

/* DEMO LIVE */
/* ══ AGENT DEMO CARDS ══ */
#demo-live{padding:72px 0 60px;background:var(--deep);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.ac-stack{display:flex;flex-direction:column;gap:16px;margin-top:36px;}

/* card = tool box full width, overlay sits on top */
.ac-card{position:relative;border:1px solid var(--border);overflow:hidden;background:var(--panel);min-height:460px;}
@media(max-width:900px){.ac-card{min-height:520px;}}
@media(max-width:500px){.ac-card{min-height:580px;}}

/* ── OVERLAY (cinematic preview — covers entire card) ── */
.ac-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 24px;transition:opacity .9s cubic-bezier(.16,1,.3,1),visibility .9s;cursor:pointer;}
.ac-overlay.dismissed{opacity:0;visibility:hidden;pointer-events:none;}
/* background per agente */
.ac-card-filmmaker .ac-overlay{background:linear-gradient(155deg,#0d0800 0%,#1a1000 45%,#050812 100%);}
.ac-card-photo     .ac-overlay{background:linear-gradient(155deg,#04040f 0%,#0a0a22 50%,#020308 100%);}
.ac-card-voice     .ac-overlay{background:linear-gradient(155deg,#020a06 0%,#001a0e 50%,#02080a 100%);}
/* grain solo filmmaker */
.ac-card-filmmaker .ac-overlay::before{content:'';position:absolute;inset:0;opacity:.14;pointer-events:none;animation:acNoise .08s steps(1) infinite;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;}
@keyframes acNoise{0%{background-position:0 0;}25%{background-position:50px 20px;}50%{background-position:20px 80px;}75%{background-position:80px 50px;}100%{background-position:10px 30px;}}
/* letterbox sottile solo su filmmaker come effetto estetico, non blocca il video */
.ac-lb{position:absolute;left:0;right:0;height:6%;background:linear-gradient(to bottom,#000,transparent);z-index:3;pointer-events:none;}
.ac-lb-t{top:0;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);}
/* ac-lb-b rimosso — causava barra nera visibile */
/* center graphic */
.ac-overlay-graphic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none;transition:opacity .5s;}
.ac-overlay-graphic svg{width:clamp(70px,10vw,110px);height:auto;opacity:.65;filter:drop-shadow(0 0 22px currentColor);transition:transform .3s;}
.ac-card.playing .ac-overlay-graphic svg{transform:scale(1.06);}
.ac-card.playing .ac-overlay-graphic{opacity:0;}
.ac-card-filmmaker .ac-overlay-graphic svg{color:#ff9900;}
.ac-card-photo     .ac-overlay-graphic svg{color:#6699ff;}
.ac-card-voice     .ac-overlay-graphic svg{color:#00ff88;}
/* video inside overlay — revealed by JS class, not CSS auto-transition */
.ac-overlay-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:2;opacity:0;}
.ac-card.video-live .ac-overlay-video{opacity:1;transition:opacity .35s ease;}
/* hide overlay meta + padding once playing so no empty bar */
.ac-card.playing .ac-overlay-meta{opacity:0;pointer-events:none;}
.ac-card.playing .ac-overlay{padding:0;}
/* flash foto */
.ac-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:4;animation:acFlash 3.8s ease-in-out infinite;}
@keyframes acFlash{0%,90%,100%{opacity:0;}93%{opacity:.22;}95%{opacity:0;}}
/* voice bars */
.ac-wave{display:flex;align-items:center;gap:3px;position:absolute;inset:0;justify-content:center;z-index:3;pointer-events:none;}
.ac-wave-bar{width:3px;border-radius:2px;background:var(--green);opacity:.5;animation:acBarIdle 1.4s ease-in-out infinite;}
.ac-wave-bar:nth-child(1){height:12px;animation-delay:0s;}
.ac-wave-bar:nth-child(2){height:20px;animation-delay:.1s;}
.ac-wave-bar:nth-child(3){height:32px;animation-delay:.2s;}
.ac-wave-bar:nth-child(4){height:44px;animation-delay:.08s;}
.ac-wave-bar:nth-child(5){height:58px;animation-delay:.15s;}
.ac-wave-bar:nth-child(6){height:70px;animation-delay:.05s;}
.ac-wave-bar:nth-child(7){height:58px;animation-delay:.22s;}
.ac-wave-bar:nth-child(8){height:44px;animation-delay:.12s;}
.ac-wave-bar:nth-child(9){height:32px;animation-delay:.04s;}
.ac-wave-bar:nth-child(10){height:20px;animation-delay:.18s;}
.ac-wave-bar:nth-child(11){height:12px;animation-delay:.09s;}
@keyframes acBarIdle{0%,100%{transform:scaleY(1);}50%{transform:scaleY(.3);}}
.ac-card.playing .ac-wave-bar{opacity:.9;animation-name:acBarLive;}
@keyframes acBarLive{0%,100%{transform:scaleY(1);}30%{transform:scaleY(2.4);}60%{transform:scaleY(.35);}80%{transform:scaleY(1.7);}}
/* overlay bottom meta */
.ac-overlay-meta{position:relative;z-index:6;}
.ac-overlay-tag{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin-bottom:4px;opacity:.8;}
.ac-overlay-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);line-height:.92;color:var(--white);}
.ac-overlay-desc{display:none;}
/* play button — centered in overlay */
.ac-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);z-index:10;width:60px;height:60px;border-radius:50%;background:rgba(0,212,255,.12);border:1.5px solid rgba(0,212,255,.55);color:var(--cyan);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s;backdrop-filter:blur(8px);padding-left:4px;}
.ac-play-btn:hover{background:rgba(0,212,255,.28);box-shadow:0 0 28px rgba(0,212,255,.4);transform:translate(-50%,-60%) scale(1.08);}
.ac-card.playing .ac-play-btn{opacity:0;pointer-events:none;transition:opacity .3s;}
/* loading state while video buffers — spin the border */
.ac-card.loading .ac-play-btn{opacity:1;pointer-events:none;border-color:var(--cyan);animation:acBtnSpin .8s linear infinite;background:rgba(0,212,255,.18);}
.ac-card.loading .ac-play-btn::after{content:'';position:absolute;inset:-2px;border-radius:50%;border:1.5px solid transparent;border-top-color:var(--cyan);animation:acBtnSpin .6s linear infinite;}
@keyframes acBtnSpin{to{transform:translate(-50%,-60%) rotate(360deg);}}
/* progress bar */
.ac-prog{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(255,255,255,.07);z-index:10;}
.ac-prog-fill{height:100%;width:0;background:var(--cyan);}
.ac-card.playing .ac-prog-fill{transition:width 8s linear;width:100%;}

/* ── TOOL BOX (always present under overlay) ── */
.ac-tool-inner{position:absolute;inset:0;padding:20px 22px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;}
.ac-tool-header{display:flex;align-items:center;justify-content:space-between;}
.ac-tool-tag{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);}
.ac-tool-badge{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:1.5px;color:var(--green);background:rgba(0,255,136,.07);border:1px solid rgba(0,255,136,.2);padding:3px 8px;text-transform:uppercase;}
.ac-tool-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(20px,2.5vw,28px);color:var(--white);line-height:1;}
/* template tabs */
.ac-tpl-tabs{display:flex;gap:2px;flex-wrap:wrap;}
.ac-tpl-tab{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1px;text-transform:uppercase;padding:8px 12px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:all .2s;flex:1;min-width:70px;text-align:center;}
.ac-tpl-tab.active{border-color:rgba(0,212,255,.5);color:var(--white);background:rgba(0,212,255,.07);}
/* PROMPT BUILDER — testo fisso + campi inline come nel lab */
.ac-prompt-label{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);}
.ac-prompt-label span{color:var(--cyan);}
.ac-prompt-builder{font-size:11.5px;color:var(--muted);line-height:2.4;display:flex;flex-wrap:wrap;align-items:center;gap:3px;min-height:32px;border:1px solid var(--border);padding:10px 12px;background:rgba(0,0,0,.25);}
.ac-pf{background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.35);color:var(--white);font-family:'JetBrains Mono',monospace;font-size:10px;padding:3px 8px;outline:none;min-width:80px;max-width:150px;border-radius:2px;text-align:center;transition:border-color .2s;-webkit-appearance:none;}
.ac-pf:focus{border-color:var(--cyan);}
.ac-pf::placeholder{color:rgba(0,212,255,.45);}
/* style switcher (video) */
.ac-style-row{display:flex;gap:2px;}
.ac-style-btn{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;flex:1;padding:9px 6px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:all .2s;text-align:center;}
.ac-style-btn.active{border-color:rgba(0,212,255,.5);color:var(--white);background:rgba(0,212,255,.07);}
/* bottom row */
.ac-bottom-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:stretch;min-height:52px;flex:1;}
.ac-gen-btn{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:0 20px;background:var(--cyan);color:var(--bg);border:none;cursor:pointer;font-weight:700;transition:all .25s;white-space:nowrap;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);}
.ac-gen-btn:hover{background:var(--white);box-shadow:0 0 20px var(--glow);}
.ac-gen-btn:disabled{opacity:.45;cursor:not-allowed;}
.ac-output{border:1px solid var(--border);background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;min-height:60px;}
.ac-output-placeholder{font-family:'JetBrains Mono',monospace;font-size:7.5px;letter-spacing:2px;color:rgba(122,173,202,.35);text-transform:uppercase;text-align:center;padding:8px;}
.ac-output img{width:100%;height:100%;object-fit:contain;object-position:center;background:#000;cursor:zoom-in;}
.ac-output video{width:100%;height:100%;object-fit:contain;object-position:center;background:#000;}
/* voice centered */
.ac-voice-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px;padding:20px 0;text-align:center;}
.ac-voice-status{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:2.5px;text-transform:uppercase;color:var(--green);}
.ac-voice-hint{font-size:11px;color:var(--muted);line-height:1.5;max-width:220px;text-align:center;}
.ac-spin{width:22px;height:22px;border:2px solid rgba(0,212,255,.2);border-top-color:var(--cyan);border-radius:50%;animation:acSpin .7s linear infinite;}
@keyframes acSpin{to{transform:rotate(360deg);}}
/* email gate */
.ac-gate{position:absolute;inset:0;background:rgba(2,4,10,.94);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:25;padding:24px;transition:opacity .4s,visibility .4s;}
.ac-gate.hidden{opacity:0;visibility:hidden;pointer-events:none;}
.ac-gate-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;color:var(--white);text-align:center;}
.ac-gate-sub{font-size:10.5px;color:var(--muted);text-align:center;line-height:1.55;max-width:260px;}
.ac-gate-input{width:100%;max-width:280px;background:rgba(0,0,0,.5);border:1px solid var(--border);color:var(--white);font-size:14px;font-family:'Syne',sans-serif;padding:13px 16px;-webkit-appearance:none;}
.ac-gate-input:focus{outline:none;border-color:rgba(0,212,255,.5);}
.ac-gate-input::placeholder{color:var(--muted);}
/* voice */
.ac-voice-body{display:flex;align-items:center;gap:20px;padding:8px 0;}
.ac-voice-ring{width:60px;height:60px;border-radius:50%;border:1.5px solid rgba(0,255,136,.4);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s;flex-shrink:0;}
.ac-voice-ring::before{content:'';position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(0,255,136,.15);animation:acVPulse 2s infinite;}
.ac-voice-ring::after{content:'';position:absolute;inset:-16px;border-radius:50%;border:1px solid rgba(0,255,136,.07);animation:acVPulse 2s .4s infinite;}
@keyframes acVPulse{0%,100%{transform:scale(1);opacity:1;}70%{transform:scale(1.15);opacity:0;}}
.ac-voice-ring:hover{border-color:rgba(0,255,136,.8);box-shadow:0 0 20px rgba(0,255,136,.3);}
.ac-voice-icon{font-size:24px;}
.ac-voice-info{display:flex;flex-direction:column;gap:5px;}
.ac-voice-status{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:2.5px;text-transform:uppercase;color:var(--green);}
.ac-voice-hint{font-size:11px;color:var(--muted);line-height:1.5;max-width:220px;}
.demo-chat-input{flex:1;background:transparent;border:none;outline:none;padding:14px 16px;font-size:12px;font-family:'Syne',sans-serif;color:var(--white);}
.demo-chat-input::placeholder{color:var(--muted);}
.chat-send-btn{width:48px;background:none;border:none;border-left:1px solid var(--border);cursor:pointer;color:var(--cyan);font-size:18px;transition:all .2s;}
.chat-send-btn:hover{background:rgba(0,212,255,0.08);}
.demo-live-badge{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(0,212,255,0.3);padding:6px 12px;margin-bottom:20px;width:fit-content;}
.demo-live-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,3.5vw,48px);color:var(--white);line-height:1.05;margin-bottom:16px;}
.demo-live-sub{font-size:13px;line-height:1.75;color:var(--text);margin-bottom:20px;}
.demo-live-pts{list-style:none;display:flex;flex-direction:column;gap:10px;}
.demo-live-pts li{font-size:13px;color:var(--text);display:flex;gap:8px;align-items:flex-start;}
.demo-live-pts li::before{content:'→';color:var(--cyan);font-family:'JetBrains Mono',monospace;flex-shrink:0;}
.quick-replies{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px;border-top:1px solid var(--border);}
.qr-btn{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1px;border:1px solid var(--border);background:transparent;color:var(--cyan);padding:6px 12px;cursor:pointer;transition:all 0.2s;}
.qr-btn:hover{background:rgba(0,212,255,0.1);border-color:var(--cyan);}

/* CONTATTI FORM */
#contatti-form{background:var(--deep);border-top:1px solid var(--border);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.contact-form{display:flex;flex-direction:column;gap:12px;}
.cf-input{background:rgba(0,212,255,0.04);border:1px solid var(--border);color:var(--white);padding:13px 16px;font-family:'Syne',sans-serif;font-size:13px;outline:none;transition:border-color .2s;width:100%;}
.cf-input:focus{border-color:rgba(0,212,255,0.5);}
.cf-input::placeholder{color:var(--muted);}
.cf-select{appearance:none;cursor:pointer;}
.cf-select option{background:var(--deep);color:var(--white);}
.contact-success{text-align:center;padding:40px;border:1px solid rgba(0,255,136,0.3);background:rgba(0,255,136,0.04);color:var(--green);}

/* STICKY CTA */
.sticky-cta{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);z-index:999;opacity:0;transition:all .4s cubic-bezier(.2,.8,.2,1);pointer-events:none;}
.sticky-cta.visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
.sticky-cta-btn{display:block;background:#00d4ff;color:#02040a;font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:3px;padding:14px 36px;text-decoration:none;white-space:nowrap;box-shadow:0 8px 32px rgba(0,212,255,0.35);transition:transform .2s,box-shadow .2s;}
.sticky-cta-btn:hover{transform:scale(1.03);box-shadow:0 12px 40px rgba(0,212,255,0.5);}


/* CASE STUDY ─── */
#case-study{background:var(--deep);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.cs-wrap{padding:80px 0;}
.cs-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);display:flex;align-items:center;gap:10px;margin-bottom:48px;opacity:.8;}
.cs-body{display:grid;grid-template-columns:1fr 380px;gap:80px;align-items:center;}
.cs-sector{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:16px;}
.cs-headline{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,6vw,80px);line-height:.92;color:var(--white);margin-bottom:24px;}
.cs-desc{font-size:15px;line-height:1.8;color:var(--text);margin-bottom:20px;}
.cs-detail{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1px;color:var(--muted);padding:14px 20px;border-left:2px solid var(--cyan);background:rgba(0,212,255,.04);margin-bottom:8px;}
.cs-metrics{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
.cs-metric{background:rgba(255,255,255,.025);border:1px solid var(--border);padding:28px 24px;position:relative;overflow:hidden;transition:border-color .25s;}
.cs-metric::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0;transition:opacity .3s;}
.cs-metric:hover{border-color:rgba(0,212,255,.3);}
.cs-metric:hover::before{opacity:1;}
.cs-metric-num{font-family:'Bebas Neue',sans-serif;font-size:52px;line-height:1;color:var(--cyan);margin-bottom:6px;}
.cs-metric-label{font-size:12px;color:var(--white);font-weight:600;margin-bottom:4px;}
.cs-metric-sub{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;}
@media(max-width:900px){.cs-body{grid-template-columns:1fr;gap:40px;}.cs-metrics{grid-template-columns:1fr 1fr;}}
@media(max-width:500px){.cs-metrics{grid-template-columns:1fr;}}

/* AGENT TABS */
.agent-tabs{display:flex;gap:0;border:1px solid rgba(0,212,255,0.15);margin-bottom:0;overflow:hidden;}
.agent-tab{flex:1;background:transparent;border:none;border-right:1px solid rgba(0,212,255,0.1);padding:20px 24px;cursor:pointer;text-align:left;transition:all .25s;position:relative;}
.agent-tab:last-child{border-right:none;}
.agent-tab::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#00d4ff;transform:scaleX(0);transition:transform .25s;}
.agent-tab.active{background:rgba(0,212,255,0.06);}
.agent-tab.active::after{transform:scaleX(1);}
.agent-tab-num{display:block;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:#00d4ff;margin-bottom:6px;}
.agent-tab-label{display:block;font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:1.5px;color:#c8e8f8;transition:color .2s;}
.agent-tab.active .agent-tab-label,.agent-tab:hover .agent-tab-label{color:#f0f8ff;}

/* AGENT PANELS */
.agent-panels{border:1px solid rgba(0,212,255,0.15);border-top:none;}
.agent-panel{display:none;grid-template-columns:55% 45%;gap:0;}
.agent-panel.active{display:grid;}
.agent-panel-video{position:relative;overflow:hidden;background:#02040a;}
.agent-panel-video video{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;}
.agent-panel-video .video-badge{position:absolute;top:16px;left:16px;}
.agent-panel-info{padding:40px 36px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(0,212,255,0.1);}
.agent-panel-num{font-family:'Bebas Neue',sans-serif;font-size:64px;line-height:1;color:rgba(0,212,255,0.1);margin-bottom:-16px;}
.agent-panel-title{font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:1px;color:#f0f8ff;margin-bottom:16px;line-height:1.1;}
.agent-panel-desc{font-size:14px;line-height:1.75;color:#c8e8f8;margin-bottom:24px;}
.agent-panel-metrics{display:flex;gap:20px;padding:16px 0;border-top:1px solid rgba(0,212,255,0.1);border-bottom:1px solid rgba(0,212,255,0.1);margin-bottom:8px;}
.apm-item{display:flex;flex-direction:column;gap:4px;}
.apm-val{font-family:'Bebas Neue',sans-serif;font-size:24px;color:#00d4ff;line-height:1;}
.apm-label{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;color:#7aadca;text-transform:uppercase;}


/* AGENTI VERTICALI (av-*) */
.av-list{display:flex;flex-direction:column;gap:0;}
/* ogni agente: video 60% + info 40%, altezza fissa */
.av-row{display:grid;grid-template-columns:60fr 40fr;gap:0;border:1px solid var(--border);overflow:hidden;}
.av-row-rev{grid-template-columns:40fr 60fr;}
.av-row-rev .av-video-col{order:2;}
.av-row-rev .av-info-col{order:1;}
/* video col */
.av-video-col{position:relative;overflow:hidden;background:#000;}
.av-video-wrap{position:relative;width:100%;height:100%;min-height:420px;}
.av-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block;}
/* gradiente bottom nasconde watermark */
.av-video-wrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:42%;background:linear-gradient(to top,#02040a 0%,rgba(2,4,10,0.65) 45%,transparent 100%);z-index:2;pointer-events:none;}
.av-video-wrap .video-badge{position:absolute;top:16px;left:16px;z-index:3;}
/* info col */
.av-info-col{padding:52px 52px;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.018);}
.av-num{font-family:'Bebas Neue',sans-serif;font-size:72px;line-height:1;color:rgba(0,212,255,.08);margin-bottom:-12px;user-select:none;}
.av-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(24px,2.8vw,38px);line-height:1.05;color:var(--white);margin-bottom:16px;}
.av-desc{font-size:13px;line-height:1.8;color:var(--text);margin-bottom:24px;}
.av-metrics{display:flex;gap:20px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:24px;flex-wrap:wrap;}
.avm-item{display:flex;flex-direction:column;gap:3px;}
.avm-val{font-family:'Bebas Neue',sans-serif;font-size:26px;color:var(--cyan);line-height:1;}
.avm-label{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;}
.av-cta{display:inline-block;margin-top:0;}
/* separatori tra agenti */
.av-separator{height:64px;display:flex;align-items:center;}
.av-sep-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.12),transparent);}
.av-sep-dot{width:6px;height:6px;border-radius:50%;background:rgba(0,212,255,.25);flex-shrink:0;box-shadow:0 0 8px rgba(0,212,255,.25);}
@media(max-width:900px){
  .av-row,.av-row-rev{grid-template-columns:1fr;border:1px solid var(--border);}
  .av-row-rev .av-video-col,.av-row-rev .av-info-col{order:unset;}
  .av-video-wrap{min-height:56vw;}
  .av-info-col{padding:32px 24px;}
  .av-num{font-size:48px;}
  .av-metrics{gap:16px;}
}


/* PROCESSO ACCORDION */
.proc-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.proc-steps{display:flex;flex-direction:column;gap:0;}
.proc-step{border:1px solid var(--border);border-top:none;cursor:pointer;transition:background .2s;position:relative;overflow:hidden;}
.proc-step:first-child{border-top:1px solid var(--border);}
.proc-step::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cyan);transform:scaleY(0);transition:transform .3s cubic-bezier(.16,1,.3,1);}
.proc-step.active::before{transform:scaleY(1);}
.proc-step.active{background:rgba(0,212,255,.04);}
.proc-step-head{display:flex;align-items:center;gap:16px;padding:20px 24px;user-select:none;}
.proc-num{font-family:'Bebas Neue',sans-serif;font-size:32px;color:rgba(0,212,255,.3);line-height:1;flex-shrink:0;transition:color .2s;}
.proc-step.active .proc-num{color:var(--cyan);}
.proc-title{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1px;color:var(--white);}
.proc-sub{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-top:3px;}
.proc-arrow{margin-left:auto;font-size:20px;color:var(--muted);transition:transform .3s,color .2s;flex-shrink:0;}
.proc-step.active .proc-arrow{transform:rotate(90deg);color:var(--cyan);}
.proc-step-body{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .3s;}
.proc-step.active .proc-step-body{max-height:200px;padding:0 24px 20px 24px;}
.proc-desc{font-size:13px;line-height:1.75;color:var(--text);margin-bottom:12px;}
.proc-video-wrap{position:sticky;top:100px;background:var(--deep);border:1px solid var(--border);overflow:hidden;aspect-ratio:16/9;}
.proc-video-panel{display:none;width:100%;height:100%;}
.proc-video-panel.active{display:block;}
.proc-video{width:100%;height:100%;object-fit:cover;display:block;}
.proc-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(0,212,255,.15);}
.proc-progress-bar{height:100%;background:var(--cyan);width:33.33%;transition:width .4s cubic-bezier(.16,1,.3,1);}
@media(max-width:900px){
  .proc-grid{grid-template-columns:1fr;gap:32px;}
  .proc-video-wrap{position:static;aspect-ratio:16/9;}
}


/* ── PROCESSO AUTO-ADVANCE ── */
.proc-video-stage{position:relative;width:100%;aspect-ratio:16/7;overflow:hidden;background:#000;line-height:0;}
.proc-main-video{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
.proc-video-stage::after{content:'';position:absolute;bottom:0;left:0;right:0;height:18%;background:linear-gradient(to top,var(--deep) 0%,transparent 100%);z-index:2;pointer-events:none;}
.proc-video-skeleton{position:absolute;inset:0;background:linear-gradient(110deg,#0a1020 30%,#0d1a2e 50%,#0a1020 70%);background-size:200% 100%;animation:skelPulse 1.6s ease-in-out infinite;z-index:2;transition:opacity .4s;}
.proc-video-skeleton.hidden{opacity:0;pointer-events:none;}
@keyframes skelPulse{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
.proc-step-label{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:12px;z-index:3;background:rgba(2,4,10,.6);backdrop-filter:blur(8px);border:1px solid rgba(0,212,255,.2);padding:10px 18px;}
.proc-step-label-num{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--cyan);line-height:1;}
.proc-step-label-text{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--white);}
.proc-bar-wrap{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.08);z-index:3;}
.proc-bar-fill{height:100%;background:var(--cyan);width:0%;transition:width .1s linear;}
.proc-indicators{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:2px;}
.proc-ind{padding:28px 32px;background:rgba(255,255,255,.02);border:1px solid var(--border);cursor:pointer;transition:all .25s;position:relative;overflow:hidden;}
.proc-ind::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--cyan);transform:scaleX(0);transition:transform .3s;}
.proc-ind.active{background:rgba(0,212,255,.05);border-color:rgba(0,212,255,.25);}
.proc-ind.active::before{transform:scaleX(1);}
.proc-ind:hover:not(.active){background:rgba(255,255,255,.03);}
.proc-ind-num{font-family:'Bebas Neue',sans-serif;font-size:40px;line-height:1;color:rgba(0,212,255,.15);margin-bottom:4px;transition:color .2s;}
.proc-ind.active .proc-ind-num{color:rgba(0,212,255,.4);}
.proc-ind-title{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1px;color:var(--white);margin-bottom:4px;}
.proc-ind-sub{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);margin-bottom:10px;}
.proc-ind-desc{font-size:12px;line-height:1.7;color:var(--muted);max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1);}
.proc-ind.active .proc-ind-desc{max-height:80px;}
@media(max-width:900px){
  .proc-indicators{grid-template-columns:1fr;}
  .proc-ind-desc{max-height:none !important;}
  .proc-ind{padding:20px;}
}


/* ── AV RESPIRO & SKELETON ── */
.av-separator{height:80px;display:flex;align-items:center;gap:0;}
.av-video-wrap{position:relative;}
.av-video-skeleton{position:absolute;inset:0;background:linear-gradient(110deg,#0a1020 30%,#0d1a2e 50%,#0a1020 70%);background-size:200% 100%;animation:skelPulse 1.6s ease-in-out infinite;z-index:1;transition:opacity .5s;}
.av-video-skeleton.hidden{opacity:0;pointer-events:none;}

/* PRIMA / DOPO */
.pd-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:start;}
.pd-col{}
.pd-header{display:flex;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.06);}
.pd-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.pd-dot-red{background:#ff4466;box-shadow:0 0 8px rgba(255,68,102,0.5);}
.pd-dot-green{background:#00ff88;box-shadow:0 0 8px rgba(0,255,136,0.5);}
.pd-label{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px;color:#f0f8ff;}
.pd-list{list-style:none;display:flex;flex-direction:column;gap:12px;}
.pd-item{display:flex;gap:14px;padding:16px;border:1px solid transparent;transition:border-color .2s;}
.pd-item.bad{border-color:rgba(255,68,102,0.12);background:rgba(255,68,102,0.03);}
.pd-item.good{border-color:rgba(0,255,136,0.12);background:rgba(0,255,136,0.03);}
.pd-icon{font-size:16px;font-weight:700;flex-shrink:0;margin-top:1px;width:20px;text-align:center;}
.pd-item.bad .pd-icon{color:#ff4466;}
.pd-item.good .pd-icon{color:#00ff88;}
.pd-item strong{display:block;font-size:13px;font-weight:600;color:#f0f8ff;margin-bottom:4px;}
.pd-item p{font-size:12px;line-height:1.6;color:#7aadca;margin:0;}
.pd-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding-top:60px;}
.pd-arrow-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;}
.pd-arrow-line{width:1px;height:60px;background:linear-gradient(to bottom,transparent,rgba(0,212,255,0.4),transparent);}
.pd-transform-badge{font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:3px;color:#00d4ff;border:1px solid rgba(0,212,255,0.3);padding:8px 16px;white-space:nowrap;background:rgba(0,212,255,0.05);}

/* RESPONSIVE ADDITIONS */
@media(max-width:900px){
  nav{padding:14px 20px;}
  .nav-l{display:none;}
  .nav-btns{gap:8px;}
  .nbtn-ghost{display:none;}
  .nbtn-fill{font-size:8px;padding:9px 14px;letter-spacing:1.5px;}
  #hero{padding:100px 20px 60px;}
  .hero-content .hh1{font-size:clamp(48px,13vw,80px);}
  .agent-tabs{flex-direction:column;}
  .agent-tab{border-right:none;border-bottom:1px solid rgba(0,212,255,0.1);}
  .agent-panel.active{grid-template-columns:1fr;}
  .agent-panel-video video{min-height:220px;}
  .agent-panel-info{padding:28px 24px;border-left:none;border-top:1px solid rgba(0,212,255,0.1);}
  .agent-panel-metrics{gap:12px;}
  .pd-grid{grid-template-columns:1fr;gap:20px;}
  .pd-divider{padding-top:0;flex-direction:row;gap:16px;}
  .pd-arrow-line{width:60px;height:1px;background:linear-gradient(to right,transparent,rgba(0,212,255,0.4),transparent);}
  .stats-4col{grid-template-columns:1fr 1fr!important;}
  .steps-media{grid-template-columns:1fr!important;}
  .steps-media::before{display:none;}
  .ac-card{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .testi-grid{grid-template-columns:1fr;}
  .sticky-cta-btn{font-size:13px;padding:12px 24px;}
  .w{padding:0 20px;}
  .sol-grid{grid-template-columns:1fr!important;}
  .steps-grid{grid-template-columns:1fr!important;}
  .steps-grid::before{display:none;}
  .settori-grid{grid-template-columns:1fr 1fr!important;}
  .hero-body{grid-template-columns:1fr!important;gap:32px;}
  .p90-grid{grid-template-columns:1fr!important;gap:40px;}
  .p90-r{position:static;}
  .diff-grid{grid-template-columns:1fr!important;}
  .testi-grid{grid-template-columns:1fr!important;}
  .casi-intro{grid-template-columns:1fr!important;}
}
@media(max-width:500px){
  nav{padding:12px 16px;}
  .nbtn-fill{font-size:8px;padding:8px 12px;letter-spacing:1px;}
  .stats-4col{grid-template-columns:1fr!important;}
  .stats-grid{grid-template-columns:1fr!important;}
  .stat-item{padding:24px 20px;}
  .stat-item:not(:last-child)::after{right:auto;bottom:0;top:auto;width:80%;left:10%;height:1px;}
  .logo-strip{gap:24px;}
  .client-logo{font-size:14px;}
  #hero{padding:80px 16px 40px;}
  .agent-panel-metrics{flex-wrap:wrap;}
  .settori-grid{grid-template-columns:1fr!important;}
  .w{padding:0 16px;}
  .cs-wrap{padding:28px 20px!important;}
  .cs-body{grid-template-columns:1fr!important;}
  .cs-metrics{grid-template-columns:1fr 1fr!important;}
  .proc-indicators{grid-template-columns:1fr!important;}
}

/* HERO content styles */
.hero-scroll-cta{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);text-decoration:none;transition:opacity .2s;display:inline-block;}
.hero-scroll-cta:hover{opacity:.7;}
.hero-cta-block{display:flex;flex-direction:column;gap:10px;align-items:center;}
/* TRUST MICRO */
.trust-micro{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;}
.trust-item{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;}
.trust-item::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cyan);display:inline-block;}
.nav-logo-img{height:32px;width:auto;object-fit:contain;display:block;filter:brightness(1.1);}
.logo{display:flex;align-items:center;}

/* TESTIMONIALS */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.testi-card{background:var(--panel);border:1px solid var(--border);padding:28px;position:relative;overflow:hidden;transition:all .3s;}
.testi-card::before{content:'"';position:absolute;top:-10px;right:16px;font-family:'Bebas Neue',sans-serif;font-size:120px;color:rgba(0,212,255,0.04);line-height:1;pointer-events:none;}
.testi-card:hover{border-color:rgba(0,212,255,0.25);transform:translateY(-3px);}
.testi-quote{font-size:13px;line-height:1.8;color:var(--text);margin-bottom:20px;font-style:italic;}
.testi-author{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.testi-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,212,255,0.2);flex-shrink:0;}
.testi-name{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:1px;color:var(--white);}
.testi-role{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-top:2px;}
.testi-result{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1px;color:var(--cyan);border-top:1px solid var(--border);padding-top:12px;}

/* ── DEMO CARDS PASSIVE ────────────────────────── */
#demo-preview{padding:100px 0;}
.demo-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:52px;}
.demo-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px;cursor:pointer;transition:all .28s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;}
.demo-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(0,212,255,.06),transparent 60%);opacity:0;transition:opacity .3s;}
.demo-card:hover{border-color:var(--cyan);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,212,255,.15);}
.demo-card:hover::before{opacity:1;}
.demo-card-badge{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:16px;}
.demo-card-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.4;}}
.demo-card-icon{font-size:32px;margin-bottom:12px;}
.demo-card-title{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:2px;line-height:1.2;margin-bottom:16px;}
.demo-card-tag{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--muted);margin-top:16px;border-top:1px solid var(--border);padding-top:12px;}
.demo-card-cta{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--cyan);letter-spacing:1.5px;margin-top:12px;opacity:0;transform:translateX(-6px);transition:all .25s;}
.demo-card:hover .demo-card-cta{opacity:1;transform:translateX(0);}
.demo-chat-preview{display:flex;flex-direction:column;gap:7px;margin-top:4px;}
.dcp-bubble{border-radius:10px;padding:7px 12px;font-size:11.5px;line-height:1.5;max-width:90%;}
.dcp-user{background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.18);align-self:flex-end;color:var(--white);}
.dcp-bot{background:rgba(255,255,255,.05);border:1px solid var(--border);align-self:flex-start;color:var(--text);}
.dcp-typing-inline{display:inline-block;width:26px;height:8px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);background-size:200%;animation:typingPulse 1.4s ease-in-out infinite;border-radius:4px;margin-right:6px;vertical-align:middle;}
@keyframes typingPulse{0%{background-position:100%;}100%{background-position:-100%;}}
.demo-img-preview{margin-top:4px;}
.demo-img-mockup{background:linear-gradient(135deg,#07151f,#030e1a);border:1px solid var(--border);border-radius:8px;padding:16px;min-height:90px;position:relative;overflow:hidden;}
.dim-glow{position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.2),transparent 70%);}
.dim-inner{position:relative;z-index:1;}
.dim-label{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--muted);letter-spacing:1px;margin-bottom:12px;}
.dim-bars{display:flex;flex-direction:column;gap:6px;}
.dim-bar{height:5px;border-radius:3px;background:linear-gradient(90deg,var(--cyan),rgba(0,212,255,.2));animation:barGrow 2s ease-in-out infinite alternate;}
@keyframes barGrow{from{opacity:.4;}to{opacity:1;}}
.dim-generated{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--green);margin-top:12px;}
.demo-vid-preview{margin-top:4px;}
.dvp-screen{background:#000;border-radius:8px;border:1px solid var(--border);overflow:hidden;aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center;}
.dvp-scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;}
.dvp-content{text-align:center;z-index:1;}
.dvp-tag{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--cyan);letter-spacing:1.5px;margin-bottom:8px;}
.dvp-play{font-size:28px;opacity:.7;margin-bottom:8px;}
.dvp-duration{font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--muted);}
.demo-cta-row{text-align:center;padding-top:24px;}
@media(max-width:900px){.demo-cards-grid{grid-template-columns:1fr;}.demo-card{padding:22px;}}
/* ── FOOTER STRUTTURATO ──── */
.ft-nav-col h4{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}
.ft-nav-col a{display:block;font-size:12px;color:var(--muted);text-decoration:none;margin-bottom:8px;cursor:pointer;transition:color .2s;}
.ft-nav-col a:hover{color:var(--cyan);}

/* Sorgente: #css-clienti */
:root {
    --black: #02040a;
    --deep: #050b14;
    --panel: #091422;
    --gold: #00d4ff;
    --gold-light: #00d4ff;
    --gold-dim: rgba(0,212,255,0.08);
    --white: #f0f8ff;
    --muted: #7aadca;
    --border: rgba(0,212,255,0.12);
    --red: #ff2050;
    --glow: rgba(0,212,255,0.3);
  }

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  html { scroll-behavior: smooth; }

  body {
    background: var(--black);
    color: var(--white);
    font-family: 'Syne', sans-serif;
    font-weight: 400;
    min-height: 100vh;
    overflow-x: hidden;
  }

  /* CUSTOM CURSOR */
  .cursor {
    width: 8px; height: 8px;
    background: var(--gold);
    border-radius: 50%;
    position: fixed; top: 0; left: 0;
    pointer-events: none;
    z-index: 9999;
    transition: transform 0.1s ease;
    mix-blend-mode: difference;
  }
  .cursor-ring {
    width: 36px; height: 36px;
    border: 1px solid rgba(0,212,255,0.5);
    border-radius: 50%;
    position: fixed; top: 0; left: 0;
    pointer-events: none;
    z-index: 9998;
    transition: transform 0.25s ease, width 0.2s, height 0.2s, border-color 0.2s;
  }
  .cursor-ring.hover {
    width: 60px; height: 60px;
    border-color: var(--gold);
  }

  /* NOISE OVERLAY */
  body::before {
    content: '';
    position: fixed; inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 1;
    opacity: 0.6;
  }

  /* GRID BACKGROUND */
  .grid-bg {
    position: fixed; inset: 0;
    background-image:
      linear-gradient(rgba(0,212,255,0.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0,212,255,0.04) 1px, transparent 1px);
    background-size: 60px 60px;
    z-index: 0;
    pointer-events: none;
    animation: gridShift 20s linear infinite;
  }
  @keyframes gridShift {
    0%{background-position:0 0;}
    100%{background-position:60px 60px;}
  }

  /* GLOW ORBS */
  .orb {
    position: fixed;
    border-radius: 50%;
    filter: blur(120px);
    pointer-events: none;
    z-index: 0;
  }
  .orb-1 {
    width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(0,212,255,0.06) 0%, transparent 70%);
    top: -200px; right: -100px;
    animation: float1 12s ease-in-out infinite;
  }
  .orb-2 {
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(255,42,109,0.04) 0%, transparent 70%);
    bottom: 0; left: -150px;
    animation: float2 15s ease-in-out infinite;
  }

  @keyframes float1 {
    0%, 100% { transform: translate(0,0); }
    50% { transform: translate(-30px, 40px); }
  }
  @keyframes float2 {
    0%, 100% { transform: translate(0,0); }
    50% { transform: translate(30px,-30px); }
  }

  /* LAYOUT */
  .wrapper {
    position: relative; z-index: 2;
    max-width: 780px;
    margin: 0 auto;
    padding: 0 28px;
  }

  /* HEADER BAR */
  .topbar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 32px 0 0;
    border-bottom: 1px solid var(--border);
    padding-bottom: 24px;
    margin-bottom: 0;
  }
  .logo {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 22px;
    letter-spacing: 7px;
    font-weight: 600;
    letter-spacing: 0.3em;
    color: var(--gold);
    text-transform: uppercase;
  }
  .topbar-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 8px;
    letter-spacing: 0.25em;
    color: var(--muted);
    text-transform: uppercase;
  }

  /* HERO */
  .hero {
    margin-bottom: 80px;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeUp 1s ease 0.2s forwards;
  }
  .hero-pretag {
    display: inline-flex; align-items: center; gap: 10px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 9px; letter-spacing: 4px; color: var(--gold);
    text-transform: uppercase; margin-bottom: 28px;
  }
  .hero-pretag::before {
    content: '▶ ';
  }
  .hero h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(48px, 7vw, 80px);
    line-height: 1.05;
    color: var(--white);
    margin-bottom: 32px;
    font-weight: 400;
  }
  .hero h1 em {
    font-style: italic;
    color: var(--gold-light);
  }
  .hero-sub {
    font-size: 15px;
    line-height: 1.9;
    color: var(--muted);
    max-width: 560px;
    margin-bottom: 40px;
  }

  /* STATS ROW */
  .stats {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: var(--border);
    border: 1px solid var(--border);
    margin-bottom: 80px;
    opacity: 0;
    animation: fadeUp 1s ease 0.5s forwards;
  }
  .stat {
    background: var(--panel);
    padding: 28px 24px;
    text-align: center;
  }
  .stat-num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 36px;
    font-weight: 300;
    color: var(--gold);
    display: block;
    line-height: 1;
    margin-bottom: 8px;
  }
  .stat-label {
    font-size: 9px;
    letter-spacing: 0.2em;
    color: var(--muted);
    text-transform: uppercase;
  }

  /* MANIFESTO BLOCK */
  .manifesto {
    border-left: 1px solid var(--gold);
    padding: 4px 0 4px 32px;
    margin-bottom: 80px;
    opacity: 0;
    animation: fadeUp 1s ease 0.7s forwards;
  }
  .manifesto p {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: clamp(16px, 2.2vw, 20px);
    line-height: 1.7;
    color: var(--muted);
  }
  .manifesto p strong {
    color: var(--white);
    font-weight: 400;
  }

  /* WHAT YOU GET */
  .get-block {
    margin-bottom: 80px;
    opacity: 0;
    animation: fadeUp 1s ease 0.9s forwards;
  }
  .section-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 8px; letter-spacing: 4px; color: var(--gold);
    text-transform: uppercase; margin-bottom: 32px;
    display: flex; align-items: center; gap: 14px;
    opacity: .8;
  }
  .section-tag::before { content: '▶ '; }
  .section-tag::after {
    content: ''; flex: 1; height: 1px; background: var(--border);
  }
  .get-item {
    display: flex; align-items: flex-start; gap: 20px;
    padding: 24px 0;
    border-bottom: 1px solid rgba(0,212,255,0.08);
  }
  .get-num {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    color: var(--gold);
    letter-spacing: 0.1em;
    min-width: 30px;
    padding-top: 2px;
  }
  .get-text strong {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: var(--white);
    margin-bottom: 6px;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
  }
  .get-text p {
    font-size: 12px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.8;
  }

  /* WARNING BOX */
  .warning-box {
    border: 1px solid rgba(255,42,109,0.5);
    background: rgba(255,42,109,0.05);
    padding: 28px 32px;
    margin-bottom: 80px;
    opacity: 0;
    animation: fadeUp 1s ease 1s forwards;
  }
  .warning-box .warn-tag {
    font-size: 9px; letter-spacing: 0.3em; color: #c0392b;
    text-transform: uppercase; margin-bottom: 16px;
    display: flex; align-items: center; gap: 10px;
  }
  .warning-box .warn-tag::before {
    content: '—';
  }
  .warning-box p {
    font-size: 12px; line-height: 1.9; color: var(--muted);
  }
  .warning-box p strong { color: var(--white); font-weight: 400; }

  /* FORM SECTION */
  .form-section {
    margin-bottom: 100px;
    opacity: 0;
    animation: fadeUp .7s ease .35s forwards;
  }
  .form-header {
    margin-bottom: 40px;
  }

  /* ── STEP INDICATOR ─────────────────────────────────────── */
  .step-indicator {
    display: flex; align-items: center; gap: 0;
    margin-bottom: 40px;
  }
  .step-dot {
    width: 28px; height: 28px;
    border: 1px solid var(--border);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-family: 'JetBrains Mono', monospace;
    font-size: 9px; letter-spacing: 0.05em;
    color: var(--muted);
    transition: all 0.4s ease;
    background: var(--panel);
    position: relative;
    flex-shrink: 0;
  }
  .step-dot.active {
    border-color: var(--gold);
    color: var(--gold);
    box-shadow: 0 0 16px rgba(0,212,255,0.18);
  }
  .step-dot.done {
    border-color: var(--gold);
    background: var(--gold);
    color: var(--black);
  }
  .step-dot.done::after {
    content: '';
    width: 7px; height: 4px;
    border-left: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg) translateY(-1px);
  }
  .step-line {
    flex: 1; height: 1px;
    background: var(--border);
    transition: background 0.5s ease;
  }
  .step-line.done { background: var(--gold); }

  /* ── FORM STEPS ─────────────────────────────────────────── */
  .form-step { display: none; }
  .form-step.active { display: block; }

  /* ── PRE-QUALIFY STEP ───────────────────────────────────── */
  .prequalify-question {
    margin-bottom: 36px;
  }
  .prequalify-question label {
    display: block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 9px; letter-spacing: 0.22em; color: var(--gold);
    text-transform: uppercase; margin-bottom: 12px;
    opacity: 0.75;
  }
  .prequalify-question .q-text {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: clamp(18px, 2.8vw, 24px);
    color: var(--white);
    line-height: 1.35;
    margin-bottom: 18px;
    font-weight: 400;
    letter-spacing: 0.01em;
  }
  .option-cards {
    display: grid;
    gap: 6px;
  }
  .option-card {
    display: flex; align-items: center; gap: 14px;
    padding: 14px 18px;
    border: 1px solid rgba(0,212,255,0.1);
    background: rgba(9,20,34,0.6);
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease;
    position: relative;
    overflow: hidden;
  }
  .option-card:hover {
    border-color: rgba(0,212,255,0.35);
    background: rgba(0,212,255,0.04);
  }
  .option-card.selected {
    border-color: var(--gold);
    background: rgba(0,212,255,0.06);
  }
  .option-radio {
    width: 14px; height: 14px;
    border: 1px solid rgba(0,212,255,0.35);
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    transition: all 0.2s;
  }
  .option-card.selected .option-radio {
    border-color: var(--gold);
    background: var(--gold);
    box-shadow: 0 0 8px rgba(0,212,255,0.3);
  }
  .option-card.selected .option-radio::after {
    content: '';
    position: absolute; inset: 3px;
    background: var(--black);
    border-radius: 50%;
  }
  .option-text {
    font-size: 13px; color: var(--muted);
    line-height: 1.45;
    position: relative; z-index: 1;
    transition: color 0.2s;
  }
  .option-card.selected .option-text { color: var(--white); }

  /* ── REJECTION SCREEN ───────────────────────────────────── */
  .rejection-screen {
    display: none;
    text-align: center;
    padding: 52px 20px;
    border: 1px solid rgba(255,42,109,0.25);
    background: rgba(255,42,109,0.03);
  }
  .rejection-screen.visible { display: block; }
  .rejection-screen h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 24px;
    color: var(--white);
    margin-bottom: 14px;
    font-weight: 400;
  }
  .rejection-screen p {
    font-size: 12px; color: var(--muted); line-height: 1.9; max-width: 400px; margin: 0 auto;
  }

  /* ── STEP 2 — FULL FORM ─────────────────────────────────── */

  /* Unlock banner shown at top of step2 */
  .step2-unlock {
    display: flex; align-items: center; gap: 10px;
    padding: 12px 18px;
    border: 1px solid rgba(0,255,136,0.2);
    background: rgba(0,255,136,0.04);
    margin-bottom: 40px;
  }
  .step2-unlock-dot {
    width: 6px; height: 6px;
    border-radius: 50%; background: #00ff88;
    box-shadow: 0 0 8px rgba(0,255,136,0.6);
    flex-shrink: 0;
    animation: blink2 1.5s infinite;
  }
  @keyframes blink2{0%,100%{opacity:1;}50%{opacity:.2;}}
  .step2-unlock span {
    font-family: 'JetBrains Mono', monospace;
    font-size: 8px; letter-spacing: 0.2em;
    text-transform: uppercase; color: #00ff88;
  }

  /* Form group blocks — visual sections */
  .form-block {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0,212,255,0.07);
  }
  .form-block:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
  }
  .form-block-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 8px; letter-spacing: 0.3em;
    text-transform: uppercase; color: var(--gold);
    opacity: 0.6; margin-bottom: 24px;
    display: flex; align-items: center; gap: 12px;
  }
  .form-block-label::before { content: '▶ '; }
  .form-block-label::after {
    content: ''; flex: 1; height: 1px;
    background: rgba(0,212,255,0.08);
  }

  /* Inline row for paired fields */
  .field-row {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 14px; margin-bottom: 18px;
  }
  @media(max-width:520px){ .field-row{grid-template-columns:1fr;} }

  .field-group {
    margin-bottom: 18px;
  }
  .field-label {
    display: block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 8px; letter-spacing: 0.22em; color: var(--gold);
    text-transform: uppercase; margin-bottom: 8px;
    opacity: 0.75;
  }
  .field-sublabel {
    display: block;
    font-size: 11px; color: rgba(122,173,202,0.65);
    margin-bottom: 10px; line-height: 1.55;
    font-style: italic;
  }
  .field-input, .field-select, .field-textarea {
    width: 100%;
    background: rgba(9,20,34,0.6);
    border: 1px solid rgba(0,212,255,0.1);
    color: var(--white);
    font-family: 'Syne', sans-serif;
    font-size: 13px;
    padding: 12px 14px;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    -webkit-appearance: none;
    border-radius: 0;
  }
  .field-input:focus, .field-select:focus, .field-textarea:focus {
    border-color: rgba(0,212,255,0.45);
    box-shadow: 0 0 14px rgba(0,212,255,0.07);
    background: rgba(9,20,34,0.85);
  }
  .field-textarea { min-height: 88px; resize: vertical; }
  .field-select { cursor: pointer; }
  .field-select option { background: #070a14; color: var(--white); }
  .field-input::placeholder, .field-textarea::placeholder {
    color: rgba(122,173,202,0.3);
    font-size: 12px;
  }

  /* BUDGET SELECT CARDS */
  .budget-cards {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 6px;
  }
  @media(max-width: 520px) { .budget-cards { grid-template-columns: 1fr; } }

  /* DATE GRID */
  .date-grid {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  @media(max-width: 520px) { .date-grid { grid-template-columns: 1fr; } }

  /* DIVIDER */
  .form-divider {
    height: 1px;
    background: rgba(0,212,255,0.07);
    margin: 36px 0;
  }

  /* SUBMIT BUTTON */
  .submit-btn {
    display: inline-flex; align-items: center; gap: 14px;
    padding: 16px 36px;
    background: var(--gold);
    color: var(--black);
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: center;
    position: relative;
    overflow: hidden;
    clip-path: polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
  }
  .submit-btn:hover { background: var(--white); box-shadow: 0 0 32px var(--glow); }
  .submit-btn span { position: relative; z-index: 1; }
  .submit-btn .arrow { font-size: 14px; position: relative; z-index: 1; transition: transform 0.3s; }
  .submit-btn:hover .arrow { transform: translateX(4px); }

  .next-btn {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 13px 28px;
    border: 1px solid rgba(0,212,255,0.4);
    color: var(--gold);
    background: transparent;
    font-family: 'JetBrains Mono', monospace;
    font-size: 9px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.25s ease;
    margin-top: 28px;
    clip-path: polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
  }
  .next-btn:hover { background: rgba(0,212,255,0.06); border-color: var(--gold); }
  .next-btn:disabled { opacity: 0.25; pointer-events: none; }

  /* ── PROGRESSIVE QUESTION REVEAL ─────────────────────────── */
  .pq-hidden { display: none !important; }
  .pq-reveal { animation: pqFadeUp .45s cubic-bezier(.16,1,.3,1) both; }
  @keyframes pqFadeUp { from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);} }

  /* SUCCESS SCREEN */
  #success-screen {
    display: none;
    text-align: center;
    padding: 80px 20px;
  }
  #success-screen.visible { display: block; }
  .success-icon {
    width: 70px; height: 70px;
    border: 1px solid var(--gold);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 32px;
    font-size: 24px;
    box-shadow: 0 0 40px rgba(0,212,255,0.15);
    animation: pulse-ring 3s ease infinite;
  }
  @keyframes pulse-ring {
    0%, 100% { box-shadow: 0 0 40px rgba(0,212,255,0.15); }
    50% { box-shadow: 0 0 60px rgba(0,212,255,0.3); }
  }
  #success-screen h2 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 32px; font-weight: 400;
    color: var(--white); margin-bottom: 16px;
  }
  #success-screen p { font-size: 12px; color: var(--muted); line-height: 1.9; max-width: 420px; margin: 0 auto; }

  /* FOOTER */
  .footer {
    border-top: 1px solid var(--border);
    padding: 32px 0;
    margin-top: 60px;
    display: flex; align-items: center; justify-content: space-between;
  }
  .footer-logo {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 14px;
    letter-spacing: 5px; letter-spacing: 0.3em; color: var(--gold); opacity: 0.5;
  }
  .footer-note { font-size: 9px; color: var(--muted); letter-spacing: 0.15em; }

  /* ANIMATIONS */
  @keyframes fadeUp {
    to { opacity: 1; transform: translateY(0); }
  }

  /* SCROLLBAR */
  ::-webkit-scrollbar { width: 4px; }
  ::-webkit-scrollbar-track { background: var(--black); }
  ::-webkit-scrollbar-thumb { background: rgba(0,212,255,0.3); }

  /* SCAN LINE EFFECT (subtle) */
  .scan-line {
    position: fixed; top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0,212,255,0.15), transparent);
    animation: scan 6s linear infinite;
    pointer-events: none; z-index: 3;
  }
  @keyframes scan {
    0% { top: 0; }
    100% { top: 100vh; }
  }

  /* ── RESPONSIVE ─────────────────────────────── */

  /* Tablet */
  @media(max-width: 768px) {
    .wrapper { padding: 0 20px; }
    .topbar { margin-bottom: 0; padding: 24px 0 20px; }
    .field-input, .field-select, .field-textarea {
      font-size: 16px; /* evita zoom automatico iOS */
    }
    .budget-cards { grid-template-columns: 1fr; }
    .date-grid { grid-template-columns: 1fr; gap: 0; }
    .option-cards { gap: 8px; }
    .option-card { padding: 14px 16px; }
    .submit-btn { padding: 18px 28px; font-size: 10px; }
    .next-btn { width: 100%; justify-content: center; }
    .step-indicator { margin-bottom: 32px; }
  }

  /* Mobile */
  @media(max-width: 600px) {
    .stats { grid-template-columns: 1fr; }
    .topbar-tag { display: none; }
    .wrapper { padding: 0 16px; }
    .form-section { padding: 28px 20px; }
    .form-header { margin-bottom: 32px; }
    .form-header h2 { font-size: clamp(22px, 6vw, 32px); }
    .prequalify-question .q-text { font-size: clamp(15px, 4vw, 18px); }
    .option-card { padding: 13px 14px; gap: 12px; }
    .option-text { font-size: 12px; }
    .field-group { margin-bottom: 24px; }
    .field-input, .field-select, .field-textarea {
      padding: 14px 14px;
      font-size: 16px; /* evita zoom iOS */
    }
    .submit-btn { padding: 17px 20px; font-size: 10px; letter-spacing: 0.15em; }
    #success-screen { padding: 52px 16px; }
    #success-screen h2 { font-size: 26px; }
  }

  /* Small mobile */
  @media(max-width: 380px) {
    .wrapper { padding: 0 12px; }
    .form-section { padding: 20px 14px; }
    .option-card { padding: 11px 12px; }
  }

/* Sorgente: #css-fixes */
/* ── FONT & COLOR SYSTEM UNIFICATION ─────────────────────── */
:root {
  --bg:#02040a; --deep:#050b14; --panel:#091422;
  --border:rgba(0,212,255,0.12); --border-hover:rgba(0,212,255,0.25);
  --cyan:#00d4ff; --glow:rgba(0,212,255,0.3);
  --white:#f0f8ff; --text:#c8e8f8; --muted:#7aadca;
  --red:#ff2050; --green:#00ff88;
  --ff:'Syne',sans-serif;
  --fb:'Bebas Neue',sans-serif;
  --fm:'JetBrains Mono',monospace;
}

/* ── CTA BUTTON: ensure .bp renders correctly everywhere ─── */
a.bp, button.bp {
  font-family: var(--fm) !important;
  font-size: 10px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--bg) !important;
  background: var(--cyan) !important;
  border: none !important;
  padding: 15px 32px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all .25s !important;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%) !important;
  font-weight: 700 !important;
  text-align: center !important;
}
a.bp:hover, button.bp:hover {
  background: var(--white) !important;
  box-shadow: 0 0 32px var(--glow) !important;
  transform: translateY(-2px) !important;
}

/* ── MOBILE-FIRST RESPONSIVE IMPROVEMENTS ────────────────── */
@media (max-width: 768px) {
  /* Nav */
  nav { padding: 12px 16px !important; }
  .nav-btns { gap: 8px; }
  .nbtn { font-size: 8px !important; padding: 8px 12px !important; }
  .nbtn-ghost { display: none; }

  /* Hero */
  #hero { padding: 88px 16px 60px !important; }
  .hh1 { font-size: clamp(48px, 13vw, 80px) !important; }
  .hero-body { grid-template-columns: 1fr !important; gap: 32px !important; }
  .hero-cta-block { width: 100%; }
  .hero-cta-block .bp { width: 100% !important; display: block !important; }

  /* Sections */
  .w { padding: 0 16px !important; }
  #stats { padding: 40px 0; }
  .stats-grid { grid-template-columns: 1fr !important; }
  .stat-item::after { display: none !important; }
  .stat-item { padding: 20px 16px !important; border-bottom: 1px solid var(--border); }
  .sol-grid, .diff-grid { grid-template-columns: 1fr !important; }
  .steps-grid { grid-template-columns: 1fr !important; }
  .steps-grid::before { display: none !important; }
  .casi-intro { grid-template-columns: 1fr !important; }
  .settori-grid { grid-template-columns: 1fr 1fr !important; }
  .p90-grid { grid-template-columns: 1fr !important; }
  .p90-r { position: static !important; }
  #soluzioni, #come-funziona, #casi, #p90, #perche { padding: 64px 0 !important; }
  #fcta { padding: 64px 16px !important; }
  .fh { font-size: clamp(40px, 12vw, 72px) !important; }
  .fb { flex-direction: column; align-items: stretch; }
  .fb .bp { width: 100% !important; }

  /* Footer */
  .ft { grid-template-columns: 1fr !important; gap: 24px !important; }
  footer { padding: 32px 16px 20px !important; }
  .fbot { flex-direction: column; }

  /* Chat */
  #chat-box { width: calc(100vw - 32px) !important; right: 16px !important; }
  #chat-btn { bottom: 20px; right: 16px; }
}

@media (max-width: 480px) {
  .settori-grid { grid-template-columns: 1fr !important; }
  .hh1 { font-size: clamp(40px, 14vw, 64px) !important; }
  .nbtn-fill { font-size: 8px !important; padding: 8px 14px !important; }
}

/* Tablet */
@media (max-width: 1024px) and (min-width: 769px) {
  nav { padding: 14px 28px !important; }
  .w { padding: 0 28px !important; }
  #hero { padding: 100px 28px 60px !important; }
  .sol-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .settori-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .steps-grid { grid-template-columns: repeat(3, 1fr) !important; }
  .ft { grid-template-columns: 1fr 1fr !important; }
}

/* ── COMMERCIALE FONT HARMONY ─────────────────────────────── */
/* Force commerciale page to use consistent font stack */
#spa-container header .logo-mark,
#spa-container .hero-h1 {
  font-family: 'Bebas Neue', sans-serif;
}

/* ── DEVELOPER PAGE RESPONSIVE ──────────────────────────── */
@media (max-width: 768px) {
  .nav { padding: 12px 16px !important; }
  .footer { padding: 32px 16px !important; }
  .test-topbar { padding: 10px 16px !important; }
  .roles-grid { grid-template-columns: 1fr 1fr !important; }
}

/* ── CLIENTI PAGE RESPONSIVE ─────────────────────────────── */
@media (max-width: 768px) {
  .wrapper { padding: 0 16px !important; }
  .topbar { padding: 20px 0 16px !important; margin-bottom: 48px !important; }
  .hero h1 { font-size: clamp(36px, 10vw, 56px) !important; }
  .stats { grid-template-columns: 1fr !important; }
  .date-grid { grid-template-columns: 1fr !important; }
  .budget-cards { grid-template-columns: 1fr !important; }
}

/* ── ACCESSIBILITY IMPROVEMENTS ──────────────────────────── */
:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}
button:focus-visible, a:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}

/* ══════════════════════════════════════════
   AKHAI LAB v3 — Action-gated AI Demo
   ══════════════════════════════════════════ */

#akhai-lab {
  padding: 100px 0 80px;
  background: var(--deep);
  border-top: 1px solid var(--border);
  position: relative; z-index: 1;
}
#akhai-lab::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(0,212,255,0.05) 0%, transparent 65%);
  pointer-events: none;
}
@media(max-width:768px){ #akhai-lab{ padding: 64px 0; } }

/* HEADER */
.lab-header {
  display: flex; align-items: flex-end; justify-content: space-between;
  margin-bottom: 40px; gap: 24px; flex-wrap: wrap;
}
.lab-badge {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--fm); font-size: 8px; letter-spacing: 3px;
  color: var(--cyan); text-transform: uppercase;
  background: rgba(0,212,255,0.06);
  border: 1px solid rgba(0,212,255,0.2);
  padding: 5px 14px; margin-bottom: 16px;
}
.lab-badge-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--green); animation: blink 1.5s infinite;
}
.lab-title {
  font-family: var(--fb);
  font-size: clamp(40px, 5vw, 72px);
  line-height: .9; margin-bottom: 12px;
}
.lab-subtitle {
  font-size: 14px; color: var(--muted); line-height: 1.7;
  max-width: 420px;
}
/* User pill (post-registration) */
.lab-user-pill {
  display: flex; align-items: center; gap: 10px;
  background: rgba(0,212,255,0.06);
  border: 1px solid rgba(0,212,255,0.2);
  padding: 10px 18px; flex-shrink: 0;
}
.lab-up-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--green); animation: blink 2s infinite;
}
.lab-user-pill span {
  font-family: var(--fm); font-size: 9px;
  letter-spacing: 2px; color: var(--text); text-transform: uppercase;
}
.lab-up-limits {
  font-family: var(--fm); font-size: 7px;
  letter-spacing: 1px; color: var(--muted); text-transform: uppercase;
  border-left: 1px solid var(--border); padding-left: 12px; margin-left: 4px;
}

/* AGENT CARDS */
.lab-agents {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 2px; margin-bottom: 2px;
}
@media(max-width:640px){ .lab-agents{ grid-template-columns: 1fr; } }
.lab-agent-card {
  background: var(--panel); border: 1px solid var(--border);
  border-bottom: none; padding: 22px 24px;
  cursor: pointer; transition: all .2s;
  display: flex; flex-direction: column; gap: 6px;
  text-align: left; position: relative; overflow: hidden;
}
.lab-agent-card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
  transform: scaleX(0); transition: transform .3s;
}
.lab-agent-card:hover::before, .lab-agent-card.active::before { transform: scaleX(1); }
.lab-agent-card.active {
  background: rgba(0,212,255,0.04);
  border-color: rgba(0,212,255,0.3);
}
.lac-top {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 4px;
}
.lac-icon { font-size: 22px; }
.lac-limit {
  font-family: var(--fm); font-size: 7px; letter-spacing: 1.5px;
  color: var(--muted); text-transform: uppercase;
  background: var(--border); padding: 3px 8px;
}
.lac-name {
  font-family: var(--fb); font-size: 22px; color: var(--white);
  line-height: 1;
}
.lac-desc {
  font-size: 12px; color: var(--muted); line-height: 1.5;
}
.lac-arrow {
  font-size: 16px; color: var(--cyan); margin-top: 4px;
  opacity: 0; transform: translateX(-4px);
  transition: all .2s;
}
.lab-agent-card:hover .lac-arrow, .lab-agent-card.active .lac-arrow {
  opacity: 1; transform: translateX(0);
}

/* PANEL WRAP */
.lab-panel-wrap {
  border: 1px solid rgba(0,212,255,0.2);
  background: var(--panel);
  height: 560px;
  max-height: 560px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.lab-panel { display: none; flex: 1; min-height: 0; overflow: hidden; }
.lab-panel.active { display: flex; height: 100%; min-height: 0; overflow: hidden; }
@media(max-width:800px){ .lab-panel.active{ flex-direction: column; height: auto; min-height: 520px; } }

/* SHARED SIDEBAR */
.lp-sidebar {
  width: 210px; flex-shrink: 0;
  border-right: 1px solid var(--border);
  padding: 24px 18px;
  display: flex; flex-direction: column; gap: 4px;
  overflow-y: auto; height: 100%;
}
@media(max-width:800px){ .lp-sidebar{ width:100%; border-right:none; border-bottom:1px solid var(--border); flex-direction:row; flex-wrap:wrap; gap:6px; padding:14px 16px; } }
.lp-sidebar-label {
  font-family: var(--fm); font-size: 7px; letter-spacing: 3px;
  color: var(--muted); text-transform: uppercase;
  padding-bottom: 8px; border-bottom: 1px solid var(--border);
  margin-bottom: 4px; width: 100%;
}
.lp-ind {
  display: flex; align-items: center; gap: 9px;
  padding: 9px 10px; border: 1px solid transparent;
  background: transparent; cursor: pointer;
  transition: all .15s; text-align: left; width: 100%;
}
@media(max-width:800px){ .lp-ind{ width: auto; } }
.lp-ind span { font-size: 13px; }
.lp-ind:hover { border-color: var(--border); background: rgba(0,212,255,0.03); }
.lp-ind.active { border-color: rgba(0,212,255,0.25); background: rgba(0,212,255,0.06); }
.lp-ind, .lp-ind * {
  font-family: var(--fm); font-size: 8px; letter-spacing: 1.5px;
  color: var(--muted); text-transform: uppercase;
}
.lp-ind.active { color: var(--cyan); }
.lp-ind.active * { color: var(--cyan); }

/* CHAT MAIN */
.lp-chat-main {
  flex: 1; display: flex; flex-direction: column; min-width: 0;
  min-height: 0; overflow: hidden; height: 100%;
}
.lp-chat-head {
  padding: 14px 18px; border-bottom: 1px solid var(--border);
  display: flex; align-items: center; justify-content: space-between;
  background: rgba(0,0,0,0.15); flex-shrink: 0;
}
.lp-ch-l { display: flex; align-items: center; gap: 10px; }
.lp-ch-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--green); animation: blink 1.5s infinite;
}
.lp-ch-name { font-family: var(--fb); font-size: 14px; letter-spacing: 2px; color: var(--white); }
.lp-ch-role { font-family: var(--fm); font-size: 7px; letter-spacing: 1.5px; color: var(--green); text-transform: uppercase; }
.lp-ch-counter {
  font-family: var(--fm); font-size: 8px; letter-spacing: 1px; color: var(--muted);
}
.lp-ch-counter.low { color: var(--red); }
.lp-messages {
  flex: 1; overflow-y: auto; padding: 16px;
  display: flex; flex-direction: column; gap: 8px;
  min-height: 0;
}
.lp-messages::-webkit-scrollbar{ width: 2px; }
.lp-messages::-webkit-scrollbar-thumb{ background: var(--border); }
.lp-bubble {
  max-width: 78%; padding: 9px 13px;
  font-size: 13px; line-height: 1.65; font-family: var(--ff);
}
.lp-bubble-bot {
  background: rgba(0,212,255,0.05); border: 1px solid var(--border);
  color: var(--text); align-self: flex-start;
  border-radius: 0 8px 8px 8px;
}
.lp-bubble-user {
  background: var(--cyan); color: var(--bg);
  align-self: flex-end; border-radius: 8px 0 8px 8px; font-weight: 700;
}
.lp-bubble-sys {
  align-self: center; font-family: var(--fm); font-size: 7px;
  letter-spacing: 2px; color: var(--muted); text-transform: uppercase; opacity: .5;
}
.lp-typing {
  display: flex; gap: 4px; align-items: center;
  padding: 9px 13px;
  background: rgba(0,212,255,0.05); border: 1px solid var(--border);
  align-self: flex-start; border-radius: 0 8px 8px 8px;
}
.lp-t { width:5px;height:5px;border-radius:50%;background:var(--cyan);animation:typingBounce .9s infinite; }
.lp-t:nth-child(2){animation-delay:.15s;}.lp-t:nth-child(3){animation-delay:.3s;}
.lp-suggestions {
  display: flex; flex-wrap: wrap; gap: 6px;
  padding: 8px 16px; border-top: 1px solid var(--border);
  flex-shrink: 0; background: rgba(0,0,0,0.12);
}
.lp-sug-btn {
  font-family: var(--fm); font-size: 7px; letter-spacing: 1px; text-transform: uppercase;
  border: 1px solid var(--border); background: transparent;
  color: var(--muted); padding: 5px 10px; cursor: pointer; transition: all .15s;
}
.lp-sug-btn:hover { border-color: rgba(0,212,255,0.3); color: var(--white); }
.lp-input-row {
  display: flex; border-top: 1px solid var(--border); flex-shrink: 0;
}
.lp-input {
  flex: 1; background: transparent; border: none; outline: none;
  padding: 13px 16px; font-size: 13px; font-family: var(--ff); color: var(--white);
}
.lp-input::placeholder { color: var(--muted); }
.lp-input:disabled { opacity: .4; }
.lp-send {
  width: 50px; background: none; border: none;
  border-left: 1px solid var(--border);
  cursor: pointer; color: var(--cyan); font-size: 16px; transition: all .2s;
}
.lp-send:hover { background: rgba(0,212,255,0.06); }
.lp-send:disabled { opacity: .3; cursor: default; }

/* IMAGE PANEL */
.lp-sidebar-img { overflow-y: auto; max-height: 600px; }
.lp-img-pills { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 4px; }
.lp-pill {
  font-family: var(--fm); font-size: 7px; letter-spacing: 1px; text-transform: uppercase;
  border: 1px solid var(--border); background: transparent;
  color: var(--muted); padding: 5px 10px; cursor: pointer; transition: all .15s;
}
.lp-pill:hover { border-color: rgba(0,212,255,0.25); color: var(--white); }
.lp-pill.active { border-color: var(--cyan); color: var(--cyan); background: rgba(0,212,255,0.06); }
.lp-templates { display: flex; flex-direction: column; gap: 6px; }
.lp-tpl {
  border: 1px solid var(--border); padding: 10px 12px;
  cursor: pointer; transition: all .2s; background: rgba(0,212,255,0.01);
}
.lp-tpl:hover { border-color: rgba(0,212,255,0.2); background: rgba(0,212,255,0.03); }
.lp-tpl.sel { border-color: var(--cyan); background: rgba(0,212,255,0.06); }
.lp-tpl-name {
  font-family: var(--fm); font-size: 7px; letter-spacing: 1.5px;
  color: var(--cyan); text-transform: uppercase; margin-bottom: 3px;
}
.lp-tpl-prev { font-size: 10px; color: var(--muted); line-height: 1.5; }
.lp-tpl-prev em { color: var(--text); font-style: normal; }
.lp-style-row { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.lp-style {
  border: 1px solid var(--border); background: transparent; padding: 8px 6px;
  cursor: pointer; transition: all .15s; text-align: center;
  font-family: var(--fm); font-size: 7px; letter-spacing: 1px;
  color: var(--muted); text-transform: uppercase;
}
.lp-style:hover { border-color: rgba(0,212,255,0.2); color: var(--white); }
.lp-style.active { border-color: var(--cyan); color: var(--cyan); background: rgba(0,212,255,0.05); }
.lp-gen-btn {
  background: var(--cyan); color: var(--bg);
  border: none; width: 100%; padding: 13px 10px; margin-top: 8px;
  font-family: var(--fm); font-size: 9px; letter-spacing: 2px;
  text-transform: uppercase; font-weight: 700; cursor: pointer; transition: all .2s;
  clip-path: polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
}
.lp-gen-btn:hover { background: var(--white); box-shadow: 0 0 20px var(--glow); }
.lp-gen-btn:disabled { opacity: .4; cursor: not-allowed; }

/* IMAGE RIGHT */
.lp-img-right {
  flex: 1; display: flex; flex-direction: column;
  border-left: 1px solid var(--border);
}
.lp-prompt-block {
  padding: 16px 20px; border-bottom: 1px solid var(--border);
  background: rgba(0,0,0,0.15);
}
.lp-prompt-builder {
  margin-top: 8px;
  font-size: 12px; color: var(--muted); line-height: 2.2;
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px;
  min-height: 36px;
}
.lp-pf {
  background: rgba(0,212,255,0.1); border: 1px solid rgba(0,212,255,0.35);
  color: var(--white); font-family: var(--fm); font-size: 10px;
  padding: 2px 8px; outline: none; min-width: 70px; max-width: 130px;
  border-radius: 2px; text-align: center; transition: border-color .2s;
}
.lp-pf:focus { border-color: var(--cyan); }
.lp-pf::placeholder { color: rgba(0,212,255,0.4); }
.lp-img-output {
  flex: 1; display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  padding: 24px; gap: 16px; min-height: 280px;
}
.lp-img-placeholder { text-align: center; opacity: .35; }
.lp-placeholder-text {
  font-family: var(--fm); font-size: 8px; letter-spacing: 2px;
  color: var(--muted); text-transform: uppercase;
}
.lp-img-spinner { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.lp-spin-ring {
  width: 40px; height: 40px;
  border: 2px solid var(--border); border-top-color: var(--cyan);
  border-radius: 50%; animation: spin .8s linear infinite;
}
@keyframes spin { to{ transform: rotate(360deg); } }
.lp-spin-label {
  font-family: var(--fm); font-size: 8px; letter-spacing: 2px;
  color: var(--muted); text-transform: uppercase;
}
.lp-img-result { width: 100%; max-width: 380px; text-align: center; }
.lp-img-result img {
  width: 100%; aspect-ratio: 1; object-fit: cover;
  border: 1px solid var(--border); display: block;
}
.lp-img-meta {
  margin-top: 8px; padding: 8px 12px;
  background: rgba(0,212,255,0.03); border: 1px solid var(--border);
  font-family: var(--fm); font-size: 7px; letter-spacing: 1.5px;
  color: var(--muted); text-transform: uppercase; line-height: 1.8; text-align: left;
}
.lp-img-actions { display: flex; align-items: center; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.lp-dl-btn {
  border: 1px solid var(--border); background: transparent;
  color: var(--cyan); font-family: var(--fm); font-size: 8px;
  letter-spacing: 2px; text-transform: uppercase;
  padding: 8px 16px; cursor: pointer; transition: all .2s;
}
.lp-dl-btn:hover { border-color: var(--cyan); background: rgba(0,212,255,0.06); }
.lp-gallery { display: flex; gap: 6px; }
.lp-thumb {
  width: 48px; height: 48px; object-fit: cover;
  border: 1px solid var(--border); cursor: pointer;
  transition: border-color .2s; opacity: .7;
}
.lp-thumb:hover { border-color: var(--cyan); opacity: 1; }

/* VIDEO PANEL */
.lp-vid-right {
  flex: 1; display: flex; flex-direction: column;
  border-left: 1px solid var(--border);
}
.lp-vstyle {
  border: 1px solid var(--border); padding: 12px 14px;
  cursor: pointer; transition: all .15s; text-align: left;
  background: transparent; width: 100%;
}
.lp-vstyle:hover { border-color: rgba(0,212,255,0.25); }
.lp-vstyle.active { border-color: var(--cyan); background: rgba(0,212,255,0.05); }
.lp-vs-name { font-family: var(--fb); font-size: 18px; color: var(--white); margin-bottom: 3px; }
.lp-vs-desc { font-size: 11px; color: var(--muted); line-height: 1.5; }
.lp-vstyle.active .lp-vs-name { color: var(--cyan); }
.lp-vid-output {
  flex: 1; display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  padding: 24px; gap: 12px;
}
.lp-vid-idle { text-align: center; opacity: .3; }
.lp-vid-canvas-wrap {
  position: relative; width: 100%; max-width: 480px;
  background: #000; border: 1px solid var(--border);
}
#lp-vid-canvas { width: 100%; aspect-ratio: 16/9; display: block; }
.lp-vid-overlay {
  display: none; position: absolute; inset: 0;
  background: rgba(2,4,10,0.75); backdrop-filter: blur(4px);
  flex-direction: column; align-items: center; justify-content: center; gap: 12px;
}
.lp-vid-overlay.active { display: flex; }
.lp-vid-progress { width: 180px; height: 2px; background: var(--border); overflow: hidden; }
.lp-vid-prog-fill { height: 100%; background: var(--cyan); width: 0%; transition: width .3s; }
.lp-vid-meta {
  width: 100%; max-width: 480px; padding: 9px 13px;
  background: rgba(0,212,255,0.03); border: 1px solid var(--border);
  font-family: var(--fm); font-size: 7px; letter-spacing: 1.5px;
  color: var(--muted); text-transform: uppercase; line-height: 1.8;
}
.lp-vid-cta { text-align: center; }

/* ══ REGISTRATION MODAL ══════════════════════════════ */
.lm-backdrop {
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(2,4,10,0.88);
  backdrop-filter: blur(8px);
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
  animation: fadeIn .2s ease;
}
.lm-box {
  background: var(--panel);
  border: 1px solid rgba(0,212,255,0.25);
  box-shadow: 0 32px 80px rgba(0,0,0,0.6), 0 0 60px rgba(0,212,255,0.05);
  padding: 40px 36px;
  width: 100%; max-width: 420px;
  position: relative;
  animation: fadeUp .25s cubic-bezier(.16,1,.3,1);
}
.lm-badge {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--fm); font-size: 7px; letter-spacing: 3px;
  color: var(--cyan); text-transform: uppercase;
  margin-bottom: 20px;
}
.lm-badge-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--green); animation: blink 1.5s infinite;
}
.lm-title {
  font-family: var(--fb);
  font-size: clamp(28px, 4vw, 42px);
  line-height: .95; margin-bottom: 10px; color: var(--white);
}
.lm-sub {
  font-size: 12px; color: var(--muted); line-height: 1.7; margin-bottom: 28px;
}
.lm-form { display: flex; flex-direction: column; gap: 12px; }
.lm-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media(max-width:460px){ .lm-row{ grid-template-columns: 1fr; } }
.lm-field { display: flex; flex-direction: column; gap: 5px; }
.lm-label {
  font-family: var(--fm); font-size: 7px; letter-spacing: 2.5px;
  color: var(--muted); text-transform: uppercase;
}
.lm-input {
  background: rgba(0,0,0,0.3); border: 1px solid var(--border);
  color: var(--white); font-family: var(--fm); font-size: 13px;
  padding: 12px 14px; outline: none; transition: border-color .2s;
  border-radius: 0; -webkit-appearance: none; width: 100%;
}
.lm-input:focus { border-color: var(--cyan); }
.lm-input.error { border-color: var(--red); }
.lm-input::placeholder { color: rgba(200,232,248,0.18); }
.lm-submit {
  background: var(--cyan); color: var(--bg); border: none;
  width: 100%; padding: 15px;
  font-family: var(--fm); font-size: 10px; letter-spacing: 2.5px;
  text-transform: uppercase; font-weight: 700; cursor: pointer;
  transition: all .2s; margin-top: 4px;
  clip-path: polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
  display: flex; align-items: center; justify-content: center; gap: 8px;
}
.lm-submit:hover { background: var(--white); box-shadow: 0 0 24px var(--glow); }
.lm-submit:disabled { opacity: .5; cursor: not-allowed; }
.lm-note {
  font-family: var(--fm); font-size: 7px; letter-spacing: 1.5px;
  color: var(--muted); text-align: center; opacity: .55; margin-top: 4px;
}

/* Sorgente: #akhai-craft-pass */
:root{
  --bg:#030609;
  --deep:#071019;
  --panel:#0a1620;
  --border:rgba(173,220,233,.14);
  --cyan:#27d3ee;
  --glow:rgba(39,211,238,.18);
  --white:#f5fafc;
  --text:#d1e3e9;
  --muted:#94b1bd;
}

/* Una tela più calma: il video e il contenuto restano protagonisti. */
body{font-size:17px;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
body::before{background:none!important;animation:none!important;}
body::after{display:none!important;animation:none!important;}
::selection{background:rgba(39,211,238,.28);color:var(--white);}

/* Navigazione leggibile, compatta e priva di bagliori decorativi. */
nav{min-height:64px;padding:10px clamp(20px,3.6vw,52px);background:rgba(3,6,9,.82);border-bottom-color:rgba(173,220,233,.1);backdrop-filter:saturate(125%) blur(18px);-webkit-backdrop-filter:saturate(125%) blur(18px);}
.nav-logo-img{height:34px;border-radius:8px;}
.logo{min-width:44px;min-height:44px;justify-content:flex-start;}
.nav-l{gap:clamp(20px,2.4vw,34px);}
.nav-l a,.nbtn{font-size:10px;letter-spacing:1.65px;}
.nbtn,.bp,.sticky-cta-btn,.lm-submit,.ac-gen-btn{min-height:44px;border-radius:999px;clip-path:none!important;display:inline-flex;align-items:center;justify-content:center;}
.nbtn-fill:hover,.bp:hover,.sticky-cta-btn:hover,.lm-submit:hover,.ac-gen-btn:hover{box-shadow:0 8px 28px rgba(39,211,238,.18);transform:translateY(-1px);}
.nbtn:active,.bp:active,.sticky-cta-btn:active,.lm-submit:active,.ac-gen-btn:active{transform:scale(.98);}

/* Hero: stessa identità cinematografica, gerarchia più pulita. */
#hero{min-height:100svh;padding:clamp(104px,12vh,148px) clamp(20px,4vw,52px) 88px;}
.hero-bg-video{opacity:.52;filter:saturate(.84) contrast(1.04);}
.hero-overlay{background:linear-gradient(to bottom,rgba(3,6,9,.58) 0%,rgba(3,6,9,.22) 44%,rgba(3,6,9,.92) 100%);}
.hero-content{max-width:940px;}
.hero-content .htag{margin-bottom:20px;}
.htag,.ey,.cs-label{font-size:10px;letter-spacing:2.4px;}
.htag::before{display:none;}
.hh1{font-size:clamp(70px,8.7vw,132px);line-height:.88;letter-spacing:.005em;max-width:940px;text-wrap:balance;}
.hh1 .o{-webkit-text-stroke:1px rgba(245,250,252,.42);}
.hero-content .hsub{font-size:17px;line-height:1.65;max-width:640px;margin-top:28px;color:#deebef;text-wrap:balance;}
.hero-content .hero-cta-block{margin-top:32px;margin-bottom:18px;}
.hero-micro,.trust-item{font-size:10px;letter-spacing:1.15px;line-height:1.5;}
.trust-micro{gap:10px 24px;}
.hero-scroll-cta{min-height:44px;display:inline-flex;align-items:center;}
.hscroll{bottom:20px;}
.hscroll span{font-size:9px;letter-spacing:2px;}

/* Ritmo e tipografia: meno microtesto, più respiro e una scala coerente. */
.w{max-width:1220px;padding-inline:clamp(20px,4vw,52px);}
.h2,.cs-headline,.fh{letter-spacing:.006em;text-wrap:balance;}
.h2{font-size:clamp(48px,5vw,74px);line-height:.95;}
.bt,.cs-desc,.av-desc,.diff-d,.proc-desc,.fs{font-size:16px;line-height:1.7;}
.settore-d,.pd-item p,.proc-ind-desc,.stat-desc,.ftag,.fl a,.ft-nav-col a{font-size:13px;line-height:1.65;}
.cs-sector,.cs-detail,.stat-label,.avm-label,.proc-ind-sub,.settore-result,.fmicro{font-size:9px;letter-spacing:1.25px;}
.section-head{margin-bottom:clamp(48px,6vw,76px)!important;}
#case-study .cs-wrap{padding:clamp(88px,9vw,128px) 0;}
#showcase,#processo,#casi,#perche,#prima-dopo{scroll-margin-top:72px;}

/* Superfici con meno “UI da AI”: bordi quieti, raggi coerenti, niente neon gratuito. */
.cs-metrics,.av-row,.proc-video-stage,.proc-indicators,.settori-grid,.diff-grid,.pd-grid{isolation:isolate;}
.cs-metric,.av-row,.proc-video-stage,.proc-ind,.settore,.diff,.pd-item,.legal-dialog,#chat-box{border-color:var(--border);}
.cs-metric,.proc-ind,.settore,.diff,.pd-item{background:rgba(255,255,255,.022);}
.cs-metric,.settore,.diff,.pd-item{border-radius:14px;}
.cs-metrics,.settori-grid,.diff-grid{gap:12px;}
.cs-metric::before,.sol-card::before,.sbox::before{display:none;}
.cs-metric:hover,.settore:hover,.diff:hover{border-color:rgba(173,220,233,.26);transform:none;box-shadow:none;}
.diff::after,.settore::before{display:none;}
.diff-ico{border-radius:12px;background:rgba(39,211,238,.05);}
.stat-num,.snum{text-shadow:none;}
.video-badge,.duration-badge,.tag,.ac-tool-badge,.demo-live-badge{backdrop-filter:none;box-shadow:none;border-radius:999px;}
.av-sep-dot,.pd-dot,.demo-card-dot{box-shadow:none;}

/* Storie e media diventano il centro visivo, con una cornice unica e precisa. */
.av-list{gap:28px;}
.av-separator{display:none;}
.av-row,.av-row-rev{border-radius:22px;background:rgba(255,255,255,.018);box-shadow:0 20px 70px rgba(0,0,0,.22);}
.av-video-wrap{min-height:460px;}
.av-video-wrap::after{height:28%;background:linear-gradient(to top,rgba(3,6,9,.78),transparent);}
.av-info-col{padding:clamp(34px,4.5vw,58px);background:rgba(8,17,25,.96);}
.av-num{font-size:58px;color:rgba(39,211,238,.12);margin-bottom:-8px;}
.av-title{font-size:clamp(30px,3vw,40px);line-height:1;}
.av-desc{margin-bottom:28px;}
.av-metrics{gap:28px;padding:20px 0;margin-bottom:28px;}
.avm-val{font-size:30px;}

/* Processo: elimina il “pannello tecnico” e lo tratta come una storia unica. */
.proc-video-stage{border:1px solid var(--border);border-radius:22px 22px 0 0;}
.proc-step-label{top:20px;left:20px;border-radius:999px;background:rgba(3,6,9,.68);padding:10px 16px;}
.proc-indicators{gap:0;margin-top:0;border:1px solid var(--border);border-top:0;border-radius:0 0 22px 22px;overflow:hidden;}
.proc-ind{border:0;border-right:1px solid var(--border);padding:28px clamp(20px,3vw,34px);}
.proc-ind:last-child{border-right:0;}
.proc-ind.active{background:rgba(39,211,238,.055);}
.proc-ind-num{font-size:34px;}
.proc-ind-title{font-size:23px;}

/* Confronto e CTA finali più leggibili e meno decorativi. */
.pd-grid{gap:clamp(24px,4vw,46px);}
.pd-item{padding:18px;}
.pd-item.bad{background:rgba(255,68,102,.025);}
.pd-item.good{background:rgba(0,255,136,.025);}
.pd-transform-badge{border-radius:999px;background:rgba(39,211,238,.045);}
#fcta{padding:clamp(112px,12vw,176px) clamp(20px,4vw,52px);}
#fcta::before{background:radial-gradient(ellipse at center,rgba(39,211,238,.045),transparent 62%);}
.fmicro{letter-spacing:1.35px;line-height:1.6;}
.sticky-cta-btn{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:1.4px;padding:13px 24px;box-shadow:0 8px 30px rgba(0,0,0,.35);}
#chat-btn{width:52px;height:52px;animation:none;box-shadow:0 10px 28px rgba(0,0,0,.32);}
#chat-btn:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(0,0,0,.4);}
.skip-link,#compliance-draft-banner button,.legal-trigger{min-height:44px;display:inline-flex;align-items:center;}
#compliance-draft-banner button,.legal-trigger{padding:10px 8px;}
.ft-nav-col a,.fl a{min-height:44px;display:flex;align-items:center;margin-bottom:0;}

/* Prestazioni di rendering senza cambiare o sostituire alcun asset. */
img,video{max-width:100%;}
video{background:#030609;}

/* Icone vettoriali: un solo linguaggio visivo, nessun glifo colorato di sistema. */
.ak-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;}
.ak-icon{width:1em;height:1em;display:inline-block;vertical-align:-.14em;flex:0 0 auto;color:inherit;}
.ak-icon-label{display:inline-flex;align-items:center;gap:9px;}
.video-badge .ak-icon{font-size:16px;}
.settore-ico .ak-icon,.diff-ico .ak-icon{font-size:28px;}
.lac-icon .ak-icon{font-size:25px;}
.lp-ind .ak-icon,.lp-pill .ak-icon,.lp-style .ak-icon{font-size:15px;margin-right:7px;}
.pd-icon .ak-icon,.reject-icon .ak-icon,.success-icon .ak-icon,.qr-icon .ak-icon{width:1em;height:1em;}
.chat-close .ak-icon,#chat-send .ak-icon,.lp-send .ak-icon,#modal-close .ak-icon{font-size:18px;}
.ti-sep{width:4px;height:4px;border-radius:50%;background:var(--cyan);opacity:.6;display:inline-block;align-self:center;}
.trust-item{display:inline-flex;align-items:center;gap:8px;}
.trust-item::before{content:''!important;width:5px;height:5px;border-radius:50%;background:var(--cyan);display:inline-block;flex:0 0 auto;}
.step-dot.done::after{content:'';width:7px;height:4px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg) translateY(-1px);}

@media (hover:hover){
  .av-row{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .25s;}
  .av-row:hover{transform:translateY(-2px);border-color:rgba(173,220,233,.24);}
}

@media(max-width:900px){
  nav{min-height:60px;padding:10px 18px;}
  .nav-logo-img{height:30px;}
  #hero{padding:98px 20px 68px;}
  .hero-content .hh1{font-size:clamp(54px,13vw,84px);}
  .hero-content .hsub{font-size:16px;line-height:1.6;}
  .av-list{gap:22px;}
  .av-row,.av-row-rev{border-radius:18px;}
  .av-video-wrap{min-height:58vw;}
  .av-info-col{padding:32px 24px 36px;}
  .proc-video-stage{aspect-ratio:16/9;border-radius:18px 18px 0 0;}
  .proc-indicators{border-radius:0 0 18px 18px;}
  .proc-ind{border-right:0;border-bottom:1px solid var(--border);}
  .proc-ind:last-child{border-bottom:0;}
  .proc-ind-desc{font-size:13px;}
  .settori-grid,.diff-grid{gap:10px;}
}

@media(max-width:500px){
  .nav-btns{gap:4px;}
  .nbtn-fill{min-height:44px;padding:9px 13px;font-size:9px;}
  #hero{min-height:100svh;padding-inline:16px;}
  .hero-content .hh1{font-size:clamp(50px,15.5vw,70px);line-height:.9;}
  .hero-content .hsub{font-size:15px;max-width:34ch;}
  .hero-content .hero-cta-block{width:100%;}
  .hero-content .bp{width:min(100%,360px);}
  .trust-micro{gap:7px 14px;}
  .hero-micro,.trust-item{font-size:9px;}
  .hscroll{display:none;}
  .h2{font-size:clamp(42px,13vw,58px);}
  .bt,.cs-desc,.av-desc,.diff-d,.proc-desc,.fs{font-size:15px;}
  .cs-wrap{padding:76px 0!important;}
  .cs-metrics{grid-template-columns:1fr 1fr!important;gap:8px;}
  .cs-metric{padding:22px 18px;}
  .cs-metric-num{font-size:44px;}
  .av-video-wrap{min-height:72vw;}
  .av-info-col{padding:28px 20px 32px;}
  .av-metrics{gap:18px;}
  .proc-step-label{top:12px;left:12px;max-width:calc(100% - 24px);}
  .proc-step-label-text{font-size:8px;letter-spacing:1.2px;}
  .pd-item{padding:16px;}
  #fcta{padding-block:104px;}
  .sticky-cta{bottom:12px;width:calc(100% - 88px);}
  .sticky-cta-btn{width:100%;white-space:normal;text-align:center;line-height:1.25;}
  #chat-btn{right:16px;bottom:16px;}
}

@media(prefers-reduced-motion:reduce){
  .ttrack{animation:none!important;transform:none!important;}
  .hero-bg-video{filter:saturate(.82) contrast(1.04);}
}