@font-face {
                font-display: fallback;
                font-family: Lato;
                font-style: normal;
                font-weight: 300;
                src: url(/static/Lato-Light-91308c0216b40aad16036f1394b98237.woff) format("woff")
            }

@font-face {
                font-display: fallback;
                font-family: Lato;
                font-style: normal;
                font-weight: 400;
                src: url(/static/Lato-Regular-77ca2742388f408c3be7d0ec3e7dc392.woff) format("woff")
            }

@font-face {
                font-display: fallback;
                font-family: Lato;
                font-style: italic;
                font-weight: 400;
                src: url(/static/Lato-Italic-251de5f48806485e4c5a8a2558f9b377.woff) format("woff")
            }

@font-face {
                font-display: fallback;
                font-family: Lato;
                font-style: normal;
                font-weight: 700;
                src: url(/static/Lato-Bold-ba3a83adcb94357fc42f762985e4d3df.woff) format("woff")
            }

@font-face {
                font-display: fallback;
                font-family: Lato;
                font-style: normal;
                font-weight: 900;
                src: url(/static/Lato-Black-efe7c183457352448e1e82e30ee3e142.woff) format("woff")
            }

@-webkit-keyframes fadeInImg {
                0% {
                    opacity: 0
                }

                to {
                    opacity: 1
                }
            }

@keyframes fadeInImg {
                0% {
                    opacity: 0
                }

                to {
                    opacity: 1
                }
            }

:root {
                --sash-size: 4px
            }

.signup-btn {
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                justify-content: center;
                max-height: var(--header-element-size);
                min-width: var(--header-element-size);
                padding: 0 4px;
                text-decoration: none
            }

@media (min-width: 601px) {
  .signup-btn {
                      padding-inline:12px
                  }
}

#toggle-button-nav .menu-btn-text,#universal-nav .login-btn-text,.login-btn-icon {
                display: none
            }
/*
:root {
                --gray00: #fff;
                --gray05: #f5f6f7;
                --gray10: #dfdfe2;
                --gray15: #d0d0d5;
                --gray45: #858591;
                --gray75: #3b3b4f;
                --gray80: #2a2a40;
                --gray85: #1b1b32;
                --gray90: #0a0a23;
                --purple10: #dbb8ff;
                --purple50: #9400d3;
                --purple90: #5a01a7;
                --yellow05: #fcf8e3;
                --yellow10: #faebcc;
                --yellow40: #ffc300;
                --yellow45: #ffbf00;
                --yellow50: #f1be32;
                --yellow70: #8a6d3b;
                --yellow80: #66512c;
                --yellow90: #4d3800;
                --blue05: #d9edf7;
                --blue10: #bce8f1;
                --blue30: #99c9ff;
                --blue50: #198eee;
                --blue70: #31708f;
                --blue90: #002ead;
                --blue30-translucent: rgba(153,201,255,.3);
                --blue90-translucent: rgba(0,46,173,.3);
                --green05: #dff0d8;
                --green10: #d6e9c6;
                --green40: #acd157;
                --green70: #3c763d;
                --green80: #19562a;
                --green90: #00471b;
                --red05: #f2dede;
                --red10: #ebccd1;
                --red15: #ffadad;
                --red30: #f8577c;
                --red70: #a94442;
                --red80: #f82153;
                --red90: #850000;
                --red100: #5a3535;
                --orange30: #eda971
            }

*,:after,:before {
                --tw-border-spacing-x: 0;
                --tw-border-spacing-y: 0;
                --tw-translate-x: 0;
                --tw-translate-y: 0;
                --tw-rotate: 0;
                --tw-skew-x: 0;
                --tw-skew-y: 0;
                --tw-scale-x: 1;
                --tw-scale-y: 1;
                --tw-pan-x: ;
                --tw-pan-y: ;
                --tw-pinch-zoom: ;
                --tw-scroll-snap-strictness: proximity;
                --tw-gradient-from-position: ;
                --tw-gradient-via-position: ;
                --tw-gradient-to-position: ;
                --tw-ordinal: ;
                --tw-slashed-zero: ;
                --tw-numeric-figure: ;
                --tw-numeric-spacing: ;
                --tw-numeric-fraction: ;
                --tw-ring-inset: ;
                --tw-ring-offset-width: 0px;
                --tw-ring-offset-color: #fff;
                --tw-ring-color: rgba(147,197,253,.5);
                --tw-ring-offset-shadow: 0 0 #0000;
                --tw-ring-shadow: 0 0 #0000;
                --tw-shadow: 0 0 #0000;
                --tw-shadow-colored: 0 0 #0000;
                --tw-blur: ;
                --tw-brightness: ;
                --tw-contrast: ;
                --tw-grayscale: ;
                --tw-hue-rotate: ;
                --tw-invert: ;
                --tw-saturate: ;
                --tw-sepia: ;
                --tw-drop-shadow: ;
                --tw-backdrop-blur: ;
                --tw-backdrop-brightness: ;
                --tw-backdrop-contrast: ;
                --tw-backdrop-grayscale: ;
                --tw-backdrop-hue-rotate: ;
                --tw-backdrop-invert: ;
                --tw-backdrop-opacity: ;
                --tw-backdrop-saturate: ;
                --tw-backdrop-sepia: ;
                --tw-contain-size: ;
                --tw-contain-layout: ;
                --tw-contain-paint: ;
                --tw-contain-style:
            }
*/
*,:after,:before {
                border: 0 solid #e5e7eb;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

:host,html {
                -webkit-text-size-adjust: 100%;
                -webkit-font-feature-settings: normal;
                font-feature-settings: normal;
                -webkit-tap-highlight-color: transparent;
                font-family: Lato,sans-serif;
                font-variation-settings: normal;
                line-height: 1.5;
                -moz-tab-size: 4;
                -o-tab-size: 4;
                tab-size: 4
            }

body {
                line-height: inherit;
                margin: 0
            }

h1,h2,h3,h4,h5,h6 {
                font-size: inherit;
                font-weight: inherit
            }

a {
                text-decoration: inherit
            }

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
                margin: 0
            }

