@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}
