Chi siamo

.ars-wrapper { font-family: 'Nunito', sans-serif; background-color: #f8fafc; color: #1e293b; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow: hidden; margin: 0; padding: 0; } .ars-wrapper * { box-sizing: border-box; } .ars-text-center { text-align: center; } .ars-text-right { text-align: right; } /* Header */ .ars-header { padding: 5rem 1.5rem; text-align: center; } .ars-h1 { font-size: 2.25rem; font-weight: 800; color: #0f172a; margin-top: 0; margin-bottom: 1.5rem; letter-spacing: -0.02em; line-height: 1.2; } @media(min-width: 768px) { .ars-h1 { font-size: 3.75rem; } } .ars-h1 span { color: #619fd6; } .ars-lead { font-size: 1.125rem; color: #475569; max-width: 48rem; margin: 0 auto; } @media(min-width: 768px) { .ars-lead { font-size: 1.25rem; } } /* Video */ .ars-video-section { padding: 0 1.5rem 4rem 1.5rem; } .ars-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 56rem; margin: 0 auto; border-radius: 1rem; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04); border: 4px solid white; } .ars-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } /* Sezioni */ .ars-section { padding: 4rem 1.5rem; } .ars-bg-white { background-color: #ffffff; border-top: 1px solid #f1f5f9; border-bottom: 1px solid #f1f5f9; } .ars-container { max-width: 64rem; margin: 0 auto; } .ars-h2 { font-size: 1.875rem; font-weight: 700; text-align: center; color: #0f172a; margin-top: 0; margin-bottom: 4rem; } /* Timeline */ .ars-timeline-container { max-width: 56rem; margin: 0 auto; } .ars-timeline { position: relative; } .ars-timeline-line { position: absolute; left: 50%; top: 60px; bottom: 0; width: 2px; background: #e2e8f0; margin-left: -1px; } .ars-timeline-origin { display: flex; justify-content: center; margin-bottom: 3rem; position: relative; z-index: 20; } .ars-timeline-origin img { height: 5rem; width: auto; object-fit: contain; } .ars-timeline-item { position: relative; display: flex; justify-content: space-between; padding-bottom: 3rem; width: 100%; } .ars-timeline-marker { position: absolute; left: 50%; width: 20px; height: 20px; border-radius: 50%; background: white; transform: translateX(-50%); z-index: 10; border-style: solid; border-width: 4px; } .ars-marker-brand { border-color: #619fd6; } .ars-marker-accent { border-color: #5db12f; } .ars-marker-highlight { border-color: #ee7214; } .ars-timeline-content { width: 45%; } .ars-timeline-spacer { width: 45%; display: none; } @media(min-width: 768px) { .ars-timeline-spacer { display: block; } } /* Cards Timeline */ .ars-card { padding: 1.5rem; border-radius: 1rem; border: 1px solid; box-shadow: 0 1px 2px rgba(0,0,0,0.05); } .ars-card-brand { background-color: #eff6fc; border-color: #dff0fa; } .ars-card-accent { background-color: #f0f8ec; border-color: #e1f1d9; } .ars-card-highlight { background-color: #fdf4ed; border-color: #fbe9db; } .ars-card-brand-strong { background-color: #dff0fa; border-color: #bfe0f5; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); } .ars-year { font-weight: 700; font-size: 1.25rem; display: block; } .ars-year-brand { color: #4f88c0; } .ars-year-accent { color: #4d9426; } .ars-year-highlight { color: #d4620f; } .ars-card-h3 { font-size: 1.25rem; font-weight: 700; color: #0f172a; margin: 0.25rem 0 0.5rem 0; } .ars-card-p { color: #475569; font-size: 1rem; margin: 0; } /* Responsive Timeline per Mobile */ @media (max-width: 767px) { .ars-timeline-line { left: 20px; } .ars-timeline-marker { left: 20px; } .ars-timeline-content { width: 100%; padding-left: 50px; text-align: left !important; } .ars-text-right { text-align: left; } } /* Griglia Caratteristiche e Animazioni Interattive */ .ars-grid { display: grid; gap: 2rem; } @media(min-width: 768px) { .ars-grid { grid-template-columns: 1fr 1fr; } } .ars-feature-card { background: white; padding: 2.5rem; border-radius: 1.5rem; border: 1px solid #f1f5f9; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); transition: all 0.3s ease; position: relative; overflow: hidden; } .ars-feature-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #619fd6, #5db12f); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; } .ars-feature-card:hover { transform: translateY(-8px); box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1); border-color: #e2e8f0; } .ars-feature-card:hover::before { transform: scaleX(1); } .ars-feature-h2 { font-size: 1.5rem; font-weight: 700; color: #0f172a; margin-top: 0; margin-bottom: 1rem; } .ars-icon-wrapper { display: inline-flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; border-radius: 1rem; background: #eff6fc; color: #619fd6; margin-bottom: 1.5rem; transition: all 0.3s ease; } .ars-feature-card:hover .ars-icon-wrapper { transform: scale(1.1) rotate(5deg); background: #619fd6; color: white; } .ars-icon-accent { color: #5db12f; background: #f0f8ec; } .ars-feature-card:hover .ars-icon-accent { background: #5db12f; color: white; } /* Stile per l'ultimo step della timeline (Futuro) */ .ars-timeline-future { background: linear-gradient(135deg, #ffffff, #f8fafc); border: 2px dashed #cbd5e1; } .ars-marker-future { border-color: #94a3b8; background: #f8fafc; } .js-enabled .ars-reveal { opacity: 0; transform: translateY(30px); transition: all 0.7s ease-out; } .js-enabled .ars-reveal.active { opacity: 1; transform: translateY(0); } document.getElementById('ars-book-container').classList.add('js-enabled'); if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('active'); }); }, { threshold: 0.1 }); document.querySelectorAll('.ars-reveal').forEach(el => observer.observe(el)); } else { // Fallback per browser vecchi document.querySelectorAll('.ars-reveal').forEach(el => el.classList.add('active')); }