.banner.hero-1{--bg:hsl(var(--base-hue),100%,10%);aspect-ratio:16/9;background:linear-gradient(var(--bg),#000);box-sizing:border-box;max-height:100vh;overflow-x:hidden;padding-block:8rem 4rem;padding-inline:2rem;width:100%}@media only screen and (max-width:767px){.banner.hero-1{aspect-ratio:auto}}@media only screen and (min-width:1600px){.banner.hero-1{justify-content:center}}.banner.hero-1>*{position:relative;width:100%;z-index:1}.banner.hero-1 button{background:#fff2;box-shadow:inset 1px 2px 5px -3px #fff1,inset -1px -1px 4px -2px #fff2}.banner.hero-1 button.primary{background:#185ed8;box-shadow:inset 1px 2px 5px -3px #fff8,inset -1px -1px 4px -2px #fff8}.banner.hero-1 .left h1{--font-size:2.5rem;font-size:var(--font-size)}@media only screen and (max-width:767px){.banner.hero-1 .left h1{font-size:0}.banner.hero-1 .left h1>:is(span,div){font-size:var(--font-size)}}.banner.hero-1 .left h1 .spread{--translate-y:calc(var(--font-size)*var(--curr-index)*-1);display:inline-flex;height:var(--font-size);margin-left:-.3rem;transform:translateY(var(--translate-y));transition-duration:1s;transition-timing-function:var(--ttf-corp)}@media only screen and (max-width:767px){.banner.hero-1 .left h1 .spread{align-items:center;margin-top:.5rem}}.banner.hero-1 .left h1 .scrollable span{--text-col:#fff;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(var(--text-col),var(--text-col),transparent,transparent);-webkit-text-fill-color:transparent;background-position-y:50%;background-size:200% 200%;filter:blur(1px);opacity:0;transition-duration:1.5s;transition-timing-function:var(--ttf-corp)}@media only screen and (min-width:1020px){.banner.hero-1 .left h1 .scrollable span{opacity:.6}}.banner.hero-1 .left h1 .scrollable span.active{--text-col:hsl(var(--base-hue),50%,70%);background-position-y:0;filter:blur(0);opacity:1}.banner.hero-1 .cta-buttons{margin-top:3rem}@media only screen and (max-width:767px){.banner.hero-1 .cta-buttons{width:100%}.banner.hero-1 .cta-buttons>*{display:flex;justify-content:center}}@media only screen and (max-width:767px){.banner.hero-1 .left :is(h1,h2){text-align:center}.banner.hero-1 .left>h1{align-self:center;display:flex;flex-direction:column}.banner.hero-1 .left h2{width:100%}.banner.hero-1 .left .cta-buttons{margin-top:1rem;width:100%}}.banner.hero-1 .splash{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.banner.hero-1 .splash .dot{--col1:hsla(var(--base-hue),100%,85%,50%);--col2:hsla(var(--base-hue),100%,15%,50%);--lg:linear-gradient(var(--col1),var(--col2));--radius:140px;--angle:-10deg;background:var(--lg);position:absolute;transform:translate(calc(cos(var(--angle))*var(--radius))) translateY(calc(sin(var(--angle))*-1*var(--radius)));transition-duration:1.5s;transition-timing-function:var(--ttf-corp)}.banner.hero-1 .right{height:100%;max-height:50vh}@media only screen and (max-width:767px){.banner.hero-1 .right{height:38vh;max-height:unset}}@media only screen and (min-width:767px){.banner.hero-1 .right{width:70%}}.banner.hero-1 .right img{position:absolute;width:100%}.banner.hero-1 .right img:not(.active){filter:blur(3px);opacity:0;transform:translate(5rem);transition-duration:2s}.banner.hero-1 .right svg{--size:100%}.banner.hero-1 .right svg path{fill-rule:evenodd;stroke-width:.264583}.banner.hero-1 .right svg [id][data-to-id]{--morph-complement:calc(100% - var(--morph-completion));fill:color-mix(in srgb,var(--col-from,hsla(0,0%,100%,.133)) var(--morph-complement),var(--col-to,hsla(0,0%,100%,.133)) var(--morph-completion));position:relative;z-index:var(--z-index)}.banner.hero-1 .right svg #submit-button{--col-from:#185ed8}.banner.hero-1 .right svg #bezel-r5[data-to-id=submit-button]{--col-from:#000;--col-to:#185ed8}.banner.hero-1 .right svg #keyboard-body[data-to-id=sidebar]{--col-from:#000}.banner.hero-1 .right svg #search-bar{--col-from:#c69fdb36}.banner.hero-1 .right svg #bezel-p10[data-to-id=search-bar]{--col-from:#fff;--col-to:#c69fdb36}.banner.hero-1 .right svg #bezel-p7[data-to-id=sidebar]{fill:#444}.banner.hero-1 .right svg #ui-2{--col-from:#4cae768f}.banner.hero-1 .right svg [id]:is([data-to-id=ui-2]){--col-from:#333;--col-to:#4cae768f}.banner.hero-1 .right svg [id=ui-1],.banner.hero-1 .right svg [id=ui-3]{--col-from:#684c77}.banner.hero-1 .right svg [id]:is([data-to-id=ui-1],[data-to-id=ui-3]){--col-from:#333;--col-to:#684c77}.banner.hero-1 .right svg [id=circle-1],.banner.hero-1 .right svg [id=circle-2],.banner.hero-1 .right svg [id=circle-3]{--col-from:#6effff8f}.banner.hero-1 .right svg [id]:is([data-to-id=circle-1],[data-to-id=circle-2],[data-to-id=circle-3]){--col-from:#333;--col-to:#6effff8f}.banner.hero-1 .right svg #bar-1,.banner.hero-1 .right svg #bar-2,.banner.hero-1 .right svg #bar-3{--col-from:#6effad8f}.banner.hero-1 .right svg [id]:is([data-to-id=bar-1],[data-to-id=bar-2],[data-to-id=bar-3]){--col-from:#333;--col-to:#6effad8f}.banner.hero-1 .right svg #search-icon-bot,.banner.hero-1 .right svg #search-icon-top{--col-from:#fff}.banner.hero-1 .right svg #laptop-opener:is([data-to-id=search-icon-top],[data-to-id=search-icon-bot]){--col-from:#fff2;--col-to:#fff}.banner.hero-1 .right svg[data-state=transforming]{animation:rotate_svg 1.5s forwards}@keyframes rotate_svg{50%{scale:.8;transform:rotateX(-65deg) scaleY(1.6)}0%,to{scale:1;transform:rotateX(0) scaleY(1)}}.feature-banner-2{padding-block:3rem}.feature-banner-2>h1,.feature-banner-2>h2{padding-left:5rem}@media only screen and (max-width:767px){.feature-banner-2>h1,.feature-banner-2>h2{padding-inline:1.5rem}.feature-banner-2>h2{font-size:2.5rem}}.feature-banner-2>h1{font-size:1.5rem;font-variant-caps:all-small-caps;margin-bottom:1rem;opacity:.85}@media only screen and (max-width:767px){.feature-banner-2>h1{font-size:1.1rem}}.feature-banner-2>h2{font-size:3.3rem;margin-bottom:6rem}@media only screen and (max-width:767px){.feature-banner-2>h2{font-size:2.5rem;margin-bottom:2rem}}.feature-banner-2>div svg{--size:3rem}.feature-banner-2>div img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:right;object-position:right;width:50%}@media only screen and (max-width:767px){.feature-banner-2>div img{height:auto;-o-object-fit:contain;object-fit:contain}}.feature-banner-2>div p{color:#ccc;font-size:1.3rem;font-weight:500;text-align:left}.feature-banner-2>div p strong{color:#fff}.feature-banner-2>div p code{--col2:hsl(var(--base-hue),100%,70%);background:var(--col2);-webkit-background-clip:text;background-clip:text;font-family:Geist;-webkit-text-fill-color:transparent;font-weight:700}.feature-banner-2>div .right{gap:1.5rem;margin-inline:2.5%;width:calc(50% - 5rem)}@media only screen and (max-width:767px){.feature-banner-2>div .right{margin-top:1rem;width:90%}}.feature-banner-2>div .bullet{opacity:0;transform:translateY(1.5rem)}.feature-banner-2>div .bullet.observed{opacity:1;transform:translateY(0)}.banner.learn-more-1{background:linear-gradient(#78787844,#fff0);border-radius:2rem;box-sizing:border-box;margin:2rem auto;max-width:1080px;padding:3rem 1rem 1rem;position:relative;width:calc(90% - 3rem)}@media only screen and (max-width:767px){.banner.learn-more-1{width:90%}}.banner.learn-more-1>h1{font-size:3rem;font-weight:500;text-align:center}@media only screen and (max-width:767px){.banner.learn-more-1>h1{font-size:2rem;margin-top:-.7rem}}.banner.learn-more-1 p,.banner.learn-more-1 span:first-child{color:#fffa}.banner.learn-more-1 button{background-color:#78787844}.banner.learn-more-1 a button{background:#185ed8}.banner.learn-more-1 .cta-options{backdrop-filter:blur(5px);border-radius:1rem;padding:.5rem;position:sticky;top:calc(var(--nav-bar-height) + 1.5rem)}@media only screen and (max-width:767px){.banner.learn-more-1 .cta-options{top:2rem}}.banner.learn-more-1 .benefits-list{margin-top:2rem}.banner.learn-more-1 .benefits-list .benefits-card{background:#ababab11;border:1px solid hsla(0,0%,47%,.267);border-radius:1rem;box-sizing:border-box;padding:1rem;width:40%}@media only screen and (max-width:767px){.banner.learn-more-1 .benefits-list .benefits-card{width:100%}}.banner.learn-more-1 img{height:auto;width:100%}.outro-banner-2{aspect-ratio:16/9;background:#111;background:linear-gradient(#000,hsl(var(--base-hue),60%,22%) 170%);overflow:hidden;position:relative;width:100%}@media only screen and (max-width:767px){.outro-banner-2{aspect-ratio:9/11}}.outro-banner-2>img{opacity:0;position:absolute;transition:opacity 1s linear,filter 1s cubic-bezier(.42,0,.51,1.46),scale 1.5s cubic-bezier(.42,0,.51,1.46),top .8s var(--ttf-corp),bottom .8s var(--ttf-corp);width:50%;z-index:1}.outro-banner-2>img:first-child{left:1rem;top:-30%;top:calc(var(--height)*-1px);width:30%}@media only screen and (max-width:767px){.outro-banner-2>img:first-child{width:45%}}.outro-banner-2>img:last-child{bottom:-15%;bottom:calc(var(--height)*-1px);right:0;transition-delay:.2s}@media only screen and (max-width:767px){.outro-banner-2>img:last-child{width:75%}}.outro-banner-2>.center{background:#0006;background:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);border-radius:1rem;-webkit-mask-image:linear-gradient(0deg,transparent,#fff 30%,#fff 60%,transparent);mask-image:linear-gradient(0deg,transparent,#fff 30%,#fff 60%,transparent);padding:3rem 1.5rem;position:relative;z-index:2}.outro-banner-2 .button-section button{background-color:#0a285b;box-shadow:inset -7px 7px 3px -7px #fff4,inset 7px -7px 8px -9px #fff4}.outro-banner-2 .button-section button:hover{background-color:#063d9b}.outro-banner-2.observed[data-phase="1"]>img{filter:blur(4px);scale:1.1}.outro-banner-2.observed:is([data-phase="1"],[data-phase="2"])>img{opacity:1}.outro-banner-2.observed:is([data-phase="1"],[data-phase="2"])>img:first-child{top:calc(var(--height)*-.05px)}.outro-banner-2.observed:is([data-phase="1"],[data-phase="2"])>img:last-child{bottom:calc(var(--height)*0px)}.outro-banner-2.observed[data-phase="2"]>img{filter:blur(0);scale:1;transition-duration:1s}.outro-banner-2 .splash{height:100%;-webkit-mask-image:linear-gradient(transparent -10%,#fff,transparent 110%);mask-image:linear-gradient(transparent -10%,#fff,transparent 110%);position:absolute;width:100%}.outro-banner-2 .splash .row{width:100%}.outro-banner-2 .splash .dot{--col1:hsla(var(--base-hue),100%,85%,50%);--col2:hsla(var(--base-hue),100%,15%,50%);--lg:linear-gradient(var(--col1),var(--col2));--size:.7rem;background:var(--lg);opacity:0;position:absolute;transition-duration:1.5s;transition-timing-function:var(--ttf-corp);translate:calc(var(--index, 0)*20vw + var(--offset, 20vw))}.outro-banner-2 .splash[data-phase] .row[data-parity] .dot{opacity:1}.outro-banner-2 .splash[data-phase="0"] .row[data-parity=odd] .dot,.outro-banner-2 .splash[data-phase="1"] .row[data-parity=even] .dot{--offset:0vw}.outro-banner-2 .splash[data-phase="0"] .row[data-parity=even] .dot,.outro-banner-2 .splash[data-phase="1"] .row[data-parity=odd] .dot{--offset:10vw}