[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.cookie-banner { display: none; position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); width: 95%; max-width: 620px; background-color: #fff; color: #1d1d1d; border-radius: 8px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15); padding: 25px 30px; z-index: 9999; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } .cookie-inner { display: flex; flex-direction: column; gap: 15px; } .cookie-title { font-size: 18px; font-weight: 600; color: #111 !important; margin: 0; } .cookie-desc { font-size: 14px; color: #444 !important; line-height: 1.5; margin: 0; } .consent-options { border-top: 1px solid #eee; padding-top: 10px; margin-top: 10px; display: none; } .cookie-checkbox { font-size: 14px; margin: 6px 0; color: #333; } .cookie-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; } .cookie-btn { flex: 1; min-width: 120px; padding: 10px 16px; border-radius: 5px; border: 1px solid transparent; font-size: 14px; cursor: pointer; transition: background-color 0.3s, border 0.3s; } .cookie-btn.accept { background-color: #2b6cb0; color: white; } .cookie-btn.accept:hover { background-color: #2c5282; } .cookie-btn.reject { background-color: #e2e8f0; color: #1a202c; border: 1px solid #cbd5e0; } .cookie-btn.reject:hover { background-color: #cbd5e0; } .cookie-btn.save { background-color: #f7fafc; color: #1a202c; border: 1px solid #e2e8f0; } .cookie-btn.save:hover { background-color: #edf2f7; } .cookie-btn.config { background: transparent; color: #2b6cb0; border: none; font-weight: 500; padding: 0; } .cookie-btn.config:hover { text-decoration: underline; } @media (max-width: 500px) { .cookie-banner { padding: 20px; bottom: 15px; } .cookie-btn { flex: 1 1 100%; } } :root { --dark-950: #030712; --dark-900: #0A0F1E; --dark-850: #0D1326; --dark-800: #111827; --dark-700: #1F2937; --dark-600: #374151; --primary-700: #0878C4; --primary-600: #0B96EF; --primary-500: #30A8F3; --primary-400: #5DBDF6; --primary-300: #8AD3F9; --primary-200: #B7E4FC; --primary-100: #DCF1FE; --primary-50: #EDF8FF; --primary-glow: rgba(11, 150, 239, 0.12); --cyan-500: #06B6D4; --cyan-400: #22D3EE; --green-500: #22C55E; --green-400: #4ADE80; --red-500: #e15b54; --violet-500: #A78BFA; --white: #FFFFFF; --gray-50: #F1F5F9; --gray-100: #E8ECF2; --gray-200: #DADFE7; --gray-300: #C5CBD6; --gray-400: #8892A0; --gray-500: #5C6675; --gray-600: #434D5C; --gray-700: #2E3848; --gray-800: #1C2536; --gray-900: #0F172A; --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 2rem; --text-4xl: 2.5rem; --text-5xl: 3.25rem; --fw-light: 300; --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-extrabold: 800; --leading-tight: 1.15; --leading-snug: 1.3; --leading-normal: 1.6; --leading-relaxed: 1.75; --sp-xs: 0.5rem; --sp-sm: 1rem; --sp-md: 1.5rem; --sp-lg: 2rem; --sp-xl: 3rem; --sp-2xl: 4rem; --sp-3xl: 4rem; --sp-4xl: 5rem; --sp-5xl: 6rem; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 20px; --radius-2xl: 24px; --radius-full: 9999px; --shadow-sm: 0 1px 3px rgba(0,0,0,0.06); --shadow-md: 0 4px 16px rgba(0,0,0,0.09); --shadow-lg: 0 12px 32px rgba(0,0,0,0.12); --shadow-xl: 0 24px 48px rgba(0,0,0,0.14); --transition-fast: 150ms ease; --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1); --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1); --max-w: 1200px; --header-h: 85px; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { font-family: var(--font); font-size: 16px; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; } body { color: var(--gray-600); background: #F8FAFC; line-height: var(--leading-normal); overflow-x: hidden; } body.cookie-blocked { overflow: hidden; } img { max-width: 100%; height: auto; display: block; } a { color: var(--primary-600); text-decoration: none; transition: color var(--transition-fast); } a:hover { color: var(--primary-500); } ul, ol { list-style: none; } h1, h2, h3, h4, h5, h6 { color: var(--gray-900); font-weight: var(--fw-light); line-height: var(--leading-tight); } .container { width: 100%; max-width: var(--max-w); margin: 0 auto; padding: 0 1.5rem; } .section-tag { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.4rem 1.125rem; background: var(--primary-50); color: var(--primary-600); font-size: var(--text-xs); font-weight: var(--fw-semibold); border-radius: var(--radius-full); margin-bottom: var(--sp-md); letter-spacing: 0.06em; text-transform: uppercase; border: 1px solid var(--primary-100); } .section-header { text-align: center; max-width: 740px; margin: 0 auto var(--sp-2xl); } .section-header h2 { font-size: var(--text-4xl); font-weight: var(--fw-light); margin-bottom: var(--sp-md); letter-spacing: -0.02em; } .section-subtitle { font-size: var(--text-lg); color: var(--gray-600); line-height: var(--leading-relaxed); } .section-tag--light { background: rgba(255,255,255,0.08); color: var(--primary-300); border-color: rgba(255,255,255,0.12); } .section-header--dark h2 { color: var(--white); } .section-header--dark .section-subtitle { color: var(--gray-400); } .section-cta { text-align: center; margin-top: var(--sp-2xl); } .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; font-family: var(--font); font-weight: var(--fw-medium); font-size: var(--text-base); line-height: 1; padding: 0.875rem 2rem; border-radius: var(--radius-lg); border: 1px solid transparent; cursor: pointer; transition: all var(--transition-base); white-space: nowrap; text-decoration: none; letter-spacing: 0.01em; position: relative; } .btn:hover { transform: translateY(-2px); } .btn:active { transform: translateY(0); } .btn-primary { background: linear-gradient(135deg, var(--primary-700) 0%, var(--primary-600) 100%); color: #fff; box-shadow: 0 2px 12px rgba(11, 150, 239, 0.25); } .btn-primary:hover { color: #fff; box-shadow: 0 8px 25px rgba(11, 150, 239, 0.35); filter: brightness(1.05); } .btn-outline { background: transparent; color: var(--primary-600); border-color: var(--primary-600); } .btn-outline:hover { background: var(--primary-600); color: #fff; box-shadow: 0 4px 16px rgba(11, 150, 239, 0.25); } .btn-white { background: #fff; color: var(--gray-900); border: 1px solid var(--gray-200); box-shadow: var(--shadow-sm); } .btn-white:hover { border-color: var(--gray-300); box-shadow: var(--shadow-md); } .btn-outline--light { background: transparent; color: rgba(255,255,255,0.85); border-color: rgba(255,255,255,0.2); } .btn-outline--light:hover { background: rgba(255,255,255,0.1); color: #fff; border-color: rgba(255,255,255,0.35); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .btn-lg { padding: 1rem 2.5rem; font-size: var(--text-lg); } .btn-xl { padding: 1.125rem 3rem; font-size: var(--text-lg); } .btn-nav { padding: 0.6rem 1.5rem; font-size: var(--text-sm); border-radius: var(--radius-md); } .site-header { position: fixed; top: 0; left: 0; width: 100%; height: var(--header-h); z-index: 1000; background: transparent; transition: all var(--transition-base); } .site-header.scrolled { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid var(--gray-200); box-shadow: 0 1px 12px rgba(0,0,0,0.06); } .nav-container { display: flex; align-items: center; max-width: var(--max-w); margin: 0 auto; padding: 0 1.5rem; height: 100%; justify-content: flex-start; } .nav-logo img { height: 45px; width: auto; } .nav-menu { display: flex; align-items: center; gap: 0.25rem; margin-left: 100px; } .nav-link { display: block; padding: 0.5rem 1rem; font-size: var(--text-sm); font-weight: var(--fw-medium); color: var(--gray-600); border-radius: var(--radius-sm); transition: all var(--transition-fast); position: relative; } .nav-link::after { content: ''; position: absolute; bottom: 2px; left: 1rem; right: 1rem; height: 2px; background: var(--primary-600); border-radius: 1px; transform: scaleX(0); transition: transform var(--transition-base); } .nav-link:hover { color: var(--gray-900); } .nav-link:hover::after { transform: scaleX(1); } .nav-actions { display: flex; align-items: center; gap: 1rem; } .nav-actions .btn-nav { background: linear-gradient(135deg, var(--primary-700) 0%, var(--primary-600) 100%); color: #fff; font-weight: var(--fw-medium); box-shadow: 0 2px 8px rgba(11, 150, 239, 0.2); } .nav-actions .btn-nav:hover { filter: brightness(1.08); box-shadow: 0 4px 16px rgba(11, 150, 239, 0.3); } .nav-toggle { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 36px; height: 36px; background: none; border: none; cursor: pointer; padding: 6px; } .nav-toggle span { display: block; width: 100%; height: 2px; background: var(--gray-600); border-radius: 2px; transition: all var(--transition-base); } .nav-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); } .nav-toggle.active span:nth-child(2) { opacity: 0; } .nav-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); } .site-footer { background: var(--dark-950); color: var(--gray-400); padding: var(--sp-4xl) 0 0; border-top: 1px solid var(--gray-200); } .footer-container { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: var(--sp-2xl); max-width: var(--max-w); margin: 0 auto; padding: 0 1.5rem; } .footer-brand p { font-size: var(--text-sm); line-height: var(--leading-relaxed); margin-top: var(--sp-md); color: var(--gray-500); } .footer-brand img { height: 32px; width: auto; } .footer-social { display: flex; gap: var(--sp-sm); margin-top: var(--sp-lg); } .footer-social a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-md); background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06); color: var(--gray-500); transition: all var(--transition-base); } .footer-social a:hover { background: var(--primary-600); border-color: var(--primary-600); color: #fff; } .footer-col h4 { color: #fff; font-size: var(--text-sm); font-weight: var(--fw-semibold); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: var(--sp-md); } .footer-col ul { display: flex; flex-direction: column; gap: 0.625rem; } .footer-col a { font-size: var(--text-sm); color: var(--gray-500); transition: color var(--transition-fast); } .footer-col a:hover { color: var(--primary-400); } .footer-bottom { border-top: 1px solid rgba(255,255,255,0.06); margin-top: var(--sp-2xl); padding: var(--sp-lg) 0; text-align: center; } .footer-bottom p { font-size: var(--text-xs); color: var(--gray-600); } @media (max-width: 1024px) { .section-header h2 { font-size: var(--text-3xl); } .footer-container { grid-template-columns: 1fr 1fr; gap: var(--sp-xl); } } @media (max-width: 768px) { :root { --header-h: 64px; } .container { padding: 0 1.25rem; } .nav-container { justify-content: space-between; } .nav-menu { display: none; position: fixed; top: var(--header-h); left: 0; width: 100%; background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); flex-direction: column; padding: var(--sp-lg); gap: 0; border-bottom: 1px solid var(--gray-200); box-shadow: 0 8px 24px rgba(0,0,0,0.08); margin-left: unset; } .nav-menu.open { display: flex; } .nav-link { padding: 0.875rem 1rem; font-size: var(--text-base); width: 100%; color: var(--gray-700); } .nav-link::after { display: none; } .nav-toggle { display: flex; } .nav-actions .btn-nav { display: none; } .section-header { margin-bottom: var(--sp-xl); } .section-header h2 { font-size: var(--text-2xl); } .section-subtitle { font-size: var(--text-base); } .section-cta { margin-top: var(--sp-2xl); } .btn-lg { padding: 0.875rem 1.5rem; font-size: var(--text-base); } .btn-xl { padding: 1rem 2rem; font-size: var(--text-lg); width: 100%; } .footer-container { grid-template-columns: 1fr; gap: var(--sp-xl); } .footer-bottom { margin-top: var(--sp-xl); } } @media (max-width: 480px) { .container { padding: 0 1rem; } .section-header h2 { font-size: var(--text-xl); } } .hero-section { position: relative; height: 100vh; height: 100dvh; display: flex; align-items: center; background: linear-gradient(160deg, #ffffff 0% 0%, #eef2f9 35%, #EDF1F7 70%, #F1F5F9 100%); overflow: hidden; } .hero-section::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--primary-600) 0%, var(--cyan-500) 50%, var(--primary-400) 100%); z-index: 5; } .hero-bg-glow { position: absolute; width: 900px; height: 900px; border-radius: 50%; background: radial-gradient(circle, rgba(11, 150, 239, 0.10) 0%, rgba(11, 150, 239, 0.03) 0%, transparent 65%); top: -5%; left: -12%; pointer-events: none; z-index: 0; } .hero-media { position: absolute; right: 0; top: 0; bottom: 0; width: 80%; z-index: 0; -webkit-mask-image: linear-gradient(to left, black 0%, gray 30%, transparent 70%); mask-image: linear-gradient(to left, black 0%, gray 30%, transparent 70%); opacity: 1; } .hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: 70% center; } .hero-overlay { display: none; } .hero-particles { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; } .hero-inner { position: relative; z-index: 2; width: 100%; max-width: var(--max-w); margin: 0 auto; padding: calc(var(--header-h) + var(--sp-xl)) 1.5rem var(--sp-xl); } @keyframes heroFadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } } @keyframes heroShimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } } .hero-text { max-width: 560px; } .hero-tag { display: inline-block; font-size: var(--text-xs); font-weight: var(--fw-semibold); color: var(--primary-700); text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: var(--sp-lg); } .hero-text h1 { font-size: var(--text-5xl); font-weight: var(--fw-light); color: #34465d; letter-spacing: -0.025em; line-height: 1.15; margin-bottom: var(--sp-lg); opacity: 0; animation: heroFadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.15s forwards; } .hero-highlight { font-weight: var(--fw-medium); background: linear-gradient(90deg, var(--primary-700) 0%, var(--primary-500) 25%, var(--primary-600) 50%, var(--cyan-400) 75%, var(--primary-700) 100%); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: heroShimmer 5s linear infinite; } .hero-subtitle { font-size: var(--text-lg); color: var(--gray-700); line-height: var(--leading-normal); margin-bottom: var(--sp-xl); opacity: 0; animation: heroFadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.4s forwards; } .hero-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 0.625rem 1.5rem; margin-bottom: var(--sp-xl); } .hero-checks li { display: flex; align-items: center; gap: 0.5rem; font-size: var(--text-sm); font-weight: var(--fw-medium); color: var(--gray-800); } .hero-checks li::before { content: ''; display: inline-flex; width: 20px; height: 20px; border-radius: 50%; background: var(--primary-50); border: 1px solid var(--primary-100); flex-shrink: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M10 3L4.5 8.5 2 6' stroke='%230B96EF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } .hero-cta { display: flex; align-items: center; gap: var(--sp-lg); flex-wrap: wrap; opacity: 0; animation: heroFadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.65s forwards; justify-content: center; } .hero-link { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--text-base); font-weight: var(--fw-medium); color: var(--gray-700); text-decoration: underline; text-underline-offset: 3px; transition: color var(--transition-fast); } .hero-link:hover { color: var(--primary-600); } .hero-link span { font-size: var(--text-xl); transition: transform var(--transition-fast); } .hero-link:hover span { transform: translateX(3px); } .metrics-section { background: linear-gradient(180deg, var(--dark-950) 0%, var(--dark-900) 100%); border-top: 1px solid rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.04); padding: var(--sp-2xl) 0; position: relative; } .metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--sp-md); } .metric-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: var(--sp-lg) var(--sp-md); background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: var(--radius-lg); transition: all var(--transition-base); } .metric-card:hover { background: rgba(255,255,255,0.06); border-color: rgba(11, 150, 239, 0.25); box-shadow: 0 6px 24px rgba(11, 150, 239, 0.10); } .metric-value { display: flex; align-items: baseline; justify-content: center; gap: 0.125rem; } .metric-number { font-size: var(--text-4xl); font-weight: var(--fw-light); color: var(--white); line-height: 1; } .metric-plus { font-size: var(--text-2xl); font-weight: var(--fw-light); color: var(--primary-400); line-height: 1; } .metric-unit { font-size: var(--text-sm); font-weight: var(--fw-semibold); color: var(--primary-400); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 0.375rem; } .metric-label { font-size: var(--text-xs); color: var(--gray-500); margin-top: 0.25rem; } .problema-section { padding: var(--sp-5xl) 0; background: #F8FAFC; } .problema-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: var(--sp-3xl); align-items: center; } .problema-visual { display: flex; justify-content: center; } .problema-stat-card { background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-xl); padding: var(--sp-2xl); text-align: center; display: flex; flex-direction: column; align-items: center; gap: var(--sp-md); box-shadow: var(--shadow-md); } .stat-circle { position: relative; width: 150px; height: 150px; } .stat-circle svg { width: 100%; height: 100%; } .stat-progress { transition: stroke-dashoffset 1.8s cubic-bezier(0.4, 0, 0.2, 1); } .stat-number { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: var(--text-3xl); font-weight: var(--fw-light); color: var(--dark-900); } .stat-desc { font-size: var(--text-base); color: var(--gray-600); line-height: var(--leading-normal); } .stat-desc strong { color: var(--gray-900); } .problema-content .section-tag { background: var(--primary-50); color: var(--primary-600); border-color: var(--primary-100); } .problema-content h2 { font-size: var(--text-4xl); font-weight: var(--fw-light); letter-spacing: -0.02em; margin-bottom: var(--sp-lg); color: var(--gray-900); } .problema-content p { font-size: var(--text-lg); color: var(--gray-600); line-height: var(--leading-relaxed); margin-bottom: var(--sp-md); } .problema-highlight { font-size: var(--text-xl) !important; font-weight: var(--fw-semibold) !important; color: var(--primary-600) !important; margin-top: var(--sp-md); } .problema-content .btn { margin-top: var(--sp-lg); } .propuesta-section { padding: var(--sp-5xl) 0; background: radial-gradient(ellipse at 20% 0%, rgba(11, 150, 239, 0.08) 0%, transparent 50%), linear-gradient(170deg, var(--dark-900) 0%, var(--dark-850) 50%, var(--dark-900) 100%); position: relative; } .propuesta-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--sp-xl); } .propuesta-card { display: flex; align-items: flex-start; gap: var(--sp-lg); background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius-xl); padding: var(--sp-xl) var(--sp-2xl); transition: all var(--transition-base); backdrop-filter: blur(4px); position: relative; overflow: hidden; } .propuesta-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, var(--primary-400), var(--primary-600)); opacity: 0; transition: opacity var(--transition-base); } .propuesta-card:hover { background: rgba(255,255,255,0.07); border-color: rgba(11, 150, 239, 0.25); box-shadow: 0 10px 40px rgba(0,0,0,0.25), 0 0 30px rgba(11, 150, 239, 0.06); transform: translateY(-3px); } .propuesta-card:hover::before { opacity: 1; } .propuesta-icon-wrap { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: var(--sp-xs); } .propuesta-num { font-size: 0.7rem; font-weight: var(--fw-medium); letter-spacing: 0.08em; color: var(--primary-400); opacity: 0.6; } .propuesta-icon { width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-lg); background: linear-gradient(135deg, rgba(11,150,239,0.12) 0%, rgba(93,189,246,0.06) 100%); border: 1px solid rgba(11,150,239,0.15); transition: all var(--transition-base); } .propuesta-icon svg { width: 48px; height: 48px; } .propuesta-card:hover .propuesta-icon { background: linear-gradient(135deg, rgba(11,150,239,0.18) 0%, rgba(93,189,246,0.10) 100%); border-color: rgba(11,150,239,0.3); box-shadow: 0 0 24px rgba(11,150,239,0.12); } .propuesta-body { flex: 1; min-width: 0; } .propuesta-card h3 { font-size: var(--text-lg); font-weight: var(--fw-medium); color: var(--white); margin-bottom: var(--sp-xs); line-height: var(--leading-snug); } .propuesta-card p { font-size: var(--text-sm); color: var(--gray-400); line-height: var(--leading-relaxed); } .casos-section { padding: var(--sp-5xl) 0; background: #F8FAFC; } .casos-section .section-header h2 { color: var(--gray-900); } .casos-section .section-subtitle { color: var(--gray-600); } .casos-features { display: flex; justify-content: center; gap: var(--sp-md); margin-bottom: var(--sp-2xl); flex-wrap: wrap; } .casos-features span { display: inline-flex; align-items: center; gap: 0.5rem; font-size: var(--text-sm); font-weight: var(--fw-medium); color: var(--gray-600); padding: 0.5rem 1.25rem; background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-full); box-shadow: var(--shadow-sm); } .casos-features span::before { content: '✓'; color: var(--primary-600); font-weight: var(--fw-bold); } .casos-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--sp-xl); } .caso-card { position: relative; background: var(--white); border-radius: var(--radius-xl); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: flex; align-items: flex-start; gap: var(--sp-lg); overflow: hidden; padding: var(--sp-xl) var(--sp-2xl); box-shadow: 0 2px 6px rgba(0,0,0,0.06), 0 8px 20px rgba(0,0,0,0.04); border: 1px solid var(--gray-200); } .caso-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, var(--primary-400), var(--primary-600)); opacity: 0; transition: opacity 0.4s ease; } .caso-card:hover { transform: translateY(-3px); box-shadow: 0 16px 48px rgba(11, 150, 239, 0.12), 0 4px 12px rgba(0,0,0,0.06); border-color: var(--primary-300); } .caso-card:hover::before { opacity: 1; } .caso-icon-wrap { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: var(--sp-xs); } .caso-num { font-size: 0.7rem; font-weight: var(--fw-medium); letter-spacing: 0.08em; color: var(--primary-500); opacity: 0.6; } .caso-icon { width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-lg); background: linear-gradient(135deg, var(--primary-50) 0%, rgba(11,150,239,0.04) 100%); border: 1px solid var(--primary-100); transition: all 0.4s ease; } .caso-icon svg { width: 48px; height: 48px; } .caso-card:hover .caso-icon { background: linear-gradient(135deg, rgba(11,150,239,0.12) 0%, rgba(93,189,246,0.06) 100%); border-color: var(--primary-200); box-shadow: 0 0 20px rgba(11,150,239,0.10); } .caso-body { flex: 1; min-width: 0; display: flex; flex-direction: column; } .caso-title { font-size: var(--text-lg); font-weight: var(--fw-medium); color: var(--gray-900); margin-bottom: var(--sp-xs); letter-spacing: -0.015em; line-height: var(--leading-snug); } .caso-desc { font-size: var(--text-sm); color: var(--gray-600); line-height: var(--leading-relaxed); flex: 1; } .caso-result { display: flex; align-items: flex-start; gap: 0.5rem; margin-top: 0.875rem; padding-top: 0.75rem; border-top: 1px solid var(--gray-100); } .caso-result-icon { flex-shrink: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; background: rgba(34, 197, 94, 0.1); border-radius: 50%; color: var(--green-500); margin-top: 1px; } .caso-result p { font-size: var(--text-sm); color: var(--gray-800); font-weight: var(--fw-medium); line-height: var(--leading-normal); } .caso-card-link { text-decoration: none; color: inherit; display: block; } .caso-link-label { display: inline-flex; align-items: center; gap: 0.25rem; margin-top: 0.75rem; font-size: var(--text-sm); font-weight: var(--fw-medium); color: var(--primary-600); transition: color var(--transition-fast); } .caso-link-label span { font-size: var(--text-lg); transition: transform var(--transition-fast); } .caso-card-link:hover .caso-link-label { color: var(--primary-500); } .caso-card-link:hover .caso-link-label span { transform: translateX(3px); } .proceso-section { padding: var(--sp-5xl) 0; position: relative; overflow: hidden; } .proceso-bg { position: absolute; inset: 0; z-index: 0; } .proceso-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; } .proceso-overlay { position: absolute; inset: 0; z-index: 1; background-color: #f8fafc8a; } .proceso-section > .container { position: relative; z-index: 2; } .proceso-section .section-header h2 { color: var(--gray-900); } .proceso-section .section-subtitle { color: var(--gray-600); } .proceso-timeline { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-lg); } .proceso-timeline::before { content: ''; position: absolute; top: 28px; left: calc(16.66% + 28px); right: calc(16.66% + 28px); height: 2px; background: linear-gradient(90deg, var(--primary-600), var(--cyan-500), var(--primary-600)); opacity: 0.45; z-index: 0; } .paso-card { position: relative; z-index: 1; text-align: center; display: flex; flex-direction: column; align-items: center; } .paso-num { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%); color: #fff; font-size: var(--text-xl); font-weight: var(--fw-bold); margin-bottom: var(--sp-lg); box-shadow: 0 6px 24px rgba(11, 150, 239, 0.3); position: relative; } .paso-num::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--primary-200); } .paso-content { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.7); border-radius: var(--radius-xl); padding: var(--sp-xl); transition: all var(--transition-base); width: 100%; box-shadow: 0 4px 16px rgba(0,0,0,0.06); } .paso-content:hover { background: rgba(255, 255, 255, 0.95); border-color: var(--primary-200); box-shadow: 0 10px 36px rgba(11, 150, 239, 0.12); } .paso-content h3 { font-size: var(--text-xl); font-weight: var(--fw-regular); color: var(--gray-900); margin-bottom: var(--sp-sm); } .paso-content p { font-size: var(--text-base); color: var(--gray-600); line-height: var(--leading-relaxed); } .tecnologia-section { padding: var(--sp-5xl) 0; background: radial-gradient(ellipse at 80% 100%, rgba(6, 182, 212, 0.06) 0%, transparent 50%), linear-gradient(170deg, var(--dark-850) 0%, var(--dark-900) 50%, var(--dark-950) 100%); } .tech-grid { display: flex; flex-direction: column; gap: var(--sp-xl); } .tech-card { position: relative; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius-xl); transition: all var(--transition-base); display: flex; align-items: stretch; overflow: hidden; backdrop-filter: blur(4px); } .tech-card::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 3px; border-radius: 3px 0 0 3px; } .tech-card--livebeep::before { background: linear-gradient(180deg, var(--primary-600), var(--primary-400)); } .tech-card--beeptime::before { background: linear-gradient(180deg, var(--cyan-500), var(--cyan-400)); } .tech-card--beepy::before { background: linear-gradient(180deg, #8B5CF6, #A78BFA); } .tech-card:hover { background: rgba(255,255,255,0.07); border-color: rgba(255,255,255,0.15); box-shadow: 0 16px 48px rgba(0,0,0,0.25); transform: translateY(-3px); } .tech-card-logo { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; padding: var(--sp-xl) var(--sp-2xl); border-right: 1px solid rgba(255,255,255,0.06); width: 240px; position: relative; overflow: hidden; text-decoration: none; } .tech-card-logo::before { content: ''; position: absolute; inset: 0; opacity: 0.06; transition: opacity var(--transition-base); } .tech-card-logo--livebeep::before { background: radial-gradient(circle at center, rgba(11,150,239,0.5) 0%, transparent 70%); } .tech-card-logo--beeptime::before { background: radial-gradient(circle at center, rgba(6,182,212,0.5) 0%, transparent 70%); } .tech-card-logo--beepy::before { background: radial-gradient(circle at center, rgba(139,92,246,0.5) 0%, transparent 70%); } .tech-card:hover .tech-card-logo::before { opacity: 0.12; } .tech-card-logo img { max-width: 160px; max-height: 100px; width: auto; height: auto; object-fit: contain; position: relative; z-index: 1; opacity: 0.5; scale: 0.7; transition: all var(--transition-base); } .tech-card:hover .tech-card-logo img { opacity: 1; scale: 0.8; } .tech-logo-name { font-size: var(--text-sm); font-weight: var(--fw-medium); letter-spacing: 0.02em; position: relative; z-index: 1; transition: color var(--transition-fast); text-decoration: none; } .tech-card-logo--livebeep .tech-logo-name { color: var(--primary-400); } .tech-card-logo--beeptime .tech-logo-name { color: var(--cyan-400); } .tech-card-logo--beepy .tech-logo-name { color: #A78BFA; } .tech-card-logo:hover .tech-logo-name { text-decoration: underline; text-underline-offset: 3px; } .tech-card-body { flex: 1; min-width: 0; padding: var(--sp-xl) var(--sp-2xl); display: flex; flex-direction: column; } .tech-card-header { margin-bottom: var(--sp-md); } .tech-card-header h3 { font-size: var(--text-xl); font-weight: var(--fw-light); color: var(--white); margin-bottom: var(--sp-xs); } .tech-card-desc { font-size: var(--text-sm); color: var(--gray-400); line-height: var(--leading-relaxed); } .tech-card-features { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-lg); margin-bottom: var(--sp-lg); flex: 1; } .tech-feat h4 { font-size: var(--text-sm); font-weight: var(--fw-semibold); margin-bottom: 0.25rem; } .tech-card--livebeep .tech-feat h4 { color: var(--primary-400); } .tech-card--beeptime .tech-feat h4 { color: var(--cyan-400); } .tech-card--beepy .tech-feat h4 { color: #A78BFA; } .tech-feat p { font-size: var(--text-sm); color: var(--gray-400); line-height: var(--leading-relaxed); } .tech-card-actions { padding-top: var(--sp-md); border-top: 1px solid rgba(255,255,255,0.06); } .tech-card .btn-outline { font-size: var(--text-sm); padding: 0.625rem 1.25rem; color: rgba(255,255,255,0.8); border-color: rgba(255,255,255,0.18); } .tech-card .btn-outline:hover { background: var(--primary-600); border-color: var(--primary-600); color: #fff; } .tech-card .btn-outline span { font-size: var(--text-lg); transition: transform var(--transition-fast); } .tech-card .btn-outline:hover span { transform: translateX(3px); } .social-proof-section { padding: var(--sp-5xl) 0; background: linear-gradient(180deg, var(--gray-50) 0%, #E8EDF4 100%); } .social-proof-section .section-header h2 { color: var(--gray-900); font-size: var(--text-3xl); } .social-story { max-width: 820px; margin: 0 auto var(--sp-2xl); } .story-quote { position: relative; background: linear-gradient(160deg, var(--white) 0%, #F4F8FC 100%); border: 1px solid var(--gray-200); border-radius: var(--radius-2xl); padding: var(--sp-2xl) var(--sp-2xl) var(--sp-xl); box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.06), 0 24px 48px rgba(11,150,239,0.06); overflow: hidden; } .story-quote::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--primary-600) 0%, var(--primary-400) 40%, transparent 100%); } .story-quote-icon { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-lg); background: linear-gradient(135deg, rgba(11,150,239,0.10) 0%, rgba(93,189,246,0.05) 100%); border: 1px solid rgba(11,150,239,0.12); margin-bottom: var(--sp-lg); } .story-quote blockquote p { font-size: var(--text-base); color: var(--gray-600); line-height: var(--leading-relaxed); margin-bottom: var(--sp-sm); } .story-quote blockquote p:last-child { margin-bottom: 0; } .story-quote blockquote strong { color: var(--gray-900); } .story-lead { font-size: var(--text-lg) !important; color: var(--gray-800) !important; font-weight: var(--fw-medium); letter-spacing: -0.01em; } .story-highlight { position: relative; background: linear-gradient(90deg, rgba(11,150,239,0.07) 0%, transparent 100%); border-left: 3px solid var(--primary-400); padding: var(--sp-sm) var(--sp-md); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; margin-left: -0.5rem; } .story-highlight strong { color: var(--primary-700) !important; } .story-author { display: flex; align-items: center; gap: var(--sp-md); margin-top: var(--sp-xl); padding-top: var(--sp-lg); border-top: 1px solid var(--gray-200); } .author-avatar { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-400) 100%); display: flex; align-items: center; justify-content: center; font-size: var(--text-sm); font-weight: var(--fw-bold); color: var(--white); letter-spacing: 0.05em; flex-shrink: 0; box-shadow: 0 4px 12px rgba(11,150,239,0.25); } .author-info { display: flex; flex-direction: column; gap: 2px; } .author-info strong { font-size: var(--text-base); color: var(--gray-900); } .author-info span { font-size: var(--text-sm); color: var(--gray-500); } .clients-section { text-align: center; } .clients-section h3 { font-size: var(--text-xl); font-weight: var(--fw-regular); margin-bottom: var(--sp-xl); color: var(--gray-600); } .clients-featured { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--sp-md); } .client-logo { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--sp-sm); padding: var(--sp-md); background: var(--white); border-radius: var(--radius-lg); min-height: 88px; border: 1px solid var(--gray-200); transition: all var(--transition-base); text-decoration: none; box-shadow: var(--shadow-sm); } .client-logo:hover { border-color: var(--primary-200); box-shadow: var(--shadow-md); transform: translateY(-2px); } .client-logo span { font-size: 0.7em; opacity: 0.7; font-weight: var(--fw-semibold); color: var(--gray-500); text-align: center; line-height: var(--leading-snug); } .client-logo:hover span { color: var(--primary-600); } .client-logo img { max-width: 100%; max-height: 45px; width: auto; height: auto; object-fit: contain; filter: grayscale(100%) opacity(0.5); transition: all var(--transition-base); } .client-logo:hover img { filter: grayscale(0%) opacity(1); } .cta-final-section { padding: var(--sp-5xl) 0; background: radial-gradient(ellipse at 30% 50%, rgba(11, 150, 239, 0.15) 0%, transparent 60%), radial-gradient(ellipse at 70% 50%, rgba(6, 182, 212, 0.08) 0%, transparent 50%), linear-gradient(135deg, var(--dark-950) 0%, var(--dark-800) 50%, var(--dark-950) 100%); } .cta-final-content { text-align: center; max-width: 720px; margin: 0 auto; } .cta-final-content h2 { font-size: var(--text-3xl); font-weight: var(--fw-light); color: var(--white); margin-bottom: var(--sp-lg); letter-spacing: -0.02em; line-height: var(--leading-snug); } .cta-final-content > p { font-size: var(--text-lg); color: var(--gray-400); line-height: var(--leading-relaxed); margin-bottom: var(--sp-sm); } .cta-promises { display: flex; justify-content: center; gap: var(--sp-lg); margin: var(--sp-lg) 0; flex-wrap: wrap; } .cta-promises li { display: inline-flex; align-items: center; gap: 0.5rem; font-size: var(--text-base); font-weight: var(--fw-medium); color: rgba(255,255,255,0.85); } .cta-promises li::before { content: '✓'; color: var(--primary-400); font-weight: var(--fw-bold); font-size: var(--text-lg); } .cta-lead { font-size: var(--text-lg); font-weight: var(--fw-semibold); color: var(--white); margin-bottom: var(--sp-xl) !important; } @media (max-width: 1024px) { .hero-section { max-height: none; } .hero-media { width: 50%; } .hero-text { max-width: 520px; } .hero-text h1 { font-size: var(--text-4xl); } .hero-inner { padding-top: calc(var(--header-h) + var(--sp-xl)); } .metrics-grid { grid-template-columns: repeat(2, 1fr); } .problema-section { padding: var(--sp-3xl) 0; } .problema-grid { grid-template-columns: 1fr; gap: var(--sp-xl); } .problema-visual { order: -1; } .propuesta-section { padding: var(--sp-3xl) 0; } .propuesta-grid { grid-template-columns: 1fr; max-width: 640px; margin: 0 auto; } .casos-section { padding: var(--sp-3xl) 0; } .casos-grid { grid-template-columns: 1fr; max-width: 640px; margin: 0 auto; } .proceso-section { padding: var(--sp-3xl) 0; } .proceso-timeline { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; } .proceso-timeline::before { display: none; } .tecnologia-section { padding: var(--sp-3xl) 0; } .tech-card { flex-direction: column; } .tech-card::before { top: 0; left: 0; right: 0; bottom: auto; width: auto; height: 3px; border-radius: 3px 3px 0 0; } .tech-card-logo { width: 100%; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.06); padding: var(--sp-lg); } .tech-card-logo img { max-width: 140px; } .tech-card-body { padding: var(--sp-xl); } .tech-card-features { grid-template-columns: 1fr 1fr; } .social-proof-section { padding: var(--sp-3xl) 0; } .clients-featured { grid-template-columns: repeat(3, 1fr); } .cta-final-section { padding: var(--sp-3xl) 0; } } @media (max-width: 768px) { .hero-section { height: auto; max-height: none; min-height: 100vh; min-height: 100dvh; } .hero-media { width: 100%; -webkit-mask-image: none; mask-image: none; } .hero-overlay { display: block; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(226,232,240,0.94) 0%, rgba(232,237,245,0.85) 50%, rgba(241,245,249,0.70) 100%); z-index: 1; } .hero-particles { display: none; } .hero-inner { padding: calc(var(--header-h) + var(--sp-lg)) 1.25rem var(--sp-xl); } .hero-text { max-width: 100%; } .hero-text h1 { font-size: var(--text-3xl); } .hero-subtitle { font-size: var(--text-base); margin-bottom: var(--sp-lg); } .hero-cta { flex-direction: column; align-items: stretch; gap: var(--sp-sm); } .hero-cta .btn { width: 100%; justify-content: center; } .hero-cta .hero-link { text-align: center; justify-content: center; } .hero-bg-glow { display: none; } .metrics-section { padding: var(--sp-xl) 0; } .metrics-grid { grid-template-columns: 1fr 1fr; gap: var(--sp-sm); } .metric-card { padding: var(--sp-md) var(--sp-sm); } .metric-number { font-size: var(--text-3xl); } .metric-unit { font-size: var(--text-xs); } .problema-section { padding: var(--sp-2xl) 0; } .problema-grid { gap: var(--sp-xl); } .problema-stat-card { padding: var(--sp-xl); } .problema-content h2 { font-size: var(--text-2xl); } .problema-content p { font-size: var(--text-base); } .problema-highlight { font-size: var(--text-lg) !important; } .propuesta-section { padding: var(--sp-2xl) 0; } .propuesta-card { padding: var(--sp-md) var(--sp-lg); gap: var(--sp-md); } .propuesta-icon { width: 56px; height: 56px; } .propuesta-icon svg { width: 36px; height: 36px; } .casos-section { padding: var(--sp-2xl) 0; } .caso-card { padding: var(--sp-md) var(--sp-lg); gap: var(--sp-md); } .caso-icon { width: 56px; height: 56px; } .caso-icon svg { width: 36px; height: 36px; } .casos-features { flex-direction: column; align-items: center; gap: var(--sp-sm); } .casos-features span { font-size: var(--text-xs); padding: 0.4rem 1rem; } .proceso-section { padding: var(--sp-2xl) 0; } .proceso-bg { display: none; } .proceso-overlay { background: linear-gradient(180deg, #EAF0F7 0%, var(--gray-50) 100%); backdrop-filter: none; } .paso-num { width: 48px; height: 48px; font-size: var(--text-lg); margin-bottom: var(--sp-md); } .paso-content { padding: var(--sp-lg); background: rgba(255,255,255,0.9); } .paso-content h3 { font-size: var(--text-lg); } .paso-content p { font-size: var(--text-sm); } .tecnologia-section { padding: var(--sp-2xl) 0; } .tech-card-body { padding: var(--sp-lg); } .tech-card-features { grid-template-columns: 1fr; gap: var(--sp-md); } .tech-card-header h3 { font-size: var(--text-lg); } .social-proof-section { padding: var(--sp-2xl) 0; } .social-story { margin-bottom: var(--sp-xl); } .story-quote { padding: var(--sp-xl) var(--sp-lg) var(--sp-lg); } .story-quote-icon { width: 44px; height: 44px; margin-bottom: var(--sp-md); } .story-quote-icon svg { width: 24px; height: 24px; } .story-quote blockquote p { font-size: var(--text-sm); } .story-lead { font-size: var(--text-base) !important; } .story-highlight { padding: var(--sp-xs) var(--sp-sm); margin-left: 0; } .author-avatar { width: 40px; height: 40px; font-size: var(--text-xs); } .clients-section h3 { font-size: var(--text-lg); } .clients-featured { grid-template-columns: repeat(2, 1fr); gap: var(--sp-sm); } .client-logo { min-height: 72px; padding: var(--sp-sm); gap: var(--sp-xs); } .client-logo img { max-height: 36px; } .cta-final-section { padding: var(--sp-2xl) 0; } .cta-final-content h2 { font-size: var(--text-2xl); } .cta-final-content > p { font-size: var(--text-base); } .cta-promises { flex-direction: column; align-items: center; gap: var(--sp-sm); } .cta-promises li { font-size: var(--text-sm); } .cta-lead { font-size: var(--text-base); } } @media (max-width: 480px) { .hero-text h1 { font-size: var(--text-2xl); } .hero-subtitle { font-size: var(--text-sm); } .metrics-grid { grid-template-columns: 1fr; } .metric-card { flex-direction: row; justify-content: center; gap: var(--sp-sm); padding: var(--sp-md); } .problema-section { padding: var(--sp-xl) 0; } .stat-circle { width: 120px; height: 120px; } .stat-number { font-size: var(--text-2xl); } .propuesta-section { padding: var(--sp-xl) 0; } .propuesta-card { flex-direction: column; align-items: flex-start; padding: var(--sp-lg); } .propuesta-icon-wrap { flex-direction: row-reverse; align-items: center; gap: var(--sp-sm); } .propuesta-icon { width: 48px; height: 48px; } .propuesta-icon svg { width: 30px; height: 30px; } .casos-section { padding: var(--sp-xl) 0; } .caso-card { flex-direction: column; align-items: flex-start; padding: var(--sp-lg); } .caso-icon-wrap { flex-direction: row-reverse; align-items: center; gap: var(--sp-sm); } .caso-icon { width: 48px; height: 48px; } .caso-icon svg { width: 30px; height: 30px; } .proceso-section { padding: var(--sp-xl) 0; } .tecnologia-section { padding: var(--sp-xl) 0; } .tech-card-logo { padding: var(--sp-md); } .tech-card-logo img { max-width: 120px; } .social-proof-section { padding: var(--sp-xl) 0; } .story-quote { padding: var(--sp-lg) var(--sp-md) var(--sp-md); border-radius: var(--radius-xl); } .clients-featured { grid-template-columns: 1fr 1fr; } .cta-final-section { padding: var(--sp-xl) 0; } .cta-final-content h2 { font-size: var(--text-xl); } }