html,body{margin:0;padding:0}.hero-section{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);will-change:clip-path;background:#000;grid-template-rows:100vh;grid-template-columns:100vw;place-items:center;display:grid;position:relative;overflow:hidden}.hero-section--animate{animation:1.25s cubic-bezier(.29,.8,.8,.98) forwards clip-hero-anim}.hero-section__bg,.hero-section__cnt{grid-area:1/1/2/2;align-self:center}.hero-section__bg{z-index:0;opacity:0;will-change:opacity;grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;width:100%;height:100%;display:grid;position:relative}.hero-section--animate .hero-section__bg{animation:.75s linear forwards fade-in}.hero-section__bg:before{content:"";z-index:5;background-blend-mode:screen;background:#0009;display:block;position:absolute;inset:-10%}.hero-section__bg picture{will-change:transform;transform-origin:50%;width:100vw;height:100vh;transition:none;display:block;position:relative;transform:scale(1.25)}.hero-section__picture--animate{transform-origin:50%;animation:4s cubic-bezier(0,.71,.4,.97) .75s forwards scaling-hero-anim!important}.hero-section__bg-img{object-fit:cover;object-position:77% 50%;will-change:transform;transform-origin:50%;transform:scale(1.25)}.hero-section__picture--animate .hero-section__bg-img{animation:4s cubic-bezier(0,.71,.4,.97) .75s forwards scaling-hero-anim!important}.hero-section__cnt{z-index:10;color:#fff;text-transform:uppercase;opacity:0;place-items:center;gap:1rem;width:100%;height:100%;font-size:2.5vw;display:grid;position:relative}.hero-section--animate .hero-section__cnt{animation:.75s linear 1.5s forwards fade-in}.hero-section__cnt h1{margin:0;padding:0}.hero-section__center{pointer-events:none;position:relative}.hero-section__center h1{text-transform:uppercase;color:#fff;-webkit-user-select:none;user-select:none;pointer-events:none;margin:0;padding:0;font-size:4.2em;font-weight:900;line-height:1;position:relative}.hero-section__subtitle{color:#ffffffb3;text-transform:none;-webkit-user-select:none;user-select:none;pointer-events:none;margin:1rem 0 0;padding:0;font-size:.5em;font-weight:400}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scaling-hero-anim{0%{transform:scale(1.25)}to{transform:scale(1.1)}}@keyframes clip-hero-anim{0%{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}}@media (max-width:768px){.hero-section__cnt{font-size:4vw}.hero-section__center h1{font-size:4.2em}}
.top-menu{z-index:100;position:fixed;top:1.5rem;right:1.5rem}.top-menu__button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#262626f2;border:2px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;box-shadow:0 4px 6px #0000004d,0 8px 16px #0003}.top-menu__button:hover{background:#2a2a2af2;border-color:#fff3;transform:scale(1.05)}.top-menu__button:active{transform:scale(.95)}.top-menu__icon{flex-direction:column;gap:6px;width:24px;height:18px;display:flex;position:relative}.top-menu__line{transform-origin:50%;background-color:#fff;border-radius:2px;width:100%;height:2px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.top-menu__line--open:first-child{transform:rotate(45deg)translate(8px,8px)}.top-menu__line--open:nth-child(2){opacity:0;transform:scaleX(0)}.top-menu__line--open:nth-child(3){transform:rotate(-45deg)translate(8px,-8px)}.top-menu__dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#262626fa;border:2px solid #ffffff1a;border-radius:12px;min-width:200px;animation:.3s ease-out menuFadeIn;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 8px 16px #0006,0 16px 32px #0000004d}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.top-menu__item{color:#fff;border-bottom:1px solid #ffffff0d;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.top-menu__item:last-child{border-bottom:none}.top-menu__item:hover{color:#fff;background:#ffffff0d;padding-left:1.75rem}.top-menu__item:active{background:#ffffff1a}@media (max-width:768px){.top-menu{top:1rem;right:1rem}.top-menu__button{width:45px;height:45px}.top-menu__dropdown{min-width:180px}}
.card-hover{position:relative;overflow:hidden}.card-hover:before,.card-hover:after{content:"";z-index:0;transform-origin:0 0;border-radius:50%;transition:transform .5s ease-in-out;position:absolute;top:-50%;left:-50%;transform:scale(0)}.card-hover:before{background:#e5e5e5;width:250%;height:250%}.card-hover:after{background:#fff;width:200%;height:200%;transition-delay:.1s}.card-hover:hover:before,.card-hover:hover:after{transform:scale(1)}.card-content{z-index:10;transition:color .5s;position:relative}.card-hover:hover .card-content{color:#171717}.card-hover:hover .card-content h1{text-align:left}.card-description{opacity:0;max-height:0;margin-bottom:0;transition:opacity .5s ease-in-out,max-height .5s ease-in-out,margin .5s ease-in-out;overflow:hidden}.card-hover:hover .card-description{opacity:1;max-height:400px;margin-bottom:1.25rem}.card-tag{opacity:0;max-height:0;margin:0;transition:all .5s ease-in-out;overflow:hidden}.card-hover:hover .card-tag{opacity:1;color:#fff;background:#171717;max-height:100px;margin-top:0}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.pricing-card{transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s ease-out forwards fadeInUp;position:relative}.pricing-card:first-child{opacity:0;animation-delay:.1s}.pricing-card:nth-child(2){opacity:0;animation-delay:.2s}.pricing-card:hover{border-color:#404040;transform:translateY(-8px);box-shadow:0 20px 40px #0006,0 0 20px #ffffff0d}.pricing-price{display:inline-block;position:relative}.pricing-button{position:relative;overflow:hidden}.pricing-button:before{content:"";background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pricing-button:hover:before{width:300px;height:300px}.pricing-button span{z-index:1;position:relative}.pricing-cta-button{transition:all .3s;position:relative;overflow:hidden}.pricing-cta-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.pricing-cta-button:hover:before{left:100%}.pricing-cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}.pricing-description{flex-direction:column;align-items:flex-start;padding:1.5rem 0;display:flex;position:relative}.pricing-description:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:60px;height:2px;transition:width .4s;position:absolute;top:0;left:50%;transform:translate(-50%)}.pricing-card:hover .pricing-description:before{width:120px}.pricing-description-line{align-items:flex-start;margin-bottom:.75rem;display:flex;position:relative}.pricing-description-line:before{content:"→";color:#ffffff80;flex-shrink:0;margin-top:.1em;margin-right:.75rem;transition:all .3s}.pricing-card:hover .pricing-description-line:before{color:#fffc;transform:translate(4px)}.pricing-description-line:last-child{margin-bottom:0}
.project-cta-wrapper{--width:300px;--height:calc(1.125rem + 2rem + 2rem);--padding:8px;--border-radius:24px;--dot-size:8px;--btn-color:#262626;--hue:142deg;--animation-duration:1.2s;width:var(--width);height:var(--height);border-radius:var(--border-radius);box-shadow:none;perspective:150px;perspective-origin:50%;-webkit-user-select:none;user-select:none;z-index:1;background-color:#0000;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:box-shadow 50ms linear;display:flex;position:relative}.project-cta-wrapper-integrated{--padding:8px;--border-radius:16px;--dot-size:8px;--btn-color:#262626;--hue:142deg;--animation-duration:1.2s;-webkit-user-select:none;user-select:none;caret-color:#0000;z-index:10;border-left:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:stretch;width:auto;min-width:80px;display:flex;position:relative;overflow:visible}.project-cta-btn{text-align:center;width:calc(100% - 2*var(--padding));height:calc(100% - 2*var(--padding));border-radius:calc(var(--border-radius) - var(--padding));cursor:pointer;background:linear-gradient(#ffffff0d,#0000000d),var(--btn-color);will-change:transform,filter;z-index:2;border:none;outline:none;justify-content:center;align-items:center;padding:0;transition:transform .25s cubic-bezier(.25,1.5,.5,2.2),box-shadow .25s cubic-bezier(.25,1.5,.5,1),filter .3s cubic-bezier(.25,1.5,.5,1);display:flex;position:relative;box-shadow:inset 1px 1px 2px -1px #ffffff1a,0 2px 1px #0000001a,0 4px 2px #0000001a,0 8px 4px #0000001a,0 16px 8px #0000001a,0 32px 16px #0000001a}.project-cta-btn-integrated{text-align:center;cursor:pointer;box-shadow:none;will-change:background-color,filter;z-index:10;caret-color:#0000;-webkit-user-select:none;user-select:none;background:#262626;border:none;border-radius:0;outline:none;justify-content:center;align-items:center;width:100%;height:100%;padding:0 2rem;transition:background-color .2s,filter .3s cubic-bezier(.25,1.5,.5,1);display:flex;position:relative;overflow:visible}.project-cta-btn-txt{color:#fff;text-transform:uppercase;flex-shrink:0;font-size:18px;font-weight:900;display:inline-block}.project-cta-dot{width:var(--dot-size);aspect-ratio:1;background-color:hsla(var(--hue),0%,50%,.1);border:1px solid hsla(var(--hue),0%,60%,.6);box-sizing:border-box;pointer-events:none;z-index:20;border-radius:50%;flex-shrink:0;position:relative;box-shadow:inset 1px 1px 2px -1px #fff3,0 2px 1px #0000001a,0 4px 2px #0000001a,0 8px 4px #0000001a}.project-cta-dot:before{content:"";width:calc(100% + var(--padding));height:calc(100% + var(--padding));background-color:#0006;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle at 50% 60%,#0000 50%,#000);mask-image:radial-gradient(circle at 50% 60%,#0000 50%,#000)}.project-cta-dot:after{content:"";width:calc(100% + var(--padding)*2);height:calc(100% + var(--padding)*2);box-shadow:0 0 15px 3px hsla(var(--hue),80%,50%,.4),0 0 30px 15px hsla(var(--hue),80%,50%,.6),0 0 60px 25px hsla(var(--hue),80%,50%,.6),0 0 20px 2px hsla(var(--hue),100%,60%,.9)inset;opacity:0;z-index:-1;background-color:#0000;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-cta-dot.pulse{animation:bg-anim var(--animation-duration)ease-in-out infinite;transition:transform .2s ease-in}.project-cta-dot.pulse:after{animation:opacity-anim var(--animation-duration)ease-in-out infinite}@keyframes bg-anim{0%,to{background-color:hsla(var(--hue),50%,50%,0)}50%{background-color:hsla(var(--hue),100%,50%,1)}}@keyframes opacity-anim{0%,to{opacity:0}50%{opacity:1}}.project-cta-btn:hover,.project-cta-btn:focus-visible{filter:drop-shadow(var(--padding)0 var(--padding)hsla(var(--hue),70%,60%,.6));transform:translate3d(0,-2px,2px)}.project-cta-btn-integrated:hover,.project-cta-btn-integrated:focus-visible{filter:none;background-color:#2a2a2a}.project-cta-btn:hover .project-cta-btn-txt,.project-cta-btn:focus-visible .project-cta-btn-txt{color:#fff}.project-cta-btn:hover .project-cta-dot.pulse,.project-cta-btn:focus-visible .project-cta-dot.pulse,.project-cta-btn-integrated:hover .project-cta-dot.pulse,.project-cta-btn-integrated:focus-visible .project-cta-dot.pulse{background-color:hsla(var(--hue),100%,50%,1);border-radius:50%;animation:none}.project-cta-btn:hover .project-cta-dot.pulse:before,.project-cta-btn:focus-visible .project-cta-dot.pulse:before,.project-cta-btn-integrated:hover .project-cta-dot.pulse:before,.project-cta-btn-integrated:focus-visible .project-cta-dot.pulse:before{border-radius:50%}.project-cta-btn:hover .project-cta-dot.pulse:after,.project-cta-btn:focus-visible .project-cta-dot.pulse:after,.project-cta-btn-integrated:hover .project-cta-dot.pulse:after,.project-cta-btn-integrated:focus-visible .project-cta-dot.pulse:after{opacity:1;border-radius:50%;animation:none}.project-cta-btn:focus-visible,.project-cta-btn-integrated:focus-visible{outline:none}.project-cta-btn:active{filter:drop-shadow(var(--padding)0 var(--padding)hsla(var(--hue),100%,50%,1));transform:translateZ(-4px)}.project-cta-btn-integrated:active{filter:none;background-color:#2f2f2f}.project-cta-btn:active .project-cta-btn-txt{color:#fff}.project-cta-btn:active .project-cta-dot.pulse,.project-cta-btn-integrated:active .project-cta-dot.pulse{background-color:hsla(var(--hue),100%,50%,1);animation-play-state:paused}.project-cta-wrapper:has(.project-cta-btn:active){box-shadow:0 0 32px 2px hsla(var(--hue),50%,50%,.5)inset}.project-cta-btn-floating{--padding:8px;--border-radius:16px;--dot-size:8px;--btn-color:#262626;--hue:142deg;--animation-duration:1.2s;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#262626f2;border:2px solid #ffffff1a;border-radius:50%;outline:none;justify-content:center;align-items:center;width:60px;height:60px;transition:background-color .2s,transform .2s,box-shadow .2s,opacity .3s,visibility .3s;animation:.3s ease-out fadeInScale;display:flex;position:relative;overflow:visible;box-shadow:0 4px 6px #0000004d,0 8px 16px #0003}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.project-cta-btn-floating:hover{background:#2a2a2af2;transform:scale(1.05);box-shadow:0 6px 8px #0006,0 12px 20px #0000004d}.project-cta-btn-floating:active{background:#2f2f2ff2;transform:scale(.95)}.project-cta-btn-floating:focus-visible{outline:none}.project-cta-btn-floating:hover .project-cta-dot.pulse,.project-cta-btn-floating:focus-visible .project-cta-dot.pulse{background-color:hsla(var(--hue),100%,50%,1);border-radius:50%;animation:none}.project-cta-btn-floating:hover .project-cta-dot.pulse:after,.project-cta-btn-floating:focus-visible .project-cta-dot.pulse:after{opacity:1;border-radius:50%;animation:none}.project-cta-btn-floating:active .project-cta-dot.pulse{background-color:hsla(var(--hue),100%,50%,1);animation-play-state:paused}
