@media (min-width:992px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="53d9956a-6669-6a41-7438-58001315a266"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="026953cd-385b-2dca-e210-bc809b8bd68e"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="121c6554-d743-b21b-b00e-720f08c20818"] {-webkit-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="a988d1a4-7de2-3ddd-6100-7229c3915407"] {-webkit-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="e751a6f9-c7b4-f24b-c524-c3be01861022"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="1f0d5787-2bc4-509c-5284-cb6227935661"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="6c5b40cc-adf1-c329-ae71-52abb24b33ed"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="e44175fb-5de9-4d78-392b-fc927d8681f0"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="cf9db32e-7de9-95d2-0b18-8dda37c8a5df"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="6a628285-00b3-eaa3-501c-353da3da816e"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="4303a61f-168b-562a-a6ff-1202ecbe3d70"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="05c77948-5736-8514-c0e5-45790447305a"] {-webkit-transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);-moz-transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);-ms-transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="e9c7d7b1-4a20-3c80-d916-10ececf6faff"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="44e9f2d5-5acc-125d-2879-2f896846fcc1"] {background-color:rgb(0,0,0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="44e9f2d5-5acc-125d-2879-2f896846fcc2"] {color:rgb(255,255,255);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6ae8f5c0-6d74-c5b7-3be7-25e6d2b4ce86"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="5b863c11-61c1-542c-3fce-bb20ec2a5b61"] {background-color:rgb(0,0,0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="5b863c11-61c1-542c-3fce-bb20ec2a5b62"] {color:rgb(255,255,255);}}@media (max-width:991px) and (min-width:768px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="53d9956a-6669-6a41-7438-58001315a266"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="026953cd-385b-2dca-e210-bc809b8bd68e"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="121c6554-d743-b21b-b00e-720f08c20818"] {-webkit-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="a988d1a4-7de2-3ddd-6100-7229c3915407"] {-webkit-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="e751a6f9-c7b4-f24b-c524-c3be01861022"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="1f0d5787-2bc4-509c-5284-cb6227935661"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="6c5b40cc-adf1-c329-ae71-52abb24b33ed"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="e44175fb-5de9-4d78-392b-fc927d8681f0"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="cf9db32e-7de9-95d2-0b18-8dda37c8a5df"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="6a628285-00b3-eaa3-501c-353da3da816e"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="4303a61f-168b-562a-a6ff-1202ecbe3d70"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-10deg) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="05c77948-5736-8514-c0e5-45790447305a"] {-webkit-transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);-moz-transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);-ms-transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);transform:translate3d(11rem, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="e9c7d7b1-4a20-3c80-d916-10ececf6faff"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="44e9f2d5-5acc-125d-2879-2f896846fcc1"] {background-color:rgb(0,0,0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="44e9f2d5-5acc-125d-2879-2f896846fcc2"] {color:rgb(255,255,255);}html.w-mod-js:not(.w-mod-ix) [data-w-id="6ae8f5c0-6d74-c5b7-3be7-25e6d2b4ce86"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="5b863c11-61c1-542c-3fce-bb20ec2a5b61"] {background-color:rgb(0,0,0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="5b863c11-61c1-542c-3fce-bb20ec2a5b62"] {color:rgb(255,255,255);}}@media (max-width:767px) and (min-width:480px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="53d9956a-6669-6a41-7438-58001315a266"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="026953cd-385b-2dca-e210-bc809b8bd68e"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="121c6554-d743-b21b-b00e-720f08c20818"] {-webkit-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="a988d1a4-7de2-3ddd-6100-7229c3915407"] {-webkit-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}}@media (max-width:479px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="389567d2-1a86-1c75-9f96-33a8ac166560"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter: blur(7px);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="53d9956a-6669-6a41-7438-58001315a266"] {-webkit-transform:translate3d(0, -100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, -100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, -100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, -100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);height:0px;opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="026953cd-385b-2dca-e210-bc809b8bd68e"] {-webkit-transform:translate3d(0, -100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, -100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, -100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, -100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);height:0px;opacity:0;}}
html.lenis {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped, body.is-open {
overflow: hidden;
}
.email-float {
bottom: 0.8rem;
}
.video-container {
bottom: 2.2rem;
}
.radial-blur {
bottom: 0;
}
#mob-book-btn {
transition: all 1s ease;
}
#mob-book-btn.style-reveal div {
color: #000;
}
#trail-canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 9999;
}
.carousel-container {
position: relative;
width: 100%;
height: 200px;
overflow: hidden;
}
.carousel-row {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
opacity: 0;
pointer-events: none;
transition: opacity 0.5s ease;
}
.carousel-row.active {
opacity: 1;
pointer-events: auto;
}
.carousel-logo {
opacity: 0;
transform: translateY(40px);
filter: blur(10px);
transition: all 1s ease;
}
.carousel-logo.visible {
opacity: 1;
transform: translateY(0);
filter: blur(0);
}
.icon-button-2 {
position: absolute;
bottom: 37px;
right: 12px;
width: 40px;
height: 40px;
border: none;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.3s ease;
z-index: 2;
padding: 0;
}
.icon-button-2.animate {
transform: scale(1.2);
}
.icon-button-2 img {
width: 40px;
height: 40px;
display: block;
pointer-events: none;
}
.progress-bar-container-2 {
position: absolute;
bottom: 8px;
left: 12px;
right: 12px;
height: 6px;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 3px;
overflow: hidden;
z-index: 1;
}
.progress-bar-2 {
height: 100%;
width: 0%;
background-color: white;
border-radius: 3px;
transition: width 0.1s linear;
}
[stagger-link-text] {
display: inline-block;
overflow: hidden;
line-height: 1.09em; /* або підбери вручну, щоб не було просвітів */
}
@media (max-width: 480px) {
.case-card_text[stagger-link-text] {
line-height: 1.2em;
}
}
[stagger-link-text] .char {
display: inline-block;
transform: translateY(0%);
will-change: transform;
}
@media screen and (min-width: 991px) {
[stagger-link-text]{
text-shadow: 0px 1em 0px var(--gray--500);
}
}
.sliding-number {
display: inline-flex;
align-items: center;
overflow: hidden;
font-size: 32px; /* ЗБІЛЬШЕНО ШРИФТ */
}
.digit-strip {
display: flex;
flex-direction: column;
transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
will-change: transform;
}
.digit-wrapper {
position: relative;
height: 1em;
overflow: hidden;
display: inline-block;
width: 0.65em;
}
.digit-strip span {
height: 1em;
line-height: 1em;
text-align: center;
}
.fade-in {
animation: fadeIn 0.3s ease forwards;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: scale(0.8);
}
to {
opacity: 1;
transform: scale(1);
}
}
.stars-svg path {
transform-box: fill-box;
transform-origin: center;
transition: transform 0.3s ease;
}
.navbar_link.is-icon:hover .stars-svg path {
animation: star-pop 0.8s ease forwards;
}
.navbar_link.is-icon:hover .stars-svg path:nth-of-type(1) {
animation-delay: 0s;
}
.navbar_link.is-icon:hover .stars-svg path:nth-of-type(2) {
animation-delay: 0.1s;
}
.navbar_link.is-icon:hover .stars-svg path:nth-of-type(3) {
animation-delay: 0.2s;
}
@keyframes star-pop {
0% {
transform: scale(1);
}
50% {
transform: scale(0.6);
}
100% {
transform: scale(1);
}
}
/* Make text look crisper and more legible in all browsers */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
input[type="file"]:focus-visible {
outline: 0.125rem solid #4d65ff;
outline-offset: 0.125rem;
}
/* Set color style to inherit */
.inherit-color * {
color: inherit;
}
/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
margin-top: 0 !important;
}
/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
margin-bottom: 0 !important;
}
/* Make sure containers never lose their center alignment */
.container-medium,.container-small, .container-large {
margin-right: auto !important;
margin-left: auto !important;
}
/*
Make the following elements inherit typography styles from the parent and not have hardcoded values.
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
color: inherit;
text-decoration: inherit;
font-size: inherit;
}
*/
/* Apply "..." after 3 lines of text */
.text-style-3lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/* Apply "..." after 2 lines of text */
.text-style-2lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* These classes are never overwritten */
.hide {
display: none !important;
}
@media screen and (max-width: 991px) {
.hide, .hide-tablet {
display: none !important;
}
[stagger-link-text]{
text-shadow: 0px 1em 0px var(--gray--500);
}
}
@media screen and (max-width: 767px) {
.hide-mobile-landscape{
display: none !important;
}
}
@media screen and (max-width: 479px) {
.hide-mobile{
display: none !important;
}
}
.margin-0 {
margin: 0rem !important;
}
.padding-0 {
padding: 0rem !important;
}
.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}
.margin-top {
margin-right: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-top {
padding-right: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-right {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-right {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-bottom {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-bottom {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-left: 0rem !important;
}
.margin-left {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-left {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-horizontal {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-horizontal {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-vertical {
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-vertical {
padding-right: 0rem !important;
padding-left: 0rem !important;
}
html { font-size: 16px; }
@media screen and (max-width:1440px) { html { font-size: calc(-0.004999999999999782rem + 1.1166666666666665vw); } }
@media screen and (max-width:960px) { html { font-size: calc(-1.1102230246251565e-16rem + 1.666666666666667vw); } }
@media screen and (max-width:720px) { html { font-size: calc(-0.0008298755186720852rem + 2.2240663900414934vw); } }
@media screen and (max-width:479px) { html { font-size: calc(-0.0020920502092050207rem + 3.3472803347280333vw); } }
/* Live keeps the root at ~16px on mobile (all pages). This 4.107vw override was baked
into home/ai/blog/contact-page.css but MISSING on /work, /services, /about-us, so their
root shrank to ~13px at ≤479 → hero/padding/all rem values ~19% too small vs live.
Put it in the shared inline.css (loaded on every page, last on /services) so root stays
~16px everywhere. Idempotent with the per-page copies. See responsive-QA 2026-07-09. */
@media screen and (max-width:479px) { html { font-size: calc(-0.0020920502092050207rem + 4.107vw); } }
#works,
#why-glow {
scroll-margin-top: 100px;
}
.background-video-2::after {
content: '';
position: absolute;
left: -2px;
top: -2px;
width: calc(100% - 3px);
height: calc(100% - 3px);
border: 3px solid #fff;
}
@media screen and (max-width: 479px) {
.background-video-2::after {
border-radius: 8px;
}
}
@media screen and (min-width: 480px) {
.background-video-2::after {
border-radius: 1rem;
}
}
.case-card .case-card_img {
scale: 1;
transition: scale 0.5s ease;
}
.case-card:hover .case-card_img {
scale: 1.1;
}
.card_mob-scroll {
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
overflow-y: auto;
}
.is-gradient {
background: linear-gradient(90deg, #9003fd 0%, #fcb73c 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* @keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(calc(-100% - 1.5rem));
}
} */
@keyframes scroll {
from { transform: translateX(0); }
to { transform: translateX(calc(-50% - 1.5rem)); }
}
.scroll {
animation: scroll 30s linear infinite;
}
.reverse {
animation-direction: reverse;
}
.marquee-image {
-webkit-transform: translateZ(0);
}
.reveal-button {
text-decoration: none;
}
.button-invert.is-full-width .invert-button {
height: 48px;
}
.invert-button {
position: relative;
display: inline-flex;
align-items: center;
gap: 0.75rem; /* 12px */
padding: 1px 1rem 0; /* match the home nav Book button (about/webflow-shared) 1:1 */
height: 2.25rem; /* 36px */
border: 1px solid black;
border-radius: 9999px;
overflow: hidden;
background: transparent;
color: white;
font: neue helvetica ;
font-size: 0.875rem;
font-weight: 400;
cursor: pointer;
transition: transform 0.7s cubic-bezier(0.34, 5.56, 0.64, 1);
}
.invert-button:hover {
transform: scaleX(1.02);
}
.invert-button .text-wrapper {
position: relative;
display: block;
overflow: hidden;
line-height: 1;
}
.invert-button .text-original {
display: block;
font-weight: 500;
transition: transform 0.7s ease;
}
.invert-button .text-reveal {
position: absolute;
top: 100%;
left: 0;
display: block;
color: black;
transition: top 0.7s ease;
content: attr(data-text);
}
.invert-button:hover .text-original {
transform: translateY(-100%);
}
.invert-button:hover .text-reveal {
top: 0;
}
.invert-button .hover-bg {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
height: 100%;
background: white;
border-radius: 50% 50% 0 0;
transition: top 0.5s ease, border-radius 0.5s ease;
z-index: -1;
}
.invert-button:hover .hover-bg {
top: 0;
border-radius: 0;
}
a[text-link-hover] {
text-decoration: none;
color: #020101;
transition: text-decoration 0.2s ease;
}
a[text-link-hover]:hover {
text-decoration: underline !important;
text-underline-offset: 0.25rem;
}
.invert-button {
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 0.75rem;
padding: 1px 1rem 0; /* match the home nav Book button 1:1 */
height: 2.25rem;
width: 100%;
border: 1px solid black;
border-radius: 9999px;
overflow: hidden;
background: transparent;
color: white;
font-family: "Neue Helvetica", sans-serif;
font-size: 0.875rem;
font-weight: 500;
cursor: pointer;
text-decoration: none;
transition: transform 0.7s cubic-bezier(0.34, 5.56, 0.64, 1);
}
.invert-button:hover {
transform: scaleX(1.02);
}
.invert-button .text-wrapper {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
height: 100%;
text-align: center;
}
.invert-button .text-original,
.invert-button .text-reveal {
display: flex; /* ← для центрування */
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-align: center;
}
.invert-button .text-original {
transition: transform 0.7s ease;
}
.invert-button .text-reveal {
position: absolute;
top: 100%;
left: 0;
color: black;
transition: top 0.7s ease;
}
.invert-button:hover .text-original {
transform: translateY(-110%);
}
.invert-button:hover .text-reveal {
top: 0;
}
.invert-button .hover-bg {
content: "";
position: absolute;
top: 100%;
width: 100%;
height: 100%;
background: white;
border-radius: 50% 50% 0 0;
transition: top 0.5s ease, border-radius 0.5s ease;
z-index: -1;
}
.invert-button:hover .hover-bg {
top: 0;
border-radius: 0;
}
.button-invert {
transition: all 1s ease;
}
#invert-header-btn.style-reveal {
background-color: #fff;
border-color: #fff;
}
#invert-header-btn.style-reveal .hover-bg {
background: #000;
}
#invert-header-btn.style-reveal .invert-button {
border-color: #fff;
}
#invert-header-btn.style-reveal .text-original {
color: #000;
}
#invert-header-btn.style-reveal .text-reveal {
color: #fff;
}
.mvp-step_card.is-last {
box-shadow: 0 24px 34px 0 rgba(0, 0, 0, 0.15), 0 4px 4px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
.invert-button {
font-size: 14px;
height: 36px;
padding: 8px 15px;
}
.nav_menu::before {
content: '';
position: fixed;
left: 0;
top: 0;
background: #fff;
height: 72px;
width: 100%;
}
}
.is-icon {
background-size: 180%;
}
.is-icon:hover,
.is-icon:focus {
background-position: right;
}
.burger_icon-wrap {
--thickness: 0.075rem;
--gap: 0.25rem;
--rotate: 35;
--width: 100%;
}
.is-open .burger-line {
transform: scaleX(0);
}
.burger-line:last-child {
width: 80%;
}
.is-open .burger-line:first-child {
transform: translateY(calc(var(--thickness) + var(--gap))) rotate(calc(var(--rotate) * -1deg));
transform: translateY(5px) rotate(-45deg);
}
.is-open .burger-line:last-child {
width: 100%;
transform: translateY(calc(var(--thickness) * -1 + var(--gap) * -1)) rotate(calc(var(--rotate) * 1deg));
transform: translateY(-3.5px) rotate(45deg);
}
.icon-button {
position: absolute;
bottom: 37px;
right: 12px;
width: 40px;
height: 40px;
border: none;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.3s ease;
z-index: 2;
padding: 0;
}
.icon-button.animate {
transform: scale(1.2);
}
.icon-button img {
width: 40px;
height: 40px;
display: block;
pointer-events: none;
}
.progress-bar-container {
position: absolute;
bottom: 8px;
left: 12px;
right: 12px;
height: 6px;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 3px;
overflow: hidden;
z-index: 1;
}
.progress-bar {
height: 100%;
width: 0%;
background-color: white;
border-radius: 3px;
transition: width 0.1s linear;
}
.text-dropcall-item {
text-decoration: none;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(
to bottom,
rgba(214, 205, 193, 1) 50%,
black 50%
);
background-size: 100% 200%;
background-position: 0 0;
transition: all 0.8s cubic-bezier(0, 0, 0.23, 1);
}
.text-dropcall-item:hover {
background-position: 0 100%;
}
.animation_visual video {
will-change: transform, opacity;
transform: translateZ(0);
}
.reveal-button {
position: relative;
display: inline-flex;
align-items: center;
gap: 0.75rem;
padding: 0.625rem 1rem;
height: 2.25rem;
border: 1px solid white;
border-radius: 9999px;
overflow: hidden;
background: transparent;
color: black;
font: neue helvetica;
font-size: 0.81rem;
font-weight: 500;
cursor: pointer;
transition: transform 0.7s cubic-bezier(0.34, 5.56, 0.64, 1);
}
.reveal-button:hover {
transform: scaleX(1.02);
}
.reveal-button .text-wrapper {
position: relative;
display: block;
overflow: hidden;
line-height: 1;
}
.reveal-button .text-original {
display: block;
transition: transform 0.7s ease;
}
.reveal-button .text-reveal {
position: absolute;
top: 100%;
left: 0;
display: block;
color: white;
transition: top 0.7s ease;
content: attr(data-text);
}
.reveal-button:hover .text-original {
transform: translateY(-100%);
}
.reveal-button:hover .text-reveal {
top: 0;
}
.reveal-button .hover-bg {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
height: 100%;
background: black; /* <-- чорний фон */
border-radius: 50% 50% 0 0;
transition: top 0.5s ease, border-radius 0.5s ease;
z-index: -1;
}
.reveal-button:hover .hover-bg {
top: 0;
border-radius: 0;
}
:root {
--color-1: 0 100% 63%;
--color-2: 270 100% 63%;
--color-3: 210 100% 63%;
--color-4: 195 100% 63%;
--color-5: 90 100% 63%;
--speed: 2s;
}
@keyframes rainbow {
0% {
background-position: 0%;
}
100% {
background-position: 200%;
}
}
.button-glow {
position: relative;
background-image: linear-gradient(#121213, #121213),
linear-gradient(#121213 50%, rgba(18, 18, 19, 0.6) 80%, rgba(18, 18, 19, 0)),
linear-gradient(
90deg,
hsl(var(--color-1)),
hsl(var(--color-5)),
hsl(var(--color-3)),
hsl(var(--color-4)),
hsl(var(--color-2))
);
background-origin: border-box;
background-clip: padding-box, border-box, border-box;
background-size: 200%;
border: calc(0.10 * 1rem) solid transparent;
animation: rainbow var(--speed) infinite linear;
z-index: 1;
}
.button-glow::before {
content: '';
position: absolute;
bottom: -1%;
left: 50%;
width: 60%;
height: 20%;
transform: translateX(-50%);
background: linear-gradient(
90deg,
hsl(var(--color-1)),
hsl(var(--color-5)),
hsl(var(--color-3)),
hsl(var(--color-4)),
hsl(var(--color-2))
);
background-size: 200%;
filter: blur(0.8rem);
animation: rainbow var(--speed) infinite linear;
z-index: -1;
}
.button-glow:hover {
background-color: var(--gray--500);
}
.radial-blur {
-webkit-mask: linear-gradient(#0000 0%, #000 95%);
mask: linear-gradient(#0000 0%, #000 95%);
}
/* Sticky lottie track — fills viewport, NO overflow clip (panels live outside) */
.sticky_track {
width: 100vw;
height: 100svh;
justify-content: flex-start;
}
/* Clip horizontal overflow on ancestors so no scrollbar appears */
.section_lottie,
.track {
overflow-x: clip;
}
/* Service card preview images — hidden by default, appear on hover */
.premium-info {
opacity: 0;
transform: translateY(6px) scale(0.97);
transition: opacity 0.25s ease, transform 0.25s ease;
pointer-events: none;
}
.service_card:hover .premium-info {
opacity: 1;
transform: translateY(0) scale(1);
pointer-events: auto;
}
/* Logo hover cards — hidden by default, show on hover over logo circle */
.item-logo {
opacity: 0;
transform: translateY(4px) scale(0.96);
transition: opacity 0.2s ease, transform 0.2s ease;
pointer-events: none;
}
.logo-item-wrapper:hover .item-logo,
.logo-item-wraper:hover .item-logo {
opacity: 1 !important;
transform: translateY(0) scale(1);
pointer-events: auto;
}
/* Fix video z-index inside lottie horizontal scroll panels */
.item-anim-hero .w-background-video > video {
z-index: 1 !important;
}
/* About-us: circular preview videos — lift z-index (Webflow sets -100) */
.bar-video > video,
.background-video-6 > video {
z-index: 1 !important;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/* Careers CTA: Send CV button — white bg, dark text */
.cta-careers .invert-button.w-variant-3b5fed87-264f-0301-3aeb-d217c32d7f26 {
color: #020101 !important;
}
/* Careers CTA: Send CV button — no border on dark card */
.cta-careers .button-invert {
border-color: transparent !important;
}
.cta-careers .invert-button {
border-color: transparent !important;
}
/* Nav submenus — hidden by default, shown by JS on hover */
.navbar-submenu[data-submenu-category] {
opacity: 0;
pointer-events: none;
}
/* Nav: navbar_container stacking context must be above submenu (z-index 99) */
.navbar .navbar_container {
z-index: 100;
}
/* Nav: align menu links to the same left edge as container-medium page content.
navbar_actions is position:absolute (out of flow), so only brand + is-nav are flex items.
gap=0 + padding-left formula aligns nav links with container-medium at all viewport widths:
padding = max(0, (100vw - 2×padding-global - max-content-width) / 2 - brand-min-width)
*/
.navbar .navbar_container {
justify-content: flex-start;
gap: 0;
}
.navbar .container-medium.is-nav {
max-width: none;
margin-left: 0;
margin-right: 0;
flex: 1;
padding-left: max(0px, calc((100vw - 1.86rem - 71.25rem) / 2 - 8.5rem));
}
/* Nav Get a Quote: white bg + dark text on dark sections */
.navbar .navbar_actions .button-invert.is-dark-bg {
background-color: #fff !important;
border-color: #fff !important;
}
.navbar .navbar_actions .button-invert.is-dark-bg .invert-button {
color: #020101 !important;
border-color: transparent !important;
}
.navbar .navbar_actions .button-invert.is-dark-bg .hover-bg {
background: #020101 !important;
}
.navbar .navbar_actions .button-invert.is-dark-bg:hover .invert-button {
color: #fff !important;
}
/* Swiper custom arrows — neutralize Swiper's default position:absolute and ::after chevrons */
.blog-swiper-arrow.swiper-button-prev,
.blog-swiper-arrow.swiper-button-next {
position: static;
margin-top: 0;
width: 2rem;
height: 2rem;
color: inherit;
}
.blog-swiper-arrow.swiper-button-prev::after,
.blog-swiper-arrow.swiper-button-next::after {
display: none;
}
/* ============================================================
Bottom-bar "Ask Glow" video widget — polish (2026-07-17)
1. Circle sized to live's 40px (our export shipped 60px → the close X read too big).
2. Smooth expand/collapse of the player (was an instant height jump).
3. Drop shadow on the OPEN player so it doesn't blend into the white page.
Compound selectors so they win regardless of the per-page CSS load order.
============================================================ */
.bottom-bar .video-icon.is-open {
width: 2.5rem;
height: 2.5rem;
}
.video-wrapper.is-main,
.video-wrapper.is-about {
transition: height 0.5s cubic-bezier(0.33, 1, 0.68, 1);
will-change: height;
}
.video-wrapper.is-main.is-open,
.video-wrapper.is-about.is-open {
box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.22),
0 28px 56px -12px rgba(0, 0, 0, 0.34);
}
/* ============================================================
Nav "Free 3-Day Trial" — Ghost sparkle (approved concept v2-3, DEC pending):
no pill box — flowing gradient text + twinkling ✦ spark; on hover a gradient
underline slides in. Same markup/styles serve light nav, dark /ai nav and the
mobile-menu full-width CTA (there the .nav-cta-ghost row stays as tap target).
============================================================ */
.nav-trial {
position: relative; display: inline-flex; align-items: center; gap: .45rem;
height: 2.25rem; padding: 0 .25rem;
font-family: 'Helvetica Neue', Arial, sans-serif; font-size: .875rem; font-weight: 500; line-height: 1;
text-decoration: none; white-space: nowrap;
}
.nav-trial-spark { width: 15px; height: 15px; flex: none; animation: navTrialTwinkle 2.2s ease-in-out infinite; }
.nav-trial-label {
background: linear-gradient(90deg, #f2994a, #e14fae 40%, #8F01FF 70%, #f2994a 100%);
background-size: 200% 100%;
-webkit-background-clip: text; background-clip: text; color: transparent;
animation: navTrialFlow 5s linear infinite;
}
/* Hover (no underline): the spark springs 90° with a pop and sheds two tiny sparks
that arc away and fade; the gradient text blooms brighter. */
.nav-trial:hover .nav-trial-spark { animation: navTrialPop .55s cubic-bezier(.34, 1.56, .64, 1) both; }
@keyframes navTrialPop {
0% { transform: scale(1) rotate(0deg); }
55% { transform: scale(1.32) rotate(70deg); }
100% { transform: scale(1.1) rotate(90deg); }
}
.nav-trial::before, .nav-trial::after {
content: "✦"; position: absolute; left: 12px; top: 50%; z-index: 1;
line-height: 1; opacity: 0; pointer-events: none;
}
.nav-trial::before { font-size: 7px; color: #e14fae; }
.nav-trial::after { font-size: 5px; color: #8F01FF; }
.nav-trial:hover::before { animation: navTrialSparkA .6s ease-out .05s both; }
.nav-trial:hover::after { animation: navTrialSparkB .65s ease-out .14s both; }
@keyframes navTrialSparkA {
0% { opacity: 0; transform: translate(0, -50%) scale(.4) rotate(0deg); }
25% { opacity: 1; }
100% { opacity: 0; transform: translate(11px, -21px) scale(1) rotate(45deg); }
}
@keyframes navTrialSparkB {
0% { opacity: 0; transform: translate(0, -50%) scale(.4) rotate(0deg); }
30% { opacity: 1; }
100% { opacity: 0; transform: translate(-9px, -17px) scale(1) rotate(-40deg); }
}
.nav-trial-label { transition: filter .25s ease; }
.nav-trial:hover .nav-trial-label { filter: saturate(1.45) brightness(1.12); }
@keyframes navTrialTwinkle { 0%, 100% { transform: scale(1) rotate(0deg); opacity: 1 } 50% { transform: scale(.72) rotate(22deg); opacity: .65 } }
@keyframes navTrialFlow { to { background-position: 200% 0 } }
@media (prefers-reduced-motion: reduce) { .nav-trial-spark, .nav-trial-label, .nav-trial::before, .nav-trial::after { animation: none !important } }
/* dark /ai nav: gradient text + spark read fine on black — just no box remnants */
.dark-page .nav-trial { background: transparent; border: 0; }
/* mobile-menu full CTA: keep the ghost row, swap the inner content to the same sparkle look */
.nav-trial-mob { gap: .5rem; }
.nav-trial-mob .nav-trial-spark { width: 16px; height: 16px; }
/* Telegram nav icon → plain airplane, no pill/backing, larger + solid black */
/* Telegram nav icon = white circle w/ border, same style as "Fill out the Form"; the
.navbar_actions flex gap (.93rem) already makes the spacing uniform with the other CTAs. */
.navbar_actions .button-telegram { background-color: var(--base--white); border: 1px solid var(--gray--300); width: 2.25rem; height: 2.25rem; min-width: 0; padding: 0; justify-content: center; border-radius: 999px; }
.navbar_actions .button-telegram.is-icon:hover { background-color: var(--gray--100); border-color: var(--gray--400); color: inherit; transform: none; }
.dark-page .navbar_actions .button-telegram.is-icon:hover { background-color: rgba(255,255,255,.08); border-color: rgba(255,255,255,.4); }
.navbar_actions .button-telegram .tg-svg { width: 0.98rem; height: 0.98rem; background-color: transparent; border-radius: 0; color: #020101; }
.dark-page .navbar_actions .button-telegram { background-color: transparent; border-color: rgba(255,255,255,.22); }
.dark-page .navbar_actions .button-telegram .tg-svg { color: #fff; }