[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)}/* =======================================================
   Persometrics design system
   ======================================================= */

:root {
  /* Existing Persometrics identity */
  --pm-primary: #b74173;

  /* New supporting colours */
  --pm-secondary: #6a4c93;
  --pm-accent: #e2a6c9;

  /* Neutral colours */
  --pm-text: #333333;
  --pm-muted: #888888;
  --pm-background: #fafafa;
  --pm-white: #ffffff;

  /* Main brand transition */
  --pm-gradient: linear-gradient(
    90deg,
    var(--pm-primary) 0%,
    var(--pm-secondary) 100%
  );
}

/* Temporary test button */
.pm-gradient-button {
  padding: 0.75rem 1.25rem;
  color: var(--pm-white);
  font-weight: 600;
  background: var(--pm-gradient);
  border: 0;
  border-radius: 6px;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    opacity 160ms ease;
}

.pm-gradient-button:hover {
  color: var(--pm-white);
  opacity: 0.94;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgb(106 76 147 / 24%);
}

/* =======================================================
   Header layout overrides
   ======================================================= */

.header-row {
  display: flex;
  align-items: center;
  gap: 2rem;
  min-height: 84px;
}



.navigation {
  flex: 1 1 auto;
}

.navigation .navigation-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.navigation .navigation-list > li {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.navigation .navigation-list > li > a {
  display: block;
  padding: 0.75rem 0;
  color: var(--pm-text);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
}

.navigation .navigation-list > li > a:hover {
  color: var(--pm-primary);
}

.navigation .submenu {
  position: absolute;
  z-index: 1100;
  top: 100%;
  left: 0;
  display: none;
  min-width: 250px;
  max-width: min(320px, calc(100vw - 2rem));
  margin: 0;
  padding: 0.65rem 0;
  list-style: none;
  background: var(--pm-white);
  border: 1px solid rgb(0 0 0 / 6%);
  border-radius: 6px;
  box-shadow: 0 12px 30px rgb(0 0 0 / 14%);
}

.navigation .navigation-list > li:last-child > .submenu {
  right: 0;
  left: auto;
}
.navigation .submenu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.navigation .submenu a {
  display: block;
  padding: 0.55rem 1rem;
  color: var(--pm-text);
  font-size: 0.9rem;
  line-height: 1.4;
  text-decoration: none;
}

.navigation .sub-menu:hover > .submenu,
.navigation .sub-menu:focus-within > .submenu {
  display: block;
}

.language-selector {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.4rem;
  margin-left: auto;
  white-space: nowrap;
  font-size: 0.8rem;
}

.language-selector a {
  color: var(--pm-muted);
  font-weight: 400;
  text-decoration: none;
}

.language-selector a.active {
  color: var(--pm-primary);
  font-weight: 700;
}

.language-selector span {
  color: #cccccc;
}
.basket-link {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  min-height: 2.5rem;
  color: var(--pm-secondary);
  text-decoration: none;
}

.basket-link:hover {
  color: var(--pm-primary);
  text-decoration: none;
}

.basket-icon {
  display: block;
  width: 24px;
  height: 24px;
}

.basket-count {
  position: absolute;
  top: 0;
  right: 0;
  display: grid;
  min-width: 1.1rem;
  height: 1.1rem;
  padding: 0 0.25rem;
  place-items: center;
  color: var(--pm-white);
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1;
  background: var(--pm-gradient);
  border-radius: 999px;
}
/* =======================================================
   Two-level header
   ======================================================= */

.utility-bar {
  background: #fafafa;
  border-bottom: 1px solid rgb(0 0 0 / 6%);
}

.utility-bar__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.25rem;
  min-height: 38px;
}

.language-selector {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 0.82rem;
}

.language-selector a {
  color: var(--pm-muted);
  font-weight: 400;
  text-decoration: none;
}

.language-selector a:hover,
.language-selector a:focus-visible {
  color: var(--pm-primary);
}

.language-selector a.active {
  color: var(--pm-primary);
  font-weight: 700;
}

.main-navigation-bar {
  position: sticky;
  z-index: 1000;
  top: 0;
  background: var(--pm-white);
  border-bottom: 1px solid rgb(0 0 0 / 8%);
  box-shadow: 0 2px 8px rgb(0 0 0 / 4%);
}

.header-row {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  min-height: 96px;
}


.navigation {
  flex: 1 1 auto;
}

.navigation .navigation-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.navigation .navigation-list > li {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.navigation .navigation-list > li > a {
  display: block;
  padding: 1.8rem 0;
  color: var(--pm-text);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.navigation .navigation-list > li > a:hover,
.navigation .navigation-list > li > a:focus-visible {
  color: var(--pm-primary);
}

.navigation .submenu {
  position: absolute;
  z-index: 1100;
  top: 100%;
  left: 0;
  display: none;
  min-width: 250px;
  margin: 0;
  padding: 0.65rem 0;
  list-style: none;
  background: var(--pm-white);
  border: 1px solid rgb(0 0 0 / 6%);
  border-radius: 6px;
  box-shadow: 0 12px 30px rgb(0 0 0 / 14%);
}

.navigation .submenu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.navigation .submenu a {
  display: block;
  padding: 0.6rem 1rem;
  color: var(--pm-text);
  font-size: 0.9rem;
  line-height: 1.4;
  text-decoration: none;
}

.navigation .submenu a:hover,
.navigation .submenu a:focus-visible {
  color: var(--pm-primary);
  background: rgb(183 65 115 / 6%);
}

.navigation .sub-menu:hover > .submenu,
.navigation .sub-menu:focus-within > .submenu {
  display: block;
}

.basket-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  color: var(--pm-secondary);
  text-decoration: none;
}

.basket-link:hover,
.basket-link:focus-visible {
  color: var(--pm-primary);
  text-decoration: none;
}

.basket-icon {
  display: block;
  width: 22px;
  height: 22px;
}

.basket-count {
  position: absolute;
  top: -1px;
  right: -3px;
  display: grid;
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.2rem;
  place-items: center;
  color: var(--pm-white);
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 1;
  background: var(--pm-gradient);
  border-radius: 999px;
}

/* Keep right-side dropdowns inside the viewport */
.navigation .navigation-list > li:last-child > .submenu {
  right: 0;
  left: auto;
}

//* =======================================================
   Responsive header logo
   ======================================================= */

.persometrics-logo {
  position: relative;
  display: flex;
  flex: 0 0 220px;
  align-items: center;
  min-height: 96px;
  overflow: hidden;
  text-decoration: none;
}

.persometrics-logo img {
  position: absolute;
  left: 0;
  display: block;
  object-fit: contain;
  object-position: left center;
  transition:
    opacity 220ms ease,
    transform 220ms ease;
}

/* Full logo before scrolling */
.logo-full {
  width: 210px;
  height: 82px;
  opacity: 1;
  transform: scale(1);
}

/* Monogram after scrolling */
.logo-compact {
  width: 96px;
  height: 60px;
  opacity: 0;
  transform: scale(0.9);
}

/* Compact sticky state */
.main-navigation-bar.is-compact .header-row {
  min-height: 66px;
}

.main-navigation-bar.is-compact .persometrics-logo {
  flex-basis: 110px;
  min-height: 66px;
}

.main-navigation-bar.is-compact .logo-full {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
}

.main-navigation-bar.is-compact .logo-compact {
  opacity: 1;
  transform: scale(1);
}

/* =======================================================
   Final desktop navigation sizing
   ======================================================= */

.header-row {
  display: flex;
  align-items: center;
  gap: 2rem;
  width: 100%;
}

.navigation {
  flex: 1 1 auto;
  min-width: 0;
}

.navigation .navigation-list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 1.4rem;
  width: 100%;
}

.navigation .navigation-list > li > a {
  padding: 1.6rem 0;
  font-size: 16px !important;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
}

/* Give the full logo enough room without overwhelming the menu */
.persometrics-logo {
  flex: 0 0 220px;
}

/* Compact state needs much less horizontal room */
.main-navigation-bar.is-compact .persometrics-logo {
  flex-basis: 110px;
}

/* =======================================================
   Final Persometrics header
   Uses unique classes to avoid Magento conflicts
   ======================================================= */

.pm-utility {
  background: #fafafa;
  border-bottom: 1px solid rgb(0 0 0 / 7%);
}

.pm-utility__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
  min-height: 42px;
}

.pm-languages {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-size: 14px;
}

.pm-languages a {
  color: var(--pm-muted);
  font-weight: 400;
  text-decoration: none;
}

.pm-languages a:hover,
.pm-languages a:focus-visible {
  color: var(--pm-primary);
}

.pm-languages .is-active {
  color: var(--pm-primary);
  font-weight: 700;
}

.pm-cart {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  color: var(--pm-primary);
  text-decoration: none;
}

.pm-cart__count {
  position: absolute;
  top: 0;
  right: -2px;
  display: grid;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  place-items: center;
  color: white;
  font-size: 10px;
  font-weight: 700;
  background: var(--pm-secondary);
  border-radius: 999px;
}

.pm-header {
  position: sticky;
  z-index: 1000;
  top: 0;
  width: 100%;
  background: white;
  border-bottom: 1px solid rgb(0 0 0 / 8%);
  box-shadow: 0 2px 8px rgb(0 0 0 / 4%);
}

.pm-header__inner {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  align-items: center;
  column-gap: 2rem;
  min-height: 106px;
  transition: min-height 220ms ease;
}

.pm-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 280px;/*JT*/
  text-decoration: none;
}

.pm-logo img {
  display: block;
  object-fit: contain;
  object-position: left center;
}

.pm-logo__full {
  /*width: 220px; JT*/
  height: 150px;
}

.pm-logo__compact {
  display: none;
  width: 94px;
  height: 58px;
}

.pm-nav {
  min-width: 0;
}