audio,canvas,embed,iframe,img,object,svg,video {
                display: block;
                vertical-align: middle
            }

img,video {
                height: auto;
                max-width: 100%
            }

html {
                line-height: 1.42857143;
                scroll-behavior: smooth
            }

a {
                text-decoration-line: underline;
                text-underline-position: under
            }

@supports not (text-underline-position: under) {
  a {
                      text-underline-offset:.1em
                  }
}

h1,h2,h3,h4,h5,h6,p {
                margin-bottom: 12.5px
            }

.mx-\[-15px\] {
                margin-left: -15px;
                margin-right: -15px
            }

.mx-auto {
                margin-left: auto;
                margin-right: auto
            }

.my-0 {
                margin-bottom: 0;
                margin-top: 0
            }

.h-\[10px\] {
                height: 10px
            }

.h-\[20px\] {
                height: 20px
            }

.h-\[30px\] {
                height: 30px
            }

.h-\[60px\] {
                height: 60px
            }

.min-h-\[1px\] {
                min-height: 1px
            }

.w-full {
                width: 100%
            }

.px-\[15px\] {
                padding-left: 15px;
                padding-right: 15px
            }

@media (min-width: 768px) {
  .md\:ms-\[8\.3\%\] {
                      -webkit-margin-start: 8.3%;
                      margin-inline-start:8.3%}
  .md\:w-5\/6 {
                      width: 83.333333%
                  }
  .md\:w-\[750px\] {
                      width: 750px
                  }
}

@media (min-width: 992px) {
  .min-\[992px\]\:ms-\[16\.6\%\] {
                      -webkit-margin-start: 16.6%;
                      margin-inline-start:16.6%}
  .min-\[992px\]\:w-2\/3 {
                      width: 66.666667%
                  }
  .min-\[992px\]\:w-\[970px\] {
                      width: 970px
                  }
}

@media (min-width: 1200px) {
  .min-\[1200px\]\:w-\[1170px\] {
                      width: 1170px
                  }
}

.\[\&_a\:active\]\:bg-\[\#31708f\] a:active {
                --tw-bg-opacity: 1;
                background-color: rgb(49 112 143/var(--tw-bg-opacity,1))
            }

.\[\&_a\:active\]\:text-\[\#d9edf7\] a:active {
                --tw-text-opacity: 1;
                color: rgb(217 237 247/var(--tw-text-opacity,1))
            }

.\[\&_a\:focus\]\:bg-\[\#31708f\] a:focus {
                --tw-bg-opacity: 1;
                background-color: rgb(49 112 143/var(--tw-bg-opacity,1))
            }

.\[\&_a\:focus\]\:text-\[\#d9edf7\] a:focus {
                --tw-text-opacity: 1;
                color: rgb(217 237 247/var(--tw-text-opacity,1))
            }

.\[\&_a\:hover\]\:bg-\[\#31708f\] a:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(49 112 143/var(--tw-bg-opacity,1))
            }

.\[\&_a\:hover\]\:text-\[\#d9edf7\] a:hover {
                --tw-text-opacity: 1;
                color: rgb(217 237 247/var(--tw-text-opacity,1))
            }

