:root{--bg:#f0f0f0;--primary:#e35915;--secondary:#d03a2f;--text-main:#1d1d1f;--text-sec:#86868b;--font-apple:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-size:16px;overflow-x:hidden}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-apple);overflow-x:hidden}a{color:inherit;text-decoration:none}.top-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#f0f0f01a;border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;width:100%;height:4rem;padding:0 10%;display:flex;position:fixed;top:0;left:0}.nav-left{align-items:center;gap:.7rem;display:flex}.logo{width:2.4rem;height:2.4rem;margin-top:.1rem}.brand{font-size:1.1rem;font-weight:550}.nav-right{align-items:center;gap:2rem;display:flex}.nav-links{gap:1.5rem;display:flex}.nav-link{flex-direction:column;height:1.5rem;display:inline-flex;position:relative;overflow:hidden}.nav-link-txt{font-weight:500;line-height:1.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1)}.nav-link-absolute{position:absolute;top:100%;left:0}.nav-link-absolute .nav-link-txt{color:var(--secondary)}.nav-link:hover .nav-link-inner .nav-link-txt,.nav-link:hover .nav-link-absolute .nav-link-txt{transform:translateY(-100%)}.icons{align-items:center;gap:1rem;display:flex}.icon{background-color:var(--text-main);cursor:pointer;width:1.4rem;height:1.4rem;transition:background-color .3s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.34,1.56,.64,1);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon:hover{background-color:var(--secondary);transform:rotate(360deg)}.lang-dropdown-wrapper{cursor:pointer;align-items:center;display:flex;position:relative}.lang-dropdown-wrapper:after{content:"";width:calc(100% + 40px);height:30px;position:absolute;top:100%;left:-20px}.lang-popup{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);opacity:0;visibility:hidden;z-index:1000;pointer-events:none;background:linear-gradient(145deg,#f3f3f3 0%,#eee 100%);border:1px solid #0000001a;border-radius:21px;flex-direction:column;gap:.25rem;min-width:105px;padding:.4rem;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s;display:flex;position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%)translateY(10px)scale(.95);box-shadow:0 5px 10px #00000014,0 1px 3px #0000000d}.lang-active-bg{background-color:var(--secondary);z-index:0;pointer-events:none;border-radius:2rem;height:2.3rem;transition:transform .25s cubic-bezier(.4,1.1,.6,1);position:absolute;top:0;left:.4rem;right:.4rem}.lang-dropdown-wrapper:hover .lang-popup{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.lang-option{color:var(--text-main);cursor:pointer;text-align:center;white-space:nowrap;z-index:1;border-radius:2rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:color .3s,background-color .3s;position:relative}.lang-option:hover{color:var(--secondary);background-color:#d03a2f14}.lang-option.active,.lang-option.active:hover{color:#fff;background-color:#0000}.pill-btn{background:var(--primary);color:#fff;border-radius:2rem;padding:.5rem 1rem .5rem 1.2rem;transition:background .3s;display:inline-flex;position:relative;overflow:hidden}.pill-btn .button-content{align-items:center;gap:.4rem;display:inline-flex}.pill-btn:hover{background:var(--secondary)}.text-button-item{height:1.2rem;position:relative;overflow:hidden}.text-static-item div,.text-absolute-item div{line-height:1.2rem;transition:transform .4s cubic-bezier(.16,1,.3,1)}.text-absolute-item{text-align:center;width:100%;position:absolute;top:100%;left:0}.pill-btn:hover .text-static-item div,.pill-btn:hover .text-absolute-item div{transform:translateY(-100%)}.top-nav .pill-btn{font-size:.9rem}.top-nav .text-button-item{height:1.3rem}.top-nav .text-static-item div,.top-nav .text-absolute-item div{line-height:1.3rem}.pill-btn .arrow-icon{object-fit:contain;filter:brightness(0)invert();flex:none;width:1rem;height:1rem;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block;transform:translate(0,0)}.pill-btn:hover .arrow-icon{transform:translate(.175rem)}section{width:100%;min-height:100svh;position:relative}.px-10{padding-left:10%;padding-right:10%}.section-home{height:100svh;display:flex;position:relative}.home-left{z-index:10;background:0 0;background-color:var(--bg);flex-direction:column;justify-content:center;padding-top:4rem;padding-left:10%;padding-right:min(4rem,10%);display:flex;position:relative}.home-left:after{content:"";pointer-events:none;background:linear-gradient(270deg,#0000,#f0f0f0);width:calc(100% - 300px);height:100vh;position:absolute;top:0;left:100%}.home-logo{width:5rem;height:5rem;margin-bottom:.5rem}.home-title{margin-bottom:.2rem;font-size:3rem;font-weight:700}.home-subtitle{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.badges{gap:.5rem;margin-bottom:1.5rem;display:flex}.badges img{border-radius:4px;height:1.5rem}.download-section{flex-direction:row;align-items:center;gap:1.2rem;margin-bottom:1.5rem;display:flex}.download-btn-group{cursor:pointer;background:linear-gradient(145deg,#f8f8f8 0%,#f2f2f2 100%);border:1px solid #0000000d;border-radius:14px;height:85px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f,inset 0 2px 2px #ffffffe6}.btn-group-windows{width:230px}.btn-group-linux{width:160px}.btn-group-macos{width:120px}.btn-main{width:100%;height:100%;color:var(--text-main);background:0 0;justify-content:center;align-items:center;font-size:1.15rem;font-weight:600;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0}.download-btn-group:hover .btn-main{transform:translateY(-100%)}.details{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);flex-wrap:wrap;place-content:center;gap:.5rem;width:100%;height:100%;padding:.8rem;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:100%;left:0}.download-btn-group:hover .details{transform:translateY(-100%)}.detail-link{color:#fff;white-space:nowrap;background:#fff3;border-radius:1rem;padding:.35rem .7rem;font-size:.75rem;font-weight:500;transition:background .3s}.detail-link:hover{background:#fff6}.terminal-text{color:var(--text-sec);background:#ddd;border-radius:8px;max-width:35rem;margin-bottom:.5rem;padding:.8rem 1rem;font-family:monospace;font-size:.85rem}.links-text{color:var(--text-sec);margin-bottom:1.5rem;font-size:.85rem}.links-text a{color:var(--text-sec);margin:0 .2rem;text-decoration:underline}.links-text a:hover{color:var(--primary)}.icp-info{color:#999;margin-bottom:1.5rem;font-size:.9rem}.icp-info a{color:inherit}.icp-info a:hover{color:var(--primary)}.home-bg-wrapper{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.home-bg-wrapper .screenshot{object-fit:cover;object-position:right top;width:100%;height:100%}.scroll-indicator{z-index:20;color:var(--text-sec);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:color .3s;animation:2s infinite bounceDown;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.scroll-indicator:hover{color:var(--text-main)}@keyframes bounceDown{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,12px)}60%{transform:translate(-50%,6px)}}.section-preview{overflow-x:hidden}.preview-chunk{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}#chunk-1{justify-content:flex-start;align-items:center;margin:0 0 5rem;overflow:hidden}.h-scroll-container{align-items:center;gap:4rem;width:max-content;height:55vh;margin-top:-13rem;padding:0 max(2rem,50vw - 41.25vh);display:flex}.h-item{aspect-ratio:3/2;flex-shrink:0;height:100%;position:relative;overflow:visible}.h-item img{object-fit:cover;border-radius:1rem;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);display:block;box-shadow:0 5px 10px #0000001a}.h-item:hover img{z-index:2;box-shadow:0 10px 20px #0000002e;transform:scale(1.01)!important}.h-text{text-align:center;width:100%;position:absolute;top:calc(100% + 1.5rem);left:50%;transform:translate(-50%)}.h-text h3{margin-bottom:.5rem;font-size:1.5rem}.h-text:before{content:"";background-color:var(--primary);z-index:2;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2rem;left:50%;transform:translate(-50%)}.h-text:after{content:"";background-color:var(--primary);opacity:.3;z-index:1;width:calc(100% + 4rem);height:2px;position:absolute;bottom:calc(4px - 2rem);left:50%}.h-item:last-child .h-text:after{width:calc(50% + max(2rem,50vw - 41.25vh))}.chunk-2{z-index:10;flex-direction:column;margin-top:-20vh;display:flex;position:relative}.chunk-2 h2{margin-bottom:3rem;font-size:2rem}.puzzle-grid{z-index:1;grid-template-rows:1fr 1fr;grid-template-columns:3fr 1fr;gap:2rem;width:min(60rem,90vw);height:38rem;display:grid;position:relative}.puzzle-item{border-radius:1rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 5px 10px #0000001a}.puzzle-item:hover{z-index:2;transform:scale(1.02);box-shadow:0 10px 20px #0000002e}.top-left{grid-area:1/1/2/2}.bottom-left{grid-area:2/1/3/2}.right-tall{grid-area:1/2/3/3}.puzzle-item img{object-fit:cover;width:100%;height:100%}.puzzle-overlay{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--primary) 30%, white));z-index:1;width:100%;padding:4rem 2rem 1.5rem;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;overflow:hidden}.puzzle-overlay-hover{background:linear-gradient(to top, transparent, color-mix(in srgb, var(--secondary) 30%, white));z-index:1;text-align:right;width:100%;padding:1.5rem 2rem 4rem;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;right:0;overflow:hidden;transform:translateY(-100%)!important}.puzzle-item:hover .puzzle-overlay{transform:translateY(-210%)!important}.puzzle-item:hover .puzzle-overlay-hover{transform:translateY(0%)!important}.puzzle-item:hover .puzzle-overlay-tall{transform:translateY(-420%)!important}.puzzle-overlay:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-mask-image:linear-gradient(#0000 0%,#000 70%);position:absolute;inset:0;mask-image:linear-gradient(#0000 0%,#000 60%)}.puzzle-overlay-hover:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-mask-image:linear-gradient(#000 30%,#0000 100%);position:absolute;inset:0;mask-image:linear-gradient(#000 40%,#0000 100%)}.chunk-2 h3{font-size:1.4rem}.chunk-3{flex-direction:column;gap:5rem;width:min(60rem,90vw);margin:5rem auto}.chunk-3 h2{margin:2rem 0 0;font-size:2rem}.alt-row{align-items:center;gap:2.5vw;width:100%;display:flex}.alt-row.reverse{flex-direction:row-reverse}.alt-img{border-radius:1rem;flex:3;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 5px 10px #0000001a}.alt-img img{width:100%;display:block}.alt-img:hover{z-index:2;box-shadow:0 10px 20px #0000002e;transform:scale(1.02)!important}.alt-text{flex:1;padding:2rem}.alt-row.reverse .alt-text{text-align:right}.alt-text h3{margin-bottom:.1rem;font-size:1.8rem}.alt-text p{font-size:1.1rem}.section-about{text-align:center;padding:6rem 15% 2rem}.section-about h2,.section-about h3{margin-bottom:3rem;font-size:2.5rem}.section-about h3{margin:5rem 0 3rem;font-size:2rem}.team-grid{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.team-member{flex-direction:column;align-items:center;display:flex}.avatar{background:#ddd;border-radius:20%;width:7rem;height:7rem;margin-bottom:1rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);box-shadow:0 5px 10px #0000001a}.team-member{font-weight:600}.team-member span{color:var(--text-sec);margin-top:.2rem;font-size:.85rem;font-weight:400}.team-member.small .avatar{width:6rem;height:6rem}.team-member-name{flex-direction:column;height:1.5rem;display:inline-flex;position:relative;overflow:hidden}.team-member-name-txt{font-weight:500;line-height:1.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1)}.team-member-name-absolute{position:absolute;top:100%;left:0}.team-member-name-absolute .team-member-name-txt{color:var(--primary)}.team-member:hover .team-member-name-inner .team-member-name-txt,.team-member:hover .team-member-name-absolute .team-member-name-txt{transform:translateY(-100%)}.team-member:hover .avatar{z-index:2;box-shadow:0 10px 20px #0000002e;transform:scale(1.02)!important}.chunk-bg{object-fit:cover;z-index:-1;pointer-events:none;opacity:.6;width:100%;height:auto;position:absolute;top:0;left:0}.opensource-title{margin-bottom:.75rem!important}.opensource-subtitle{font-size:1.25rem;font-weight:500;margin-bottom:3.25rem!important}.opensource-grid{grid-template-columns:repeat(2,minmax(0,max-content));justify-content:center;justify-items:start;gap:1.5rem 4rem;max-width:45rem;margin:0 auto;display:grid}.os-link{color:var(--text-main);white-space:nowrap;border-radius:.5rem;justify-content:start;align-items:center;width:fit-content;padding:.5rem 1rem;font-size:1.3rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.os-link-icon{background-color:var(--primary);width:1em;height:1em;margin-left:.25rem;transition:transform .2s cubic-bezier(.4,0,.2,1);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20width='1.2em'%20height='1.2em'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M15%203h6v6m-11%205L21%203m-3%2010v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20width='1.2em'%20height='1.2em'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M15%203h6v6m-11%205L21%203m-3%2010v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6'/%3e%3c/svg%3e");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.animated-underline:before{content:"";transform-origin:100%;background-color:var(--primary);border-radius:.25rem;width:0;height:2px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:4px;right:8px}.animated-underline:hover:before{transform-origin:0;width:calc(100% - 16px);left:8px}.animated-underline:not(.no-link):hover .os-link-icon{transform:translate(.125rem,-.125rem)}.section-faq{text-align:center;min-height:50vh;padding:7rem 15% 4rem}.section-faq h2{margin-bottom:3rem;font-size:2.5rem}.section-faq p{margin-bottom:.5rem;font-size:1.5rem}.faq-list{text-align:left;max-width:48rem;margin:0 auto}.faq-item-wrapper{background:linear-gradient(145deg,#f8f8f8 0%,#f2f2f2 100%);border:1px solid #0000001a;border-radius:1rem;margin-bottom:1rem;transition:box-shadow .3s;overflow:hidden;box-shadow:0 4px 12px #0000000d}.faq-item-wrapper:hover{border:1px solid var(--primary);box-shadow:0 8px 24px #00000014}.top-faq-content{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;padding:1.4rem 2rem;display:flex}.top-faq-content h3{color:var(--text-main);flex:1;margin:0;padding-right:1.5rem;font-size:1.25rem;font-weight:600}.plus-item_faq{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.horizontal-line_plus{background-color:var(--primary);border-radius:2px;width:100%;height:2px;position:absolute}.line-vertical-wrapper_plus{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.line-vertical_plus{background-color:var(--primary);border-radius:2px;width:2px;height:100%}.bottom-faq-content{padding:0 2rem}.faq-description{padding-bottom:1.5rem}.section-faq .faq-description p{color:var(--text-sec);margin:0;font-size:.9rem;line-height:1.6}.section-faq .faq-description a{text-decoration:underline}.section-faq .faq-description a:hover{color:var(--primary)}footer{background:#fff;border-top:1px solid #0000000d;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;padding:2rem 10% 3.5rem;font-size:.85rem;display:flex}.footer-left{flex-direction:column;align-items:flex-start;gap:.35rem;font-size:.8rem;line-height:1.3;display:flex}.footer-about-row{align-items:center;gap:1.2rem;margin-bottom:.5rem;display:flex}.footer-about{padding:0 0 .5rem;font-size:1rem;font-weight:500}.footer-about:before{right:0}.footer-about:hover:before{width:100%;left:0}.footer-icp-info{color:var(--text-sec);margin-left:0}.footer-icp-info:hover{color:var(--primary)}.footer-right{flex-direction:row;align-items:center;gap:2rem;display:flex}.footer-qr{color:var(--text-sec);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.footer-qr-name{flex-direction:column;display:inline-flex;position:relative;overflow:hidden}.footer-qr-name-txt{transition:transform .2s cubic-bezier(.16,1,.3,1)}.footer-qr-name-absolute{position:absolute;top:100%;left:0}.footer-qr-name-absolute .footer-qr-name-txt{color:var(--primary)}.footer-qr:hover .footer-qr-name-inner .footer-qr-name-txt,.footer-qr:hover .footer-qr-name-absolute .footer-qr-name-txt{transform:translateY(-100%)}.footer-right img{object-fit:contain;border-radius:5%;width:80px;height:80px;box-shadow:0 0 8px #0003}@media (width<=850px){main>:not(#home),footer,.nav-links,.scroll-indicator{display:none!important}.top-nav{zoom:.95;padding:0 8%}.home-left{zoom:.9;background-color:#0000;width:100%;padding-left:8%;padding-right:8%}.home-left:after{display:none}.home-title{font-size:2.2rem}.home-subtitle{font-size:1.2rem}.download-section{flex-wrap:wrap;gap:1rem}.terminal-text{max-width:100%}.home-bg-wrapper{opacity:.1;height:95%}}@media (width<=580px){.home-left{padding-top:7rem}.links-text{margin-bottom:5rem}}@media (width<=500px){.nav-right{gap:1rem}.github-icon{display:none!important}}
