/* Geist, self-hosted (SIL Open Font License), latin subset */ @font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/geist-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/geist-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/geist-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:Geist;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/geist-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} /* Apps Corridor stylesheet. Tokens in :root; theme tokens (--btn, --hl, --link) near the end drive buttons, highlights and links in light and dark mode. */ /* ---- AOS 2.3.1 (scroll animations), self-hosted ---- */ [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)} /* ---- Base rules carried over from the legacy stylesheet (only those matching v1 markup, in original order) ---- */ html{font-family: sans-serif; text-size-adjust: 100%;} body{margin: 0px;} article, footer, header, main, nav, section{display: block;} [hidden]{display: none;} a{background-color: transparent;} a:active, a:hover{outline: 0px;} b{font-weight: bold;} h1{font-size: 2em; margin: 0.67em 0px;} small{font-size: 80%;} img{border: 0px;} svg:not(:root){overflow: hidden;} button, input, select, textarea{color: inherit; font: inherit; margin: 0px;} button{overflow: visible;} button, select{text-transform: none;} button{appearance: button; cursor: pointer;} input{line-height: normal;} input[type="checkbox"]{box-sizing: border-box; padding: 0px;} textarea{overflow: auto;} :root{--bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-body-color-rgb: 33,37,41; --bs-body-bg-rgb: 255,255,255; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd;} *, ::after, ::before{box-sizing: border-box;} @media (prefers-reduced-motion: no-preference) { :root{scroll-behavior: smooth;} } body{margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;} h1, h2, h3{margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2;} h1{font-size: calc(1.375rem + 1.5vw);} @media (min-width: 1200px) { h1{font-size: 2.5rem;} } h2{font-size: calc(1.325rem + 0.9vw);} @media (min-width: 1200px) { h2{font-size: 2rem;} } h3{font-size: calc(1.3rem + 0.6vw);} @media (min-width: 1200px) { h3{font-size: 1.75rem;} } p{margin-top: 0px; margin-bottom: 1rem;} ol, ul{padding-left: 2rem;} dl, ol, ul{margin-top: 0px; margin-bottom: 1rem;} dt{font-weight: 700;} dd{margin-bottom: 0.5rem; margin-left: 0px;} blockquote{margin: 0px 0px 1rem;} b{font-weight: bolder;} small{font-size: 0.875em;} a{color: var(--bs-link-color); text-decoration: underline;} a:hover{color: var(--bs-link-hover-color);} a:not([href]):not([class]), a:not([href]):not([class]):hover{color: inherit; text-decoration: none;} img, svg{vertical-align: middle;} label{display: inline-block;} button{border-radius: 0px;} button:focus:not(:focus-visible){outline: 0px;} button, input, select, textarea{margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit;} button, select{text-transform: none;} select{overflow-wrap: normal;} select:disabled{opacity: 1;} [type="button"], [type="submit"], button{appearance: button;} [type="button"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled){cursor: pointer;} textarea{resize: vertical;} ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field{padding: 0px;} ::-webkit-inner-spin-button{height: auto;} ::-webkit-search-decoration{appearance: none;} ::-webkit-color-swatch-wrapper{padding: 0px;} ::-webkit-file-upload-button{font: inherit; appearance: button;} ::file-selector-button{font: inherit; appearance: button;} [hidden]{display: none !important;} .lead{font-size: 1.25rem; font-weight: 300;} .container{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto;} @media (min-width: 576px) { .container{max-width: 540px;} } @media (min-width: 768px) { .container{max-width: 720px;} } @media (min-width: 992px) { .container{max-width: 960px;} } @media (min-width: 1200px) { .container{max-width: 1140px;} } @media (min-width: 1400px) { .container{max-width: 1320px;} } .btn{--bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 0.375rem; --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} @media (prefers-reduced-motion: reduce) { .btn{transition: none;} } .btn:hover{color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color);} .btn:focus-visible{color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0px; box-shadow: var(--bs-btn-focus-box-shadow);} .btn:first-child:active{color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color);} .btn:first-child:active:focus-visible{box-shadow: var(--bs-btn-focus-box-shadow);} .btn:disabled{color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity);} .badge{--bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: 0.375rem; display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius);} .badge:empty{display: none;} .border{border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;} .fab{-webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;} .fab{font-family: "Font Awesome 5 Brands";} html{box-sizing: border-box;} *, ::before, ::after{box-sizing: inherit;} *{max-height: 1e+06px;} body{color: rgb(0, 0, 0); background: rgb(255, 255, 255); font: 16px / 1.2 Arial, "Helvetica Neue", Helvetica, sans-serif; min-width: 320px; -webkit-font-smoothing: antialiased;} img{max-width: 100%; height: auto;} @media only screen and (min-width: 1025px) { a[href^="tel"]{cursor: default; pointer-events: none;} } ::-webkit-input-placeholder{color: rgb(102, 102, 102);} h1, h2, h3{font-family: inherit; font-weight: bold; margin: 0px 0px 0.7em; color: rgb(0, 0, 0);} body[class*="dark-mode"] h1, body[class*="dark-mode"] h2, body[class*="dark-mode"] h3{color: rgb(255, 255, 255);} h1 span, h2 span{color: rgb(41, 139, 106);} body[class*="dark-mode"] h1 span, body[class*="dark-mode"] h2 span{color: rgb(255, 255, 255);} h1{font-size: 60px;} @media (max-width: 1199px) { h1{font-size: 50px;} } @media (max-width: 991px) { h1{font-size: 40px;} } @media (max-width: 767px) { h1{font-size: 34px;} } h2{font-size: 47px;} @media (max-width: 991px) { h2{font-size: 38px;} } @media (max-width: 767px) { h2{font-size: 30px;} } h3{font-size: 30px;} @media (max-width: 767px) { h3{font-size: 26px;} } p{margin: 0px 0px 1.3em;} a{color: rgb(51, 153, 255);} a:hover, a:focus{text-decoration: none;} form{margin: 0px; padding: 0px; border-style: none;} input[type="text"], input[type="tel"], input[type="email"], textarea{appearance: none; border-radius: 0px; border: 1px solid transparent; padding: 0px 20px 0px 50px; background: rgba(255, 96, 61, 0.05); display: block; width: 100%; height: 44px; line-height: 42px; font-size: 14px; color: rgb(41, 139, 106); box-sizing: border-box;} input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus{background: rgba(255, 96, 61, 0.1); border-color: rgba(255, 96, 61, 0.1); color: rgb(41, 139, 106); outline: none; box-shadow: none;} input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: rgb(153, 153, 153);} select{border-radius: 0px;} textarea{resize: none; vertical-align: top; height: 290px; line-height: 20px; padding-top: 15px; padding-bottom: 15px;} button{appearance: none; border-radius: 0px; cursor: pointer;} button, .btn{display: inline-block; font-size: 13px; font-weight: 500; margin-bottom: 0px; padding: 0px 25px; height: 50px; line-height: 44px; text-align: center; text-transform: uppercase; touch-action: manipulation; transition: 0.3s; letter-spacing: 2px; border-radius: 30px; background: rgb(41, 139, 106); color: rgb(255, 255, 255); border: 3px solid transparent !important;} button:hover, .btn:hover{background: rgb(39, 32, 99); color: rgb(255, 255, 255);} .btn.border{background: transparent; color: rgb(39, 32, 99); border-color: rgb(229, 234, 253) !important;} body[class*="dark-mode"] .btn.border{color: rgb(41, 139, 106); border-color: rgb(41, 139, 106) !important;} .btn.border:hover{background: rgb(229, 234, 253) !important;} body[class*="dark-mode"] .btn.border:hover{background: rgb(41, 139, 106) !important; color: rgb(255, 255, 255) !important;} body{font-size: 15px; line-height: 24px; font-family: Geist, -apple-system, "Segoe UI", sans-serif;} body[class*="dark-mode"]{background: rgb(41, 139, 106); color: rgb(255, 255, 255);} .container{max-width: 1270px;} #wrapper{position: relative; overflow: hidden; width: 100%; transition: 0.3s;} #header{position: absolute; top: 0px; left: 0px; right: 0px; z-index: 99; transition: 0.3s; padding: 0px;} @media (max-width: 767px) { #header{padding: 0px;} } #header .container{display: flex; align-items: center; justify-content: space-between; position: relative; padding: 15px;} #header::after{position: fixed; content: ""; inset: 0px; background: rgba(0, 0, 0, 0.65); z-index: -1; opacity: 0; visibility: hidden; transition: 0.5s;} #header .logo{max-width: 250px; padding: 20px; border-radius: 20px;} body[class*="dark-mode"] #header .logo{background: rgb(255, 255, 255);} .logo{float: left; transition: 0.3s; max-width: 200px; position: relative; z-index: 1;} .logo a{display: block; height: 100%; color: rgb(255, 255, 255);} .logo img{display: block; width: 100%; height: auto;} .banner{position: relative;} #main{position: relative; overflow: hidden;} .section{padding: 80px 0px;} @media (max-width: 767px) { .section{padding: 40px 0px;} } #footer{background: url("../images/footerBg.svg") center center / cover no-repeat; position: relative; padding: 120px 0px 0px; z-index: 1; font-size: 14px;} :root { --ac: #4f46e5; --ac2: #4338ca; --ink: #1e1b4b; --tint: #e0e7ff; --tint2: #eef2ff; --yel: #fed12f; --muted: #6a6985; } body[class*='dark-mode'] { --muted: #a3a0bd; } /* 4.5:1 or better on every surface in both modes */ body[class*='dark-mode'] { background: #120e1c; } body { font-family: 'Geist', 'Helvetica Neue', Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: 'Geist', 'Helvetica Neue', Arial, sans-serif; } .v1 #header.hdCapsule { position: fixed; top: 16px; left: 0; right: 0; z-index: 99; padding: 0; } .v1 #header.hdCapsule .container { padding: 0 12px; display: block; } .v1 .capsule { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 10px 10px 24px; border-radius: 40px; position: relative; background: rgba(255,255,255,0.72); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 10px 30px rgba(30,27,75,0.08), 0 0 0 1px rgba(30,27,75,0.06); } .v1 .capsule .logo { max-width: none; } .v1 .capsule .logo a { display: block; padding: 0; } .v1 .capsule .logo img { height: 42px; width: auto; display: block; } .v1 .capNav { display: flex; gap: 4px; padding: 4px; border-radius: 30px; background: var(--tint2); } .v1 .capNav a { text-decoration: none; font-size: 13.5px; font-weight: 500; color: #3730a3; padding: 8px 16px; border-radius: 30px; white-space: nowrap; transition: background .2s, color .2s; } .v1 .capNav a:hover, .v1 .capNav a.on { background: #fff; color: var(--ink); box-shadow: 0 2px 8px rgba(30,27,75,0.08); } .v1 .capRight { display: flex; align-items: center; gap: 8px; } .v1 .modeBtn { width: 40px; height: 40px; border-radius: 50%; background: var(--tint2); color: var(--ink); display: flex; align-items: center; justify-content: center; cursor: pointer; margin: 0; position: relative; } .v1 .modeBtn input { position: absolute; opacity: 0; width: 0; height: 0; } .v1 .modeBtn .sun { display: none; } .v1 .capBtn { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 20px; border-radius: 30px; background: var(--ac); color: #fff; font-size: 12px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; white-space: nowrap; transition: background .2s; } .v1 .capBtn:hover { background: var(--ac2); color: #fff; } .v1 .capBurger { display: none; width: 40px; height: 40px; border-radius: 50%; background: var(--ink); color: #fff; align-items: center; justify-content: center; text-decoration: none; } .v1 .capBurger .close { display: none; } body.capOpen .v1 .capBurger .open { display: none; } body.capOpen .v1 .capBurger .close { display: block; } @media (max-width: 1100px) { .v1 .capNav a { padding: 8px 12px; font-size: 13px; } .v1 .capBtn { padding: 0 16px; } } @media (max-width: 991px) { .v1 #header.hdCapsule { top: 10px; } .v1 .capsule { padding: 8px 8px 8px 18px; } .v1 .capsule .logo img { height: 36px; } .v1 .capNav { display: none; position: absolute; top: calc(100% + 10px); left: 0; right: 0; flex-direction: column; padding: 10px; border-radius: 24px; background: #fff; box-shadow: 0 20px 50px rgba(30,27,75,0.18); } body.capOpen .v1 .capNav { display: flex; } .v1 .capNav a { padding: 12px 16px; font-size: 15px; } .v1 .capBurger { display: flex; } .v1 .capBtn { display: none; } } body[class*='dark-mode'] .v1 .capsule { background: rgba(34,26,51,0.82); box-shadow: 0 10px 30px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.08); } body[class*='dark-mode'] .v1 .capsule .logo img { filter: brightness(0) invert(1); } body[class*='dark-mode'] .v1 .capNav { background: rgba(255,255,255,0.08); } body[class*='dark-mode'] .v1 .capNav a { color: #c7d2fe; } body[class*='dark-mode'] .v1 .capNav a:hover, body[class*='dark-mode'] .v1 .capNav a.on { background: rgba(255,255,255,0.14); color: #fff; box-shadow: none; } body[class*='dark-mode'] .v1 .modeBtn { background: rgba(255,255,255,0.1); color: var(--yel); } body[class*='dark-mode'] .v1 .modeBtn .moon { display: none; } body[class*='dark-mode'] .v1 .modeBtn .sun { display: block; } body[class*='dark-mode'] .v1 .capBtn { background: var(--yel); color: var(--ink); } body[class*='dark-mode'] .v1 .capBtn:hover { background: #fff; } body[class*='dark-mode'] .v1 .capBurger { background: #fff; color: var(--ink); } @media (max-width: 991px) { body[class*='dark-mode'] .v1 .capNav { background: #221a33; } } .v1 .heroV1 { background: linear-gradient(135deg, #e9ebfb 0%, #f3f4fd 55%, #eef1f8 100%); } .v1 .heroV1 .heroInner { padding: 140px 0 64px; } .v1 .heroV1 .heroInner .container { display: grid; grid-template-columns: 1.05fr 1fr; gap: 44px; align-items: center; } .v1 .heroV1 .heroInner .container > * { min-width: 0; } .v1 .heroText { display: flex; flex-direction: column; align-items: flex-start; } .v1 .heroV1 h1 { font-size: 42px; line-height: 1.14; margin: 0 0 20px; letter-spacing: -1.2px; font-weight: 500; color: var(--ink); } .v1 .heroV1 h1 .hl { color: inherit; font-weight: 700; } .v1 .heroV1 .lead { font-size: 16.5px; line-height: 1.6; color: #55556b; max-width: 470px; margin: 0 0 28px; } .v1 .chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; } .v1 .chip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 10px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px rgba(30,27,75,0.08), 0 4px 12px rgba(30,27,75,0.05); font-size: 13.5px; font-weight: 500; color: var(--ink); text-decoration: none; transition: transform .2s, box-shadow .2s; } .v1 .chip svg { color: var(--ac); flex: 0 0 16px; } .v1 .chip:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(79,70,229,0.35), 0 8px 18px rgba(30,27,75,0.1); color: var(--ink); } body[class*='dark-mode'] .v1 .chip { background: rgba(255,255,255,0.08); box-shadow: 0 0 0 1px rgba(255,255,255,0.12); color: #fff; } body[class*='dark-mode'] .v1 .chip svg { color: var(--yel); } body[class*='dark-mode'] .v1 .chip:hover { box-shadow: 0 0 0 1px rgba(254,209,47,0.6); color: #fff; } .v1 .ctaRow { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin: 0 0 22px; } .v1 .ctaRow .btn { display: inline-flex; align-items: center; gap: 8px; line-height: 1; background: var(--ac); } .v1 .ctaRow .btn:hover { background: var(--ac2); color: #fff; } .v1 .ctaRow .btn.border { background: transparent; color: #3730a3; border-color: var(--tint) !important; } .v1 .ctaRow .btn.border:hover { background: var(--tint) !important; color: var(--ink); } .v1 .hook { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.5; color: #555; max-width: 540px; margin: 0; } .v1 .hook svg { color: var(--ac); flex: 0 0 16px; margin-top: 3px; } .v1 .hook b { color: var(--ink); font-weight: 600; } @media (max-width: 1199px) { .v1 .heroV1 h1 { font-size: 38px; } } @media (max-width: 991px) { .v1 .heroV1 .heroInner { padding: 110px 0 50px; } .v1 .heroV1 .heroInner .container { grid-template-columns: 1fr; gap: 36px; } } @media (max-width: 767px) { .v1 .heroV1 h1 { font-size: 32px; } .v1 .heroV1 .lead { font-size: 16px; } } body[class*='dark-mode'] .v1 .heroV1 { background: linear-gradient(135deg, #1b1527 0%, #221a33 55%, #1b1527 100%); } body[class*='dark-mode'] .v1 .heroV1 h1 .hl { color: inherit; } body[class*='dark-mode'] .v1 .heroV1 .lead { color: rgba(255,255,255,0.85); } body[class*='dark-mode'] .v1 .ctaRow .btn { background: var(--yel); color: var(--ink); } body[class*='dark-mode'] .v1 .ctaRow .btn:hover { background: #fff; color: var(--ink); } body[class*='dark-mode'] .v1 .ctaRow .btn.border { background: transparent; color: #fff; border-color: rgba(255,255,255,0.5) !important; } body[class*='dark-mode'] .v1 .ctaRow .btn.border:hover { background: #fff !important; color: var(--ink) !important; } body[class*='dark-mode'] .v1 .hook { color: rgba(255,255,255,0.8); } body[class*='dark-mode'] .v1 .hook b { color: #fff; } body[class*='dark-mode'] .v1 .hook svg { color: var(--yel); } .v1 .flowWin { background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 30px 60px rgba(30,27,75,0.14), 0 0 0 1px rgba(30,27,75,0.08); } .v1 .flowTop { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #ecedf5; } .v1 .flowLogo { height: 24px; width: auto; display: block; } .v1 .flowName { font-size: 12px; font-weight: 600; color: var(--ink); display: flex; align-items: center; gap: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .v1 .flowName i { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; flex: 0 0 7px; } .v1 .flowTog { margin-left: auto; width: 32px; height: 18px; border-radius: 9px; background: var(--ac); position: relative; flex: 0 0 32px; } .v1 .flowTog:after { content: ''; position: absolute; right: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; } .v1 .flowRun { background: var(--ac); color: #fff; font-size: 11px; font-weight: 600; padding: 7px 12px; border-radius: 7px; white-space: nowrap; } .v1 .flowScale { position: relative; overflow: hidden; aspect-ratio: 560 / 410; background-color: #fbfbfe; background-image: radial-gradient(rgba(79,70,229,0.2) 1px, transparent 1px); background-size: 14px 14px; } .v1 .flowCanvas { position: absolute; left: 0; top: 0; width: 560px; height: 410px; transform-origin: 0 0; } .v1 .flowCanvas .wire { position: absolute; left: 0; top: 0; } .v1 .flowCanvas .wire path { fill: none; stroke: var(--ac); stroke-width: 1.6; stroke-dasharray: 5 4; marker-end: url(#flowArrow); } .v1 .flowCanvas .wire marker path { fill: var(--ac); stroke: none; } .v1 .flowCanvas .wire .dot { fill: var(--yel); stroke: var(--ac); stroke-width: 1; } .v1 .node { position: absolute; width: 80px; display: flex; flex-direction: column; align-items: center; gap: 6px; } .v1 .node .c { width: 64px; height: 64px; border-radius: 50%; background: #fff; border: 2px solid var(--ac); display: flex; align-items: center; justify-content: center; color: var(--ac); position: relative; box-shadow: 0 6px 16px rgba(79,70,229,0.15); transition: transform .25s ease, box-shadow .25s ease; } .v1 .node:hover .c { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(79,70,229,0.28); } .v1 .node .c.f { background: var(--ac); color: #fff; } .v1 .node .c.g { background: var(--ink); border-color: var(--ink); color: var(--yel); box-shadow: 0 0 0 4px rgba(254,209,47,0.8), 0 8px 20px rgba(30,27,75,0.3); } .v1 .node:hover .c.g { box-shadow: 0 0 0 4px rgba(254,209,47,0.8), 0 16px 30px rgba(30,27,75,0.4); } .v1 .node .badge { position: absolute; left: -6px; top: -6px; width: 20px; height: 20px; border-radius: 50%; background: var(--ac); color: #fff; display: flex; align-items: center; justify-content: center; } .v1 .node .x { position: absolute; right: -6px; top: -6px; width: 16px; height: 16px; border-radius: 50%; background: #9a9ab0; color: #fff; font-size: 10px; line-height: 16px; text-align: center; } .v1 .node b { font-size: 11px; font-weight: 600; color: var(--ink); text-align: center; line-height: 1.2; white-space: nowrap; } .v1 .node .cfg { display: inline-flex; align-items: center; gap: 4px; font-size: 9.5px; font-weight: 600; color: var(--ac); background: var(--tint2); border: 1px solid #c7d2fe; border-radius: 5px; padding: 3px 7px; } .v1 .fab { position: absolute; left: 50%; bottom: 12px; width: 32px; height: 32px; margin-left: -16px; border-radius: 50%; border: 2px solid var(--ac); background: #fff; color: var(--ac); display: flex; align-items: center; justify-content: center; box-sizing: border-box; } @media (max-width: 575px) { .v1 .flowName { display: none; } } body[class*='dark-mode'] .v1 .flowWin { box-shadow: 0 30px 60px rgba(0,0,0,0.4); } body[class*='dark-mode'] .v1 .capsule .logo a { background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body[class*='dark-mode'] .v1 .heroV1 h1 { color: #fff; } .v1 #header .capsule .logo { padding: 0; border-radius: 0; float: none; } body[class*='dark-mode'] .v1 #header .capsule .logo { background: transparent; } .v1 .secHead { max-width: 640px; margin-bottom: 44px; } .v1 .kick { display: block; font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--ac); margin: 0 0 12px; } .v1 .secHead h2 { font-size: 36px; line-height: 1.15; letter-spacing: -1px; font-weight: 600; margin: 0 0 12px; color: var(--ink); } .v1 .secHead h2 span { color: var(--ac); } .v1 .secHead p { font-size: 16.5px; line-height: 1.6; color: #55556b; margin: 0; } @media (max-width: 991px) { .v1 .secHead h2 { font-size: 30px; } } body[class*='dark-mode'] .v1 .secHead h2 { color: #fff; } body[class*='dark-mode'] .v1 .secHead p { color: rgba(255,255,255,0.75); } body[class*='dark-mode'] .v1 .kick { color: var(--yel); } .v1 section[id], .v1 [id="ourServices"] { scroll-margin-top: 96px; } .v1 .secCta { margin-top: 36px; display: flex; justify-content: center; } .v1 .btn { display: inline-flex; align-items: center; gap: 8px; line-height: 1; } .v1 .toolLabel { font-size: 11px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); white-space: nowrap; } .v1 .secAuto { padding: 88px 0; background: #f7f7fc; } .v1 .toolRow { display: flex; align-items: center; gap: 22px; margin-top: 36px; padding-top: 28px; border-top: 1px solid rgba(30,27,75,0.08); } .v1 .toolChips { display: flex; flex-wrap: wrap; gap: 8px; } .v1 .toolChips span { font-size: 12.5px; font-weight: 500; padding: 6px 12px; border-radius: 10px; background: #fff; color: var(--ink); box-shadow: 0 0 0 1px rgba(30,27,75,0.08); } .v1 .secAudit { padding: 96px 0; background: radial-gradient(ellipse at 15% 0%, #26235c 0%, #1e1b4b 45%, #171538 100%); color: #fff; } .v1 .secAudit .kick { color: var(--yel); } .v1 .secAudit h2 { font-size: 36px; line-height: 1.15; letter-spacing: -1px; font-weight: 600; margin: 0 0 14px; color: #fff; } .v1 .secAudit h2 span { color: var(--yel); } .v1 .auditText > p { font-size: 16.5px; line-height: 1.6; color: rgba(255,255,255,0.8); margin: 0 0 26px; max-width: 560px; } .v1 .auditSub { font-size: 12px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.55); margin: 0 0 12px; } .v1 .checkGrid { list-style: none; margin: 0 0 30px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; } .v1 .checkGrid li { display: flex; align-items: flex-start; gap: 9px; font-size: 14px; line-height: 1.45; color: rgba(255,255,255,0.92); } .v1 .checkGrid li svg { color: var(--yel); flex: 0 0 14px; margin-top: 3px; } .v1 .secEcom { padding: 88px 0; background: #fff; } .v1 .secWork { padding: 88px 0; background: #fff; } .v1 .secWhy { padding: 88px 0; background: #f7f7fc; } .v1 .secFaq { padding: 88px 0; background: #fff; } .v1 .faqQ { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; background: none; border: 0; text-align: left; font: inherit; font-size: 16.5px; font-weight: 600; color: var(--ink); cursor: pointer; } .v1 .faqQ svg { flex: 0 0 18px; color: var(--ac); transition: transform .25s; } .v1 .faqQ[aria-expanded="true"] svg { transform: rotate(45deg); } .v1 .secContact { padding: 88px 0; background: linear-gradient(135deg, #e9ebfb 0%, #f3f4fd 55%, #eef1f8 100%); } .v1 .contactGrid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 56px; align-items: start; } .v1 .contactText p { font-size: 16.5px; line-height: 1.6; color: #55556b; margin: 0 0 24px; max-width: 460px; } .v1 .contactList2 { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; } .v1 .contactList2 li { display: flex; align-items: center; gap: 12px; font-size: 15px; color: var(--ink); } .v1 .contactList2 li svg { color: var(--ac); flex: 0 0 22px; } .v1 .contactList2 a { color: var(--ink); font-weight: 500; text-decoration: none; } .v1 .contactList2 a:hover { color: var(--ac); } .v1 .contactForm { display: flex; flex-direction: column; gap: 14px; padding: 30px; border-radius: 22px; background: #fff; box-shadow: 0 30px 60px rgba(30,27,75,0.1), 0 0 0 1px rgba(30,27,75,0.06); } .v1 .contactForm label { display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--ink); } .v1 .contactForm input, .v1 .contactForm select, .v1 .contactForm textarea { font: inherit; font-size: 15px; font-weight: 400; color: var(--ink); padding: 12px 14px; border-radius: 12px; border: 1.5px solid #e0e2ee; background: #fbfbfe; outline: none; transition: border-color .2s, box-shadow .2s; width: 100%; box-sizing: border-box; } .v1 .contactForm input:focus, .v1 .contactForm select:focus, .v1 .contactForm textarea:focus { border-color: var(--ac); box-shadow: 0 0 0 3px rgba(79,70,229,0.15); } .v1 .contactForm .fRow { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .v1 .contactForm .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .v1 .contactForm .btn { align-self: flex-start; border: 0; cursor: pointer; } .v1 .contactForm .btn[disabled] { opacity: .6; cursor: wait; } .v1 .formNote { margin: 0; font-size: 13.5px; color: #55556b; min-height: 1em; } .v1 .formNote.ok { color: #16a34a; } .v1 .formNote.err { color: #e65947; } .v1 .recaptchaNote { margin: 4px 0 0; font-size: 11.5px; line-height: 1.5; color: var(--muted); } .v1 .recaptchaNote a { color: inherit; text-decoration: underline; } .grecaptcha-badge { visibility: hidden; } .v1 #footer.ftV1 { background: #120e1c; color: rgba(255,255,255,0.75); padding: 64px 0 28px; } .v1 .ftGrid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; } .v1 .ftBrand img { height: 40px; width: auto; display: block; margin-bottom: 16px; } .v1 .ftBrand p { font-size: 14px; line-height: 1.55; margin: 0 0 18px; max-width: 320px; } .v1 .ftSocial { display: flex; gap: 8px; } .v1 .ftSocial a { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.08); color: #fff; transition: background .2s; } .v1 .ftSocial a:hover { background: var(--ac); } .v1 .ftV1 .ftH { font-size: 12px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: #fff; margin: 6px 0 14px; } .v1 .ftV1 ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; } .v1 .ftV1 ul a { color: rgba(255,255,255,0.75); font-size: 14px; text-decoration: none; } .v1 .ftV1 ul a:hover { color: #fff; } .v1 .ftBottom { display: flex; align-items: center; justify-content: space-between; margin-top: 44px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 13px; } .v1 .ftTop { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--ac); color: #fff; } .v1 .ftTop:hover { background: var(--ac2); color: #fff; } @media (max-width: 991px) { .v1 .secAuto, .v1 .secEcom, .v1 .secWork, .v1 .secWhy, .v1 .secFaq, .v1 .secContact { padding: 60px 0; } .v1 .secAudit { padding: 64px 0; } .v1 .secAudit h2 { font-size: 30px; } .v1 .contactGrid { grid-template-columns: 1fr; gap: 32px; } .v1 .ftGrid { grid-template-columns: 1fr 1fr; gap: 30px; } .v1 .toolRow { flex-direction: column; align-items: flex-start; gap: 14px; } } @media (max-width: 575px) { .v1 .checkGrid { grid-template-columns: 1fr; } .v1 .contactForm { padding: 22px; } .v1 .contactForm .fRow { grid-template-columns: 1fr; } .v1 .ftGrid { grid-template-columns: 1fr; } } body[class*='dark-mode'] .v1 .secAuto, body[class*='dark-mode'] .v1 .secWhy { background: #1b1527; } body[class*='dark-mode'] .v1 .secEcom, body[class*='dark-mode'] .v1 .secWork, body[class*='dark-mode'] .v1 .secFaq { background: #120e1c; } body[class*='dark-mode'] .v1 .secContact { background: linear-gradient(135deg, #1b1527 0%, #221a33 55%, #1b1527 100%); } body[class*='dark-mode'] .v1 .toolChips span { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); box-shadow: none; } body[class*='dark-mode'] .v1 .toolChips span, body[class*='dark-mode'] .v1 .faqQ, body[class*='dark-mode'] .v1 .contactList2 li, body[class*='dark-mode'] .v1 .contactList2 a { color: #fff; } body[class*='dark-mode'] .v1 .contactText p { color: rgba(255,255,255,0.72); } body[class*='dark-mode'] .v1 .toolRow { border-color: rgba(255,255,255,0.12); } body[class*='dark-mode'] .v1 .faqQ svg, body[class*='dark-mode'] .v1 .contactList2 li svg { color: var(--yel); } body[class*='dark-mode'] .v1 .contactForm { background: #221a33; box-shadow: 0 30px 60px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.1); } body[class*='dark-mode'] .v1 .contactForm label { color: #fff; } body[class*='dark-mode'] .v1 .contactForm input, body[class*='dark-mode'] .v1 .contactForm select, body[class*='dark-mode'] .v1 .contactForm textarea { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.15); color: #fff; } body[class*='dark-mode'] .v1 .contactForm .btn { background: var(--yel); color: var(--ink); } body[class*='dark-mode'] .v1 .secCta .btn { background: var(--yel); color: var(--ink); } body[class*='dark-mode'] .v1 .secCta .btn:hover { background: #fff; } .v1 .btn { background: var(--ac); color: #fff; } .v1 .btn:hover { background: var(--ac2); color: #fff; } .v1 .faqQ { text-transform: none; letter-spacing: -0.2px; } .v1 .secHead { max-width: 720px; } .v1 main h2 { font-size: 36px; line-height: 1.15; letter-spacing: -1px; font-weight: 600; color: var(--ink); } .v1 main h2 span { color: var(--ac); } .v1 .contactText h2 { margin: 0 0 14px; } body[class*='dark-mode'] .v1 main h2 { color: #fff; } body[class*='dark-mode'] .v1 main h2 span { color: var(--yel); } @media (max-width: 991px) { .v1 main h2 { font-size: 30px; } } .v1 .secBlueprint { padding: 88px 0; background: #fff; } .v1 .secBlueprint + .secBlueprint { padding-top: 0; } .v1 .bpSheet { position: relative; border-radius: 24px; padding: 28px 28px 32px; border: 1px solid rgba(79,70,229,0.25); --bpLine: #4f46e5; --bpInk: var(--ink); --bpFill: rgba(255,255,255,0.7); font-family: 'Geist', 'Helvetica Neue', Arial, sans-serif; } .v1 .bpHead, .v1 .bpNum, .v1 .bpDim, .v1 .bpOverall span, .v1 .bpLink, .v1 .bpTitle span { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; } .v1 .bpHead { display: block; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--bpLine); margin-bottom: 22px; } .v1 .bpRooms { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; } .v1 .bpRoom { position: relative; min-height: 250px; padding: 22px 18px 54px; background: var(--bpFill); border: 2px solid var(--bpLine); display: flex; flex-direction: column; gap: 6px; } .v1 .bpRoom:not(:last-child):after { content: 'door'; position: absolute; right: -42px; top: 50%; width: 40px; border-top: 2px dashed var(--bpLine); font-family: ui-monospace, Menlo, monospace; font-size: 9px; color: var(--bpLine); text-align: center; line-height: 0; padding-top: 0; transform: translateY(-1px); } .v1 .bpRoom:not(:last-child):after { display: flex; align-items: center; justify-content: center; height: 0; text-indent: 0; } .v1 .bpRoom:not(:last-child):before { content: 'door'; position: absolute; right: -42px; top: calc(50% - 16px); width: 40px; text-align: center; font-family: ui-monospace, Menlo, monospace; font-size: 9px; color: var(--bpLine); } .v1 .bpRoom:not(:last-child):after { content: ''; } .v1 .bpNum { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--bpLine); } .v1 .bpRoom h3 { font-size: 17px; font-weight: 700; letter-spacing: -0.2px; text-transform: uppercase; margin: 0 0 6px; color: var(--bpInk); } .v1 .bpRoom ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; } .v1 .bpRoom li { font-size: 13px; line-height: 1.4; color: #3b3a5a; } .v1 .bpLink { position: absolute; left: 18px; bottom: 16px; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--bpLine); text-decoration: none; } .v1 .bpLink:hover { text-decoration: underline; } .v1 .bpDim { position: absolute; left: 0; right: 0; bottom: -30px; text-align: center; font-size: 10px; color: var(--bpLine); } .v1 .bpDim:before { content: ''; position: absolute; left: 0; right: 0; top: -8px; border-top: 1px solid var(--bpLine); } .v1 .bpDim:after { content: ''; position: absolute; left: 0; right: 0; top: -14px; height: 12px; border-left: 1px solid var(--bpLine); border-right: 1px solid var(--bpLine); } .v1 .bpOverall { position: relative; margin: 60px 0 0 0; padding-top: 14px; border-top: 1px solid var(--bpLine); text-align: center; } .v1 .bpOverall:before, .v1 .bpOverall:after { content: ''; position: absolute; top: -6px; width: 1px; height: 12px; background: var(--bpLine); } .v1 .bpOverall:before { left: 0; } .v1 .bpOverall:after { right: 0; } .v1 .bpOverall span { font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--bpLine); } .v1 .bpTitle { display: grid; grid-template-columns: repeat(4, auto); justify-content: end; margin: 28px 0 0 auto; width: max-content; max-width: 100%; border: 1.5px solid var(--bpLine); background: #fff; font-size: 11px; } .v1 .bpTitle div { padding: 8px 14px; border-left: 1.5px solid var(--bpLine); display: flex; flex-direction: column; gap: 2px; } .v1 .bpTitle div:first-child { border-left: 0; } .v1 .bpTitle span { font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); } .v1 .bpTitle b { color: var(--bpInk); font-weight: 600; } .v1 .bpRoom:hover { box-shadow: 0 0 0 3px rgba(79,70,229,0.15); } @media (max-width: 1199px) { .v1 .bpRooms { gap: 28px; margin-right: 100px; } .v1 .bpRoom:not(:last-child):before { right: -30px; width: 28px; } .v1 .bpRoom:not(:last-child):after { right: -30px; width: 28px; } } @media (max-width: 991px) { .v1 .secBlueprint { padding: 60px 0; } .v1 .bpSheet { padding: 22px 18px 26px; } .v1 .bpRooms { grid-template-columns: 1fr; gap: 46px; margin-right: 0; } .v1 .bpRoom:before, .v1 .bpRoom:after { display: none !important; } .v1 .bpOverall { margin: 52px 0 0; } .v1 .bpTitle { grid-template-columns: 1fr 1fr; width: 100%; margin-top: 22px; } .v1 .bpTitle div:nth-child(3) { border-left: 0; } .v1 .bpTitle div:nth-child(n+3) { border-top: 1.5px solid var(--bpLine); } } .v1 .bpRoom:not(:last-child):before { line-height: 1; top: calc(50% - 14px); } .v1 .bpSheet.paperPlain { background-color: #f4f6fc; background-image: linear-gradient(rgba(79,70,229,0.09) 1px, transparent 1px), linear-gradient(90deg, rgba(79,70,229,0.09) 1px, transparent 1px); background-size: 24px 24px; border-color: rgba(79,70,229,0.2); --bpFill: rgba(255,255,255,0.75); } .v1 .trustBar { background: #fff; border-top: 1px solid rgba(30,27,75,0.08); border-bottom: 1px solid rgba(30,27,75,0.08); } .v1 .trustBar .container { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 18px 12px; flex-wrap: wrap; } .v1 .trustFacts, .v1 .trustBadges { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; } .v1 .trustFacts { gap: 0; } .v1 .trustFacts li { display: flex; align-items: baseline; gap: 8px; padding: 6px 22px; border-left: 1px solid rgba(30,27,75,0.1); } .v1 .trustFacts li:first-child { border-left: 0; padding-left: 0; } .v1 .trustFacts a { display: flex; align-items: baseline; gap: 8px; color: inherit; text-decoration: none; } .v1 .trustFacts a:hover span { color: var(--ac); } .v1 .trustFacts b { font-size: 24px; font-weight: 600; letter-spacing: -0.5px; color: var(--ink); line-height: 1; } .v1 .trustFacts b i { font-style: normal; color: var(--ac); } .v1 .trustFacts span { font-size: 13px; color: #55556b; } .v1 .trustBadges { gap: 26px; } .v1 .trustBadges li { display: flex; align-items: center; gap: 10px; } .v1 .trustBadges img { height: 34px; width: auto; display: block; } .v1 .trustBadges .withCap img { height: 30px; } .v1 .trustBadges small { font-size: 11px; line-height: 1.2; color: var(--muted); max-width: 90px; } .v1 .trustBadges a { display: flex; align-items: center; text-decoration: none; } .v1 .trustBadges .darkOnly { display: none; } .v1 .upBadge { gap: 8px; padding: 5px 12px 5px 6px; border-radius: 10px; border: 1.5px solid #14a800; color: var(--ink); } .v1 .upMark { width: 26px; height: 26px; border-radius: 50%; background: #14a800; color: #fff; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; } .v1 .upTxt { display: flex; flex-direction: column; line-height: 1.1; } .v1 .upTxt b { font-size: 12px; font-weight: 700; color: var(--ink); } .v1 .upTxt small { font-size: 10px; color: #14a800; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; } @media (max-width: 991px) { .v1 .trustBar .container { flex-direction: column; align-items: flex-start; gap: 16px; } .v1 .trustFacts li { padding: 6px 16px; } .v1 .trustBadges { gap: 18px; } } @media (max-width: 575px) { .v1 .trustFacts { width: 100%; justify-content: space-between; } .v1 .trustFacts li { flex-direction: column; align-items: flex-start; gap: 2px; padding: 4px 10px; } .v1 .trustFacts b { font-size: 20px; } .v1 .trustBadges img { height: 35px; } .v1 .trustBadges .withCap img { height: 26px; } } body[class*='dark-mode'] .v1 .trustBar { background: rgba(0,0,0,0.2); border-color: rgba(255,255,255,0.1); } body[class*='dark-mode'] .v1 .trustFacts li { border-color: rgba(255,255,255,0.12); } body[class*='dark-mode'] .v1 .trustFacts b { color: #fff; } body[class*='dark-mode'] .v1 .trustFacts b i { color: var(--yel); } body[class*='dark-mode'] .v1 .trustFacts span, body[class*='dark-mode'] .v1 .trustBadges small { color: rgba(255,255,255,0.7); } body[class*='dark-mode'] .v1 .trustBadges .lightOnly { display: none; } body[class*='dark-mode'] .v1 .trustBadges .darkOnly { display: block; } body[class*='dark-mode'] .v1 .trustBadges .withCap img { background: #fff; padding: 4px 8px; border-radius: 8px; box-sizing: content-box; } body[class*='dark-mode'] .v1 .upBadge { background: #fff; } .v1 .trustFacts li { padding: 6px 16px; } .v1 .trustFacts b { font-size: 22px; } .v1 .trustFacts span { font-size: 12.5px; } .v1 .trustBadges { gap: 16px; } .v1 .trustBadges img { height: 36px; } .v1 .trustBadges .withCap img { height: 26px; } .v1 .trustBadges small { font-size: 10.5px; max-width: 78px; } .v1 .upBadge { padding: 4px 10px 4px 5px; } @media (min-width: 1200px) { .v1 .trustBar .container { flex-wrap: nowrap; } } @media (min-width: 992px) and (max-width: 1300px) { .v1 .trustBar .container { flex-wrap: wrap; gap: 10px 32px; } .v1 .trustFacts, .v1 .trustBadges { flex-wrap: nowrap; } } .v1 .trustBadges .withCap a { gap: 10px; color: inherit; } .v1 .trustBadges .withCap a { gap: 10px; color: inherit; } .v1 .agentTeam { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 36px; margin: 8px 0 8px; } .v1 .agent { display: grid; grid-template-columns: 80px 1fr; gap: 18px; align-items: start; } .v1 .agentFace { flex: 0 0 80px; transition: transform .3s ease; } .v1 .agent:hover .agentFace { transform: translateY(-4px) rotate(-3deg); } .v1 .agent h3 { margin: 0; font-size: 19px; font-weight: 600; letter-spacing: -0.2px; color: var(--ink); } .v1 .agentRole { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 3px 0 8px; font-size: 12px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--ac); } .v1 .agentRole i { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,0.2); } .v1 .agentRole small { font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; color: #16a34a; } .v1 .agent p { margin: 0; font-size: 14px; line-height: 1.55; color: #55556b; } @media (max-width: 991px) { .v1 .agentTeam { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 24px; } } @media (max-width: 575px) { .v1 .agentTeam { grid-template-columns: 1fr; } .v1 .agent { grid-template-columns: 64px 1fr; gap: 14px; } .v1 .agentFace { width: 64px; height: 64px; } } body[class*='dark-mode'] .v1 .agent h3 { color: #fff; } body[class*='dark-mode'] .v1 .agentRole { color: #c7d2fe; } body[class*='dark-mode'] .v1 .agent p { color: rgba(255,255,255,0.72); } .v1 .secAudit { padding: 88px 0; background: #eef2ff; color: var(--ink); } .v1 .secAudit .kick { color: var(--ac); } .v1 .secAudit h2 { color: var(--ink); max-width: 760px; } .v1 .secAudit h2 span { color: var(--ac); } .v1 .secAudit .secHead { margin-bottom: 18px; } .v1 .secAudit .secHead p { color: #55556b; margin: 0; } .v1 .auditTools { margin: 0 0 36px; padding-top: 0; border-top: 0; } .v1 .auditTools .toolLabel { text-transform: none; letter-spacing: 0; font-size: 13px; font-weight: 500; color: #55556b; } .v1 .auditGrid { display: grid; grid-template-columns: 1fr 0.9fr; gap: 56px; align-items: center; } .v1 .auditSub { display: block; font-family: ui-monospace, Menlo, monospace; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--ac); margin-bottom: 12px; } .v1 .checkGrid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; } .v1 .checkGrid li { display: flex; align-items: flex-start; gap: 9px; font-size: 14px; line-height: 1.45; color: var(--ink); } .v1 .checkGrid li svg { color: var(--ac); flex: 0 0 13px; margin-top: 4px; } .v1 .auditCta { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin: 26px 0 0; } .v1 .auditCta span { font-size: 13px; color: #55556b; } .v1 .cert { position: relative; border-radius: 22px; background: #fff; color: var(--ink); padding: 34px 34px 30px; box-shadow: 0 20px 50px rgba(30,27,75,0.12); border: 1px solid rgba(30,27,75,0.08); } .v1 .cert:before { content: ''; position: absolute; inset: 10px; border: 1.5px solid rgba(79,70,229,0.35); border-radius: 16px; pointer-events: none; } .v1 .certT { display: block; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: var(--ac); text-align: center; } .v1 .cert h3 { margin: 8px 0 18px; font-size: 24px; font-weight: 600; text-align: center; letter-spacing: -0.5px; color: var(--ink); } .v1 .cert dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; font-size: 13.5px; } .v1 .cert dt { color: var(--muted); } .v1 .cert dd { margin: 0; font-weight: 600; color: var(--ink); } .v1 .certSig { margin-top: 22px; display: flex; justify-content: space-between; align-items: flex-end; font-size: 12px; color: var(--muted); } .v1 .certSig b { display: block; font-size: 15px; color: var(--ink); font-family: ui-monospace, Menlo, monospace; } .v1 .certSeal { position: absolute; right: 30px; top: 30px; width: 92px; height: 92px; border-radius: 50%; background: var(--yel); display: flex; align-items: center; justify-content: center; color: var(--ink); box-shadow: 0 8px 20px rgba(254,209,47,0.5); transform: rotate(-12deg); } .v1 .certSeal:before { content: ''; position: absolute; inset: 6px; border: 2px dashed rgba(30,27,75,0.5); border-radius: 50%; } @media (max-width: 991px) { .v1 .secAudit { padding: 60px 0; } .v1 .auditGrid { grid-template-columns: 1fr; gap: 32px; } .v1 .cert { padding: 28px 24px 24px; } .v1 .certSeal { width: 72px; height: 72px; right: 20px; top: 20px; } } @media (max-width: 575px) { .v1 .checkGrid { grid-template-columns: 1fr; } } body[class*='dark-mode'] .v1 .secAudit { background: #1b1527; } body[class*='dark-mode'] .v1 .secAudit h2, body[class*='dark-mode'] .v1 .checkGrid li { color: #fff; } body[class*='dark-mode'] .v1 .secAudit .secHead p, body[class*='dark-mode'] .v1 .auditCta span, body[class*='dark-mode'] .v1 .auditTools .toolLabel { color: rgba(255,255,255,0.75); } body[class*='dark-mode'] .v1 .checkGrid li svg, body[class*='dark-mode'] .v1 .auditSub { color: var(--yel); } .v1 .checkGrid { margin: 0 0 28px; overflow: visible; } .v1 .checkGrid li { float: none; margin: 0; padding: 0; } .v1 .auditCta { margin-top: 0; clear: both; } @media (max-width: 575px) { .v1 .cert h3, .v1 .certT { padding-right: 70px; text-align: left; } .v1 .certSeal { width: 60px; height: 60px; right: 18px; top: 18px; } } .v1 .auditGrid { grid-template-columns: 1.1fr 0.9fr; gap: 64px; align-items: center; } .v1 .secAudit .secHead { max-width: none; margin-bottom: 14px; } .v1 .secAudit h2 { font-size: 34px; } .v1 .auditTools { margin: 0 0 28px; } .v1 .cert { padding: 38px 36px 32px; } .v1 .cert h3 { font-size: 26px; } .v1 .cert dl { font-size: 14px; gap: 10px 18px; } @media (max-width: 991px) { .v1 .auditGrid { grid-template-columns: 1fr; gap: 30px; } } .v1 .auditGrid { align-items: start; } .v1 .cert { align-self: start; margin-top: 128px; } @media (max-width: 991px) { .v1 .cert { margin-top: 0; } } .v1 .auditIntro { margin-bottom: 14px; } .v1 .auditIntro p { margin: 0; } .v1 .auditGrid { align-items: start; } .v1 .cert { margin-top: 0; align-self: start; } .v1 .auditGrid { align-items: start; } .v1 .cert { margin-top: 30px; align-self: start; } @media (max-width: 991px) { .v1 .cert { margin-top: 0; } } .v1 .auditGrid { align-items: stretch; } .v1 .cert { margin-top: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: space-between; } .v1 .cert dl { margin: 18px 0; gap: 14px 18px; flex: 1; align-content: space-evenly; } .v1 .cert .certSig { margin-top: 0; } @media (max-width: 991px) { .v1 .cert { align-self: auto; display: block; } .v1 .cert dl { margin: 0; } .v1 .cert .certSig { margin-top: 22px; } } .v1 .cert dl { align-content: center; gap: 12px 18px; } .v1 .auditGrid { align-items: center; } .v1 .cert { margin-top: 0; align-self: center; display: block; } .v1 .cert dl { margin: 0; gap: 10px 18px; } .v1 .cert .certSig { margin-top: 22px; } .v1 .secEcom { padding: 88px 0; background: #fff; } .v1 .secEcom .secHead { max-width: 820px; margin-bottom: 40px; } .v1 .journey { position: relative; padding-top: 10px; } .v1 .jLine { position: absolute; left: 4%; right: 4%; top: 36px; height: 8px; } .v1 .jLine svg { width: 100%; height: 8px; overflow: visible; } .v1 .jLine path { stroke: var(--tint); stroke-width: 3; fill: none; } .v1 .jDotMove { fill: var(--ac); } .v1 .jStages { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; position: relative; } .v1 .jStage { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; } .v1 .jDot { width: 60px; height: 60px; border-radius: 50%; background: #fff; border: 2px solid var(--ac); color: var(--ac); display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(79,70,229,0.15); transition: transform .25s, background .25s, color .25s; } .v1 .jStage:hover .jDot { transform: translateY(-4px); background: var(--ac); color: #fff; } .v1 .jStage h3 { font-size: 16px; font-weight: 600; margin: 4px 0 0; color: var(--ink); } .v1 .jStage p { font-size: 13px; line-height: 1.5; color: #55556b; margin: 0; max-width: 200px; } .v1 .jCap { text-align: center; font-size: 13px; color: var(--muted); margin: 22px 0 0; font-style: italic; } .v1 .proofStrip { display: grid; grid-template-columns: 300px 1fr; gap: 28px; align-items: center; margin-top: 44px; padding: 22px 26px; border-radius: 18px; background: #f7f7fc; border: 1px solid rgba(30,27,75,0.06); } .v1 .proofText { font-size: 15px; line-height: 1.45; color: #55556b; } .v1 .proofText b { color: var(--ink); font-size: 22px; display: block; letter-spacing: -0.5px; } @keyframes appSlide { from { transform: translateX(0); } to { transform: translateX(-50%); } } .v1 .promise { margin-top: 40px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .v1 .promise p { margin: 0; font-size: 17px; font-weight: 500; color: var(--ink); max-width: 560px; } .v1 .promiseCta { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; } .v1 .promiseAlt { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; color: var(--ac); text-decoration: none; } @media (max-width: 1199px) { .v1 .jStage p { font-size: 12.5px; } } @media (max-width: 991px) { .v1 .secEcom { padding: 60px 0; } .v1 .jLine { display: none; } .v1 .jStages { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 16px; } .v1 .proofStrip { grid-template-columns: 1fr; gap: 16px; } .v1 .promise { flex-direction: column; align-items: flex-start; } } @media (max-width: 575px) { .v1 .jStages { grid-template-columns: 1fr; gap: 14px; } .v1 .jStage { display: grid; grid-template-columns: 48px 1fr; column-gap: 14px; text-align: left; align-items: center; } .v1 .jDot { width: 48px; height: 48px; grid-row: 1 / 3; } .v1 .jStage h3 { margin: 0; } .v1 .jStage p { max-width: none; } } body[class*='dark-mode'] .v1 .secEcom { background: #120e1c; } body[class*='dark-mode'] .v1 .jDot, body[class*='dark-mode'] .v1 .proofStrip { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.15); } body[class*='dark-mode'] .v1 .jStage h3, body[class*='dark-mode'] .v1 .promise p, body[class*='dark-mode'] .v1 .proofText b { color: #fff; } body[class*='dark-mode'] .v1 .jStage p, body[class*='dark-mode'] .v1 .proofText { color: rgba(255,255,255,0.75); } body[class*='dark-mode'] .v1 .jDot, body[class*='dark-mode'] .v1 .promiseAlt { color: var(--yel); } body[class*='dark-mode'] .v1 .jLine path { stroke: rgba(255,255,255,0.15); } body[class*='dark-mode'] .v1 .jDotMove { fill: var(--yel); } .v1 .offerPanel { display: grid; grid-template-columns: 340px 1fr; margin-top: 48px; border: 2px solid var(--tint); border-radius: 22px; overflow: hidden; background: #fff; } .v1 .oTabs { background: #f7f7fc; border-right: 2px solid var(--tint); display: flex; flex-direction: column; } .v1 .oTab { appearance: none; background: none; border: 0; border-bottom: 1px solid var(--tint); text-align: left; padding: 24px 26px; display: flex; gap: 14px; align-items: flex-start; cursor: pointer; font-family: inherit; color: var(--ink); transition: background .2s, color .2s; } .v1 .oTab small { font-family: ui-monospace, Menlo, monospace; font-size: 11px; letter-spacing: 2px; color: var(--muted); padding-top: 7px; } .v1 .oTab b { display: block; font-size: 24px; font-weight: 700; letter-spacing: -1px; line-height: 1.1; } .v1 .oTab em { display: block; font-style: normal; font-size: 13px; color: #55556b; margin-top: 4px; line-height: 1.4; } .v1 .oTab:hover:not(.on) { background: var(--tint2); } .v1 .oTab.on { background: var(--ac); color: #fff; } .v1 .oTab.on small, .v1 .oTab.on em { color: rgba(255,255,255,0.8); } .v1 .oHint { margin: auto 0 0; padding: 20px 26px; font-size: 12.5px; color: var(--muted); font-style: italic; } .v1 .oContent { padding: 40px 44px; } .v1 .oPane { display: none; flex-direction: column; min-height: 100%; } .v1 .oPane.on { display: flex; } .v1 .oPane .kick { display: block; font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--ac); margin-bottom: 10px; } .v1 .oPane h3 { font-size: 30px; font-weight: 600; letter-spacing: -1px; line-height: 1.15; margin: 0 0 12px; color: var(--ink); max-width: 620px; } .v1 .oPane p { font-size: 15.5px; line-height: 1.6; color: #55556b; margin: 0 0 22px; max-width: 640px; } .v1 .oPane ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .v1 .oPane li { display: flex; gap: 9px; align-items: flex-start; font-size: 14px; color: #3b3a5a; line-height: 1.45; padding: 14px; border: 1.5px solid var(--tint); border-radius: 12px; background: #f7f7fc; } .v1 .oPane li svg { color: var(--ac); flex: 0 0 13px; margin-top: 4px; } .v1 .oCta { margin-top: auto; padding-top: 28px; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; } .v1 .oCta span { font-size: 13.5px; color: #55556b; } .v1 .proofStrip { display: grid; grid-template-columns: 300px 1fr; gap: 20px 28px; align-items: center; } .v1 .proofText { font-size: 14.5px; } .v1 .proofLink { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 14px; font-weight: 600; color: var(--ac); text-decoration: none; } .v1 .proofLink:hover { color: var(--ac2); } .v1 .logoTiles { display: flex; flex-wrap: wrap; gap: 10px; } .v1 .lt { width: 50px; height: 50px; border-radius: 12px; background: #fff; border: 1px solid rgba(30,27,75,0.08); display: flex; align-items: center; justify-content: center; text-decoration: none; transition: transform .2s, box-shadow .2s; } .v1 .lt img { width: 26px; height: 26px; display: block; border-radius: 5px; } .v1 .lt:hover { transform: scale(1.1); box-shadow: 0 8px 18px rgba(30,27,75,0.12); } .v1 .ltTxt { width: auto; padding: 0 14px; font-size: 12.5px; font-weight: 600; color: #2CA01C; border-color: #2CA01C; white-space: nowrap; } .v1 .proofDisc { grid-column: 1 / -1; margin: 0; font-size: 12px; color: var(--muted); } @media (max-width: 991px) { .v1 .offerPanel { grid-template-columns: 1fr; } .v1 .oTabs { border-right: 0; border-bottom: 2px solid var(--tint); flex-direction: row; overflow-x: auto; } .v1 .oTab { flex: 1 0 auto; border-bottom: 0; border-right: 1px solid var(--tint); padding: 16px 18px; } .v1 .oTab em { display: none; } .v1 .oHint { display: none; } .v1 .oContent { padding: 26px 22px; } .v1 .oPane ul { grid-template-columns: 1fr; } .v1 .proofStrip { grid-template-columns: 1fr; } } body[class*='dark-mode'] .v1 .offerPanel { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.15); } body[class*='dark-mode'] .v1 .oTabs { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.15); } body[class*='dark-mode'] .v1 .oTab { color: #fff; border-color: rgba(255,255,255,0.1); } body[class*='dark-mode'] .v1 .oTab em, body[class*='dark-mode'] .v1 .oCta span, body[class*='dark-mode'] .v1 .oHint { color: rgba(255,255,255,0.7); } body[class*='dark-mode'] .v1 .oTab:hover:not(.on) { background: rgba(255,255,255,0.06); } body[class*='dark-mode'] .v1 .oTab.on { background: var(--yel); color: var(--ink); } body[class*='dark-mode'] .v1 .oTab.on small, body[class*='dark-mode'] .v1 .oTab.on em { color: rgba(30,27,75,0.75); } body[class*='dark-mode'] .v1 .oPane .kick, body[class*='dark-mode'] .v1 .oPane li svg, body[class*='dark-mode'] .v1 .proofLink { color: var(--yel); } body[class*='dark-mode'] .v1 .oPane h3 { color: #fff; } body[class*='dark-mode'] .v1 .oPane p, body[class*='dark-mode'] .v1 .oPane li { color: rgba(255,255,255,0.78); } body[class*='dark-mode'] .v1 .oPane li { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.12); } body[class*='dark-mode'] .v1 .lt { background: #fff; } .v1 .oTab, .v1 .oTab:hover, .v1 .oTab:focus { width: 100%; height: auto; min-height: 0; line-height: normal; text-transform: none; letter-spacing: 0; border-radius: 0; box-shadow: none; outline: none; font-size: 14px; font-weight: 400; margin: 0; } .v1 .oTab b { text-transform: none; letter-spacing: -1px; } .v1 .oTab em { text-transform: none; letter-spacing: 0; } .v1 .oTab:focus-visible { box-shadow: inset 0 0 0 2px var(--ac); } @media (max-width: 991px) { .v1 .oTabs { display: grid; grid-template-columns: repeat(3, 1fr); overflow: visible; } .v1 .oTab, .v1 .oTab:hover, .v1 .oTab:focus { flex-direction: column; gap: 2px; padding: 14px 10px; align-items: center; text-align: center; } .v1 .oTab:last-of-type { border-right: 0; } .v1 .oTab small { padding-top: 0; } .v1 .oTab b { font-size: 20px; } } .v1 .secWhy { padding: 88px 0; background: #fff; } .v1 .secWhy .secHead { margin-bottom: 40px; } .v1 .whySheet { display: grid; grid-template-columns: 1.1fr .9fr; gap: 44px; align-items: start; } .v1 .commit { background: #fff; border: 2px solid var(--ink); border-radius: 6px; padding: 32px 34px; position: relative; box-shadow: 10px 10px 0 var(--tint2); } .v1 .cmTop { display: flex; justify-content: space-between; gap: 12px; font-family: ui-monospace, Menlo, monospace; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: var(--muted); margin-bottom: 16px; } .v1 .clause { display: grid; grid-template-columns: 48px 1fr; gap: 14px; padding: 16px 0; border-top: 1px dashed #c7d2fe; } .v1 .clNum { font-family: ui-monospace, Menlo, monospace; font-size: 13px; font-weight: 700; color: var(--ac); padding-top: 3px; } .v1 .clause h3 { margin: 0 0 4px; font-size: 16px; font-weight: 600; color: var(--ink); } .v1 .clause p { margin: 0; font-size: 13.5px; line-height: 1.55; color: #55556b; } .v1 .cmSig { margin-top: 16px; padding-top: 16px; border-top: 2px solid var(--ink); display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; } .v1 .cmName { font-family: 'Brush Script MT', 'Segoe Script', 'Snell Roundhand', cursive; font-size: 30px; color: var(--ac); line-height: 1; } .v1 .cmSig small { display: block; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); margin-top: 6px; } .v1 .cmSeal { width: 70px; height: 70px; border-radius: 50%; border: 2px solid var(--ac); color: var(--ac); display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-align: center; line-height: 1.2; transform: rotate(-12deg); flex: 0 0 70px; } .v1 .reasons { display: flex; flex-direction: column; } .v1 .reason { display: grid; grid-template-columns: 40px 1fr; gap: 14px; padding: 20px 0; border-bottom: 1px solid var(--tint); } .v1 .reason:first-child { padding-top: 0; } .v1 .rIco { color: var(--ac); } .v1 .reason h3 { margin: 0 0 5px; font-size: 16px; font-weight: 600; color: var(--ink); } .v1 .reason p { margin: 0; font-size: 13.5px; line-height: 1.55; color: #55556b; } @media (max-width: 991px) { .v1 .secWhy { padding: 60px 0; } .v1 .whySheet { grid-template-columns: 1fr; gap: 36px; } .v1 .commit { padding: 24px 20px; box-shadow: 6px 6px 0 var(--tint2); } .v1 .cmTop { flex-direction: column; gap: 4px; } } body[class*='dark-mode'] .v1 .secWhy { background: #120e1c; } body[class*='dark-mode'] .v1 .commit { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.6); box-shadow: 10px 10px 0 rgba(255,255,255,0.06); } body[class*='dark-mode'] .v1 .clause { border-color: rgba(255,255,255,0.18); } body[class*='dark-mode'] .v1 .cmSig { border-color: rgba(255,255,255,0.6); } body[class*='dark-mode'] .v1 .clause h3, body[class*='dark-mode'] .v1 .reason h3 { color: #fff; } body[class*='dark-mode'] .v1 .clause p, body[class*='dark-mode'] .v1 .reason p { color: rgba(255,255,255,0.75); } body[class*='dark-mode'] .v1 .clNum, body[class*='dark-mode'] .v1 .cmName, body[class*='dark-mode'] .v1 .cmSeal, body[class*='dark-mode'] .v1 .rIco { color: var(--yel); border-color: var(--yel); } body[class*='dark-mode'] .v1 .reason { border-color: rgba(255,255,255,0.12); } .v1 .secWork { padding: 88px 0; background: #f7f7fc; } .v1 .secWork .secHead { text-align: left; margin-bottom: 40px; } .v1 .secWork .secHead h2, .v1 .secWork .secHead p { margin-left: 0; } .v1 .workCols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: start; } .v1 .workCol { background: #fff; border: 2px solid var(--tint); border-radius: 20px; padding: 24px; } .v1 .workColH { font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--ac); padding-bottom: 14px; border-bottom: 2px solid var(--ink); margin: 0 0 6px; } .v1 .workItem { display: flex; flex-direction: column; gap: 8px; padding: 16px 0; border-bottom: 1px solid var(--tint2); text-decoration: none; color: inherit; } .v1 .workItem:last-child { border-bottom: 0; padding-bottom: 4px; } .v1 .workLogo { height: 30px; display: flex; align-items: center; gap: 8px; } .v1 .workLogo img { max-height: 30px; max-width: 140px; width: auto; height: auto; display: block; } .v1 .workLogo img.mark { max-height: 30px; width: 30px; border-radius: 7px; } .v1 .wm { font-size: 18px; font-weight: 700; letter-spacing: -0.5px; color: var(--ink); } .v1 .wm span { color: var(--ac); } .v1 .workItem p { margin: 0; font-size: 13.5px; line-height: 1.55; color: #55556b; } .v1 .workUrl { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--muted); transition: color .2s; } .v1 .workItem:hover .workUrl { color: var(--ac); } .v1 .workItem:hover p { color: var(--ink); } @media (max-width: 991px) { .v1 .secWork { padding: 60px 0; } .v1 .workCols { grid-template-columns: 1fr; gap: 18px; } } body[class*='dark-mode'] .v1 .secWork { background: #1b1527; } body[class*='dark-mode'] .v1 .workCol { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.15); } body[class*='dark-mode'] .v1 .workColH { color: var(--yel); border-color: rgba(255,255,255,0.6); } body[class*='dark-mode'] .v1 .workItem { border-color: rgba(255,255,255,0.1); } body[class*='dark-mode'] .v1 .workItem p { color: rgba(255,255,255,0.75); } body[class*='dark-mode'] .v1 .workItem:hover p, body[class*='dark-mode'] .v1 .wm { color: #fff; } body[class*='dark-mode'] .v1 .wm span, body[class*='dark-mode'] .v1 .workItem:hover .workUrl { color: var(--yel); } body[class*='dark-mode'] .v1 .workLogo { background: #fff; border-radius: 8px; padding: 4px 8px; align-self: flex-start; } .v1 .workItem p { min-height: calc(1.55em * 3); } .v1 .secFaq { padding: 88px 0; background: #fff; } .v1 .secFaq .secHead { margin-bottom: 8px; max-width: 760px; } .v1 .fanHint { font-size: 12.5px; color: var(--muted); font-style: italic; margin: 6px 0 0; } .v1 .faqFan { display: grid; grid-template-columns: 1fr 480px; gap: 60px; align-items: center; } .v1 .fanStage { position: relative; height: 430px; } .v1 .fanHand { position: absolute; left: 48%; bottom: 26px; width: 0; height: 0; } .v1 .fanCard { position: absolute; left: -85px; bottom: 0; width: 170px; height: 250px; transform-origin: 50% 240%; background: #fff; border: 2px solid var(--tint); border-radius: 14px; padding: 14px 16px; cursor: pointer; transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s, background .25s, color .25s; box-shadow: 0 10px 26px rgba(30,27,75,0.08); display: flex; flex-direction: column; text-align: left; font-family: inherit; color: var(--ink); appearance: none; text-transform: none; letter-spacing: 0; line-height: normal; min-height: 0; } .v1 .fanCard:hover { box-shadow: 0 26px 50px rgba(30,27,75,0.16); } .v1 .fanCard:focus-visible { outline: 2px solid var(--ac); outline-offset: 3px; } .v1 .fcN { font-family: ui-monospace, Menlo, monospace; font-size: 11px; letter-spacing: 2px; color: var(--ac); } .v1 .fcQ { position: absolute; right: 12px; top: 6px; font-size: 36px; font-weight: 700; color: var(--tint2); letter-spacing: -2px; line-height: 1; } .v1 .fcT { margin-top: auto; font-size: 15px; line-height: 1.3; letter-spacing: -0.2px; font-weight: 600; } .v1 .fanCard.on { background: var(--ac); border-color: var(--ac); color: #fff; } .v1 .fanCard.on .fcN, .v1 .fanCard.on .fcQ { color: rgba(255,255,255,0.55); } .v1 .fanReader { padding: 32px 34px; background: var(--tint2); border-radius: 22px; min-height: 300px; display: flex; flex-direction: column; justify-content: center; } .v1 .frK { font-family: ui-monospace, Menlo, monospace; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--ac); margin-bottom: 10px; } .v1 .faqAns { display: none; } .v1 .faqAns.on { display: block; } .v1 .faqAns h3 { margin: 0 0 14px; font-size: 24px; font-weight: 600; letter-spacing: -0.8px; line-height: 1.25; color: var(--ink); } .v1 .faqAns p { margin: 0; font-size: 15px; line-height: 1.7; color: #3b3a5a; } .v1 .frNav { display: flex; gap: 8px; margin-top: 22px; } .v1 .frBtn, .v1 .frBtn:hover, .v1 .frBtn:focus { width: 38px; height: 38px; min-height: 0; padding: 0; border-radius: 50%; border: 2px solid var(--ac); color: var(--ac); background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: none; line-height: 1; } .v1 .frBtn:hover { background: var(--ac); color: #fff; } @media (max-width: 1199px) { .v1 .faqFan { grid-template-columns: 1fr 400px; gap: 30px; } } body[class*='dark-mode'] .v1 .secFaq { background: #120e1c; } body[class*='dark-mode'] .v1 .fanCard { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.15); color: #fff; box-shadow: none; } body[class*='dark-mode'] .v1 .fcN { color: var(--yel); } body[class*='dark-mode'] .v1 .fcQ { color: rgba(255,255,255,0.08); } body[class*='dark-mode'] .v1 .fanCard.on { background: var(--yel); border-color: var(--yel); color: var(--ink); } body[class*='dark-mode'] .v1 .fanCard.on .fcN, body[class*='dark-mode'] .v1 .fanCard.on .fcQ { color: rgba(30,27,75,0.6); } body[class*='dark-mode'] .v1 .fanReader { background: rgba(255,255,255,0.05); } body[class*='dark-mode'] .v1 .frK { color: var(--yel); } body[class*='dark-mode'] .v1 .faqAns h3 { color: #fff; } body[class*='dark-mode'] .v1 .faqAns p { color: rgba(255,255,255,0.78); } body[class*='dark-mode'] .v1 .frBtn { background: transparent; border-color: var(--yel); color: var(--yel); } body[class*='dark-mode'] .v1 .frBtn:hover { background: var(--yel); color: var(--ink); } .v1 .contactForm textarea { min-height: 72px; } .v1 .contactForm textarea { height: 88px; min-height: 88px; resize: vertical; } .v1 .frBtn, .v1 .frBtn:hover, .v1 .frBtn:focus { border: 2px solid var(--ac); } .v1 .frBtn:hover { background: var(--ac); color: #fff; } .v1 .secFaq .secHead a { text-decoration: none; font-weight: 600; } .v1 .secFaq .secHead a { color: var(--ac); } .v1 .faqFan { align-items: center; } .v1 .fanStage { height: 360px; } .v1 .fanHand { left: 47%; bottom: 62px; } .v1 .fanCard { width: 150px; height: 220px; left: -75px; transform-origin: 50% 250%; padding: 12px 14px; } .v1 .fcT { font-size: 14px; } .v1 .fcQ { font-size: 32px; } .v1 .phoneRow { display: flex; gap: 8px; } .v1 .dialWrap { position: relative; flex: 0 0 auto; display: flex; align-items: center; gap: 6px; padding: 0 12px; border-radius: 12px; border: 1.5px solid #e0e2ee; background: #fbfbfe; font-size: 15px; color: var(--ink); min-width: 104px; } .v1 .dialWrap:focus-within { border-color: var(--ac); box-shadow: 0 0 0 3px rgba(79,70,229,0.15); } .v1 .dialFlag { font-size: 18px; line-height: 1; } .v1 .dialCode { font-weight: 500; } .v1 .dialWrap:after { content: ""; width: 6px; height: 6px; border-right: 1.5px solid var(--muted); border-bottom: 1.5px solid var(--muted); transform: rotate(45deg); margin: -3px 0 0 2px; } .v1 .contactForm .dialSel { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; margin: 0; padding: 0; } .v1 .phoneRow input { flex: 1 1 auto; min-width: 0; } body[class*='dark-mode'] .v1 .dialWrap { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.15); color: #fff; } body[class*='dark-mode'] { background: #120e1c; color: #f3effc; } body[class*='dark-mode'] .v1 main h2, body[class*='dark-mode'] .v1 .heroText h1 { color: #f3effc; } body[class*='dark-mode'] .v1 .secHead p, body[class*='dark-mode'] .v1 .lead { color: rgba(243,239,252,0.72); } body[class*='dark-mode'] .v1 .kick { color: #c7d2fe; } body[class*='dark-mode'] .v1 .secHead a, body[class*='dark-mode'] .v1 .proofLink, body[class*='dark-mode'] .v1 .promiseAlt { color: #818cf8; } body[class*='dark-mode'] .v1 .secBlueprint { background: #120e1c; } body[class*='dark-mode'] .v1 .secBlueprint .secHead p { color: rgba(243,239,252,0.72); } body[class*='dark-mode'] .v1 .ftTop { background: var(--yel); color: var(--ink); } body[class*='dark-mode'] .v1 .ftTop:hover { background: #f43f5e; color: var(--ink); } body[class*='dark-mode'] { --yel: #fb7185; } body[class*='dark-mode'] .v1 .node .c.g { box-shadow: 0 0 0 4px rgba(251,113,133,0.8), 0 8px 20px rgba(0,0,0,0.3); } body[class*='dark-mode'] .v1 .btn:hover, body[class*='dark-mode'] .v1 .capBtn:hover { background: #f43f5e; } .v1 { --btn: var(--ac); --btn-hover: var(--ac2); --btn-text: #fff; --hl: var(--ac); --link: var(--ac); --link-hover: var(--ac2); } body[class*='dark-mode'] .v1 { --btn: #fb7185; --btn-hover: #fff; --btn-text: var(--ink); --hl: #fb7185; --link: #fb7185; --link-hover: #fff; } body[class*='dark-mode'] { --yel: #fb7185; } .v1 .btn, .v1 .capBtn, .v1 .ftTop, .v1 .ctaRow .btn, .v1 .contactForm .btn, .v1 .secCta .btn, .v1 .auditCta .btn, .v1 .oCta .btn, .v1 .promiseCta .btn, body[class*='dark-mode'] .v1 .btn, body[class*='dark-mode'] .v1 .capBtn, body[class*='dark-mode'] .v1 .ftTop, body[class*='dark-mode'] .v1 .ctaRow .btn, body[class*='dark-mode'] .v1 .contactForm .btn, body[class*='dark-mode'] .v1 .secCta .btn, body[class*='dark-mode'] .v1 .auditCta .btn { background: var(--btn); color: var(--btn-text); } .v1 .btn:hover, .v1 .capBtn:hover, .v1 .ftTop:hover, .v1 .ctaRow .btn:hover, .v1 .contactForm .btn:hover, .v1 .secCta .btn:hover, .v1 .auditCta .btn:hover, body[class*='dark-mode'] .v1 .btn:hover, body[class*='dark-mode'] .v1 .capBtn:hover, body[class*='dark-mode'] .v1 .ftTop:hover, body[class*='dark-mode'] .v1 .ctaRow .btn:hover, body[class*='dark-mode'] .v1 .contactForm .btn:hover, body[class*='dark-mode'] .v1 .secCta .btn:hover, body[class*='dark-mode'] .v1 .auditCta .btn:hover { background: var(--btn-hover); color: var(--btn-text); } body[class*='dark-mode'] .v1 .btn.border, body[class*='dark-mode'] .v1 .ctaRow .btn.border { background: transparent; color: #f3effc; border-color: rgba(243,239,252,0.5) !important; } body[class*='dark-mode'] .v1 .btn.border:hover, body[class*='dark-mode'] .v1 .ctaRow .btn.border:hover { background: var(--btn) !important; color: var(--btn-text) !important; border-color: var(--btn) !important; } .v1 .frBtn, body[class*='dark-mode'] .v1 .frBtn { background: transparent; border: 2px solid var(--btn); color: var(--btn); } .v1 .frBtn:hover, body[class*='dark-mode'] .v1 .frBtn:hover { background: var(--btn); color: var(--btn-text); } .v1 .oTab.on, .v1 .fanCard.on, body[class*='dark-mode'] .v1 .oTab.on, body[class*='dark-mode'] .v1 .fanCard.on { background: var(--btn); border-color: var(--btn); color: var(--btn-text); } .v1 .oTab.on small, .v1 .oTab.on em, body[class*='dark-mode'] .v1 .oTab.on small, body[class*='dark-mode'] .v1 .oTab.on em { color: var(--btn-text); opacity: .8; } .v1 .fanCard.on .fcN, .v1 .fanCard.on .fcQ, body[class*='dark-mode'] .v1 .fanCard.on .fcN, body[class*='dark-mode'] .v1 .fanCard.on .fcQ { color: var(--btn-text); opacity: .55; } .v1 main h2 span, .v1 .kick, .v1 .oPane .kick, .v1 .frK, .v1 .fcN, .v1 .clNum, .v1 .rIco, .v1 .cmName, .v1 .cmSeal, .v1 .workColH, .v1 .jStage:hover .jDot, .v1 .oPane li svg, .v1 .checkGrid li svg, body[class*='dark-mode'] .v1 main h2 span, body[class*='dark-mode'] .v1 .kick, body[class*='dark-mode'] .v1 .oPane .kick, body[class*='dark-mode'] .v1 .frK, body[class*='dark-mode'] .v1 .fcN, body[class*='dark-mode'] .v1 .clNum, body[class*='dark-mode'] .v1 .rIco, body[class*='dark-mode'] .v1 .cmName, body[class*='dark-mode'] .v1 .cmSeal, body[class*='dark-mode'] .v1 .workColH, body[class*='dark-mode'] .v1 .oPane li svg, body[class*='dark-mode'] .v1 .checkGrid li svg { color: var(--hl); } .v1 .cmSeal, body[class*='dark-mode'] .v1 .cmSeal { border-color: var(--hl); } .v1 .jDot, body[class*='dark-mode'] .v1 .jDot { border-color: var(--hl); color: var(--hl); background: transparent; } .v1 .jStage:hover .jDot, body[class*='dark-mode'] .v1 .jStage:hover .jDot { background: var(--hl); color: var(--btn-text); } .v1 .jDotMove, body[class*='dark-mode'] .v1 .jDotMove { fill: var(--hl); } .v1 .secHead a, .v1 .proofLink, .v1 .promiseAlt, .v1 .bpLink, .v1 .workUrl, .v1 .contactList2 a, body[class*='dark-mode'] .v1 .secHead a, body[class*='dark-mode'] .v1 .proofLink, body[class*='dark-mode'] .v1 .promiseAlt, body[class*='dark-mode'] .v1 .bpLink { color: var(--link); } .v1 .secHead a:hover, .v1 .proofLink:hover, .v1 .promiseAlt:hover, .v1 .bpLink:hover, body[class*='dark-mode'] .v1 .secHead a:hover, body[class*='dark-mode'] .v1 .proofLink:hover, body[class*='dark-mode'] .v1 .promiseAlt:hover, body[class*='dark-mode'] .v1 .bpLink:hover { color: var(--link-hover); } body[class*='dark-mode'] .v1 .workLogo { background: transparent; padding: 0; border-radius: 0; } .v1 .workUrl { color: var(--muted); } .v1 .workItem:hover .workUrl, .v1 .workItem:hover .wm, body[class*='dark-mode'] .v1 .workItem:hover .workUrl, body[class*='dark-mode'] .v1 .workItem:hover .wm { color: var(--link); } body[class*='dark-mode'] .v1 .wm { color: #f3effc; } body[class*='dark-mode'] .v1 .wm span { color: var(--hl); } body[class*='dark-mode'] .v1 .workLogo img:not(.mark) { background: #fff; border-radius: 6px; padding: 3px 6px; } body[class*='dark-mode'] .v1 .upBadge { background: #fff; color: var(--ink); } body[class*='dark-mode'] .v1 .chip:hover { box-shadow: 0 0 0 1.5px var(--hl); color: #fff; } .v1 .chip:hover { box-shadow: 0 0 0 1.5px var(--hl), 0 8px 18px rgba(30,27,75,0.1); } .v1 .chip svg, body[class*='dark-mode'] .v1 .chip svg { color: var(--hl); } body[class*='dark-mode'] .v1 .btn.border:hover, body[class*='dark-mode'] .v1 .ctaRow .btn.border:hover { background: var(--btn-hover) !important; color: var(--btn-text) !important; border-color: var(--btn-hover) !important; } .v1 .toolChips span { transition: color .2s, box-shadow .2s, transform .2s; cursor: default; } .v1 .toolChips span:hover, body[class*='dark-mode'] .v1 .toolChips span:hover { color: var(--hl); box-shadow: 0 0 0 1.5px var(--hl); transform: translateY(-2px); } body[class*='dark-mode'] .v1 .workLogo img[alt="Driver X"] { background: #fff; border-radius: 6px; padding: 3px 6px; } body[class*='dark-mode'] .v1 .upTxt b { color: var(--ink); } body[class*='dark-mode'] .v1 .upTxt small { color: #14a800; } body[class*='dark-mode'] .v1 .capsule .logo a { position: relative; display: block; } body[class*='dark-mode'] .v1 .capsule .logo img { filter: none; opacity: 0; } body[class*='dark-mode'] .v1 .capsule .logo a::before, body[class*='dark-mode'] .v1 .capsule .logo a::after { content: ""; position: absolute; inset: 0; -webkit-mask: url(../images/logo-indigo.webp) no-repeat left center / contain; mask: url(../images/logo-indigo.webp) no-repeat left center / contain; pointer-events: none; } body[class*='dark-mode'] .v1 .capsule .logo a::before { background: var(--hl); clip-path: inset(0 79% 0 0); } body[class*='dark-mode'] .v1 .capsule .logo a::after { background: #f3effc; clip-path: inset(0 0 0 21%); } .v1 .ftSocial a:hover, body[class*='dark-mode'] .v1 .ftSocial a:hover { background: var(--btn); color: var(--btn-text); } @media (max-width: 575px) { .v1 .jStages { position: relative; gap: 22px; } .v1 .jStages:before { content: ""; position: absolute; left: 23px; top: 24px; bottom: 24px; width: 2px; background: var(--tint); z-index: 0; } .v1 .jStage { position: relative; z-index: 1; } .v1 .jDot { background: #fff; } body[class*='dark-mode'] .v1 .jStages:before { background: rgba(255,255,255,0.15); } body[class*='dark-mode'] .v1 .jDot { background: #120e1c; } } @media (max-width: 991px) { .v1 .frBtn, .v1 .frBtn:hover, .v1 .frBtn:focus, body[class*='dark-mode'] .v1 .frBtn { width: 38px; height: 38px; min-height: 0; padding: 0; border: 2px solid var(--btn) !important; border-radius: 50%; display: flex; align-items: center; justify-content: center; } } @media (max-width: 991px) { .v1 .secFaq { padding: 60px 0; } .v1 .fanHint { display: none; } .v1 .faqFan { grid-template-columns: 1fr; gap: 10px; } .v1 .fanStage { height: 225px; } .v1 .fanHand { left: 46%; bottom: 36px; } .v1 .fanCard { width: 96px; height: 140px; left: -48px; padding: 8px 7px; border-radius: 10px; transform-origin: 50% 230%; } .v1 .fcN { font-size: 10.5px; letter-spacing: 1px; } .v1 .fcQ { font-size: 26px; right: 8px; top: 4px; } .v1 .fcT { display: none; } .v1 .fanReader { min-height: 0; padding: 24px 22px; touch-action: pan-y; } .v1 .frSwipe { display: block; font-size: 12px; color: var(--muted); margin-top: 12px; } } @media (min-width: 992px) { .v1 .frSwipe { display: none; } } .v1 .secReviews { padding: 88px 0; background: #fff; } .v1 .secReviews .secHead { margin-bottom: 40px; } .v1 .rvWall { columns: 3; column-gap: 20px; } .v1 .rvCard { break-inside: avoid; margin: 0 0 20px; padding: 24px 24px 20px; border-radius: 18px; background: #f7f7fc; border: 2px solid var(--tint); display: flex; flex-direction: column; gap: 14px; } .v1 .rvStars { color: var(--hl); font-size: 13px; letter-spacing: 1px; } .v1 .rvQ { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--ink); quotes: none; } .v1 .rvQ.big { font-size: 19px; letter-spacing: -0.3px; font-weight: 500; } .v1 .rvFt { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-top: 12px; border-top: 1px solid var(--tint); } .v1 .rvWho { display: flex; align-items: center; gap: 12px; min-width: 0; } .v1 .rvAv { width: 38px; height: 38px; border-radius: 50%; background: var(--tint2); color: var(--ac); font-weight: 700; font-size: 13px; display: flex; align-items: center; justify-content: center; flex: 0 0 38px; } .v1 .rvNm { font-size: 14px; font-weight: 600; line-height: 1.2; color: var(--ink); } .v1 .rvRl { font-size: 12.5px; color: #55556b; } .v1 .rvRl a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--tint); } .v1 .rvRl a:hover { color: var(--link); border-color: var(--link); } .v1 .rvTag { font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--hl); background: var(--tint2); padding: 4px 8px; border-radius: 6px; white-space: nowrap; } .v1 .rvVia { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; color: #14a800; letter-spacing: .5px; text-transform: uppercase; text-decoration: none; align-self: flex-start; } .v1 .rvVia i { width: 16px; height: 16px; border-radius: 50%; background: #14a800; color: #fff; font-style: normal; font-size: 8px; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; } @media (max-width: 991px) { .v1 .secReviews { padding: 60px 0; } .v1 .rvWall { columns: 2; } } @media (max-width: 640px) { .v1 .rvWall { columns: 1; } .v1 .rvFt { flex-direction: column; align-items: flex-start; } } body[class*='dark-mode'] .v1 .secReviews { background: #1b1527; } body[class*='dark-mode'] .v1 .rvCard { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.12); } body[class*='dark-mode'] .v1 .rvQ, body[class*='dark-mode'] .v1 .rvNm { color: #f3effc; } body[class*='dark-mode'] .v1 .rvRl { color: rgba(243,239,252,0.7); } body[class*='dark-mode'] .v1 .rvRl a { border-color: rgba(255,255,255,0.2); } body[class*='dark-mode'] .v1 .rvAv { background: rgba(255,255,255,0.1); color: var(--hl); } body[class*='dark-mode'] .v1 .rvTag { background: rgba(255,255,255,0.08); } .v1 .rvWall { columns: auto; column-gap: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; } .v1 .rvCol { display: flex; flex-direction: column; gap: 20px; } .v1 .rvCard { margin: 0; padding: 20px 22px 18px; gap: 12px; } .v1 .rvTop { display: flex; justify-content: space-between; align-items: center; } .v1 .rvFt { padding-top: 10px; } @media (max-width: 991px) { .v1 .rvWall { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .v1 .rvWall { grid-template-columns: 1fr; } } /* Trust bar on phones: two equal columns, uniform badge heights */ @media (max-width: 575px) { .v1 .trustBadges { display: grid; grid-template-columns: auto 1fr; grid-template-rows: 1fr 1fr; grid-auto-flow: column; gap: 12px 22px; align-items: center; } .v1 .trustBadges li { justify-content: flex-start; min-width: 0; } .v1 .trustBadges img { height: 35px; } .v1 .trustBadges .withCap img { height: 24px; } .v1 .trustBadges .withCap { gap: 8px; } .v1 .trustBadges .withCap a { gap: 8px; } .v1 .trustBadges small { max-width: none; font-size: 11px; } .v1 .upBadge { padding: 4px 9px 4px 5px; } } /* Contact form: validation and sending states */ .v1 .contactForm .invalid { border-color: #e65947 !important; box-shadow: 0 0 0 3px rgba(230,89,71,0.15) !important; } .v1 .contactForm .btn:disabled { opacity: .85; cursor: wait; } .v1 .contactForm .btn.isLoading { pointer-events: none; } .v1 .contactForm .btn.isSent { background: #16a34a !important; color: #fff !important; } .v1 .spin { display: inline-block; width: 14px; height: 14px; margin-right: 9px; border: 2px solid rgba(255,255,255,0.45); border-top-color: #fff; border-radius: 50%; vertical-align: -2px; animation: acSpin .8s linear infinite; } body[class*='dark-mode'] .v1 .spin { border-color: rgba(30,27,75,0.35); border-top-color: var(--ink); } @keyframes acSpin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .v1 .spin { animation: none; } } /* WhatsApp floating button */ /* Bottom offsets put the button's centre 48px from the screen edge, level with the footer's back-to-top arrow (28px footer padding + half of 40px) */ .waFab { position: fixed; right: 22px; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); z-index: 98; display: flex; align-items: center; gap: 0; height: 56px; padding: 0 14px; border-radius: 30px; background: #25d366; color: #fff; text-decoration: none; box-shadow: 0 6px 18px rgba(30,27,75,0.18), 0 0 0 1px rgba(0,0,0,0.04); transition: background .2s, box-shadow .2s, transform .2s; } .waFab:hover, .waFab:focus-visible { background: #1ebe5b; color: #fff; box-shadow: 0 10px 24px rgba(30,27,75,0.24); transform: translateY(-2px); } .waFab .waLbl { max-width: 0; overflow: hidden; white-space: nowrap; font-size: 14px; font-weight: 600; letter-spacing: .1px; opacity: 0; transition: max-width .25s, opacity .2s, margin .25s; } .waFab:hover .waLbl, .waFab:focus-visible .waLbl { max-width: 120px; opacity: 1; margin-left: 10px; } .v1 .ftBottom { padding-right: 80px; } @media (max-width: 767px) { .waFab { right: 16px; bottom: calc(22px + env(safe-area-inset-bottom, 0px)); height: 52px; padding: 0 12px; } .waFab .waLbl { display: none; } } @media (prefers-reduced-motion: reduce) { .waFab, .waFab .waLbl { transition: none; } .waFab:hover { transform: none; } } /* Cookie consent banner (built by js/consent.js) */ .ccBar { position: fixed; left: 22px; bottom: calc(22px + env(safe-area-inset-bottom, 0px)); z-index: 100; width: 420px; max-width: calc(100vw - 44px); padding: 22px 22px 18px; border-radius: 20px; background: #fff; color: var(--ink); box-shadow: 0 0 0 1px rgba(30,27,75,0.08), 0 18px 48px rgba(30,27,75,0.22); font-family: Geist, -apple-system, "Segoe UI", sans-serif; animation: ccIn .35s ease-out; } @keyframes ccIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } .ccBar .ccT { margin: 0 0 6px; font-size: 16px; font-weight: 600; letter-spacing: -.2px; color: var(--ink); } .ccBar .ccD { margin: 0; font-size: 13.5px; line-height: 1.55; color: #55556b; } .ccBar .ccOpts { margin-top: 14px; border-top: 1px solid #e3e4f0; } .ccBar .ccRow { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0; padding: 12px 0; border-bottom: 1px solid #e3e4f0; cursor: pointer; } .ccBar .ccRow b { display: block; font-size: 13.5px; font-weight: 600; color: var(--ink); } .ccBar .ccRow small { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.45; color: #6f6e8a; } .ccBar .ccRow input { appearance: none; -webkit-appearance: none; flex: 0 0 42px; width: 42px; height: 24px; margin: 0; border-radius: 999px; background: #d4d6e6; position: relative; cursor: pointer; transition: background .2s; } .ccBar .ccRow input::after { content: ""; position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(30,27,75,0.25); transition: transform .2s; } .ccBar .ccRow input:checked { background: var(--ac); } .ccBar .ccRow input:checked::after { transform: translateX(18px); } .ccBar .ccRow input:disabled { opacity: .55; cursor: default; } .ccBar .ccRow input:focus-visible, .ccBar .ccBtn:focus-visible { outline: 2px solid var(--ac); outline-offset: 2px; } .ccBar .ccBtns { display: flex; align-items: center; gap: 8px; margin-top: 16px; } .ccBar .ccBtn { flex: 1 1 0; height: 42px; padding: 0 14px; border-radius: 12px; font-family: inherit; font-size: 13.5px; font-weight: 600; line-height: 1; letter-spacing: 0; text-transform: none; white-space: nowrap; cursor: pointer; transition: background .2s, color .2s, box-shadow .2s; } .ccBar .ccSolid { background: var(--ac); color: #fff; } .ccBar .ccSolid:hover { background: var(--ac2); color: #fff; } .ccBar .ccGhost { background: #fff; color: var(--ink); box-shadow: inset 0 0 0 1.5px rgba(30,27,75,0.28); } .ccBar .ccGhost:hover { background: var(--tint2); color: var(--ink); } .ccBar .ccLink { flex: 0 0 auto; padding: 0 6px; background: transparent; color: #55556b; text-decoration: underline; text-underline-offset: 3px; } .ccBar .ccLink:hover { background: transparent; color: var(--ink); } body[class*='dark-mode'] .ccBar { background: #1b1527; color: #f3effc; box-shadow: 0 0 0 1px rgba(255,255,255,0.1), 0 18px 48px rgba(0,0,0,0.5); } body[class*='dark-mode'] .ccBar .ccT, body[class*='dark-mode'] .ccBar .ccRow b { color: #f3effc; } body[class*='dark-mode'] .ccBar .ccD, body[class*='dark-mode'] .ccBar .ccRow small, body[class*='dark-mode'] .ccBar .ccLink { color: #b3adcb; } body[class*='dark-mode'] .ccBar .ccOpts, body[class*='dark-mode'] .ccBar .ccRow { border-color: #2c2340; } body[class*='dark-mode'] .ccBar .ccRow input { background: #3a3052; } body[class*='dark-mode'] .ccBar .ccRow input:checked { background: #818cf8; } body[class*='dark-mode'] .ccBar .ccGhost { background: transparent; color: #f3effc; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,0.3); } body[class*='dark-mode'] .ccBar .ccGhost:hover { background: rgba(255,255,255,0.08); color: #fff; } body[class*='dark-mode'] .ccBar .ccLink:hover { color: #fff; } .v1 .ftCookie { margin-left: 10px; color: inherit; text-decoration: underline; text-underline-offset: 3px; opacity: .8; } .v1 .ftCookie:hover { color: #fff; opacity: 1; } @media (max-width: 767px) { .v1 .ftBottom { align-items: flex-end; } .v1 .ftCookie { display: block; width: fit-content; margin: 6px 0 0; } .ccBar { left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); width: auto; max-width: none; padding: 18px 16px 14px; } body.ccOpen .waFab { display: none; } } @media (prefers-reduced-motion: reduce) { .ccBar { animation: none; } .ccBar .ccRow input, .ccBar .ccRow input::after, .ccBar .ccBtn { transition: none; } } /* Legal pages (privacy policy) */ .v1 .secLegal { padding: 150px 0 90px; background: linear-gradient(180deg, var(--tint2) 0, #fff 320px); } .v1 .legalDoc { max-width: 780px; margin: 0 auto; color: #3b3a5a; font-size: 16px; line-height: 1.7; } .v1 .legalDoc .kick { display: block; margin-bottom: 12px; font-size: 12px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--ac); } .v1 .legalDoc h1 { margin: 0 0 10px; font-size: 44px; line-height: 1.1; font-weight: 600; letter-spacing: -1.4px; color: var(--ink); } .v1 .legalDoc .legalMeta { margin: 0 0 28px; font-size: 14px; color: #6f6e8a; } .v1 .legalDoc .legalLead { margin: 0 0 8px; padding: 18px 22px; border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px rgba(30,27,75,0.08); color: var(--ink); } .v1 .legalDoc h2 { margin: 44px 0 12px; font-size: 23px; line-height: 1.25; font-weight: 600; letter-spacing: -.4px; color: var(--ink); scroll-margin-top: 110px; } .v1 .legalDoc p { margin: 0 0 14px; } .v1 .legalDoc ul { margin: 0 0 14px; padding-left: 20px; list-style: disc; } .v1 .legalDoc li { margin-bottom: 10px; } .v1 .legalDoc li::marker { color: var(--ac); } .v1 .legalDoc strong { color: var(--ink); font-weight: 600; } .v1 .legalDoc a { color: var(--ac); text-decoration: underline; text-underline-offset: 3px; } .v1 .legalDoc a:hover { color: var(--ac2); } .v1 .ftCookie + .ftCookie { margin-left: 14px; } body[class*='dark-mode'] .v1 .secLegal { background: #120e1c; } body[class*='dark-mode'] .v1 .legalDoc { color: #c9c4dc; } body[class*='dark-mode'] .v1 .legalDoc h1, body[class*='dark-mode'] .v1 .legalDoc h2, body[class*='dark-mode'] .v1 .legalDoc strong { color: #f3effc; } body[class*='dark-mode'] .v1 .legalDoc .kick, body[class*='dark-mode'] .v1 .legalDoc a, body[class*='dark-mode'] .v1 .legalDoc li::marker { color: #a5b4fc; } body[class*='dark-mode'] .v1 .legalDoc .legalMeta { color: #9d97b8; } body[class*='dark-mode'] .v1 .legalDoc .legalLead { background: #1b1527; color: #f3effc; box-shadow: 0 0 0 1px rgba(255,255,255,0.1); } @media (max-width: 767px) { .v1 .secLegal { padding: 120px 0 60px; } .v1 .legalDoc { font-size: 15.5px; } .v1 .legalDoc h1 { font-size: 34px; letter-spacing: -1px; } .v1 .legalDoc h2 { font-size: 20px; margin-top: 36px; } .v1 .ftCookie + .ftCookie { margin-left: 0; } } .ccBar .ccD a { color: var(--ac); text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; } body[class*='dark-mode'] .ccBar .ccD a { color: #a5b4fc; }