.pm-nav__list {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-nav__list > li {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-nav__list > li > a {
  display: block;
  padding: 2rem 0;
  color: var(--pm-text);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

.pm-nav__list > li > a:hover,
.pm-nav__list > li > a:focus-visible {
  color: var(--pm-primary);
}

.pm-nav__submenu {
  position: absolute;
  z-index: 1100;
  top: 100%;
  left: 0;
  display: none;
  min-width: 250px;
  margin: 0;
  padding: 0.65rem 0;
  list-style: none;
  background: white;
  border: 1px solid rgb(0 0 0 / 7%);
  border-radius: 6px;
  box-shadow: 0 12px 30px rgb(0 0 0 / 14%);
}

.pm-nav__submenu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-nav__submenu a {
  display: block;
  padding: 0.6rem 1rem;
  color: var(--pm-text);
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}

.pm-nav__submenu a:hover,
.pm-nav__submenu a:focus-visible {
  color: var(--pm-primary);
  background: rgb(183 65 115 / 6%);
}

.pm-nav__dropdown:hover > .pm-nav__submenu,
.pm-nav__dropdown:focus-within > .pm-nav__submenu {
  display: block;
}

.pm-nav__dropdown--right > .pm-nav__submenu {
  right: 0;
  left: auto;
}

/* Nested submenu: More questionnaires */

.pm-nav__nested {
  position: relative;
}

.pm-nav__nested-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 0.6rem 1rem;
  border: 0;
  background: transparent;
  color: var(--pm-text);
  font: inherit;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
}

.pm-nav__nested-trigger:hover,
.pm-nav__nested-trigger:focus-visible {
  color: var(--pm-primary);
  background: rgb(183 65 115 / 6%);
}

.pm-nav__nested-chevron {
  font-size: 1.1rem;
  line-height: 1;
}

.pm-nav__nested-menu {
  position: absolute;
  z-index: 1200;
  top: -0.65rem;
  left: 100%;
  display: none;
  min-width: 240px;
  margin: 0;
  padding: 0.65rem 0;
  list-style: none;
  background: white;
  border: 1px solid rgb(0 0 0 / 7%);
  border-radius: 6px;
  box-shadow: 0 12px 30px rgb(0 0 0 / 14%);
}

.pm-nav__nested-menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-nav__nested-menu a {
  display: block;
  padding: 0.6rem 1rem;
  color: var(--pm-text);
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
}

.pm-nav__nested-menu a:hover,
.pm-nav__nested-menu a:focus-visible {
  color: var(--pm-primary);
  background: rgb(183 65 115 / 6%);
}

.pm-nav__nested:hover > .pm-nav__nested-menu,
.pm-nav__nested:focus-within > .pm-nav__nested-menu,
.pm-nav__nested.is-open > .pm-nav__nested-menu {
  display: block;
}

.pm-nav__submenu-final {
  margin-top: 0.35rem;
  padding-top: 0.35rem !important;
  border-top: 1px solid rgb(0 0 0 / 8%);
}


/* Compact header after scrolling */

.pm-header--compact .pm-header__inner {
  grid-template-columns: 110px minmax(0, 1fr);
  min-height: 68px;
}

.pm-header--compact .pm-logo {
  width: 110px;
}

.pm-header--compact .pm-logo__full {
  display: none;
}

.pm-header--compact .pm-logo__compact {
  display: block;
}

.pm-header--compact .pm-nav__list > li > a {
  padding: 1.45rem 0;
}

/* =======================================================
   Definitive logo visibility and header spacing
   ======================================================= */

/* Normal state: show only the full logo */
.pm-logo__full {
  display: block !important;
}

.pm-logo__compact {
  display: none !important;
}

/* Reserve enough space so navigation cannot overlap the logo */
.pm-header__inner {
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
  column-gap: 2.5rem !important;
}

.pm-logo {
  width: 300px !important;
  overflow: visible;
}

/* Scrolled state: show only the monogram */
.pm-header--compact .pm-header__inner {
  grid-template-columns: 120px minmax(0, 1fr) !important;
}

.pm-header--compact .pm-logo {
  width: 120px !important;
}

.pm-header--compact .pm-logo__full {
  display: none !important;
}

.pm-header--compact .pm-logo__compact {
  display: block !important;
}

/* Keep navigation fully inside its own column */
.pm-nav {
  min-width: 0;
  width: 100%;
}

.pm-nav__list {
  justify-content: flex-end !important;
}++/* =======================================================
   Responsive mobile header
   ======================================================= */

.pm-mobile-controls,
.pm-mobile-menu {
  display: none;
}

.pm-menu-toggle {
  display: grid;
  width: 44px;
  height: 44px;
  padding: 10px;
  place-content: center;
  gap: 5px;
  color: var(--pm-primary);
  background: transparent;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
}

.pm-menu-toggle span {
  display: block;
  width: 25px;
  height: 2px;
  background: currentColor;
  border-radius: 99px;
  transition:
    transform 180ms ease,
    opacity 180ms ease;
}

.pm-menu-toggle.is-open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.pm-menu-toggle.is-open span:nth-child(2) {
  opacity: 0;
}

.pm-menu-toggle.is-open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.pm-mobile-cart {
  position: relative;
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  color: var(--pm-primary);
  text-decoration: none;
}

@media (max-width: 1100px) {
  .pm-utility {
    display: none;
  }

  .pm-header__inner,
  .pm-header--compact .pm-header__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-height: 70px;
    column-gap: 1rem !important;
  }

  .pm-logo,
  .pm-header--compact .pm-logo {
    width: 105px !important;
  }

  .pm-logo__full,
  .pm-header--compact .pm-logo__full {
    display: none !important;
  }

  .pm-logo__compact,
  .pm-header--compact .pm-logo__compact {
    display: block !important;
    /*width: 96px;JT*/
    height: 150px;
  }

  .pm-nav {
    display: none;
  }

  .pm-mobile-controls {
    display: flex;
    align-items: center;
    gap: 0.25rem;
  }

  .pm-mobile-menu:not([hidden]) {
    display: block;
  }

  .pm-mobile-menu {
    position: absolute;
    z-index: 1200;
    top: 100%;
    right: 0;
    left: 0;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    background: var(--pm-white);
    border-top: 1px solid rgb(0 0 0 / 7%);
    box-shadow: 0 14px 30px rgb(0 0 0 / 14%);
  }

  .pm-mobile-languages {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 1.25rem 0;
    border-bottom: 1px solid rgb(0 0 0 / 8%);
  }

  .pm-mobile-languages a {
    padding: 0.65rem 0.75rem;
    color: var(--pm-muted);
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    background: #fafafa;
    border-radius: 6px;
  }

  .pm-mobile-languages a.is-active {
    color: var(--pm-white);
    font-weight: 700;
    background: var(--pm-gradient);
  }

  .pm-mobile-nav {
    margin: 0;
    padding: 0.75rem 0 1.5rem;
    list-style: none;
  }

  .pm-mobile-nav > li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid rgb(0 0 0 / 7%);
  }

  .pm-mobile-nav > li > a,
  .pm-mobile-nav summary {
    display: block;
    width: 100%;
    padding: 1rem 0;
    color: var(--pm-text);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
  }

  .pm-mobile-nav summary {
    position: relative;
    padding-right: 2rem;
    list-style: none;
  }

  .pm-mobile-nav summary::-webkit-details-marker {
    display: none;
  }

  .pm-mobile-nav summary::after {
    position: absolute;
    top: 50%;
    right: 0.25rem;
    content: "+";
    color: var(--pm-primary);
    font-size: 22px;
    font-weight: 400;
    transform: translateY(-50%);
  }

  .pm-mobile-nav details[open] summary::after {
    content: "−";
  }

  .pm-mobile-nav details ul {
    margin: 0;
    padding: 0 0 0.8rem 1rem;
    list-style: none;
  }

  .pm-mobile-nav details li {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .pm-mobile-nav details a {
    display: block;
    padding: 0.65rem 0;
    color: var(--pm-muted);
    font-size: 14px;
    text-decoration: none;
  }

  .pm-mobile-nav a:hover,
  .pm-mobile-nav a:focus-visible,
  .pm-mobile-nav summary:hover,
  .pm-mobile-nav summary:focus-visible {
    color: var(--pm-primary);
  }

  body.pm-menu-open {
    overflow: hidden;
  }
}

@media (max-width: 480px) {
  .pm-mobile-languages {
    grid-template-columns: 1fr;
  }
}

/* =======================================================
   Homepage hero
   ======================================================= */

.pm-hero {
  padding: 5rem 0;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 85% 20%,
      rgb(106 76 147 / 14%),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #ffffff 0%,
      #fbf8fc 100%
    );
}

.pm-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  align-items: center;
  gap: 4rem;
}

.pm-hero__eyebrow {
  margin: 0 0 1rem;
  color: var(--pm-primary);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pm-hero h1 {
  max-width: 760px;
  margin: 0;
  color: var(--pm-text);
  font-size: clamp(2.5rem, 5vw, 4.8rem);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.035em;
}

.pm-hero__lead {
  max-width: 680px;
  margin: 1.75rem 0 0;
  color: var(--pm-muted);
  font-size: 1.15rem;
  line-height: 1.75;
}

.pm-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}

.pm-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.8rem 1.4rem;
  font-weight: 700;
  text-decoration: none;
  border-radius: 7px;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    background 160ms ease;
}

.pm-button:hover {
  transform: translateY(-1px);
  text-decoration: none;
}

.pm-button--primary {
  color: white;
  background: var(--pm-gradient);
  box-shadow: 0 8px 22px rgb(106 76 147 / 22%);
}

.pm-button--primary:hover,
.pm-button--primary:focus-visible {
  color: white;
  box-shadow: 0 12px 26px rgb(106 76 147 / 28%);
}

.pm-button--secondary {
  color: var(--pm-secondary);
  background: white;
  border: 1px solid rgb(106 76 147 / 30%);
}

.pm-button--secondary:hover,
.pm-button--secondary:focus-visible {
  color: var(--pm-primary);
  border-color: var(--pm-primary);
}

.pm-hero__visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pm-hero__visual img {
  width: min(100%, 420px);
  height: auto;
  opacity: 0.82;
  filter: drop-shadow(0 22px 40px rgb(106 76 147 / 18%));
}

@media (max-width: 900px) {
  .pm-hero {
    padding: 3.5rem 0;
  }

  .pm-hero__grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .pm-hero__visual {
    order: -1;
  }

  .pm-hero__visual img {
    width: min(72vw, 260px);
  }
}

@media (max-width: 560px) {
  .pm-hero h1 {
    font-size: 2.45rem;
  }

  .pm-hero__actions {
    flex-direction: column;
  }

  .pm-button {
    width: 100%;
  }
}

/* =======================================================
   Definitive desktop/mobile menu visibility
   ======================================================= */

/* Desktop: never show mobile controls or mobile menu */
.pm-mobile-controls {
  display: none !important;
}

.pm-mobile-menu,
.pm-mobile-menu[hidden] {
  display: none !important;
}

/* Mobile and tablet */
@media (max-width: 1100px) {
  .pm-nav {
    display: none !important;
  }

  .pm-mobile-controls {
    display: flex !important;
    align-items: center;
    gap: 0.4rem;
  }

  .pm-mobile-menu[hidden] {
    display: none !important;
  }

  .pm-mobile-menu:not([hidden]) {
    display: block !important;
  }
}

/* Desktop again, explicitly */
@media (min-width: 1101px) {
  .pm-nav {
    display: block !important;
  }

  .pm-mobile-controls,
  .pm-mobile-menu {
    display: none !important;
  }
}/* ======================================================
   OLD PERSOMETRICS HOMEPAGE
   ====================================================== */

.old-home-hero {
  position: relative;
  width: 100%;
  min-height: 540px;
  overflow: hidden;
  background: #111;
}

.old-home-hero__image {
  position: absolute;
  inset: 0;
}

.old-home-hero__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgb(0 0 0 / 20%);
}

.old-home-hero__image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 540px;
  object-fit: cover;
  object-position: center;
  filter: grayscale(100%);
}

.old-home-hero__overlay {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  min-height: 540px;
  padding: 4rem 0;
}

.old-home-hero__overlay h1 {
  max-width: 920px;
  margin: 0 auto;
  color: #fff;
  font-size: clamp(2rem, 4vw, 3.8rem);
  font-weight: 300;
  line-height: 1.18;
  text-align: center;
  text-shadow: 0 2px 12px rgb(0 0 0 / 45%);
}

@media (max-width: 768px) {
  .old-home-hero,
  .old-home-hero__image img,
  .old-home-hero__overlay {
    min-height: 430px;
  }

  .old-home-hero__overlay {
    padding: 3rem 1rem;
  }

  .old-home-hero__overlay h1 {
    font-size: clamp(1.8rem, 8vw, 2.7rem);
  }
}
/* ======================================================
   STRESS & BURNOUT SECTION
   ====================================================== */

.stress-burnout-section {
  background: #ffffff;
  padding: 5rem 0;
}