html {
                -webkit-font-smoothing: antialiased;
                font-size: 18px;
                scroll-padding-top: calc(var(--header-height) + 10px)
            }

body,html {
                height: 100%
            }

body {
                background: var(--secondary-background);
                color: var(--secondary-color);
                font-family: var(--font-family-sans-serif)
            }

.btn-cta-big {
                font-size: 1.5rem;
                margin: 0 auto;
                max-height: 100%;
                max-width: 500px;
                padding: 5px;
                white-space: normal;
                width: 100%
            }

h1 {
                font-size: 1.5rem
            }

h1,h2 {
                color: var(--secondary-color);
                font-weight: 700;
                margin: .6rem 0
            }

h2 {
                font-size: 1.25rem
            }

h3 {
                color: var(--secondary-color);
                font-size: 1.1rem;
                font-weight: 700;
                margin: 0 0 .6rem
            }

h4,h5,h6,p,td,th {
                font-size: 1rem;
                font-weight: 400;
                margin: 0 0 1.2rem
            }

p {
                line-height: 1.5rem
            }

.big-heading {
                font-size: 2rem!important;
                overflow-wrap: break-word
            }

@media (max-width: 500px) {
  .big-heading {
                      font-size:1.5rem!important
                  }
  h1 {
                      font-size: 1.3rem
                  }
  h2 {
                      font-size: 1.2rem
                  }
  h3 {
                      font-size: 1.1rem
                  }
  .btn-cta,.btn-cta-big {
                      font-size: 1rem
                  }
}

@media (max-width: 1199px) {
  .btn-cta-big {
                      font-size:1.3rem
                  }
}

a {
                color: inherit;
                text-decoration: underline
            }

a:focus,a:hover {
                background-color: var(--tertiary-background);
                color: var(--tertiary-color);
                text-decoration: none
            }

