:root{
     --page-max-width:1260px;
     --page-max-width-med:1024px;
     --num-grid-columns:12;
     --page-gutter:24px;
     --section-spacing:56px;
     --font-primary:v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     --brand: #2f93c9;
    --brand-gradient: linear-gradient(90deg,#8ea1e1,#7289da);
    --greyple: #99aab5;
    --dark-not-black: #2c2f33;
    --focus-border: #00b0f4;
    --status-green: #43b581;
    --text-link: #00b0f4;
    --off-white: #f6f6f6;
    --white: #fff;
    --not-quite-black: #23272a;
    --not-quite-black-rgb: 35,39,42;
    --bluebright: #1af7ff;
    --greenbright: #76fcba;
    --black: #000;
    --white:#fff;
    --ekko-red: #de2761;
    --section-spacing: 56px;

     @media screen and (min-width:768px){:root
          {--num-grid-columns:8;
          --page-gutter:40px;
          --section-spacing:80px}}
     @media screen and (min-width:1024px){:root
          {--num-grid-columns:12;
          --section-spacing:120px}}
       
}  
a,abbr,acronym,address,applet,big,blockquote,body,button,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var
     {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
table
     {border-collapse:separate;border-spacing:0;vertical-align:middle}
caption,td,th
     {text-align:left;font-weight:400;vertical-align:middle}
ol,ul
     {list-style:none}
a. img
     {border:none}
button
    {-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}

html
     {overflow-scrolling:touch;height:100%}
body
     {min-width:1000px}
#app-mount
    {height:100%}
.content
    {width:1000px;position:relative;margin:0 auto}
.section
    {overflow:hidden}
.grid
    {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.grid .content
    {-webkit-box-sizing:border-box;box-sizing:border-box;padding:72px 50px
    0;max-width:1200px}
.grid .content.full
    {width:100%;max-width:100%;padding:0}
.grid .content-text
    {max-width:660px}

@media screen and (max-width:848px)
     {
     .grid .content
          {max-width:740px;width:calc(100% - 30px)}}
@media screen and (max-width:1024px)
     {
     body,html
          {min-width:824px}
     .content
          {width:824px}}
@media screen and (max-width:848px)
     {
     body,html
          {min-width:320px}
     .content
          {width:320px}}
     body
          {background:#fff;color:#000}
     a
          {text-decoration:none}
     body
          {text-rendering:optimizeLegibility;font-family:var(--font-primary);font-weight:400;line-height:1.15}
     section .button
          {background-color:#747f8d;border-radius:3px;border:none;outline:none;font-size:15px;padding:15px 25px;position:relative;-webkit-transition:all .12s ease-out;transition:all .12s ease-out;top:0;cursor:pointer;color:#fff}
     section .button.disabled
          {cursor:not-allowed}}
.row-fei
     {}
.row
     {width:100%;max-width:1260px;max-width:var(--page-max-width);-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:repeat(12,1fr);grid-template-columns:repeat(var(--num-grid-columns),1fr);gap:0 20px;padding:0 24px;padding:0 var(--page-gutter)}
 .row2
     {width:100%;max-width:1260px;max-width:var(--page-max-width);-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;gap:0 20px;padding:0 24px;padding:0 var(--page-gutter)}    
.ctaContainer
     {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
 .purpleBackground .ctaContainer 
     {padding-left:20px; padding-right:20px; }     
.grid
     {width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.header
     {z-index:9998}
.wrapper
     {grid-column:span 4;grid-column:span var(--num-grid-columns)}
.nav-3
     {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:80px}
.logoLink,.nav-3
     {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.logoLink
     {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.logo-3o
     {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto; margin-top: -6px;}
.links-DG
     {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:right;font-size:16px;line-height:140%;font-weight:600}
.link-1
     {cursor:pointer}
.link-1:hover
     {text-decoration:underline}
.link
     {margin:0; padding:10px; white-space: nowrap; }

.appButton-2
     {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:110px;text-align:end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse}
.wrapperDesktop
     {display:none}
.button-Z
     {border-radius:50%;line-height:24px;cursor:pointer;font-weight:500;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,color,box-shadow;transition-property:background-color,color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-box-shadow:0 8px 15px rgba(0,0,0,.2);box-shadow:0 8px 15px rgba (0,0,0,.2); }
.button-Z:hover{-webkit-box-shadow:0 8px 3px rgba(0,0,0,.3);box-shadow:0 8px 3px rgba (0,0,0,.3);cursor: pointer;}
.button-Z.disabled-3SnWY1
     {opacity:.5;cursor:not-allowed;pointer-events:none;outline:none}
.buttonBrand
     {background-color:#5865f2;background-color:var(--brand);color:#fff;color:var(--white)}
.buttonBrand:hover
     {background-color:hsl(235,86.1%,71.8%);background-color:hsl(235,calc(var(--saturation-factor,1)*86.1%),71.8%)}   
.button-1I
     {white-space:nowrap}
.buttonSmall
     {border-radius:40px;font-size:14px;padding:7px 16px}
.buttonExtraSmall
     {border-radius:40px;font-size:14px;padding:3px 14px}     
.buttonBlue
     {background-color:#1af7ff;background-color:var (--bluebright);color:#23272a;color:var (--not-quite-black); white-space: nowrap;}
a.buttonBlue:hover
     {background-color:11e2ea; cursor: pointer;}
.buttonGreen
     {background-color:#76fcba;background-color:var (--greenbright);color:#23272a;color:var (--not-quite-black)}
a.buttonGreen:hover
     {background-color:2ede88; cursor: pointer;}
.buttonLarge
     {border-radius:28px;font-size:20px;padding:12px 32px; min-height: 50px;}  
.ctaContainer
     {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.heroBody
      {grid-column:2/span 10; text-align:left;}
.heroText
      {margin-bottom:8px}
.marginTop24
     {margin-top:20px}
.paddingBottom40
     {padding-bottom:40px}
.marginRight24
     {margin-right:10px !important}
.marginRight24m
     {margin-right:-24px}
.marginRight10
     {margin-right:10px}    
.heroText
     {color:#fff;color:var(--white)}
.cta-btns
     {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content: center;}
.cta-btns .qr-2t
     {width: 100px; margin-top: 24px;padding: 4px;background:#76fcba;border-radius: 6px;}
.cta-btns .button-Z
     {width: 80%;align-items: center;justify-content: center;}
.purpleBackground .ctaContainer .marginRight24
     {margin-right: 0}

@media screen and (min-width:768px)
{
     .formContainer
      {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
}
@media screen and(min-width:1024px)
{    
     .formContainer
          {-webkit-box-align:center;-ms-flex-align:center;align-items:center}
     .ctaContainer
          {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
.heroBackground
     {background:url(../images/topbg_bg.png) repeat-x top left;position:relative;min-height:753px;margin-bottom: -48px;overflow:hidden}
.heroImageContainer
     {position:relative;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.backgroundImages
     {display:block;position:absolute;top:0;left:50%}
.clouds
     {margin-left:-970px;top: -230px;}    
.foregroundLeft
     {display:none;width:100%;max-width:551px;position:absolute;z-index:1;margin-right:330px;right:50%;bottom:0}
.foregroundRight
     {position:absolute;bottom:0;display:none;width:100%;max-width:448px;bottom:18px;left:50%;margin-left:520px}
.heroContainer
     {padding-top:56px;padding-top:var(--section-spacing);padding-bottom:0; z-index:1;}
.heroText
      {color:#fff;color:var(--white);}
.h1-3d{font-family:var(--font-headline);font-size:44px;font-size:clamp (24px,5vw,44px);line-height:95%;text-transform:uppercase;text-rendering:geometricPrecision}
.h1-3d,.h2-1J
     {font-weight:800}
.h2-1J
     {line-height:120%;font-family:var(--font-display);font-size:40px;font-size:clamp(22px,4vw,40px)}
.h2-1J.headline
     {font-size:40px;font-size:clamp(20px,4vw,40px)}
.h5-S2
     {font-weight:600;font-size:24px;font-size:clamp(20px,2vw,24px)}
.h5-S2,.h4-2l
     {line-height:120%;font-family:var(--font-display)}
.h4-2l
     {font-weight:700;font-size:32px;font-size:clamp(22px,3vw,32px)}
.headline
     {font-family:var(--font-headline);line-height:95%;text-transform:uppercase;text-rendering:geometricPrecision}
.text-2
     {padding: 5px 0;}
.text-2 a
     {color:#00b0f4;color:var(--text-link)}
.text-2 a:hover
     {text-decoration:underline}
.textLarge
     {font-size:24px;font-size:clamp(16px,2vw,20px);line-height:200%}
.textMedium 
     {font-size:20px;font-size:clamp(16px,2vw,20px);line-height:200%}
.textSmall
     {font-size:16px;line-height:200%}
.textExtraSmall
     {font-size:14px;line-height:18px}
.textLabel
     {font-size:14px;line-height:120%;letter-spacing:3px;text-transform:uppercase}

.wrapperDesktop
     {display:-webkit-box;display:-ms-flexbox;display:flex}}
.wrapper
     {grid-column:span 4;}
.colorSchemeWhite .link,
.colorSchemeWhite .menuIcon
     {color:#fff;color:var(--white)}
.container-26
     {padding-top:26px;padding-bottom:26px; opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:opacity .6s .1s,-webkit-transform .6s ease;transition:opacity .6s .1s,-webkit-transform .6s ease;transition:opacity .6s .1s,transform .6s ease;transition:opacity .6s .1s,transform .6s ease,-webkit-transform .6s ease}
.description-box
     {color:#23272a;color:var(--not-quite-black);}
.cta-app .title-area
     {grid-column:span var(--num-grid-columns);}
.cta-app .text-area
     {grid-column:span var(--num-grid-columns);}
.cta-web .text-up
     {min-height: 340px; display: contents;}
.image-side
     {object-fit: fill; margin-top: 120px; display: none;}   
.image-box
     {width:100%;object-fit:fill;}
.container-0
     {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}
.cta-app .description-box
     {grid-column:span var(--num-grid-columns); margin-top: 24px;}
.cta-app .image-box
     {grid-column:span 4;display: none;} 
.cta-web .description-box
     {grid-column:span var(--num-grid-columns);margin-top:24px; padding-right: 20px; padding-left: 20px;}
.cta-web .image-box
     {grid-column:span var(--num-grid-columns);margin-top:30px;} 
.visible
     {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.featureImageTit
     {max-width:300px; margin-left: 0}
.featureImage
     {max-width:511px;max-height:747px}
.featureGround
     {max-width:1069px;max-height:747px}
.featureWeber
     {max-width:455px;max-height:478px}

.container-16
     {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}
.container-16,.sparklesContainer
     {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.sparklesContainer
     {width:100%;}
.sparkles-3b
     {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none; margin-top:40px; width: 100%;min-width: 350px; max-width: 830px;}
.title-3J
     {margin-top:20px; margin-bottom: 20px;}
.greenBackground
     {background-color:#76fbb9;}
.blueBackground
     {background-color:#2aace2;}
.purpleBackground
     {background-color:#dd9fdb;}
.darkBackground
     {background-color:#060815;min-height: 200px;}
.footer
     {color: var(--brand);}         
.mobileButtonContainer
     {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobileAppButton-J8RITc{margin-right:16px}
.menuIcon
     {cursor:pointer;line-height:0}
.ctaSeparator
     {width:100%;height:1px;margin-bottom:32px}
.ctaContainer-footer
     {grid-column:3/span 8;}
/*.cta-brand
     {display:grid;grid-template-columns:repeat(12,1fr);grid-template-columns:repeat(var(--num-grid-columns),1fr);}*/
.cta-brand-links
     {text-align: center;display: grid;justify-content: center; color: var(--brand);}
.logo-TA
     {object-fit:fill;-ms-flex-negative:0;flex-shrink:0;border-radius: 12px;}
.cta-brand-links .links-app
     {white-space: nowrap; display: grid; align-items: center; line-height:25px; }
.cta-brand p.links-copy 
     {line-height: 25px; font-size: 13px; color:#909090; text-align: center; white-space: nowrap;}   
.cta-brand-links .links-DG
      {grid-column:1/span 7; display: flex; align-items: center; color: var(--brand);}
 .cta-brand-links .link
     {color: var(--brand);}    
.cta-brand-links .button-Z
      {grid-column:10/span 3; text-align: center;}          
.brand.footer
     {background-color:#23272a;background-color:var(--not-quite-black)}
.brand .ctaSeparator
     {background-color:#5865f2;background-color:var(--brand)}

@media screen and (min-width:768px)
{
     .h1-3d
          {font-size:56px}
     .h2-1J
          {font-size:40px}
     .marginTop24
          {margin-top:24px}
     .marginRight24
          {margin-right:24px !important}        
     .buttonLarge
          {padding: 16px 22px;}   
     .link
          {margin:10px;}  
     .heroBackground
          {padding-bottom:0px;min-height:753px; margin-bottom: -48px;}
     .heroSubtitle
          {margin-top:30px}
     .heroText
          {margin-bottom:8px}
     .heroBody
          {grid-column:span var(--num-grid-columns);margin-top:275px; text-align: center;}
     .heroImageContainer
          {position:absolute;top:-46px;left:0;height:100%;width:100%}
     .foregroundLeft
          {display:none}
     .foregroundRight
          {display:none}
     .backgroundImages
          {display:block}
     .clouds
          {margin-left:-970px; top:-6px;}
     .container-0
          {padding-left:0; } 
     .container-26
          {padding-left: 0;padding-right: 0;}         
     .cta-app .description-box
          {grid-column:5/span 8; margin-top: 0}
     .cta-app .image-box
          {grid-column:span 4; display: block;margin-top:80px;}      
     .cta-web .description-box
          {grid-column:10/span 3;margin-left: -150px; margin-right: 30px; margin-top: 50px; padding-left: 0; padding-right: 0}
     .cta-web .image-box
          {display: block; grid-column:span 8;margin-top:80px;}
     .cta-app .title-area
          {grid-column:1/span 4;}
     .cta-app .text-area
          {grid-column:5/span 8;}     
     .featureImageTit
          {max-width:200px;margin-left:-25px;}
     .image-side 
          {margin-top:0px;display: block;width: 90%;}
     .description-box
          {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
     .sparkles-3b
          {margin-top:80px; width: 80%;}
     .title-3J
          {text-align: center;}
     .purpleBackground .ctaContainer .marginRight24
          {margin-right: 24px;}                       
}
@media screen and (min-width:1024px)
{
     .buttonLarge
          {padding: 16px 32px;}
     .heroBackground
          {padding-bottom:0;margin-bottom: -48px;}
     .heroBody
          {grid-column:2/span 10; text-align: center;}     
     .heroSubtitle
          {margin-top:30px}
     .foregroundLeft
          {position:absolute;display:block;max-width:500px;z-index:1;margin-right:300px;right:50%;bottom:0}
     .foregroundRight
          {display:block;bottom:18px;left:50%;margin-left:500px}
     .wrapperMobile
          {display:none}
     .ctaContainer
          {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
     .cta-app .description-box
          {grid-column:5/span 8;}
     .cta-app .image-box
          {grid-column:span 4;} 
     .cta-web .description-box
          {}
     .cta-web .image-box
          {grid-column:span 9;}    
     .featureImageTit
          {max-width:300px; margin-left:-30px;}
     .image-side 
          {margin-top: 120px;}       
     .sparkles-3b
          {width: 70%}
}