.stress-burnout-section__content {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.stress-burnout-section__eyebrow {
  margin-bottom: 0.75rem;
  color: #8b8b8b;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.stress-burnout-section h2 {
  margin-bottom: 1.5rem;
  color: #222;
  font-size: clamp(2rem, 3vw, 2.8rem);
  font-weight: 300;
  line-height: 1.25;
}

.stress-burnout-section p {
  color: #666;
  font-size: 1.1rem;
  line-height: 1.8;
}

@media (max-width: 768px) {
  .stress-burnout-section {
    padding: 3.5rem 1.5rem;
  }

  .stress-burnout-section h2 {
    font-size: 2rem;
  }

  .stress-burnout-section p {
    font-size: 1rem;
  }
}
/* ======================================================
   Original Matterhorn homepage hero
   ====================================================== */

.pm-original-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #111;
}

.pm-original-hero__image {
  display: block;
  width: 100%;
  height: auto;
}

.pm-original-hero__content {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.pm-original-hero__content h1 {
  max-width: 900px;
  margin: 0 auto;
  color: #fff;
  font-size: clamp(1.7rem, 3vw, 3rem);
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  text-shadow: 2px 2px 6px rgb(0 0 0 / 85%);
}

@media (max-width: 700px) {
  .pm-original-hero__content {
    padding: 1.25rem;
  }

  .pm-original-hero__content h1 {
    font-size: clamp(1.35rem, 6vw, 2rem);
  }
}

.questionnaires-section.section.section-py {
  padding-block: 0 !important;
}
.questionnaires-section .col-md-6:first-child {
  opacity: 0;
  transform: translateX(-36px);
  transition:
    opacity 1200ms ease,
    transform 1200ms cubic-bezier(0.22, 1, 0.36, 1);
}

.questionnaires-section .col-md-6:last-child {
  opacity: 0;
  transform: translateX(36px);
  transition:
    opacity 1200ms ease,
    transform 1200ms cubic-bezier(0.22, 1, 0.36, 1);
}

.questionnaires-section.is-visible .col-md-6 {
  opacity: 1;
  transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
  .questionnaires-section .col-md-6 {
    opacity: 1;
    transform: none;
    transition: none;
  }
}/* ==========================================================
   Persometrics footer
   ========================================================== */

.pm-footer {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #242424;
  color: #c8c8c8;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
}

.pm-footer,
.pm-footer * {
  box-sizing: border-box;
}

.pm-footer__content {
  width: min(100% - 2rem, 1320px);
  margin: 0 auto;
  padding: 2.5rem 0 1.5rem;
}

.pm-footer a {
  color: #d0d0d0;
  text-decoration: none;
  transition: color 180ms ease;
}

.pm-footer a:hover,
.pm-footer a:focus-visible {
  color: #ffffff;
}

/* Navigation */

.pm-footer__navrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 2rem;
  width: 100%;}

.pm-footer__links {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.7rem 1.75rem;
  margin: 0;
  padding: 0;
}

.pm-footer__links a {
  display: inline-block;
  white-space: nowrap;
}

/* Social icons */

.pm-footer__social {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
}

.pm-footer__social a {
    width: 40px;
    height: 40px;

    display: inline-flex;
    justify-content: center;
    align-items: center;

    border-radius: 50%;

    background: #373737;
    color: #8d8d8d;

    transition: .2s;
}

.pm-footer__social a:hover,
.pm-footer__social a:focus-visible {
  background: #b74173;
  color: #ffffff;
}

.pm-footer__social svg {
  display: block;
  width: 17px;
  height: 17px;
}

/* Company information */

.pm-footer__company {
  width: min(100%, 1080px);
  margin: 2rem auto 0;
  text-align: center;
}

.pm-footer__company p {
  margin: 0;
  padding: 0;
}

.pm-footer__company p + p {
  margin-top: 0.45rem;
}

/* Copyright and trust statement */

.pm-footer__copyright {
  width: 100%;
  margin: 2rem auto 0;
  padding-top: 1.25rem;
  border-top: 1px solid #3a3a3a;
  color: #bdbdbd;
  text-align: center;
  line-height: 1.4;
}

.pm-footer__copyright p {
  margin: 0;
  padding: 0;
}

.pm-footer__copyright p + p {
  margin-top: 0.35rem;
}

.pm-footer__science {
  color: #e0e0e0;
  font-weight: 600;
}

/* Mobile */

@media (max-width: 700px) {
  .pm-footer__content {
    width: min(100% - 2.5rem, 1320px);
    padding-top: 2rem;
  }

  .pm-footer__links {
    flex-direction: column;
    gap: 0.6rem;
  }

  .pm-footer__company {
    margin-top: 1.75rem;
  }

  .pm-footer__copyright {
    margin-top: 1.75rem;
    font-size: 0.92rem;
  }
}
@media (max-width: 1050px) {
  .pm-footer__navrow {
    justify-content: center;
  }

  .pm-footer__links {
    flex-basis: 100%;
    justify-content: center;
  }

  .pm-footer__social {
    flex-basis: 100%;
    justify-content: center;
  }
}.pm-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #111;
}

.pm-carousel__viewport {
  overflow: hidden;
}

.pm-carousel__track {
  display: flex;
  transition: transform 600ms ease;
  will-change: transform;
}

.pm-carousel__slide {
  position: relative;
  flex: 0 0 100%;
  min-width: 100%;
}

.pm-carousel__image {
  display: block;
  width: 100%;
  height: clamp(360px, 48vw, 720px);
  object-fit: cover;
  object-position: right center;
}

.pm-carousel__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  padding: 2rem clamp(2rem, 8vw, 8rem);
  color: #fff;
  text-shadow: 2px 2px 8px rgb(0 0 0 / 80%);
}

.pm-carousel__desktop-copy {
  max-width: 720px;
}

.pm-carousel__desktop-copy h1,
.pm-carousel__mobile-copy h1 {
  margin: 0;
  color: inherit;
  font-size: clamp(2rem, 4vw, 4rem);
  font-weight: 700;
  line-height: 1.08;
}

.pm-carousel__desktop-copy p {
  margin: 0.8rem 0 0;
  font-size: clamp(1.15rem, 1.8vw, 1.7rem);
}

.pm-carousel__mobile-copy {
  display: none;
}

.pm-carousel__control {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 44px;
  height: 54px;
  border: 0;
  background: rgb(0 0 0 / 32%);
  color: #fff;
  font-size: 2.3rem;
  line-height: 1;
  transform: translateY(-50%);
  cursor: pointer;
}

.pm-carousel__control--previous {
  left: 0.75rem;
}

.pm-carousel__control--next {
  right: 0.75rem;
}

.pm-carousel__dots {
  position: absolute;
  right: 0;
  bottom: 1rem;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  gap: 0.55rem;
}

.pm-carousel__dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

.pm-carousel__dot.is-active {
  background: #fff;
}

@media (max-width: 700px) {
  .pm-carousel__image {
    height: 420px;
  }

  .pm-carousel__overlay {
    align-items: flex-end;
    padding: 2rem 1.5rem 4rem;
  }

  .pm-carousel__desktop-copy {
    display: none;
  }

  .pm-carousel__mobile-copy {
    display: block;
    max-width: 70%;
  }

  .pm-carousel__mobile-copy h1 {
    font-size: clamp(1.8rem, 9vw, 3rem);
  }

  .pm-carousel__control {
    width: 38px;
    height: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-carousel__track {
    transition: none;
  }
}
/* ==========================================================
   For You introductory section
   ========================================================== */

.pm-for-you-intro {
  padding: clamp(3rem, 7vw, 6rem) 0;
  background: #fff;
  color: #333;
}

.pm-for-you-intro__header {
  max-width: 920px;
  margin: 0 auto 2rem;
  text-align: center;
}

.pm-for-you-intro__eyebrow {
  margin: 0 0 0.65rem;
  color: #b74173;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pm-for-you-intro__header h1 {
  margin: 0;
  color: #333;
  font-size: clamp(2rem, 4vw, 3.4rem);
  font-weight: 500;
  line-height: 1.15;
}

.pm-for-you-intro__body {
  max-width: 920px;
  margin: 0 auto;
  font-size: 1.05rem;
  line-height: 1.75;
}

.pm-for-you-intro__body p {
  margin: 0;
}

.pm-for-you-intro__body p + p {
  margin-top: 1rem;
}

.pm-for-you-intro__benefits {
  max-width: 920px;
  margin: 2.75rem auto 0;
  padding: 2rem;
  background: #f5f5f5;
}

.pm-for-you-intro__benefits h2 {
  margin: 0 0 1.25rem;
  color: #333;
  font-size: 1.55rem;
  font-weight: 600;
}

.pm-for-you-intro__benefits ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-for-you-intro__benefits li {
  position: relative;
  padding-left: 1.5rem;
  line-height: 1.55;
}

.pm-for-you-intro__benefits li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #b74173;
  content: "✓";
  font-weight: 700;
}

@media (max-width: 700px) {
  .pm-for-you-intro {
    padding: 3rem 0;
  }

  .pm-for-you-intro__header,
  .pm-for-you-intro__body,
  .pm-for-you-intro__benefits {
    width: min(100% - 2rem, 920px);
  }

  .pm-for-you-intro__benefits {
    padding: 1.5rem;
  }

  .pm-for-you-intro__benefits ul {
    grid-template-columns: 1fr;
  }
}
/* ==========================================================
   Reusable For You feature sections (OBSOLETE)
   ========================================================== */

.pm-feature-section__button:hover,
.pm-feature-section__button:focus-visible {
  background: transparent;
  color: #b74173;
}

/* ==========================================================
   Reusable accordion feature
   ========================================================== */

.pm-accordion-feature {
  width: min(100% - 2rem, 1360px);
  margin: 0 auto 1rem;
border: 1px solid #cf8eab;  background: #fff;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.025);
}

.pm-accordion-feature__heading {
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
}

.pm-accordion-feature__trigger {
  appearance: none;
  -webkit-appearance: none;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;

  width: 100%;
  min-height: 50px;
  margin: 0 !important;
  padding: 0.85rem 1rem;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  background: linear-gradient(
    to bottom,
    #bc4979 0%,
    #b74173 55%,
    #af3d6e 100%
) !important;
  color: #fff !important;

  font-family: inherit;
  font-size: clamp(0.95rem, 1.4vw, 1.15rem) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.01em;
  text-align: left;
  text-transform: uppercase;

  cursor: pointer;
  transition: background-color 180ms ease;
}

.pm-accordion-feature__trigger:hover {
  background: linear-gradient(
    to bottom,
    #c55182 0%,
    #bc4979 55%,
    #b03d70 100%
) !important;
}

.pm-accordion-feature__trigger:focus-visible {
  outline: 3px solid #e8adc6;
  outline-offset: 3px;
}



.pm-accordion-feature__trigger[aria-expanded="true"]
  .pm-accordion-feature__icon-line:last-child {
  transform: translate(-50%, -50%) rotate(0deg);
}

.pm-accordion-feature__panel {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition:
    max-height 300ms ease,
    opacity 220ms ease;
}

.pm-accordion-feature__panel.is-open {
  opacity: 1;
}

.pm-accordion-feature__inner {
  padding: 1rem;
}

.pm-accordion-feature__image {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 1.25rem;
  object-fit: cover;

  opacity: 0;
  transition: opacity 180ms ease;
}

.pm-accordion-feature__panel.is-open
.pm-accordion-feature__image {
  opacity: 1;
}

.pm-accordion-feature__content {
  color: #555;
  font-size: 1.02rem;
  line-height: 1.7;
}

.pm-accordion-feature__content p {
  margin: 0;
}

.pm-accordion-feature__content p + p {
  margin-top: 1rem;
}

