@keyframes gradientRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.RotatingGradient{transform-origin:50%;animation:2s linear infinite gradientRotate}
.animated-border{position:relative;overflow:hidden}.animated-border:before{content:"";background:conic-gradient(transparent,var(--cta-pink),transparent 20%,transparent 80%);z-index:1;width:200%;height:200%;animation:8s linear infinite rotate;position:absolute;top:-50%;left:-50%}.animated-border:after{content:"";background:conic-gradient(transparent,var(--cta-blue),transparent 30%,transparent 70%);z-index:1;width:200%;height:200%;animation:8s linear infinite rotate-opposite;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-opposite{0%{transform:rotate(180deg)}to{transform:rotate(540deg)}}#gradient-canvas{--gradient-color-1:#1a1a1b!important;--gradient-color-2:#2d1b1b!important;--gradient-color-3:#8b3232!important;--gradient-color-4:#4a3b4e!important;z-index:0!important;width:100%!important;height:100%!important}.background{filter:blur(150px);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}@keyframes rotateAndScale1{0%,to{transform:scale(1.5)rotate(45deg)translate(0)}25%{transform:scale(2.5)rotate(-45deg)translate(50px,50px)}50%{transform:scale(1.5)rotate(-90deg)translate(100px,-10px)}75%{transform:scale(1.5)rotate(-45deg)translate(200px,100px)}}@keyframes rotateAndScale2{0%,to{transform:scale(1.5)rotate(-45deg)translate(150px,200px)}25%{transform:scale(2)rotate(-15deg)translate(100px,150px)}50%{transform:scale(1.5)rotate(0)translate(50px,150px)}75%{transform:scale(2)rotate(15deg)translate(50px,175px)}}.rotate-and-scale1{transform-box:fill-box;transform-origin:50%;animation:25s ease-in-out infinite rotateAndScale1}.rotate-and-scale2{transform-box:fill-box;transform-origin:50%;animation:25s ease-in-out infinite rotateAndScale2}.effect-shine:hover{animation:2s infinite shine;-webkit-mask-image:linear-gradient(-75deg,#0009 30%,#000 50%,#0009 70%);mask-image:linear-gradient(-75deg,#0009 30%,#000 50%,#0009 70%);-webkit-mask-size:200%;mask-size:200%}@keyframes shine{0%{-webkit-mask-position:135%}to{-webkit-mask-position:-35%}}.default-trans{transition-property:all;transition-duration:.35s}
:root{--color-bg1:transparent;--color-bg2:transparent;--color1:139,50,50;--color2:139,50,50;--color3:140,100,255;--color4:74,59,78;--color5:140,100,255;--color-interactive:140,100,255;--circle-size:80%;--blending:hard-light;--bento-background:#1a1a1b}h1{margin-bottom:16px;font-size:3rem}p{line-height:1.6}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translate(-50%)translateY(-10%)}50%{transform:translate(50%)translateY(10%)}to{transform:translate(-50%)translateY(-10%)}}.gradient-bg{background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2));position:relative;top:0;left:0;overflow:hidden}.gradient-bg .svgBlur{display:none}.gradient-bg .noiseBg{z-index:1;mix-blend-mode:soft-light;opacity:.1;width:100%;height:100%;position:absolute;top:0;left:0}.gradient-bg .gradients-container{filter:url(#goo)blur(40px);width:100%;height:100%}.gradient-bg .g1{background:radial-gradient(circle at center,rgba(var(--color1),.8)0,rgba(var(--color1),0)50%)no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size)/2);left:calc(50% - var(--circle-size)/2);transform-origin:50%;opacity:1;animation:30s infinite moveVertical;position:absolute}.gradient-bg .g2{background:radial-gradient(circle at center,rgba(var(--color2),.8)0,rgba(var(--color2),0)50%)no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);transform-origin:calc(50% - 400px);opacity:1;animation:20s infinite reverse moveInCircle;position:absolute;top:30;left:30%}.gradient-bg .g3{background:radial-gradient(circle at center,rgba(var(--color3),.8)0,rgba(var(--color3),0)50%)no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size)/2 + 200px);left:calc(50% - var(--circle-size)/2 - 500px);transform-origin:calc(50% + 400px);opacity:1;animation:40s linear infinite moveInCircle;position:absolute}.gradient-bg .g4{background:radial-gradient(circle at center,rgba(var(--color4),.8)0,rgba(var(--color4),0)50%)no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size)/2);left:calc(50% - var(--circle-size)/2);transform-origin:calc(50% - 200px);opacity:1;animation:40s infinite moveHorizontal;position:absolute}.gradient-bg .g5{background:radial-gradient(circle at center,rgba(var(--color5),.8)0,rgba(var(--color5),0)50%)no-repeat;mix-blend-mode:var(--blending);width:calc(var(--circle-size)*2);height:calc(var(--circle-size)*2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);opacity:1;animation:20s infinite moveInCircle;position:absolute}.gradient-bg .interactive{background:radial-gradient(circle at center,rgba(var(--color-interactive),.8)0,rgba(var(--color-interactive),0)50%)no-repeat;mix-blend-mode:var(--blending);opacity:1;width:100%;height:100%;position:absolute;top:-50%;left:-50%}
:root{--glow-sens:30;--marketing-card-bg:linear-gradient(8deg,var(--dark)75%,color-mix(in hsl,var(--dark),white 2.5%)75.5%);--blend:soft-light;--glow-blend:plus-lighter;--glow-color:40deg 80% 80%;--glow-boost:0%}.light .marketing-card{--marketing-card-bg:linear-gradient(8deg,color-mix(in hsl,#f1eff5,var(--dark)2.5%)75%,#f1eff5 75.5%);--blend:darken;--glow-blend:luminosity;--glow-color:280deg 90% 95%;--glow-boost:15%;--fg:black;color:var(--fg)}body.light{background-image:linear-gradient(180deg,hsl(var(--h),8%,58%),hsl(var(--h),15%,42%))}.marketing-card{--pads:40px;--color-sens:calc(var(--glow-sens) + 20);--pointer-deg:45deg;isolation:isolate;background:var(--marketing-card-bg);background-repeat:no-repeat;border:1px solid #ffffff40;border-radius:1.768em;display:grid;position:relative;transform:translateZ(.01px)}.marketing-card:before,.marketing-card:after,.marketing-card>.glow{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.marketing-card:not(:hover):not(.animating):before,.marketing-card:not(:hover):not(.animating):after,.marketing-card:not(:hover):not(.animating)>.glow{opacity:0;transition:opacity .75s ease-in-out}.marketing-card:before{background:linear-gradient(var(--marketing-card-bg)0 100%)padding-box,linear-gradient(#fff0 0% 100%)border-box,radial-gradient(at 80% 55%,#be85ff 0px,transparent 50%)border-box,radial-gradient(at 69% 34%,#ff7a93 0px,transparent 50%)border-box,radial-gradient(at 8% 6%,#8fffad 0px,transparent 50%)border-box,radial-gradient(at 41% 38%,#47daff 0px,transparent 50%)border-box,radial-gradient(at 86% 85%,#7af2ff 0px,transparent 50%)border-box,radial-gradient(at 82% 18%,#ffe74c 0px,transparent 50%)border-box,radial-gradient(at 51% 4%,#ff8d70 0px,transparent 50%)border-box,linear-gradient(#c299ff 0 100%)border-box;opacity:calc((var(--pointer-d) - var(--color-sens))/(100 - var(--color-sens)));-webkit-mask-image:conic-gradient(from var(--pointer-deg)at center,black 25%,transparent 40%,transparent 60%,black 75%);mask-image:conic-gradient(from var(--pointer-deg)at center,black 25%,transparent 40%,transparent 60%,black 75%);border:1px solid #0000}.marketing-card:after{-webkit-mask-image:linear-gradient(to bottom,black,black),radial-gradient(ellipse at 50% 50%,black 40%,transparent 80%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 55%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 55%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 55%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 55%),conic-gradient(from var(--pointer-deg)at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,black,black),radial-gradient(ellipse at 50% 50%,black 40%,transparent 80%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 55%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 55%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 55%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 55%),conic-gradient(from var(--pointer-deg)at center,transparent 5%,black 15%,black 85%,transparent 95%);opacity:calc((var(--pointer-d) - var(--color-sens))/(100 - var(--color-sens)));mix-blend-mode:var(--blend);background:radial-gradient(at 80% 55%,#be85ff99 0,#0000 50%) padding-box padding-box,radial-gradient(at 69% 34%,#ff7a9399 0,#0000 50%) padding-box padding-box,radial-gradient(at 8% 6%,#8fffad99 0,#0000 50%) padding-box padding-box,radial-gradient(at 41% 38%,#47daff99 0,#0000 50%) padding-box padding-box,radial-gradient(at 86% 85%,#7af2ff99 0,#0000 50%) padding-box padding-box,radial-gradient(at 82% 18%,#ffe74c99 0,#0000 50%) padding-box padding-box,radial-gradient(at 51% 4%,#ff8d7099 0,#0000 50%) padding-box padding-box,linear-gradient(#4a3b4e 0 100%) padding-box padding-box;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.marketing-card>.glow{--outset:var(--pads);inset:calc(var(--outset)*-1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--pointer-deg)at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--pointer-deg)at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--pointer-d) - var(--glow-sens))/(100 - var(--glow-sens)));mix-blend-mode:var(--glow-blend)}.marketing-card>.glow:before{content:"";inset:var(--outset);border-radius:inherit;box-shadow:inset 0 0 0 1px hsl(var(--glow-color)/100%),inset 0 0 1px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 60%)),inset 0 0 3px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 50%)),inset 0 0 6px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 40%)),inset 0 0 15px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 30%)),inset 0 0 25px 2px hsl(var(--glow-color)/calc(var(--glow-boost) + 20%)),inset 0 0 50px 2px hsl(var(--glow-color)/calc(var(--glow-boost) + 10%)),0 0 1px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 60%)),0 0 3px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 50%)),0 0 6px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 40%)),0 0 15px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 30%)),0 0 25px 2px hsl(var(--glow-color)/calc(var(--glow-boost) + 20%)),0 0 50px 2px hsl(var(--glow-color)/calc(var(--glow-boost) + 10%));position:absolute}.marketing-card{box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.marketing-card .inner{z-index:1;flex-direction:column;justify-content:space-between;display:flex;position:relative;container-type:inline-size}.marketing-card .content{text-align:left;color:color-mix(var(--fg),transparent 60%);scrollbar-width:none;padding:1em;font-weight:300;line-height:1.4;-webkit-mask-image:linear-gradient(0deg,#0000 5px,#000 2em);mask-image:linear-gradient(0deg,#0000 5px,#000 2em)}.marketing-card .content em,.marketing-card .content strong{color:color-mix(var(--fg),transparent 40%)}.marketing-card .content p{opacity:0;animation:1.5s ease-in-out 2s both fadeContent}.marketing-card .content p:nth-child(2){animation-delay:2.25s}.marketing-card .content p:nth-child(3){animation-delay:2.5s}.marketing-card .content p:nth-child(4){animation-delay:2.75s}@keyframes fadeContent{to{opacity:1}}main{align-content:center;justify-items:center;min-height:100%}
.icon-square-card{-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;max-width:600px;overflow:hidden;box-shadow:0 4px 90px #0000001a}.icon-square-card:before{content:"";z-index:2;opacity:.3;filter:blur(.5px);mix-blend-mode:hard-light;background:linear-gradient(90deg,#fff0 0%,#fff 34% 89%,#fff0 100%);width:100%;height:2px;position:absolute;top:0;left:0}.icon-square-card .noise{z-index:1;opacity:.1;width:100%;height:100%;position:absolute;top:0;left:0}.icon-square-card .content{z-index:2;text-shadow:-3px 0 2px #0000001a;position:relative}