[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: 8px; --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: rgba(255,255,255,0.1); 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: 58px; 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 rgba(255,255,255,0.2); } .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: #fff; } .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 div { 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: #fff; 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: #fff; } @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); } } .nd-hero { position: relative; min-height: 100vh; min-height: 100dvh; display: flex; align-items: center; padding: calc(var(--header-h) + var(--sp-2xl)) 0 var(--sp-3xl); background: linear-gradient(160deg, rgba(5,13,26,0.0) 0%, rgba(10,22,40,0.52) 38%, rgba(15,30,55,0.30) 80% ), url('../images/landings/realestate/hero-bg.webp') center/cover no-repeat; overflow: hidden; color: var(--white); } .nd-hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--primary-600), #22d3ee, transparent); z-index: 2; } .site-header:not(.scrolled) .nav-link { color: rgba(255,255,255,0.60); } .site-header:not(.scrolled) .nav-link:hover { color: var(--white); } .site-header:not(.scrolled) .nav-actions .btn { border-color: rgba(255,255,255,0.55); color: var(--white); } .nd-hero-bg, .nd-hero-grid, .nd-hero-glow { position: absolute; inset: 0; pointer-events: none; } .nd-hero-grid { background-image: linear-gradient(to right, rgba(11,150,239,0.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(11,150,239,0.06) 1px, transparent 1px); background-size: 56px 56px; opacity: 0.45; } .nd-hero-glow { border-radius: 50%; filter: blur(8px); } .nd-hero-glow--one { width: 800px; height: 800px; left: -250px; top: -260px; background: radial-gradient(circle, rgba(11,150,239,0.10), transparent 60%); } .nd-hero-glow--two { width: 640px; height: 640px; right: -200px; bottom: -260px; background: radial-gradient(circle, rgba(11,150,239,0.07), transparent 62%); } .nd-hero .container { position: relative; z-index: 1; } .nd-hero-inner { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 860px; margin: 0 auto; } .nd-premium-badge { display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.55rem 1.2rem; margin-bottom: var(--sp-lg); border-radius: var(--radius-full); background: rgba(11,150,239,0.12); border: 1px solid rgba(11,150,239,0.25); color: var(--primary-300); font-size: var(--text-sm); font-weight: var(--fw-medium); } .nd-premium-badge span { width: 8px; height: 8px; border-radius: 50%; background: var(--primary-400); box-shadow: 0 0 0 5px rgba(11,150,239,0.15); flex-shrink: 0; } @keyframes ndFadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } @keyframes ndFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } .nd-hero-inner h1 { font-size: clamp(2rem, 4.2vw, 3.35rem); font-weight: var(--fw-normal); color: rgba(255, 255, 255, 0.72); letter-spacing: -0.03em; line-height: 1.15; margin-bottom: var(--sp-lg); animation: ndFadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; } .nd-hero-inner h1 .nd-hero-accent, .nd-hero-inner h1 > span { color: #ffffff; font-weight: var(--fw-semibold); display: block; font-size: 1.2em; margin-top: 10px; } @media (min-width: 900px) { .nd-hero-inner h1 { white-space: nowrap; } } .nd-hero-inner > p { max-width: 620px; color: rgba(255,255,255,0.72); font-size: var(--text-xl); line-height: var(--leading-relaxed); margin-bottom: var(--sp-xl); animation: ndFadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both; } .nd-hero-actions { display: flex; align-items: center; justify-content: center; gap: var(--sp-md); flex-wrap: wrap; } .nd-hero-visual { animation: ndFloat 6s ease-in-out infinite; } .nd-ai-card { position: relative; border-radius: var(--radius-2xl); overflow: hidden; } .nd-ai-card--hero { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); padding: var(--sp-xl); box-shadow: 0 24px 60px rgba(0,0,0,0.35); } .nd-ai-card-top { display: flex; align-items: center; gap: var(--sp-md); margin-bottom: var(--sp-lg); } .nd-ai-avatar { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--primary-700), var(--primary-500)); display: flex; align-items: center; justify-content: center; color: white; flex-shrink: 0; } .nd-ai-avatar svg { width: 22px; height: 22px; } .nd-ai-card-top strong, .nd-ai-card-top span { display: block; } .nd-ai-card-top strong { color: var(--white); font-weight: var(--fw-semibold); } .nd-ai-card-top span { color: rgba(255,255,255,0.45); font-size: var(--text-sm); } .nd-chat-preview, .nd-phone-body { display: flex; flex-direction: column; gap: 0.75rem; } .nd-msg { max-width: 88%; padding: 0.75rem 0.95rem; border-radius: 18px; font-size: var(--text-sm); line-height: 1.45; } .nd-ai-card--hero .nd-msg-ai { align-self: flex-start; background: rgba(255,255,255,0.10); color: rgba(255,255,255,0.88); border: 1px solid rgba(255,255,255,0.08); border-bottom-left-radius: 6px; } .nd-ai-card--hero .nd-msg-ok { align-self: flex-start; background: rgba(34,197,94,0.15); color: #86EFAC; border: 1px solid rgba(34,197,94,0.2); } .nd-msg-ai { align-self: flex-start; background: var(--white); color: var(--gray-800); border: 1px solid var(--gray-100); border-bottom-left-radius: 6px; box-shadow: var(--shadow-sm); } .nd-msg-user { align-self: flex-end; background: linear-gradient(135deg, var(--primary-700), var(--primary-500)); color: var(--white); border-bottom-right-radius: 6px; } .nd-msg-ok { align-self: flex-start; background: #ECFDF5; color: #065F46; border: 1px solid #A7F3D0; } .nd-problem, .nd-services, .nd-process, .nd-roi, .nd-faq { position: relative; padding: var(--sp-5xl) 0; } .nd-problem .section-header h2 span, .nd-services .section-header h2 span, .nd-roi .section-header h2 span { font-weight: var(--fw-medium); background: linear-gradient(135deg, var(--primary-700), var(--primary-500)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .nd-problem { background: #F8FAFC; } .nd-problem .section-header h2, .nd-services .section-header h2, .nd-process .section-header h2, .nd-roi .section-header h2, .nd-faq .section-header h2 { font-size: var(--text-4xl); color: inherit; } .nd-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--sp-lg); } .nd-stat-card { position: relative; background: rgba(255,255,255,0.88); border: 1px solid rgba(218,223,231,0.9); border-radius: var(--radius-2xl); box-shadow: 0 16px 44px rgba(15,23,42,0.07); padding: var(--sp-xl); text-align: center; transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base); } .nd-stat-card:hover { transform: translateY(-5px); border-color: rgba(11,150,239,0.25); box-shadow: 0 22px 58px rgba(11,150,239,0.10), 0 10px 24px rgba(15,23,42,0.06); } .nd-stat-icon { display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 50%; background: linear-gradient(135deg, var(--primary-700), var(--primary-500)); color: var(--white); margin: 0 auto var(--sp-lg); box-shadow: 0 10px 28px rgba(11,150,239,0.35); flex-shrink: 0; } .nd-stat-icon svg { width: 28px; height: 28px; } .nd-stat-icon--orange { background: linear-gradient(135deg, #EA580C, #F97316); box-shadow: 0 10px 28px rgba(249,115,22,0.38); } .nd-stat-icon--indigo { background: linear-gradient(135deg, #4338CA, #6366F1); box-shadow: 0 10px 28px rgba(99,102,241,0.38); } .nd-stat-icon--teal { background: linear-gradient(135deg, #0D9488, #14B8A6); box-shadow: 0 10px 28px rgba(20,184,166,0.38); } .nd-stat-icon--gold { background: linear-gradient(135deg, #D97706, #F59E0B); box-shadow: 0 10px 28px rgba(245,158,11,0.38); } .nd-stat-card strong { display: block; color: var(--gray-900); font-size: clamp(1.9rem, 3.5vw, 2.7rem); font-weight: var(--fw-extrabold); letter-spacing: -0.02em; line-height: 1.1; margin-bottom: 0.4rem; } .nd-stat-card h3 { font-size: var(--text-base); font-weight: var(--fw-bold); color: var(--gray-900); margin-bottom: var(--sp-sm); } .nd-stat-card p { color: var(--gray-500); line-height: 1.4em; font-size: 0.8rem; } .nd-service-card p, .nd-process-step p { color: var(--gray-600); line-height: var(--leading-relaxed); font-size: var(--text-sm); } .nd-sources, .nd-demo-note { text-align: center; color: var(--gray-500); font-size: var(--text-sm); margin-top: var(--sp-xl); } .nd-services { background: radial-gradient(ellipse at 50% 0%, rgba(11,150,239,0.06), transparent 55%), linear-gradient(180deg, var(--white), #F1F5F9); overflow: hidden; } .nd-services::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--primary-600), #22d3ee, transparent); } .nd-services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--sp-lg); } .nd-service-card { position: relative; background: rgba(255,255,255,0.86); border: 1px solid rgba(218,223,231,0.85); border-radius: var(--radius-2xl); box-shadow: 0 16px 44px rgba(15,23,42,0.07); backdrop-filter: blur(12px); padding: var(--sp-xl); transition: all var(--transition-base); overflow: hidden; } .nd-service-card:hover { transform: translateY(-5px); border-color: rgba(11,150,239,0.22); box-shadow: 0 22px 58px rgba(11,150,239,0.09), 0 10px 24px rgba(15,23,42,0.06); } .nd-service-card--large { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: var(--sp-xl); align-items: center; grid-column: span 2; } .nd-service-card h3 { font-size: var(--text-2xl); font-weight: var(--fw-light); margin-bottom: var(--sp-md); } .nd-service-wa { background: transparent; border: none; box-shadow: none; backdrop-filter: none; padding: var(--sp-xl) 0; grid-column: span 2; overflow: visible; } .nd-service-wa .nd-service-copy h3 { font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: normal; letter-spacing: -0.03em; line-height: 1.1; color: var(--gray-900); margin-bottom: var(--sp-md); } .nd-wa-title-brand { color: #1daa61; display: inline-flex; align-items: center; gap: 0.25em; white-space: nowrap; font-weight: bold; } .nd-wa-title-brand img { width: 0.85em; height: 0.85em; flex-shrink: 0; object-fit: contain; vertical-align: middle; } .nd-service-wa .nd-service-copy p { font-size: var(--text-lg); color: var(--gray-600); line-height: 1.75; max-width: 440px; } .nd-wa-phone { width: 100%; max-width: 400px; border-radius: 14px; overflow: hidden; box-shadow: 0 40px 80px rgba(0,0,0,0.22), 0 10px 30px rgba(0,0,0,0.12); background: #ECE5DD; justify-self: center; } .nd-wa-header { display: flex; align-items: center; gap: 10px; background: #075E54; padding: 10px 14px; } .nd-wa-avatar { width: 36px; height: 36px; border-radius: 50%; background: #128C7E; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.85); flex-shrink: 0; } .nd-wa-avatar svg { width: 20px; height: 20px; } .nd-wa-info { flex: 1; } .nd-wa-info strong { display: block; color: var(--white); font-size: 0.9rem; font-weight: var(--fw-semibold); line-height: 1.3; } .nd-wa-info span { display: block; color: rgba(255,255,255,0.7); font-size: 0.72rem; } .nd-wa-icons { display: flex; gap: 16px; color: rgba(255,255,255,0.85); } .nd-wa-icons svg { display: block; } .nd-wa-body { background-color: #ECE5DD; background-image: url('../images/landings/realestate/whatsapp.wallpaper.jpg'); background-size: cover; background-position: center; padding: 15px; display: flex; flex-direction: column; gap: 10px; } .nd-wa-msg { display: flex; flex-direction: column; max-width: 80%; padding: 6px 9px 4px; border-radius: 8px; position: relative; word-break: break-word; } .nd-wa-msg p { color: #111B21; margin: 0; font-size: 0.84rem; line-height: 1.45; } .nd-wa-msg span { font-size: 0.63rem; color: #667781; text-align: right; margin-top: 2px; align-self: flex-end; white-space: nowrap; } .nd-wa-msg--user { align-self: flex-end; background: #D9FDD3; border-radius: 8px 0 8px 8px; margin-right: 4px; } .nd-wa-msg--user::after { content: ''; position: absolute; top: 0; right: -7px; width: 0; height: 0; border-style: solid; border-width: 7px 0 0 8px; border-color: transparent transparent transparent #DCF8C6; } .nd-wa-msg--bot { align-self: flex-start; background: #FFFFFF; border-radius: 0 8px 8px 8px; margin-left: 4px; } .nd-wa-msg--bot::before { content: ''; position: absolute; top: 0; left: -7px; width: 0; height: 0; border-style: solid; border-width: 7px 8px 0 0; border-color: transparent #FFFFFF transparent transparent; } .nd-wa-msg--confirm { background: #D9FDD3; } .nd-wa-msg--confirm::before { border-color: transparent #D9FDD3 transparent transparent; } .nd-wa-msg--confirm p { font-weight: var(--fw-semibold); color: #075E54; } .nd-wa-photos { align-self: flex-start; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; max-width: 80%; border-radius: 0 8px 8px 8px; overflow: hidden; background: #FFFFFF; margin-left: 4px; position: relative; } .nd-wa-photos::before { content: ''; position: absolute; top: 0; left: -7px; width: 0; height: 0; border-style: solid; border-width: 7px 8px 0 0; border-color: transparent #FFFFFF transparent transparent; } .nd-wa-photos img { width: 100%; height: 100px !important; max-height: 100px !important; object-fit: cover !important; display: block !important; flex-shrink: 0; } .nd-wa-photos span { grid-column: span 2; font-size: 0.65rem; color: #667781; padding: 3px 8px 5px; background: #FFFFFF; } .nd-logo-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--sp-sm); margin-top: var(--sp-lg); } .nd-logo-cell { display: flex; align-items: center; justify-content: center; min-height: 82px; background: #F8FAFC; border: 1px solid var(--gray-200); border-radius: var(--radius-lg); transition: border-color var(--transition-fast); } .nd-logo-cell:hover { border-color: var(--primary-200); } .nd-logo-cell img { max-width: 42px; max-height: 42px; object-fit: contain; } .nd-service-voice { background: transparent; border: none; box-shadow: none; backdrop-filter: none; padding: var(--sp-xl) 0; grid-column: span 2; grid-template-columns: 1.1fr 0.9fr; overflow: visible; } .nd-voice-phone { width: 100%; max-width: 400px; border-radius: 24px; background: linear-gradient(180deg, #0D1526 0%, #111B2E 100%); padding: 18px 20px 28px; display: flex; flex-direction: column; align-items: center; box-shadow: 0 40px 80px rgba(0,0,0,0.35), 0 10px 30px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.06); justify-self: center; } .nd-voice-statusbar { width: 100%; display: flex; justify-content: space-between; align-items: center; color: rgba(255,255,255,0.7); font-size: 0.75rem; font-weight: var(--fw-semibold); margin-bottom: 14px; } .nd-voice-statusbar-icons { display: flex; gap: 6px; align-items: center; } .nd-voice-incoming { display: inline-flex; align-items: center; gap: 6px; padding: 5px 14px; border-radius: var(--radius-full); background: rgba(34,197,94,0.18); border: 1px solid rgba(34,197,94,0.30); color: #4ADE80; font-size: 0.75rem; font-weight: var(--fw-semibold); margin-bottom: 22px; } .nd-voice-avatar { width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, var(--primary-700), var(--primary-500)); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.9); box-shadow: 0 0 0 8px rgba(11,150,239,0.12), 0 0 0 16px rgba(11,150,239,0.06); margin-bottom: 16px; } .nd-voice-avatar svg { width: 44px; height: 44px; } .nd-voice-name { color: var(--white); font-size: 1rem; font-weight: var(--fw-semibold); margin-bottom: 4px; } .nd-voice-timer { color: #4ADE80; font-size: 0.82rem; font-weight: var(--fw-medium); margin-bottom: 22px; } .nd-voice-wave { display: flex; align-items: center; justify-content: center; gap: 4px; height: 52px; margin-bottom: 20px; } .nd-voice-wave span { display: block; width: 4px; border-radius: 3px; background: linear-gradient(to top, var(--primary-700), var(--primary-400)); animation: ndVoiceBar 1.4s ease-in-out infinite; transform-origin: center; } .nd-voice-wave span:nth-child(1) { height: 12px; animation-delay: 0.0s; } .nd-voice-wave span:nth-child(2) { height: 20px; animation-delay: 0.1s; } .nd-voice-wave span:nth-child(3) { height: 30px; animation-delay: 0.2s; } .nd-voice-wave span:nth-child(4) { height: 42px; animation-delay: 0.15s; } .nd-voice-wave span:nth-child(5) { height: 50px; animation-delay: 0.05s; } .nd-voice-wave span:nth-child(6) { height: 44px; animation-delay: 0.25s; } .nd-voice-wave span:nth-child(7) { height: 52px; animation-delay: 0.0s; } .nd-voice-wave span:nth-child(8) { height: 46px; animation-delay: 0.18s; } .nd-voice-wave span:nth-child(9) { height: 50px; animation-delay: 0.08s; } .nd-voice-wave span:nth-child(10) { height: 36px; animation-delay: 0.22s; } .nd-voice-wave span:nth-child(11) { height: 24px; animation-delay: 0.12s; } .nd-voice-wave span:nth-child(12) { height: 16px; animation-delay: 0.06s; } .nd-voice-wave span:nth-child(13) { height: 10px; animation-delay: 0.02s; } @keyframes ndVoiceBar { 0%, 100% { transform: scaleY(0.25); opacity: 0.5; } 50% { transform: scaleY(1); opacity: 1; } } .nd-voice-transcript { width: 100%; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.10); border-radius: var(--radius-lg); padding: 12px 14px; margin-bottom: 22px; } .nd-voice-transcript span { display: block; color: var(--primary-400); font-size: 0.7rem; font-weight: var(--fw-semibold); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 6px; } .nd-voice-transcript p { color: rgba(255,255,255,0.85); font-size: 0.84rem; line-height: 1.5; margin: 0; } .nd-voice-transcript p em { display: inline-block; width: 2px; height: 0.9em; background: var(--primary-400); border-radius: 1px; vertical-align: text-bottom; margin-left: 2px; animation: ndCursorBlink 1s step-end infinite; font-style: normal; } @keyframes ndCursorBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .nd-voice-btns { display: flex; gap: 28px; align-items: center; } .nd-voice-btn { width: 48px; height: 48px; border-radius: 50%; border: none; background: rgba(255,255,255,0.10); color: var(--white); display: flex; align-items: center; justify-content: center; cursor: default; } .nd-voice-btn--hangup { width: 56px; height: 56px; background: #FF5D5B; color: var(--white); transform: rotate(135deg); } .nd-service-voice .nd-service-copy h3 { font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: normal; letter-spacing: -0.03em; line-height: 1.1; color: var(--gray-900); margin-bottom: var(--sp-md); } .nd-service-voice .nd-service-copy p { font-size: var(--text-lg); color: var(--gray-600); line-height: 1.75; max-width: 440px; } .nd-service-calendar { background: transparent; border: none; box-shadow: none; backdrop-filter: none; padding: var(--sp-xl) 0; grid-column: span 2; grid-template-columns: 1fr 1.8fr; gap: var(--sp-2xl); overflow: visible; align-items: center; } .nd-service-calendar .nd-service-copy h3 { font-size: clamp(2rem, 3.5vw, 3rem); font-weight: normal; letter-spacing: -0.03em; line-height: 1.12; color: var(--gray-900); margin-bottom: var(--sp-md); } .nd-service-calendar .nd-service-copy h3 span { color: var(--primary-600); } .nd-service-calendar .nd-service-copy p { font-size: var(--text-base); color: var(--gray-500); line-height: 1.7; margin-bottom: var(--sp-lg); } .nd-cal-features { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; } .nd-cal-features li { display: flex; align-items: center; gap: 10px; color: var(--gray-600); font-size: 0.9rem; } .nd-cal-dot { flex-shrink: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--primary-500); } .nd-cal-preview { width: 100%; display: flex; align-items: center; justify-content: flex-end; } .nd-cal-img-wrap { width: 100%; border-radius: 14px; overflow: hidden; box-shadow: 0 30px 60px rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.06); } .nd-cal-img-wrap img { width: 100%; height: auto; display: block; } .nd-notification-list { display: flex; flex-direction: column; gap: var(--sp-sm); margin-top: var(--sp-lg); } .nd-notification { display: flex; gap: var(--sp-sm); padding: var(--sp-sm); background: #F8FAFC; border: 1px solid var(--gray-200); border-radius: var(--radius-md); align-items: flex-start; } .nd-notification > span { width: 10px; height: 10px; border-radius: 50%; margin-top: 0.35rem; background: var(--primary-500); box-shadow: 0 0 0 4px rgba(11,150,239,0.10); flex-shrink: 0; } .nd-notification p { font-size: var(--text-sm); line-height: 1.45; margin: 0; } .nd-notification small { display: block; color: var(--gray-400); margin-top: 0.2rem; } .nd-result-list { display: grid; gap: var(--sp-sm); margin: var(--sp-lg) 0; } .nd-result-list div { padding: var(--sp-sm) var(--sp-md); border-radius: var(--radius-md); background: linear-gradient(135deg, var(--primary-50), rgba(11,150,239,0.04)); color: var(--gray-900); border-left: 3px solid var(--primary-500); } .nd-process { background: radial-gradient(ellipse at 20% 0%, rgba(11,150,239,0.07), transparent 50%), linear-gradient(180deg, #F8FAFC, var(--white)); } .nd-process .section-header h2 { } .nd-process .section-header h2 span { color: var(--primary-600); } .nd-process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-lg); align-items: stretch; } .nd-process-step { background: var(--white); border: 1px solid var(--gray-100); border-radius: var(--radius-2xl); padding: var(--sp-xl); box-shadow: 0 2px 20px rgba(0,0,0,0.05); display: flex; flex-direction: column; gap: var(--sp-md); transition: all var(--transition-base); } .nd-process-step:hover { transform: translateY(-4px); border-color: rgba(11,150,239,0.20); box-shadow: 0 20px 50px rgba(11,150,239,0.08); } .nd-proc-num { display: none; } .nd-proc-copy h3 { font-size: var(--text-lg); font-weight: var(--fw-semibold); color: var(--gray-900); margin-bottom: 6px; } .nd-proc-copy p { font-size: 0.87rem; color: var(--gray-500); line-height: 1.6; margin: 0; } .nd-proc-integrations { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .nd-proc-int-item { display: flex; flex-direction: column; align-items: center; gap: 6px; } .nd-proc-int-icon { width: 52px; height: 52px; border-radius: var(--radius-xl); display: flex; align-items: center; justify-content: center; color: var(--white); } .nd-proc-int-name { font-size: 0.7rem; color: var(--gray-500); font-weight: var(--fw-medium); } .nd-proc-editor { border-radius: var(--radius-xl); overflow: hidden; background: #1A1E2E; box-shadow: 0 8px 30px rgba(0,0,0,0.18); } .nd-proc-editor-bar { background: #252A3A; padding: 10px 14px; display: flex; align-items: center; gap: 6px; } .nd-proc-editor-dot { width: 10px; height: 10px; border-radius: 50%; display: block; } .nd-proc-editor-title { font-size: 0.72rem; color: rgba(255,255,255,0.4); margin-left: 6px; flex: 1; } .nd-proc-editor-badge { font-size: 0.65rem; font-weight: var(--fw-semibold); background: #34D399; color: var(--white); padding: 2px 8px; border-radius: var(--radius-full); text-transform: uppercase; letter-spacing: 0.06em; } .nd-proc-code { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 5px; } .nd-proc-code-line { display: flex; align-items: center; gap: 6px; font-family: 'Courier New', monospace; font-size: 0.78rem; line-height: 1.5; opacity: 0; transform: translateX(-6px); } .nd-process-step--config:not(.is-animated) .nd-proc-code-line { animation: none; } .nd-process-step--config.is-animated .nd-proc-code-line { animation: ndCodeAppear 0.4s ease forwards; } @keyframes ndCodeAppear { to { opacity: 1; transform: translateX(0); } } .nd-proc-code-key { color: #7DD3FC; } .nd-proc-code-colon { color: rgba(255,255,255,0.35); } .nd-proc-code-val { color: #86EFAC; } .nd-proc-code-ok { display: flex; align-items: center; gap: 8px; color: #4ADE80; font-size: 0.8rem; font-family: inherit; margin-top: 4px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,0.06); } .nd-proc-code-check { width: 18px; height: 18px; border-radius: 50%; background: rgba(16,185,129,0.2); border: 1px solid #34D399; display: flex; align-items: center; justify-content: center; color: #4ADE80; flex-shrink: 0; } .nd-proc-metrics { display: flex; flex-direction: column; gap: 14px; } .nd-proc-metric-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; } .nd-proc-metric-label { font-size: 0.84rem; color: var(--gray-700); } .nd-proc-metric-val { font-size: 0.92rem; font-weight: var(--fw-bold); } .nd-proc-metric-track { height: 6px; background: var(--gray-100); border-radius: var(--radius-full); overflow: hidden; } .nd-proc-metric-bar { height: 100%; width: 0; border-radius: var(--radius-full); } .nd-process-step--metrics:not(.is-animated) .nd-proc-metric-bar { animation: none; } .nd-process-step--metrics.is-animated .nd-proc-metric-bar { animation: ndBarGrow 1.2s ease forwards; animation-delay: 0.35s; } @keyframes ndBarGrow { to { width: var(--bar-w); } } .nd-roi { background: radial-gradient(ellipse at 70% 0%, rgba(11,150,239,0.06), transparent 50%), #F0F4F9; overflow: hidden; } .nd-roi::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--primary-600), #22d3ee, transparent); } .nd-roi-grid { display: grid; grid-template-columns: 0.75fr 1.25fr; gap: var(--sp-xl); align-items: stretch; } .nd-roi--intro .nd-roi-controls, .nd-roi--intro .nd-roi-results { pointer-events: none; } .nd-roi-controls, .nd-roi-results { position: relative; background: var(--white); border: 1px solid var(--gray-150, #E8ECF2); border-radius: var(--radius-2xl); box-shadow: 0 8px 32px rgba(15,23,42,0.07); padding: var(--sp-xl); } .nd-roi-control { margin-bottom: var(--sp-lg); } .nd-roi-control-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; gap: var(--sp-sm); } .nd-roi-control label { color: var(--gray-700); font-weight: var(--fw-semibold); font-size: 0.92rem; white-space: nowrap; } .nd-roi-input-wrap { display: flex; align-items: center; gap: 3px; background: #F1F5F9; border: none; border-radius: var(--radius-md); padding: 4px 10px; min-width: 88px; transition: background var(--transition-fast); } .nd-roi-control--warn .nd-roi-input-wrap { background: #FEE2E2; } .nd-roi-control--good .nd-roi-input-wrap { background: #D1FAE5; } .nd-roi-sym { color: var(--gray-400); font-size: 0.85rem; font-weight: var(--fw-semibold); } .nd-roi-control--warn .nd-roi-sym { color: #DC2626; } .nd-roi-control--good .nd-roi-sym { color: #059669; } .nd-roi-input-wrap input { width: 100%; border: none; background: transparent; color: var(--gray-900); font: var(--fw-bold) 1.05rem/1 inherit; outline: none; text-align: right; } .nd-roi-control--warn .nd-roi-input-wrap input { color: #DC2626; } .nd-roi-control--good .nd-roi-input-wrap input { color: #059669; } .nd-roi-control input[type="range"] { -webkit-appearance: none; appearance: none; width: 100%; height: 5px; border-radius: var(--radius-full); background: var(--gray-200); outline: none; cursor: pointer; } .nd-roi-control input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 16px; height: 16px; border-radius: 50%; background: var(--primary-600); cursor: pointer; box-shadow: 0 1px 4px rgba(0,0,0,0.20); } .nd-roi-control input[type="range"]::-moz-range-thumb { width: 16px; height: 16px; border-radius: 50%; border: none; background: var(--primary-600); cursor: pointer; } .nd-roi-control--warn input[type="range"]::-webkit-slider-thumb { background: #FF5D5B; } .nd-roi-control--warn input[type="range"]::-moz-range-thumb { background: #FF5D5B; } .nd-roi-control--good input[type="range"]::-webkit-slider-thumb { background: #34D399; } .nd-roi-control--good input[type="range"]::-moz-range-thumb { background: #34D399; } .nd-roi-note { color: var(--gray-400); font-size: 0.78rem; margin: -8px 0 var(--sp-lg); font-style: italic; } .nd-roi-results-label { font-size: 0.88rem; font-weight: var(--fw-semibold); color: var(--gray-700); margin-bottom: var(--sp-md); } .nd-roi-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: var(--sp-md); } .nd-roi-kpi { text-align: center; padding: 14px 8px; border-radius: var(--radius-lg); background: #F1F5F9; border: none; } .nd-roi-kpi--warn { background: #FEE2E2; } .nd-roi-kpi--good { background: #D1FAE5; } .nd-roi-kpi strong { display: block; font-size: 1.7rem; font-weight: var(--fw-bold); color: var(--gray-800); line-height: 1; margin-bottom: 5px; } .nd-roi-kpi--warn strong { color: #DC2626; } .nd-roi-kpi--good strong { color: #059669; } .nd-roi-kpi span { font-size: 0.68rem; color: var(--gray-500); font-weight: var(--fw-medium); text-transform: uppercase; letter-spacing: 0.04em; } .nd-roi-kpi--warn span { color: #EF4444; } .nd-roi-kpi--good span { color: #10B981; } .nd-roi-summary-text { font-size: 0.88rem; color: var(--gray-600); line-height: 1.65; margin-bottom: var(--sp-md); padding: 12px 14px; background: var(--gray-50, #F8FAFC); border-radius: var(--radius-lg); border-left: 3px solid var(--primary-400); } .nd-roi-compare { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-bottom: 15px; } .nd-roi-compare-bad, .nd-roi-compare-good { padding: 18px 20px; border-radius: var(--radius-xl); border: none; } .nd-roi-compare-bad { background: #FEE2E2; } .nd-roi-compare-good { background: #D1FAE5; } .nd-roi-compare-bad span, .nd-roi-compare-good span { display: block; font-size: 0.72rem; font-weight: var(--fw-semibold); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 4px; } .nd-roi-compare-bad span { color: #EF4444; } .nd-roi-compare-good span { color: #10B981; } .nd-roi-compare-bad strong, .nd-roi-compare-good strong { display: block; font-size: 1.8rem; font-weight: var(--fw-extrabold); line-height: 1; margin-bottom: 4px; } .nd-roi-compare-bad strong { color: #DC2626; } .nd-roi-compare-good strong { color: #059669; } .nd-roi-compare-bad small, .nd-roi-compare-good small { font-size: 0.75rem; color: var(--gray-500); } .nd-roi-impact { text-align: center; padding: 22px var(--sp-lg); border-radius: var(--radius-xl); background: linear-gradient(135deg, rgba(11,150,239,0.10), rgba(34,211,238,0.10)); border: none; margin-bottom: var(--sp-lg); } .nd-roi-impact span { display: block; font-size: 0.78rem; font-weight: var(--fw-semibold); color: var(--primary-600); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 6px; } .nd-roi-impact strong { display: block; font-size: clamp(2.4rem, 5vw, 3.4rem); font-weight: var(--fw-extrabold); color: var(--primary-600); line-height: 1; margin-bottom: 6px; } .nd-roi-impact small { font-size: 0.8rem; color: var(--gray-500); } .nd-roi-cta { display: block; width: 100%; text-align: center; } .nd-faq { background: linear-gradient(180deg, var(--dark-950, #050D1A) 0%, var(--dark-900, #0A1628) 100%); position: relative; } .nd-faq .section-tag { background: rgba(11,150,239,0.15); color: var(--primary-400); border-color: rgba(11,150,239,0.25); } .nd-faq .section-header h2 { color: var(--white); } .nd-faq .section-subtitle { color: rgba(255,255,255,0.55); } .nd-faq-list { max-width: 860px; margin: 0 auto; display: grid; gap: 10px; } .nd-faq-item { position: relative; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius-2xl); overflow: hidden; transition: background var(--transition-base), border-color var(--transition-base); } .nd-faq-item:hover { background: rgba(255,255,255,0.07); border-color: rgba(11,150,239,0.30); } .nd-faq-item.is-open { background: rgba(11,150,239,0.07); border-color: rgba(11,150,239,0.35); } .nd-faq-question { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--sp-md); padding: 22px var(--sp-xl); background: transparent; border: 0; color: var(--white); font: inherit; font-size: 1rem; font-weight: var(--fw-semibold); text-align: left; cursor: pointer; } .nd-faq-question strong { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: rgba(11,150,239,0.15); border: 1.5px solid rgba(11,150,239,0.35); color: var(--primary-400); font-size: 1.2rem; font-weight: var(--fw-light); display: flex; align-items: center; justify-content: center; line-height: 1; transition: background var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast); } .nd-faq-item:hover .nd-faq-question strong { background: rgba(11,150,239,0.25); border-color: var(--primary-400); } .nd-faq-item.is-open .nd-faq-question strong { transform: rotate(45deg); background: var(--primary-600); border-color: var(--primary-600); color: var(--white); } .nd-faq-answer { display: none; padding: 0 var(--sp-xl) 22px; border-top: 1px solid rgba(255,255,255,0.06); } .nd-faq-item.is-open .nd-faq-answer { display: block; } .nd-faq-answer p { color: rgba(255,255,255,0.65); line-height: 1.75; font-size: 0.95rem; padding-top: 16px; } .nd-cta { padding: var(--sp-5xl) 0; background: radial-gradient(ellipse at 30% 50%, rgba(11,150,239,0.16), transparent 56%), radial-gradient(ellipse at 70% 50%, rgba(11,150,239,0.10), transparent 50%), linear-gradient(135deg, var(--dark-950), var(--dark-850) 52%, var(--dark-950)); } .nd-cta-card { max-width: 820px; margin: 0 auto; text-align: center; } .nd-cta-card .section-tag { background: rgba(11,150,239,0.12); color: var(--primary-300); border-color: rgba(11,150,239,0.20); } .nd-cta-card h2 { color: var(--white); font-size: var(--text-4xl); font-weight: var(--fw-light); letter-spacing: -0.025em; margin-bottom: var(--sp-lg); } .nd-cta-card > p { color: rgba(255,255,255,0.6); font-size: var(--text-lg); line-height: var(--leading-relaxed); } .nd-cta-actions { display: flex; align-items: center; justify-content: center; gap: var(--sp-md); flex-wrap: wrap; margin: var(--sp-xl) 0 var(--sp-lg); } .nd-cta-email { display: inline-block; margin-top: var(--sp-md); color: var(--primary-300); font-size: var(--text-sm); transition: color var(--transition-fast); } .nd-cta-email:hover { color: var(--primary-400); } @media (max-width: 1100px) { .nd-hero-inner, .nd-service-card--large, .nd-roi-grid { grid-template-columns: 1fr; } .nd-stats-grid, .nd-process-grid { grid-template-columns: repeat(2, 1fr); } .nd-service-card--large { grid-column: span 1; } .nd-service-wa { grid-column: span 2; gap: var(--sp-xl); } .nd-wa-phone { max-width: 100%; } .nd-service-wa .nd-service-copy p { max-width: 100%; } } @media (max-width: 768px) { .nd-hero, .nd-problem, .nd-services, .nd-process, .nd-roi, .nd-faq, .nd-cta { padding: var(--sp-3xl) 0; } .nd-hero { padding-top: calc(var(--header-h) + var(--sp-xl)); } .nd-hero-content h1 { font-size: clamp(2.2rem, 12vw, 3.6rem); } .nd-hero-content > p { font-size: var(--text-base); } .nd-hero-actions .btn, .nd-cta-actions .btn { width: 100%; text-align: center; justify-content: center; } .nd-stats-grid, .nd-services-grid, .nd-process-grid, .nd-roi-kpis, .nd-roi-compare { grid-template-columns: 1fr; } .nd-service-card--large { grid-column: span 1; } .nd-phone-demo { min-height: 420px; } .nd-logo-grid { grid-template-columns: repeat(2, 1fr); } .nd-roi-controls, .nd-roi-results, .nd-service-card, .nd-stat-card { padding: var(--sp-lg); } .nd-cta-card h2 { font-size: var(--text-3xl); } }