@media(min-width:761px){.hero-grid{grid-template-columns:1.3fr .95fr;gap:56px;align-items:center}}.hero-pre{font-size:18px;font-weight:600;color:#eaf2ff;margin-bottom:20px;max-width:46ch;line-height:1.45}.hero h1{font-size:clamp(44px,5vw,72px);line-height:1.06;max-width:19ch;letter-spacing:-.04em;color:#fff}.hero-desc{font-size:20px;line-height:1.6;max-width:50ch;margin-top:24px;color:rgba(255,255,255,.92)}.hero-actions{margin-top:30px}.hero-actions .btn{min-height:54px;width:340px;max-width:100%;font-size:16px}.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(100deg,#0a3db0 0%,#0a4ed4 40%,#0066ff 75%,#1a73ff 100%)}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(48% 62% at 90% 88%,rgba(255,255,255,.16),transparent 62%)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(70% 90% at 88% 50%,#000 25%,transparent 78%);mask-image:radial-gradient(70% 90% at 88% 50%,#000 25%,transparent 78%)}.hero .wrap{position:relative;z-index:1}.hero-actions .btn{background:#fff;color:var(--blue);border-color:#fff;font-weight:700;box-shadow:0 12px 30px rgba(0,20,90,.28)}.hero-actions .btn:hover{background:#eaf1ff;border-color:#eaf1ff;color:var(--blue-dark)}@media(max-width:760px){.hero{background:linear-gradient(160deg,#0a3db0 0%,#0a4ed4 55%,#0066ff 100%)}.hero:before{background:radial-gradient(60% 40% at 50% 100%,rgba(255,255,255,.14),transparent 65%)}.hero:after{-webkit-mask-image:linear-gradient(180deg,transparent 45%,#000 100%);mask-image:linear-gradient(180deg,transparent 45%,#000 100%)}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-pre{font-size:15px;margin-bottom:14px}.hero h1{font-size:clamp(32px,8.6vw,42px);max-width:16ch}.hero-desc{font-size:17px;margin-top:16px}.hero-actions .btn{width:100%}}
.hero-brand-wrap{position:relative;z-index:2;display:flex;justify-content:flex-start;padding:12px 16px 0;margin-bottom:12px}.hero .hero-brand{width:144px;height:44px}.hero .hero-brand img{width:144px;margin-top:-17px;filter:grayscale(1) invert(1) contrast(1.15) brightness(1.25);mix-blend-mode:screen}.hero .hero-brand:focus-visible{outline-color:#fff1cf}html{scroll-padding-top:20px}@media(max-width:760px){html{scroll-padding-top:16px}.hero-brand-wrap{margin-bottom:8px}}@font-face{font-family:'Headline Sora';src:url('/wp-content/plugins/velocia-gestionali/dist/pagine/assets/landing-sora-700-20261014.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Preheadline Mono';src:url('/wp-content/plugins/velocia-gestionali/dist/pagine/fonts/jetbrains-mono-400-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Preheadline Mono';src:url('/wp-content/plugins/velocia-gestionali/dist/pagine/fonts/jetbrains-mono-500-latin.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}.hero-centrato{display:block;max-width:1120px;margin:0 auto;text-align:center}.hero-centrato .hero-pre,.hero-centrato h1,.hero-centrato .hero-desc{margin-left:auto;margin-right:auto}.hero-centrato .hero-pre{max-width:920px;margin-bottom:14px;font-family:'Preheadline Mono',monospace;font-size:23px;line-height:1.4;font-weight:500;letter-spacing:-.025em;text-transform:none;text-align:center;color:var(--pre-accent)}.hero-pre .pre-audience{display:block;font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;text-wrap:balance}.hero-pre .pre-audience strong{font:inherit;font-weight:500;color:var(--pre-accent)}.hero-pre .pre-problem{display:block;margin-top:3px;font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;text-wrap:balance}.hero-pre .pre-problem strong{display:inline;font:inherit;font-weight:500;color:inherit}.hero-pre mark{display:inline-block;margin:0;padding:0;background:transparent;color:inherit;font:inherit;font-weight:500;white-space:nowrap}.hero-centrato h1{font-family:'Headline Sora',var(--body);font-size:clamp(42px,4.8vw,68px);font-weight:700;line-height:1.12;letter-spacing:-.035em;max-width:none;text-wrap:balance}.hero-centrato .hero-desc{max-width:64ch;font-size:18px;line-height:1.5;margin-top:32px;text-wrap:balance;color:rgba(255,255,255,.82)}.hero-centrato h1 .hero-product,.hero-centrato h1 .hero-benefit{display:inline;font:inherit;letter-spacing:inherit}.hero-benefit mark{display:inline;padding:0;background:transparent;color:var(--pre-accent);font:inherit}.hero-centrato .hero-desc strong{font-weight:700;color:inherit}.hero-centrato .hero-actions{align-items:center;justify-content:center}.hero{--pre-bg:#082b80;--pre-accent:#fff1cf;padding:0;overflow:visible;display:flow-root;background:var(--pre-bg)}.hero:before{inset:0;background-image:radial-gradient(ellipse at center,rgba(0,102,255,.65),rgba(0,102,255,.24) 38%,transparent 70%),radial-gradient(ellipse at center,rgba(40,123,255,.48),rgba(0,102,255,.18) 40%,transparent 72%);background-repeat:no-repeat;background-size:68% 90%,66% 95%;background-position:-60% -20%,160% 90%;-webkit-mask-image:linear-gradient(90deg,#000,transparent calc(50% - 430px),transparent calc(50% + 430px),#000);mask-image:linear-gradient(90deg,#000,transparent calc(50% - 430px),transparent calc(50% + 430px),#000);animation:hero-blue-drift 28s ease-in-out infinite}.hero:after{inset:0;opacity:1;background:radial-gradient(ellipse at 50% 110%,rgba(0,102,255,.55),transparent 68%);-webkit-mask-image:linear-gradient(transparent 68%,#000 100%);mask-image:linear-gradient(transparent 68%,#000 100%)}@keyframes hero-blue-drift{0%,100%{background-position:-60% -20%,160% 90%}50%{background-position:-105% 55%,130% 5%}}@media(max-width:1100px){.hero:before{-webkit-mask-image:linear-gradient(transparent 660px,#000 920px);mask-image:linear-gradient(transparent 660px,#000 920px)}.hero:after{-webkit-mask-image:linear-gradient(transparent 660px,#000 100%);mask-image:linear-gradient(transparent 660px,#000 100%)}}@media(prefers-reduced-motion:reduce){.hero:before{animation:none}}.hero-art-wrap{position:relative;z-index:2;max-width:1440px;margin:56px auto -150px}.trust-strip{padding-top:190px}@media(max-width:760px){.hero{padding:0}.hero-centrato{text-align:center}.hero-centrato .hero-pre,.hero-centrato h1,.hero-centrato .hero-desc{margin-left:auto;margin-right:auto}.hero-centrato h1{font-size:clamp(32px,9.2vw,42px)}.hero-centrato .hero-desc{font-size:17px;margin-top:28px}.hero-centrato .hero-pre{margin-bottom:12px;font-size:19px;line-height:1.4;letter-spacing:-.05em;text-align:center}.hero-pre .pre-problem{margin-top:4px}.hero-centrato .hero-actions{align-items:stretch}.hero-art-wrap{margin:34px auto -40px}.trust-strip{padding-top:70px}}

.scene{display:block}
.scene .app-mock{margin:0;min-width:0}
.hero-art-wrap{max-width:1120px;margin:34px auto -96px}
.art-note{text-align:center;font-size:13px;color:#4c668a;margin:14px 0 0}
.hero + .trust-strip{padding-top:136px}
@media(max-width:760px){.hero-art-wrap{margin:28px auto -40px}.hero + .trust-strip{padding-top:72px}}


html{scroll-behavior:smooth}
.hero .hero-actions .hero-discover{width:320px;min-height:56px;padding:14px 24px;gap:16px;justify-content:center;border:1px solid #fff;border-radius:9px;background:#fff;color:#082b80;font-size:16px;line-height:1.3;font-weight:600;letter-spacing:0;box-shadow:0 8px 24px rgba(0,15,60,.14);transition:background-color .25s,transform .15s}
.hero .hero-actions .hero-discover:hover{background:#f4f7ff;color:#082b80;transform:none;box-shadow:0 8px 24px rgba(0,15,60,.14)}
.hero .hero-actions .hero-discover:active{transform:scale(.99)}
.hero .hero-actions .hero-discover:focus-visible{outline:3px solid #fff1cf;outline-offset:5px}
.hero-discover .cta-icon{position:relative;width:20px;height:24px;flex:none;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}
.hero-discover .cta-arrow-track{position:absolute;inset:0;animation:cta-flow 6.4s cubic-bezier(.65,0,.35,1) infinite}
.hero-discover .cta-arrow{position:absolute;left:0;top:2px;width:20px;height:20px}
.hero-discover .cta-arrow-copy{top:-26px}
.hero-discover:is(:hover,:focus-visible) .cta-arrow-track{animation:cta-flow-active 1.4s cubic-bezier(.65,0,.35,1) infinite}
@media(max-width:760px){.hero .hero-actions .hero-discover{width:100%}}
@keyframes cta-flow{0%,76%{transform:translateY(0)}96%,100%{transform:translateY(28px)}}
@keyframes cta-flow-active{0%,16%{transform:translateY(0)}84%,100%{transform:translateY(28px)}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .hero-discover .cta-arrow-track,.hero-discover:is(:hover,:focus-visible) .cta-arrow-track{animation:none;transform:none}
 .hero-discover .cta-arrow-copy{display:none}
 .hero .hero-actions .hero-discover{transition:none}
 .hero .hero-actions .hero-discover:hover,.hero .hero-actions .hero-discover:active{transform:none}
}


/* Un asse centrale per il messaggio, un solo oggetto grafico come punto di arrivo. */
.hero{--pre-accent:hsl(42.5 100% 55%);min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;padding-bottom:36px}
.hero-brand-wrap{flex:none;margin-bottom:20px}
.hero-centrato{width:100%;flex:none}
.hero-centrato .hero-pre{font-size:21px;font-weight:400;line-height:1.6;margin-bottom:22px;color:#e0e9ff;max-width:1000px;letter-spacing:-.04em}
.hero-pre .pre-audience{font-weight:400}
.hero-pre .pre-problem{margin-top:6px;line-height:1.6}
.hero-pre .pre-problem mark{display:inline;padding:2px 6px;background:var(--pre-accent);color:var(--pre-bg);font-weight:400;white-space:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:2px}
.hero-pre .pre-problem strong{font-weight:700}
.hero-centrato .hero-desc{font-size:18px;line-height:1.55;margin-top:26px;max-width:67ch;color:#d2def7}
.hero-desc .desc-detail{display:block}
.hero-desc .desc-promise{display:block;margin-top:8px;color:#fff}
.hero-desc .desc-promise strong{font-weight:700}
.hero .hero-actions{margin-top:26px}
.hero .hero-actions .hero-discover{position:relative;isolation:isolate;overflow:hidden;width:266px;gap:0;border-radius:8px;box-shadow:0 6px 24px #00174f33;transition:box-shadow .25s,background-color .25s,transform .2s}
.hero .hero-actions .hero-discover>span{position:relative;z-index:1}
.hero .hero-actions .hero-discover:before{content:'';position:absolute;inset:-60% -80%;background:linear-gradient(110deg,transparent 40%,#adcaff70 48%,#ffffff 52%,transparent 60%);transform:translateX(-70%);animation:discover-light 8s 3s ease-in-out infinite;pointer-events:none}
.hero .hero-actions .hero-discover:hover{background:#fff;box-shadow:0 0 0 4px #ffffff12,0 8px 32px #00207766}
.hero .hero-actions .hero-discover:focus-visible,.hero .hero-brand:focus-visible{outline-color:var(--pre-accent)}
@keyframes discover-light{0%,65%{transform:translateX(-70%)}88%,100%{transform:translateX(70%)}}
.hero .hero-art-wrap{width:100%;max-width:1040px;margin:72px auto 0;perspective:1400px;flex:none}
.hero .art-note{font-size:12px;color:#b8cff7;margin-top:24px;position:relative;z-index:2}
.hero + .trust-strip{padding-top:32px}
.mock-visual{position:relative;margin:0;font-family:var(--body);color:#d4e4ff}
.visual-halo{position:absolute;z-index:-1;inset:-55px -90px -70px;background:radial-gradient(ellipse at 50% 48%,#0783ffb3,transparent 66%);opacity:.65;animation:visual-halo-breathe 12s 3s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.visual-screen{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);background:#061536;border:1px solid #5687c773;border-radius:14px;box-shadow:inset 0 1px 0 #d1e5ff73,0 30px 65px #020d387d,0 0 28px #288aff29;transform:rotateX(10deg) rotateY(-7deg) rotateZ(-1.5deg);transform-origin:center;overflow:hidden}
.visual-screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#96bfff0a,transparent 40%,#2c80ff0d);box-shadow:inset 0 0 0 1px #ffffff08;border-radius:inherit}
.visual-symbols{position:absolute;width:0;height:0}
.mock-visual svg:not(.visual-connections):not(.visual-symbols){fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.visual-rail{display:flex;flex-direction:column;align-items:center;gap:22px;padding:24px 10px;border-right:1px solid #ffffff0f;background:#06122d}
.visual-brand-dot{width:17px;height:17px;border-radius:5px;background:#2475ff;box-shadow:0 0 22px #2475ff66;margin-bottom:16px}
.visual-rail>span:not(.visual-brand-dot){display:grid;place-items:center;width:36px;height:36px;border-radius:7px;color:#7c99c2}
.visual-rail>span.is-selected{background:#113572;color:#91baff;box-shadow:inset 0 0 0 1px #3486ff33}
.visual-rail svg{width:19px;height:19px}
.visual-workspace{min-width:0}
.visual-toolbar{height:58px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0f;font-size:12px;color:#8eabd3}
.visual-toolbar>div{display:flex;gap:5px}.visual-toolbar i{display:block;width:4px;height:4px;border-radius:50%;background:#52729f}
.visual-canvas{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:13%;height:258px;padding:24px 6% 32px;background:radial-gradient(ellipse at 47% 62%,#0b2c6380,transparent 70%)}
.visual-caption{display:block;color:#b3c9e9;font-size:12px;font-weight:500;margin-bottom:16px}
.visual-clients,.visual-practice,.visual-document{position:relative;z-index:1;min-width:0}
.visual-client{display:flex;align-items:center;gap:12px;height:56px;margin:0 0 14px;padding:12px;border:1px solid #294673;border-radius:8px;background:#0c2045;box-shadow:0 10px 20px #010b2126}
.visual-client:last-child{margin-bottom:0}.visual-client svg{width:27px;height:27px;flex:none;color:#91b7f2}
.visual-client i{width:38px;max-width:40%;height:4px;border-radius:2px;background:#365682}
.visual-folder{position:relative;height:126px;padding:22px;background:linear-gradient(130deg,#153f82,#0d2958);border:1px solid #4b85d2;border-radius:10px;box-shadow:0 0 24px #237bff20,inset 0 1px 0 #bad3ff26}
.visual-folder>svg{width:39px;height:39px;color:#94beff}
.visual-folder-line{display:block;width:65%;height:4px;margin-top:14px;border-radius:2px;background:#5282c8}.visual-folder-line.short{width:40%;margin-top:7px;opacity:.6}
.visual-linked{position:absolute;right:-12px;bottom:22px;width:28px;height:28px;display:grid;place-items:center;background:#206bf4;border:1px solid #93bdff;border-radius:50%;box-shadow:0 0 20px #4c94ff80}
.visual-linked svg{width:16px;height:16px;color:#fff}
.visual-paper{position:relative;width:124px;max-width:100%;height:159px;margin:0 auto;padding:17px;background:linear-gradient(135deg,#e5efff,#c3d8fa);border-radius:5px;transform:rotate(5deg);box-shadow:0 12px 26px #010a2466,0 0 28px #a5caff10}
.visual-paper-icon{width:20px;height:23px;color:#4375b6;margin-bottom:15px}
.visual-paper>i{display:block;height:3px;border-radius:2px;background:#8eacd6;margin-top:8px}.visual-paper>i.short{width:65%}
.visual-signature{width:88px;max-width:100%;height:30px;margin-top:12px;color:#195cc0;stroke-dasharray:160;stroke-dashoffset:0}
.visual-paper-check{position:absolute;display:grid;place-items:center;right:-10px;bottom:18px;width:28px;height:28px;border-radius:50%;color:#07234c;background:#81b4ff;box-shadow:0 0 26px #559aff80}
.visual-paper-check svg{width:16px;height:16px}
.visual-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:1.2;pointer-events:none}
.visual-wire{stroke:#3867a4;opacity:.8}
.visual-current{stroke:#aad4ff;stroke-width:2.2;stroke-dasharray:5 95;stroke-dashoffset:100;filter:drop-shadow(0 0 4px #459dff);opacity:0;animation:visual-data-flow 7s 3s linear infinite;animation-play-state:paused}
.mock-visual.is-active .visual-current,.mock-visual.is-active .visual-halo{animation-play-state:running}
@keyframes visual-data-flow{0%{stroke-dashoffset:100;opacity:0}8%,86%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes visual-halo-breathe{0%,100%{opacity:.65;transform:scale(.97)}50%{opacity:.95;transform:scale(1.05)}}
@media(min-width:761px) and (min-height:950px){.hero-brand-wrap{margin-bottom:36px}.hero .hero-art-wrap{margin-top:88px}.hero{padding-bottom:48px}}
@media(min-width:761px) and (max-height:949px){
 .hero{padding-bottom:20px}.hero-brand-wrap{margin-bottom:12px}
 .hero-centrato .hero-pre{margin-bottom:18px}.hero-centrato h1{font-size:clamp(42px,4.8vw,64px)}
 .hero-centrato .hero-desc{margin-top:22px}.hero .hero-art-wrap{margin-top:68px}
 .visual-canvas{height:210px;padding-top:16px;padding-bottom:22px}.visual-caption{margin-bottom:12px}
 .visual-client{height:48px;margin-bottom:10px}.visual-folder{height:112px;padding:18px}.visual-folder>svg{width:32px;height:32px}
 .visual-paper{height:128px;padding:14px}.visual-paper-icon{width:18px;height:19px;margin-bottom:8px}.visual-paper>i{height:2px;margin-top:6px}.visual-signature{height:20px;margin-top:8px}
}
@media(max-width:1100px){.hero-centrato .hero-pre{font-size:19px;max-width:900px}.hero .hero-art-wrap{max-width:900px}}
@media(max-width:760px){
 .hero{padding-bottom:32px;min-height:100svh}
 .hero-brand-wrap{margin-bottom:16px}
 .hero-centrato .hero-pre{font-size:17px;line-height:1.6;letter-spacing:-.045em;margin-bottom:22px}
 .hero-pre .pre-problem{margin-top:8px;line-height:1.6}
 .hero-centrato .hero-desc{font-size:17px;line-height:1.5;margin-top:24px}
 .hero-desc .desc-promise{margin-top:12px}
 .hero .hero-actions{margin-top:24px}
 .hero .hero-actions .hero-discover{width:266px;max-width:100%;align-self:center}
 .hero .hero-art-wrap{margin-top:64px;padding-left:16px;padding-right:16px}
 .visual-screen{grid-template-columns:34px minmax(0,1fr);border-radius:9px;transform:rotateX(7deg) rotateY(-5deg) rotateZ(-1.5deg)}
 .visual-rail{gap:16px;padding:16px 4px}.visual-brand-dot{width:12px;height:12px;margin-bottom:8px;border-radius:3px}
 .visual-rail>span:not(.visual-brand-dot){width:25px;height:25px;border-radius:4px}.visual-rail svg{width:14px;height:14px}
 .visual-toolbar{height:40px;padding:0 14px;font-size:10px}
 .visual-canvas{height:191px;padding:18px 14px 25px;gap:9%}
 .visual-caption{font-size:9px;margin-bottom:12px}
 .visual-client{height:42px;padding:8px;margin-bottom:13px;border-radius:5px}.visual-client svg{width:22px;height:22px}.visual-client i{display:none}
 .visual-folder{height:93px;padding:12px;border-radius:6px}.visual-folder>svg{width:26px;height:26px}.visual-folder-line{margin-top:12px;height:3px;width:90%}.visual-folder-line.short{width:60%;margin-top:5px}
 .visual-linked{width:21px;height:21px;right:-8px;bottom:14px}.visual-linked svg{width:12px;height:12px}
 .visual-paper{width:68px;height:112px;padding:10px}.visual-paper-icon{width:17px;height:19px;margin-bottom:8px}.visual-paper>i{height:2px;margin-top:7px}.visual-paper-check{width:22px;height:22px;right:-5px;bottom:11px}.visual-paper-check svg{width:13px;height:13px}.visual-signature{height:21px;margin-top:7px}
 .visual-halo{inset:-30px -45px}
 .hero .art-note{font-size:10px;margin-top:24px}
 .hero + .trust-strip{padding-top:28px}
}
@media(prefers-reduced-motion:reduce){.hero .hero-actions .hero-discover:before,.mock-visual .visual-current,.mock-visual .visual-halo{animation:none}.visual-current{display:none}.hero .hero-actions .hero-discover{transition:none}}

/* Compatibilità con le pagine settore e i loro stili esistenti. */
.hero{--body:'Inter',sans-serif;--blue:#0066ff;--blue-dark:#0048b8;border:0}
.hero .hero-brand{display:block;overflow:hidden;flex:none}
.hero .hero-brand img{height:auto;max-width:none;display:block}
.hero .hero-actions{display:flex;flex-wrap:wrap;justify-content:center}
.hero .hero-centrato h1{margin-top:0}
.hero .hero-desc{display:block}
.hero .hero-pre{padding:0}
.hero .hero-discover{text-decoration:none;font-family:'Inter',sans-serif;display:inline-flex;align-items:center}
.hero .hero-discover:after{display:none}
.hero .hero-brand-wrap{position:relative;top:auto;background:transparent;backdrop-filter:none;border:0}
.hero .art-note{line-height:1.5}
.hero-context{margin-top:24px;max-width:74ch}
.hero-context p{margin:12px 0 0}
.landing-settore .hero-centrato h1{font-size:clamp(42px,4.3vw,58px)}
.landing-settore .hero-centrato .hero-pre{max-width:920px}
.landing-settore .hero-centrato .hero-desc{max-width:66ch}
@media(max-width:760px){.hero .hero-centrato{padding-left:24px;padding-right:24px}.landing-settore .hero-centrato h1{font-size:32px}.landing-settore .hero-centrato .hero-pre{font-size:16px}.landing-settore .hero-centrato .hero-desc{font-size:16px}}