button.custom-button{position:relative;padding:14.4px 32px;border-radius:50rem;border:none;cursor:pointer;transition:.2s;font-size:var(--dog);display:flex;align-items:center;gap:8px;justify-content:center}button.custom-button:hover{opacity:.8}button.custom-button.solid{background:var(--primary);color:var(--background)}button.custom-button.solid.black{background:var(--background);color:var(--primary)}button.custom-button.outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}button.custom-button.outline.black{border:1px solid var(--background);color:var(--background)}button.custom-button.expanded{width:100%}button.custom-button.sm{padding:8px 32px;font-size:var(--cat)}button.custom-button.lg{padding:16px 64px;font-size:var(--wolf)}.hats-logo{display:flex;align-items:center;gap:8px;transition:.2s;cursor:pointer}.hats-logo:hover{opacity:.7}.hats-logo .name{line-height:16px;font-size:var(--dog);display:flex;flex-direction:column}.hats-logo .name.in-row{flex-direction:row;gap:4px}footer.footer{padding:56px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;position:relative;width:100%;background:var(--background-card)}footer.footer.fixed{position:fixed;bottom:0;width:100%;max-width:1800px}footer.footer.minimal{padding-top:24px;padding-bottom:24px}footer.footer ul{list-style:none;letter-spacing:1px}footer.footer ul li{transition:.2s}footer.footer ul li:hover{color:var(--primary)}footer.footer .links-container{display:flex;justify-content:center;gap:64px}@media only screen and (max-width:37.5rem){footer.footer .links-container{flex-direction:column;align-items:flex-start;gap:32px}}footer.footer .links-container .links-box p.title{font-weight:900;font-size:var(--wolf);margin-bottom:16px}footer.footer .links-container .links-box ul.links{font-size:var(--cat);display:flex;flex-direction:column;gap:12px;padding-left:8px}@media only screen and (max-width:56.25rem){footer.footer .links-container .links-box ul.links{padding-left:1rem}}footer.footer hr{border:0;border-top:1px solid #555}footer.footer .logo-socials{width:100%;display:flex;justify-content:space-between}footer.footer .logo-socials .social{display:flex;flex-direction:column;align-items:center;gap:16px}footer.footer .logo-socials .social ul.social-links{display:flex;gap:16px;font-size:var(--hypo)}@media only screen and (max-width:25rem){footer.footer .logo-socials .social ul.social-links{gap:4px}}footer.footer .logo-socials .social ul.social-links li{display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;border:1px solid var(--stroke-color)}@media only screen and (max-width:37.5rem){footer.footer .logo-socials .social ul.social-links li.brandkit{display:none}}footer.footer .logo-socials .social ul.social-links li a{display:flex;justify-content:center;align-items:center}footer.footer .logo-socials .social ul.social-links li.text{width:auto;height:auto;border:none;font-size:var(--dog)}footer.footer .logo-socials .social ul.langs{display:flex;gap:16px}footer.footer .logo-socials .social ul.langs li{cursor:pointer}section.trusted-by-section{position:relative;padding-bottom:112px}section.trusted-by-section h3{font-size:var(--elephant)}section.trusted-by-section .projects{display:flex;gap:40px;padding-right:6%;margin-top:24px}section.trusted-by-section .projects .column,section.trusted-by-section .projects .row{gap:16px}section.trusted-by-section .projects .column .project,section.trusted-by-section .projects .row .project{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;width:80px;height:80px}section.trusted-by-section .projects .column .project:hover:before,section.trusted-by-section .projects .row .project:hover:before{opacity:0}section.trusted-by-section .projects .column .project:hover .project-name,section.trusted-by-section .projects .row .project:hover .project-name{opacity:1;visibility:visible;transform:translate(-110%,-50%)}section.trusted-by-section .projects .column .project:hover img,section.trusted-by-section .projects .row .project:hover img{filter:none!important}section.trusted-by-section .projects .column .project img,section.trusted-by-section .projects .row .project img{width:52px;height:auto;object-fit:contain;border-radius:50rem;filter:grayscale(100%)}section.trusted-by-section .projects .column .project .project-name,section.trusted-by-section .projects .row .project .project-name{width:max-content;position:absolute;top:50%;left:0;transform:translateY(-50%);background:var(--primary);color:#000;padding:8px 16px;font-size:var(--cat);text-align:center;font-weight:500;opacity:0;visibility:hidden;transition:.2s}section.trusted-by-section .projects .column .project:before,section.trusted-by-section .projects .row .project:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50rem;transition:.2s}section.trusted-by-section .projects .row{display:flex;gap:16px;bottom:104px;margin-left:-15%;animation:scroll-horizontal 30s linear infinite}@keyframes scroll-horizontal{0%{transform:translatX(0)}to{transform:translateX(-1120px)}}.button-container{position:fixed;bottom:40px;right:40px;z-index:100}@media only screen and (max-width:56.25rem){.button-container span{display:none}}section.user-products-section{position:relative;overflow:hidden;padding-bottom:80px}section.user-products-section .background-img{position:absolute;left:0;bottom:0;z-index:0;width:100%;height:100%;filter:opacity(.7);object-fit:cover;object-position:center}section.user-products-section .container{position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;gap:32px}section.user-products-section .container h3{font-size:var(--giraffe)}@media only screen and (max-width:37.5rem){section.user-products-section .container h3{font-size:var(--elephant)}}section.user-products-section .container p.subtitle{font-size:var(--hypo);text-align:center}section.user-products-section .container .products{width:100%;display:grid;justify-content:center;grid-gap:32px;gap:32px;grid-template-columns:repeat(3,1fr);margin-top:24px}@media only screen and (max-width:81.25rem){section.user-products-section .container .products{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:37.5rem){section.user-products-section .container .products{grid-template-columns:1fr;gap:24px}}section.user-products-section .container .products .product{background:var(--background);display:flex;flex-direction:column;gap:16px;padding:48px 32px 112px}@media only screen and (max-width:37.5rem){section.user-products-section .container .products .product{padding:48px 32px}}section.user-products-section .container .products .product .icon{width:80px;height:80px}section.user-products-section .container .products .product p{line-height:1.5;font-size:var(--wolf)}section.user-products-section .container .buttons{display:flex;justify-content:center;align-items:center;gap:48px}@media only screen and (max-width:37.5rem){section.user-products-section .container .buttons{gap:16px;flex-direction:column}}section.project-products-section{position:relative;overflow:hidden;padding-bottom:80px}section.project-products-section .background-img{position:absolute;left:0;bottom:0;z-index:0;width:100%;height:100%;filter:opacity(.7);object-fit:cover;object-position:center}section.project-products-section .container{position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;gap:32px}section.project-products-section .container h3{font-size:var(--giraffe)}@media only screen and (max-width:37.5rem){section.project-products-section .container h3{font-size:var(--elephant)}}section.project-products-section .container p.subtitle{font-size:var(--hypo);width:45%;text-align:center}@media only screen and (max-width:81.25rem){section.project-products-section .container p.subtitle{width:70%}}@media only screen and (max-width:56.25rem){section.project-products-section .container p.subtitle{width:90%}}section.project-products-section .container .products{width:100%;display:grid;justify-content:center;grid-gap:32px;gap:32px;grid-template-columns:repeat(4,1fr);margin-top:24px}@media only screen and (max-width:81.25rem){section.project-products-section .container .products{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:37.5rem){section.project-products-section .container .products{grid-template-columns:1fr;gap:24px}}section.project-products-section .container .products .product{background:var(--background);display:flex;flex-direction:column;gap:16px;padding:48px 32px 112px}@media only screen and (max-width:37.5rem){section.project-products-section .container .products .product{padding:48px 32px}}section.project-products-section .container .products .product .icon{width:80px;height:80px}section.project-products-section .container .products .product p{line-height:1.5;font-size:var(--wolf)}section.landing-section{position:relative;overflow:hidden;margin-top:152px;padding-bottom:80px;display:flex;justify-content:space-between;align-items:center;gap:48px;padding-top:64px}section.landing-section .background-image{position:absolute;left:0;bottom:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}section.landing-section .container{position:relative;z-index:0;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:56.25rem){section.landing-section .container{flex-direction:column}}section.landing-section .container .info{display:flex;flex-direction:column;width:65%}@media only screen and (max-width:81.25rem){section.landing-section .container .info{width:80%}}@media only screen and (max-width:56.25rem){section.landing-section .container .info{width:100%}}section.landing-section .container .info .title{width:100%;margin-bottom:12px;font-size:var(--whale);font-weight:100}@media only screen and (max-width:81.25rem){section.landing-section .container .info .title{font-size:var(--dinosaur)}}section.landing-section .container .info p.description{font-size:var(--elephant);line-height:1.35;width:65%;margin-bottom:40px}@media only screen and (max-width:81.25rem){section.landing-section .container .info p.description{font-size:var(--hypo)}}@media only screen and (max-width:56.25rem){section.landing-section .container .info p.description{width:100%}}section.landing-section .container .image{width:550px;height:-moz-fit-content;height:fit-content}@media only screen and (max-width:81.25rem){section.landing-section .container .image{width:400px}}@media only screen and (max-width:56.25rem){section.landing-section .container .image{display:none}}section.users-testimonials-section{padding:96px 22% 144px}@media only screen and (max-width:81.25rem){section.users-testimonials-section{padding:96px 15% 144px}}@media only screen and (max-width:56.25rem){section.users-testimonials-section{padding:96px 0 144px}}section.users-testimonials-section h3{font-size:var(--giraffe);text-align:center}@media only screen and (max-width:37.5rem){section.users-testimonials-section h3{font-size:var(--elephant)}}section.users-testimonials-section .testimonials{display:grid;grid-template-columns:repeat(2,1fr);width:100%;margin-top:48px;grid-gap:16px;gap:16px}@media only screen and (max-width:37.5rem){section.users-testimonials-section .testimonials{grid-template-columns:1fr;gap:24px}}section.users-testimonials-section .testimonials .item{background:var(--background-card);padding:32px 40px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}section.users-testimonials-section .testimonials .item .content{font-style:italic;font-weight:400;line-height:25px;margin-bottom:64px}section.users-testimonials-section .testimonials .item .image-container{flex:1 1;display:flex;justify-content:flex-end;align-items:flex-end;gap:8px}section.users-testimonials-section .testimonials .item .image-container .logo{height:32px;width:auto;border-radius:500px}section.users-testimonials-section .testimonials .item .image-container .name{font-style:italic;font-weight:300;color:var(--text-color-light)}section.clients-testimonials-section{padding-top:96px;padding-bottom:144px}section.clients-testimonials-section h3{font-size:var(--giraffe);text-align:center}@media only screen and (max-width:37.5rem){section.clients-testimonials-section h3{font-size:var(--elephant)}}section.clients-testimonials-section .testimonials{display:flex;width:100%;overflow-x:auto;margin-top:48px;-ms-overflow-style:none;scrollbar-width:none;gap:24px}section.clients-testimonials-section .testimonials::-webkit-scrollbar{display:none}section.clients-testimonials-section .testimonials .item{width:400px;min-width:400px;background:var(--background-card);padding:32px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}section.clients-testimonials-section .testimonials .item .logo{height:28px;width:auto}section.clients-testimonials-section .testimonials .item .content{font-style:italic;font-weight:400;line-height:25px}section.clients-testimonials-section .testimonials .item .name{flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;font-style:italic;font-weight:300;color:var(--text-color-light)}section.backed-by-section{position:relative;overflow:hidden;padding-bottom:80px;margin-bottom:160px}section.backed-by-section .background-img{position:absolute;left:0;bottom:0;z-index:0;width:100%;height:100%;filter:opacity(.6);object-fit:cover;object-position:center}section.backed-by-section .container{position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;gap:32px}section.backed-by-section .container h3{font-size:var(--giraffe);text-align:center}@media only screen and (max-width:37.5rem){section.backed-by-section .container h3{font-size:var(--elephant)}}section.backed-by-section .container .backed-by-list{margin-top:48px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:64px}@media only screen and (max-width:37.5rem){section.backed-by-section .container .backed-by-list{gap:32px}}section.backed-by-section .container .backed-by-list img.backed-by-image{height:5rem;width:auto}@media only screen and (max-width:37.5rem){section.backed-by-section .container .backed-by-list img.backed-by-image{height:4rem}}@media only screen and (max-width:25rem){section.backed-by-section .container .backed-by-list img.backed-by-image{height:3rem}}