.pm-accordion-feature__button {
  display: inline-block;
  margin-top: 1.5rem;
  padding: 0.8rem 1.2rem;
  border: 1px solid #b74173;
  background: #b74173;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.pm-accordion-feature__button:visited {
  display: inline-block;
  margin-top: 1.5rem;
  padding: 0.8rem 1.2rem;
  border: 1px solid #b74173;
  background: #b74173;
  color: #fff !important;
  font-weight: 600;
  text-decoration: none;
}


@media (max-width: 700px) {
  .pm-accordion-feature {
    width: min(100% - 1rem, 1360px);
    margin-top: 1.5rem;
  }

  .pm-accordion-feature__trigger {
    padding: 0.8rem;
    font-size: 0.95rem;
  }

  .pm-accordion-feature__inner {
    padding: 0.75rem;
  }
}
.pm-accordion-feature__chevron {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  color: #fff;
  transform: rotate(0deg);
  transform-origin: center;
  transition: transform 220ms ease;
}

.pm-accordion-feature__trigger[aria-expanded="true"]
  .pm-accordion-feature__chevron {
  transform: rotate(90deg);
}

.pm-accordion-feature__trigger[aria-expanded="true"] {
  background: linear-gradient(
      to bottom,
      #c85686 0%,
      #bc4979 55%,
      #b03d70 100%
  ) !important;
}

.pm-for-you-accordions {
  padding: 1.5rem 0 3rem;
  background: #fff;
}

.pm-for-you-accordions .pm-accordion-feature:first-child {
  margin-top: 0;
}

@media (max-width: 700px) {
  .pm-for-you-accordions {
    padding: 1rem 0 2rem;
  }
}/* ==========================================================
   For Business hero
   ========================================================== */

.pm-business-hero {
  padding: clamp(3.5rem, 7vw, 7rem) 0;
  background:
    linear-gradient(
      135deg,
      rgb(183 65 115 / 8%),
      rgb(255 255 255 / 95%) 45%,
      rgb(240 247 246 / 92%)
    );
  color: #333;
}

.pm-business-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr);
  align-items: center;
  gap: clamp(2.5rem, 6vw, 6rem);
  width: min(100% - 2rem, 1320px);
  margin: 0 auto;
}

.pm-business-hero__content {
  max-width: 720px;
}

.pm-business-hero__eyebrow {
  margin: 0 0 0.75rem;
  color: #b74173;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pm-business-hero h1 {
  margin: 0;
  color: #2f2f2f;
  font-size: clamp(2.3rem, 4.6vw, 4.5rem);
  font-weight: 500;
  line-height: 1.08;
}

.pm-business-hero__summary {
  max-width: 680px;
  margin: 1.5rem 0 0;
  color: #4d4d4d;
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  line-height: 1.7;
}

.pm-business-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}

.pm-business-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.8rem 1.3rem;
  border: 1px solid #b74173;
  font-weight: 600;
  text-decoration: none;
  transition:
    background-color 180ms ease,
    color 180ms ease;
}

.pm-business-hero__button--primary,
.pm-business-hero__button--primary:visited {
  background: #b74173;
  color: #fff;
}

.pm-business-hero__button--primary:hover,
.pm-business-hero__button--primary:focus-visible {
  background: #a43868;
  color: #fff;
}

.pm-business-hero__button--secondary,
.pm-business-hero__button--secondary:visited {
  background: transparent;
  color: #b74173;
}

.pm-business-hero__button--secondary:hover,
.pm-business-hero__button--secondary:focus-visible {
  background: #b74173;
  color: #fff;
}

/* Visual */

.pm-business-hero__visual {
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border: 1px solid #e3c5d2;
  background: rgb(255 255 255 / 90%);
  box-shadow: 0 14px 40px rgb(0 0 0 / 7%);
}

.pm-business-hero__flow {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 0.6rem;
}

.pm-business-hero__step {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 130px;
  padding: 1rem;
  border: 1px solid #d9e4e2;
  background: #f7fbfa;
  color: #344;
  text-align: center;
  line-height: 1.35;
}

.pm-business-hero__step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-bottom: 0.7rem;
  border-radius: 50%;
  background: #b74173;
  color: #fff;
  font-weight: 700;
}

.pm-business-hero__arrow {
  display: flex;
  align-items: center;
  color: #b74173;
  font-size: 1.5rem;
}

.pm-business-hero__outcomes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.25rem;
}

.pm-business-hero__outcome {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1rem;
  border: 1px solid #ddd4ea;
  background: #faf8fc;
  text-align: center;
}

.pm-business-hero__outcome strong {
  color: #6c3a8b;
}

.pm-business-hero__outcome span {
  color: #555;
  font-size: 0.95rem;
  line-height: 1.4;
}

.pm-business-hero__note {
  margin: 1rem 0 0;
  color: #777;
  font-size: 0.8rem;
  line-height: 1.4;
  text-align: center;
}

@media (max-width: 900px) {
  .pm-business-hero__inner {
    grid-template-columns: 1fr;
  }

  .pm-business-hero__content {
    max-width: none;
  }
}

@media (max-width: 620px) {
  .pm-business-hero {
    padding: 3rem 0;
  }

  .pm-business-hero__flow {
    flex-direction: column;
  }

  .pm-business-hero__arrow {
    justify-content: center;
    transform: rotate(90deg);
  }

  .pm-business-hero__outcomes {
    grid-template-columns: 1fr;
  }

  .pm-business-hero__actions {
    flex-direction: column;
  }

  .pm-business-hero__button {
    width: 100%;
  }
}

/* ==========================================================
   How Persometrics works
   ========================================================== */

.pm-business-process {
  padding: clamp(3.5rem, 7vw, 6.5rem) 0;
  background: #fff;
  color: #333;
}

.pm-business-process__inner {
  width: min(100% - 2rem, 1200px);
  margin: 0 auto;
}

.pm-business-process__header {
  max-width: 820px;
  margin: 0 auto 3rem;
  text-align: center;
}

.pm-business-process__eyebrow,
.pm-business-process__label {
  margin: 0 0 0.6rem;
  color: #b74173;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pm-business-process__header h2 {
  margin: 0;
  color: #303030;
  font-size: clamp(2rem, 4vw, 3.4rem);
  font-weight: 500;
  line-height: 1.15;
}

.pm-business-process__header > p:last-child {
  margin: 1.2rem 0 0;
  color: #555;
  font-size: 1.08rem;
  line-height: 1.7;
}

.pm-business-process__steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-business-process__step {
  position: relative;
  padding: 1.5rem;
  border: 1px solid #dfe8e6;
  background: #f7fbfa;
}

.pm-business-process__step:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -0.8rem;
  z-index: 2;
  color: #b74173;
  content: "→";
  font-size: 1.4rem;
  transform: translateY(-50%);
}

.pm-business-process__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-bottom: 1rem;
  border-radius: 50%;
  background: linear-gradient(
    to bottom,
    #bc4979 0%,
    #b74173 55%,
    #af3d6e 100%
  );
  color: #fff;
  font-weight: 700;
}

.pm-business-process__step h3 {
  margin: 0;
  color: #333;
  font-size: 1.05rem;
  line-height: 1.35;
}

.pm-business-process__step p {
  margin: 0.75rem 0 0;
  color: #5c5c5c;
  font-size: 0.94rem;
  line-height: 1.55;
}

.pm-business-process__outcomes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}

.pm-business-process__outcome {
  padding: 1.75rem;
  border: 1px solid #ddc9e7;
  background: #faf8fc;
}

.pm-business-process__outcome:last-child {
  border-color: #cfe3df;
  background: #f5fbfa;
}

.pm-business-process__outcome h3 {
  margin: 0;
  color: #333;
  font-size: 1.35rem;
}

.pm-business-process__outcome p:not(.pm-business-process__label) {
  margin: 0.9rem 0 0;
  color: #555;
  line-height: 1.65;
}

.pm-business-process__outcome strong {
  display: block;
  margin-top: 1rem;
  color: #333;
}

.pm-business-process__footnote {
  max-width: 800px;
  margin: 1.25rem auto 0;
  color: #737373;
  font-size: 0.85rem;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 1050px) {
  .pm-business-process__steps {
    grid-template-columns: 1fr;
  }

  .pm-business-process__step:not(:last-child)::after {
    top: auto;
    right: 50%;
    bottom: -1.25rem;
    transform: translateX(50%) rotate(90deg);
  }
}

@media (max-width: 700px) {
  .pm-business-process {
    padding: 3rem 0;
  }

  .pm-business-process__outcomes {
    grid-template-columns: 1fr;
  }
}

.pm-business-process__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin: 0 auto 0.85rem;
  border-radius: 50%;
  background: #f3e4eb;
  color: #b74173;
}

.pm-business-process__icon svg {
  width: 26px;
  height: 26px;
}
/* ==========================================================
   Psychometrics + biomarkers diagram
   ========================================================== */

.pm-business-science {
  padding: clamp(3.5rem, 7vw, 6.5rem) 0;
  background: #f8f8f8;
  color: #333;
}

.pm-business-science__inner {
  width: min(100% - 2rem, 1200px);
  margin: 0 auto;
}

.pm-business-science__header {
  max-width: 820px;
  margin: 0 auto 3rem;
  text-align: center;
}

.pm-business-science__eyebrow {
  margin: 0 0 0.6rem;
  color: #b74173;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pm-business-science__header h2 {
  margin: 0;
  color: #303030;
  font-size: clamp(2rem, 4vw, 3.35rem);
  font-weight: 500;
  line-height: 1.15;
}

.pm-business-science__header > p:last-child {
  margin: 1.2rem 0 0;
  color: #555;
  font-size: 1.08rem;
  line-height: 1.7;
}

.pm-business-science__diagram {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    52px
    minmax(0, 0.9fr)
    52px
    minmax(0, 1fr);
  grid-template-areas:
    "questionnaire arrow-one centre arrow-two report"
    "biomarker arrow-three centre arrow-two report";
  align-items: center;
  gap: 1rem;
}

.pm-business-science__source,
.pm-business-science__centre,
.pm-business-science__report {
  padding: 1.75rem;
  border: 1px solid #e0d2d8;
  background: #fff;
  text-align: center;
  box-shadow: 0 8px 28px rgb(0 0 0 / 4%);
}

.pm-business-science__source {
  grid-area: questionnaire;
}

.pm-business-science__source--biomarkers {
  grid-area: biomarker;
}

.pm-business-science__centre {
  grid-area: centre;
  border-color: #cf8eab;
  background:
    linear-gradient(
      145deg,
      rgb(183 65 115 / 9%),
      rgb(255 255 255 / 96%)
    );
}

.pm-business-science__report {
  grid-area: report;
  border-color: #cce1dd;
  background: #f7fbfa;
}

.pm-business-science__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin-bottom: 1rem;
  border-radius: 50%;
  background: #f3e4eb;
  color: #b74173;
}

.pm-business-science__report .pm-business-science__icon {
  background: #e6f2f0;
  color: #397e75;
}

.pm-business-science__icon svg {
  width: 29px;
  height: 29px;
}

.pm-business-science__source h3,
.pm-business-science__centre h3,
.pm-business-science__report h3 {
  margin: 0;
  color: #333;
  font-size: 1.2rem;
  line-height: 1.35;
}

.pm-business-science__source p,
.pm-business-science__centre p,
.pm-business-science__report p {
  margin: 0.8rem 0 0;
  color: #5b5b5b;
  line-height: 1.6;
}

.pm-business-science__connector {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b74173;
}

.pm-business-science__connector svg {
  display: block;
  width: 40px;
  height: 24px;
}

.pm-business-science__mark {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-bottom: 1rem;
}

