@layer component{.hero{flex-direction:column;max-inline-size:1280px;margin-block-start:max(100px,9%);margin-inline:auto;padding-inline:clamp(1.5rem,2.5%,2rem);display:flex}.hero__heading{color:#0000;text-align:center;letter-spacing:-.05em;opacity:0;background-image:linear-gradient(to bottom right,#fff 30%,#fff6);-webkit-background-clip:text;background-clip:text;margin-block:0;padding-block:24px;font-size:clamp(2.8127rem,1.776rem + 5.1835vw,6.1172rem);line-height:1;animation:fade-in 1s .2s forwards}.hero__subHeading{letter-spacing:-.025em;text-align:center;opacity:0;color:#9ca3af;margin-block:0 3rem;font-size:clamp(1.125rem,.9741rem + .3448vw,1.25rem);line-height:1.25;animation:fade-in 1s .4s forwards}.hero__button{cursor:pointer;color:#000;opacity:0;background-color:#fff;border-radius:3px;align-items:center;width:auto;margin-inline:auto;padding-block:8px;padding-inline:17px;transition:background-color .15s cubic-bezier(.4,0,.2,1);animation:fade-in 1s .6s forwards;display:flex;-webkit-text-decoration:none!important;text-decoration:none!important}.hero__button:hover{background-color:#ebebeb;-webkit-text-decoration:none;text-decoration:none}.hero__button svg{margin-inline-end:1ch}.hero__beamed{opacity:0;perspective:2000px;border-radius:.75rem;margin-top:8rem;animation:fade-up 1s .4s forwards;position:relative}.hero__beamed:after{z-index:50;content:"";background:linear-gradient(to top,var(--backgroundNeutral) 10%,#0000000d 70%,#0000);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.hero__beamed:after{background:linear-gradient(to top,var(--backgroundNeutral) 10%,lab(0 0 0/.05) 70%,#0000)}}.hero__glow{border-radius:inherit;background-color:#ffffff03;border:1px solid #e1f0ff66}.hero__glowBefore{opacity:0;filter:blur(180px);background-image:linear-gradient(#9cd6decc,#618beacc,#0000 40%);background-image:linear-gradient(lab(81.9688% -17.9815 -9.85723/.8),lab(58.1227% 7.12654 -53.4737/.8),#0000 40%);width:100%;height:100%;animation:image-glow 4.1s ease-out 4.1s forwards;position:absolute;top:0;bottom:50%;left:0}.hero__screenshot{border-radius:inherit;object-fit:contain;-webkit-user-select:none;user-select:none;border:1px solid #8f7cff47;width:100%;height:auto;position:relative}@media prefers-reduced-motion{.hero__button,.hero__glow:before,.hero__heading,.hero__subHeading,.hero_screenshot{opacity:1}}.clients{max-inline-size:80rem;margin-block-start:6rem;margin-inline:auto;padding-inline:clamp(1.5rem,2.5%,2rem)}.clients__heading{color:#4b5563;text-align:center;margin:0;font-size:.875rem;font-weight:600;line-height:1.25rem}.clients__trust{flex-flow:wrap;justify-content:center;gap:1.5rem clamp(2.5rem,8%,4.5rem);margin:0;margin-block-start:2rem;padding:0;list-style:none;display:flex}.clients__trust img{height:1.8rem;padding-inline:.5rem}.arcGlow{pointer-events:none;z-index:-2;--color:#ffbf7f;height:50rem;margin:-14rem auto;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(#000,#0000 50%);mask-image:radial-gradient(#000,#0000 50%)}@media (color-gamut:p3){.arcGlow{--color:#ffbf7f}@supports (color:lab(0% 0 0)){.arcGlow{--color:lab(82.3722% 18.4527 41.9479)}}}.arcGlow:before{opacity:.4;content:"";background-image:radial-gradient(circle at bottom center,var(--color),#0000 70%);width:100%;height:100%;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.arcGlow:before{background-image:radial-gradient(circle at bottom center,var(--color),lab(0 0 0/0) 70%)}}.arcGlow:after{aspect-ratio:1/.7;content:"";background-color:#000;border-color:#222;border-top-width:1px;border-radius:50%;width:200%;position:absolute;top:50%;left:-50%}.work{color:#fff;flex-direction:column;max-inline-size:1280px;margin-inline:auto;padding-inline:clamp(1.5rem,2.5%,2rem);display:flex}.work__copy{text-align:center;max-width:64rem;align-self:stretch;inline-size:100%;margin-block-start:-1rem;margin-inline:auto}.work__sub{font-size:1.25rem;line-height:1.75rem}.work__heading,.work__sub{letter-spacing:-.025em;margin:0}.work__heading{font-size:3.75rem;line-height:1}.work__description{margin-block-end:0;font-size:1.25rem;line-height:2rem}.work__projects{flex-direction:column;justify-content:center;gap:2rem;width:100%;margin-block-start:3rem;margin-inline:auto;display:grid}@media (min-width:640px){.work__projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.work__projects{grid-template-columns:repeat(4,minmax(0,1fr))}}}