.btn-cta {
                background-color: #feac32;
                background-image: -webkit-gradient(linear,left top,left bottom,from(#fecc4c),to(#ffac33));
                background-image: linear-gradient(#fecc4c,#ffac33);
                border: 3px solid #feac32;
                color: #0a0a23!important;
                text-align: center
            }

.btn-cta:active:hover,.btn-cta:focus,.btn-cta:hover {
                background-color: #fecc4c!important;
                background-image: none;
                border: 3px solid #f1a02a;
                color: #0a0a23!important
            }

.btn-cta:active {
                background-image: none;
                -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.3);
                box-shadow: inset 0 1px 4px rgba(0,0,0,.3)
            }

.btn-block {
                display: block;
                width: 100%
            }
/*
:root {
                --theme-color: #0a0a23;
                --yellow-gold: #ffbf00;
                --gray-00-translucent: hsla(0,0%,100%,.85);
                --gray-00: #fff;
                --gray-05: #f5f6f7;
                --gray-10: #dfdfe2;
                --gray-15: #d0d0d5;
                --gray-45: #858591;
                --gray-75: #3b3b4f;
                --gray-80: #2a2a40;
                --gray-85: #1b1b32;
                --gray-90: #0a0a23;
                --gray-90-translucent: rgba(10,10,35,.85);
                --purple-light: #dbb8ff;
                --purple-dark: #5a01a7;
                --yellow-light: #ffc300;
                --yellow-dark: #4d3800;
                --blue-light: #99c9ff;
                --blue-light-translucent: rgba(153,201,255,.3);
                --blue-dark: #002ead;
                --blue-dark-translucent: rgba(0,46,173,.3);
                --green-light: #acd157;
                --blue-mid: #198eee;
                --purple-mid: #9400d3;
                --green-dark: #00471b;
                --red-light: #ffadad;
                --red-dark: #850000;
                --love-light: var(--red30);
                --love-dark: var(--red70);
                --editor-background-light: #fffffe;
                --editor-background-dark: #2a2b40;
                --focus-outline-color: var(--blue-mid);
                --font-family-sans-serif: "Lato",sans-serif;
                --font-family-monospace: "Hack-ZeroSlash",monospace;
                --header-element-size: 28px;
                --header-sub-element-size: 45px;
                --header-height: 38px;
                --breadcrumbs-height: 44px;
                --action-row-height: 64px;
                --z-index-breadcrumbs: 100;
                --z-index-flash: 150;
                --z-index-site-header: 200
            }
*/
.img-loaded {
                -webkit-animation: fadeInImg cubic-bezier(.23,1,.32,1) 1;
                animation: fadeInImg cubic-bezier(.23,1,.32,1) 1;
                -webkit-animation-delay: .1s;
                animation-delay: .1s;
                -webkit-animation-duration: .7s;
                animation-duration: .7s;
                -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
                opacity: 0;
                position: relative
            }

@media (max-width: 500px) {
  h1 {
                      font-size:1.3rem
                  }
}

.landing-top h1:first-child {
                margin-top: 0
            }

figcaption.caption {
                color: var(--quaternary-color);
                font-weight: 600;
                margin: 10px 0 0;
                text-align: center
            }

.landing-page .big-heading {
                font-weight: 700;
                height: 100%;
                line-height: 1.1;
                margin-bottom: 40px
            }

.logo-row {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-pack: distribute;
                -ms-flex-line-pack: center;
                align-content: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: row;
                flex-direction: row;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                justify-content: space-around;
                margin: 10px 0
            }

.logo-row svg {
                height: 40px
            }

.faq-question {
                font-size: 1.25rem;
                font-weight: 700;
                margin-bottom: 1.2rem;
                transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
            }

@media (min-width: 370px) {
  .logo-row svg {
                      margin:5px 15px
                  }
}

@media (min-width: 480px) {
  .logo-row svg {
                      height:25px;
                      margin: 5px
                  }
}

@media (min-width: 550px) {
  .logo-row {
                      -webkit-box-pack:justify;
                      -ms-flex-pack: justify;
                      justify-content: space-between
                  }
  .logo-row svg {
                      height: 40px
                  }
}

.landing-top p {
                font-size: 1.2rem;
                margin: .6rem 0
            }

.as-seen-in,.benefits,.certification-section,.landing-top,.testimonials {
                padding: 4vw 15px
            }

.certification-section,.faq-section {
                padding-inline:4vw}

@media (min-width: 500px) {
  .landing-top p {
                      font-size:1.25rem
                  }
}

.landing-top .btn-cta-big {
                max-width: -webkit-fit-content;
                max-width: -moz-fit-content;
                max-width: fit-content;
                padding: 12px 20px
            }

@media (min-width: 500px) {
  .landing-top .btn-cta-big {
                      padding: 12px 40px
                  }
}

.landing-page {
                overflow-x: hidden
            }

.landing-top figure,.landing-top figure img {
                height: 442px;
                margin-top: 50px;
                width: 750px
            }

.landing-top-two-column {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                gap: 20px;
                justify-content: center
            }

.landing-top-two-column p {
                font-size: 1.3rem;
                font-weight: 400;
                line-height: 1.5
            }

@media (min-width: 1200px) {
  .landing-top-two-column {
                      -webkit-box-orient:horizontal;
                      -webkit-box-direction: normal;
                      -webkit-box-align: center;
                      -ms-flex-align: center;
                      align-items: center;
                      -ms-flex-direction: row;
                      flex-direction: row;
                      margin-inline:auto;width: min(100%,1300px)
                  }
  .landing-top-two-column .landing-top-left {
                      -webkit-box-flex: 0;
                      -ms-flex: 0 0 50%;
                      flex: 0 0 50%;
                      margin-left: -15px;
                      max-width: 50%;
                      padding-left: 0;
                      padding-right: 15px;
                      z-index: 1
                  }
  .landing-top-two-column .landing-top-right {
                      -webkit-box-flex: 0;
                      -ms-flex: 0 1 auto;
                      flex: 0 1 auto;
                      min-width: 0;
                      overflow: visible
                  }
  .certification-section,.faq-section {
                      margin-inline:auto;width: min(100%,1300px)
                  }
}

.landing-top .landing-top-two-column figure,.landing-top .landing-top-two-column figure img {
                height: 550px;
                margin-left: -120px;
                margin-top: 0;
                -webkit-mask-image: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(20%,#000));
                -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 20%);
                mask-image: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(20%,#000));
                mask-image: linear-gradient(90deg,transparent 0,#000 20%);
                max-width: none;
                width: 850px
            }

.landing-top .ultra-heading {
                font-size: 4rem
            }

.landing-top-right figcaption {
                display: none
            }

@media (max-width: 1199px) {
.landing-top-right {
display: none;
}
}            

.landing-top .brands-container p {
                color: var(--quaternary-color);
                font-weight: 400;
                text-align: center
            }

* {
                text-shadow: none!important
            }

@media print {
  body {
                      height: 210mm;
                      width: 297mm
                  }
}
/*
:root {
                --monaco-scrollbar-arrow-box-size: 0;
                --monaco-scrollbar-arrow-icon-top-bottom: 0;
                --monaco-scrollbar-arrow-icon-left: 0;
                --monaco-scrollbar-arrow-icon-size: 11px;
                --monaco-scrollbar-arrow-icon-font-size: 11px
            }
*/