.pm-business-science__mark span {
  display: block;
  width: 9px;
  border-radius: 999px;
  background: linear-gradient(
    to bottom,
    #bc4979,
    #af3d6e
  );
}

.pm-business-science__mark span:nth-child(1) {
  height: 30px;
}

.pm-business-science__mark span:nth-child(2) {
  height: 46px;
}

.pm-business-science__mark span:nth-child(3) {
  height: 36px;
}

.pm-business-science__trust {
  margin: 2rem 0 0;
  color: #666;
  text-align: center;
  font-size: 0.95rem;
}

@media (max-width: 900px) {
  .pm-business-science__diagram {
    grid-template-columns: 1fr;
    grid-template-areas:
      "questionnaire"
      "biomarker"
      "centre"
      "report";
  }

  .pm-business-science__connector {
    display: none;
  }
}

@media (max-width: 700px) {
  .pm-business-science {
    padding: 3rem 0;
  }
} 

/* ==========================================================
   Confidentiality
   ========================================================== */

.pm-business-confidentiality {
  padding: clamp(3.5rem, 7vw, 6.5rem) 0;
  background: #fff;
  color: #333;
}

.pm-business-confidentiality__inner {
  width: min(100% - 2rem, 1120px);
  margin: 0 auto;
}

.pm-business-confidentiality__header {
  max-width: 800px;
  margin: 0 auto 3rem;
  text-align: center;
}

.pm-business-confidentiality__eyebrow,
.pm-business-confidentiality__label {
  margin: 0 0 0.6rem;
  color: #b74173;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pm-business-confidentiality__header h2 {
  margin: 0;
  color: #303030;
  font-size: clamp(2rem, 4vw, 3.35rem);
  font-weight: 500;
  line-height: 1.15;
}

.pm-business-confidentiality__header > p:last-child {
  margin: 1.2rem 0 0;
  color: #555;
  font-size: 1.08rem;
  line-height: 1.7;
}

.pm-business-confidentiality__diagram {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    120px
    minmax(0, 1fr);
  align-items: center;
  gap: 1.5rem;
}

.pm-business-confidentiality__card {
  height: 100%;
  padding: 2rem;
  border: 1px solid #e0d2d8;
  background: #fff;
  box-shadow: 0 8px 28px rgb(0 0 0 / 4%);
}

.pm-business-confidentiality__card--employer {
  border-color: #cfe3df;
  background: #f7fbfa;
}

.pm-business-confidentiality__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin-bottom: 1rem;
  border-radius: 50%;
  background: #f3e4eb;
  color: #b74173;
}

.pm-business-confidentiality__card--employer
  .pm-business-confidentiality__icon {
  background: #e6f2f0;
  color: #397e75;
}

.pm-business-confidentiality__icon svg {
  width: 29px;
  height: 29px;
}

.pm-business-confidentiality__card h3 {
  margin: 0;
  color: #333;
  font-size: 1.35rem;
  line-height: 1.35;
}

.pm-business-confidentiality__card ul {
  margin: 1.2rem 0 0;
  padding: 0;
  list-style: none;
}

.pm-business-confidentiality__card li {
  position: relative;
  margin-top: 0.7rem;
  padding-left: 1.45rem;
  color: #555;
  line-height: 1.5;
}

.pm-business-confidentiality__card li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #b74173;
  content: "✓";
  font-weight: 700;
}

.pm-business-confidentiality__card--employer li::before {
  color: #397e75;
}

.pm-business-confidentiality__card strong {
  display: block;
  margin-top: 1.4rem;
  color: #333;
  line-height: 1.5;
}

.pm-business-confidentiality__lock {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.65rem;
  color: #b74173;
  font-weight: 700;
  text-align: center;
}

.pm-business-confidentiality__lock svg {
  width: 58px;
  height: 58px;
}

.pm-business-confidentiality__notice {
  display: flex;
  align-items: center;
  gap: 1rem;
  max-width: 860px;
  margin: 2rem auto 0;
  padding: 1.25rem 1.5rem;
  border: 1px solid #d9e8e5;
  background: #f7fbfa;
}

.pm-business-confidentiality__notice svg {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  color: #397e75;
}

.pm-business-confidentiality__notice p {
  margin: 0;
  color: #555;
  line-height: 1.6;
}

@media (max-width: 800px) {
  .pm-business-confidentiality__diagram {
    grid-template-columns: 1fr;
  }

  .pm-business-confidentiality__lock {
    flex-direction: row;
    justify-content: center;
  }

  .pm-business-confidentiality__lock svg {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 700px) {
  .pm-business-confidentiality {
    padding: 3rem 0;
  }

  .pm-business-confidentiality__card {
    padding: 1.5rem;
  }

  .pm-business-confidentiality__notice {
    align-items: flex-start;
    padding: 1rem;
  }
}
/* ==========================================================
   Workplace-stress accordion content
   ========================================================== */

.pm-business-workplace-stress h3,
.pm-accordion-feature__content h3 {
  margin: 2rem 0 0.75rem;
  color: #333;
  font-size: clamp(1.2rem, 2vw, 1.55rem);
  font-weight: 600;
  line-height: 1.35;
}

.pm-accordion-feature__content h3:first-child {
  margin-top: 0;
}
/* ==========================================================
   Employee and employer deliverables
   ========================================================== */

.pm-business-deliverables {
  padding: clamp(3.5rem, 7vw, 6.5rem) 0;
  background: #f8f8f8;
  color: #333;
}

.pm-business-deliverables__inner {
  width: min(100% - 2rem, 1120px);
  margin: 0 auto;
}

.pm-business-deliverables__header {
  max-width: 800px;
  margin: 0 auto 3rem;
  text-align: center;
}

.pm-business-deliverables__eyebrow,
.pm-business-deliverables__label {
  margin: 0 0 0.6rem;
  color: #b74173;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pm-business-deliverables__header h2 {
  margin: 0;
  color: #303030;
  font-size: clamp(2rem, 4vw, 3.35rem);
  font-weight: 500;
  line-height: 1.15;
}

.pm-business-deliverables__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.pm-business-deliverables__card {
  padding: 2rem;
  border: 1px solid #e0d2d8;
  background: #fff;
  box-shadow: 0 8px 28px rgb(0 0 0 / 4%);
}

.pm-business-deliverables__card--employer {
  border-color: #cfe3df;
  background: #f7fbfa;
}

.pm-business-deliverables__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin-bottom: 1rem;
  border-radius: 50%;
  background: #f3e4eb;
  color: #b74173;
}

.pm-business-deliverables__card--employer
  .pm-business-deliverables__icon {
  background: #e6f2f0;
  color: #397e75;
}

.pm-business-deliverables__icon svg {
  width: 29px;
  height: 29px;
}

.pm-business-deliverables__card h3 {
  margin: 0;
  color: #333;
  font-size: 1.4rem;
  line-height: 1.35;
}

.pm-business-deliverables__card ul {
  margin: 1.3rem 0 0;
  padding: 0;
  list-style: none;
}

.pm-business-deliverables__card li {
  position: relative;
  margin-top: 0.75rem;
  padding-left: 1.45rem;
  color: #555;
  line-height: 1.5;
}

.pm-business-deliverables__card li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #b74173;
  content: "✓";
  font-weight: 700;
}

.pm-business-deliverables__card--employer li::before {
  color: #397e75;
}

.pm-business-deliverables__qualification {
  margin: 1.5rem 0 0;
  padding-top: 1.2rem;
  border-top: 1px solid #d9e8e5;
  color: #626262;
  font-size: 0.9rem;
  line-height: 1.55;
}

@media (max-width: 760px) {
  .pm-business-deliverables {
    padding: 3rem 0;
  }

  .pm-business-deliverables__grid {
    grid-template-columns: 1fr;
  }

  .pm-business-deliverables__card {
    padding: 1.5rem;
  }
}
/* ==========================================================
   Business call to action
   ========================================================== */

.pm-business-cta {
  padding: clamp(3.5rem, 7vw, 6rem) 0;
  background:
    linear-gradient(
      135deg,
      #f5e9ee 0%,
      #fff 52%,
      #edf6f4 100%
    );
  color: #333;
  text-align: center;
}

.pm-business-cta__inner {
  width: min(100% - 2rem, 820px);
  margin: 0 auto;
}

.pm-business-cta__eyebrow {
  margin: 0 0 0.7rem;
  color: #b74173;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pm-business-cta h2 {
  margin: 0;
  color: #303030;
  font-size: clamp(2rem, 4vw, 3.4rem);
  font-weight: 500;
  line-height: 1.15;
}

.pm-business-cta p:not(.pm-business-cta__eyebrow) {
  margin: 1.3rem auto 2rem;
  color: #555;
  font-size: 1.08rem;
  line-height: 1.7;
}
.pm-business-accordions {
  padding: 3rem 0;
  background: #fff;
}

.pm-business-accordions .pm-accordion-feature {
  margin-top: 0;
}/* ==========================================================
   Questionnaires page
   ========================================================== */

.pm-questionnaires-page {
  background: #fff;
  color: #333;
}

.pm-questionnaires-hero {
  padding: clamp(3.5rem, 7vw, 6.5rem) 0;
  background:
    linear-gradient(
      135deg,
      rgb(183 65 115 / 8%),
      rgb(255 255 255 / 96%) 50%,
      rgb(237 246 244 / 92%)
    );
}

.pm-questionnaires-hero__inner {
  width: min(100% - 2rem, 860px);
  margin: 0 auto;
  text-align: center;
}

.pm-questionnaires-hero__eyebrow {
  margin: 0 0 0.7rem;
  color: #b74173;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pm-questionnaires-hero h1 {
  margin: 0;
  color: #303030;
  font-size: clamp(2.3rem, 5vw, 4.2rem);
  font-weight: 500;
  line-height: 1.1;
}

.pm-questionnaires-hero p {
  margin: 1.2rem auto 0;
  color: #555;
  font-size: 1.08rem;
  line-height: 1.7;
}

.pm-questionnaires-list {
  padding: clamp(3rem, 6vw, 5.5rem) 0;
}

.pm-questionnaires-note {
  padding: 0 0 clamp(3.5rem, 7vw, 6rem);
}

.pm-questionnaires-note__inner {
  width: min(100% - 2rem, 860px);
  margin: 0 auto;
  padding: 1.5rem;
  border: 1px solid #d9e8e5;
  background: #f7fbfa;
}

.pm-questionnaires-note h2 {
  margin: 0;
  color: #333;
  font-size: 1.35rem;
}

.pm-questionnaires-note p {
  margin: 0.8rem 0 0;
  color: #555;
  line-height: 1.65;
}
/* ==========================================================
   Questionnaire grid
   ========================================================== */

.pm-questionnaire-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  width: min(100% - 2rem, 1200px);
  margin: 0 auto;
}


.pm-questionnaire-card {
  min-width: 0;
  border: 1px solid #e2d5db;
  background: #fff;
  box-shadow: 0 8px 28px rgb(0 0 0 / 4%);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease;
}

.pm-questionnaire-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgb(0 0 0 / 8%);
}

.pm-questionnaire-card__link,
.pm-questionnaire-card__link:visited {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.pm-questionnaire-card__image-wrap {
  overflow: hidden;
  aspect-ratio: 1;
  margin: 1rem 1rem 0;
  background: #f4f4f4;
}

.pm-questionnaire-card__image {
  display: block;
  width: 100%;
  height: 100%;
      border-radius: 6px;
  object-fit: cover;
  transition: transform 300ms ease;
}

.pm-questionnaire-card:hover .pm-questionnaire-card__image {
  transform: scale(1.025);
}

.pm-questionnaire-card__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1.4rem;
}

