.Button{align-items:center;height:43px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}@media screen and (min-width:1600px){.Button{height:53px;font-size:18px}}.Button--primary,.Button--primary_white,.Button--secondary,.Button--secondary_white{transition:background .3s ease-in-out,color .3s ease-in-out;position:relative}.Button--primary .Button__Outer,.Button--primary .Button__Inner,.Button--secondary .Button__Outer,.Button--secondary .Button__Inner{display:block;position:absolute}.Button--primary .Button__Outer,.Button--secondary .Button__Outer{z-index:-2;background:linear-gradient(var(--gradient));border-radius:10px;inset:0}.Button--primary .Button__Inner,.Button--secondary .Button__Inner{z-index:-1;border-radius:8px;transition:background-color .3s ease-in-out;inset:2px}.Button--primary_white,.Button--secondary_white{border-radius:10px}.Button--primary_white .Button__Outer,.Button--primary_white .Button__Inner,.Button--secondary_white .Button__Outer,.Button--secondary_white .Button__Inner{display:none}.Button--primary{color:var(--white)}.Button--primary .Button__Inner{background:0 0}.Button--primary:hover{background:linear-gradient(var(--gradient));color:#0000;-webkit-background-clip:text;background-clip:text}.Button--primary:hover .Button__Inner{background:var(--white)}.Button--primary_white{background-color:var(--white);color:var(--blue)}.Button--primary_white:hover{background-color:var(--blue);color:var(--white)}.Button--secondary{background:linear-gradient(var(--gradient));color:#0000;-webkit-background-clip:text;background-clip:text}.Button--secondary .Button__Inner{background:var(--white)}.Button--secondary:hover{color:var(--white);background:0 0}.Button--secondary:hover .Button__Inner{background:linear-gradient(var(--gradient))}.Button--secondary_white{border:2px solid var(--white);color:var(--white);background-color:#0000}.Button--secondary_white:hover{background-color:var(--white);color:var(--blue)}
:root{--container-max-md-width:1100px;--container-max-lg-width:1440px;--gutter:20px;--header-height-xs:60px;--header-height-md:100px;--footer-height-xs:76px;--footer-height-md:96px}.Hero{--margin:30px}@media screen and (min-width:768px){.Hero{--margin:80px}}.Hero{position:relative}@media screen and (min-width:1200px){.Hero{height:100vh}}@keyframes bgGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Hero__Background{z-index:-1;width:50vw;height:55%;position:absolute;top:0;left:50%;overflow:hidden}@media screen and (min-width:768px){.Hero__Background{height:100%}}@media screen and (min-width:1200px){.Hero__Background{width:calc((100vw - var(--container-max-md-width))/2 + var(--container-max-md-width)*.6);left:40%}}@media screen and (min-width:1600px){.Hero__Background{width:calc((100vw - var(--container-max-lg-width))/2 + var(--container-max-lg-width)*.6);left:40%}}@media screen and (min-height:1200px){.Hero__Background{width:calc((100vw - var(--container-max-lg-width))/2 + var(--container-max-lg-width)*.65);left:35%}}.Hero__Background:before{content:"";background:linear-gradient(to right top,var(--blue),var(--orange));border-radius:50%;width:400px;height:400px;animation-name:bgGradient;animation-duration:12s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:-40%;left:0}@media screen and (min-width:768px){.Hero__Background:before{width:600px;height:600px;top:-30%}}@media screen and (min-width:1200px){.Hero__Background:before{width:1000px;height:1000px;top:-15%}}@media screen and (min-width:1600px){.Hero__Background:before{width:1200px;height:1200px;top:auto;bottom:3%}}@media screen and (min-height:1200px){.Hero__Background:before{width:1400px;height:1400px;top:-200px;bottom:auto}}.Hero__Wrapper{padding-top:var(--header-height-xs);flex-direction:column;display:flex}@media screen and (min-width:768px){.Hero__Wrapper{flex-direction:row;align-items:center}}@media screen and (min-width:1200px){.Hero__Wrapper{height:100%;padding-top:0}}.Hero__Visual,.Hero__Content{margin:var(--margin)0}@media screen and (min-width:768px){.Hero__Visual,.Hero__Content{flex:0 0 50%}}@media screen and (min-width:1200px){.Hero__Visual,.Hero__Content{margin:0}}.Hero__Visual{order:1}@media screen and (min-width:768px){.Hero__Visual{order:2}}@media screen and (min-width:1200px){.Hero__Visual{flex:0 0 62.5%}}.Hero__Visual img{max-height:400px;margin:0 auto;display:block}@media screen and (min-width:1200px){.Hero__Visual img{max-height:fit-content}}.Hero__Content{order:2}@media screen and (min-width:768px){.Hero__Content{order:1}}@media screen and (min-width:1200px){.Hero__Content{flex:0 0 37.5%}.Hero__Content .Paragraph{width:80%}}.Hero__Cta{gap:10px;margin-top:16px;display:flex}@media screen and (min-width:1200px){.Hero__Cta{gap:20px;margin-top:24px}}
