body{font-family:var(--primary-font-family);font-optical-sizing:auto;--web-width:clamp(200px, 85vw, 1100px);margin:0}main{background-color:var(--neutral-950);padding-top:80px}.subheadline{color:var(--neutral-300);text-align:center;max-width:45ch;margin-block-start:10px;margin-inline:auto;font-size:clamp(1rem,4vw,1.1rem)}h1,h2,h3{font-family:var(--secondary-font-family);font-weight:500}h1{color:var(--neutral-100);text-align:center;max-width:25ch;margin-inline:auto;font-size:clamp(2.5rem,5vw,3.2rem)}h2{color:var(--neutral-100);max-width:18ch;margin-block-start:10px;font-size:clamp(2.3rem,5vw,2.8rem)}.services{border:1px solid var(--neutral-800);grid-template-columns:repeat(3,1fr);grid-auto-rows:480px;margin-top:30px;display:grid}.service{isolation:isolate;position:relative}.service:nth-child(2n){border-right:1px solid var(--neutral-800)}.service:nth-child(2){border-left:1px solid var(--neutral-800)}.service:not(:last-of-type){border-bottom:1px solid var(--neutral-800)}.service h3{color:var(--neutral-100);max-width:25ch;font-size:clamp(1.2rem,5vw,1.4rem);font-weight:400}.service p{color:var(--neutral-400);max-width:45ch;margin-block-start:10px;font-size:clamp(.95rem,4vw,1.02rem)}.service .service-preview{--background-image:url(/gradient-boxes.webp);--background-position:bottom -20px right -20px;--background-size:60%;z-index:-2;background-image:var(--background-image);background-repeat:no-repeat;background-size:var(--background-size);background-position:var(--background-position);filter:grayscale()brightness(1.1);will-change:filter;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 50%,#000);mask-image:linear-gradient(#0000 50%,#000)}@media (prefers-reduced-motion:no-preference){.service .service-preview{transition:filter 1s cubic-bezier(.075,.82,.165,1)}}.service .description-container{padding:clamp(10px,3vw,45px)}.service:hover .service-preview{filter:grayscale(0%)brightness(1.4)}.cta-section{grid-area:c}.hero-section-container{isolation:isolate;position:relative;overflow:hidden}.hero-section-preview{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;display:grid;position:absolute;inset:0}.hero-section{width:var(--web-width);height:clamp(500px,85vh,900px);margin-inline:auto;padding-block:80px}.hero-section .cta-container{width:fit-content;margin-block-start:20px;margin-inline:auto}#gradient-boxes{object-fit:cover;object-position:center;filter:brightness(.5)saturate(1.5);align-self:flex-end;width:100%;height:60%}.services-section{width:var(--web-width);margin-inline:auto;padding:150px 0 75px}.section-tag{color:var(--neutral-300);text-transform:uppercase;letter-spacing:2px;font-size:clamp(.65rem,2vw,.75rem);font-weight:500}.section-tag:before{content:"";aspect-ratio:1;background-color:#4632ff;width:10px;margin-right:10px;display:inline-block}.services-section-container{container:services-section/inline-size}.solution-flow-section-container{container:solution-flow-section/inline-size}.solution-flow-section{width:var(--web-width);margin-inline:auto;padding:75px 0}.solution-flow-section .section-tag:before{background-color:#ff3131}.flows{--border:1px solid var(--neutral-800);border:var(--border);interpolate-size:allow-keywords;margin-top:30px;display:grid;overflow:hidden}.flow{color:var(--neutral-300);isolation:isolate;will-change:width;height:450px;padding:clamp(20px,5vw,50px);transition:width .5s cubic-bezier(.075,.82,.165,1);position:relative}.flow:not(:last-of-type){border-bottom:1px solid var(--neutral-800)}.flow .heading,.flow .counter{white-space:nowrap;font-size:clamp(1.5rem,4vw,2rem);display:inline-block}.flow .counter{color:var(--neutral-600);margin-right:8px}.flow .heading{--hovered-color:#0059cee7;color:var(--hovered-color);opacity:1;transition:display .5s allow-discrete, opacity .7s cubic-bezier(.075, .82, .165, 1);transition-delay:0s,.2s}@starting-style{.flow .heading{opacity:0;display:inline-block}}.flow p{margin-top:auto;font-size:clamp(.95rem,1.2vw,1rem)}.flow .text{flex-direction:column;height:100%;display:flex}.flow-preview{z-index:-1;--background-image:url(/gradient-boxes.webp);--background-position:center;--background-size:cover;--gradient:linear-gradient(#0000 25%, #000, #0000 80%);inset:0;z-index:-2;background-image:var(--background-image);background-repeat:no-repeat;background-size:var(--background-size);background-position:var(--background-position);-webkit-mask-image:var(--gradient);-webkit-mask-image:var(--gradient);mask-image:var(--gradient);filter:saturate(.3)brightness(1.8);will-change:filter;position:absolute;inset:0;overflow:hidden}@media (prefers-reduced-motion:no-preference){.flow-preview{transition:filter 1s cubic-bezier(.075,.82,.165,1)}}.businesses-showcase-section-container{background-color:#111}.businesses-showcase-section{width:var(--web-width);text-align:center;font-family:var(--secondary-font-family);margin-inline:auto;padding:120px 0}.tech-stack-section{width:var(--web-width);text-align:center;margin-inline:auto;padding:120px 0;overflow:hidden}.tech-stack-section h3{color:var(--neutral-100);margin-block-start:10px;font-size:clamp(2.5rem,5vw,3rem);font-weight:500}.tech-stack-section p{color:var(--neutral-300);font-size:clamp(1rem,4vw,1.1rem)}.tech-stack-section .section-tag:before{background-color:var(--secondary-color-2)}.tech-stack-preview{isolation:isolate;pointer-events:none;-webkit-user-select:none;user-select:none;gap:30px;margin-top:60px;display:grid;position:relative}.tech-stack-preview .forward,.tech-stack-preview .reverse{gap:20px;display:flex}.tech-stack-preview .forward{animation-name:slide-left;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards}.tech-stack-preview .reverse{flex-direction:row-reverse;animation-name:slide-right;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:backwards;transform:translate(-75%)}.tech-stack-preview img{aspect-ratio:1;border-radius:10px;width:55px}.values-section-container{background-color:#f4caff}.values-section{width:var(--web-width);text-align:center;margin-inline:auto;padding:120px 0}.values-section h2{max-width:max-content;color:var(--neutral-950);margin-inline:auto}.values-section p{color:var(--neutral-800);max-width:50ch;margin-inline:auto;margin-top:5px;font-size:clamp(1rem,4vw,1.1rem)}.values-section .section-tag{color:var(--neutral-800)}.values-section .section-tag:before{background-color:#ff0}.contacts-container{margin-block-start:30px}.static{color:var(--neutral-100);margin-block-start:10px;font-size:clamp(2.3rem,5vw,3.5rem);display:block}.dynamic-container{--height:clamp(40px, 5vmax, 70px);height:var(--height);overflow:hidden;container-type:size}.dynamic{color:#71b1ea;justify-content:center;align-items:center;height:100cqh;display:flex}.dynamic span{white-space:nowrap;font-size:clamp(20px,59cqh,40px)}.dynamic-slider{--n:0;transform:translateY(calc(var(--n) * -100cqh));will-change:transform;transition:transform 1s cubic-bezier(.075,.82,.165,1)}@container services-section (width<=900px){.services{grid-template-columns:repeat(2,1fr)}.service:nth-child(2n){border-right:none;border-left:1px solid var(--neutral-800)}}@container services-section (width<=590px){.services{grid-template-columns:1fr}.service:nth-child(2n){border-left:none;border-right:none}}@container solution-flow-section (width>=830px){.flows{grid-template-columns:repeat(4,1fr)}.flow{border-left:var(--border);padding:clamp(15px,2cqi,30px)}.flow .heading{color:unset}.flows:hover .flow:not(:hover) .heading{opacity:0;transition:none;display:none}.flow-preview{filter:grayscale()brightness(1.1)}.flow:hover{width:40cqw}.flow:hover .heading{color:var(--hovered-color)}.flow:hover .flow-preview{filter:saturate(.3)brightness(1.8)}.flow:hover p{opacity:1;visibility:visible;transition:opacity .7s cubic-bezier(.075,.82,.165,1) .399s}.heading,.counter{font-size:clamp(1.5rem,2vw,2.3rem)}p{opacity:0;visibility:hidden;font-size:clamp(.9rem,1.5vw,1rem)}}@media (prefers-reduced-motion:no-preference){.social-handles-section img{transition:filter .1s ease-in}}@keyframes slide-right{to{transform:translate(calc(10px - 25%))}}@keyframes slide-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - 10px))}}