.pm-questionnaire-card h2 {
  margin: 0;
  color: #333;
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.3;
}

.pm-questionnaire-card__description {
  margin: 0.8rem 0 1.5rem;
  color: #5b5b5b;
  line-height: 1.6;
}

.pm-questionnaire-card__footer {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid #eee;
}

.pm-questionnaire-card__duration {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #6b6b6b;
  font-size: 0.9rem;
}

.pm-questionnaire-card__duration svg {
  width: 18px;
  height: 18px;
  color: #b74173;
}

.pm-questionnaire-card__action {
  color: #b74173;
  font-weight: 600;
  white-space: nowrap;
}

.pm-questionnaire-card__action span {
  display: inline-block;
  transition: transform 180ms ease;
}

.pm-questionnaire-card:hover .pm-questionnaire-card__action span {
  transform: translateX(5px);
}


/* ==========================================================
   Responsive
   ========================================================== */

@media (max-width: 900px) {
  .pm-questionnaire-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 580px) {
  .pm-questionnaire-grid {
    grid-template-columns: 1fr;
  }
}
/* ==========================================================
   Individual questionnaire pages
   ========================================================== */

.pm-questionnaire-detail {
  width: min(100% - 2rem, 1120px);
  margin: 0 auto;
  padding: clamp(3rem, 6vw, 6rem) 0;
  color: #333;
}

.pm-questionnaire-detail__header {
  max-width: 800px;
  margin: 0 auto 3rem;
  text-align: center;
}

.pm-questionnaire-detail__eyebrow {
  margin: 0 0 0.65rem;
  color: #b74173;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pm-questionnaire-detail__header h1 {
  margin: 0;
  color: #303030;
  font-size: clamp(2.3rem, 5vw, 4.1rem);
  font-weight: 500;
  line-height: 1.1;
}

.pm-questionnaire-detail__duration {
  margin: 1rem 0 0;
  color: #686868;
  font-size: 0.95rem;
}

.pm-questionnaire-detail__main {
  display: grid;
  grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
  align-items: start;
  gap: clamp(2rem, 5vw, 5rem);
}

.pm-questionnaire-detail__image-wrap {
  overflow: hidden;
  aspect-ratio: 1;
  padding: 1rem;
  border: 1px solid #e2d5db;
  background: #fff;
  box-shadow: 0 8px 28px rgb(0 0 0 / 4%);
}

.pm-questionnaire-detail__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pm-questionnaire-detail__content h2 {
  margin: 0 0 1.4rem;
  color: #333;
  font-size: clamp(1.7rem, 3vw, 2.5rem);
  font-weight: 500;
  line-height: 1.2;
}

.pm-questionnaire-detail__content p {
  margin: 0;
  color: #555;
  font-size: 1.03rem;
  line-height: 1.75;
}

.pm-questionnaire-detail__content p + p {
  margin-top: 1rem;
}

.pm-questionnaire-detail__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}

.pm-questionnaire-detail__notice {
  margin-top: 3rem;
  padding: 1.5rem;
  border: 1px solid #d9e8e5;
  background: #f7fbfa;
}

.pm-questionnaire-detail__notice h2 {
  margin: 0;
  color: #333;
  font-size: 1.3rem;
}

.pm-questionnaire-detail__notice p {
  margin: 0.75rem 0 0;
  color: #555;
  line-height: 1.65;
}

.pm-questionnaire-detail__notice a,
.pm-questionnaire-detail__notice a:visited {
  color: #b74173;
}

@media (max-width: 760px) {
  .pm-questionnaire-detail__main {
    grid-template-columns: 1fr;
  }

  .pm-questionnaire-detail__image-wrap {
    width: min(100%, 520px);
    margin: 0 auto;
  }

  .pm-questionnaire-detail__actions {
    flex-direction: column;
  }

  .pm-questionnaire-detail__actions .pm-button {
    width: 100%;
  }
}
.pm-questionnaire-card h2 a,
.pm-questionnaire-card h2 a:visited {
  color: inherit;
  text-decoration: none;
}

.pm-questionnaire-card h2 a:hover {
  color: var(--pm-accent);
}

.pm-questionnaire-card__image-link {
  display: block;
}

.pm-questionnaire-card__more,
.pm-questionnaire-card__more:visited {
  color: var(--pm-accent);
  font-weight: 500;
  text-decoration: none;
}

.pm-questionnaire-card__more:hover {
  text-decoration: underline;
}
.pm-button--small {
  padding: 0.55rem 1rem;
  font-size: 0.9rem;
}

.pm-questionnaire-card__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}.pm-testkits-hero img {
  display: block;
  width: 100%;
  height: auto;
}


.pm-testkits-intro {
  padding: clamp(2.5rem, 5vw, 4.5rem) 0;
}

.pm-testkits-intro__inner,
.pm-testkits-accordions {
  width: min(100% - 2rem, 1320px);
  margin: 0 auto;
}

.pm-testkits-intro__inner {
  max-width: 850px;
  text-align: center;
}

.pm-testkits-intro h1 {
  margin: 0;
  font-size: clamp(2.2rem, 4vw, 3.8rem);
  font-weight: 500;
}

.pm-testkits-intro p {
  margin: 1.2rem 0 0;
  color: #555;
  font-size: 1.08rem;
  line-height: 1.7;
}

.pm-testkits-accordions {
  padding-bottom: clamp(3rem, 6vw, 6rem);
}
/* ==========================================================
   Procedure overview
   ========================================================== */

/*.pm-procedure-overview {
  display: grid;
  grid-template-columns: minmax(220px, 330px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(1.75rem, 4vw, 3.5rem);
}*/

.pm-procedure-overview__visual img {
  display: block;
  width: 100%;
  height: auto;
}

.pm-procedure-overview__text p {
  margin: 0;
  color: #555;
  font-size: 1.03rem;
  line-height: 1.7;
}

.pm-procedure-overview__text p + p {
  margin-top: 1rem;
}
.pm-procedure-overview {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.pm-procedure-overview__image {
  display: block;
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 700px) {
  .pm-procedure-overview {
    grid-template-columns: 1fr;
  }

  .pm-procedure-overview__visual {
    width: min(100%, 360px);
    margin: 0 auto;
  }
}

/* ==========================================================
   Testkit accordion content: image + text
   ========================================================== */

.pm-testkit-detail {
  display: grid;
  grid-template-columns: minmax(220px, 330px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(1.75rem, 4vw, 3.5rem);
}

.pm-testkit-detail__visual img {
  display: block;
  width: 100%;
  height: auto;
}

.pm-testkit-detail__text p {
  margin: 0;
  color: #555;
  font-size: 1.03rem;
  line-height: 1.7;
}

.pm-testkit-detail__text p + p {
  margin-top: 1rem;
}

@media (max-width: 700px) {
  .pm-testkit-detail {
    grid-template-columns: 1fr;
  }

  .pm-testkit-detail__visual {
    width: min(100%, 360px);
    margin: 0 auto;
  }
}
/* ==========================================================
   Highlight box
   ========================================================== */

.pm-highlight-box {
  padding: 2rem;margin-bottom: 2rem;
  background: #f8fafc;
  border-left: 5px solid var(--pm-primary);
  border-radius: 10px;
}

.pm-highlight-box h2 {
  margin-top: 0;
}

.pm-check-list {
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}

.pm-check-list li {
  position: relative;
  margin-bottom: 1rem;
  padding-left: 2rem;
}

.pm-check-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--pm-primary);
  font-weight: 700;
}

.pm-instructions-cta {
  margin-top: 2rem;
  margin-bottom: 3rem;
}

/* ==========================================================
   Why test?
   ========================================================== */

.pm-why-test__hero {
  width: 100%;
  overflow: hidden;
}

.pm-why-test__hero img {
  display: block;
  width: 100%;
  height: auto;
}

.pm-why-test__content {
  max-width: 1000px;
}

.pm-why-test__content h1 {
  margin: 0 0 1.5rem;
}

.pm-why-test__content h2 {
  margin: 3.5rem 0 1rem;
}

.pm-why-test__content p {
  line-height: 1.75;
}

.pm-why-test__notice {
  margin: 2rem 0;
  padding: 1.25rem 1.5rem;
  border-left: 4px solid var(--pm-primary);
  background: #f8fafc;
  line-height: 1.65;
}

.pm-why-test__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 2rem 0 3rem;
}

/* ==========================================================
   FAQ page
   ========================================================== */

.pm-faq-section__header {
  margin-bottom: 1.5rem;
}

.pm-faq-section__header h2 {
  margin: 0;
}

.pm-faq-list {
  display: grid;
  gap: 1rem;
}

.pm-faq-contact p {
  margin-bottom: 1.5rem;
}/* ==========================================================
   About page
   ========================================================== */

.pm-about-intro {
  max-width: 1000px;
}

.pm-about-intro h2 {
  margin: 3rem 0 1rem;
}

.pm-about-intro h2:first-child {
  margin-top: 0;
}

.pm-about-intro p {
  line-height: 1.75;
}


/* Team section */

.pm-team-header {
  max-width: 800px;
  margin-bottom: 2.5rem;
}

.pm-team-header h2 {
  margin: 0 0 0.75rem;
}

.pm-team-header p {
  margin: 0;
  line-height: 1.7;
}

.pm-team-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}


/* Team cards */

.pm-team-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid rgb(0 0 0 / 7%);
  border-radius: 10px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 5%);
}

.pm-team-card__image-wrap {
  overflow: hidden;
  aspect-ratio: 4 / 5;
  background: #eee;
}

.pm-team-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.pm-team-card__content {
  padding: 1.5rem;
}

.pm-team-card h3 {
  margin: 0;
  font-size: 1.45rem;
  line-height: 1.25;
}

.pm-team-card__role {
  margin: 0.4rem 0 0;
  color: var(--pm-primary);
  font-weight: 600;
}

.pm-team-card__qualifications {
  margin: 1.25rem 0 0;
  font-weight: 600;
}

.pm-team-card__education {
  margin-top: 0.4rem;
}

.pm-team-card__education p {
  margin: 0.2rem 0;
  font-size: 0.92rem;
  line-height: 1.45;
}

.pm-team-card__bio {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgb(0 0 0 / 8%);
}

.pm-team-card__bio p {
  margin: 0;
  line-height: 1.65;
}

.pm-team-card__bio p + p {
  margin-top: 0.85rem;
}


/* Bottom sections */

.pm-about-specialists {
  max-width: 900px;
}

.pm-about-specialists p {
  line-height: 1.75;
}

.pm-about-cta {
  margin-top: 3rem;
  padding: 2rem;
  border-left: 5px solid var(--pm-primary);
  background: #f8fafc;
  border-radius: 10px;
  margin-bottom: 32px;
}

.pm-about-cta h2 {
  margin-top: 0;
}

.pm-about-cta p {
  max-width: 750px;
  margin-bottom: 1.5rem;
  line-height: 1.7;
}


/* Responsive */

@media (max-width: 1000px) {
  .pm-team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 650px) {
  .pm-team-grid {
    grid-template-columns: 1fr;
  }

  .pm-team-card__image-wrap {
    aspect-ratio: 4 / 3;
  }
}/* ==========================================================
   Scientific references
   ========================================================== */

.pm-references-intro {
  max-width: 950px;
}

.pm-references-intro h2 {
  margin-top: 0;
}

.pm-references-intro p {
  line-height: 1.75;
}

.pm-reference-groups {
  display: grid;
  gap: 1rem;
}

