* { margin: 0; padding: 0; box-sizing: border-box; outline: none; } html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 100%; height: 100%; /* Permette lo scroll solo se il contenuto eccede l'altezza */ overflow-x: hidden; overflow-y: auto; font-family: "Jost", sans-serif; color: #000; line-height: 1.35; } .wrapper { display: flex; flex-direction: column; justify-content: space-between; /* Usa min-height invece di height per permettere l'espansione se necessario */ min-height: 100vh; min-height: 100dvh; width: 100%; padding: 20px; max-width: 1100px; margin: 0 auto; } #header { display: flex; justify-content: center; padding: 8vh 0 0 0; } .logo { width: 100%; max-width: 300px; height: auto; transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); } main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem 0; } /* Dimensioni font identiche per testo e mail */ main p, .mailto-link { font-size: clamp(1.1rem, 2.4vh, 2.25rem); max-width: 950px; margin: 0 auto; } .mailto-link { display: inline-block; margin-top: 2.5vh; color: #000; text-decoration: none; transition: all 0.4s ease; position: relative; } #footer { text-align: center; font-size: clamp(0.9rem, 1.4vh, 1rem); padding-bottom: 2vh; padding-top: 4vh; font-weight: bold; opacity: 0.8; line-height: 1.35; } /* Ottimizzazione Mobile */ @media (max-width: 768px) { #header { padding-top: 5vh; } .logo { max-width: 180px; } .wrapper { padding: 0 1.5rem; } main { padding: 0 1rem; } main p, .mailto-link { font-size: clamp(1.05rem, 5vw, 1.4rem); } } @media (max-height: 450px) { .wrapper { justify-content: flex-start; } header { padding-top: 20px; } main { padding: 20px 0; } #footer { padding-top: 20px; } } /* --- Animazioni --- */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .logo, main, #footer { animation: fadeInUp 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards; } .logo { margin-left: auto; margin-right: auto; } main { animation-delay: 0.3s; opacity: 0; } #footer { animation-delay: 0.6s; opacity: 0; } .mailto-link::after { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0px; left: 0; background-color: #000; transition: all 0.4s ease; } .mailto-link:hover::after { width: 0; left: 50%; } /* --- mobile / desktop classes --- */ .mobile-only { display: none; } .mobile-no { display: inline-block; } @media (max-width: 768px) { .mobile-only { display: block !important; } .mobile-no { display: none !important; } }

Enable.Work is your single partner for digitizing modern workspaces. From strategy to implementation, we integrate proprietary tools with market standards. We seamlessly manage onboarding, facility resources access, and community apps. Ensuring high security and data privacy, we keep the hybrid experience simple and frictionless for the user.

info@enable.work