:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-gradient:none;--inner-gradient:none;--sunpillar-1:#ff7a75;--sunpillar-2:#ffed61;--sunpillar-3:var(--secondary);--sunpillar-4:#85fff7;--sunpillar-5:var(--primary);--sunpillar-6:#d875ff;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--card-radius:16px}.pc-card-wrapper{perspective:500px;touch-action:none;position:relative;transform:translateZ(.1px)}.pc-card-wrapper:before{content:"";background:inherit;background-position:inherit;border-radius:inherit;filter:contrast(2)saturate(2)blur(36px);background-size:100% 100%;transition:all .5s;position:absolute;inset:-10px;transform:scale(.8)translateZ(.1px)}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity:1}.pc-card-wrapper:hover:before,.pc-card-wrapper.active:before{filter:contrast()saturate(2)blur(40px)opacity();transform:scale(.9)translateZ(.1px)}.pc-card{aspect-ratio:.718;border-radius:var(--card-radius);background-blend-mode:color-dodge,normal,normal,normal;height:80svh;max-height:540px;box-shadow:#000c calc((var(--pointer-from-left)*10px) - 3px)calc((var(--pointer-from-top)*20px) - 6px)20px -5px;transition:transform 1s;animation:12s linear infinite glow-bg;display:grid;position:relative;overflow:hidden}.pc-card:hover,.pc-card.active{transform:translate3d(0,0,.1px)rotateX(var(--rotate-y))rotateY(var(--rotate-x));transition:none}.pc-card *{border-radius:var(--card-radius);pointer-events:none;grid-area:1/-1;display:grid;transform:translateZ(.1px)}.pc-inside{background:0 0;position:absolute;inset:1px;transform:translateZ(.02px)}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-size:25%;mask-size:25%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-source-type:luminance;mask-mode:luminance;-webkit-mask-position:top calc(200% - var(--background-y)*2)left calc(100% - var(--background-x)*2);mask-position:top calc(200% - var(--background-y)*2)left calc(100% - var(--background-x)*2);filter:brightness(.66)contrast(1.33)saturate(.33)opacity(.5);mix-blend-mode:color-dodge;transition:filter .6s;animation:18s linear infinite holo-bg}.pc-shine,.pc-shine:after{--space:5%;--angle:-45deg;z-index:3;background:50%/cover;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1)calc(var(--space)*1),var(--sunpillar-clr-2)calc(var(--space)*2),var(--sunpillar-clr-3)calc(var(--space)*3),var(--sunpillar-clr-4)calc(var(--space)*4),var(--sunpillar-clr-5)calc(var(--space)*5),var(--sunpillar-clr-6)calc(var(--space)*6),var(--sunpillar-clr-1)calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#0e152e 0%,#8fa3a3 3.8%,#8fc1c1 4.5%,#8fa3a3 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),#0000001a 12%,#00000026 20%,#00000040 120%);background-position:0 var(--background-y),var(--background-x)var(--background-y),center;background-blend-mode:color,hard-light;background-repeat:repeat;background-size:500% 500%,300% 300%,200% 200%;overflow:hidden;transform:translateZ(1px)}.pc-shine:before,.pc-shine:after{content:"";opacity:0;background-position:50%;background-size:cover;grid-area:1/1}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.85)contrast(1.5)saturate(.5);animation:none}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg,var(--primary),var(--secondary)),radial-gradient(circle at var(--pointer-x)var(--pointer-y),#b3b3b3 0%,#4d4d4d33 120%);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x)var(--pointer-y),center,calc(var(--pointer-x)*.01)calc(var(--pointer-y)*.01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center)))contrast(calc(var(--pointer-from-center) + 2))saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x)*.4)calc(var(--background-y)*.5),center;mix-blend-mode:difference;filter:brightness(.8)contrast(1.5);background-size:200% 300%,700% 700%,100% 100%}.pc-glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),var(--primary)0%,#1c1c1c 100%);mix-blend-mode:overlay;filter:brightness(.8)contrast(1.2);z-index:0;overflow:hidden;transform:translateZ(1.1px)}.pc-avatar-content{mix-blend-mode:screen;z-index:5;overflow:hidden}.pc-avatar-content .avatar{width:100%;opacity:calc(1.75 - var(--pointer-from-center));position:absolute;bottom:2px;left:50%;transform:translate(-50%)scale(1)}.pc-avatar-content:before{content:"";z-index:1;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);pointer-events:none;position:absolute;inset:0;-webkit-mask:linear-gradient(#0000 0% 60%,#000 90% 100%);mask:linear-gradient(#0000 0% 60%,#000 90% 100%)}.pc-user-info{z-index:2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);pointer-events:auto;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:15px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.pc-user-details{align-items:center;gap:12px;display:flex}.pc-mini-avatar{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.pc-mini-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pc-user-text{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.pc-handle{color:#ffffffe6;font-size:14px;font-weight:500;line-height:1}.pc-status{color:#ffffffb3;font-size:14px;line-height:1}.pc-contact-btn{color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.pc-contact-btn:hover{border-color:#fff6;transition:all .2s;transform:translateY(-1px)}.pc-content{text-align:center;z-index:5;mix-blend-mode:luminosity;max-height:100%;position:relative;overflow:hidden;transform:translate3d(calc(var(--pointer-from-left)*-6px + 3px),calc(var(--pointer-from-top)*-6px + 3px),.1px)!important}.pc-details{flex-direction:column;width:100%;display:flex;position:absolute;top:3em}.pc-details h3{background-image:linear-gradient(to bottom,#fff,var(--primary));-webkit-text-fill-color:transparent;background-size:1em 1.5em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:min(5svh,3em);font-weight:600}.pc-details p{white-space:nowrap;-webkit-text-fill-color:transparent;background-image:linear-gradient(#fff,#4a4ac0);background-size:1em 1.5em;-webkit-background-clip:text;background-clip:text;width:min-content;margin:0 auto;font-size:16px;font-weight:600;position:relative;top:-12px}@keyframes glow-bg{0%{--bgrotate:0deg}to{--bgrotate:360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media (max-width:768px){.pc-card{height:70svh;max-height:450px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{padding:10px 12px;bottom:15px;left:15px;right:15px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media (max-width:480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{border-radius:50px;padding:8px 10px;bottom:12px;left:12px;right:12px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{border-radius:50px;padding:5px 10px;font-size:10px}}@media (max-width:320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{border-radius:50px;padding:6px 8px}.pc-mini-avatar{width:20px;height:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{border-radius:50px;padding:4px 8px;font-size:9px}}
@media only screen and (max-width:1550px){#team .pc-card-wrapper,#team .pc-card-wrapper .pc-card{width:100%}#team .pc-card-wrapper .pc-avatar-content img,#team .pc-card-wrapper .pc-card .pc-avatar-content img{width:50%;min-width:400px;bottom:-20%}}@media only screen and (max-width:768px){#team .pc-card-wrapper{pointer-events:none}}
.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px;display:grid}@media only screen and (max-width:96rem){.stats{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:40rem){.stats{grid-template-columns:1fr;margin-top:24px}}.stats .stat{background:var(--gray50);border-radius:8px;padding:12px 18px;transition:all .2s ease-out}.stats .stat:hover{background:var(--gray)}.stats .stat:hover h3{text-shadow:0 0 12px #fff6}.stats .stat h3{text-shadow:0 0 4px #ffffffab;font-size:52px;font-weight:800;transition:all .2s ease-out}@media only screen and (max-width:640px){.stats .stat h3{text-align:center}}.stats .stat p{font-family:var(--manrope);color:var(--foreground50);margin-top:6px;font-weight:500}@media only screen and (max-width:640px){.stats .stat p{text-align:center}}
.welcome{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative}.welcome .p5-wrapper{justify-content:center;align-items:flex-start;width:100%;max-width:100dvw;height:100%;display:flex;position:absolute;overflow:hidden}.welcome .p5-wrapper #defaultCanvas0{pointer-events:none;width:100dvw!important;height:100dvh!important}.welcome .welcome-text{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}
#roadmap{position:relative}#roadmap:before{content:"";z-index:-1;opacity:.12;background-repeat:repeat;background-size:600px;width:calc(100% - 3px);max-width:2000px;height:calc(100% - 3px);margin:auto;position:absolute;top:1px;left:1px;right:0}#roadmap .item-wrapper{z-index:3;display:flex;position:relative}#roadmap .item-wrapper:nth-child(2n){justify-content:flex-end}#roadmap .item-wrapper .item{border:1px solid var(--border);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000001a;border-radius:8px;width:55%;padding:12px}@media only screen and (max-width:768px){#roadmap .item-wrapper .item{width:85%}}#roadmap .item-wrapper .item:has(.completed){background-color:#3eff040a;border-color:#3eff0449}#roadmap .item-wrapper .item:has(.ongoing){background-color:#ffa50005;border-color:#ffa50049}#roadmap .item-wrapper .item:has(.upcoming){background-color:#f700ff05;border-color:#f700ff49}#roadmap .item-wrapper .item-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}#roadmap .item-wrapper .item-header .date{font-size:16px;font-weight:600}#roadmap .item-wrapper .item-header .status{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:12px}#roadmap .item-wrapper .item-header .status.completed{color:var(--success);background:#00ff001a}#roadmap .item-wrapper .item-header .status.ongoing{color:gold;background:#ffa5001a}#roadmap .item-wrapper .item-header .status.upcoming{color:var(--primary);background:#f700ff1a}#roadmap .item-wrapper .item .list{margin-top:12px}#roadmap .item-wrapper .item .list li{font-family:var(--manrope);font-size:16px}#roadmap .item-wrapper .item .list li:before{content:">";will-change:transform;margin-right:8px;animation:1.5s infinite listStyleAnimation;display:inline-block;position:relative;left:-2px}@keyframes listStyleAnimation{33%{transform:translate(0)}66%{transform:translate(5px)}to{transform:translate(0)}}
#products{--gap:8px;--base:clamp(2rem,8cqi,80px);--easing:linear(0 0%,.1538 4.09%,.2926 8.29%,.4173 12.63%,.5282 17.12%,.6255 21.77%,.7099 26.61%,.782 31.67%,.8425 37%,.8887 42.23%,.9257 47.79%,.9543 53.78%,.9752 60.32%,.9883 67.11%,.9961 75%,1 100%);--speed:.6s;border:1px solid var(--border);background-image:repeating-linear-gradient(to right,#ffffff1e 0,#21007c1e 1px,transparent 1px,transparent 50px),repeating-linear-gradient(to bottom,#ffffff1e 0,#0101251e 1px,transparent 1px,transparent 50px),linear-gradient(to right,var(--gray20),#0e0e0e 100%),linear-gradient(to bottom,var(--gray20),#0e0e0e 100%);background-position:50%,50%,0 0,0 0;background-repeat:repeat,repeat,no-repeat,no-repeat;background-size:50px 50px,50px 50px,100% 100%,100% 100%;justify-content:center;align-items:center;gap:24px;width:calc(100% + 2px);max-width:3200px;margin-left:-1px;padding:120px 24px;display:flex}#products ul.showcase{gap:var(--gap);height:400px;width:calc((var(--items) - 1)*var(--base) + (var(--items) - 1)*var(--gap) + var(--ideal));width:800px;max-width:calc(100% - 4rem);transition:grid-template-columns var(--speed)var(--easing);grid-template-columns:10fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content:center;margin:0;padding:0;list-style-type:none;display:grid;container-type:inline-size}@media only screen and (max-width:768px){#products ul.showcase{width:100%;min-width:400px;height:100%}}@media only screen and (max-width:440px){#products ul.showcase{grid-template-columns:1fr;width:100%;min-width:100%}}#products ul.showcase li{min-width:var(--base);border:1px solid color-mix(in hsl,canvas,canvasText 50%);background:#0000001e;border-radius:8px;position:relative;overflow:hidden}@media only screen and (max-width:768px){#products ul.showcase li{height:60px}#products ul.showcase li.active{height:300px}}#products ul.showcase li :is(.icon,h3){opacity:.6;transition:opacity calc(var(--speed)*1.2)var(--easing)}#products ul.showcase li :is(a,p){opacity:0;transition:opacity calc(var(--speed)*1.2)var(--easing);width:fit-content}#products ul.showcase li article{width:var(--article-width);height:100%;padding-inline:calc(var(--base)*.5 - 9px);flex-direction:column;justify-content:flex-end;gap:1rem;padding-bottom:1rem;display:flex;position:absolute;top:0;left:0;overflow:hidden}@media only screen and (max-width:768px){#products ul.showcase li article{width:100%;height:60px}}#products ul.showcase li article>img{filter:grayscale()brightness(1.5);transition-property:filter,scale;transition-duration:calc(var(--speed)*1.2);transition-timing-function:var(--easing);scale:1.1}#products ul.showcase li article h3{top:1rem;left:calc(var(--base)*.5);transform-origin:0;text-transform:uppercase;white-space:nowrap;font-size:1rem;font-weight:300;position:absolute;rotate:90deg}@media only screen and (max-width:768px){#products ul.showcase li article h3{rotate:none}}#products ul.showcase li article .icon,#products ul.showcase li article .icon svg,#products ul.showcase li article .icon img{width:20px;height:20px}@media only screen and (max-width:768px){#products ul.showcase li article .icon,#products ul.showcase li article .icon svg,#products ul.showcase li article .icon img{position:absolute;top:10px;right:8px}}#products ul.showcase li article p{text-wrap:balance;--opacity:.8;font-size:13px;line-height:1.25}#products ul.showcase li article a{height:20px;color:inherit;line-height:1;position:absolute;bottom:1rem}#products ul.showcase li article a:is(:focus-visible,:hover){outline:none}#products ul.showcase li article a:is(:focus-visible,:hover) span{text-underline-offset:4px;text-decoration:underline}#products ul.showcase li article a span{translate:calc(var(--base)*.5);font-weight:500;line-height:20px;display:inline-block}#products ul.showcase li article>img{opacity:0;z-index:-1;pointer-events:none;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#products ul.showcase li.active :is(a,p,h3,.icon){opacity:var(--opacity,1)}#products ul.showcase li.active :is(a,p){transition-delay:calc(var(--speed)*.25)}@media only screen and (max-width:768px){#products ul.showcase li.active article{height:100%}#products ul.showcase li.active article h3{top:20px}#products ul.showcase li.active article p{margin-bottom:30px;position:relative;left:12px}#products ul.showcase li.active article a{left:20px}#products ul.showcase li.active article a span{translate:0}}#products ul.showcase li.active article>img{opacity:1;filter:grayscale(0)brightness(2.2);transition-delay:calc(var(--speed)*.25);scale:1}
#subscribe{border:1px solid var(--border);border-radius:10px}