@keyframes brighten{0%{color:var(--color-secondary, rgba(255, 255, 255, .55))}to{color:var(--white)}}@keyframes loading{0%{background-position-x:-200px}to{background-position-x:200px}}.cta-button{width:100%;flex-shrink:0}.cta-button.secondary{border:1px solid #fff;color:var(--color-secondary);background:transparent;font-weight:350}.cta-button.secondary:after{background:#ffffff1a}main.index{display:flex;width:100%;flex-direction:column;align-items:center;gap:9rem;background:radial-gradient(180vh 180vh at 50% 100vh,#a689d92b,#0000),radial-gradient(180vh 180vh at 50% 50%,#a689d90d,#0000)}@media screen and (max-width:1000px){main.index{gap:6rem}}main.index .hero-banner{z-index:8;display:flex;justify-content:center;align-items:center;border-radius:50px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#ffffff14,#ffffff0a);position:absolute;top:6rem;height:2.5rem;overflow:hidden}@media screen and (max-width:500px){main.index .hero-banner{display:none}}main.index .hero-banner-confetti{position:fixed;top:10%;left:50%;pointer-events:none;z-index:99}main.index .hero-banner-text{padding-inline:20px;display:flex;gap:16px;align-items:center;justify-content:center;height:100%;font-size:.8rem}main.index .hero-banner-text[style]{font-size:14px}main.index .hero-banner a{position:relative;width:fit-content;color:#0a84ff;text-decoration:none}main.index .hero-banner a:before{content:"";position:absolute;inset:0;border-radius:50px;border:1px solid #0a84ff;background:#0a84ff1a;transition:background-color .2s ease-in-out;z-index:-1}main.index .hero-banner a:hover:before{background:#0a84ff33}@media screen and (max-width:400px){main.index .hero-banner a{font-size:0}main.index .hero-banner a:after{content:"GitHub";font-size:.8rem;order:-1;width:20px}}main.index .hero-text{padding-top:10rem;text-align:center;font-size:3rem;font-weight:400;line-height:normal;color:var(--color-secondary, rgba(255, 255, 255, .55));transition:opacity .5s ease-in-out;opacity:.6;max-width:80vw;text-wrap:balance;text-wrap:pretty}main.index .hero-text.inline{padding-top:0}main.index .hero-text.inline .hero-text-badges{margin-bottom:0;margin-top:32px}@media screen and (max-width:1260px){main.index .hero-text br{display:none;width:0}}@media screen and (max-width:1000px){main.index .hero-text{padding-top:9rem;font-size:2rem}main.index .hero-text.stay-large{font-size:2.5rem}}@media screen and (max-width:600px){main.index .hero-text{padding-top:10rem;font-size:1.5rem}main.index .hero-text.stay-large{font-size:1.75rem}}@media screen and (max-width:500px){main.index .hero-text{padding-top:6rem;font-size:1.5rem;max-width:85vw}main.index .hero-text.stay-large{font-size:1.75rem}}main.index .hero-text.highlighted,main.index .hero-text:hover{opacity:1}main.index .hero-text-badges{margin-top:16px;gap:16px;margin-bottom:-40px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:500px){main.index .hero-text-badges{flex-direction:column}main.index .hero-text-badges .hide-small{display:none}}main.index .hero-text-badges-badge{display:flex;padding:10px 20px;justify-content:center;align-items:center;gap:16px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#ffffffbf;text-decoration:none;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:120%;width:fit-content;transition:opacity .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out}@media screen and (max-width:756px){main.index .hero-text-badges-badge{font-size:14px}}main.index .hero-text-badges-badge.disabled{opacity:.4!important;pointer-events:none!important}main.index .hero-text-badges-badge.highlight{border-color:#0a84ff33;background:#0a84ff33;color:var(--color-primary)}main.index .hero-text-badges-badge.highlight:hover{background-color:#0a84ff4d}main.index .hero-text-badges-badge:hover{background-color:#fff3;color:var(--color-primary)}main.index .hero-text-badges-badge-text{display:flex;align-items:center;gap:8px}main.index .hero-text-badges-badge-text svg{width:14px;height:14px}main.index .hero-text-badges-badge-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:8px;line-height:10px}main.index .hero-text-badges-badge-icon svg{margin-inline:-4px}main.index .hero-text-badges-badge-icon div{order:2;margin-top:-4px}main.index .hero-text-badges-badge-icon div+span svg{margin-top:-4px}main.index .hero-text-highlight{animation:brighten 1s ease-in-out forwards .5s}main.index .window{display:flex;width:60rem;height:39rem;border-radius:.4vw;border:1px solid rgba(132,132,132,.2901960784);transition:transform 1s ease-in-out;background-image:url(/assets/client/dark.webp);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);background-color:#15151566;box-shadow:0 36px 100px #000000b3}@media(prefers-reduced-motion:no-preference){main.index .window{transform:perspective(75em) rotateX(18deg)}}@media screen and (max-width:1000px){main.index .window{width:37rem;height:24rem;border-width:.1vw}}@media screen and (max-width:700px){main.index .window{width:80vw;height:52vw}}main.index .window:is(.highlighted .window),main.index .window:hover{transform:perspective(75em) rotateX(0)}main.index .window:is(.highlighted .window):after,main.index .window:hover:after{opacity:0!important}main.index .window:after{position:absolute;content:"";z-index:1;width:100%;height:100%;left:0;top:0;background:#000;opacity:.4;transition:opacity 1.3s ease-in-out}main.index .window-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:fit-content;position:relative}main.index .window-container .object{position:absolute;z-index:-1;width:140vw;height:auto;transform:translate(-50%);left:50%;bottom:0;top:-9vw;user-select:none}@media screen and (max-width:1000px){main.index .window-container .object{width:166vw;top:-23vw}}main.index .separator{width:100%;height:1px;background:#fff3}main.index .separator.with-content{background:none;display:flex;justify-content:center;align-items:center;gap:4rem;height:fit-content;padding-inline:4rem}main.index .separator.with-content .medal{filter:drop-shadow(0px 0px 50px rgba(255,180,4,.2666666667))}main.index .separator.with-content .social-proof{color:var(--color-secondary);font-size:1.25rem}@media screen and (width<786px){main.index .separator.with-content{flex-direction:column;gap:2rem;text-align:center}main.index .separator.with-content .separator.vertical{display:none}}main.index .separator.vertical{width:1px;height:64px!important}main.index .comment{margin:0 100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:64px}@media screen and (max-width:1000px){main.index .comment{gap:4rem;margin:0 6rem}main.index .comment .comment-content-text{max-width:100%!important;font-size:1.5rem}}@media screen and (max-width:950px){main.index .comment{margin:0 4rem}}@media screen and (max-width:727px){main.index .comment .comment-content-text{font-size:1.25rem}}@media screen and (max-width:678px){main.index .comment .comment-content{gap:1rem;flex-direction:column}main.index .comment .comment-content-image{height:42px;width:42px}}@media screen and (max-width:600px){main.index .comment{margin:0 2rem}}@media screen and (max-width:500px){main.index .comment{display:none}main.index .comment+.separator{display:none}}main.index .comment>*{opacity:.6;transition:opacity .5s ease-in-out}main.index .comment.highlighted>*,main.index .comment:hover>*{opacity:1}main.index .comment-content{display:flex;justify-content:center;align-items:flex-start;gap:64px;align-self:stretch}main.index .comment-content-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;color:var(--color-primary);font-size:32px;font-weight:400;line-height:130%;max-width:70vw}main.index .comment-content-text-main{text-indent:-.84375em}main.index .comment-content-text .quotes{color:var(--color-secondary)}main.index .comment-content-text a{color:#0a84ff;font-size:18px;font-weight:400;line-height:130%;display:flex;align-items:center;text-decoration:none;gap:8px}main.index .comment-content-image{width:64px;height:64px;border-radius:80px}main.index .feature{display:flex;padding:0 148px;justify-content:space-between;align-items:flex-start;width:100%;gap:72px;transition:opacity .5s ease-in-out;opacity:.6}main.index .feature.download{opacity:1!important;padding-block:9rem;border-top:1px solid rgba(255,255,255,.2);background:linear-gradient(90deg,#0a84ff33,#0a84ff00)}@media screen and (max-width:1000px){main.index .feature.download{padding-block:6rem}}@media screen and (max-width:1250px){main.index .feature{flex-direction:column;gap:4rem;padding:0 6rem}main.index .feature>img{order:2}main.index .feature>*{width:100%!important}main.index .feature .feature-text-button{margin-top:2rem}}@media screen and (max-width:600px){main.index .feature{padding:0 2rem}}main.index .feature.highlighted,main.index .feature:hover{opacity:1}main.index .feature>img{width:55%;pointer-events:none}main.index .feature>img.feature-window{max-width:600px}main.index .feature-grid{margin:0 100px;width:calc(100% - 200px);display:grid;grid-template-columns:repeat(2,1fr);position:relative;gap:8px}@media screen and (max-width:1250px){main.index .feature-grid{width:calc(100% - 8rem);margin:0 4rem}}@media screen and (max-width:1150px){main.index .feature-grid{width:calc(100% - 4rem);margin:0 2rem}}@media screen and (max-width:950px){main.index .feature-grid{width:100%;margin:0;grid-template-columns:1fr}main.index .feature-grid .feature-grid-item{padding:4rem calc(4rem + 32px) 4rem calc(4rem + 32px)}}@media screen and (max-width:600px){main.index .feature-grid .feature-grid-item{padding:2rem calc(2rem + 24px) 2rem calc(2rem + 24px)}}@media screen and (max-width:500px){main.index .feature-grid .feature-grid-item{padding:24px calc(1rem + 24px) 24px calc(1rem + 24px)}}main.index .feature-grid-item{border:1px solid rgba(255,255,255,.2);border-radius:8px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(322deg,#ffffff05,#ffffff08);display:flex;width:100%;padding:48px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:32px;overflow:hidden;position:relative}main.index .feature-grid-item>*{opacity:.6;transition:opacity .5s ease-in-out}main.index .feature-grid-item .blur{width:100%;height:100%;position:absolute;inset:0;mix-blend-mode:color-dodge;pointer-events:none;opacity:.4!important}main.index .feature-grid-item.highlighted>*,main.index .feature-grid-item:hover>*{opacity:1}@media screen and (max-width:950px){main.index .feature-grid-item>*{opacity:1!important}}main.index .feature-grid-item.full{grid-column-end:span 2;align-items:flex-end;flex-direction:row}main.index .feature-grid-item.full .feature-grid-item-text-paragraph{text-wrap:unset}@media screen and (max-width:950px){main.index .feature-grid-item.full{grid-column-end:auto;align-items:flex-start;flex-direction:column}}@media screen and (max-width:950px){main.index .feature-grid-item{height:auto}}main.index .feature-grid-item img.feature-grid-item-graphic{pointer-events:none}main.index .feature-grid-item-graphic{user-select:none}main.index .feature-grid-item-graphic.popout{width:100%;max-width:60%;height:auto}@media screen and (max-width:950px){main.index .feature-grid-item-graphic.popout{max-width:100%}}main.index .feature-grid-item-graphic.github,main.index .feature-grid-item-graphic.design,main.index .feature-grid-item-graphic.open{width:100%;height:auto}main.index .feature-grid-item-graphic.speed{display:flex;justify-content:space-between;align-items:center;gap:8px;height:100%;width:100%}main.index .feature-grid-item-graphic.speed .box{display:flex;width:5rem;height:5rem;justify-content:center;align-items:center;flex-shrink:0;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#ffffff1c,#ffffff0f)}@media screen and (max-width:950px){main.index .feature-grid-item-graphic.speed .box{width:4rem;height:4rem}}main.index .feature-grid-item-graphic.speed .box svg:not(.logo,.highlight>svg){width:1.5rem;height:1.5rem;opacity:.6}main.index .feature-grid-item-graphic.speed .box.highlight{border-radius:.5rem;border:1px solid var(--color-blue-500);background:linear-gradient(135deg,#3b82f766,#3b82f733)}main.index .feature-grid-item-graphic.speed .box.highlight svg{color:var(--color-blue-500);opacity:1!important}@media screen and (max-width:600px){main.index .feature-grid-item-graphic.speed .box{width:3rem;height:3rem}main.index .feature-grid-item-graphic.speed .box svg{width:1rem!important;height:1rem!important}}main.index .feature-grid-item-graphic.speed .line{height:1px;width:100%;background-color:#fff3;background-image:linear-gradient(to right,rgba(255,255,255,0) 10%,var(--color-blue-500) 50%,rgba(255,255,255,0) 80%);background-repeat:no-repeat;animation:loading .7s linear infinite}main.index .feature-grid-item-graphic.speed .line.highlight{opacity:.8;background:var(--color-blue-500)}main.index .feature-grid-item-graphic.speed .line~.line{animation-delay:.3s}main.index .feature-grid-item-text{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;font-size:1.5rem;font-weight:400;line-height:2rem}@media screen and (max-width:600px){main.index .feature-grid-item-text{font-size:1.25rem}}main.index .feature-grid-item-text-label{display:flex;justify-content:center;align-items:center;gap:16px;color:var(--text-primary-dark, rgba(255, 255, 255, .85))}main.index .feature-grid-item-text-label-badge{display:flex;padding:6px 12px;justify-content:center;align-items:center;gap:10px;border-radius:20px;background:#0a84ff33;color:var(--color-blue-500);font-size:14px;font-weight:400;line-height:110%}main.index .feature-grid-item-text-paragraph{color:var(--color-secondary, rgba(255, 255, 255, .55));text-wrap:balance}main.index .feature-window{width:50%;height:600px;zoom:.8;position:relative}main.index .feature-window .fakeapp{-webkit-mask-image:radial-gradient(88.57% 105.43% at 0% 0%,#000,rgba(0,0,0,.8901960784) 36.59%,rgba(0,0,0,0));mask-image:radial-gradient(88.57% 105.43% at 0% 0%,#000,#000000e3 36.59%,#0000);white-space:nowrap}main.index .feature-window .preview-controls{display:none}@media screen and (max-width:1250px){main.index .feature-window{height:auto;zoom:0}}main.index .feature-text{display:flex;width:45%;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch}main.index .feature-text .styles-selector{display:flex;align-items:center;flex-direction:column}main.index .feature-text .styles-selector :first-of-type .styles-selector-item{border-top-left-radius:8px;border-top-right-radius:8px}main.index .feature-text .styles-selector :last-of-type .styles-selector-item{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:1px solid rgba(255,255,255,.05)}main.index .feature-text .styles-selector-item{width:100%;border:1px solid rgba(255,255,255,.05);border-bottom:none;background:#ffffff08;display:flex;padding:16px;gap:8px;align-items:start;cursor:pointer;flex-direction:column;text-align:start;transition:background .2s ease-out}main.index .feature-text .styles-selector-item.selected{background:#ffffff0d}main.index .feature-text .styles-selector-item a{display:none}main.index .feature-text .styles-selector-item-title{color:var(--color-primary)}main.index .feature-text .styles-selector-item-description{font-size:14px;color:var(--color-secondary)}main.index .feature-text.download{height:300px;opacity:1!important}main.index .feature-text-header{color:var(--white);font-size:44px;font-weight:400;line-height:130%}@media screen and (max-width:600px){main.index .feature-text-header{font-size:40px}}main.index .feature-text-paragraph{color:var(--color-secondary, rgba(255, 255, 255, .55));font-size:20px;font-weight:400;line-height:130%}@media screen and (max-width:1000px){main.index .feature-text-paragraph{font-size:16px}}main.index .feature-text-button{margin-top:auto;display:flex;padding:16px 24px;justify-content:center;align-items:center;gap:16px;width:100%;border-radius:4px;background:var(--text-vibrant-primary-dark, #fff);position:relative;color:var(--color-base-black, #000);font-size:16px;font-weight:500;line-height:130%;text-decoration:none;overflow:hidden}main.index .feature-text-button:after{position:absolute;content:"";z-index:2;width:100%;height:100%;left:0;top:0;background:#0000002a;transition:transform .2s ease-out;transform:translate(-100%)}main.index .feature-text-button:hover:after{transform:translate(0)}main.index .cta{display:flex;flex-direction:column;gap:64px;padding:128px 0 0;justify-content:center;align-items:center;width:100%;position:relative}main.index .cta .circle{position:absolute;z-index:-1;top:0;left:50%;transform:translate(-50%);width:100vw;pointer-events:none}main.index .cta .info{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;width:80%}main.index .cta .info .app-icon{width:128px;height:128px;position:relative;display:flex;align-items:center;justify-content:center}main.index .cta .info .app-icon .body{position:absolute;left:50%;top:53.5%;transform:translate(-50%,-50%);width:100%;height:100%}main.index .cta .info .app-icon .logo{width:31.25%;height:58px;flex-shrink:0;filter:drop-shadow(0px 0px 40px rgba(255,255,255,.6))}main.index .cta .info .app-icon .logo g{opacity:1!important}main.index .cta .info-header{color:var(--white);font-size:44px;font-weight:400;line-height:130%;text-align:center;max-width:min(85%,600px)}@media screen and (max-width:800px){main.index .cta .info-header{font-size:40px;text-wrap:balance}}@media screen and (max-width:600px){main.index .cta .info-header{font-size:32px}}main.index .cta .action{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}main.index .cta .action .button.fancy.cta-button{border-radius:8px;border:none;background:#a689d91a;color:#fff;position:relative;width:min(379px,80vw)}main.index .cta .action .button.fancy.cta-button:after{display:none}main.index .cta .action .button.fancy.cta-button:before{content:"";width:100%;height:100%;inset:0;position:absolute;transition:filter .4s ease-out;background:linear-gradient(90deg,#a689d900,#a689d933,#a689d900);mask-image:linear-gradient(to top,#000 1px,#0000 1px calc(100% - 1px),#000 calc(100% - 1px) 100%);pointer-events:none}main.index .cta .action .requirements{color:var(--color-secondary);font-size:16px;font-weight:400}main.index .cta.final{padding:32px 0 192px}main.index .cta.final:after{content:"";width:100vw;height:100vw;position:absolute;top:-50vw;z-index:-1;border-radius:9999999px;background:#a689d90f;pointer-events:none;filter:blur(200px)}@media screen and (max-width:600px){main.index .cta.final:after{background:#a689d91a}}main.index .cta.final .circle{top:auto;bottom:0;overflow:hidden}::selection{background-color:#3b82f74a}