.pm-reference-category__description {
  margin: 0 0 1.5rem;
  max-width: 900px;
  line-height: 1.7;
}

.pm-reference-list {
  display: grid;
  gap: 1rem;
}

.pm-reference-card {
  padding: 1.25rem 1.4rem;
  border: 1px solid rgb(0 0 0 / 8%);
  border-radius: 8px;
  background: #fff;
}

.pm-reference-card__authors {
  margin: 0;
  color: #666;
  font-size: 0.92rem;
  line-height: 1.5;
}

.pm-reference-card__title {
  margin: 0.45rem 0;
  font-size: 1.08rem;
  line-height: 1.45;
}

.pm-reference-card__journal {
  margin: 0;
  color: #666;
  font-size: 0.92rem;
  font-style: italic;
}

.pm-reference-card__link,
.pm-reference-card__link:visited {
  display: inline-block;
  margin-top: 0.85rem;
  color: var(--pm-primary);
  font-weight: 600;
  text-decoration: none;
}

.pm-reference-card__link:hover,
.pm-reference-card__link:focus-visible {
  text-decoration: underline;
}

.pm-reference-category__empty {
  margin: 0;
  color: #777;
  font-style: italic;
}/* ==========================================================
   Contact page
   ========================================================== */

.pm-contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 4rem;
  align-items: start;
  max-width: 1100px;
  margin: 0 auto;
}


/* Intro */

.pm-contact-intro h2 {
  margin-top: 0;
}

.pm-contact-intro > p {
  line-height: 1.7;
}


/* Existing customer note */

.pm-contact-note {
  margin-top: 2rem;
  padding: 1.5rem;
  background: #f8fafc;
  border-left: 4px solid var(--pm-primary);
  border-radius: 8px;
}

.pm-contact-note h3 {
  margin: 0 0 0.75rem;
}

.pm-contact-note p {
  margin: 0;
  line-height: 1.65;
}

.pm-contact-note p + p {
  margin-top: 0.8rem;
}


/* Form */

.pm-contact-form-wrap {
  padding: 2rem;
  background: #fff;
  border: 1px solid rgb(0 0 0 / 8%);
  border-radius: 10px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 5%);
}

.pm-contact-form {
  display: grid;
  gap: 1.35rem;
}

.pm-contact-field {
  display: grid;
  gap: 0.45rem;
}

.pm-contact-field label {
  font-weight: 600;
}

.pm-contact-field input,
.pm-contact-field textarea {
  width: 100%;
  padding: 0.8rem 0.9rem;

  border: 1px solid #ccc;
  border-radius: 6px;

  background: #fff;
  color: var(--pm-text);

  font: inherit;

  box-sizing: border-box;
}

.pm-contact-field textarea {
  resize: vertical;
  min-height: 150px;
}

.pm-contact-field input:focus,
.pm-contact-field textarea:focus {
  outline: 2px solid rgb(183 65 115 / 20%);
  border-color: var(--pm-primary);
}


/* Honeypot */

.pm-contact-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}


/* Status */

.pm-contact-status {
  margin: 0;
  font-weight: 600;
}

.pm-contact-status--success {
  color: #26734d;
}

.pm-contact-status--error {
  color: #a52626;
}


/* Responsive */

@media (max-width: 800px) {
  .pm-contact-layout {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .pm-contact-form-wrap {
    padding: 1.5rem;
  }
}/* ==========================================================
   Privacy Policy
   ========================================================== */

.pm-privacy-hero {
  width: 100%;
  height: 300px;
  overflow: hidden;
}

.pm-privacy-hero img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.pm-privacy-content {
  max-width: 950px;
}

.pm-privacy-header {
  margin-bottom: 2rem;
}

.pm-privacy-header h1 {
  margin: 0;
}

.pm-privacy-updated {
  margin: 0.5rem 0 0;
  color: #777;
  font-size: 0.95rem;
}

.pm-privacy-content h2 {
  margin: 3.5rem 0 1rem;
}

.pm-privacy-content h3 {
  margin: 2rem 0 0.7rem;
}

.pm-privacy-content p,
.pm-privacy-content li {
  line-height: 1.75;
}

.pm-privacy-content ul {
  padding-left: 1.4rem;
}

.pm-privacy-content li + li {
  margin-top: 0.45rem;
}

.pm-privacy-content address {
  margin-top: 1rem;
  font-style: normal;
  line-height: 1.7;
}

.pm-privacy-content a,
.pm-privacy-content a:visited {
  color: var(--pm-primary);
}

@media (max-width: 700px) {
  .pm-privacy-hero {
    height: 180px;
  }
}

.pm-terms-content {
  max-width: 950px;
}

.pm-terms-updated {
  margin: 0 0 2rem;
  color: #777;
  font-size: 0.95rem;
}

.pm-terms-content h2 {
  margin: 3.5rem 0 1rem;
}

.pm-terms-content p,
.pm-terms-content li {
  line-height: 1.75;
}

.pm-terms-content address {
  margin-top: 1rem;
  font-style: normal;
  line-height: 1.7;
}

.pm-terms-content a,
.pm-terms-content a:visited {
  color: var(--pm-primary);
}

.pm-delivery-content {
  max-width: 950px;
}

.pm-delivery-content h2 {
  margin: 3.5rem 0 1rem;
}

.pm-delivery-content h2:first-child {
  margin-top: 0;
}

.pm-delivery-content p {
  line-height: 1.75;
}

.pm-delivery-content a,
.pm-delivery-content a:visited {
  color: var(--pm-primary);
}

.pm-delivery-cta {
  margin-top: 3.5rem;
  margin-bottom: 3rem;
  padding: 2rem;
  border-left: 5px solid var(--pm-primary);
  background: #f8fafc;
  border-radius: 10px;
}

.pm-delivery-cta h2 {
  margin-top: 0;
}

.pm-delivery-cta .pm-button,
.pm-delivery-cta .pm-button:link,
.pm-delivery-cta .pm-button:visited,
.pm-delivery-cta .pm-button:hover,
.pm-delivery-cta .pm-button:active {
  color: #fff;
  text-decoration: none;
}/* ==========================================================
   Wellness journey pages
   ========================================================== */

.pm-journey-intro,
.pm-journey-more {
  max-width: 950px;
}

.pm-journey-intro h2,
.pm-journey-more h2 {
  margin-top: 0;
}

.pm-journey-intro p,
.pm-journey-more p {
  line-height: 1.75;
}


/* Notice */

.pm-journey-notice {
  margin-top: 2rem;
  padding: 1.25rem 1.5rem;
  border-left: 4px solid var(--pm-primary);
  background: #f8fafc;
  line-height: 1.7;
}


/* Featured product */

.pm-product-feature {
  max-width: 950px;
  padding: 2.5rem;
  background: #fff;
  border: 1px solid rgb(0 0 0 / 8%);
  border-radius: 12px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 5%);
}

.pm-product-feature__eyebrow {
  margin: 0 0 0.5rem;
  color: var(--pm-primary);
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pm-product-feature h2 {
  margin: 0;
}

.pm-product-feature__price {
  margin: 0.8rem 0 1.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.pm-product-feature__content > p {
  line-height: 1.7;
}

.pm-product-feature__list {
  margin: 1.5rem 0;
  padding-left: 1.25rem;
}

.pm-product-feature__list li {
  line-height: 1.6;
}

.pm-product-feature__list li + li {
  margin-top: 0.45rem;
}


/* Buttons */

.pm-product-feature__actions,
.pm-journey-more__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}

.pm-product-feature__actions .pm-button,
.pm-product-feature__actions .pm-button:visited,
.pm-journey-more__actions .pm-button,
.pm-journey-more__actions .pm-button:visited {
  text-decoration: none;
}

.pm-product-feature__actions .pm-button--primary,
.pm-product-feature__actions .pm-button--primary:visited,
.pm-journey-more__actions .pm-button--primary,
.pm-journey-more__actions .pm-button--primary:visited {
  color: #fff;
}


/* Responsive */

@media (max-width: 700px) {
  .pm-product-feature {
    padding: 1.5rem;
  }

  .pm-product-feature__actions,
  .pm-journey-more__actions {
    flex-direction: column;
    align-items: flex-start;
  }
}/* ==========================================================
   Stress & Burnout journey
   ========================================================== */


/* Hero */

.pm-stress-hero {
  position: relative;
  height: clamp(340px, 42vw, 560px);
  overflow: hidden;
}

.pm-stress-hero > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.pm-stress-hero__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: end;
  padding-bottom: 3rem;
  background:
    linear-gradient(
      to top,
      rgb(0 0 0 / 55%),
      rgb(0 0 0 / 5%) 65%
    );
}

.pm-stress-hero__text {
  max-width: 720px;
  color: #fff;
}

.pm-stress-hero__text h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.5rem, 5vw, 4.4rem);
}

.pm-stress-hero__text p {
  max-width: 650px;
  margin: 0.8rem 0 0;
  font-size: 1.2rem;
  line-height: 1.55;
}


/* Main content */

.pm-journey-notice {
  margin-bottom: 2rem;
}

.pm-stress-content {
  max-width: 1000px;
}

.pm-stress-content h2 {
  margin-top: 0;
}

.pm-stress-content p {
  line-height: 1.75;
}


/* Cortisol graphic */

.pm-cortisol-section {
  margin: 3.5rem 0;
}

.pm-cortisol-section__intro {
  margin-bottom: 1.5rem;
}

.pm-cortisol-section__intro h2 {
  margin: 0 0 0.5rem;
}

.pm-cortisol-section__intro p {
  max-width: 800px;
  margin: 0;
}

/*
.pm-cortisol-graphic {
  margin: 3rem 0;
  padding: 2rem;
  background: #fff;
  border: 1px solid rgb(0 0 0 / 8%);
  border-radius: 12px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 4%);
}
*/

/*
.pm-cortisol-graphic__heading {
  max-width: 700px;
  margin-bottom: 1rem;
}
*/

.pm-cortisol-graphic__heading h3 {
  margin: 0;
}

.pm-cortisol-graphic__heading p {
  margin: 0.5rem 0 0;
}

.pm-cortisol-chart {
  display: block;
  width: 100%;
  height: auto;
}

.pm-chart-axis {
  stroke: #aaa;
  stroke-width: 1.5;
}

.pm-cortisol-chart__curve {
  fill: none;
  stroke: var(--pm-primary);
  stroke-width: 5;
  stroke-linecap: round;
}

.pm-cortisol-chart__point {
  fill: var(--pm-primary);
}

.pm-cortisol-chart__guide {
  stroke: #aaa;
  stroke-width: 1.5;
  stroke-dasharray: 5 5;
}

.pm-cortisol-chart__annotation {
  fill: #555;
  font-size: 16px;
}


/* Product */

.pm-stress-product {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: start;
}

.pm-stress-product__content h2 {
  margin: 0;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
}

.pm-stress-product__content > p {
  line-height: 1.7;
}

.pm-stress-product__price {
  margin: 0.75rem 0 1.5rem;
  color: var(--pm-primary);
  font-size: 1.7rem;
  font-weight: 700;
}

.pm-stress-product__content h3 {
  margin: 2rem 0 0.8rem;
}

.pm-stress-product__list {
  padding-left: 1.25rem;
}

.pm-stress-product__list li {
  line-height: 1.55;
}

.pm-stress-product__list li + li {
  margin-top: 0.45rem;
}

.pm-stress-product__actions,
.pm-stress-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.pm-stress-product__actions .pm-button--primary,
.pm-stress-product__actions .pm-button--primary:visited,
.pm-stress-links .pm-button--primary,
.pm-stress-links .pm-button--primary:visited {
  color: #fff;
}


