/* === Font Override === */
html,body,h1,h2,h3,h4,h5,h6,p,a,span,div,button,input,textarea,select,li,td,th,label{font-family:'Calibri Light','Calibri',sans-serif!important;font-weight:300}

/* === HOME: Hero Background === */
.relative.overflow-hidden.text-white.py-20.lg\:py-32{background-image:url('/images/hero-section-bg.jpg');background-size:cover;background-position:center 55%;min-height:520px}
.relative.overflow-hidden.text-white.py-20.lg\:py-32>.absolute.inset-0.z-0>.bg-gradient-to-br.from-brand-blue-dark{opacity:0.55}
@media(min-width:1024px){.relative.overflow-hidden.text-white.py-20.lg\:py-32{min-height:600px}}
@media(max-width:768px){.relative.overflow-hidden.text-white.py-20.lg\:py-32{min-height:420px;background-position:center 50%}}

/* === SOLUZIONI: Hero Background === */
.bg-gradient-to-br.from-brand-blue{background-image:url('/images/solutions/cloud.jpg')!important;background-size:cover;background-position:center;position:relative}
.bg-gradient-to-br.from-brand-blue>div{position:relative;z-index:2}
.bg-gradient-to-br.from-brand-blue::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(153,27,27,.85),rgba(196,30,36,.75));z-index:1}

/* === Why-Us Cards === */
.wuc-card{position:relative;background:#fff;border-radius:1rem;padding:2rem 1.5rem;text-align:center;overflow:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);border:1px solid rgba(30,41,59,.06);display:flex;flex-direction:column;align-items:center;height:100%}
.wuc-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(196,30,36,.10),0 8px 16px rgba(0,0,0,.06)}
.wuc-card-accent{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgb(196,30,36),rgb(220,60,60));border-radius:1rem 1rem 0 0;opacity:.8;transition:opacity .3s}
.wuc-card:hover .wuc-card-accent{opacity:1}
.wuc-card-icon{width:76px;height:76px;margin:0 auto 1.5rem;background:rgba(196,30,36,.07);border-radius:1.125rem;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.4,0,.2,1),background .3s}
.wuc-card:hover .wuc-card-icon{transform:scale(1.08);background:rgba(196,30,36,.12)}
.wuc-card-icon img{width:40px;height:40px;object-fit:contain}
.wuc-card-icon svg{width:38px;height:38px;stroke:rgb(196,30,36);stroke-width:1.5;fill:none}
.wuc-card:hover .wuc-card-icon svg{stroke:rgb(153,27,27)}
.wuc-card h3{font-family:'Inter Tight',sans-serif;font-size:1.2rem;font-weight:700;color:rgb(30,41,59);margin-bottom:.65rem;letter-spacing:-.01em;line-height:1.3}
.wuc-card p{font-size:.875rem;line-height:1.65;color:rgb(100,116,139);margin:0}
@media(max-width:767px){.wuc-card{padding:1.5rem 1.25rem}.wuc-card-icon{width:64px;height:64px;margin-bottom:1.25rem}.wuc-card-icon svg{width:32px;height:32px}.wuc-card h3{font-size:1.1rem}}

/* === Solution Cards === */
.sol-card{position:relative;background:#fff;border-radius:1rem;overflow:hidden;border:none;box-shadow:0 1px 3px rgba(30,41,59,.06),0 0 0 1px rgba(30,41,59,.04);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;will-change:transform;backface-visibility:hidden}
.sol-card:hover{transform:translateY(-10px);box-shadow:0 28px 56px rgba(196,30,36,.08),0 8px 24px rgba(0,0,0,.06)}
.sol-card-img{position:relative;width:100%;height:200px;overflow:hidden;background:#fff;margin-bottom:-1px}
.sol-card-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1),filter .4s;backface-visibility:hidden}
.sol-card:hover .sol-card-img img{transform:scale(1.08);filter:brightness(.92);backface-visibility:hidden}
.sol-card-img::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:60px;background:linear-gradient(to top,#fff 0%,rgba(255,255,255,0) 100%);pointer-events:none;z-index:1}
.sol-card-body{padding:1.5rem;display:flex;flex-direction:column;flex:1;position:relative;z-index:2;background:#fff}
.sol-card-body h2,.sol-card-body h3{font-family:"Inter Tight",sans-serif;font-size:1.15rem;font-weight:700;color:rgb(30,41,59);margin:0 0 .5rem;line-height:1.35;letter-spacing:-.01em}
.sol-card-body p{font-size:.875rem;line-height:1.6;color:rgb(100,116,139);margin:0 0 1.25rem;flex:1}
.sol-card-arrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:rgb(196,30,36);transition:gap .3s,color .3s}
.sol-card:hover .sol-card-arrow{gap:.7rem;color:rgb(153,27,27)}
.sol-card-tag{position:absolute;top:.75rem;left:.75rem;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.3rem .7rem;border-radius:.5rem;font-size:.7rem;font-weight:600;color:rgb(196,30,36);text-transform:uppercase;letter-spacing:.04em;z-index:2}
@media(max-width:767px){.sol-card-img{height:160px}.sol-card-body{padding:1.25rem}.sol-card-body h2,.sol-card-body h3{font-size:1.05rem}}

/* === AI Section: Central Brain Icon (dominant + responsive) === */
#ai-automazione .w-24.h-24.rounded-full{width:9rem!important;height:9rem!important}
#ai-automazione .w-24.h-24.rounded-full>span{font-size:4.5rem!important}
@media(min-width:1024px){
#ai-automazione .w-24.h-24.rounded-full{width:12rem!important;height:12rem!important}
#ai-automazione .w-24.h-24.rounded-full>span{font-size:6rem!important}
}
@media(max-width:639px){
#ai-automazione .w-24.h-24.rounded-full{width:7rem!important;height:7rem!important}
#ai-automazione .w-24.h-24.rounded-full>span{font-size:3.5rem!important}
}

/* === AI Section: Bouncing Icons (bigger + responsive) === */
#ai-automazione .animate-bounce{width:4.5rem!important;height:4.5rem!important;border-radius:1rem}
#ai-automazione .animate-bounce>span{font-size:2rem!important}
@media(min-width:1024px){
#ai-automazione .animate-bounce{width:5.5rem!important;height:5.5rem!important;border-radius:1.125rem}
#ai-automazione .animate-bounce>span{font-size:2.5rem!important}
}
@media(max-width:639px){
#ai-automazione .animate-bounce{width:3.5rem!important;height:3.5rem!important}
#ai-automazione .animate-bounce>span{font-size:1.5rem!important}
}

/* === Hide Sections (CSS-only, no DOM mutation = no hydration conflict) === */
#partners{display:none!important}
#blog{display:none!important}
#gallery{display:none!important}
#dogfooding{display:none!important}