/* /css/fonts.css */ /* Self-hosted Google Fonts (variable, latin + latin-ext); loaded by App\Support\PageSpeed */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/fonts/inter-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/fonts/inter-latin.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: 'Roboto'; font-style: normal; font-weight: 400 700; font-stretch: 100%; font-display: swap; src: url(/fonts/roboto-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400 700; font-stretch: 100%; font-display: swap; src: url(/fonts/roboto-latin.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: 'Roboto Slab'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/fonts/roboto-slab-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/fonts/roboto-slab-latin.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: 'Space Grotesk'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/fonts/space-grotesk-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/fonts/space-grotesk-latin.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; } /* /css/pages/ecommerce-for-beauty.css */ img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} address,blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline} html{-webkit-text-size-adjust:100%} body{margin:0} progress{display:inline-block;vertical-align:baseline} a{background-color:transparent} a:active{outline:0} a,a:focus,a:hover,a:visited{text-decoration:none} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:700} dfn{font-style:italic} mark{background:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} img{border:0} figure{margin:0} hr{box-sizing:content-box;height:0} pre{overflow:auto} code,kbd,pre,samp{font-size:1em} button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0} button,select{text-transform:none} button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} input{line-height:normal} input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0} input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto} input[type=search]{-webkit-appearance:textfield;box-sizing:content-box} input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none} fieldset{border:1px solid var(--ast-border-color);margin:0 0;padding:.35em .625em .75em} legend{border:0;padding:0} fieldset legend{margin-bottom:1.5em;padding:0 .5em} textarea{overflow:auto} optgroup{font-weight:700} table{border-collapse:collapse;border-spacing:0} td,th{padding:0} .h-container{max-width:100%} .h-container{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px} h1,h2,h3,h4,h5,h6{clear:both} h1{color:#808285;font-size:2em;line-height:1.2} h2{color:#808285;font-size:1.7em;line-height:1.3} h3{color:#808285;font-size:1.5em;line-height:1.4} h4{color:#808285;line-height:1.5;font-size:1.3em} h5{color:#808285;line-height:1.6;font-size:1.2em} h6{color:#808285;line-height:1.7;font-size:1.1em} html{box-sizing:border-box} *,:after,:before{box-sizing:inherit} body{color:#808285;background:#fff;font-style:normal} ol,ul{margin:0 0 1.5em 3em} ul{list-style:disc} ol{list-style:decimal} li>ol,li>ul{margin-bottom:0;margin-left:1.5em} dt{font-weight:600} dd{margin:0 1.5em 1em} b,strong{font-weight:700} cite,dfn,em,i{font-style:italic} blockquote,q{quotes:"" ""} blockquote:after,blockquote:before,q:after,q:before{content:""} blockquote{border-left:5px solid var(--ast-border-color);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative} address{margin:0 0 1.5em} address,cite{font-style:italic} abbr,acronym{border-bottom:1px dotted #666;cursor:help} pre{background:var(--ast-code-block-background);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.6em;overflow:auto;max-width:100%;padding:1.6em} code,kbd,tt,var{font:1em Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace} img{height:auto;max-width:100%} hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em} button,input,select,textarea{color:#808285;font-weight:400;font-size:100%;margin:0;vertical-align:baseline} button,input{line-height:normal} big{font-size:125%} ins,mark{background:0 0;text-decoration:none} table,td,th{border:1px solid var(--ast-border-color)} table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%} th{font-weight:600} td,th{padding:.7em 1em;border-width:0 1px 1px 0} button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:var(--ast-border-color);border-radius:2px;background:#e6e6e6;padding:.6em 1em .4em;color:#fff} button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#fff;border-color:var(--ast-border-color)} button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:var(--ast-border-color);outline:0} input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{color:#666;border:1px solid var(--ast-border-color);border-radius:2px;-webkit-appearance:none} input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{color:#111} textarea{padding-left:3px;width:100%} a{color:#4169e1} a:focus,a:hover{color:#191970} a:focus{outline:thin dotted} a:hover{outline:0} .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important} .screen-reader-text:focus{background-color:#f1f1f1;border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:12.25px;font-size:.875rem;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} embed,iframe,object{max-width:100%} ::selection{color:#fff;background:#0274be} body:not(.logged-in){position:relative} body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} #page{position:relative} a,a:focus{text-decoration:none} .site-header a *,a{transition:all .2s linear} img{vertical-align:middle} p{margin-bottom:1.75em} blockquote{margin:1.5em 1em 1.5em 3em;font-size:1.1em;line-height:inherit;position:relative} input[type=button],input[type=submit]{border-radius:0;padding:18px 30px;border:0;box-shadow:none;text-shadow:none} input[type=button]:hover,input[type=submit]:hover{box-shadow:none} input[type=button]:active,input[type=button]:focus,input[type=submit]:active,input[type=submit]:focus{box-shadow:none} .site-title{font-weight:400} .site-title{margin-bottom:0} .site-title a,.site-title:focus a,.site-title:hover a{transition:all .2s linear} .site-title a,.site-title a:focus,.site-title a:hover,.site-title a:visited{color:#222} .site .skip-link{background-color:#f1f1f1;box-shadow:0 0 1px 1px rgba(0,0,0,.2);color:#21759b;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;left:-9999em;outline:0;padding:15px 23px 14px;text-decoration:none;text-transform:none;top:-9999em} .site .skip-link:focus{clip:auto;height:auto;left:6px;top:7px;width:auto;z-index:100000;outline:thin dotted} input,select{line-height:1} .h-custom-button,body,button,input[type=button],input[type=submit],textarea{line-height:1.8571428571} .site-title a{line-height:1.2} body{background-color:#fff} #page{display:block} .main-navigation{height:100%;-js-display:inline-flex;display:inline-flex} .main-navigation ul{list-style:none;margin:0;padding-left:0;position:relative} .main-header-menu .nav-link,.main-header-menu>a{text-decoration:none;padding:0 1em;display:inline-block;transition:all .2s linear} .main-header-menu .nav-item{position:relative} .main-header-menu .nav-item.focus>.nav-sub,.main-header-menu .nav-item:hover>.nav-sub,.main-header-menu .nav-item>.nav-sub.toggled-on{right:auto;left:0;visibility:visible} .main-header-menu .nav-item.focus>.nav-sub .nav-sub.toggled-on,.main-header-menu .nav-item:hover>.nav-sub .nav-sub.toggled-on,.main-header-menu .nav-item>.nav-sub.toggled-on .nav-sub.toggled-on{left:100%;right:auto;visibility:visible} .main-header-menu .nav-sub{width:240px;background:#fff;left:-999em;position:absolute;top:100%;z-index:99999;visibility:hidden} @media (min-width:769px){ .main-header-menu .nav-sub .nav-item.focus>.nav-sub,.main-header-menu .nav-sub .nav-item:hover>.nav-sub{left:100%;right:auto} } .main-header-menu .nav-sub .nav-link{padding:.9em 1em;display:block;word-wrap:break-word} .main-header-menu .nav-sub .nav-item:not(.nav-item-has-children) .nav-link .icon-arrow:first-of-type{display:none} #h-desktop-header .main-header-menu .nav-sub .nav-item.nav-item-has-children>.nav-link .icon-arrow{display:none} #h-desktop-header .main-header-menu .nav-sub .nav-item.nav-item-has-children>.nav-link .h-header-navigation-arrow{position:absolute;right:-.5em;top:50%;transform:translate(0,-50%) rotate(270deg);min-height:44px;min-width:44px;-js-display:flex;display:flex;align-items:center;justify-content:center} #h-desktop-header .main-header-menu .nav-sub .nav-item.nav-item-has-children>.nav-link .h-header-navigation-arrow .icon-arrow{display:block} #h-desktop-header .main-header-menu .nav-sub .nav-item.nav-item-has-children>.nav-link .h-header-navigation-arrow .icon-arrow svg{margin:0} .main-header-menu .nav-sub .nav-sub{top:0} .submenu-with-border .nav-sub{border-width:1px;border-style:solid} .submenu-with-border .nav-sub .nav-link{border-width:0 0 1px;border-style:solid} .submenu-with-border .nav-sub .nav-sub{top:-2px} .h-desktop .submenu-with-border .nav-sub>.nav-item:last-child>.nav-link{border-bottom-style:none} .h-header-break-point .main-navigation{padding-left:0} .h-header-break-point .main-navigation ul .nav-item .nav-link{padding:0 20px;display:inline-block;width:100%;border:0;border-bottom-width:1px;border-style:solid;border-color:var(--ast-border-color)} .h-header-break-point .main-navigation ul .nav-item .nav-link .icon-arrow:first-of-type{margin-right:5px} .h-header-break-point .main-navigation ul .nav-sub .nav-item:not(.nav-item-has-children) .nav-link .icon-arrow:first-of-type{display:inline} .h-header-break-point .main-navigation .nav-sub .nav-item .nav-link{padding-left:30px} .h-header-break-point .main-navigation .nav-sub .nav-item .nav-item .nav-link{padding-left:40px} .h-header-break-point .main-navigation .nav-sub .nav-item .nav-item .nav-item .nav-link{padding-left:50px} .h-header-break-point .main-navigation .nav-sub .nav-item .nav-item .nav-item .nav-item .nav-link{padding-left:60px} .h-header-break-point .main-header-menu{background-color:#f9f9f9;border-top-width:0} .h-header-break-point .main-header-menu .nav-sub{background-color:#f9f9f9;position:static;opacity:1;visibility:visible;border:0;width:auto} .h-header-break-point .submenu-with-border .nav-sub{border:0} .h-header-break-point .dropdown-menu-toggle{display:none} .h-button-wrap{display:inline-block} .h-button-wrap button{box-shadow:none;border:none} .h-button-wrap .nav-toggle{padding:0;width:2.2em;height:2.1em;font-size:1.5em;font-weight:400;border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;line-height:1.8571428571} .h-button-wrap .nav-toggle.main-header-menu-toggle{padding:0 .5em;width:auto;text-align:center} .h-button-wrap .nav-toggle:focus{outline:thin dotted} .header-main-layout-1 .h-main-header-bar-alignment{margin-left:auto} .site-navigation{height:100%} .site-header .nav-link *{transition:none} .h-icon.icon-arrow svg{height:.6em;width:.6em;position:relative;margin-left:10px} .h-header-break-point .main-header-bar-navigation{flex:auto} .h-header-break-point .h-main-header-bar-alignment{display:block;width:100%;flex:auto;order:4} .h-header-break-point .h-icon.icon-arrow svg{height:.85em;width:.95em;position:relative;margin-left:10px} .h-icon svg:not([fill]){fill:currentColor} body{overflow-x:hidden} .h-builder-grid-row{display:grid;grid-template-columns:auto auto;align-items:center;grid-column-gap:20px;overflow-wrap:anywhere} .h-builder-grid-row>.site-header-section{flex-wrap:nowrap} .h-builder-grid-row.h-grid-center-col-layout{grid-template-columns:1fr auto 1fr} .h-builder-layout-element{align-items:center} .h-builder-grid-row.h-grid-center-col-layout-only{-js-display:flex;display:flex;height:100%;justify-content:center} .h-builder-grid-row.h-grid-center-col-layout-only .h-grid-section-center{flex-grow:1} .site-header-section{height:100%;min-height:0;align-items:center} .site-header-section>*{padding:0 10px} .site-header-section>div:first-child{padding-left:0} .site-header-section>div:last-child{padding-right:0} .site-header-section .h-builder-menu{align-items:center} .h-grid-right-center-section{justify-content:flex-start;flex-grow:1} .h-grid-right-section{justify-content:flex-end} .h-grid-right-section .h-site-identity>:first-child{text-align:right} .h-grid-right-section .h-grid-right-center-section .h-site-identity>:first-child{text-align:left} .h-grid-left-center-section{justify-content:flex-end;flex-grow:1} .h-grid-section-center{justify-content:center} .h-grid-section-center .h-site-identity>:first-child{text-align:center} .h-svg-iconset{-js-display:inline-flex;display:inline-flex;align-self:center} .h-svg-iconset svg{width:17px;height:17px;transition:none} .h-svg-iconset svg>*{transition:none} .h-builder-grid-row-container{display:grid;align-content:center} .main-header-bar .main-header-bar-navigation{height:100%} .h-nav-menu .nav-sub{line-height:1.45} .h-builder-menu .main-navigation{padding:0} .h-builder-menu .main-navigation>ul{align-self:center} .h-header-break-point #h-mobile-header{display:block} .h-header-break-point .main-header-bar-navigation{line-height:3} .h-header-break-point .main-header-bar-navigation .nav-item-has-children>.h-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:0;right:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit} .h-header-break-point .main-header-bar-navigation .nav-item-has-children>.h-menu-toggle>.h-icon.icon-arrow{pointer-events:none} .h-header-break-point .main-header-bar-navigation .nav-item-has-children .nav-sub{display:none} .h-header-break-point .h-mobile-header-wrap .h-above-header-wrap .main-header-bar-navigation .h-submenu-expanded>.h-menu-toggle::before,.h-header-break-point .h-mobile-header-wrap .h-main-header-wrap .main-header-bar-navigation .h-submenu-expanded>.h-menu-toggle::before{transform:rotateX(180deg)} .h-header-break-point .h-nav-menu .nav-sub{line-height:3} .h-hfb-header.h-header-break-point .main-header-bar-navigation{width:100%;margin:0} .h-hfb-header .nav-toggle.toggled .h-mobile-svg{display:none} .h-hfb-header .nav-toggle.toggled .h-close-svg{display:block} .nav-toggle .h-close-svg{display:none} .h-mobile-header-wrap .nav-toggle .mobile-menu-toggle-icon{-js-display:inline-flex;display:inline-flex;align-self:center} .h-mobile-header-wrap .h-button-wrap .nav-toggle.main-header-menu-toggle{-js-display:flex;display:flex;align-items:center;width:auto;height:auto} .nav-toggle .mobile-menu-toggle-icon{-js-display:inline-flex;display:inline-flex;align-self:center} .h-button-wrap .nav-toggle.main-header-menu-toggle{padding:.5em;align-items:center;-js-display:flex;display:flex} .site-header{z-index:99;position:relative} .main-header-bar-wrap{position:relative} .main-header-bar{background-color:#fff;border-bottom-color:var(--ast-border-color);border-bottom-style:solid} .h-header-break-point .main-header-bar{border:0} .h-header-break-point .main-header-bar{border-bottom-color:var(--ast-border-color);border-bottom-style:solid} .main-header-bar{margin-left:auto;margin-right:auto} .h-desktop .main-header-menu.h-menu-shadow .nav-sub{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)} .site-branding{line-height:1;align-self:center} .h-menu-toggle{display:none;background:0 0;color:inherit;border-style:dotted;border-color:transparent} .h-menu-toggle:focus,.h-menu-toggle:hover{background:0 0;border-color:inherit;color:inherit} .h-menu-toggle:focus{outline:thin dotted} .h-main-header-nav-open .main-header-bar{padding-bottom:0} .main-header-bar{z-index:4;position:relative} .main-header-bar .main-header-bar-navigation:empty{padding:0} .main-header-bar .main-header-bar-navigation .nav-sub{line-height:1.45} .main-header-bar .main-header-bar-navigation .nav-item-has-children>.nav-link:after{line-height:normal} .h-site-identity{padding:1em 0} .h-header-break-point .site-header .main-header-bar-wrap .site-branding{flex:1;align-self:center} .h-header-break-point .h-site-identity{width:100%} .h-header-break-point .main-header-bar{display:block;line-height:3} .h-header-break-point .main-header-bar .main-header-bar-navigation{line-height:3} .h-header-break-point .main-header-bar .main-header-bar-navigation .nav-sub{line-height:3} .h-header-break-point .main-header-bar .main-header-bar-navigation .nav-item-has-children .nav-sub{display:none} .h-header-break-point .main-header-bar .main-header-bar-navigation .nav-item-has-children>.h-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:-1px;right:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit;transition:all .2s} .h-header-break-point .main-header-bar .main-header-bar-navigation .h-submenu-expanded>.h-menu-toggle::before{transform:rotateX(180deg)} .h-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu{border-top-width:0} .h-header-break-point .main-navigation{display:block;width:100%} .h-header-break-point .main-navigation ul ul{left:auto;right:auto} .h-header-break-point .main-navigation .stack-on-mobile li{width:100%} .h-header-break-point .main-header-bar-navigation{width:calc(100% + 40px);margin:0 -20px} .h-header-break-point .main-header-menu ul ul{top:0} .h-header-break-point .h-builder-menu{width:100%} .h-header-break-point .h-mobile-header-wrap .h-flex.stack-on-mobile{flex-wrap:wrap} .h-desktop .main-header-menu>.nav-item .nav-sub:before{position:absolute;content:"";top:0;left:0;width:100%;transform:translateY(-100%)} input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{color:#666;padding:.75em;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:var(--ast-comment-inputs-background);box-shadow:none;box-sizing:border-box;transition:all .2s linear} input[type=email]:focus,input[type=password]:focus,input[type=reset]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:#fff;border-color:var(--ast-border-color);box-shadow:none} input[type=button],input[type=button]:focus,input[type=button]:hover,input[type=reset],input[type=reset]:focus,input[type=reset]:hover,input[type=submit],input[type=submit]:focus,input[type=submit]:hover{box-shadow:none} textarea{width:100%} input[type=search]:focus{outline:thin dotted} input[type=range]{-webkit-appearance:none;width:100%;margin:5.7px 0;padding:0;border:none} input[type=range]:focus{outline:0} input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff} input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;-webkit-appearance:none;margin-top:-5.7px} input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(255,255,255,.2)} input[type=range]::-moz-range-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff} input[type=range]::-moz-range-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer} input[type=color]{border:none;width:100px;padding:0;height:30px;cursor:pointer} input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none} input[type=color]::-webkit-color-swatch{border:none} .h-flex{-js-display:flex;display:flex;flex-wrap:wrap} .h-inline-flex{-js-display:inline-flex;display:inline-flex;align-items:center;flex-wrap:wrap;align-content:center} .h-flex-grow-1{flex-grow:1} :root{--ast-post-nav-space:0;--ast-container-default-xlg-padding:2.5em;--ast-container-default-lg-padding:2.5em;--ast-container-default-slg-padding:2em;--ast-container-default-md-padding:2.5em;--ast-container-default-sm-padding:2.5em;--ast-container-default-xs-padding:2.4em;--ast-container-default-xxs-padding:1.8em;--ast-code-block-background:#ECEFF3;--ast-comment-inputs-background:#F9FAFB;--ast-normal-container-width:1200px;--ast-narrow-container-width:750px;--ast-blog-title-font-weight:600;--ast-blog-meta-weight:600;--ast-global-color-primary:var(--ast-global-color-4);--ast-global-color-secondary:var(--ast-global-color-5);--ast-global-color-alternate-background:var(--ast-global-color-6);--ast-global-color-subtle-background:var(--ast-global-color-7);--ast-bg-style-guide:var( --ast-global-color-secondary,var(--ast-global-color-5) );--ast-shadow-style-guide:0px 0px 4px 0 #00000057;--ast-global-dark-bg-style:#fff;--ast-global-dark-lfs:#fbfbfb;--ast-widget-bg-color:#fafafa;--ast-wc-container-head-bg-color:#fbfbfb;--ast-title-layout-bg:#eeeeee;--ast-search-border-color:#e7e7e7;--ast-lifter-hover-bg:#e6e6e6;--ast-gallery-block-color:#000;--srfm-color-input-label:var(--ast-global-color-2);} html{font-size:100%;} a{color:var(--ast-global-color-0);} a:hover,a:focus{color:var(--ast-global-color-1);} body,button,input,select,textarea,.h-custom-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;font-size:16px;font-size:1rem;line-height:var(--ast-body-line-height,1.65);} blockquote{color:var(--ast-global-color-3);} h1,h2,h3,h4,h5,h6,.site-title,.site-title a{font-weight:600;} .h-site-identity .site-title a{color:var(--ast-global-color-2);} .site-title{font-size:1px;font-size:0.0625rem;display:block;} header .logo-link img{max-width:205px;width:205px;} h1{font-size:36px;font-size:2.25rem;font-weight:600;line-height:1.4em;} h2{font-size:30px;font-size:1.875rem;font-weight:600;line-height:1.3em;} h3{font-size:24px;font-size:1.5rem;font-weight:600;line-height:1.3em;} h4{font-size:20px;font-size:1.25rem;line-height:1.2em;font-weight:600;} h5{font-size:18px;font-size:1.125rem;line-height:1.2em;font-weight:600;} h6{font-size:16px;font-size:1rem;line-height:1.25em;font-weight:600;} ::selection{background-color:var(--ast-global-color-0);color:#ffffff;} body,h1,h2,h3,h4,h5,h6{color:var(--ast-global-color-3);} input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,textarea:focus{border-color:var(--ast-global-color-0);} input[type="radio"]:checked,input[type=reset],input[type="checkbox"]:checked,input[type="checkbox"]:hover:checked,input[type="checkbox"]:focus:checked,input[type=range]::-webkit-slider-thumb{border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);box-shadow:none;} .h-mobile-header-content .h-builder-layout-element:not(.h-builder-menu):not(.h-header-divider-element){padding:15px 20px;} .h-single-post .w-button .x-button{text-decoration:none;} a:focus-visible,.h-menu-toggle:focus-visible,.site .skip-link:focus-visible,.h-header-navigation-arrow:focus-visible,.h-builder-button-wrap:has(.h-custom-button-link:focus),.h-builder-button-wrap .h-custom-button-link:focus{outline-style:dotted;outline-color:inherit;outline-width:thin;} input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,input[type="number"]:focus,textarea:focus,[data-section="section-header-mobile-trigger"] .h-button-wrap .h-mobile-menu-trigger-minimal:focus,#h-scroll-top:focus{border-style:dotted;border-color:inherit;border-width:thin;} input{outline:none;} .site-logo-img img{transition:all 0.2s linear;} .h-page-builder-template .site-content > .h-container{max-width: 100%;padding: 0;} input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type=reset],input[type=tel],input[type=date],select,textarea{font-size:16px;font-style:normal;font-weight:400;line-height:24px;width:100%;padding:12px 16px;border-radius:4px;box-shadow:0px 1px 2px 0px rgba(0,0,0,0.05);color:var(--ast-form-input-text,#475569);} input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type=reset],input[type=tel],input[type=date],select{height:40px;} input[type="date"]{border-width:1px;border-style:solid;border-color:var(--ast-border-color);background:var( --ast-global-color-secondary,var(--ast-global-color-5) );} input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type=reset]:focus,input[type="tel"]:focus,input[type="date"]:focus,select:focus,textarea:focus{border-color:#046BD2;box-shadow:none;outline:none;color:var(--ast-form-input-focus-text,#475569);} label,legend{color:var(--ast-global-color-2,#111827 );font-size:14px;font-style:normal;font-weight:500;line-height:20px;} select{padding:6px 10px;} fieldset{padding:30px;border-radius:4px;} button,input[type="button"],input[type="reset"],input[type="submit"],a:where(.p-block-button__link){border-radius:4px;box-shadow:0px 1px 2px 0px rgba(0,0,0,0.05);} :root{--ast-comment-inputs-background:#FFF;} ::placeholder{color:var(--ast-form-field-color,#9CA3AF);} ::-ms-input-placeholder{color:var(--ast-form-field-color,#9CA3AF);} @media (max-width:921.99px){ #h-desktop-header{display:none;} } @media (min-width:922px){ #h-mobile-header{display:none;} } #page{display:flex;flex-direction:column;min-height:100vh;} #page .site-content{flex-grow:1;} .w-heading h1.x-heading-title{line-height:1.4em;} .w-heading h2.x-heading-title{line-height:1.3em;} .w-heading h3.x-heading-title{line-height:1.3em;} .w-heading h4.x-heading-title{line-height:1.2em;} .w-heading h5.x-heading-title{line-height:1.2em;} .w-heading h6.x-heading-title{line-height:1.25em;} .nav-toggle,button,.h-custom-button,input[type="button"],input[type="submit"],input[type="reset"]{border-style:solid;border-top-width:0;border-right-width:0;border-left-width:0;border-bottom-width:0;color:#ffffff;border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;font-family:inherit;font-weight:500;font-size:16px;font-size:1rem;line-height:1em;} button:focus,.nav-toggle:hover,button:hover,.h-custom-button:hover,input[type=reset]:hover,input[type=reset]:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus{color:#ffffff;background-color:var(--ast-global-color-1);border-color:var(--ast-global-color-1);} @media (max-width:921px){ .nav-toggle,button,.h-custom-button,input[type="button"],input[type="submit"],input[type="reset"]{padding-top:14px;padding-right:28px;padding-bottom:14px;padding-left:28px;} } @media (max-width:544px){ .nav-toggle,button,.h-custom-button,input[type="button"],input[type="submit"],input[type="reset"]{padding-top:12px;padding-right:24px;padding-bottom:12px;padding-left:24px;} } @media (min-width:544px){ .h-container{max-width:100%;} } @media (max-width:921px){ .site-title{display:block;} h1{font-size:30px;font-size:1.875rem;} h2{font-size:25px;font-size:1.5625rem;} h3{font-size:20px;font-size:1.25rem;} } @media (max-width:544px){ .site-title{display:block;} h1{font-size:30px;font-size:1.875rem;} h2{font-size:25px;font-size:1.5625rem;} h3{font-size:20px;font-size:1.25rem;} } @media (max-width:921px){ html{font-size:91.2%;} } @media (max-width:544px){ html{font-size:91.2%;} } @media (min-width:922px){ .h-container{max-width:1240px;} } @media (min-width:922px){ .site-content .h-container{display:flex;} } @media (max-width:921px){ .site-content .h-container{flex-direction:column;} } .has-text-align-right > blockquote::before{justify-content: flex-start;} .has-text-align-left > blockquote::before{justify-content: flex-end;} :root{--p--custom--ast-default-block-top-padding: 3em;--p--custom--ast-default-block-right-padding: 3em;--p--custom--ast-default-block-bottom-padding: 3em;--p--custom--ast-default-block-left-padding: 3em;--p--custom--ast-container-width: 1200px;--p--custom--ast-content-width-size: 1200px;--p--custom--ast-wide-width-size: calc(1200px + var(--p--custom--ast-default-block-left-padding) + var(--p--custom--ast-default-block-right-padding));} @media(max-width: 921px){ :root{--p--custom--ast-default-block-top-padding: 3em;--p--custom--ast-default-block-right-padding: 2em;--p--custom--ast-default-block-bottom-padding: 3em;--p--custom--ast-default-block-left-padding: 2em;} } @media(max-width: 544px){ :root{--p--custom--ast-default-block-top-padding: 3em;--p--custom--ast-default-block-right-padding: 1.5em;--p--custom--ast-default-block-bottom-padding: 3em;--p--custom--ast-default-block-left-padding: 1.5em;} } blockquote{margin: 1.5em;border-color: rgba(0,0,0,0.05);} .has-text-align-right > blockquote,blockquote.has-text-align-right{border-right: 5px solid rgba(0,0,0,0.05);} .has-text-align-left > blockquote,blockquote.has-text-align-left{border-left: 5px solid rgba(0,0,0,0.05);} :root .has-ast-global-color-0-color{color:var(--ast-global-color-0);} :root .has-ast-global-color-0-background-color{background-color:var(--ast-global-color-0);} :root .has-ast-global-color-1-color{color:var(--ast-global-color-1);} :root .has-ast-global-color-1-background-color{background-color:var(--ast-global-color-1);} :root .has-ast-global-color-2-color{color:var(--ast-global-color-2);} :root .has-ast-global-color-2-background-color{background-color:var(--ast-global-color-2);} :root .has-ast-global-color-3-color{color:var(--ast-global-color-3);} :root .has-ast-global-color-3-background-color{background-color:var(--ast-global-color-3);} :root .has-ast-global-color-4-color{color:var(--ast-global-color-4);} :root .has-ast-global-color-4-background-color{background-color:var(--ast-global-color-4);} :root .has-ast-global-color-5-color{color:var(--ast-global-color-5);} :root .has-ast-global-color-5-background-color{background-color:var(--ast-global-color-5);} :root .has-ast-global-color-6-color{color:var(--ast-global-color-6);} :root .has-ast-global-color-6-background-color{background-color:var(--ast-global-color-6);} :root .has-ast-global-color-7-color{color:var(--ast-global-color-7);} :root .has-ast-global-color-7-background-color{background-color:var(--ast-global-color-7);} :root .has-ast-global-color-8-color{color:var(--ast-global-color-8);} :root .has-ast-global-color-8-background-color{background-color:var(--ast-global-color-8);} :root{--ast-global-color-0:#046bd2;--ast-global-color-1:#045cb4;--ast-global-color-2:#1e293b;--ast-global-color-3:#334155;--ast-global-color-4:#FFFFFF;--ast-global-color-5:#F0F5FA;--ast-global-color-6:#111111;--ast-global-color-7:#D1D5DB;--ast-global-color-8:#111111;} :root{--ast-border-color : var(--ast-global-color-7);} h1,h2,h3,h4,h5,h6{color:var(--ast-global-color-2);} .h-builder-layout-element[data-section="title_tagline"]{display:flex;} @media (max-width:921.99px){ .h-header-break-point .h-builder-layout-element[data-section="title_tagline"]{display:flex;} } @media (max-width:544px){ .h-header-break-point .h-builder-layout-element[data-section="title_tagline"]{display:flex;} } [data-section*="section-hb-button-"] .nav-link{display:none;} .h-header-button-1 .h-custom-button{background:#ff2e7e;} .h-header-button-1[data-section="section-hb-button-1"]{display:flex;} @media (max-width:921.99px){ .h-header-break-point .h-header-button-1[data-section="section-hb-button-1"]{display:flex;} } @media (max-width:544px){ .h-header-break-point .h-header-button-1[data-section="section-hb-button-1"]{display:flex;} } .h-builder-menu-1{font-family:'Space Grotesk',sans-serif;font-weight:700;} .h-builder-menu-1 .nav-item > .nav-link{font-size:15px;font-size:0.9375rem;color:#5d5b66;} .h-builder-menu-1 .nav-item > .h-menu-toggle{color:#5d5b66;} .h-builder-menu-1 .nav-link:hover,.h-builder-menu-1 .main-header-menu > .nav-item:hover > .nav-link{color:#000000;} .h-builder-menu-1 .h-menu-toggle:hover,.h-builder-menu-1 .main-header-menu > .nav-item:hover > .h-menu-toggle{color:#000000;} .h-builder-menu-1 .nav-item.nav-current > .nav-link,.h-builder-menu-1 .nav-current-ancestor > .nav-link{color:#000000;} .h-builder-menu-1 .nav-item.nav-current > .h-menu-toggle{color:#000000;} .h-builder-menu-1 .nav-sub{border-top-width:2px;border-bottom-width:0px;border-right-width:0px;border-left-width:0px;border-color:var(--ast-global-color-0);border-style:solid;} .h-builder-menu-1 .nav-sub .nav-sub{top:-2px;} .h-builder-menu-1 .main-header-menu > .nav-item > .nav-sub{margin-top:0px;} .h-desktop .h-builder-menu-1 .main-header-menu > .nav-item > .nav-sub:before{height:calc( 0px + 2px + 5px );} .h-desktop .h-builder-menu-1 .nav-item .nav-sub .nav-link{border-style:none;} @media (max-width:921px){ .h-header-break-point .h-builder-menu-1 .nav-item.nav-item-has-children > .h-menu-toggle{top:0;} .h-builder-menu-1 .nav-item-has-children > .nav-link:after{content:unset;} .h-builder-menu-1 .main-header-menu > .nav-item > .nav-sub{margin-top:0;} } @media (max-width:544px){ .h-header-break-point .h-builder-menu-1 .nav-item.nav-item-has-children > .h-menu-toggle{top:0;} .h-builder-menu-1 .main-header-menu > .nav-item > .nav-sub{margin-top:0;} } .h-builder-menu-1{display:flex;} @media (max-width:921.99px){ .h-header-break-point .h-builder-menu-1{display:flex;} } @media (max-width:544px){ .h-header-break-point .h-builder-menu-1{display:flex;} } .h-builder-html-element p:first-child{margin-top:0;} .h-builder-html-element p:last-child{margin-bottom:0;} .h-header-break-point .main-header-bar .h-builder-html-element{line-height:1.85714285714286;} .h-header-html-1 .h-builder-html-element{font-size:15px;font-size:0.9375rem;} .h-header-html-1{font-size:15px;font-size:0.9375rem;} .h-header-html-1{display:flex;} @media (max-width:921.99px){ .h-header-break-point .h-header-html-1{display:flex;} } @media (max-width:544px){ .h-header-break-point .h-header-html-1{display:flex;} } .w-heading .x-heading-title{margin:0;} .x-page .h-menu-toggle{color:unset;background:unset;} body .x hr{background-color:#ccc;margin:0;} .x-template-full-width .h-container{display:block;} .x-screen-only,.screen-reader-text,.screen-reader-text span{top:0 !important;} .h-header-break-point .main-header-bar{border-bottom-width:1px;} @media (min-width:922px){ .main-header-bar{border-bottom-width:1px;} } .main-header-menu .nav-item{-js-display:flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;} .main-header-menu > .nav-item > .nav-link{height:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-js-display:flex;display:flex;} .h-header-break-point .main-navigation ul .nav-item .nav-link .icon-arrow:first-of-type svg{top:.2em;margin-top:0px;margin-left:0px;width:.65em;transform:translate(0, -2px) rotateZ(270deg);} @media (min-width:922px){ .h-builder-menu .main-navigation > ul > li:last-child a{margin-right:0;} } .h-page-builder-template{background-color:var(--ast-global-color-4);} @media (max-width:921px){ .h-page-builder-template{background-color:var(--ast-global-color-4);} } @media (max-width:544px){ .h-page-builder-template{background-color:var(--ast-global-color-4);} } #h-scroll-top{display: none; position: fixed; text-align: center; cursor: pointer; z-index: 99; width: 2.1em; height: 2.1em; line-height: 2.1; color: #ffffff; border-radius: 2px; content: ""; outline: inherit;} @media (min-width: 769px){ #h-scroll-top{content: "769";} } #h-scroll-top .h-icon.icon-arrow svg{margin-left: 0px; vertical-align: middle; transform: translate(0, -20%) rotate(180deg); width: 1.6em;} .h-scroll-to-top-right{right: 30px; bottom: 30px;} #h-scroll-top{background-color:var(--ast-global-color-0);font-size:15px;} @media (max-width:921px){ #h-scroll-top .h-icon.icon-arrow svg{width:1em;} } .h-mobile-header-content > *{padding: 10px 0;height: auto;} .h-mobile-header-content > *:first-child{padding-top: 10px;} .h-mobile-header-content > .h-builder-menu{padding-top: 0;} .h-mobile-header-content > *:last-child{padding-bottom: 0;} .h-mobile-header-wrap .h-mobile-header-content{display: none;} .h-main-header-nav-open.h-header-break-point .h-mobile-header-wrap .h-mobile-header-content{display: block;} .h-mobile-header-wrap .h-mobile-header-content{background-color:#ffffff;;} .h-mobile-header-content > *{padding-top:0px;padding-bottom:0px;} .content-align-flex-start .h-builder-layout-element{justify-content:flex-start;} .content-align-flex-start .main-header-menu{text-align:left;} .h-mobile-header-content{position:absolute;width:100%;} .h-mobile-header-wrap .h-primary-header-bar,.h-primary-header-bar .site-primary-header-wrap{min-height:80px;} .h-desktop:not(:has(.h-header-sticked)) .h-primary-header-bar .main-header-menu > .nav-item{line-height:80px;} .h-header-break-point #masthead .h-mobile-header-wrap .h-primary-header-bar,.h-header-break-point #masthead .h-mobile-header-wrap .h-above-header-bar{padding-left:20px;padding-right:20px;} .h-header-break-point .h-primary-header-bar{border-bottom-width:1px;border-bottom-color:var( --ast-global-color-subtle-background,var(--ast-global-color-7) );border-bottom-style:solid;} @media (min-width:922px){ .h-primary-header-bar{border-bottom-width:1px;border-bottom-color:var( --ast-global-color-subtle-background,var(--ast-global-color-7) );border-bottom-style:solid;} } .h-primary-header-bar{background-color:rgba(250,250,252,0.9);background-image:none;} .h-primary-header-bar{display:block;} @media (max-width:921.99px){ .h-header-break-point .h-primary-header-bar{display:grid;} } @media (max-width:544px){ .h-header-break-point .h-primary-header-bar{display:grid;} } [data-section="section-header-mobile-trigger"] .h-button-wrap .h-mobile-menu-trigger-minimal{color:var(--ast-global-color-0);border:none;background:transparent;} [data-section="section-header-mobile-trigger"] .h-button-wrap .mobile-menu-toggle-icon .h-mobile-svg{width:20px;height:20px;fill:var(--ast-global-color-0);} .h-builder-menu-mobile .main-navigation .main-header-menu .nav-item > .nav-link{color:var(--ast-global-color-3);} .h-builder-menu-mobile .main-navigation .main-header-menu .nav-item > .h-menu-toggle{color:var(--ast-global-color-3);} .h-builder-menu-mobile .main-navigation .nav-link:hover,.h-builder-menu-mobile .main-navigation .main-header-menu > .nav-item:hover > .nav-link{color:var(--ast-global-color-1);} .h-builder-menu-mobile .nav-link:hover,.h-builder-menu-mobile .main-header-menu > .nav-item:hover > .nav-link{color:var(--ast-global-color-1);} .h-builder-menu-mobile .main-navigation .h-menu-toggle:hover,.h-builder-menu-mobile .main-navigation .main-header-menu > .nav-item:hover > .h-menu-toggle{color:var(--ast-global-color-1);} .h-builder-menu-mobile .main-navigation .nav-item.nav-current > .nav-link,.h-builder-menu-mobile .main-navigation .nav-item.nav-current-ancestor > .nav-link,.h-builder-menu-mobile .main-navigation .nav-item.nav-current-ancestor > .h-menu-toggle{color:var(--ast-global-color-1);} .h-builder-menu-mobile .main-navigation .nav-item.nav-current > .h-menu-toggle{color:var(--ast-global-color-1);} .h-builder-menu-mobile .main-navigation .nav-item.nav-item-has-children > .h-menu-toggle{top:0;} .h-builder-menu-mobile .main-navigation .nav-item-has-children > .nav-link:after{content:unset;} .h-hfb-header .h-builder-menu-mobile .main-header-menu,.h-hfb-header .h-builder-menu-mobile .main-navigation .nav-item .nav-link,.h-hfb-header .h-builder-menu-mobile .main-navigation .nav-item .nav-sub .nav-link{border-style:none;} .h-builder-menu-mobile .main-navigation .nav-item.nav-item-has-children > .h-menu-toggle{top:0;} @media (max-width:921px){ .h-builder-menu-mobile .main-navigation .main-header-menu .nav-item > .nav-link{color:var(--ast-global-color-3);} .h-builder-menu-mobile .main-navigation .main-header-menu .nav-item > .h-menu-toggle{color:var(--ast-global-color-3);} .h-builder-menu-mobile .main-navigation .nav-link:hover,.h-builder-menu-mobile .main-navigation .main-header-menu > .nav-item:hover > .nav-link{color:var(--ast-global-color-1);background:var(--ast-global-color-5);} .h-builder-menu-mobile .main-navigation .h-menu-toggle:hover,.h-builder-menu-mobile .main-navigation .main-header-menu > .nav-item:hover > .h-menu-toggle{color:var(--ast-global-color-1);} .h-builder-menu-mobile .main-navigation .nav-item.nav-current > .nav-link,.h-builder-menu-mobile .main-navigation .nav-item.nav-current-ancestor > .nav-link,.h-builder-menu-mobile .main-navigation .nav-item.nav-current-ancestor > .h-menu-toggle{color:var(--ast-global-color-1);background:var(--ast-global-color-5);} .h-builder-menu-mobile .main-navigation .nav-item.nav-current > .h-menu-toggle{color:var(--ast-global-color-1);} .h-builder-menu-mobile .main-navigation .nav-item.nav-item-has-children > .h-menu-toggle{top:0;} .h-builder-menu-mobile .main-navigation .nav-item-has-children > .nav-link:after{content:unset;} .h-builder-menu-mobile .main-navigation .main-header-menu,.h-builder-menu-mobile .main-navigation .main-header-menu .nav-link,.h-builder-menu-mobile .main-navigation .main-header-menu .nav-sub{background-color:var(--ast-global-color-4);} } @media (max-width:544px){ .h-builder-menu-mobile .main-navigation .nav-item.nav-item-has-children > .h-menu-toggle{top:0;} } .h-builder-menu-mobile .main-navigation{display:block;} @media (max-width:921.99px){ .h-header-break-point .h-builder-menu-mobile .main-navigation{display:block;} } @media (max-width:544px){ .h-header-break-point .h-builder-menu-mobile .main-navigation{display:block;} } .h-above-header .main-header-bar-navigation{height:100%;} .h-header-break-point .h-mobile-header-wrap .h-above-header-wrap .main-header-bar-navigation .h-submenu-expanded > .h-menu-toggle::before{transform:rotateX(180deg);} .h-mobile-header-wrap .h-above-header-bar,.h-above-header-bar .site-above-header-wrap{min-height:50px;} .h-desktop .h-above-header-bar .main-header-menu > .nav-item{line-height:50px;} .h-above-header-bar{border-bottom-width:1px;border-bottom-color:var( --ast-global-color-subtle-background,var(--ast-global-color-7) );border-bottom-style:solid;} .h-above-header.h-above-header-bar{background-color:#0e0d12;background-image:none;} .h-header-break-point .h-above-header-bar{background-color:#0e0d12;} @media (max-width:921px){ #masthead .h-mobile-header-wrap .h-above-header-bar{padding-left:20px;padding-right:20px;} } .h-above-header-bar{display:block;} @media (max-width:921.99px){ .h-header-break-point .h-above-header-bar{display:grid;} } @media (max-width:544px){ .h-header-break-point .h-above-header-bar{display:grid;} } :root{--c-global-color-astglobalcolor0:#046bd2;--c-global-color-astglobalcolor1:#045cb4;--c-global-color-astglobalcolor2:#1e293b;--c-global-color-astglobalcolor3:#334155;--c-global-color-astglobalcolor4:#FFFFFF;--c-global-color-astglobalcolor5:#F0F5FA;--c-global-color-astglobalcolor6:#111111;--c-global-color-astglobalcolor7:#D1D5DB;--c-global-color-astglobalcolor8:#111111;} :root{--p--preset--aspect-ratio--square: 1;--p--preset--aspect-ratio--4-3: 4/3;--p--preset--aspect-ratio--3-4: 3/4;--p--preset--aspect-ratio--3-2: 3/2;--p--preset--aspect-ratio--2-3: 2/3;--p--preset--aspect-ratio--16-9: 16/9;--p--preset--aspect-ratio--9-16: 9/16;--p--preset--color--black: #000000;--p--preset--color--cyan-bluish-gray: #abb8c3;--p--preset--color--white: #ffffff;--p--preset--color--pale-pink: #f78da7;--p--preset--color--vivid-red: #cf2e2e;--p--preset--color--luminous-vivid-orange: #ff6900;--p--preset--color--luminous-vivid-amber: #fcb900;--p--preset--color--light-green-cyan: #7bdcb5;--p--preset--color--vivid-green-cyan: #00d084;--p--preset--color--pale-cyan-blue: #8ed1fc;--p--preset--color--vivid-cyan-blue: #0693e3;--p--preset--color--vivid-purple: #9b51e0;--p--preset--color--ast-global-color-0: var(--ast-global-color-0);--p--preset--color--ast-global-color-1: var(--ast-global-color-1);--p--preset--color--ast-global-color-2: var(--ast-global-color-2);--p--preset--color--ast-global-color-3: var(--ast-global-color-3);--p--preset--color--ast-global-color-4: var(--ast-global-color-4);--p--preset--color--ast-global-color-5: var(--ast-global-color-5);--p--preset--color--ast-global-color-6: var(--ast-global-color-6);--p--preset--color--ast-global-color-7: var(--ast-global-color-7);--p--preset--color--ast-global-color-8: var(--ast-global-color-8);--p--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--p--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--p--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--p--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--p--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--p--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--p--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--p--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--p--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--p--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--p--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--p--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--p--preset--font-size--small: 13px;--p--preset--font-size--medium: 20px;--p--preset--font-size--large: 36px;--p--preset--font-size--x-large: 42px;--p--preset--spacing--20: 0.44rem;--p--preset--spacing--30: 0.67rem;--p--preset--spacing--40: 1rem;--p--preset--spacing--50: 1.5rem;--p--preset--spacing--60: 2.25rem;--p--preset--spacing--70: 3.38rem;--p--preset--spacing--80: 5.06rem;--p--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--p--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--p--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--p--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--p--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);} :root{--p--style--global--content-size: var(--p--custom--ast-content-width-size);--p--style--global--wide-size: var(--p--custom--ast-wide-width-size);} :where(body){margin: 0;} :where(.p-site-blocks) > *{margin-block-start: 24px; margin-block-end: 0;} :where(.p-site-blocks) > :first-child{margin-block-start: 0;} :where(.p-site-blocks) > :last-child{margin-block-end: 0;} :root{--p--style--block-gap: 24px;} :root :where(.is-layout-flow) > :first-child{margin-block-start: 0;} :root :where(.is-layout-flow) > :last-child{margin-block-end: 0;} :root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;} :root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;} :root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;} :root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;} :root :where(.is-layout-flex){gap: 24px;} :root :where(.is-layout-grid){gap: 24px;} .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--p--style--global--content-size);margin-left: auto !important;margin-right: auto !important;} body .is-layout-flex{display: flex;} .is-layout-flex{flex-wrap: wrap;align-items: center;} .is-layout-flex > :is(*, div){margin: 0;} body .is-layout-grid{display: grid;} .is-layout-grid > :is(*, div){margin: 0;} body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;} a:where(:not(.p-element-button)){text-decoration: none;} :root :where(.p-element-button, .p-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;} .has-black-color{color: var(--p--preset--color--black) !important;} .has-cyan-bluish-gray-color{color: var(--p--preset--color--cyan-bluish-gray) !important;} .has-white-color{color: var(--p--preset--color--white) !important;} .has-pale-pink-color{color: var(--p--preset--color--pale-pink) !important;} .has-vivid-red-color{color: var(--p--preset--color--vivid-red) !important;} .has-luminous-vivid-orange-color{color: var(--p--preset--color--luminous-vivid-orange) !important;} .has-luminous-vivid-amber-color{color: var(--p--preset--color--luminous-vivid-amber) !important;} .has-light-green-cyan-color{color: var(--p--preset--color--light-green-cyan) !important;} .has-vivid-green-cyan-color{color: var(--p--preset--color--vivid-green-cyan) !important;} .has-pale-cyan-blue-color{color: var(--p--preset--color--pale-cyan-blue) !important;} .has-vivid-cyan-blue-color{color: var(--p--preset--color--vivid-cyan-blue) !important;} .has-vivid-purple-color{color: var(--p--preset--color--vivid-purple) !important;} .has-ast-global-color-0-color{color: var(--p--preset--color--ast-global-color-0) !important;} .has-ast-global-color-1-color{color: var(--p--preset--color--ast-global-color-1) !important;} .has-ast-global-color-2-color{color: var(--p--preset--color--ast-global-color-2) !important;} .has-ast-global-color-3-color{color: var(--p--preset--color--ast-global-color-3) !important;} .has-ast-global-color-4-color{color: var(--p--preset--color--ast-global-color-4) !important;} .has-ast-global-color-5-color{color: var(--p--preset--color--ast-global-color-5) !important;} .has-ast-global-color-6-color{color: var(--p--preset--color--ast-global-color-6) !important;} .has-ast-global-color-7-color{color: var(--p--preset--color--ast-global-color-7) !important;} .has-ast-global-color-8-color{color: var(--p--preset--color--ast-global-color-8) !important;} .has-black-background-color{background-color: var(--p--preset--color--black) !important;} .has-cyan-bluish-gray-background-color{background-color: var(--p--preset--color--cyan-bluish-gray) !important;} .has-white-background-color{background-color: var(--p--preset--color--white) !important;} .has-pale-pink-background-color{background-color: var(--p--preset--color--pale-pink) !important;} .has-vivid-red-background-color{background-color: var(--p--preset--color--vivid-red) !important;} .has-luminous-vivid-orange-background-color{background-color: var(--p--preset--color--luminous-vivid-orange) !important;} .has-luminous-vivid-amber-background-color{background-color: var(--p--preset--color--luminous-vivid-amber) !important;} .has-light-green-cyan-background-color{background-color: var(--p--preset--color--light-green-cyan) !important;} .has-vivid-green-cyan-background-color{background-color: var(--p--preset--color--vivid-green-cyan) !important;} .has-pale-cyan-blue-background-color{background-color: var(--p--preset--color--pale-cyan-blue) !important;} .has-vivid-cyan-blue-background-color{background-color: var(--p--preset--color--vivid-cyan-blue) !important;} .has-vivid-purple-background-color{background-color: var(--p--preset--color--vivid-purple) !important;} .has-ast-global-color-0-background-color{background-color: var(--p--preset--color--ast-global-color-0) !important;} .has-ast-global-color-1-background-color{background-color: var(--p--preset--color--ast-global-color-1) !important;} .has-ast-global-color-2-background-color{background-color: var(--p--preset--color--ast-global-color-2) !important;} .has-ast-global-color-3-background-color{background-color: var(--p--preset--color--ast-global-color-3) !important;} .has-ast-global-color-4-background-color{background-color: var(--p--preset--color--ast-global-color-4) !important;} .has-ast-global-color-5-background-color{background-color: var(--p--preset--color--ast-global-color-5) !important;} .has-ast-global-color-6-background-color{background-color: var(--p--preset--color--ast-global-color-6) !important;} .has-ast-global-color-7-background-color{background-color: var(--p--preset--color--ast-global-color-7) !important;} .has-ast-global-color-8-background-color{background-color: var(--p--preset--color--ast-global-color-8) !important;} .has-black-border-color{border-color: var(--p--preset--color--black) !important;} .has-cyan-bluish-gray-border-color{border-color: var(--p--preset--color--cyan-bluish-gray) !important;} .has-white-border-color{border-color: var(--p--preset--color--white) !important;} .has-pale-pink-border-color{border-color: var(--p--preset--color--pale-pink) !important;} .has-vivid-red-border-color{border-color: var(--p--preset--color--vivid-red) !important;} .has-luminous-vivid-orange-border-color{border-color: var(--p--preset--color--luminous-vivid-orange) !important;} .has-luminous-vivid-amber-border-color{border-color: var(--p--preset--color--luminous-vivid-amber) !important;} .has-light-green-cyan-border-color{border-color: var(--p--preset--color--light-green-cyan) !important;} .has-vivid-green-cyan-border-color{border-color: var(--p--preset--color--vivid-green-cyan) !important;} .has-pale-cyan-blue-border-color{border-color: var(--p--preset--color--pale-cyan-blue) !important;} .has-vivid-cyan-blue-border-color{border-color: var(--p--preset--color--vivid-cyan-blue) !important;} .has-vivid-purple-border-color{border-color: var(--p--preset--color--vivid-purple) !important;} .has-ast-global-color-0-border-color{border-color: var(--p--preset--color--ast-global-color-0) !important;} .has-ast-global-color-1-border-color{border-color: var(--p--preset--color--ast-global-color-1) !important;} .has-ast-global-color-2-border-color{border-color: var(--p--preset--color--ast-global-color-2) !important;} .has-ast-global-color-3-border-color{border-color: var(--p--preset--color--ast-global-color-3) !important;} .has-ast-global-color-4-border-color{border-color: var(--p--preset--color--ast-global-color-4) !important;} .has-ast-global-color-5-border-color{border-color: var(--p--preset--color--ast-global-color-5) !important;} .has-ast-global-color-6-border-color{border-color: var(--p--preset--color--ast-global-color-6) !important;} .has-ast-global-color-7-border-color{border-color: var(--p--preset--color--ast-global-color-7) !important;} .has-ast-global-color-8-border-color{border-color: var(--p--preset--color--ast-global-color-8) !important;} .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--p--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;} .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--p--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;} .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--p--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;} .has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--p--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;} .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--p--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;} .has-cool-to-warm-spectrum-gradient-background{background: var(--p--preset--gradient--cool-to-warm-spectrum) !important;} .has-blush-light-purple-gradient-background{background: var(--p--preset--gradient--blush-light-purple) !important;} .has-blush-bordeaux-gradient-background{background: var(--p--preset--gradient--blush-bordeaux) !important;} .has-luminous-dusk-gradient-background{background: var(--p--preset--gradient--luminous-dusk) !important;} .has-pale-ocean-gradient-background{background: var(--p--preset--gradient--pale-ocean) !important;} .has-electric-grass-gradient-background{background: var(--p--preset--gradient--electric-grass) !important;} .has-midnight-gradient-background{background: var(--p--preset--gradient--midnight) !important;} .has-small-font-size{font-size: var(--p--preset--font-size--small) !important;} .has-medium-font-size{font-size: var(--p--preset--font-size--medium) !important;} .has-large-font-size{font-size: var(--p--preset--font-size--large) !important;} .has-x-large-font-size{font-size: var(--p--preset--font-size--x-large) !important;} :root :where(.p-block-icon svg){width: 24px;} :root :where(.p-block-pullquote){font-size: 1.5em;line-height: 1.6;} :root{--direction-multiplier:1} html[dir=rtl]{--direction-multiplier:-1} .x-screen-only,.screen-reader-text,.screen-reader-text span{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;top:-10000em;width:1px;clip:rect(0,0,0,0);border:0} .x *,.x :after,.x :before{box-sizing:border-box} .x a{box-shadow:none;text-decoration:none} .x hr{background-color:transparent;margin:0} .x img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%} .x .w:not(.w-text-editor):not(.w-theme-post-content) figure{margin:0} .x embed,.x iframe,.x object,.x video{border:none;line-height:1;margin:0;max-width:100%;width:100%} .x .x-background-slideshow{inset:0;position:absolute;z-index:0} .x .x-background-slideshow__slide__image{background-position:50%;background-size:cover;height:100%;width:100%} .x-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)} .x-element:where(.c-con-full,.w){align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)} .x-invisible{visibility:hidden} :root{--page-title-display:block} @keyframes eicon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}} .w{position:relative} .w:not(:last-child){margin-block-end:var(--kit-widget-spacing,20px)} .w:not(:last-child).x-widget__width-initial{margin-block-end:0} .x-column{display:flex;min-height:1px;position:relative} @media (min-width:768px){ .x-column[data-col="10"]{width:10%} .x-column[data-col="11"]{width:11.111%} .x-column[data-col="12"]{width:12.5%} .x-column[data-col="14"]{width:14.285%} .x-column[data-col="16"]{width:16.666%} .x-column[data-col="20"]{width:20%} .x-column[data-col="25"]{width:25%} .x-column[data-col="30"]{width:30%} .x-column[data-col="33"]{width:33.333%} .x-column[data-col="40"]{width:40%} .x-column[data-col="50"]{width:50%} .x-column[data-col="60"]{width:60%} .x-column[data-col="66"]{width:66.666%} .x-column[data-col="70"]{width:70%} .x-column[data-col="75"]{width:75%} .x-column[data-col="80"]{width:80%} .x-column[data-col="83"]{width:83.333%} .x-column[data-col="90"]{width:90%} .x-column.x-col-100,.x-column[data-col="100"]{width:100%} } @media (max-width:767px){ .x-column{width:100%} } @media (prefers-reduced-motion:no-preference){ html{scroll-behavior:smooth} } .c-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--gap:var(--widgets-spacing,20px);--row-gap:var(--widgets-spacing-row,20px);--column-gap:var(--widgets-spacing-column,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--c-con-grid-template-columns:repeat(3,1fr);--c-con-grid-template-rows:repeat(2,1fr);border-radius:var(--border-radius);height:var(--height);min-height:var(--min-height);min-width:0;overflow:var(--overflow);position:var(--position);width:var(--width);z-index:var(--z-index);--flex-wrap-mobile:wrap} .c-con:where(:not(.c-div-block-base)){transition:background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--c-con-transform-transition-duration,.4s)} .c-con{--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)} .c-con{margin-block-end:var(--margin-block-end);margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-inline-start:var(--margin-inline-start);padding-inline-end:var(--padding-inline-end);padding-inline-start:var(--padding-inline-start)} .c-con.c-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)} .c-con-full,.c-con>.c-con-inner{padding-block-end:var(--padding-block-end);padding-block-start:var(--padding-block-start);text-align:var(--text-align)} .c-con-full.c-flex,.c-con.c-flex>.c-con-inner{flex-direction:var(--flex-direction)} .c-con,.c-con>.c-con-inner{display:var(--display)} .c-con-boxed.c-flex{align-content:normal;align-items:normal;flex-direction:column;flex-wrap:nowrap;justify-content:normal} .c-con-boxed{gap:initial;text-align:initial} .c-con.c-flex>.c-con-inner{align-content:var(--align-content);align-items:var(--align-items);align-self:auto;flex-basis:auto;flex-grow:1;flex-shrink:1;flex-wrap:var(--flex-wrap);justify-content:var(--justify-content)} .c-con>.c-con-inner{gap:var(--row-gap) var(--column-gap);height:100%;margin:0 auto;max-width:var(--content-width);padding-inline-end:0;padding-inline-start:0;width:100%} :is(.x-section-wrap,.x-doc)>.c-con{--margin-left:auto;--margin-right:auto;max-width:min(100%,var(--width))} .c-con .w.w{margin-block-end:0} .c-con:before,.c-con>.x-background-slideshow:before{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);content:var(--background-overlay);display:block;height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);position:absolute;top:calc(0px - var(--border-top-width));transition:var(--overlay-transition,.3s);width:max(100% + var(--border-left-width) + var(--border-right-width),100%)} .c-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)} .c-con>.x-background-slideshow{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));top:calc(0px - var(--border-top-width));width:max(100% + var(--border-left-width) + var(--border-right-width),100%)} :is(.c-con,.c-con>.c-con-inner)>.x-background-slideshow:before{z-index:2} .c-con .w{min-width:0} .c-con.c-con>.c-con-inner>.w,.x.x .c-con>.w{max-width:100%} .c-con .w:not(:last-child){--kit-widget-spacing:0px} @media (max-width:767px){ .c-con.c-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)} } .x-form-fields-wrapper{display:flex;flex-wrap:wrap} .x-field-group{align-items:center;flex-wrap:wrap} .x-field-group.x-field-type-submit{align-items:flex-end} .x-field-group .x-field-textual{background-color:transparent;border:1px solid #69727d;color:#1f2124;flex-grow:1;max-width:100%;vertical-align:middle;width:100%} .x-field-group .x-field-textual:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);outline:0} .x-field-group .x-field-textual::-moz-placeholder{color:inherit;font-family:inherit;opacity:.6} .x-field-group .x-field-textual::placeholder{color:inherit;font-family:inherit;opacity:.6} .x-field-group .x-select-wrapper{display:flex;position:relative;width:100%} .x-field-group .x-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;flex-basis:100%;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-inline-end:20px;text-transform:inherit} .x-field-group .x-select-wrapper:before{content:"\e92a";font-family:eicons;font-size:15px;inset-block-start:50%;inset-inline-end:10px;pointer-events:none;position:absolute;text-shadow:0 0 3px rgba(0,0,0,.3);transform:translateY(-50%)} .x-field-label{cursor:pointer} .x-field-textual{border-radius:3px;font-size:15px;line-height:1.4;min-height:40px;padding:5px 14px} .x-button-align-stretch .x-field-type-submit:not(.c-form__buttons__wrapper) .x-button{flex-basis:100%} .x-error .x-field{border-color:#d9534f} .x-message{font-size:1em;line-height:1;margin:10px 0} .x-message:before{content:"\e90e";display:inline-block;font-family:eicons;font-style:normal;font-weight:400;margin-inline-end:5px;vertical-align:middle} .x-message.x-message-danger{color:#d9534f} .x-message.x-message-danger:before{content:"\e87f"} .x-form .x-button{border:none;padding-block-end:0;padding-block-start:0} .x-form .x-button-content-wrapper,.x-form .x-button>span{display:flex;flex-direction:row;gap:5px;justify-content:center} .x-form .x-button.x-size-sm{min-height:40px} .x-element:where(:not(.c-con)):where(:not(.c-div-block-base)):not(:has(.w-container)){transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--c-transform-transition-duration,.4s)} .x-heading-title{line-height:1;margin:0;padding:0} .x-button{background-color:#69727d;border-radius:3px;color:#fff;display:inline-block;fill:#fff;font-size:15px;line-height:1;padding:12px 24px;text-align:center;transition:all .3s} .x-button:focus,.x-button:hover,.x-button:visited{color:#fff} .x-button-content-wrapper{display:flex;flex-direction:row;gap:5px;justify-content:center} .x-button-text{display:inline-block} .x-button span{text-decoration:inherit} .x-view-framed .x-icon{background-color:transparent;border:3px solid #69727d;color:#69727d;padding:.5em} .x-icon{color:#69727d;display:inline-block;font-size:50px;line-height:1;text-align:center;transition:all .3s} .x-icon:hover{color:#69727d} .x-icon i,.x-icon svg{display:block;height:1em;position:relative;width:1em} .x-icon i:before,.x-icon svg:before{left:50%;position:absolute;transform:translateX(-50%)} .x-shape-circle .x-icon{border-radius:50%} .animated{animation-duration:1.25s} @media (prefers-reduced-motion:reduce){ .animated{animation:none!important} html *{transition-delay:0s!important;transition-duration:0s!important} } .w-image{text-align:center} .w-image a{display:inline-block} .w-image a img[src$=".svg"]{width:48px} .w-image img{display:inline-block;vertical-align:middle} .w-heading .x-heading-title[class*=x-size-]>a{color:inherit;font-size:inherit;line-height:inherit} .w .x-icon-list-items{list-style-type:none;margin:0;padding:0} .w .x-icon-list-item{margin:0;padding:0;position:relative} .w .x-icon-list-item:after{inset-block-end:0;position:absolute;width:100%} .w .x-icon-list-item,.w .x-icon-list-item a{align-items:var(--icon-vertical-align,center);display:flex;font-size:inherit} .w.x-list-item-link-full_width a{width:100%} .w.x-align-start .x-icon-list-item,.w.x-align-start .x-icon-list-item a{justify-content:start;text-align:start} .w:not(.x-align-end) .x-icon-list-item:after{inset-inline-start:0} .w:not(.x-align-start) .x-icon-list-item:after{inset-inline-end:0} @media (min-width:-1){ .w:not(.x-widescreen-align-end) .x-icon-list-item:after{inset-inline-start:0} .w:not(.x-widescreen-align-start) .x-icon-list-item:after{inset-inline-end:0} } @media (max-width:-1){ .w:not(.x-laptop-align-end) .x-icon-list-item:after{inset-inline-start:0} .w:not(.x-laptop-align-start) .x-icon-list-item:after{inset-inline-end:0} .w:not(.x-tablet_extra-align-end) .x-icon-list-item:after{inset-inline-start:0} .w:not(.x-tablet_extra-align-start) .x-icon-list-item:after{inset-inline-end:0} } @media (max-width:1024px){ .w:not(.x-tablet-align-end) .x-icon-list-item:after{inset-inline-start:0} .w:not(.x-tablet-align-start) .x-icon-list-item:after{inset-inline-end:0} } @media (max-width:-1){ .w:not(.x-mobile_extra-align-end) .x-icon-list-item:after{inset-inline-start:0} .w:not(.x-mobile_extra-align-start) .x-icon-list-item:after{inset-inline-end:0} } @media (max-width:767px){ .w:not(.x-mobile-align-end) .x-icon-list-item:after{inset-inline-start:0} .w:not(.x-mobile-align-start) .x-icon-list-item:after{inset-inline-end:0} } .x .x-element ul.x-icon-list-items{padding:0} .w-icon-box .x-icon-box-wrapper{display:flex;flex-direction:column;text-align:center} .w-icon-box .x-icon-box-icon{display:inline-block;flex:0 0 auto;line-height:0} .w-icon-box .x-icon-box-content{flex-grow:1;width:100%} .w-icon-box .x-icon-box-title a{color:inherit} .w-icon-box .x-icon-box-description{margin:0} .w-icon-box.x-position-inline-start .x-icon-box-wrapper{flex-direction:row;text-align:start} @media (max-width:767px){ .w-icon-box.x-mobile-position-block-start .x-icon-box-wrapper{align-items:unset!important;flex-direction:column;text-align:center} } :root{--page-title-display:none!important;} .x-kit-6{--c-global-color-primary:#6EC1E4;--c-global-color-secondary:#54595F;--c-global-color-text:#7A7A7A;--c-global-color-accent:#61CE70;--c-global-color-4f773ab:#C6F432;--c-global-typography-primary-font-family:"Roboto";--c-global-typography-primary-font-weight:600;--c-global-typography-secondary-font-family:"Roboto Slab";--c-global-typography-secondary-font-weight:400;--c-global-typography-text-font-family:"Roboto";--c-global-typography-text-font-weight:400;--c-global-typography-accent-font-family:"Roboto";--c-global-typography-accent-font-weight:500;} .x-kit-6 e-page-transition{background-color:#FFBC7D;} .c-con{--container-max-width:1140px;} .w:not(:last-child){--kit-widget-spacing:20px;} .x-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;} @media(max-width:1024px){ .c-con{--container-max-width:1024px;} } @media(max-width:767px){ .c-con{--container-max-width:767px;} } @keyframes fadeIn{from{opacity:0}to{opacity:1}} .fadeIn{animation-name:fadeIn} .c-form__buttons{flex-wrap:wrap} .c-form__buttons{display:flex} .x-field-type-tel input{direction:inherit} .x-form .x-button .x-button-content-wrapper{align-items:center} .x-form .x-button .x-button-text{white-space:normal} .x-form .x-button svg{height:auto} .x-form .x-button .c-font-icon-svg{height:1em} .x-form .x-button .x-button-content-wrapper{gap:5px} .x-form .x-button .x-button-text{flex-grow:unset;order:unset} .x-select-wrapper .select-caret-down-wrapper{font-size:11px;inset-inline-end:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)} .x-select-wrapper .select-caret-down-wrapper svg{aspect-ratio:unset;display:unset;fill:currentColor;overflow:visible;width:1em} .x-select-wrapper .select-caret-down-wrapper i{font-size:19px;line-height:2} .x-select-wrapper.remove-before:before{content:""!important} .x-message-svg:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE0IDExIj48cGF0aCBmaWxsPSIjMDA4YTIwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljc1IDguMTUgMS42IDUgLjU1IDYuMDVsNC4yIDQuMiA5LTlMMTIuNy4yeiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");background-position:50%;background-repeat:no-repeat;content:"";height:1em;width:1em} :where(.w-n-accordion .c-n-accordion-item>.c-con){border:var(--n-accordion-border-width) var(--n-accordion-border-style) var(--n-accordion-border-color)} .w-icon-list .x-icon-list-item:not(:last-child):after{border-color:var( --c-global-color-text );} .w-icon-list .x-icon-list-item > .x-icon-list-text,.w-icon-list .x-icon-list-item > a{font-family:var( --c-global-typography-text-font-family ), Sans-serif;font-weight:var( --c-global-typography-text-font-weight );} .w-icon-list .x-icon-list-text{color:var( --c-global-color-secondary );} .w-heading .x-heading-title{font-family:var( --c-global-typography-primary-font-family ), Sans-serif;font-weight:var( --c-global-typography-primary-font-weight );color:var( --c-global-color-primary );} .w-text-editor{font-family:var( --c-global-typography-text-font-family ), Sans-serif;font-weight:var( --c-global-typography-text-font-weight );color:var( --c-global-color-text );} .w-button .x-button{background-color:var( --c-global-color-accent );font-family:var( --c-global-typography-accent-font-family ), Sans-serif;font-weight:var( --c-global-typography-accent-font-weight );} .w-icon-box.x-view-framed .x-icon{fill:var( --c-global-color-primary );color:var( --c-global-color-primary );border-color:var( --c-global-color-primary );} .w-icon-box .x-icon-box-title,.w-icon-box .x-icon-box-title a{font-family:var( --c-global-typography-primary-font-family ), Sans-serif;font-weight:var( --c-global-typography-primary-font-weight );} .w-icon-box .x-icon-box-title{color:var( --c-global-color-primary );} .w-icon-box:has(:hover) .x-icon-box-title,.w-icon-box:has(:focus) .x-icon-box-title{color:var( --c-global-color-primary );} .w-icon-box .x-icon-box-description{font-family:var( --c-global-typography-text-font-family ), Sans-serif;font-weight:var( --c-global-typography-text-font-weight );color:var( --c-global-color-text );} .x-433 .x-element.k-b0437cb{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .x-433 .x-element.k-88df32d{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E6EC;--border-color:#E7E6EC;--border-radius:18px 18px 18px 18px;box-shadow:0px 25px 60px -28px rgba(14.000000000000007, 13, 18, 0.2784313725490196);} .x-433 .x-element.k-a06baad{padding:11px 18px 11px 18px;--c-icon-list-icon-size:14px;--c-icon-list-icon-align:right;--c-icon-list-icon-margin:0 0 0 calc(var(--c-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:0px;} .x-433 .x-element.k-a06baad .x-icon-list-items:not(.x-inline-items) .x-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);} .x-433 .x-element.k-a06baad .x-icon-list-items:not(.x-inline-items) .x-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);} .x-433 .x-element.k-a06baad .x-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;} .x-433 .x-element.k-a06baad .x-icon-list-items:not(.x-inline-items) .x-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;} .x-433 .x-element.k-a06baad .x-icon-list-item > .x-icon-list-text,.x-433 .x-element.k-a06baad .x-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;} .x-433 .x-element.k-a06baad .x-icon-list-text{transition:color 0.3s;} .x-433 .x-element.k-4675632{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:center;} .x-433 .x-element.k-071ed92{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;} .x-433 .x-element.k-1c8c96a{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;text-align:start;} .x-433 .x-element.k-1c8c96a .x-heading-title{font-family:"Inter", Sans-serif;font-size:12.5px;font-weight:700;color:#7C3AED;} .x-433 .x-element.k-aca45b3 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:34px;font-weight:700;color:var( --c-global-color-astglobalcolor3 );} .x-433 .x-element.k-e393a73{font-family:"Inter", Sans-serif;font-weight:400;color:var( --c-global-color-astglobalcolor3 );} .x-433 .x-element.k-a3014ae{font-family:"Inter", Sans-serif;font-weight:400;color:var( --c-global-color-astglobalcolor3 );} .x-433 .x-element.k-264e9c1 .x-button{background-color:#C6F43200;font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:500;fill:#7C3AED;color:#7C3AED;padding:0px 0px 0px 0px;} .x-433 .x-element.k-321bbf2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E6EC;--border-color:#E7E6EC;--border-radius:18px 18px 18px 18px;box-shadow:0px 25px 60px -28px rgba(14.000000000000007, 13, 18, 0.2784313725490196);} .x-433 .x-element.k-5352e25 .x-icon-list-items:not(.x-inline-items) .x-icon-list-item:not(:last-child){padding-block-end:calc(22px/2);} .x-433 .x-element.k-5352e25 .x-icon-list-items:not(.x-inline-items) .x-icon-list-item:not(:first-child){margin-block-start:calc(22px/2);} .x-433 .x-element.k-5352e25 .x-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;} .x-433 .x-element.k-5352e25 .x-icon-list-items:not(.x-inline-items) .x-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;} .x-433 .x-element.k-5352e25{--c-icon-list-icon-size:13px;--icon-vertical-offset:0px;} .x-433 .x-element.k-5352e25 .x-icon-list-item > .x-icon-list-text,.x-433 .x-element.k-5352e25 .x-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14.5px;font-weight:400;} .x-433 .x-element.k-5352e25 .x-icon-list-text{color:var( --c-global-color-astglobalcolor6 );transition:color 0.3s;} .x-433 .x-element.k-9635210{--display:flex;} .x-433 .x-element.k-14f849a{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.53;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#26242E;--border-color:#26242E;--border-radius:24px 24px 24px 24px;--padding-top:24px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;} .x-433 .x-element.k-14f849a:not(.x-motion-effects-element-type-background){background-color:#17161D;} .x-433 .x-element.k-14f849a::before,.x-433 .x-element.k-14f849a > .x-background-slideshow::before,.x-433 .x-element.k-14f849a > .c-con-inner > .x-background-slideshow::before{background-color:#FFFCFC00;--background-overlay:'';} .x-433 .x-element.k-14f849a:hover{box-shadow:0px 24px 50px -24px rgba(0,0,0,0.5);} .x-433 .x-element.k-fe34abd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .x-433 .x-element.k-3d4db56 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-29be54f.x-element{--align-self:center;} .x-433 .x-element.k-29be54f{text-align:center;} .x-433 .x-element.k-29be54f .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:30px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-a0dabfb{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.53;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#26242E;--border-color:#26242E;--border-radius:24px 24px 24px 24px;--padding-top:24px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;} .x-433 .x-element.k-a0dabfb:not(.x-motion-effects-element-type-background){background-color:#17161D;} .x-433 .x-element.k-a0dabfb::before,.x-433 .x-element.k-a0dabfb > .x-background-slideshow::before,.x-433 .x-element.k-a0dabfb > .c-con-inner > .x-background-slideshow::before{background-color:#FFFCFC00;--background-overlay:'';} .x-433 .x-element.k-a0dabfb:hover{box-shadow:0px 24px 50px -24px rgba(0,0,0,0.5);} .x-433 .x-element.k-bbf11bf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .x-433 .x-element.k-3b8edf4 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-7c4d7bf.x-element{--align-self:center;} .x-433 .x-element.k-7c4d7bf{text-align:center;} .x-433 .x-element.k-7c4d7bf .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:30px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-322fbb4{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.53;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#26242E;--border-color:#26242E;--border-radius:24px 24px 24px 24px;--padding-top:24px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;} .x-433 .x-element.k-322fbb4:not(.x-motion-effects-element-type-background){background-color:#17161D;} .x-433 .x-element.k-322fbb4::before,.x-433 .x-element.k-322fbb4 > .x-background-slideshow::before,.x-433 .x-element.k-322fbb4 > .c-con-inner > .x-background-slideshow::before{background-color:#FFFCFC00;--background-overlay:'';} .x-433 .x-element.k-322fbb4:hover{box-shadow:0px 24px 50px -24px rgba(0,0,0,0.5);} .x-433 .x-element.k-15a6e86{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .x-433 .x-element.k-02fe73d .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-9d2a9d2.x-element{--align-self:center;} .x-433 .x-element.k-9d2a9d2{text-align:center;} .x-433 .x-element.k-9d2a9d2 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:30px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-abf8e83{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.53;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#26242E;--border-color:#26242E;--border-radius:24px 24px 24px 24px;--padding-top:24px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;} .x-433 .x-element.k-abf8e83:not(.x-motion-effects-element-type-background){background-color:#17161D;} .x-433 .x-element.k-abf8e83::before,.x-433 .x-element.k-abf8e83 > .x-background-slideshow::before,.x-433 .x-element.k-abf8e83 > .c-con-inner > .x-background-slideshow::before{background-color:#FFFCFC00;--background-overlay:'';} .x-433 .x-element.k-abf8e83:hover{box-shadow:0px 24px 50px -24px rgba(0,0,0,0.5);} .x-433 .x-element.k-967ce29{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .x-433 .x-element.k-84e07e1 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-9dad0b8.x-element{--align-self:center;} .x-433 .x-element.k-9dad0b8{text-align:center;} .x-433 .x-element.k-9dad0b8 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:30px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-9548a2e{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.53;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#26242E;--border-color:#26242E;--border-radius:24px 24px 24px 24px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;} .x-433 .x-element.k-9548a2e:not(.x-motion-effects-element-type-background){background-color:#17161D;} .x-433 .x-element.k-9548a2e::before,.x-433 .x-element.k-9548a2e > .x-background-slideshow::before,.x-433 .x-element.k-9548a2e > .c-con-inner > .x-background-slideshow::before{background-color:#FFFCFC00;--background-overlay:'';} .x-433 .x-element.k-9548a2e:hover{box-shadow:0px 24px 50px -24px rgba(0,0,0,0.5);} .x-433 .x-element.k-76d09e1 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-d39ec2d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#211F2A;--border-color:#211F2A;--padding-top:13px;--padding-bottom:13px;--padding-left:16px;--padding-right:16px;} .x-433 .x-element.k-7940c81 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-1384558.x-element{--align-self:center;} .x-433 .x-element.k-1384558{text-align:center;} .x-433 .x-element.k-1384558 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:13.5px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-af1ea64{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#211F2A;--border-color:#211F2A;--padding-top:13px;--padding-bottom:13px;--padding-left:16px;--padding-right:16px;} .x-433 .x-element.k-73c38ba .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-68ee672.x-element{--align-self:center;} .x-433 .x-element.k-68ee672{text-align:center;} .x-433 .x-element.k-68ee672 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:13.5px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-e3639a5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#211F2A;--border-color:#211F2A;--padding-top:13px;--padding-bottom:13px;--padding-left:16px;--padding-right:16px;} .x-433 .x-element.k-ab5dcc4 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-f7063ca.x-element{--align-self:center;} .x-433 .x-element.k-f7063ca{text-align:center;} .x-433 .x-element.k-f7063ca .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:13.5px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-2bacbff{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#211F2A;--border-color:#211F2A;--padding-top:13px;--padding-bottom:13px;--padding-left:16px;--padding-right:16px;} .x-433 .x-element.k-7d40e44 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-4fb1168.x-element{--align-self:center;} .x-433 .x-element.k-4fb1168{text-align:center;} .x-433 .x-element.k-4fb1168 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:13.5px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-0b0e3e0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#211F2A;--border-color:#211F2A;--padding-top:13px;--padding-bottom:13px;--padding-left:16px;--padding-right:16px;} .x-433 .x-element.k-7abda66 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-707da5a.x-element{--align-self:center;} .x-433 .x-element.k-707da5a{text-align:center;} .x-433 .x-element.k-707da5a .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:13.5px;font-weight:700;color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-7e1e919{--display:flex;--border-radius:18px 18px 18px 18px;--padding-top:30px;--padding-bottom:30px;--padding-left:26px;--padding-right:26px;} .x-433 .x-element.k-7e1e919:not(.x-motion-effects-element-type-background){background-color:var( --c-global-color-astglobalcolor4 );} .x-433 .x-element.k-0de6e54 .x-icon-box-wrapper{text-align:start;} .x-433 .x-element.k-0de6e54 .x-icon-box-title,.x-433 .x-element.k-0de6e54 .x-icon-box-title a{font-family:"Space Grotesk", Sans-serif;font-size:19px;font-weight:700;} .x-433 .x-element.k-0de6e54 .x-icon-box-title{color:var( --c-global-color-astglobalcolor2 );} .x-433 .x-element.k-0de6e54:has(:hover) .x-icon-box-title,.x-433 .x-element.k-0de6e54:has(:focus) .x-icon-box-title{color:var( --c-global-color-astglobalcolor8 );} .x-433 .x-element.k-0de6e54 .x-icon-box-description{font-family:"Inter", Sans-serif;font-size:13.5px;font-weight:400;color:#5D5B66;} .w-form .x-field-group > label{color:var( --c-global-color-text );} .w-form .x-field-group > label{font-family:var( --c-global-typography-text-font-family ), Sans-serif;font-weight:var( --c-global-typography-text-font-weight );} .w-form .x-field-group .x-field{color:var( --c-global-color-text );} .w-form .x-field-group .x-field{font-family:var( --c-global-typography-text-font-family ), Sans-serif;font-weight:var( --c-global-typography-text-font-weight );} .w-form .x-button{font-family:var( --c-global-typography-accent-font-family ), Sans-serif;font-weight:var( --c-global-typography-accent-font-weight );} .w-form .x-button[type="submit"]{background-color:var( --c-global-color-accent );} .w-form .x-message{font-family:var( --c-global-typography-text-font-family ), Sans-serif;font-weight:var( --c-global-typography-text-font-weight );} .w-form{--c-form-steps-indicator-inactive-primary-color:var( --c-global-color-text );--c-form-steps-indicator-active-primary-color:var( --c-global-color-accent );--c-form-steps-indicator-completed-primary-color:var( --c-global-color-accent );--c-form-steps-indicator-progress-color:var( --c-global-color-accent );--c-form-steps-indicator-progress-background-color:var( --c-global-color-text );--c-form-steps-indicator-progress-meter-color:var( --c-global-color-text );} .x-433 .x-element.k-e7511c7 .x-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;} .x-433 .x-element.k-e7511c7 .x-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;} .x-433 .x-element.k-e7511c7 .x-field-group .x-field{color:var( --c-global-color-astglobalcolor6 );} .x-433 .x-element.k-e7511c7 .x-field-group .x-field:not(.x-select-wrapper){background-color:#FAFAFC;border-color:#E7E6EC;border-width:1.5px 1.5px 1.5px 1.5px;} .x-433 .x-element.k-e7511c7 .x-field-group .x-select-wrapper select{background-color:#FAFAFC;border-color:#E7E6EC;border-width:1.5px 1.5px 1.5px 1.5px;} .x-433 .x-element.k-e7511c7 .x-field-group .x-select-wrapper::before{color:#E7E6EC;} .x-433 .x-element.k-e7511c7 .x-button[type="submit"]{background-color:#FF2E7E;color:#ffffff;} .x-433 .x-element.k-e7511c7 .x-button[type="submit"] svg *{fill:#ffffff;} .x-433 .x-element.k-e7511c7 .x-button[type="submit"]:hover{color:#ffffff;} .x-433 .x-element.k-e7511c7 .x-button[type="submit"]:hover svg *{fill:#ffffff;} .x-433 .x-element.k-e7511c7{--c-form-steps-indicators-spacing:20px;--c-form-steps-indicator-padding:30px;--c-form-steps-indicator-inactive-secondary-color:#ffffff;--c-form-steps-indicator-active-secondary-color:#ffffff;--c-form-steps-indicator-completed-secondary-color:#ffffff;--c-form-steps-divider-width:1px;--c-form-steps-divider-gap:10px;} .x-433 .x-element.k-6332925{text-align:center;font-family:"Inter", Sans-serif;font-size:12.5px;font-weight:400;color:#5D5B66;} :where( .x-433 .x-element.k-a6dc283 > .c-n-accordion > .c-n-accordion-item ) > .c-con{border-style:solid;border-width:0px 1px 1px 1px;border-color:#7C3AED;--border-radius:0px 0px 12px 12px;} @media(min-width:768px){ .x-433 .x-element.k-b0437cb{--width:50%;} .x-433 .x-element.k-9635210{--width:80%;} .x-433 .x-element.k-9548a2e{--width:70%;} .x-433 .x-element.k-7e1e919{--width:45%;} } @media(max-width:767px){ .x-433 .x-element.k-b0437cb{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .x-433 .x-element.k-9635210{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .x-433 .x-element.k-3d4db56{width:100%;max-width:100%;} .x-433 .x-element.k-3d4db56 .x-heading-title{font-size:28px;} .x-433 .x-element.k-29be54f{width:100%;max-width:100%;} .x-433 .x-element.k-29be54f .x-heading-title{font-size:28px;} .x-433 .x-element.k-3b8edf4{width:100%;max-width:100%;} .x-433 .x-element.k-3b8edf4 .x-heading-title{font-size:28px;} .x-433 .x-element.k-7c4d7bf{width:100%;max-width:100%;} .x-433 .x-element.k-7c4d7bf .x-heading-title{font-size:28px;} .x-433 .x-element.k-02fe73d{width:100%;max-width:100%;} .x-433 .x-element.k-02fe73d .x-heading-title{font-size:28px;} .x-433 .x-element.k-9d2a9d2{width:100%;max-width:100%;} .x-433 .x-element.k-9d2a9d2 .x-heading-title{font-size:28px;} .x-433 .x-element.k-84e07e1{width:100%;max-width:100%;} .x-433 .x-element.k-84e07e1 .x-heading-title{font-size:28px;} .x-433 .x-element.k-9dad0b8{width:100%;max-width:100%;} .x-433 .x-element.k-9dad0b8 .x-heading-title{font-size:28px;} .x-433 .x-element.k-76d09e1{width:100%;max-width:100%;} .x-433 .x-element.k-76d09e1 .x-heading-title{font-size:28px;} .x-433 .x-element.k-7940c81{width:100%;max-width:100%;} .x-433 .x-element.k-7940c81 .x-heading-title{font-size:16px;} .x-433 .x-element.k-1384558{width:100%;max-width:100%;text-align:start;} .x-433 .x-element.k-1384558 .x-heading-title{font-size:12px;} .x-433 .x-element.k-73c38ba{width:100%;max-width:100%;} .x-433 .x-element.k-73c38ba .x-heading-title{font-size:16px;} .x-433 .x-element.k-68ee672{width:100%;max-width:100%;text-align:start;} .x-433 .x-element.k-68ee672 .x-heading-title{font-size:12px;} .x-433 .x-element.k-ab5dcc4{width:100%;max-width:100%;} .x-433 .x-element.k-ab5dcc4 .x-heading-title{font-size:16px;} .x-433 .x-element.k-f7063ca{width:100%;max-width:100%;text-align:start;} .x-433 .x-element.k-f7063ca .x-heading-title{font-size:12px;} .x-433 .x-element.k-7d40e44{width:100%;max-width:100%;} .x-433 .x-element.k-7d40e44 .x-heading-title{font-size:16px;} .x-433 .x-element.k-4fb1168{width:100%;max-width:100%;text-align:start;} .x-433 .x-element.k-4fb1168 .x-heading-title{font-size:12px;} .x-433 .x-element.k-7abda66{width:100%;max-width:100%;} .x-433 .x-element.k-7abda66 .x-heading-title{font-size:16px;} .x-433 .x-element.k-707da5a{width:100%;max-width:100%;text-align:start;} .x-433 .x-element.k-707da5a .x-heading-title{font-size:12px;} } .hl{background: linear-gradient(100deg, #FF2E7E, #7C3AED); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;} .hl{background: linear-gradient(100deg, rgb(255, 46, 126), rgb(124, 58, 237)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;} .mv{font-family: "Space Grotesk",sans-serif ; font-weight: 700; color: #7BE3A2; white-space: nowrap;} .pos{font-family: var(--disp); font-weight: 700; background: linear-gradient(100deg, #FF2E7E, #7C3AED); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap;} .mv{font-family: "Space Grotesk",sans-serif ; font-weight: 700; color: #7BE3A2; white-space: nowrap;} .pos{font-family: var(--disp); font-weight: 700; background: linear-gradient(100deg, #FF2E7E, #7C3AED); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap;} .mv{font-family: "Space Grotesk",sans-serif ; font-weight: 700; color: #7BE3A2; white-space: nowrap;} .pos{font-family: var(--disp); font-weight: 700; background: linear-gradient(100deg, #FF2E7E, #7C3AED); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap;} .mv{font-family: "Space Grotesk",sans-serif ; font-weight: 700; color: #7BE3A2; white-space: nowrap;} .pos{font-family: var(--disp); font-weight: 700; background: linear-gradient(100deg, #FF2E7E, #7C3AED); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap;} .mv{font-family: "Space Grotesk",sans-serif ; font-weight: 700; color: #7BE3A2; white-space: nowrap;} .pos{font-family: var(--disp); font-weight: 700; background: linear-gradient(100deg, #FF2E7E, #7C3AED); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap;} .hl{background: linear-gradient(100deg, rgb(255, 46, 126), rgb(124, 58, 237)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;} .x-2855 .x-element.k-4bf85f6{--display:flex;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;} .x-2855 .x-element.k-4bf85f6:not(.x-motion-effects-element-type-background){background-color:#0A090D;} .x-2855 .x-element.k-d8e9641{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF14;--border-color:#FFFFFF14;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .x-2855 .x-element.k-4fb84de{--display:flex;} .x-2855 .x-element.k-4fb84de.c-con{--flex-grow:0;--flex-shrink:0;} .w-text-editor{font-family:var( --c-global-typography-text-font-family ), Sans-serif;font-weight:var( --c-global-typography-text-font-weight );color:var( --c-global-color-text );} .x-2855 .x-element.k-23e682f{color:#B9B6CC;} .x-2855 .x-element.k-8a7bcdf{--display:flex;} .x-2855 .x-element.k-8a7bcdf.c-con{--flex-grow:0;--flex-shrink:0;} .w-heading .x-heading-title{font-family:var( --c-global-typography-primary-font-family ), Sans-serif;font-weight:var( --c-global-typography-primary-font-weight );color:var( --c-global-color-primary );} .x-2855 .x-element.k-a9cd138 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.68px;color:#FFFFFF;} .w-icon-list .x-icon-list-item:not(:last-child):after{border-color:var( --c-global-color-text );} .w-icon-list .x-icon-list-item > .x-icon-list-text,.w-icon-list .x-icon-list-item > a{font-family:var( --c-global-typography-text-font-family ), Sans-serif;font-weight:var( --c-global-typography-text-font-weight );} .w-icon-list .x-icon-list-text{color:var( --c-global-color-secondary );} .x-2855 .x-element.k-93e93a5 .x-icon-list-items:not(.x-inline-items) .x-icon-list-item:not(:last-child){padding-block-end:calc(9px/2);} .x-2855 .x-element.k-93e93a5 .x-icon-list-items:not(.x-inline-items) .x-icon-list-item:not(:first-child){margin-block-start:calc(9px/2);} .x-2855 .x-element.k-93e93a5{--c-icon-list-icon-size:14px;--icon-vertical-offset:0px;} .x-2855 .x-element.k-93e93a5 .x-icon-list-text{color:#B9B6CC;transition:color 0.3s;} .x-2855 .x-element.k-25d4237{--display:flex;} .x-2855 .x-element.k-25d4237.c-con{--flex-grow:0;--flex-shrink:0;} .x-2855 .x-element.k-67ca2a2 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.68px;color:#FFFFFF;} .x-2855 .x-element.k-36e419f .x-icon-list-items:not(.x-inline-items) .x-icon-list-item:not(:last-child){padding-block-end:calc(9px/2);} .x-2855 .x-element.k-36e419f .x-icon-list-items:not(.x-inline-items) .x-icon-list-item:not(:first-child){margin-block-start:calc(9px/2);} .x-2855 .x-element.k-36e419f{--c-icon-list-icon-size:14px;--icon-vertical-offset:0px;} .x-2855 .x-element.k-36e419f .x-icon-list-text{color:#B9B6CC;transition:color 0.3s;} .x-2855 .x-element.k-86c7cd2{--display:flex;} .x-2855 .x-element.k-86c7cd2.c-con{--flex-grow:0;--flex-shrink:0;} .x-2855 .x-element.k-5a616f6 .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.68px;color:#FFFFFF;} .x-2855 .x-element.k-dee3734 .x-icon-list-items:not(.x-inline-items) .x-icon-list-item:not(:last-child){padding-block-end:calc(9px/2);} .x-2855 .x-element.k-dee3734 .x-icon-list-items:not(.x-inline-items) .x-icon-list-item:not(:first-child){margin-block-start:calc(9px/2);} .x-2855 .x-element.k-dee3734{--c-icon-list-icon-size:14px;--icon-vertical-offset:0px;} .x-2855 .x-element.k-dee3734 .x-icon-list-text{color:#B9B6CC;transition:color 0.3s;} .x-2855 .x-element.k-7879980{--display:flex;} .x-2855 .x-element.k-7879980.c-con{--flex-grow:0;--flex-shrink:0;} .x-2855 .x-element.k-f8e147b .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.68px;color:#FFFFFF;} .x-2855 .x-element.k-6876faa .x-icon-list-items:not(.x-inline-items) .x-icon-list-item:not(:last-child){padding-block-end:calc(9px/2);} .x-2855 .x-element.k-6876faa .x-icon-list-items:not(.x-inline-items) .x-icon-list-item:not(:first-child){margin-block-start:calc(9px/2);} .x-2855 .x-element.k-6876faa{--c-icon-list-icon-size:14px;--icon-vertical-offset:0px;} .x-2855 .x-element.k-6876faa .x-icon-list-text{color:#B9B6CC;transition:color 0.3s;} .x-2855 .x-element.k-d7eb704{--display:flex;} .x-2855 .x-element.k-d7eb704.c-con{--flex-grow:0;--flex-shrink:0;} .x-2855 .x-element.k-a43ba2f .x-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.68px;color:#FFFFFF;} .w-icon-box.x-view-framed .x-icon{fill:var( --c-global-color-primary );color:var( --c-global-color-primary );border-color:var( --c-global-color-primary );} .w-icon-box .x-icon-box-title,.w-icon-box .x-icon-box-title a{font-family:var( --c-global-typography-primary-font-family ), Sans-serif;font-weight:var( --c-global-typography-primary-font-weight );} .w-icon-box .x-icon-box-title{color:var( --c-global-color-primary );} .w-icon-box:has(:hover) .x-icon-box-title,.w-icon-box:has(:focus) .x-icon-box-title{color:var( --c-global-color-primary );} .w-icon-box .x-icon-box-description{font-family:var( --c-global-typography-text-font-family ), Sans-serif;font-weight:var( --c-global-typography-text-font-weight );color:var( --c-global-color-text );} .x-2855 .x-element.k-d77507e .x-icon-box-wrapper{gap:10px;} .x-2855 .x-element.k-d77507e .x-icon-box-title{margin-block-end:5px;color:#FFFFFF;} .x-2855 .x-element.k-d77507e.x-view-framed .x-icon{fill:#7C3AED;color:#7C3AED;border-color:#7C3AED;} .x-2855 .x-element.k-d77507e.x-view-framed .x-icon{background-color:#FFFFFF;} .x-2855 .x-element.k-d77507e .x-icon{font-size:16px;border-width:2px 2px 2px 2px;} .x-2855 .x-element.k-d77507e .x-icon-box-title,.x-2855 .x-element.k-d77507e .x-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;} .x-2855 .x-element.k-d77507e .x-icon-box-description{color:#B9B6CC;} .x-2855 .x-element.k-74121e2 .x-icon-box-wrapper{gap:10px;} .x-2855 .x-element.k-74121e2 .x-icon-box-title{margin-block-end:5px;color:#FFFFFF;} .x-2855 .x-element.k-74121e2.x-view-framed .x-icon{fill:#7C3AED;color:#7C3AED;border-color:#7C3AED;} .x-2855 .x-element.k-74121e2.x-view-framed .x-icon{background-color:#FFFFFF;} .x-2855 .x-element.k-74121e2 .x-icon{font-size:16px;border-width:2px 2px 2px 2px;} .x-2855 .x-element.k-74121e2 .x-icon-box-title,.x-2855 .x-element.k-74121e2 .x-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;} .x-2855 .x-element.k-74121e2 .x-icon-box-description{color:#B9B6CC;} .x-2855 .x-element.k-e198ef9 .x-icon-box-wrapper{gap:10px;} .x-2855 .x-element.k-e198ef9 .x-icon-box-title{margin-block-end:5px;color:#FFFFFF;} .x-2855 .x-element.k-e198ef9.x-view-framed .x-icon{fill:#7C3AED;color:#7C3AED;border-color:#7C3AED;} .x-2855 .x-element.k-e198ef9.x-view-framed .x-icon{background-color:#FFFFFF;} .x-2855 .x-element.k-e198ef9 .x-icon{font-size:16px;border-width:2px 2px 2px 2px;} .x-2855 .x-element.k-e198ef9 .x-icon-box-title,.x-2855 .x-element.k-e198ef9 .x-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;} .x-2855 .x-element.k-e198ef9 .x-icon-box-description{color:#B9B6CC;} .x-2855 .x-element.k-9d6eee6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;} .x-2855 .x-element.k-e15668a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#B9B6CC;} .x-location-footer:before{content:"";display:table;clear:both;} @media(max-width:767px){ .x-2855 .x-element.k-4bf85f6{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;} .x-2855 .x-element.k-24098a3{text-align:start;} .x-2855 .x-element.k-24098a3 img{max-width:70%;} .x-2855 .x-element.k-8a7bcdf{--width:45%;} .x-2855 .x-element.k-25d4237{--width:45%;} .x-2855 .x-element.k-86c7cd2{--width:45%;} .x-2855 .x-element.k-7879980{--width:45%;} .x-2855 .x-element.k-d7eb704{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );} } @media(min-width:768px){ .x-2855 .x-element.k-4bf85f6{--content-width:1240px;} .x-2855 .x-element.k-4fb84de{--width:24%;} .x-2855 .x-element.k-8a7bcdf{--width:15%;} .x-2855 .x-element.k-25d4237{--width:12%;} .x-2855 .x-element.k-86c7cd2{--width:9%;} .x-2855 .x-element.k-7879980{--width:10%;} .x-2855 .x-element.k-d7eb704{--width:20%;} } .heroo{background: radial-gradient(650px 500px at 92% 8%, #74183e 0%, #50142f 35%, transparent 75%), radial-gradient(600px 500px at 5% 100%, #35176d 0%, #28134f 35%, transparent 75%), radial-gradient(500px 400px at 47% 48%, rgba(7, 42, 43, 0.85) 0%, rgba(7, 42, 43, 0.35) 40%, transparent 75%), #0d0c11;} @font-face{font-family:qlwapp-whatsapp;src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAYEAAsAAAAABbgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFKmNtYXAAAAFoAAAAVAAAAFQXVtKHZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAfwAAAH8pb7IGGhlYWQAAAPAAAAANgAAADYUXm9HaGhlYQAAA/gAAAAkAAAAJAfAA8ZobXR4AAAEHAAAABQAAAAUCgAAA2xvY2EAAAQwAAAADAAAAAwAKAESbWF4cAAABDwAAAAgAAAAIAAJAJluYW1lAAAEXAAAAYYAAAGGmUoJ+3Bvc3QAAAXkAAAAIAAAACAAAwAAAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QADwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkA//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAD/8AD/gPAACcATwCWAAABJicuAScmIyIHDgEHBhUUFhcDJR4BMzE4ATEyNz4BNzY1NCcuAScmATEiJi8BBzcnLgE1NDc+ATc2MzIXHgEXFhcWFx4BFxYVFAcOAQcGIxMuAScmIgcOAQcOAScuAScuAScmNjc+ATc+ATc2JicuAScuASMmIiMiBgcOARUUFhcWFx4BFxYXHgEXHgE3PgE3PgEnLgEnA2kkKSpbMTEzaVxdiSgoIiJIAQ03e0BpXF2KKCgKCiYbHP51OW0xD6ArCiAhIiFyTU1XKygpTCIjHh0XFyAICCEick1NV+cJRAkJDQcGHAYGDAkKOCQdJAYGBwUECgUEBQMDAQMCHQgHEAUGDAcGEwgJJC8FAhEQOCcnMBYkDhcoERI7CAgCAgMMCgMrJBwcJQoKKCiKXFxpQ4E6/vlHHx8oKIldXGkzMTFbKin9Fx4dCSmbEDJzPFdNTHMhIQgIHxcXHh4jIkwpKCtXTU1yISIBPAUhBAMKCSIHBgIFBRogGTYJCQwFBAwGBgkGBgwEBUcTEgMBBwkJMi8vTgYDFxY8IB8UCg0EBwEDAyMWFiIEBAcEAAAAAAEAAAABAAAmrdZpXw889QALBAAAAAAA2KCVZQAAAADYoJVlAAD/wAP+A8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA/4AAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAAwAAAAAACgAUAB4A/gABAAAABQCXAAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");font-weight:normal;font-style:normal} @keyframes pulse{0%{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.5, 1.5, 1.5)}100%{transform:scale3d(1, 1, 1)}} @keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}} @keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}} @keyframes closeModal{from{opacity:1;visibility:visible;transform:translateY(0) scale(1)}to{opacity:0;visibility:hidden;transform:translateY(50px)}} @keyframes openModal{from{opacity:0;visibility:hidden;transform:translateY(50px)}to{visibility:visible;opacity:1;transform:translateY(0) scale(1)}} @keyframes closeModalInMobile{from{opacity:1;visibility:visible;transform:translateY(0) scale(1)}to{opacity:0;visibility:hidden;transform:translateY(50px) scale(0.9)}} @keyframes openModalInMobile{from{opacity:0;visibility:hidden;transform:translateY(50px) scale(0.9)}to{visibility:visible;opacity:1;transform:translateY(0) scale(1)}} @keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}} @keyframes bounce{0%,20%,53%,80%,100%{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 0, 0)}40%,43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0)}90%{transform:translate3d(0, -4px, 0)}} @keyframes pulse{0%{box-shadow:0 calc(var(--qlwapp-pulse-size, 12px)*.083) calc(var(--qlwapp-pulse-size, 12px)*.5) 0 rgba(0,0,0,.06),0 calc(var(--qlwapp-pulse-size, 12px)*.167) calc(var(--qlwapp-pulse-size, 12px)*2.667) 0 rgba(0,0,0,.16),0 0 0 0 var(--qlwapp-pulse-color, rgba(37, 211, 102, 0.7))}70%{box-shadow:0 calc(var(--qlwapp-pulse-size, 12px)*.083) calc(var(--qlwapp-pulse-size, 12px)*.5) 0 rgba(0,0,0,.06),0 calc(var(--qlwapp-pulse-size, 12px)*.167) calc(var(--qlwapp-pulse-size, 12px)*2.667) 0 rgba(0,0,0,.16),0 0 0 var(--qlwapp-pulse-size, 12px) var(--qlwapp-pulse-color, rgba(37, 211, 102, 0))}100%{box-shadow:0 calc(var(--qlwapp-pulse-size, 12px)*.083) calc(var(--qlwapp-pulse-size, 12px)*.5) 0 rgba(0,0,0,.06),0 calc(var(--qlwapp-pulse-size, 12px)*.167) calc(var(--qlwapp-pulse-size, 12px)*2.667) 0 rgba(0,0,0,.16),0 0 0 0 var(--qlwapp-pulse-color, rgba(37, 211, 102, 0))}} @keyframes shakeX{0%,100%{transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{transform:translate3d(10px, 0, 0)}} @keyframes shakeY{0%,100%{transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{transform:translate3d(0, -10px, 0)}20%,40%,60%,80%{transform:translate3d(0, 10px, 0)}} :root{--qlwapp-padding-xs: 8px;--qlwapp-padding-sm: 16px;--qlwapp-padding-md: 24px;--qlwapp-padding-lg: 32px;--qlwapp-padding-xl: 40px} .c-con.c-parent:nth-of-type(n+4):not(.c-lazyloaded):not(.c-no-lazyload),.c-con.c-parent:nth-of-type(n+4):not(.c-lazyloaded):not(.c-no-lazyload) *{background-image: none !important;} @media screen and (max-height: 1024px){ .c-con.c-parent:nth-of-type(n+3):not(.c-lazyloaded):not(.c-no-lazyload),.c-con.c-parent:nth-of-type(n+3):not(.c-lazyloaded):not(.c-no-lazyload) *{background-image: none !important;} } @media screen and (max-height: 640px){ .c-con.c-parent:nth-of-type(n+2):not(.c-lazyloaded):not(.c-no-lazyload),.c-con.c-parent:nth-of-type(n+2):not(.c-lazyloaded):not(.c-no-lazyload) *{background-image: none !important;} } p{margin-bottom: 0 !important;} h1,h2,h3{font-family: "Space Grotesk",sans-serif ; line-height: 1.1; font-weight: 700; letter-spacing: -.02em;} .h-custom-button{display: inline-block; border-radius: 16px !important; background: linear-gradient(90deg, #f92b79 0%, #df2dba 45%, #7b3ff2 100%) !important; color: #ffffff; font-size: 13.5px; font-weight: 700; font-family: "Inter", sans-serif; text-decoration: none; text-align: center; line-height: 1; cursor: pointer; transition: .3s ease; border-left: 2px solid rgba(255,255,255,0.35); border-right: 2px solid rgba(255,255,255,0.35); padding: 18px 22px !important; box-shadow: 0 12px 30px -10px rgba(255, 46, 126, .5);} .h-custom-button:hover{transform: translateY(-3px); box-shadow: 0 18px 40px -10px rgba(124, 58, 237, .55);} .topbar{background: #000; color: #fff; font-size: 13px; font-weight: 600; text-align: center; padding: 9px 14px;} .topbar a{text-decoration: underline; text-underline-offset: 3px; color: #FF9BC2;} .x-433 .k-c881e56,.x-433 .k-2365e58,.x-433 .k-9f63d98,.x-433 .k-2b03061,.x-433 .k-a4c73d8,.x-433 .k-9d3850f,.x-433 .k-099bc33,.x-433 .k-38be3dc{display:none !important;} .w-icon-box small{display:block; margin-top:6px; font-size:11px; opacity:.7;} :root{--page-title-display:none!important;} /* /css/location.css */ /* Location pages (/dubai/, /abu-dhabi/, /sharjah/): resources/views/pages/{dubai,abu-dhabi,sharjah}.blade.php */ .lp { --ink: #0E0D12; --ink-2: #17161D; --pink: #FF2E7E; --violet: #7C3AED; --lime: #C6F432; --grey: #5D5B66; --muted: #8A8696; --line: #E7E6EC; --soft: #FAF8FE; --grad: linear-gradient(100deg, var(--pink), var(--violet)); --disp: "Space Grotesk", system-ui, sans-serif; --body: "Inter", system-ui, sans-serif; --radius: 20px; --nav-h: 58px; font-family: var(--body); color: var(--ink); font-size: 16px; line-height: 1.6; overflow-x: clip; } .lp *, .lp *::before, .lp *::after { box-sizing: border-box; } /* :where() keeps this reset at one-class weight, so every .lp-* rule below can set its own spacing */ .lp :where(p, ul, ol, dl, dd, figure, h1, h2, h3) { margin: 0; padding: 0; } .lp ul, .lp ol { list-style: none; } .lp h1, .lp h2, .lp h3 { font-family: var(--disp); font-weight: 700; line-height: 1.12; letter-spacing: -.02em; color: inherit; } .lp a { color: inherit; } .lp svg { flex-shrink: 0; } .lp .hl { background: var(--grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .lp-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; } .lp-center { text-align: center; margin-top: 36px; } /* ---------- Buttons ---------- */ .lp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 14px 26px; border-radius: 12px; border: 2px solid transparent; font-family: var(--disp); font-weight: 700; font-size: 15px; line-height: 1.2; text-decoration: none !important; text-align: center; cursor: pointer; transition: transform .2s, box-shadow .2s, background-color .2s, color .2s; } .lp-btn svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 2.2; fill: none; stroke-linecap: round; stroke-linejoin: round; } .lp-btn svg.lp-wa { fill: currentColor; stroke: none; width: 20px; height: 20px; } .lp-btn:hover { transform: translateY(-2px); } .lp-btn:focus-visible, .lp-nav a:focus-visible, .lp-areas__tabs button:focus-visible, .lp summary:focus-visible { outline: 3px solid var(--lime); outline-offset: 3px; } .lp-btn--grad { background: var(--grad); color: #fff !important; box-shadow: 0 14px 32px -12px rgba(255, 46, 126, .6); } .lp-btn--grad:hover { box-shadow: 0 20px 40px -12px rgba(124, 58, 237, .6); } .lp-btn--lime { background: var(--lime); color: var(--ink) !important; } .lp-btn--line { border-color: rgba(255, 255, 255, .55); color: #fff !important; } .lp-btn--line:hover { background: #fff; color: var(--ink) !important; } .lp-btn--ghost { color: #fff !important; padding-left: 8px; padding-right: 8px; text-decoration: underline !important; text-underline-offset: 5px; text-decoration-color: rgba(255, 255, 255, .4) !important; } .lp-btn--ghost:hover { text-decoration-color: var(--lime) !important; transform: none; } .lp-btn--wa { background: #1FAF55; color: #fff !important; } .lp-btn--wa:hover { background: #179447; } .lp-btn--block { display: flex; width: 100%; } .lp-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } .lp-actions--center { justify-content: center; } .lp-trust { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 22px !important; } .lp-trust li { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: #B9B4C7; } .lp-trust svg { width: 16px; height: 16px; stroke: var(--lime); stroke-width: 2.6; fill: none; stroke-linecap: round; stroke-linejoin: round; } /* ---------- Section heads ---------- */ .lp-section { padding: 96px 0; } .lp-section--soft { background: var(--soft); } .lp-section--dark { background: var(--ink); color: #fff; } .lp-head { max-width: 760px; } .lp-head--center { margin: 0 auto; text-align: center; } .lp-kicker { display: inline-flex; align-items: center; gap: 10px; font-size: 12.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--violet); } .lp-kicker::before { content: ""; width: 22px; height: 3px; border-radius: 2px; background: var(--grad); } .lp-section--dark .lp-kicker, .lp-kicker--lime { color: var(--lime); } .lp-title { font-size: clamp(30px, 4vw, 46px); margin-top: 14px !important; } .lp-section--dark .lp-title span { color: var(--lime) !important; -webkit-text-fill-color: var(--lime); } .lp-intro { color: var(--grey); font-size: 17px; margin-top: 16px !important; } .lp-section--dark .lp-intro { color: #B9B4C7 !important; } .lp-intro a, .lp-prose a, .lp-rule__body a, .lp-note a, .lp-faq__list a, .lp-links p a, .lp-map__note a { color: var(--violet); text-decoration: underline; text-underline-offset: 3px; } .lp-note { max-width: 820px; margin: 32px auto 0 !important; text-align: center; font-size: 13.5px; color: var(--grey); } .lp-note--dark { color: #8E8A9C; } .lp-note--dark a { color: var(--lime) !important; } /* ---------- Hero ---------- */ .lp-hero { position: relative; background: radial-gradient(700px 420px at 88% -10%, rgba(255, 46, 126, .32), transparent 70%), radial-gradient(620px 420px at -5% 110%, rgba(124, 58, 237, .38), transparent 70%), var(--ink); color: #fff; padding: 72px 0 120px; } .lp-hero__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .9fr); gap: 56px; align-items: center; } .lp-pill { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .06); font-size: 13px; font-weight: 600; margin-bottom: 24px; } .lp-pill i { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px 1px rgba(198, 244, 50, .8); } .lp-hero h1 { font-size: clamp(34px, 4.6vw, 56px); color: #fff !important; } .lp-hero__intro { color: #C9C4D6; font-size: 17.5px; margin-top: 22px !important; max-width: 640px; } .lp-hero .lp-actions { margin-top: 32px; } .lp-audit { position: relative; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); border-radius: 24px; padding: 30px 28px; backdrop-filter: blur(12px); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6); } .lp-audit::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: linear-gradient(140deg, rgba(198, 244, 50, .7), transparent 40%, rgba(255, 46, 126, .6)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; } .lp-audit__badge { display: inline-flex; align-items: center; gap: 8px; font-family: var(--disp); font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--lime); } .lp-audit__badge svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; } .lp-audit__text { color: #D9D5E4; font-size: 15px; margin: 14px 0 22px !important; } .lp-audit .lp-btn + .lp-btn { margin-top: 10px; } /* ---------- Stats ---------- */ .lp-stats { margin-top: -64px; position: relative; z-index: 2; } .lp-stats__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .lp-stat { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 22px 24px; box-shadow: 0 24px 50px -30px rgba(14, 13, 18, .35); } .lp-stat b { display: block; font-family: var(--disp); font-size: 32px; line-height: 1.1; background: var(--grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .lp-stat span { display: block; margin-top: 6px; font-size: 14px; font-weight: 600; color: var(--ink); } .lp-stat small { display: block; margin-top: 8px; font-size: 11.5px; line-height: 1.45; color: var(--muted); } .lp-stat small a { color: var(--violet); text-decoration: underline; } /* ---------- In-page nav ---------- */ .lp-nav { position: sticky; top: 0; z-index: 50; margin-top: 40px; background: rgba(255, 255, 255, .92); backdrop-filter: blur(12px); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } .lp-nav__in { display: flex; align-items: center; gap: 16px; min-height: var(--nav-h); } .lp-nav ul { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; flex: 1; min-width: 0; } .lp-nav ul::-webkit-scrollbar { display: none; } .lp-nav li a { display: block; white-space: nowrap; padding: 9px 14px; border-radius: 999px; font-family: var(--disp); font-size: 14px; font-weight: 600; color: var(--grey); text-decoration: none; transition: background-color .2s, color .2s; } .lp-nav li a:hover { color: var(--ink); background: var(--soft); } .lp-nav li a.is-active { color: var(--violet); background: #F1EAFF; } .lp-nav__cta { flex-shrink: 0; padding: 10px 18px; border-radius: 10px; background: var(--grad); color: #fff !important; font-family: var(--disp); font-size: 14px; font-weight: 700; text-decoration: none !important; white-space: nowrap; } .lp section[id], .lp #districts { scroll-margin-top: calc(var(--nav-h) + 12px); } /* ---------- Services ---------- */ .lp-services { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 52px; } .lp-service { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 28px 26px 22px; transition: transform .25s, box-shadow .25s, border-color .25s; } .lp-service:hover { transform: translateY(-4px); border-color: transparent; box-shadow: 0 26px 50px -28px rgba(14, 13, 18, .32); } .lp-service__icon { width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #FFE9F1, #EFE6FF); color: var(--violet); margin-bottom: 18px; } .lp-service__icon svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.9; fill: none; stroke-linecap: round; stroke-linejoin: round; } .lp-service h3 { font-size: 18px; } .lp-service h3 a { text-decoration: none; } /* The whole card opens the service page; the guide link sits above that layer */ .lp-service h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; } .lp-service p { margin-top: 10px !important; font-size: 14.5px; color: var(--grey); flex: 1; } .lp-service__read { position: relative; z-index: 1; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); font-size: 13px; font-weight: 700; color: var(--violet) !important; text-decoration: none; } .lp-service__read:hover { color: var(--pink) !important; text-decoration: underline; } /* ---------- CTA band ---------- */ .lp-band { background: var(--grad); color: #fff; padding: 34px 0; } .lp-band__in { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .lp-band__title { font-family: var(--disp); font-size: clamp(22px, 2.6vw, 30px); font-weight: 700; line-height: 1.15; } .lp-band .lp-trust { margin-top: 10px !important; } .lp-band .lp-trust li { color: rgba(255, 255, 255, .9); } .lp-band .lp-trust svg { stroke: var(--lime); } /* ---------- Market ---------- */ .lp-market { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr); gap: 56px; margin-top: 44px; align-items: start; } .lp-prose p { font-size: 15.5px; color: var(--grey); line-height: 1.75; margin-bottom: 16px !important; } .lp-prose h3 { font-size: 21px; margin: 30px 0 10px !important; } .lp-prose small { display: block; font-size: 12px; color: var(--muted); margin: -8px 0 16px; line-height: 1.5; } .lp-glance { position: sticky; top: calc(var(--nav-h) + 24px); background: var(--ink); color: #fff; border-radius: 24px; padding: 32px 28px; } .lp-glance h3 { font-size: 19px; color: #fff !important; } .lp-glance ul { display: grid; gap: 14px; margin-top: 20px !important; } .lp-glance li { display: grid; grid-template-columns: 92px 1fr; gap: 14px; align-items: baseline; padding-bottom: 14px; border-bottom: 1px solid rgba(255, 255, 255, .1); } .lp-glance li:last-child { border-bottom: 0; padding-bottom: 0; } .lp-glance li b { font-family: var(--disp); font-size: 20px; color: var(--lime); } .lp-glance li span { font-size: 14px; color: #D9D5E4; } .lp-glance small { display: block; margin-top: 20px; font-size: 11px; line-height: 1.5; color: #8E8A9C; } .lp-glance a { color: var(--lime); text-decoration: underline; } /* ---------- Areas (tabs) ---------- */ .lp-areas { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 24px; margin-top: 48px; align-items: start; } .lp-areas__tabs { display: flex; flex-direction: column; gap: 8px; } .lp .lp-areas__tabs button { display: flex; align-items: center; gap: 10px; width: 100%; margin: 0; padding: 14px 18px; border-radius: 14px; border: 1.5px solid rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .03); color: #D9D5E4; font-family: var(--disp); font-size: 15px; font-weight: 700; line-height: 1.25; text-align: left; cursor: pointer; box-shadow: none; transition: background-color .2s, border-color .2s, color .2s; } .lp .lp-areas__tabs button svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 2; fill: none; opacity: .7; } .lp .lp-areas__tabs button:hover { border-color: rgba(124, 58, 237, .7); background: rgba(255, 255, 255, .06); } .lp .lp-areas__tabs button[aria-selected="true"] { background: var(--grad); border-color: transparent; color: #fff; box-shadow: 0 12px 28px -12px rgba(255, 46, 126, .6); } .lp .lp-areas__tabs button[aria-selected="true"] svg { opacity: 1; } .lp-area { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 36px; align-items: center; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .1); border-radius: 24px; padding: 40px; min-height: 100%; } .lp-area[hidden] { display: none; } .lp-area h3 { font-size: clamp(22px, 2.4vw, 28px); color: #fff !important; } .lp-area p { color: #B9B4C7; font-size: 15.5px; line-height: 1.7; margin-top: 14px !important; } .lp-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px !important; } .lp-tags li { font-size: 12px; font-weight: 700; padding: 6px 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .07); color: #E7E3F0; } .lp-area__facts { display: grid; gap: 12px; } .lp-area__facts div { background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); border-radius: 14px; padding: 14px 18px; } .lp-area__facts dt { font-size: 12px; font-weight: 600; color: #A7A2B6; text-transform: uppercase; letter-spacing: .06em; } .lp-area__facts dd { margin-top: 4px; font-family: var(--disp); font-size: 16px; font-weight: 700; color: var(--lime); } /* ---------- Regulations ---------- */ .lp-rules { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 52px; align-items: start; } .lp-rules--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lp-rule { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 28px 26px; } .lp-rule__tag { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border-radius: 999px; background: linear-gradient(135deg, #FFE9F1, #EFE6FF); color: var(--violet); font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .lp-rule__tag svg { width: 15px; height: 15px; stroke: currentColor; stroke-width: 2.2; fill: none; stroke-linecap: round; stroke-linejoin: round; } .lp-rule h3 { font-size: 19px; margin-top: 16px !important; } .lp-rule__body { margin-top: 10px; font-size: 14.5px; color: var(--grey); line-height: 1.65; } .lp-rule__body p + p, .lp-rule__body p + ul, .lp-rule__body ul + p { margin-top: 10px !important; } .lp-rule__body ul { margin-top: 10px !important; display: grid; gap: 8px; } .lp-rule__body li { position: relative; padding-left: 24px; } .lp-rule__body li::before { content: ""; position: absolute; left: 2px; top: .55em; width: 12px; height: 7px; border-left: 2.4px solid var(--violet); border-bottom: 2.4px solid var(--violet); transform: rotate(-45deg); } .lp-rule__body small { display: block; margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--line); font-size: 11.5px; line-height: 1.5; color: var(--muted); } /* ---------- Maps mock-up ---------- */ .lp-maps { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; } .lp-map { background: #fff; border: 1px solid var(--line); border-radius: 22px; padding: 24px; box-shadow: 0 30px 60px -34px rgba(14, 13, 18, .35); } .lp-map__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 14px; border-bottom: 1px solid var(--line); font-size: 13px; font-weight: 700; color: var(--grey); } .lp-map__head em { font-style: normal; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--violet); background: #F3EEFF; padding: 4px 10px; border-radius: 999px; } .lp-map__list { display: grid; gap: 6px; margin-top: 8px !important; } .lp-map__list li { display: flex; align-items: center; gap: 14px; padding: 14px 10px; border-radius: 14px; } .lp-map__list li.is-you { background: linear-gradient(120deg, #FFF0F6, #F5F0FF); border: 1px solid #EBD6F5; } .lp-map__pin { width: 38px; height: 38px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 11px; background: linear-gradient(135deg, #FFE9F1, #EFE6FF); color: var(--violet); font-family: var(--disp); font-weight: 700; } .lp-map__name { min-width: 0; } .lp-map__name b { display: block; font-size: 14.5px; } .lp-map__name small { display: block; font-size: 12px; color: var(--grey); } .lp-map__tag { margin-left: auto; flex-shrink: 0; font-size: 10px; font-weight: 800; letter-spacing: .1em; padding: 5px 10px; border-radius: 999px; background: var(--grad); color: #fff; white-space: nowrap; } .lp-map__note { margin-top: 14px !important; font-size: 12px; color: var(--grey); line-height: 1.55; } /* ---------- Compare ---------- */ .lp-compare { max-width: 960px; margin: 48px auto 0; background: #fff; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; } .lp-compare__row { display: grid; grid-template-columns: 1.2fr 1fr 1fr; } .lp-compare__row > span { display: flex; align-items: center; gap: 10px; padding: 16px 22px; border-bottom: 1px solid var(--line); font-size: 14.5px; } .lp-compare__row:last-child > span { border-bottom: 0; } .lp-compare__row > span:first-child { font-weight: 600; } .lp-compare__row--head > span { background: var(--ink); color: #fff; font-family: var(--disp); font-weight: 700; font-size: 15px; } .lp-compare__row > span.is-us { background: #F7F3FF; color: var(--ink); font-weight: 600; } .lp-compare__row--head > span.is-us { background: #1E1830; color: var(--lime); } .lp-compare__row > span.is-them { color: var(--grey); } .lp-compare svg { width: 20px; height: 20px; fill: none; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; } .lp-compare .is-us svg { stroke: #0BA05F; } .lp-compare .is-them svg { stroke: #D23F63; } /* ---------- FAQ ---------- */ .lp-faq { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; align-items: start; } .lp-faq__side { position: sticky; top: calc(var(--nav-h) + 24px); } .lp-ask { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; } .lp-faq__list details { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 0 24px; margin-bottom: 12px; transition: border-color .2s, box-shadow .2s; } .lp-faq__list details[open] { border-color: var(--violet); box-shadow: 0 18px 40px -30px rgba(124, 58, 237, .6); } .lp-faq__list summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 0; font-family: var(--disp); font-weight: 600; font-size: 16px; line-height: 1.35; } .lp-faq__list summary::-webkit-details-marker { display: none; } .lp-faq__list summary::after { content: "+"; flex-shrink: 0; font-size: 24px; line-height: 1; color: var(--violet); transition: transform .25s; } .lp-faq__list details[open] summary::after { transform: rotate(45deg); } .lp-faq__list details p { padding-bottom: 20px; font-size: 14.5px; line-height: 1.7; color: var(--grey); } /* ---------- Related links ---------- */ .lp-links { padding: 0 0 72px; } .lp-links__grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 20px; align-items: stretch; } .lp-links__group { background: var(--soft); border: 1px solid #EEE9F7; border-radius: 24px; padding: 30px; } .lp-links__group > p { margin-top: 12px !important; font-size: 14.5px; color: var(--grey); max-width: 620px; } .lp-links__group > p a { color: var(--violet); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; } /* Group labels are h2 for the outline but styled as kickers, so they need to beat the .lp h2 rules */ .lp .lp-links__group h2.lp-kicker { font-family: var(--body); font-size: 12.5px; letter-spacing: .14em; line-height: 1.4; color: var(--violet); } .lp .lp-links__group--cities h2.lp-kicker { color: var(--lime); } .lp-links__group ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 20px !important; } .lp-links__group li a { display: flex; align-items: center; gap: 14px; height: 100%; padding: 16px 16px 16px 14px; border-radius: 16px; background: #fff; border: 1px solid var(--line); color: var(--ink); text-decoration: none; transition: transform .2s, border-color .2s, box-shadow .2s; } .lp-links__group li a:hover { transform: translateY(-2px); border-color: transparent; box-shadow: 0 18px 36px -22px rgba(124, 58, 237, .5); } .lp-links__group li a:focus-visible { outline: 3px solid var(--violet); outline-offset: 2px; } .lp-links__icon { width: 42px; height: 42px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: linear-gradient(135deg, #FFE9F1, #EFE6FF); color: var(--violet); } .lp-links__icon svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.9; fill: none; stroke-linecap: round; stroke-linejoin: round; } .lp-links__label { flex: 1; min-width: 0; font-family: var(--disp); font-size: 15px; font-weight: 700; line-height: 1.3; } .lp-links__go { width: 32px; height: 32px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--soft); color: var(--violet); transition: background-color .2s, color .2s, transform .2s; } .lp-links__go svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2.4; fill: none; stroke-linecap: round; stroke-linejoin: round; } .lp-links__group li a:hover .lp-links__go { background: var(--grad); color: #fff; transform: translateX(3px); } /* Other cities: dark panel */ .lp-links__group--cities { background: radial-gradient(360px 240px at 100% 0, rgba(255, 46, 126, .3), transparent 70%), radial-gradient(360px 240px at 0 100%, rgba(124, 58, 237, .35), transparent 70%), var(--ink); border-color: transparent; color: #fff; } .lp-links__group--cities > p { color: #B9B4C7; } .lp-links__group--cities ul { grid-template-columns: minmax(0, 1fr); } .lp-links__group--cities li a { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .12); color: #fff; } .lp-links__group--cities li a:hover { background: rgba(255, 255, 255, .1); border-color: rgba(198, 244, 50, .5); box-shadow: none; } .lp-links__group--cities li a:focus-visible { outline-color: var(--lime); } .lp-links__group--cities .lp-links__icon { background: rgba(198, 244, 50, .14); color: var(--lime); } .lp-links__group--cities .lp-links__go { background: rgba(255, 255, 255, .1); color: #fff; } .lp-links__group--cities li a:hover .lp-links__go { background: var(--lime); color: var(--ink); } /* ---------- Final CTA ---------- */ .lp-final { padding: 0 0 96px; } .lp-final__card { position: relative; overflow: hidden; text-align: center; color: #fff; border-radius: 28px; padding: 72px 32px; background: radial-gradient(520px 320px at 100% 0, rgba(255, 46, 126, .4), transparent 70%), radial-gradient(520px 320px at 0 100%, rgba(124, 58, 237, .45), transparent 70%), var(--ink); } .lp-final__card .lp-title { max-width: 760px; margin-left: auto !important; margin-right: auto !important; color: #fff !important; } .lp-final__card .lp-title span { color: var(--lime) !important; -webkit-text-fill-color: var(--lime); } .lp-final__card .lp-intro { max-width: 660px; margin-left: auto !important; margin-right: auto !important; color: #C9C4D6; } .lp-final__card .lp-actions { margin-top: 30px; } .lp-final__card .lp-trust { justify-content: center; } /* ---------- Mobile sticky bar ---------- */ .lp-sticky { display: none; } /* ---------- Responsive ---------- */ @media (max-width: 1024px) { .lp-hero__grid, .lp-market, .lp-maps, .lp-faq { grid-template-columns: minmax(0, 1fr); gap: 40px; } .lp-services, .lp-rules { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lp-glance, .lp-faq__side { position: static; } .lp-links__grid { grid-template-columns: minmax(0, 1fr); } .lp-areas { grid-template-columns: minmax(0, 1fr); } .lp-areas__tabs { flex-direction: row; overflow-x: auto; scrollbar-width: none; margin: 0 -24px; padding: 0 24px 4px; } .lp-areas__tabs::-webkit-scrollbar { display: none; } .lp .lp-areas__tabs button { width: auto; flex-shrink: 0; white-space: nowrap; border-radius: 999px; padding: 11px 18px; font-size: 14px; } } @media (max-width: 767px) { .lp { --nav-h: 52px; font-size: 15px; } .lp-wrap { padding: 0 16px; } .lp-section { padding: 64px 0; } .lp-hero { padding: 44px 0 96px; } .lp-hero h1 { font-size: clamp(30px, 8.4vw, 38px); } .lp-hero__intro { font-size: 16px; } .lp-hero .lp-actions .lp-btn--grad { width: 100%; } .lp-hero .lp-actions .lp-btn--ghost { width: 100%; } .lp-audit { padding: 24px 20px; } .lp-stats__grid { grid-template-columns: minmax(0, 1fr); gap: 10px; } .lp-stat { display: grid; grid-template-columns: auto 1fr; column-gap: 16px; align-items: center; padding: 16px 18px; } .lp-stat b { font-size: 26px; grid-row: span 2; } .lp-stat span { margin-top: 0; font-size: 13.5px; } .lp-stat small { margin-top: 2px; grid-column: 2; } .lp-nav { margin-top: 28px; } .lp-nav__cta { display: none; } .lp-nav__in { margin: 0 -16px; padding: 0 12px; } .lp-services, .lp-rules, .lp-rules--2 { grid-template-columns: minmax(0, 1fr); margin-top: 36px; } .lp-service { padding: 22px 20px 18px; } .lp-band__in { flex-direction: column; align-items: stretch; text-align: center; } .lp-band .lp-trust { justify-content: center; } .lp-band .lp-actions { flex-direction: column; } .lp-band .lp-btn { width: 100%; } .lp-areas__tabs { margin: 0 -16px; padding: 0 16px 4px; } .lp-area { grid-template-columns: minmax(0, 1fr); padding: 24px 20px; gap: 22px; } .lp-glance li { grid-template-columns: 80px 1fr; } .lp-compare { border-radius: 18px; } .lp-compare__row--head { display: none; } .lp-compare__row { grid-template-columns: minmax(0, 1fr); border-bottom: 1px solid var(--line); padding: 14px 16px; gap: 8px; } .lp-compare__row:last-child { border-bottom: 0; } .lp-compare__row > span { padding: 0; border: 0; font-size: 14px; background: none !important; } .lp-compare__row > span:first-child { font-family: var(--disp); font-size: 15px; } .lp-compare__row > span.is-us, .lp-compare__row > span.is-them { flex-wrap: wrap; row-gap: 2px; } .lp-compare__row > span.is-us::before, .lp-compare__row > span.is-them::before { content: attr(data-col); flex-basis: 100%; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); } .lp-compare svg { width: 18px; height: 18px; } .lp-faq__list details { padding: 0 18px; } .lp-faq__list summary { font-size: 15px; padding: 17px 0; } .lp-ask .lp-btn { flex: 1 1 100%; } .lp-links { padding-bottom: 48px; } .lp-links__group { padding: 22px 18px; border-radius: 20px; } .lp-links__group ul { grid-template-columns: minmax(0, 1fr); gap: 10px; } .lp-links__group li a { padding: 13px 12px; } .lp-final { padding-bottom: 64px; } .lp-final__card { padding: 48px 20px; border-radius: 22px; } .lp-final__card .lp-actions { flex-direction: column; } .lp-final__card .lp-btn { width: 100%; } .lp-sticky { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; gap: 10px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); background: rgba(14, 13, 18, .96); box-shadow: 0 -10px 30px rgba(14, 13, 18, .3); transform: translateY(110%); transition: transform .3s ease; } .lp-sticky.is-visible { transform: translateY(0); } .lp-sticky__audit { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 12px; background: var(--grad); color: #fff !important; font-family: var(--disp); font-size: 15px; font-weight: 700; text-decoration: none !important; } .lp-sticky__wa { width: 48px; height: 48px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #1FAF55; color: #fff !important; } .lp-sticky__wa svg { width: 24px; height: 24px; fill: currentColor; } /* The floating WhatsApp button would sit on top of the bar */ body.lp-sticky-on .wa__container { display: none !important; } body.lp-sticky-on { padding-bottom: 70px; } } @media (prefers-reduced-motion: reduce) { .lp *, .lp *::before, .lp *::after { transition: none !important; animation: none !important; } .lp-btn:hover, .lp-service:hover { transform: none; } } /* /css/service.css */ /* Service pages: components on top of location.css (tokens, buttons, heads, nav, FAQ, sticky bar). Markup in resources/views/pages/ (the eight pages in the Services menu) */ .lp-anchor { display: block; position: relative; top: calc(-1 * (var(--nav-h) + 12px)); visibility: hidden; height: 0; } .lp--service section[id] { scroll-margin-top: calc(var(--nav-h) + 12px); } .lp--service .lp-section { padding: 88px 0; } .lp-intro p + p { margin-top: 10px !important; } .lp-sub-heading { font-family: var(--disp); font-weight: 700; color: var(--ink); margin-top: 10px !important; } .lp-btn--soft { background: #F1EAFF; color: var(--violet) !important; min-height: 46px; padding: 11px 20px; font-size: 14px; } .lp-btn--soft:hover { background: var(--grad); color: #fff !important; } .lp-checks { display: grid; gap: 9px; margin-top: 14px !important; } .lp-checks li { position: relative; padding-left: 26px; font-size: 14.5px; color: var(--grey); line-height: 1.55; } .lp-checks li::before { content: ""; position: absolute; left: 3px; top: .5em; width: 12px; height: 7px; border-left: 2.4px solid var(--violet); border-bottom: 2.4px solid var(--violet); transform: rotate(-45deg); } .lp-checks a { color: var(--violet); text-decoration: underline; text-underline-offset: 3px; } .lp-checks--dark li { color: #D9D5E4; } .lp-checks--dark li::before { border-color: var(--lime); } /* Original page markup kept inside the new layout */ .lp-raw { width: 100%; } .lp-raw .c-con.c-parent { padding-top: 0; padding-bottom: 0; } /* A kept block sized as a share of a row that is no longer around it fills its new slot instead */ .lp-raw > .c-con { --width: 100%; width: 100%; max-width: 100%; } /* Highlights coloured lime for the old dark backgrounds use the brand gradient on light ones */ .lp-section:not(.lp-section--dark) .lp-title span[style*="c6f432" i], .lp-section:not(.lp-section--dark) .lp-title span[style*="C6F432"], .lp-feature h3 span[style*="c6f432" i], .lp-card h3 span[style*="c6f432" i] { color: transparent !important; background: var(--grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } /* ---------- Hero ---------- */ .lp--service .lp-hero { padding: 64px 0 88px; } .lp--service .lp-hero__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 48px; } .lp--service .lp-hero h1 { font-size: clamp(32px, 4.2vw, 52px); } .lp-hero__intro p { color: #C9C4D6; } .lp-chips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 30px !important; } .lp-chips li { padding: 14px 16px; border-radius: 16px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); font-size: 12.5px; line-height: 1.4; color: #B9B4C7; } .lp-chips b { display: block; font-family: var(--disp); font-size: 15px; line-height: 1.25; color: #fff; } .lp-chips li > span { display: block; margin-top: 4px; } .lp-hero__visual { min-width: 0; } .lp-hero__visual .lp-raw > .c-con { margin: 0 auto; } /* ---------- CTA band (service variant) ---------- */ .lp-band__sub { margin-top: 6px !important; font-size: 15px; color: rgba(255, 255, 255, .9); } .lp-band__sub span { color: inherit !important; -webkit-text-fill-color: currentColor !important; background: none !important; } /* ---------- Cards ---------- */ .lp-cards { display: grid; gap: 18px; margin-top: 48px; } .lp-cards--1 { grid-template-columns: minmax(0, 1fr); max-width: 760px; margin-left: auto; margin-right: auto; } .lp-cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lp-cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lp-cards--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lp-cards--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lp-card { position: relative; display: flex; flex-direction: column; min-width: 0; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 26px 24px; transition: transform .25s, box-shadow .25s, border-color .25s; } .lp-section--soft .lp-card { background: #fff; } .lp-card:hover { transform: translateY(-4px); border-color: transparent; box-shadow: 0 26px 50px -30px rgba(14, 13, 18, .32); } .lp-card--raw { padding: 0; border: 0; background: none; } .lp-card--raw:hover { transform: none; box-shadow: none; } .lp-card__icon { width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #FFE9F1, #EFE6FF); color: var(--violet); margin-bottom: 18px; } .lp-card__icon svg { width: 22px; height: 22px; fill: currentColor; } .lp-card__icon svg[stroke], .lp-card__icon svg [stroke] { fill: none; stroke: currentColor; } .lp-card__icon img { width: 26px; height: 26px; object-fit: contain; } .lp-card__stat { display: block; font-family: var(--disp); font-size: clamp(30px, 3vw, 40px); line-height: 1.05; margin-bottom: 12px; background: var(--grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .lp-card__stat * { -webkit-text-fill-color: inherit; } .lp-card h3 { font-size: 18px; line-height: 1.25; } .lp-card h3 a { color: inherit; text-decoration: none; } .lp-card h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; } .lp-card__text { margin-top: 10px; font-size: 14.5px; color: var(--grey); line-height: 1.65; } .lp-card__text p + p { margin-top: 8px !important; } .lp-card__text a { position: relative; z-index: 1; color: var(--violet); text-decoration: underline; } .lp-card .lp-checks { position: relative; z-index: 1; margin-top: 16px !important; padding-top: 16px; border-top: 1px solid var(--line); } .lp-card__foot { margin-top: auto; align-self: flex-start; padding: 7px 12px; border-radius: 10px; background: #F4FFDF; color: #3D5A00; font-family: var(--disp); font-size: 13px; font-weight: 700; position: relative; top: 14px; } .lp-card__foot:not(:only-child) { margin-top: 18px; top: 0; } .lp-card__extra { margin-top: 14px; position: relative; z-index: 1; } /* Numbered steps (process, timelines) */ .lp-card--step { padding-top: 22px; } .lp-card__badge { align-self: flex-start; display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; margin-bottom: 16px; border-radius: 999px; background: var(--grad); color: #fff; font-family: var(--disp); font-size: 14px; font-weight: 700; letter-spacing: .04em; box-shadow: 0 10px 24px -12px rgba(255, 46, 126, .7); } .lp-cards--5 .lp-card--step, .lp-cards--4 .lp-card--step { padding-left: 20px; padding-right: 20px; } .lp-card--step .lp-card__icon { display: none; } .lp-card--stat { justify-content: flex-start; } /* ---------- Feature rows ---------- */ .lp-features { display: grid; gap: 28px; margin-top: 48px; } .lp-feature { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; padding: 40px; border-radius: 28px; background: #fff; border: 1px solid var(--line); } .lp-section--soft .lp-feature { background: #fff; } .lp-feature--flip .lp-feature__copy { order: 2; } .lp-feature__num { display: inline-block; padding: 6px 12px; border-radius: 999px; background: #F1EAFF; color: var(--violet); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .lp-feature h3 { font-size: clamp(22px, 2.4vw, 30px); margin-top: 14px !important; } .lp-feature__body { margin-top: 12px; font-size: 15.5px; color: var(--grey); line-height: 1.7; } .lp-feature__body p + p { margin-top: 12px !important; } .lp-feature__body a { color: var(--violet); text-decoration: underline; } .lp-feature .lp-actions { margin-top: 24px; } .lp-feature__visual { min-width: 0; } /* ---------- Big stats (dark) ---------- */ .lp-bigstats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 44px; } .lp-bigstats--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lp-bigstats--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lp-bigstat { padding: 30px 26px; border-radius: 22px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); text-align: center; } .lp-bigstat b { display: block; font-family: var(--disp); font-size: clamp(38px, 4.4vw, 56px); line-height: 1; color: var(--lime); } .lp-bigstat b * { color: inherit !important; -webkit-text-fill-color: currentColor !important; background: none !important; } .lp-bigstat > span { display: block; margin-top: 12px; font-size: 15px; color: #C9C4D6; } .lp-section--dark .lp-intro p { color: #B9B4C7; } .lp-section--dark .lp-title { color: #fff !important; } .lp-section--dark .lp-note { color: #8E8A9C; } /* ---------- Reviews ---------- */ .lp-reviews { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 48px; } .lp-review { margin: 0; display: flex; flex-direction: column; padding: 28px 26px; border-radius: var(--radius); background: #fff; border: 1px solid var(--line); } .lp-review__stars { display: flex; gap: 3px; color: #FFB400; } .lp-review__stars svg { width: 18px; height: 18px; fill: currentColor; } .lp-review blockquote { margin: 16px 0 0; padding: 0; border: 0; flex: 1; font-size: 15px; line-height: 1.7; color: var(--ink); font-style: normal; } .lp-review figcaption { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); } .lp-review .hd { display: flex; align-items: center; gap: 12px; } .lp-review .av { width: 42px; height: 42px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--grad); color: #fff; font-family: var(--disp); font-weight: 700; } .lp-review .hd b { display: block; font-family: var(--disp); font-size: 15px; color: var(--ink); } .lp-review .hd small { display: block; font-size: 12.5px; color: var(--grey); } /* ---------- Embedded original blocks ---------- */ .lp-embed { margin-top: 44px; min-width: 0; } .lp-section--embed .lp-head + .lp-embed { margin-top: 40px; } /* ---------- FAQ answers ---------- */ .lp-faq__answer { padding-bottom: 20px; font-size: 14.5px; line-height: 1.7; color: var(--grey); } .lp-faq__answer p + p { margin-top: 8px !important; } .lp-faq__answer a { color: var(--violet); text-decoration: underline; } /* ---------- Form section ---------- */ .lp-formcta { padding: 88px 0; } .lp-formcta__card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; padding: 56px; border-radius: 28px; color: #fff; background: radial-gradient(520px 320px at 100% 0, rgba(255, 46, 126, .38), transparent 70%), radial-gradient(520px 320px at 0 100%, rgba(124, 58, 237, .45), transparent 70%), var(--ink); } .lp-formcta .lp-title { color: #fff !important; } .lp-formcta .lp-title span { color: var(--lime) !important; -webkit-text-fill-color: var(--lime); background: none; } .lp-formcta .lp-intro, .lp-formcta .lp-intro p { color: #C9C4D6 !important; } .lp-formcta .lp-checks { margin-top: 22px !important; } .lp-formcta .lp-actions { margin-top: 26px; } .lp-formcta__form { min-width: 0; padding: 28px; border-radius: 22px; background: #fff; color: var(--ink); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6); } .lp-formcta__form .c-con { --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; background: none !important; box-shadow: none !important; border: 0 !important; } /* ---------- Responsive ---------- */ @media (max-width: 1024px) { .lp--service .lp-hero__grid, .lp-feature, .lp-formcta__card { grid-template-columns: minmax(0, 1fr); gap: 32px; } .lp-feature--flip .lp-feature__copy { order: 0; } .lp-cards--4, .lp-cards--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lp-cards--3, .lp-reviews { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lp-bigstats--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .lp--service .lp-section, .lp-formcta { padding: 60px 0; } .lp--service .lp-hero { padding: 40px 0 56px; } .lp-chips { grid-template-columns: minmax(0, 1fr); } .lp-chips li { display: flex; gap: 12px; align-items: baseline; } .lp-chips li > span { margin-top: 0; } .lp-cards, .lp-cards--2, .lp-cards--3, .lp-cards--4, .lp-cards--5, .lp-reviews, .lp-bigstats, .lp-bigstats--2, .lp-bigstats--4 { grid-template-columns: minmax(0, 1fr); margin-top: 32px; } .lp-card { padding: 22px 20px; } .lp-feature { padding: 22px 18px; border-radius: 22px; } .lp-features { margin-top: 32px; gap: 18px; } .lp-bigstat { padding: 22px 18px; } .lp-formcta__card { padding: 30px 18px; border-radius: 22px; } .lp-formcta__form { padding: 20px 16px; } .lp-formcta .lp-actions .lp-btn { width: 100%; } } /* Inner markup of a number keeps the number's size */ .lp-bigstat b *, .lp-card__stat *, .lp-chips b * { font-size: inherit !important; line-height: inherit; } .lp-formcta__form .w { width: 100%; max-width: 100%; } /* The form card supplies the padding; the kept original container would double it */ .lp-formcta__form .lp-raw .c-con { padding: 0 !important; } /* /css/site.css */ /** * Glowth site-wide pieces that used to come from plugins: the hero background slideshow and the * floating WhatsApp button (behaviour: public/js/site.js). */ /* ----- Emoji (App\Support\Emoji): one em square, like the emoji images the layout was made with ----- */ .emoji { display: inline-block; width: 1em; height: 1em; margin: 0 0.07em; font-size: inherit; line-height: 1; text-align: center; vertical-align: -0.1em; white-space: nowrap; } /* ----- Background slideshow (sections with data-slideshow) ----- */ /* Under the section's colour overlay (its ::before / ::after) and its content */ [data-slideshow] { isolation: isolate; } .slideshow { position: absolute; inset: 0; z-index: -1; overflow: hidden; border-radius: inherit; pointer-events: none; } .slideshow__slide { position: absolute; inset: 0; background-position: center; background-size: cover; opacity: 0; transition: opacity 0.5s ease; } .slideshow__slide.is-on { opacity: 1; } /* ----- Floating WhatsApp button ----- */ /* Same size and place as the chat plugin's button it replaces */ .wa-float { position: fixed; right: 20px; bottom: 74px; z-index: 9999; display: flex; align-items: center; gap: 12px; height: 40px; padding: 0 24px; border-radius: 50px; background: #25d366; color: #fff !important; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1; text-decoration: none !important; white-space: nowrap; transition: transform 0.2s ease; } .wa-float:hover { transform: translateY(-2px); color: #fff !important; } .wa-float__icon { display: flex; width: 24px; height: 24px; } .wa-float__icon svg { width: 24px; height: 24px; fill: #fff; } @media (max-width: 767px) { .wa-float { right: 0; bottom: 99px; } } /* /css/site-align.css */ /** * One horizontal grid for header + all sections (all pages). * Matches the header: max-width 1240px, side gutter 20px. */ :root { --glowth-page-width: 1240px; --glowth-page-gutter: 20px; } #masthead .h-container, .site-header .h-container, .h-above-header-bar .h-container, .site-footer .h-container, .site-below-footer-wrap .h-builder-grid-row { max-width: var(--glowth-page-width) !important; margin-left: auto !important; margin-right: auto !important; padding-left: var(--glowth-page-gutter) !important; padding-right: var(--glowth-page-gutter) !important; width: 100%; box-sizing: border-box !important; } .site-content > .h-container { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .c-con { --container-max-width: var(--glowth-page-width) !important; } .x-section.x-section-boxed > .x-container { max-width: var(--glowth-page-width) !important; } /* Top-level boxed sections = same column as header */ .x .c-con.c-con-boxed.c-parent > .c-con-inner { max-width: var(--glowth-page-width) !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: var(--glowth-page-gutter) !important; padding-right: var(--glowth-page-gutter) !important; box-sizing: border-box !important; } /* Full-width bands: keep background full bleed; pin inner column to header */ .x .c-con.c-con-full.c-parent > .c-con-inner { max-width: var(--glowth-page-width) !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: var(--glowth-page-gutter) !important; padding-right: var(--glowth-page-gutter) !important; box-sizing: border-box !important; } /* True edge-to-edge strips (hero slideshow / niche ticker) */ .x .c-con.c-con-full.c-parent#bg > .c-con-inner, .x .c-con.c-con-full.c-parent.bg > .c-con-inner, .x .c-con.c-parent:has(> .c-con-inner .nichebar) > .c-con-inner { max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; } @media (max-width: 544px) { :root { --glowth-page-gutter: 16px; } } /* Inline icon lists (e.g. AI booking bot stats) use negative side margins and pushed the page wider than the phone screen; let them wrap inside the column */ @media (max-width: 767px) { .x-icon-list-items.x-inline-items { flex-wrap: wrap; margin-left: 0 !important; margin-right: 0 !important; max-width: 100%; } } /* Header CTA: one line at every desktop width, never squeezed by the menu */ @media (min-width: 922px) { .h-header-button-1 { flex-shrink: 0; } .h-header-button-1 .h-custom-button { white-space: nowrap; line-height: 1.2; padding: 13px 22px; font-size: 15px; } .h-builder-menu-1 .main-header-menu { flex-wrap: nowrap !important; } .h-builder-menu-1 .main-header-menu > .nav-item > .nav-link { white-space: nowrap; } } /* Logo, menu and button fit inside the 1200px row, so the button ends on the same line as the content column: the same space left and right */ @media (min-width: 1280px) { .h-builder-menu-1 .main-header-menu > .nav-item > .nav-link { padding-left: 11px !important; padding-right: 11px !important; } } /* Small laptops: the 8 menu items plus the CTA button fit on one row */ @media (min-width: 922px) and (max-width: 1279px) { .h-builder-menu-1 .main-header-menu { flex-wrap: nowrap !important; } .h-builder-menu-1 .main-header-menu > .nav-item > .nav-link { white-space: nowrap; padding-left: 9px !important; padding-right: 9px !important; font-size: 14.5px !important; } .h-header-button-1 .h-custom-button { padding: 12px 16px !important; font-size: 14px !important; } } /* Too narrow for all of them: Terms of Service stays in the footer */ @media (min-width: 922px) and (max-width: 1139px) { .h-builder-menu-1 .main-header-menu > .nav-item-terms { display: none !important; } } @media (min-width: 922px) and (max-width: 1059px) { .h-builder-menu-1 .main-header-menu > .nav-item > .nav-link { padding-left: 6px !important; padding-right: 6px !important; font-size: 14px !important; } .site-header .site-logo-img img { max-width: 160px !important; } } /* /css/v2.css */ /** * Glowth v2, site-wide: pill kickers, ink titles, card depth, 3D tilt + glare and a 3D reveal. * Hooks: the pages (.v2-kicker / .v2-title on section headings), public/js/v2.js (.v2-js, * .v2-card, .v2-tilt, .v2-mock, .v2-r, .v2-tone-*), and on the home page scripts/home-v2.php * (.v2-sec--*). Home-only pieces live in public/css/home-v2.css. */ :root { --v2-ink: #0e0d12; --v2-night: #0b0a10; --v2-lime: #c6f432; --v2-pink: #ff2e7e; --v2-violet: #8b3dff; --v2-muted: #5d5a68; --v2-line: #ebe9f2; --v2-ease: cubic-bezier(0.22, 1, 0.36, 1); } /* ----- Section themes (home: scripts/home-v2.php) ----- */ .v2-sec { --border-top-width: 0px; --border-bottom-width: 0px; --border-block-start-width: 0px; --border-block-end-width: 0px; position: relative; isolation: isolate; border-top: 0 !important; border-bottom: 0 !important; } .v2-sec::before { border: 0 !important; } .v2-sec--light { background: #fff !important; } .v2-sec--soft { background: radial-gradient(ellipse 50% 60% at 95% 0%, rgba(255, 46, 126, 0.06), transparent 60%), radial-gradient(ellipse 45% 55% at 0% 100%, rgba(139, 61, 255, 0.06), transparent 60%), #f7f5fc !important; } .v2-sec--dark { background: var(--v2-night) !important; color: #fff; } .v2-sec--dark::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 45% 50% at 88% 12%, rgba(255, 46, 126, 0.16), transparent 62%), radial-gradient(ellipse 40% 50% at 8% 85%, rgba(139, 61, 255, 0.16), transparent 62%), radial-gradient(ellipse 35% 30% at 50% 110%, rgba(198, 244, 50, 0.08), transparent 70%); } /* A faint perspective grid gives the dark bands a floor; it fades out at both ends */ .v2-sec--dark::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 46%; z-index: -1; pointer-events: none; background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px); background-size: 64px 64px; transform: perspective(600px) rotateX(62deg); transform-origin: 50% 100%; -webkit-mask-image: linear-gradient(to top, transparent 0, #000 18%, transparent 85%); mask-image: linear-gradient(to top, transparent 0, #000 18%, transparent 85%); } /* Light text on dark bands (home themes, or a dark section v2.js found on another page), except inside product mock-ups, which keep their own colours */ :is(.v2-sec--dark, .v2-tone-dark) .x-heading-title:not(.v2-mock *), :is(.v2-sec--dark, .v2-tone-dark) h2:not(.v2-mock *), :is(.v2-sec--dark, .v2-tone-dark) h3:not(.v2-mock *), :is(.v2-sec--dark, .v2-tone-dark) h4:not(.v2-mock *) { color: #fff !important; } :is(.v2-sec--dark, .v2-tone-dark) .w-text-editor:not(.v2-mock *), :is(.v2-sec--dark, .v2-tone-dark) .w-text-editor p:not(.v2-mock *) { color: rgba(255, 255, 255, 0.72) !important; } .v2-sec--dark .x-icon-list-text:not(.v2-mock *) { color: rgba(255, 255, 255, 0.86) !important; } :is(.v2-sec--light, .v2-sec--soft) .w-text-editor { color: var(--v2-muted); } /* ----- Kickers become pills ----- */ .v2-kicker { display: inline-flex !important; align-items: center; gap: 9px; padding: 8px 15px 8px 12px !important; border-radius: 999px; background: rgba(139, 61, 255, 0.08) !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: currentColor !important; color: #6d28d9 !important; font-size: 12.5px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0.09em !important; text-transform: uppercase; box-shadow: inset 0 0 0 1px rgba(139, 61, 255, 0.14); } .v2-kicker::before { content: ""; flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(135deg, var(--v2-pink), var(--v2-violet)); box-shadow: 0 0 0 3px rgba(255, 46, 126, 0.16); } :is(.v2-sec--dark, .v2-tone-dark) .v2-kicker { background: rgba(198, 244, 50, 0.09) !important; color: var(--v2-lime) !important; box-shadow: inset 0 0 0 1px rgba(198, 244, 50, 0.2); } :is(.v2-sec--dark, .v2-tone-dark) .v2-kicker::before { background: var(--v2-lime); box-shadow: 0 0 10px rgba(198, 244, 50, 0.8); } .v2-sublabel { color: var(--v2-muted) !important; -webkit-text-fill-color: currentColor !important; background: none !important; font-size: 14px !important; font-weight: 600 !important; } /* Service and location pages: their "— KICKER" line becomes the same pill */ .lp-kicker { display: inline-flex !important; align-items: center; gap: 9px; padding: 8px 15px 8px 12px; border-radius: 999px; background: rgba(139, 61, 255, 0.08); box-shadow: inset 0 0 0 1px rgba(139, 61, 255, 0.14); color: #6d28d9 !important; line-height: 1; } .lp-kicker::before { content: "" !important; flex: 0 0 7px; width: 7px !important; height: 7px !important; margin: 0 !important; border-radius: 50%; background: linear-gradient(135deg, var(--v2-pink), var(--v2-violet)) !important; box-shadow: 0 0 0 3px rgba(255, 46, 126, 0.16); } .lp-section--dark .lp-kicker, .lp-kicker--lime { background: rgba(198, 244, 50, 0.09); box-shadow: inset 0 0 0 1px rgba(198, 244, 50, 0.2); color: var(--v2-lime) !important; } .lp-section--dark .lp-kicker::before, .lp-kicker--lime::before { background: var(--v2-lime) !important; box-shadow: 0 0 10px rgba(198, 244, 50, 0.8); } .lp-title { letter-spacing: -0.035em; text-wrap: balance; } /* ----- Titles ----- */ .v2-title { font-size: clamp(32px, 3.9vw, 56px) !important; font-weight: 700 !important; line-height: 1.05 !important; letter-spacing: -0.035em !important; text-wrap: balance; } :is(.v2-sec--light, .v2-sec--soft, .v2-tone-light) .v2-title { color: var(--v2-ink) !important; } /* Section headings without a kicker (e.g. the About page's long-form h2s) */ .v2-tone-light h2.x-heading-title { color: var(--v2-ink) !important; letter-spacing: -0.03em !important; } :is(.v2-sec--dark, .v2-tone-dark) .v2-title { color: #fff !important; font-size: clamp(30px, 3.3vw, 48px) !important; } /* ----- Cards (marked by v2.js) ----- */ .v2-card { position: relative; border: 1px solid var(--v2-line) !important; border-radius: 22px !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 12px 32px -14px rgba(32, 16, 64, 0.16) !important; transition: box-shadow 0.4s var(--v2-ease), border-color 0.3s; } .v2-card:hover { border-color: #dcd6ec !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 30px 60px -20px rgba(32, 16, 64, 0.28) !important; } .v2-card .x-icon { background: linear-gradient(135deg, var(--v2-pink), var(--v2-violet)) !important; box-shadow: 0 10px 22px -8px rgba(139, 61, 255, 0.55); } .v2-card .x-icon svg { fill: #fff !important; } .v2-card .x-icon i { color: #fff !important; } .v2-card .x-icon-box-title, .v2-card .x-icon-box-title a { font-weight: 700 !important; letter-spacing: -0.01em; } :is(.v2-sec--light, .v2-sec--soft, .v2-tone-light) .v2-card .x-icon-box-title, :is(.v2-sec--light, .v2-sec--soft, .v2-tone-light) .v2-card .x-icon-box-title a { color: var(--v2-ink) !important; } /* Photo cards keep their own background */ .v2-card--photo { border: 0 !important; overflow: hidden; } /* Cards on dark bands are glass */ :is(.v2-sec--dark, .v2-tone-dark) .v2-card { border-color: rgba(255, 255, 255, 0.1) !important; background: rgba(255, 255, 255, 0.04) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } :is(.v2-sec--dark, .v2-tone-dark) .v2-card:hover { border-color: rgba(198, 244, 50, 0.35) !important; box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important; } :is(.v2-sec--dark, .v2-tone-dark) .v2-card .x-icon-box-title, :is(.v2-sec--dark, .v2-tone-dark) .v2-card .x-icon-box-title a, :is(.v2-sec--dark, .v2-tone-dark) .v2-card .x-heading-title { color: #fff !important; } :is(.v2-sec--dark, .v2-tone-dark) .v2-card .x-icon-box-description, :is(.v2-sec--dark, .v2-tone-dark) .v2-card p { color: rgba(255, 255, 255, 0.6) !important; } /* ----- 3D tilt with a glare that follows the pointer ----- */ .v2-tilt { --rx: 0deg; --ry: 0deg; --lift: 0px; transform: perspective(1000px) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry)); transform-style: preserve-3d; transition: transform 0.6s var(--v2-ease), box-shadow 0.4s var(--v2-ease), border-color 0.3s; will-change: transform; } .v2-tilt.is-tilting { --lift: -6px; transition: transform 0.12s linear, box-shadow 0.4s var(--v2-ease), border-color 0.3s; } .v2-tilt::after { content: ""; position: absolute; inset: 0; z-index: 3; border-radius: inherit; pointer-events: none; background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), var(--v2-glare, rgba(255, 46, 126, 0.1)), transparent 45%); opacity: 0; transition: opacity 0.3s; } .v2-tilt.is-tilting::after { opacity: 1; } .v2-card--photo, .v2-tilt--glass, :is(.v2-sec--dark, .v2-tone-dark, .lp-section--dark, .lp-hero) .v2-tilt { --v2-glare: rgba(255, 255, 255, 0.2); } /* Service/location cards: position the glare */ .lp-card.v2-tilt, .lp-service.v2-tilt, .lp-rule.v2-tilt, .lp-stat.v2-tilt, .lp-review.v2-tilt, .lp-glance.v2-tilt, .lp-links__group.v2-tilt, .lp-audit.v2-tilt { position: relative; } /* ----- Product mock-ups float at an angle and settle on hover ----- */ @media (min-width: 1025px) { .v2-mock { --base-ry: -12deg; transform: perspective(1400px) rotateY(calc(var(--base-ry) + var(--ry, 0deg))) rotateX(calc(5deg + var(--rx, 0deg))); transform-style: preserve-3d; transition: transform 0.9s var(--v2-ease), box-shadow 0.6s var(--v2-ease); box-shadow: 0 50px 100px -30px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.06); border-radius: 20px; } .v2-mock--left { --base-ry: 12deg; } .v2-mock:hover { --base-ry: 0deg; } .v2-mock.is-tilting { transition: transform 0.15s linear, box-shadow 0.6s var(--v2-ease); } } /* ----- Reveal: rise out of a 3D plane ----- */ .v2-js .gp-reveal { opacity: 1 !important; transform: none !important; } .v2-js .v2-r { opacity: 0; transform: perspective(1000px) translate3d(0, 46px, 0) rotateX(16deg); transform-origin: 50% 100%; transition: opacity 0.8s var(--v2-ease), transform 1s var(--v2-ease); transition-delay: var(--d, 0ms); } .v2-js .v2-r.is-in { opacity: 1; transform: perspective(1000px) translate3d(0, 0, 0) rotateX(0deg); } @media (prefers-reduced-motion: reduce) { .v2-tilt, .v2-mock { transform: none !important; } .v2-js .v2-r { opacity: 1; transform: none; } } /* /css/pages/ecommerce-for-beauty-widgets.css */ /* Styles of the widgets inside the page (calculators, mock-ups, tables) */ .shop{background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: 24px; box-shadow: 0 30px 70px -30px rgba(14, 13, 18, .3);} .shophd{display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;} .shophd b{font-family: "Space Grotesk", sans-serif; font-size: 15px;} .cartb{position: relative; font-size: 12.5px; font-weight: 700; border: 1.5px solid #e7e6ec; border-radius: 999px; padding: 8px 16px; background: #FAFAFC;} .cartb i{font-style: normal; position: absolute; top: -8px; right: -8px; background: linear-gradient(100deg, #FF2E7E, #7C3AED); color: #fff; font-family: "Space Grotesk", sans-serif; font-size: 11px; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center;} .prods{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;} .prod{border: 1px solid #e7e6ec; border-radius: 14px; padding: 12px; text-align: center;} .prod .pimg{height: 64px; border-radius: 10px; margin-bottom: 9px; display: flex; align-items: center; justify-content: center; font-family: "Space Grotesk", sans-serif; font-weight: 700; color: #fff; font-size: 11px; padding: 6px; background: linear-gradient(135deg, #FF2E7E, #B84DD9);} .prod b{font-size: 11.5px; display: block; min-height: 28px;} .prod small{font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 12.5px; display: block; margin: 4px 0 8px;} .prod button{width: 100%; border: none; background: #0E0D12; color: #fff; font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 11px; padding: 8px; border-radius: 8px; cursor: pointer; transition: all .2s;} .ordfeed{margin-top: 14px; border-top: 1px solid #e7e6ec; padding-top: 12px; font-size: 12px; color: #5d5b66; min-height: 40px;} .ordfeed div{padding: 4px 0; font-weight: 600; animation: popin .4s ease;} .ordfeed b{color: #0BA05F;} @media(max-width: 768px){ .prods{display: block;} } .rcalc{background: #0e0d12; color: #fff; border-radius: 24px; padding: 52px;} .rcalc .kicker{display: inline-flex; align-items: center; gap: 10px; color: #C6F432; font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;} .rcalc .kicker::before{content: ""; display: inline-block; width: 22px; height: 3px; background: #C6F432; border-radius: 2px;} .rcalc h2{font-size: 42px; line-height: 1.2; margin: 15px 0 8px; color: #fff;} .rcalc h2 .lime{color: #C6F432;} .rcalc .sub{color: #A7A2B6; margin-bottom: 30px;} .rcalc label{display: flex; justify-content: space-between; align-items: center; font-size: 15px; font-weight: 600; margin: 26px 0 10px; color: #fff;} .rcalc output{color: #C6F432; font-weight: 700;} .rcalc input[type="range"]{-webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 99px; outline: none; cursor: pointer; margin: 6px 0 0; background: linear-gradient(to right, #FF2E7E 0%, #FF2E7E var(--fill, 30%), #ECEBF1 var(--fill, 30%), #ECEBF1 100%);} .rcalc input[type="range"]::-webkit-slider-thumb{-webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #FF2E7E; border: none; box-shadow: 0 4px 12px rgba(255, 46, 126, .45); transition: transform .15s;} .rcalc input[type="range"]::-webkit-slider-thumb:hover{transform: scale(1.15);} .rcalc input[type="range"]::-moz-range-thumb{width: 20px; height: 20px; border-radius: 50%; background: #FF2E7E; border: none; box-shadow: 0 4px 12px rgba(255, 46, 126, .45);} .rcalc input[type="range"]::-moz-range-track{height: 6px; border-radius: 99px; background: transparent;} .rstats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 40px;} .rstat{background: #17161c; border: 1px solid rgba(255, 255, 255, .07); border-radius: 16px; padding: 28px 18px; text-align: center;} .rstat .num{font-family: "Space Grotesk", sans-serif; font-size: 30px; font-weight: 700; color: #C6F432; margin-bottom: 8px;} .rstat span{display: block; font-size: 13px; color: #fff;} .rnote{margin-top: 22px; font-size: 12.5px; color: #A7A2B6;} @media (max-width: 900px){ .rcalc{padding: 36px 26px;} .rcalc h2{font-size: 32px;} .rstats{grid-template-columns: repeat(2, 1fr);} } @media (max-width: 520px){ .rstats{grid-template-columns: 1fr;} } .irow{display: flex; align-items: center; gap: 14px; margin-bottom: 9px; font-size: 12px; color: #A7A2B6;} .itracks{width: 700px; height: 10px; background: #E5E7Eb; border-radius: 5px; overflow: hidden; position: relative;} .itracks i{display: block; width: 80%; height: 100%; background: linear-gradient(100deg, #FF2E7E, #7C3AED); border-radius: 5px;} .irow{display: flex; align-items: center; gap: 14px; margin-bottom: 9px; font-size: 12px; color: #A7A2B6;} .itracks{width: 700px; height: 10px; background: #E5E7Eb; border-radius: 5px; overflow: hidden; position: relative;} .itracks i{display: block; width: 80%; height: 100%; background: linear-gradient(100deg, #FF2E7E, #7C3AED); border-radius: 5px;} .irow{display: flex; align-items: center; gap: 14px; margin-bottom: 9px; font-size: 12px; color: #A7A2B6;} .itracks{width: 700px; height: 10px; background: #E5E7Eb; border-radius: 5px; overflow: hidden; position: relative;} .itracks i{display: block; width: 80%; height: 100%; background: linear-gradient(100deg, #FF2E7E, #7C3AED); border-radius: 5px;} .irow{display: flex; align-items: center; gap: 14px; margin-bottom: 9px; font-size: 12px; color: #A7A2B6;} .itracks{width: 700px; height: 10px; background: #E5E7Eb; border-radius: 5px; overflow: hidden; position: relative;} .itracks i{display: block; width: 80%; height: 100%; background: linear-gradient(100deg, #FF2E7E, #7C3AED); border-radius: 5px;} .irow{display: flex; align-items: center; gap: 14px; margin-bottom: 9px; font-size: 12px; color: #A7A2B6;} .irow span{width: 56px; flex-shrink: 0; font-weight: 700;} .itrack{flex: 1; width: 120px; height: 10px; background: #26242E; border-radius: 5px; overflow: hidden;} .irow b{margin-left: 610px; text-align: right; font-family: var(--disp); font-size: 13px; color: #fff;} .irow{display: flex; align-items: center; gap: 14px; margin-bottom: 9px; font-size: 12px; color: #A7A2B6;} .irow span{width: 56px; flex-shrink: 0; font-weight: 700;} .itrack{flex: 1; height: 10px; border-radius: 5px; overflow: hidden;} .after{background: linear-gradient(100deg, #FF2E7E, #7C3AED); width: 720px;} b.after-text{margin-left: 86px; text-align: right; font-family: var(--disp); font-size: 13px; color: #fff;} .irow{display: flex; align-items: center; gap: 14px; margin-bottom: 9px; font-size: 12px; color: #A7A2B6;} .irow span{width: 56px; flex-shrink: 0; font-weight: 700;} .itrack-month{flex: 1; width: 300px; height: 10px; background: #26242E; border-radius: 5px; overflow: hidden;} .itrack-month-text{margin-left: 435px; text-align: right; font-family: var(--disp); font-size: 13px; color: #fff;} .irow{display: flex; align-items: center; gap: 14px; margin-bottom: 9px; font-size: 12px; color: #A7A2B6;} .irow span{width: 56px; flex-shrink: 0; font-weight: 700;} .itrack{flex: 1; height: 10px; border-radius: 5px; overflow: hidden;} .after-month{background: linear-gradient(100deg, #FF2E7E, #7C3AED); width: 470px;} b.after-month-text{margin-left: 270px; text-align: right; font-family: var(--disp); font-size: 13px; color: #fff;} .irow{display: flex; align-items: center; gap: 14px; margin-bottom: 9px; font-size: 12px; color: #A7A2B6;} .irow span{width: 6px; flex-shrink: 0; font-weight: 700;} .itrack-before-hours{flex: 1; width: 20px; height: 10px; background: #26242E; border-radius: 5px; overflow: hidden;} b.itrack-before-hour{margin-left: 730px; text-align: right; font-family: var(--disp); font-size: 13px; color: #fff;} .irow{display: flex; align-items: center; gap: 14px; margin-bottom: 9px; font-size: 12px; color: #A7A2B6;} .irow span{width: 56px; flex-shrink: 0; font-weight: 700;} .itrack{flex: 1; height: 10px; border-radius: 5px; overflow: hidden;} .after-hour{background: linear-gradient(100deg, #FF2E7E, #7C3AED); width: 370px;} b.after-hour-text{margin-left: 370px; text-align: right; font-family: var(--disp); font-size: 13px; color: #fff;} .irow{display: flex; align-items: center; gap: 14px; margin-bottom: 9px; font-size: 12px; color: #A7A2B6;} .irow span{width: 6px; flex-shrink: 0; font-weight: 700;} .itrack-show-hours{flex: 1; width: 420px; height: 10px; background: #26242E; border-radius: 5px; overflow: hidden;} b.itrack-before-show{margin-left: 430px; text-align: right; font-family: var(--disp); font-size: 13px; color: #fff;} .irow{display: flex; align-items: center; gap: 14px; margin-bottom: 9px; font-size: 12px; color: #A7A2B6;} .irow span{width: 56px; flex-shrink: 0; font-weight: 700;} .itrack{flex: 1; height: 10px; border-radius: 5px; overflow: hidden;} .after-show{background: linear-gradient(100deg, #FF2E7E, #7C3AED); width: 270px;} b.after-show-text{margin-left: 470px; text-align: right; font-family: var(--disp); font-size: 13px; color: #fff;} .table-wrapper{max-width:1400px; margin:auto; background:#fff; border-radius:24px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.08);} table{width:100%; border-collapse:collapse;} thead th{background:#0f0f13; color:#fff; padding: 14px 18px; font-size:13.5px; font-weight:700; text-align:center;} thead th:first-child{width:28%;} thead th:nth-child(2){color:#a8ff00;} tbody td{padding: 14px 100px; font-size:13.5px; border-bottom:1px solid #ececec; vertical-align:middle;} tbody tr:last-child td{border-bottom:none;} tbody td:first-child{color:#111; font-weight:500;} tbody td:not(:first-child){text-align:center; font-weight:700;} .green{color:#00a651;} .orange{color:#c97d00;} .red{color:#e23b5b;} @media (max-width:900px){ table{display:block; overflow-x:auto; white-space:nowrap;} thead th,tbody td{font-size:16px; padding:16px;} }