#hero{grid-template-columns:1fr 1fr;padding-block-start:0;padding-inline:0;display:grid}@media only screen and (width<=480px){#hero{flex-direction:column;display:flex}}#hero .Text{padding-inline:var(--section-inline-padding);padding-block:var(--block-padding,4rem);flex-direction:column;align-items:center;display:flex}@media only screen and (width>=481px){#hero .Text{--block-padding:12rem}}@media only screen and (width<=480px){#hero .Text{min-height:100dvh}}#hero .Text svg{background:var(--color-green-100);border-radius:50%;width:4rem;height:4rem;padding:.5rem}#hero .Text a{padding-inline:3rem}#hero .Banner{background:radial-gradient(var(--bg-gradient-radial-color1,var(--color-turquoise-400)) 5%, var(--bg-gradient-radial-color2,var(--color-cyan-600)) 95%);color:#fff;flex-direction:column;justify-content:flex-end;align-items:center;display:flex}@media only screen and (width>=481px){#hero .Banner{border-end-start-radius:6rem;min-height:960px}}#hero .Banner .Body{text-align:center;width:100%;max-width:36rem}@media only screen and (width<=480px){#hero .Banner .Body{padding-top:2rem}}#hero .Banner .Body *{color:#fff}#hero .Banner .Body .A1{justify-content:center;align-items:center;gap:2rem;display:flex}@media only screen and (width<=480px){#hero .Banner .Body .A1{flex-direction:column}}#hero .Banner .Body .A1>div{display:flex}#hero .Banner .Body .A1 svg path{fill:#0000;stroke:#fff;stroke-width:2px;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:1.4s forwards Draw,.5s .9s forwards FillIn}@keyframes Draw{to{stroke-dashoffset:0}}@keyframes FillIn{to{fill:#fff}}#hero .Banner .Body .A1 [svg=bird] svg{filter:contrast(0)grayscale()brightness(100)drop-shadow(0 1px #fff);width:10rem;height:10rem}#hero .Banner .Body .A1 [svg=letters] svg{width:280px;height:auto}@media only screen and (width<=480px){#hero .Banner .Body .A1 [svg=letters] svg{width:200px}}@media only screen and (width<=360px){#hero .Banner .Body .A1 [svg=letters] svg{width:180px}}#hero .Banner .Body [h5]{font-weight:400}#hero .Banner .Device{aspect-ratio:.8;height:var(--h,30rem);--mobile-radius:4rem;--mobile-bezel:.5rem;position:relative}#hero .Banner .Device .Display{padding:var(--mobile-bezel);border:4px solid var(--color-mono-400);background:#000;border-bottom:0;border-start-start-radius:var(--mobile-radius);border-start-end-radius:var(--mobile-radius);height:100%;overflow:hidden}#hero .Banner .Device .Display>img{border-radius:calc(var(--mobile-radius) - var(--mobile-bezel));width:100%}@media only screen and (width<=480px){#hero .Banner .Device{--h:24rem;--r:4rem}}#hero .Banner .Device .ImageComponent{--image-r:1rem;position:absolute}#hero .Banner .Device [name="1"]{max-width:var(--size,140px);top:var(--top,8rem);inset-inline-start:var(--start,-4rem)}@media only screen and (width<=480px){#hero .Banner .Device [name="1"]{--size:115px;--top:6rem;--start:-3rem}}#hero .Banner .Device [name="2"]{bottom:var(--bottom,3rem);inset-inline-end:var(--end,-6.5rem)}@media only screen and (width<=480px){#hero .Banner .Device [name="2"]{--size:120px;--bottom:.5rem;--end:-2.25rem}}#hero .Banner .Device [name="2"] .ImageWrapper{height:var(--size,200px);width:var(--size,200px)}#hero .Banner .Device [name="2"] img{object-fit:cover;height:100%}#hero .Banner .Device [name="2"] .CheckmarkGlyph{top:-2rem;inset-inline-end:1.5rem}@media only screen and (width<=480px){#hero .Banner .Device [name="2"] .CheckmarkGlyph{display:none}}#hero .Banner .A1{opacity:0;animation:.375s ease-out forwards FadeInFromTop}#hero .Banner .A2{opacity:0;animation:.5s ease-out .25s forwards FadeInFromTop}#hero .Banner .A3{opacity:0;animation:.5s ease-out .375s forwards FadeInFromTop}#hero .Banner .A4{opacity:0;animation:1.25s ease-out .5s forwards FadeIn}#hero .Banner .A5{opacity:0;animation:.5s ease-out .625s forwards FadeInFromTop}#hero .Banner .A6{opacity:0;animation:.5s ease-out .75s forwards FadeInFromTop}#career>.Content{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;display:flex}#career .Body{grid-template-rows:auto;grid-template-columns:1fr 1fr;align-items:center;gap:6rem;display:grid}@media only screen and (width<=480px){#career .Body{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2rem;display:flex}#career .Body .ImageWrapper{max-height:200px}}#career .CheckmarkGlyph{top:var(--top,-2rem);inset-inline-start:4rem}@media only screen and (width<=480px){#career .CheckmarkGlyph{--top:-1rem}}#path>.Content{flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}#path>.Content h2{background:linear-gradient(to bottom, var(--color-turquoise-500) 0%, var(--color-turquoise-700) 40%, var(--color-cyan-800) 100%);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px 0 white) drop-shadow(2px 2px 0 var(--color-cyan-000));-webkit-background-clip:text;background-clip:text;line-height:1}@media only screen and (width<=480px){#path>.Content{align-items:flex-start}#path>.Content h2+p{display:none}}#path .Body{grid-template-rows:auto;grid-template-columns:1fr 1fr;align-items:center;gap:6rem;display:grid}@media only screen and (width<=480px){#path .Body{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2rem;display:flex}}#path .ImageComponent .ImageWrapper{max-height:460px}@media only screen and (width<=480px){#path .ImageComponent .ImageWrapper{max-height:320px}}@media only screen and (width>=481px){#path .CheckmarkGlyph{top:-2rem;inset-inline-start:4rem}}@media only screen and (width<=480px){#path .CheckmarkGlyph{top:-1rem;inset-inline-end:3rem}}@media only screen and (width>=481px){#path .TagGlyph{top:6rem;inset-inline-end:-4rem}}@media only screen and (width<=480px){#path .TagGlyph{width:calc(100% - 2rem);bottom:1rem}}#next>.Content{flex-direction:row;justify-content:flex-start;align-items:center;gap:0;display:flex}#next .Body{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:6rem;width:100%;display:flex}@media only screen and (width<=480px){#next .Body{flex-direction:column-reverse;gap:3rem}}#next .Textual{background:#fff;border-radius:2rem;flex-direction:row;flex:1;justify-content:flex-start;align-items:center;gap:6rem;padding:2rem;display:flex}#next .Text{flex-direction:column;flex:1;align-items:flex-start;display:flex}#next .Text a{margin-top:auto}@media only screen and (width<=480px){#next .Text a{width:100%}}#next .ImageComponent{align-self:stretch;width:450px}@media only screen and (width<=480px){#next .ImageComponent{width:100%}}#next .ImageComponent .ImageWrapper{max-height:unset;height:100%}#next .ImageComponent img{object-fit:cover;height:100%}@media only screen and (width>=481px){#next .ImageComponent .TagGlyph{bottom:4rem;inset-inline-start:-4rem}}@media only screen and (width<=480px){#next .ImageComponent .TagGlyph{width:calc(100% - 2rem);bottom:1rem}}@media only screen and (width>=481px){#strengths h3,#strengths h5{text-align:center}#strengths>.Content{flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}}#strengths .Points{grid-template-columns:1fr 1fr 1fr;gap:3rem;display:grid}@media only screen and (width<=480px){#strengths .Points{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;display:flex}}#strengths .Points .Point{background:#fff;border-radius:2rem;flex-direction:column;gap:1rem;padding:2rem;display:flex}@media only screen and (width<=480px){#strengths .Points .Point{border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"svg h5""svg p";gap:0;padding:1.5rem 1rem;display:grid}#strengths .Points .Point .CheckmarkGlyph{grid-area:svg;align-self:start;margin-inline-end:1rem}#strengths .Points .Point [h5],#strengths .Points .Point h5,#strengths .Points .Point p{min-width:0}#strengths .Points .Point [h5],#strengths .Points .Point h5{grid-area:h5}#strengths .Points .Point p{grid-area:p}}#users{text-align:center}#users>.Content{flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}#users .Testimonial{--img-width:380px;align-items:center;width:100%;display:flex;position:relative}@media only screen and (width<=480px){#users .Testimonial{justify-content:center}}#users .Testimonial .Wrapper{border-radius:4rem;width:100%;inset-inline-start:0}@media only screen and (width>=481px){#users .Testimonial .Wrapper{background:linear-gradient(calc(var(--dir-multi) * -90deg), transparent calc(var(--img-width) / 2), white calc(var(--img-width) / 2), white);padding-block:4rem;padding-inline:calc(4rem + var(--img-width)) 4rem;position:absolute}}@media only screen and (width<=480px){#users .Testimonial .Wrapper{background:#fff;padding:4rem 2rem}}#users .Testimonial img{width:var(--img-width);aspect-ratio:1;z-index:1;border-radius:50%}@media only screen and (width<=480px){#users .Testimonial img{--img-width:100px;top:calc(-.5 * var(--img-width));border:.5rem solid var(--color-mono-030);position:absolute}}#faq{flex-direction:column;justify-content:flex-start;align-items:center;gap:0;display:flex}#faq .Entries{flex-direction:column;gap:1rem;width:100%;max-width:60rem;display:flex}#faq .Entry{cursor:pointer;width:100%;box-shadow:0 3px 0 var(--color-mono-050);background:#fff;border-radius:1rem;padding:2rem}@media only screen and (width<=480px){#faq .Entry{padding:1.5rem 1rem}}#faq .Entry:not(.Open) .Answer{display:none}@media (hover:hover) and (pointer:fine){#faq .Entry:not(.Open):hover{outline:3px solid var(--color-mono-050)}}#faq .Entry.Open .Question svg{transform:rotate(180deg)}#faq .Entry .Question{justify-content:space-between;gap:3rem;font-weight:700;display:flex}#faq .Entry .Question svg{transition:all .17s ease-in-out;transform:translateY(2px)}#faq .Entry .Answer{margin-top:1rem;animation:.17s ease-in-out forwards FadeInFromTop}#faq .Groups{gap:1rem;font-size:16px;font-weight:700;display:flex}#faq .Groups .Group{border:3px solid var(--color-mono-050);box-shadow:0 1px 0 var(--color-mono-050);cursor:pointer;user-select:none;background:#fff;border-radius:2rem;padding:.25rem .75rem}@media (hover:hover) and (pointer:fine){#faq .Groups .Group:not(.Active):hover{border-color:var(--color-mono-100)}}#faq .Groups .Group.Active{background:var(--brand-600);border-color:var(--brand-600);color:#fff}#faq>.Content{flex-direction:column;justify-content:flex-start;align-items:center;gap:0;display:flex}#faq [h1]{text-align:center}