:root{–mx:50%;–my:50%;–si-bg:#0B1424;–si-surface:#141E33;–si-surface-2:#0F1A30;–si-elevated:#1A2640;–si-border:#1E2D4A;–si-blue:#1F9AFF;–si-teal:#00C7B1;–si-gold:#E8D5A3;–si-text:#F2F4F8;–si-text2:#8E9AAF;–si-text3:#6B7A93}*{box-sizing:border-box}.si-honeycomb{background-image:url(“data:image/svg+xml;utf8,”),url(“data:image/svg+xml;utf8,”);background-repeat:repeat;background-size:60px 52px,60px 52px;opacity:1;pointer-events:none;position:absolute;inset:0;filter:drop-shadow(0 0 6px rgba(31,154,255,.22));mask-image:radial-gradient(circle 220px at var(–mx,50%) var(–my,50%), black 0%, black 62%, transparent 82%);-webkit-mask-image:radial-gradient(circle 220px at var(–mx,50%) var(–my,50%), black 0%, black 62%, transparent 82%);transition:mask-image .09s linear;background-position:0 0,30px 26px}
.si-honeycomb–gold{background-image:url(“data:image/svg+xml;utf8,”);opacity:.11}
.si-honeycomb-card{position:absolute;top:12px;right:12px;width:72px;height:72px;opacity:.07;pointer-events:none;background-image:url(“data:image/svg+xml;utf8,”);background-size:56px 48px}.si-honeycomb-logo{position:absolute;width:28px;height:26px;background-image:url(“https://studioimmens.com/wp-content/uploads/2026/09/studio-immens-hex-512.png”);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.18;filter:drop-shadow(0 0 4px rgba(31,154,255,.22))}
/* mouse-following honeycomb – nido d’ape senza spazi, esagoni equilateri, visibile solo vicino al mouse */
@media(max-width:900px){.si-cube-wrap{perspective:1000px;width:280px;height:280px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.si-cube{width:140px;height:140px;position:relative;transform-style:preserve-3d;animation:siFloat 5s ease-in-out infinite}.si-cube-face{position:absolute;width:140px;height:140px;border:1.5px solid rgba(31,154,255,.28);border-radius:6px}.si-cube-top{background:linear-gradient(135deg,#1F9AFF,#00C7B1);transform:rotateX(90deg) translateZ(70px);opacity:.92}.si-cube-front{background:linear-gradient(135deg,rgba(31,154,255,.75),rgba(31,154,255,.25));transform:translateZ(70px)}.si-cube-right{background:linear-gradient(135deg,rgba(0,199,177,.35),rgba(31,154,255,.45));transform:rotateY(90deg) translateZ(70px);opacity:.78}@keyframes siFloat{0%,100%{transform:rotateX(24deg) rotateY(-28deg) translateY(0)}50%{transform:rotateX(32deg) rotateY(-18deg) translateY(-14px)}}.si-fortress-hex{transition:transform .35s, box-shadow .35s}.si-fortress-hex:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 14px 28px rgba(0,0,0,.32)}@keyframes siFloatImg{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:900px){.si-hero-grid{grid-template-columns:1fr!important}.si-hero-right{display:none!important}.si-bento{grid-template-columns:1fr!important}.si-bento-large{grid-column:span 1!important}.si-solution{grid-template-columns:1fr!important}.si-before-after{grid-template-columns:1fr!important}.si-steps{grid-template-columns:1fr!important}.si-products{grid-template-columns:1fr!important}.si-why{grid-template-columns:1fr!important}.si-pricing{grid-template-columns:1fr!important}.si-pricing-featured{transform:none!important}.si-faq{grid-template-columns:1fr!important}}
/* CB Pro soft override – rassicurante, non veloce */
:root{–cb-duration:0.82s;–cb-ease:cubic-bezier(0.22,1,0.36,1)}
[class*=”cb-“]{animation-duration:var(–cb-duration) !important;animation-timing-function:var(–cb-ease) !important}
.cb-fade-in{animation:cbFadeIn var(–cb-duration) var(–cb-ease) both}
.cb-slide-up{animation:cbSlideUp var(–cb-duration) var(–cb-ease) both}
.cb-zoom-in{animation:cbZoomIn var(–cb-duration) var(–cb-ease) both}
@keyframes cbFadeIn{from{opacity:0}to{opacity:1}}
@keyframes cbSlideUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes cbZoomIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){[class*=”cb-“]{animation:none !important;transform:none !important;opacity:1 !important}}
/* soft reveal for all sections – no cb needed, uses view() */
.si-bento, .si-solution, .si-before-after, .si-steps, .si-products, .si-why, .si-pricing, .si-faq {
opacity:0; transform:translateY(14px);
}
.si-bento.is-visible, .si-solution.is-visible, .si-before-after.is-visible, .si-steps.is-visible, .si-products.is-visible, .si-why.is-visible, .si-pricing.is-visible, .si-faq.is-visible {
animation: siSoftReveal 0.82s cubic-bezier(0.22,1,0.36,1) both;
}
@supports (animation-timeline: view()){
.si-bento, .si-solution, .si-before-after, .si-steps, .si-products, .si-why, .si-pricing, .si-faq {
opacity:1; transform:none;
animation: siSoftReveal 0.82s cubic-bezier(0.22,1,0.36,1) both;
animation-timeline: view();
animation-range: entry 12% cover 28%;
}
.si-bento.is-visible, .si-solution.is-visible, .si-before-after.is-visible, .si-steps.is-visible, .si-products.is-visible, .si-why.is-visible, .si-pricing.is-visible, .si-faq.is-visible {
animation: none;
}
}
@keyframes siSoftReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes siLogoScroll{from{transform:translateY(12px) scale(.96)}to{transform:translateY(-8px) scale(1.02)}}@keyframes siWireScroll{from{transform:translateY(8px);opacity:.88}to{transform:translateY(-6px);opacity:1}}@supports(animation-timeline:view()){.si-hero-right img{animation:siLogoScroll linear both;animation-timeline:view();animation-range:entry 0% exit 12%}.si-hero-right svg{animation:siWireScroll linear both;animation-timeline:view();animation-range:entry 0% exit 12%}}@media(prefers-reduced-motion:reduce){.si-bento,.si-solution,.si-before-after,.si-steps,.si-products,.si-why,.si-pricing,.si-faq{animation:none;opacity:1;transform:none}}
document.addEventListener(‘DOMContentLoaded’,function(){
if(!CSS.supports(‘animation-timeline’,’view()’)){
var els=document.querySelectorAll(‘.si-bento,.si-solution,.si-before-after,.si-steps,.si-products,.si-why,.si-pricing,.si-faq’);
var io=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting)e.target.classList.add(‘is-visible’)})},{threshold:0.12,rootMargin:’0px 0px -8% 0px’});
els.forEach(function(el){io.observe(el)});
}
var hero=document.querySelector(‘.si-hero-grid’);if(hero){
var hrc=document.querySelectorAll(‘.si-hero-right img,.si-hero-right svg’);
var io2=new IntersectionObserver(function(es){es.forEach(function(e){var p=Math.min(1,Math.max(0,1-e.intersectionRatio));if(e.target.tagName==’IMG’){e.target.style.transform=’translateY(‘+(p*12-p*8)+’px) scale(‘+(.96+p*.06)+’)’}else{e.target.style.transform=’translateY(‘+(p*8-p*6)+’px)’;e.target.style.opacity=(.88+p*.12)}})},{threshold:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]});
hrc.forEach(function(el){io2.observe(el)});
}});
document.addEventListener(‘DOMContentLoaded’,function(){
var honeys=document.querySelectorAll(‘.si-honeycomb’);
function upd(e){
var x=e.clientX, y=e.clientY;
honeys.forEach(function(el){
var r=el.getBoundingClientRect();
el.style.setProperty(‘–mx’, (x – r.left) + ‘px’);
el.style.setProperty(‘–my’, (y – r.top) + ‘px’);
});
}
document.addEventListener(‘mousemove’,upd,{passive:true});
document.addEventListener(‘touchmove’,function(e){if(e.touches[0]) upd(e.touches[0])},{passive:true});
});
Scelto da PMI, agenzie e studi professionali in tutta Italia
PMI MANIFATTURIEREAGENZIE DIGITALISTUDI PROFESSIONALIE-COMMERCE
Domande frequenti.
Posso usare i plugin senza la Fortezza?
Sì. Ogni plugin è venduto singolarmente. La Fortezza è il bundle completo con server, manutenzione e supporto.
Tempi di attivazione?
3-5 giorni lavorativi. Migrazione zero downtime: il tuo sito resta online.
Se voglio recedere?
Ti consegniamo tutto e ti aiutiamo a migrare altrove. Nessuna penale, nessun vincolo.
Supporto incluso?
Ticket e chat 24/7 con interventi automatici. Interveniamo prima che tu noti il problema.
Compatibile con il mio tema?
Sì. I plugin nativi funzionano con qualsiasi tema e builder WordPress.
Prova gratuita?
Ogni plugin PRO ha 10 giorni di trial. Per la Fortezza: consulenza gratuita senza impegno.