/* Carousel */

.pm-product-carousel__stage {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #fff;
  border: 1px solid rgb(0 0 0 / 8%);
  border-radius: 10px;
}

.pm-product-carousel__image {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pm-product-carousel__image.is-active {
  display: block;
}

.pm-product-carousel__arrow {
  position: absolute;
  top: 50%;
  width: 42px;
  height: 42px;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  background: rgb(255 255 255 / 90%);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 3px 14px rgb(0 0 0 / 15%);
  transform: translateY(-50%);
}

.pm-product-carousel__arrow--previous {
  left: 0.75rem;
}

.pm-product-carousel__arrow--next {
  right: 0.75rem;
}

.pm-product-carousel__thumbnails {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.7rem;
  margin-top: 0.8rem;
}

.pm-product-carousel__thumbnail {
  overflow: hidden;
  padding: 0;
  aspect-ratio: 1 / 1;
  cursor: pointer;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 6px;
}

.pm-product-carousel__thumbnail.is-active {
  border-color: var(--pm-primary);
}

.pm-product-carousel__thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* Mobile */

@media (max-width: 800px) {
  .pm-stress-product {
    grid-template-columns: 1fr;
  }

  .pm-stress-hero {
    height: 380px;
  }

  /*
  .pm-cortisol-graphic {
    padding: 1rem;
  }
  */
}


/* Original cortisol chart */

.pm-cortisol-chart-original {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 430px;
  margin: 2.5rem 0 3rem;
  padding: 1.5rem;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 18px 40px rgb(0 0 0 / 12%);
}

.pm-cortisol-chart-original canvas {
  width: 100% !important;
  height: 100% !important;
}

.pm-cortisol-chart-mobile-message {
  display: none;
}


/* Show the notice whenever the available screen is too narrow. */

@media screen and (max-width: 700px) {
  .pm-cortisol-chart-original {
    display: none !important;
    height: 330px;
    padding: 0.75rem;
  }

  .pm-cortisol-chart-mobile-message {
    display: block !important;
    margin: 2rem 0 3rem;
    padding: 2rem;
    text-align: center;
    background: #f8fafc;
    border-left: 5px solid var(--pm-primary);
    border-radius: 10px;
  }

  .pm-cortisol-chart-mobile-message p {
    margin: 0;
    line-height: 1.6;
  }

  .pm-cortisol-chart-mobile-message p + p {
    margin-top: 0.75rem;
  }
}/* ==========================================================
   Hormones & Performance
   ========================================================== */


/* Hero */

.pm-sports-hero {
  position: relative;
  height: clamp(340px, 42vw, 560px);
  overflow: hidden;
}

.pm-sports-hero > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.pm-sports-hero__overlay {
  position: absolute;
  inset: 0;

  display: flex;
  align-items: end;

  padding-bottom: 3rem;

  background:
    linear-gradient(
      to top,
      rgb(0 0 0 / 55%),
      rgb(0 0 0 / 5%) 65%
    );
}

.pm-sports-hero__text {
  max-width: 720px;
  color: #fff;
}

.pm-sports-hero__text h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.5rem, 5vw, 4.4rem);
}

.pm-sports-hero__text p {
  max-width: 650px;
  margin: 0.8rem 0 0;

  font-size: 1.2rem;
  line-height: 1.55;
}


/* General content */

.pm-sports-content {
  max-width: 1000px;
}

.pm-sports-content h2 {
  margin-top: 0;
}

.pm-sports-content p {
  line-height: 1.75;
}


/* Product */

.pm-sports-product {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);

  gap: clamp(2rem, 5vw, 4.5rem);

  align-items: start;
}

.pm-sports-product__content h2 {
  margin: 0;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
}

.pm-sports-product__content > p {
  line-height: 1.7;
}

.pm-sports-product__price {
  margin: 0.75rem 0 1.5rem;

  color: var(--pm-primary);
  font-size: 1.7rem;
  font-weight: 700;
}

.pm-sports-product__content h3 {
  margin: 2rem 0 0.8rem;
}

.pm-sports-product__list {
  padding-left: 1.25rem;
}

.pm-sports-product__list li {
  line-height: 1.55;
}

.pm-sports-product__list li + li {
  margin-top: 0.45rem;
}


/* Buttons */

.pm-sports-product__actions,
.pm-sports-links {
  display: flex;
  flex-wrap: wrap;

  gap: 1rem;

  margin-top: 2rem;
}

.pm-sports-product__actions .pm-button--primary,
.pm-sports-product__actions .pm-button--primary:visited,
.pm-sports-links .pm-button--primary,
.pm-sports-links .pm-button--primary:visited {
  color: #fff;
}

.pm-sports-links {
  margin-bottom: 3rem;
}


/* Expanded information */

.pm-sports-more h3 {
  margin: 2rem 0 0.6rem;
}

.pm-sports-more h3:first-child {
  margin-top: 0;
}

.pm-sports-more p {
  line-height: 1.7;
}


/* Mobile */

@media (max-width: 800px) {

  .pm-sports-product {
    grid-template-columns: 1fr;
  }

  .pm-sports-hero {
    height: 380px;
  }
}/* ==========================================================
   Product detail pages
   ========================================================== */

.pm-product-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: start;
}

.pm-product-detail__content h1 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.15;
}

.pm-product-detail__price {
  margin: 0.8rem 0 1.5rem;
  color: var(--pm-primary);
  font-size: 1.8rem;
  font-weight: 700;
}

.pm-product-detail__lead {
  font-size: 1.15rem;
  line-height: 1.65;
}

.pm-product-detail__content > p {
  line-height: 1.7;
}

.pm-product-detail__content h2 {
  margin: 2rem 0 0.8rem;
  font-size: 1.3rem;
}

.pm-product-detail__list {
  margin: 0;
  padding-left: 1.25rem;
}

.pm-product-detail__list li {
  line-height: 1.55;
}

.pm-product-detail__list li + li {
  margin-top: 0.45rem;
}


/* Purchase */

.pm-product-detail__purchase {
  margin-top: 2rem;
}

.pm-product-detail__purchase .pm-button {
  font-size: 1.05rem;
}

.pm-product-detail__purchase .pm-button:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.pm-product-detail__purchase-note {
  margin: 0.7rem 0 0;
  color: #777;
  font-size: 0.9rem;
}


/* Quick summary */

.pm-product-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.pm-product-summary > div {
  padding: 1.3rem;
  background: #fff;
  border: 1px solid rgb(0 0 0 / 8%);
  border-radius: 8px;
}

.pm-product-summary strong,
.pm-product-summary span {
  display: block;
}

.pm-product-summary strong {
  margin-bottom: 0.4rem;
  color: var(--pm-primary);
}

.pm-product-summary span {
  line-height: 1.45;
}


/* Accordion area */

.pm-product-information {
  max-width: 1050px;
}

.pm-product-information > h2 {
  margin-top: 0;
}

.pm-product-information__intro {
  max-width: 800px;
  margin-bottom: 2rem;
  line-height: 1.7;
}

.pm-product-information .pm-accordion-feature + .pm-accordion-feature {
  margin-top: 1rem;
}


/* Final section */

.pm-product-next {
  max-width: 950px;
  padding-bottom: 3rem;
}

.pm-product-next h2 {
  margin-top: 0;
}

.pm-product-next p {
  line-height: 1.7;
}

.pm-product-next__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}

.pm-product-next__actions .pm-button--primary,
.pm-product-next__actions .pm-button--primary:visited {
  color: #fff;
}


/* Mobile */

@media (max-width: 800px) {

  .pm-product-detail {
    grid-template-columns: 1fr;
  }

  .pm-product-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 500px) {

  .pm-product-summary {
    grid-template-columns: 1fr;
  }

  .pm-product-next__actions {
    flex-direction: column;
    align-items: flex-start;
  }
}
/* ==========================================================
   Report metrics
   ========================================================== */

.pm-report-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 2.5rem;
}

.pm-report-metrics__group {
  padding: 2rem;
  background: #fff;
  border: 1px solid rgb(0 0 0 / 8%);
  border-radius: 12px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 5%);
}

.pm-report-metrics__eyebrow {
  margin: 0 0 0.4rem;
  color: var(--pm-primary);
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.pm-report-metrics__group h3 {
  margin: 0 0 1rem;
}

.pm-report-metrics__group ul {
  margin: 0;
  padding-left: 1.2rem;
}

.pm-report-metrics__group li {
  line-height: 1.55;
}

.pm-report-metrics__group li + li {
  margin-top: 0.4rem;
}

@media (max-width: 850px) {
  .pm-report-metrics {
    grid-template-columns: 1fr;
  }
}.pm-cookie-notice {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
  z-index: 1001;
  max-width: 760px;
  margin: 0 auto;
  padding: 1.25rem;
  color: #26324a;
  background: #fff;
  border: 1px solid rgba(98, 104, 131, 0.25);
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(30, 42, 70, 0.18);
}

.pm-cookie-notice[hidden] {
  display: none;
}

.pm-cookie-notice__content {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  justify-content: space-between;
}

.pm-cookie-notice h2 {
  margin: 0 0 0.35rem;
  font-size: 1.1rem;
}

.pm-cookie-notice p {
  margin: 0;
  line-height: 1.5;
}

.pm-cookie-notice a {
  white-space: nowrap;
}

.pm-cookie-notice__button {
  flex: 0 0 auto;
  padding: 0.75rem 1.1rem;
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  background: var(--pm-primary);
  border: 0;
  border-radius: 8px;
}

.pm-cookie-notice__button:hover,
.pm-cookie-notice__button:focus-visible {
  filter: brightness(0.9);
}

@media (max-width: 640px) {
  .pm-cookie-notice {
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  .pm-cookie-notice__content {
    display: block;
  }

  .pm-cookie-notice__button {
    width: 100%;
    margin-top: 1rem;
  }
}

/* Protect the cookie notice from legacy desktop style overrides. */
html body .pm-cookie-notice {
  position: fixed !important;
  right: 1.25rem !important;
  bottom: 1.25rem !important;
  left: 1.25rem !important;
  z-index: 10000 !important;

  display: block;
  box-sizing: border-box;
  width: auto;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 1.25rem !important;

  color: #26324a !important;
  background: #fff !important;
  border: 1px solid rgba(98, 104, 131, 0.25) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(30, 42, 70, 0.18) !important;
}

html body .pm-cookie-notice[hidden] {
  display: none !important;
}

html body .pm-cookie-notice__content {
  display: flex !important;
  gap: 1.5rem !important;
  align-items: center !important;
  justify-content: space-between !important;
}

html body .pm-cookie-notice h2 {
  margin: 0 0 0.35rem !important;
  color: #26324a !important;
  font-size: 1.1rem !important;
  line-height: 1.3 !important;
}

html body .pm-cookie-notice p {
  margin: 0 !important;
  color: #26324a !important;
  line-height: 1.5 !important;
}

html body .pm-cookie-notice__button {
  flex: 0 0 auto !important;
  padding: 0.75rem 1.1rem !important;
  color: #fff !important;
  font: inherit !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  background: var(--pm-primary) !important;
  border: 0 !important;
  border-radius: 8px !important;
}

@media (max-width: 640px) {
  html body .pm-cookie-notice {
    right: 0.75rem !important;
    bottom: 0.75rem !important;
    left: 0.75rem !important;
  }

  html body .pm-cookie-notice__content {
    display: block !important;
  }

  html body .pm-cookie-notice__button {
    width: 100% !important;
    margin-top: 1rem !important;
  }
}