footer{border-radius:56px 56px 0 0;background:radial-gradient(34.5% 69.69% at 51.87% 71.78%,rgba(8,0,26,.24) 62.5%,rgba(8,0,26,0) 100%),radial-gradient(195.4% 114.15% at 102.12% 80.23%,rgba(239,0,215,.08) 14%,rgba(8,0,26,.08) 70.5%),radial-gradient(177.13% 121.22% at 15.66% 35.67%,rgba(82,0,255,.08) 14%,rgba(8,0,26,.08) 70.5%),var(--dark-color);backdrop-filter:blur(2px)}footer .footer-map-section{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;align-self:stretch;gap:32px;padding:56px 152px 56px 152px;margin:0 auto;max-width:1424px}footer .footer-first-line{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}footer .liste-social-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px}footer .liste-social-icon .link-social-icon{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:56px;opacity:0;transform:translateY(8px);transition:scale .3s ease-in-out;will-change:transform}body.light footer .liste-social-icon .link-social-icon{background:radial-gradient(42.17% 105.71% at 50% 51.43%,var(--white-color) 0,var(--grey-color) 100%)}body.dark footer .liste-social-icon .link-social-icon{background:0 0;border:1px solid var(--white-color)}body.dark footer .liste-social-icon .link-social-icon svg,body.dark footer .liste-social-icon .link-social-icon svg path{fill:var(--white-color)}footer .liste-social-icon .link-social-icon .social-icon{height:fit-content}footer.visible .liste-social-icon .link-social-icon:first-child{will-change:transform;animation:bounceUp .3s ease-in-out forwards}footer.visible .liste-social-icon .link-social-icon:nth-child(2){will-change:transform;animation:bounceUp .3s .1s ease-in-out forwards}footer.visible .liste-social-icon .link-social-icon:nth-child(3){will-change:transform;animation:bounceUp .3s .2s ease-in-out forwards}footer.visible .liste-social-icon .link-social-icon:nth-child(4){will-change:transform;animation:bounceUp .3s .3s ease-in-out forwards}footer.visible .liste-social-icon .link-social-icon:nth-child(5){will-change:transform;animation:bounceUp .3s .4s ease-in-out forwards}footer .liste-social-icon .link-social-icon:hover{transform:scale(1.04)!important}footer .liste-social-icon .link-social-icon .social-icon{height:fit-content}footer .newsletter{width:32%;opacity:0;transform:translateY(8px)}footer .newsletter form{position:relative;display:flex;flex-direction:row;border-radius:32px}body.light footer .newsletter form{background:var(--white-color)}body.dark footer .newsletter form{background:0 0;border:1px solid var(--white-color)}footer .newsletter form input[type=mail]{display:flex;align-items:flex-start;gap:10px;padding:8px 24px;width:calc(100% - 52px);border:none;border-radius:32px}body.light footer .newsletter form input[type=mail]{color:var(--dark-color)}body.dark footer .newsletter form input[type=mail]{color:var(--white-color)}footer .newsletter #response-message{position:absolute;top:-44px}footer.visible .newsletter{will-change:transform;animation:bounceUp .3s .3s ease-in-out forwards}footer hr{width:100%;height:1px;border:none;background:rgba(255,255,255,.24)}footer .footer-second-line{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.footer-logo{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:247px;opacity:0}footer .footer-logo .logo{width:188px;height:64px;background-position-y:8px;background-repeat:no-repeat;background-size:contain}body.light footer .footer-logo .logo{background-image:url('../../assets/images/logo-theo-ransay-light.png'),url('../../assets/images/logo-theo-ransay-light.webp')}body.dark footer .footer-logo .logo{background-image:url('../../assets/images/logo-theo-ransay-dark.png'),url('../../assets/images/logo-theo-ransay-dark.webp')}@media (max-width:768px){footer .footer-logo .logo{width:100%;height:116px}}footer.visible .footer-logo{will-change:transform;animation:apear .3s 850ms ease-in forwards}footer .footer-site-map{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:72px}footer .footer-nav{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;opacity:0}footer strong{color:var(--white-color)!important}footer .footer-copyright p,footer .footer-second-line p{color:var(--lightness-color)!important}footer a{color:var(--lightness-color);transition:.3s ease-in-out;will-change:color}body.light footer a:hover{color:var(--primary-color)}body.dark footer a:hover{color:var(--primary-darkmode-color)}footer ul li{font-size:16px;font-style:normal;font-weight:400;line-height:24px}footer.visible .footer-nav:first-child{will-change:transform;animation:apear .3s 1.2s ease-in forwards}footer.visible .footer-nav:nth-child(2){will-change:transform;animation:apear .3s 1.1s ease-in forwards}footer .footer-copyright{border-top:1px solid rgba(255,255,255,.25);margin-bottom:8px}footer .footer-copyright>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 152px;margin:0 auto;max-width:1424px}footer .footer-credits{display:flex;flex-direction:row;align-items:center;gap:16px}footer .footer-copyright a,footer .footer-credits p{opacity:0;transform:translateY(-8px)}footer.visible .footer-credits p:first-child{will-change:transform;animation:bounceDown .3s 450ms ease-in-out forwards}footer.visible .footer-credits p:nth-child(2){will-change:transform;animation:bounceDown .3s 550ms ease-in-out forwards}footer.visible .footer-copyright a{will-change:transform;animation:bounceDown .3s .7s ease-in-out forwards}@media (max-width:768px){footer .footer-map-section{padding:40px 32px 56px 32px}footer .footer-first-line{flex-direction:column;gap:48px}footer .newsletter{width:100%;order:-1}footer .footer-second-line{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center;gap:48px;width:100%}.footer-logo{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:fit-content}footer .footer-logo a{width:100%}footer .footer-logo img{max-width:100%;width:100%}footer .footer-logo p{text-align:center}footer .footer-site-map{display:none}footer .footer-copyright>div{flex-wrap:wrap;justify-content:center;gap:8px;padding:16px 32px}}@media (min-width:769px) and (max-width:1024px){footer .footer-map-section{padding:40px 56px}footer .footer-copyright>div{padding:16px 56px}}.rounded-icon-container{display:flex;justify-content:center;align-items:center;padding:8px;border-radius:80px;background:linear-gradient(119deg,var(--white-color) -14.19%,var(--secondary-color) 222.44%);min-width:24px;min-height:24px}.rounded-icon-container svg,.rounded-icon-container svg path{fill:var(--dark-color)!important}.primary-button{display:flex;align-items:center;justify-content:center}.primary-button a{padding:8px 24px;border-radius:32px;transition:.3s ease-in-out;will-change:transform}body.light .primary-button a{color:var(--white-color);background:linear-gradient(to right,var(--secondary-color) -78.12%,var(--primary-color) 68.67%)}body.dark .primary-button a{color:var(--bg-darkness-element);background:var(--primary-darkmode-color)}.primary-button:hover a{transform:translateY(-4px) scale(1.01)}.secondary-button{display:flex;align-items:center;justify-content:center}.secondary-button a{padding:8px 24px;border-radius:32px;color:var(--dark-color);background:var(--dark-color);transition:.3s ease-in-out;will-change:transform}.secondary-button.lightness a{color:var(--dark-color);background:var(--white-color)}.secondary-button:hover a{transform:translateY(-4px) scale(1.01)}.third-button{padding:8px 24px;border:1px solid;border-radius:32px;color:var(--dark-color);border-color:var(--dark-color);background:0 0;transition:.3s ease-in-out;will-change:transform,background}.third-button.darkness{color:var(--dark-color);border-color:var(--dark-color)}.third-button.darkness:hover{transform:translateY(-4px);background:rgba(0,0,0,.1)}.third-button.lightness{color:var(--white-color);border-color:var(--white-color)}.third-button.lightness:hover{transform:translateY(-4px);background:rgba(255,255,255,.3)}.fourth-button{padding:6px 24px;border:1px solid;border-radius:32px;font-size:12.8px;transition:.3s ease-in-out;will-change:background}.fourth-button.darkness{color:var(--dark-color);border-color:var(--dark-color);background-color:transparent}.fourth-button.darkness:hover{background:rgba(0,0,0,.1)}.fourth-button.lightness{color:var(--white-color);border-color:var(--white-color);background-color:transparent}.fourth-button.lightness:hover{background:rgba(255,255,255,.3)}div.logo-container{position:fixed;inset:0;width:100%;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:-9999}div.logo-container svg{fill-opacity:0;stroke:var(--dark-color);stroke-width:1px;stroke-dasharray:4500;will-change:transform;animation:drawLogo 8s ease-in-out both,apearLogo .6s 1s ease-in both,desapearLogo .6s 2.6s ease-in both}div.logo-container img{opacity:0;animation:loaderFade .6s 1s ease-in both,loaderHide .6s 2.6s ease-in both}body.light div.logo-container svg{stroke:var(--dark-color)}body.dark div.logo-container svg{stroke:var(--white-color)}body.dark div.logo-container svg path.five,body.dark div.logo-container svg path.one,body.dark div.logo-container svg path.three,body.dark div.logo-container svg path.two{fill:var(--white-color)}body.dark div.logo-container svg path.four,body.dark div.logo-container svg path.six{fill:var(--primary-darkmode-color)}@keyframes drawLogo{0%{stroke-dashoffset:4500}100%{stroke-dashoffset:0}}@keyframes apearLogo{to{fill-opacity:1;stroke-opacity:0}}@keyframes desapearLogo{to{fill-opacity:0}}@keyframes loaderFade{to{opacity:1}}@keyframes loaderHide{to{opacity:0}}section.hero{background:radial-gradient(243.68% 98.08% at 3.65% 84.7%,rgba(239,0,215,.08) 14%,rgba(8,0,26,.08) 70.5%),radial-gradient(70.31% 35.55% at 50% 43.71%,rgba(8,0,26,.24) 62.5%,rgba(8,0,26,0) 100%),radial-gradient(188.28% 171.83% at 83.92% 31.06%,rgba(82,0,255,.08) 14%,rgba(8,0,26,.08) 70.5%),var(--dark-color);backdrop-filter:blur(16px);border-radius:0 0 56px 56px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 8px)}section.hero .hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;max-width:calc(825 * var(--res));width:100%}section.hero h1{color:var(--white-color)}section.hero p{color:var(--lightness-color)}section.hero strong{color:var(--white-color)}#pricingForm .row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;width:100%}.label-input-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;width:100%}form label{position:relative;left:24px;font-family:var(--text-font);font-size:14px;color:var(--lightness-color)}form input,form select{width:calc(100% - 48px);padding:8px 24px;border-radius:22px;border:1px solid var(--lightness-color);background:0 0;color:var(--lightness-color)}form select{height:44px;width:100%;appearance:none;-moz-appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23ffffff' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:10px 6px;line-height:24px}form select.select-open{border-bottom-left-radius:0;border-bottom-right-radius:0}form select option{background-color:var(--bg-darkness-element);color:var(--lightness-color);line-height:24px;font-family:var(--text-font)}form textarea{width:calc(100% - 48px);padding:8px 24px;border-radius:16px;border:1px solid var(--lightness-color);background:0 0;color:var(--lightness-color);resize:none}form input,form input[type=submit],form textarea{outline:0}form input[type=submit]{width:fit-content;padding:8px 24px;border:none;border-radius:56px;outline:0;font-size:16px;color:var(--white-color);cursor:pointer}body.light form input[type=submit]{background:linear-gradient(90deg,var(--secondary-color) -78.12%,var(--primary-color) 68.67%)}body.dark form input[type=submit]{background:var(--primary-darkmode-color);color:var(--bg-darkness-element);transform:scale(1.05)}#response-message{width:100%}#response-message p{color:var(--lightness-color);font-size:14px}#response-message.success-message p{color:green;background:0 0;padding:4px 16px;border-radius:56px;width:calc(100% - 32px);border:1px solid green}#response-message.error-message p{color:red;background:0 0;padding:4px 16px;border-radius:56px;width:calc(100% - 32px);border:1px solid red}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--lightness-color);border-radius:24px;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;border-radius:50%;transition:.4s}body.light .slider:before{background-color:var(--dark-color)}body.dark .slider:before{background-color:var(--dark-color)}body.light input:checked+.slider{background-color:var(--primary-color)}body.dark input:checked+.slider{background-color:var(--primary-darkmode-color)}input:checked+.slider:before{transform:translateX(26px)}.splide{position:relative;visibility:visible}.splide__list{max-width:1424px;width:calc(100vw - 304px)}@media (min-width:769px) and (max-width:1024px){.splide__list{max-width:1424px;width:calc(100vw - 112px)}}.splide__arrows.splide__arrows--ltr{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:24px;order:3;width:300px;height:40px}.splide__arrow{position:relative;border-radius:50px;width:40px;height:40px;opacity:1;transition:.3s ease-in-out}body.light .splide__arrow{background:linear-gradient(90deg,var(--secondary-color) -78.12%,var(--primary-color) 68.67%);opacity:.7}.splide__arrow:hover{opacity:1}.splide__arrow:disabled:hover{opacity:.3}body.dark .splide__arrow{background:var(--primary-darkmode-color);opacity:.7}body.light .splide__arrow:disabled{background:0 0;opacity:.3}body.dark .splide__arrow:disabled{background:0 0;opacity:.3}.splide__arrow svg{fill:var(--white-color);transition:.3s ease-in-out}body.light .splide__arrow:disabled svg{fill:var(--dark-color)}body.dark .splide__arrow svg{fill:var(--bg-darkness-element)}.splide__arrow--prev{left:auto}.splide__arrow--next{right:auto}.splide__arrow:disabled{border:2px solid var(--dark-color);background:0 0;cursor:auto}.splide__arrow:disabled svg{fill:var(--dark-color)}body.dark .splide__arrow:disabled{border:2px solid var(--white-color);background:0 0}body.dark .splide__arrow:disabled svg{fill:var(--white-color)}@media (max-width:768px){.reviews-container .reviews{height:calc(100vh - 144px)}.splide__list,.splide__track{width:100%}}.products-container{display:flex;flex-direction:row;align-items:center;gap:24px}.products-container>*{flex:1;height:fit-content}.products-container .product{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;padding:32px;border-radius:16px;will-change:transform;opacity:0}.products-container .product .product-head{display:flex;flex-direction:row;gap:16px}.products-container .product .product-head .icon-container{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}body.light .products-container .product.primary .product-head .icon-container{background-color:var(--primary-color)}body.dark .products-container .product.primary .product-head .icon-container{background-color:var(--primary-darkmode-color)}body.dark .products-container .product.primary .product-head .icon-container svg path{fill:var(--dark-color)}.products-container .product.secondary .product-head .icon-container{background-color:var(--white-color)}.product .product-head p.product-short-description{font-size:12px;line-height:18px}.product.secondary .product-head p.product-short-description{color:var(--lightness-color)}.product.secondary .product-head strong.product-name{color:var(--white-color)}.product.primary .product-head p.product-short-description{color:var(--darkness-color)}.product.primary .product-head strong.product-name{color:var(--dark-color)}.product.primary p.product-description{color:var(--darkness-color)}.product.secondary p.product-description{color:var(--lightness-color)}.product .price-container{display:flex;flex-direction:row;align-items:flex-end;gap:8px}.product strong.price{font-size:31.25px}.product strong.money-use{font-size:30.25px}.product.secondary strong.money-use{color:var(--white-color)}.product .price-container span.mountly-indicator{font-size:var(--font-size-base);color:var(--darkness-color);opacity:0}.product.primary .price-container span.mountly-indicator.visible{font-size:var(--font-size-base);color:var(--darkness-color);opacity:1}.product.secondary .price-container span.mountly-indicator.visible{font-size:var(--font-size-base);color:var(--lightness-color);opacity:1}.product.primary strong.price,.product.primary strong.title-liste{color:var(--dark-color)}.product.secondary strong.price,.product.secondary strong.title-liste{color:var(--white-color)}ul.product-option-liste{display:flex;flex-direction:column;gap:8px}.product li{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:24px}.product.primary li p{color:var(--darkness-color)}.product.secondary li p{color:var(--lightness-color)}.option-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:24px}.option-indicator.true svg{width:12px;height:auto}body.light .option-indicator.primary.true{background-color:var(--primary-color)}body.light .option-indicator.primary.true svg path{fill:var(--white-color)}body.dark .option-indicator.primary.true{background-color:var(--primary-darkmode-color)}body.dark .option-indicator.primary.true svg path{fill:var(--dark-color)}.option-indicator.secondary.true{background-color:var(--white-color)}.option-indicator.secondary.true svg path{fill:var(--dark-color)}.option-indicator.secondary.true img,.option-indicator.secondary.true svg{width:12px;height:auto;display:block;filter:brightness(0) saturate(100%)}.products-container .product.primary{background-color:var(--white-color)}.products-container .product.secondary{border:1px solid var(--lightness-color)}@media (max-width:720px){.products-container{display:flex;flex-direction:column;gap:24px}}section .portfolio{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px}.portfolio .title-container{display:flex;flex-direction:column;align-items:center;gap:8px}section .portfolio .filer-portfolio-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}section.portfolio-container .title-container h2,section.portfolio-container .title-container p{color:hsl(0 0% 100% / .2);background-clip:text;background-repeat:no-repeat;background-size:0 100%}section.portfolio-container.visible .title-container h2{will-change:transform;animation:apearTitle .3s .5s ease-in forwards}section.portfolio-container.visible .title-container p{will-change:transform;animation:apearTitle .3s .5s ease-in forwards}body.light section.portfolio-container .title-container h2{background-image:linear-gradient(90deg,var(--dark-color),var(--dark-color))}body.dark section.portfolio-container .title-container h2{background-image:linear-gradient(90deg,var(--white-color),var(--white-color))}body.light section.portfolio-container .title-container p{background-image:linear-gradient(90deg,var(--darkness-color),var(--darkness-color))}body.dark section.portfolio-container .title-container p{background-image:linear-gradient(90deg,var(--lightness-color),var(--lightness-color))}.content-project{display:grid;grid-template-columns:repeat(2,1fr) 24%;gap:16px}.card-project-img{grid-column:1/2;grid-row:1/3;transform:scale(1.2);opacity:0}.card-project-description.first{grid-column:2/3;grid-row:1/2;transform:scale(1.2);opacity:0}.card-project-description.second{grid-column:2/3;grid-row:2/3;transform:scale(1.2);opacity:0}.card-project-description.third{grid-column:3/-1;grid-row:1/3;transform:scale(1.2);opacity:0}.visible li.is-visible .card-project-img{will-change:transform;animation:bouncedApear .3s ease-in forwards}.visible li.is-visible .card-project-description.third{will-change:transform;animation:bouncedApear .3s .2s ease-in forwards}.visible li.is-visible .card-project-description.first{will-change:transform;animation:bouncedApear .3s .3s ease-in forwards}.visible li.is-visible .card-project-description.second{will-change:transform;animation:bouncedApear .3s .4s ease-in forwards}.card-project-img{position:relative;border-radius:16px;border:1px solid rgba(8,0,26,.24);overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.card-project-img img{position:absolute;top:0;left:0;width:100%;height:fit-content}.card-project-img::before{content:'';position:sticky;top:calc(100% - 32px);left:8px;display:block;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:bottom,left;z-index:10;will-change:transform;animation:scrollIndicatorPortfolio 1.2s ease-in-out infinite both}body.light .card-project-img::before{background-image:url('../../assets/images/light-scroll-indicator.svg')}body.dark .card-project-img::before{background-image:url('../../assets/images/dark-scroll-indicator.svg')}@keyframes scrollIndicatorPortfolio{0%{transform:translateY(0);opacity:1}50%{transform:translateY(-3px);opacity:.5}100%{transform:translateY(0);opacity:1}}.card-project-description{display:flex;padding:24px;flex-direction:column;align-items:center;gap:16px;border-radius:16px;border:1px solid rgba(8,0,26,.24)}body.light .card-project-description{background:linear-gradient(119deg,rgba(82,0,255,.32) -103.45%,rgba(246,236,246,.32) 24.96%,rgba(246,236,246,.32) 78.27%,rgba(82,0,255,.32) 190.79%),var(--white-color);backdrop-filter:blur(36px)}.card-project-number-indicator{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:8px}body.light .card-project-number-indicator{border:1px solid var(--darkness-color)}body.dark .card-project-number-indicator{border:1px solid var(--lightness-color)}.card-project-head{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;width:100%}.card-project-number-indicator strong{color:var(--white-color)}.card-project-head strong{text-transform:capitalize}section.portfolio-container .splide__arrows{opacity:0}section.portfolio-container.visible .splide__arrows{will-change:transform;animation:apear .3s .5s ease-in forwards}@media (max-width:768px){.content-project{display:grid;grid-template-columns:1fr;gap:16px;height:fit-content}.card-project-img{grid-column:auto;grid-row:auto;height:30vh}.card-project-description.first{grid-column:auto;grid-row:auto}.card-project-description.second{grid-column:auto;grid-row:auto}.card-project-description.third{grid-column:auto;grid-row:auto}}section .reviews{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;height:calc(100vh - 304px)}section .reviews .title-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}section .reviews .review-slide-items{display:flex;flex-direction:column;align-items:center;padding:24px;gap:8px;border-radius:16px;border:1px solid rgba(8,0,26,.24);opacity:0;transform:scale(1.2)}body.light section .reviews .review-slide-items.lightness-element{background:linear-gradient(119deg,rgba(82,0,255,.32) -103.45%,rgba(246,236,246,.32) 24.96%,rgba(246,236,246,.32) 78.27%,rgba(82,0,255,.32) 190.79%),var(--white-color);backdrop-filter:blur(36px)}body.dark section .reviews .review-slide-items.lightness-element{background:var(--bg-darkness-element);backdrop-filter:blur(36px)}section.reviews-container.visible .reviews li.is-visible .review-slide-items{will-change:transform;animation:bouncedApear .3s ease-in forwards}section.reviews-container.visible .reviews li.is-visible:first-child .review-slide-items{will-change:transform;animation:bouncedApear .3s ease-in forwards}section.reviews-container.visible .reviews li.is-visible:nth-child(2) .review-slide-items{will-change:transform;animation:bouncedApear .3s .1s ease-in forwards}section.reviews-container.visible .reviews li.is-visible:nth-child(3) .review-slide-items{will-change:transform;animation:bouncedApear .3s .2s ease-in forwards}section.reviews-container .splide__arrows{opacity:0}section.reviews-container.visible .splide__arrows{will-change:transform;animation:apear .3s .3s ease-in forwards}section.reviews-container .title-container h2,section.reviews-container .title-container p,section.reviews-container .title-container strong{color:hsl(0 0% 100% / .2);background-clip:text;background-repeat:no-repeat;background-size:0 100%}section.reviews-container.visible .title-container h2{will-change:transform;animation:apearTitle .3s .3s ease-in forwards}section.reviews-container.visible .title-container p{will-change:transform;animation:apearTitle .3s .3s ease-in forwards}section.reviews-container.visible .title-container strong{will-change:transform;animation:apearTitle .3s .3s ease-in forwards}body.light section.reviews-container .title-container h2,body.light section.reviews-container .title-container strong{background-image:linear-gradient(90deg,var(--dark-color),var(--dark-color))}body.dark section.reviews-container .title-container h2,body.dark section.reviews-container .title-container strong{background-image:linear-gradient(90deg,var(--white-color),var(--white-color))}body.light section.reviews-container .title-container p{background-image:linear-gradient(90deg,var(--darkness-color),var(--darkness-color))}body.dark section.reviews-container .title-container p{background-image:linear-gradient(90deg,var(--lightness-color),var(--lightness-color))}section .faq{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:0 152px}section .faq .faq-content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px}section .faq .contact-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:30%;padding:56px;border-radius:24px;border:1px solid rgba(8,0,26,.24);background:rgba(246,236,246,.72);backdrop-filter:blur(2px);align-self:stretch;opacity:0;transform:scale(1.1)}section .faq .faq-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:70%}section .faq .faq-items-container{border-radius:16px;border:1px solid rgba(8,0,26,.24);background:rgba(246,236,246,.72);backdrop-filter:blur(36px);height:72px;width:100%;overflow:hidden;opacity:0;transform:scale(1.1)}section#faq h2{color:hsl(0 0% 100% / .2);background-clip:text;background-repeat:no-repeat;background-size:0 100%}section#faq.visible h2{will-change:transform;animation:apearTitle .3s ease-in forwards}section.visible .faq .contact-card{will-change:transform;animation:bouncedApear .3s 250ms ease-in forwards}section.visible .faq .faq-items-container{will-change:transform;animation:bouncedApear .3s 550ms ease-in forwards}section.visible .faq .faq-items-container:first-child{will-change:transform;animation:bouncedApear .3s 550ms ease-in forwards}section.visible .faq .faq-items-container:last-child{will-change:transform;animation:bouncedApear .3s .7s ease-in forwards}section.visible .faq .faq-items-container:nth-child(2){will-change:transform;animation:bouncedApear .3s 850ms ease-in forwards}section.visible .faq .faq-items-container:nth-child(3){will-change:transform;animation:bouncedApear .3s 1s ease-in forwards}body.light section#faq h2{background-image:linear-gradient(90deg,var(--dark-color),var(--dark-color))}body.dark section#faq h2{background-image:linear-gradient(90deg,var(--white-color),var(--white-color))}body.light section .faq .faq-items-container.open{border-radius:16px;border:1px solid rgba(8,0,26,.24);background:linear-gradient(119deg,rgba(82,0,255,.32) -103.45%,rgba(246,236,246,.32) 24.96%,rgba(246,236,246,.32) 78.27%,rgba(82,0,255,.32) 190.79%),var(--white-color);backdrop-filter:blur(36px);height:fit-content;overflow:hidden}body.dark section .faq .faq-items-container.open.lightness-element{background:var(--bg-3-darkness-element);height:fit-content;overflow:hidden}section .faq .collapse-head{display:flex;justify-content:space-between;align-items:center;padding:24px;cursor:pointer}section .faq .collapse-content{padding:0 24px 24px 24px}section .faq .faq-items-indicators{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer}body.light section .faq .faq-items-indicators div{width:14px;height:2px;background-color:var(--dark-color);transform-origin:center;position:absolute}body.dark section .faq .faq-items-indicators div{width:14px;height:2px;background-color:var(--white-color);transform-origin:center;position:absolute}body.dark section .faq .contact-card,body.dark section .faq .faq-items-container{background:var(--bg-darkness-element)}body.dark section .faq .contact-card svg path{fill:var(--white-color)}section .faq .faq-items-container .faq-items-indicators div:last-child{transform:rotate(90deg);transition:.3s}section .faq .faq-items-container#open .faq-items-indicators div:last-child{transform:rotate(0)}.open .faq-items-indicators div:last-child{transform:rotate(180deg)!important}body.dark .collapse-container p,body.dark .collapse-container strong{color:var(--white-color)!important}@media (max-width:768px){section .faq .faq-content{flex-direction:column}section .faq .contact-card{width:auto}section .faq .faq-container{width:100%}}body [data-barba-namespace=developpement] section.hero .cta-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;width:fit-content}body [data-barba-namespace=developpement] .cta-container .secondary-button,body [data-barba-namespace=developpement] .cta-container .third-button{width:fit-content}body [data-barba-namespace=developpement] .card-container{position:absolute;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:1424px;margin:0 auto;pointer-events:none}body [data-barba-namespace=developpement] .perf-card,body [data-barba-namespace=developpement] .seo-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:152px;height:120px;border-radius:8px;opacity:0}body.dark body [data-barba-namespace=developpement] .perf-card stop,body.dark body [data-barba-namespace=developpement] .seo-card stop{stop-color:#a7a1c1}body [data-barba-namespace=developpement] section.hero.visible .perf-card{will-change:transform;animation:apearHeroCards .3s .7s ease-in-out both,floatLeftCard 8s linear infinite both}body [data-barba-namespace=developpement] section.hero.visible .seo-card{will-change:transform;animation:apearHeroCards .3s .7s ease-in-out both,floatRightCard 8s linear infinite both}@keyframes apearHeroCards{from{opacity:0}to{opacity:1}}@keyframes floatLeftCard{0%{transform:translate(0,0)}25%{transform:translate(5px,-15px)}50%{transform:translate(0,0)}75%{transform:translate(5px,15px)}100%{transform:translate(0,0)}}@keyframes floatRightCard{0%{transform:translate(0,0)}25%{transform:translate(-5px,15px)}50%{transform:translate(0,0)}75%{transform:translate(-5px,-15px)}100%{transform:translate(0,0)}}body [data-barba-namespace=developpement] .perf-card .graphique-card{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center}body [data-barba-namespace=developpement] .perf-card .graphique-card svg.graphique-value{position:absolute;margin:6px 14px 0 0}body.dark body [data-barba-namespace=developpement] .graphique-value,body.dark body [data-barba-namespace=developpement] .graphique-value path{fill:var(--secondary-darkmode-color)}body.dark body [data-barba-namespace=developpement] .bg-counter-svg path{fill:var(--bg-2-darkness-element)}body [data-barba-namespace=developpement] .perf-card .title-container{position:absolute;bottom:8px;display:flex;flex-direction:column;justify-content:center;align-items:center}body [data-barba-namespace=developpement] .perf-card .values-container{display:flex;flex-direction:row;justify-content:space-between;width:100px}body [data-barba-namespace=developpement] .perf-card .values-container div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}body [data-barba-namespace=developpement] .card-container .title-card{font-size:14px;line-height:14px;font-weight:700;text-align:left}body.light body [data-barba-namespace=developpement] .card-container .title-card{color:var(--dark-color)}body.dark body [data-barba-namespace=developpement] .card-container .title-card{color:var(--white-color)}body [data-barba-namespace=developpement] .card-container .text-value{font-size:10px;line-height:10px;font-weight:700;text-align:left}body.light body [data-barba-namespace=developpement] .card-container .text-value{color:var(--dark-color)}body.dark body [data-barba-namespace=developpement] .card-container .text-value{color:var(--lightness-color)}body [data-barba-namespace=developpement] .card-container .text-card{font-size:4px;line-height:4px;text-align:center}body.light body [data-barba-namespace=developpement] .card-container .text-card{color:var(--dark-grey-color)}body.dark body [data-barba-namespace=developpement] .card-container .text-card{color:var(--lightness-color)}body [data-barba-namespace=developpement] .seo-card .more-icon{position:absolute;right:19px;top:-8px}body.dark body [data-barba-namespace=developpement] .seo-card .more-icon path{fill:var(--secondary-darkmode-color)}body.dark body [data-barba-namespace=developpement] .seo-card .graph-icon path,body.dark body [data-barba-namespace=developpement] .seo-card .hr-icon path{stroke:var(--secondary-darkmode-color)}body [data-barba-namespace=developpement] .seo-card .hr-icon{position:absolute;right:26px;top:5px}body [data-barba-namespace=developpement] .seo-card .abs-ord-axe{position:absolute;bottom:8px;left:8px}body [data-barba-namespace=developpement] .seo-card .title-card{position:absolute;bottom:18px;right:18px}body [data-barba-namespace=developpement] .seo-card .text-card{position:absolute;top:18px;left:18px;width:73px;text-align:left}body [data-barba-namespace=developpement] section.hero svg.scroll-indicator{opacity:0}body [data-barba-namespace=developpement] section.hero.visible svg.scroll-indicator{will-change:transform;animation:apearHeroScrollIndicator .3s .7s ease-in-out both,scrollIndicator 1.2s ease-in-out infinite both}@keyframes apearHeroScrollIndicator{from{opacity:0}to{opacity:1}}@keyframes scrollIndicator{0%{transform:translateY(0);fill-opacity:1}50%{transform:translateY(-3px);fill-opacity:0.5}100%{transform:translateY(0);fill-opacity:1}}[data-barba-namespace=developpement] section.hero h1,[data-barba-namespace=developpement] section.hero p,[data-barba-namespace=developpement] section.hero strong{color:hsl(0 0% 100% / .2);background-clip:text;background-repeat:no-repeat;background-size:0 100%}[data-barba-namespace=developpement] section.hero.visible .hero-content h1{will-change:transform;animation:apearTitle .3s ease-in forwards}[data-barba-namespace=developpement] section.hero.visible .hero-content p{will-change:transform;animation:apearTitle .3s ease-in forwards}[data-barba-namespace=developpement] section.hero.visible .hero-content strong{will-change:transform;animation:apearTitle .3s ease-in forwards}[data-barba-namespace=developpement] section.hero .cta-container .secondary-button,[data-barba-namespace=developpement] section.hero .cta-container .third-button,[data-barba-namespace=developpement] section.hero .fourth-button{opacity:0;transform:scale(1.1)}[data-barba-namespace=developpement] section.hero.visible .cta-container .secondary-button{will-change:transform;animation:buttonApear .3s 250ms ease-in forwards}[data-barba-namespace=developpement] section.hero.visible .cta-container .third-button{will-change:transform;animation:buttonApear .3s 350ms ease-in forwards}[data-barba-namespace=developpement] section.hero.visible .fourth-button{will-change:transform;animation:buttonApear .3s 450ms ease-in forwards}body.light [data-barba-namespace=developpement] section.hero h1{background-image:linear-gradient(90deg,var(--white-color),var(--white-color))}body.dark [data-barba-namespace=developpement] section.hero h1,body.dark [data-barba-namespace=developpement] section.hero strong{background-image:linear-gradient(90deg,var(--white-color),var(--white-color))}body.light [data-barba-namespace=developpement] section.hero p{background-image:linear-gradient(90deg,var(--lightness-color),var(--lightness-color))}body.dark [data-barba-namespace=developpement] section.hero p{background-image:linear-gradient(90deg,var(--lightness-color),var(--lightness-color))}@media (max-width:1370px){body [data-barba-namespace=developpement] .card-container{display:none}}body [data-barba-namespace=developpement] .web-site-features{justify-content:center;align-items:center;gap:56px}body [data-barba-namespace=developpement] .web-site-features .title-container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;max-width:100%;gap:16px;width:100%}body [data-barba-namespace=developpement] .web-site-features .title-container .title-content{display:flex;flex-direction:column;justify-content:flex-start;gap:24px}body [data-barba-namespace=developpement] .web-site-features .title-container h2{color:hsl(0 0% 100% / .2)}body [data-barba-namespace=developpement] .visible .web-site-features .title-container h2{background-clip:text;background-repeat:no-repeat;background-size:0 100%;will-change:transform;animation:apearTitle .3s ease-in forwards}body.light [data-barba-namespace=developpement] .visible .web-site-features .title-container h2{background-image:linear-gradient(90deg,var(--dark-color),var(--dark-color))}body.dark [data-barba-namespace=developpement] .visible .web-site-features .title-container h2{background-image:linear-gradient(90deg,var(--white-color),var(--white-color))}body [data-barba-namespace=developpement] #web-site-features .title-container a{opacity:0;transform:scale(1.2)}body [data-barba-namespace=developpement] .web-site-features-container{display:grid;grid-template-columns:repeat(3,auto);grid-auto-rows:auto;justify-content:space-between;gap:16px;width:100%}body.light [data-barba-namespace=developpement] .web-site-features-container{grid-template-columns:repeat(3,auto);gap:16px}body.dark [data-barba-namespace=developpement] .web-site-features-container{grid-template-columns:repeat(3,auto);gap:16px}body [data-barba-namespace=developpement] .web-site-features-container .card{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px;opacity:0;transform:scale(1.2)}body [data-barba-namespace=developpement] #web-site-features.visible .title-container a{will-change:transform;animation:bouncedApear .3s 150ms ease-in forwards}body [data-barba-namespace=developpement] .visible .card.one{will-change:transform;animation:bouncedApear .3s .3s ease-in forwards}body [data-barba-namespace=developpement] .visible .card.eight{will-change:transform;animation:bouncedApear .3s 350ms ease-in forwards}body [data-barba-namespace=developpement] .visible .card.three{will-change:transform;animation:bouncedApear .3s .4s ease-in forwards}body [data-barba-namespace=developpement] .visible .card.six{will-change:transform;animation:bouncedApear .3s 450ms ease-in forwards}body [data-barba-namespace=developpement] .visible .card.four{will-change:transform;animation:bouncedApear .3s .5s ease-in forwards}body [data-barba-namespace=developpement] .visible .card.five{will-change:transform;animation:bouncedApear .3s 550ms ease-in forwards}body [data-barba-namespace=developpement] .visible .card.two{will-change:transform;animation:bouncedApear .3s .6s ease-in forwards}body [data-barba-namespace=developpement] .visible .card.seven{will-change:transform;animation:bouncedApear .3s 650ms ease-in forwards}body.dark [data-barba-namespace=developpement] .web-site-features-container .card{max-width:initial;padding:24px;border-radius:16px;background:var(--bg-darkness-element);width:initial}body.light [data-barba-namespace=developpement] .web-site-features-container .card{max-width:initial;padding:24px;border-radius:16px;border:1px solid rgba(8,0,26,.24);background:rgba(246,236,246,.72);width:initial}body.dark [data-barba-namespace=developpement] .web-site-features-container .card{max-width:initial;padding:24px;border-radius:16px;background:var(--bg-darkness-element);width:initial}@media (max-width:1270px){body.dark [data-barba-namespace=developpement] .web-site-features-container,body.light [data-barba-namespace=developpement] .web-site-features-container{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:32px 16px}body [data-barba-namespace=developpement] .web-site-features-container .card{max-width:100%}body.light [data-barba-namespace=developpement] .web-site-features-container .card{max-width:100%;padding:24px}}body [data-barba-namespace=developpement] .web-site-features-container .card .svg-container{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px}body [data-barba-namespace=developpement] .web-site-features-container .card .svg-container svg{width:18px;height:auto;overflow:visible}body.light [data-barba-namespace=developpement] .web-site-features-container .card .svg-container{background-color:var(--dark-color)}body.dark [data-barba-namespace=developpement] .web-site-features-container .card .svg-container{background-color:var(--bg-body)}body.light [data-barba-namespace=developpement] .web-site-features-container .card svg path{fill:var(--white-color)}body.dark [data-barba-namespace=developpement] .web-site-features-container .card svg path{fill:var(--primary-darkmode-color)}body [data-barba-namespace=developpement] .web-site-features-container .card>div{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px}body [data-barba-namespace=developpement] .web-site-features-container .card strong{text-transform:capitalize}body [data-barba-namespace=developpement] section.about-services-section.darkness-section{padding:16px 0}body [data-barba-namespace=developpement] section.about-services-section.darkness-section>div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:56px}body [data-barba-namespace=developpement] section.about-services-section.darkness-section strong{color:var(--white-color)}body [data-barba-namespace=developpement] section.about-services-section.darkness-section p{color:var(--lightness-color)}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .about-services-container{display:grid;grid-auto-flow:column;gap:56px;padding:0 152px}body [data-barba-namespace=developpement] .about-services-container .img-container{display:flex;align-items:center;justify-content:flex-start}body [data-barba-namespace=developpement] .about-services-container .img-container img{height:auto}body [data-barba-namespace=developpement] .about-services-container .img-container.reverse{display:flex;align-items:center;justify-content:flex-end}body [data-barba-namespace=developpement] .about-services-container .img-container.reverse img{height:auto}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .content-about-services{display:flex;flex-direction:column;justify-content:center;gap:32px;height:100%}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .content-about-services .title-container{display:flex;flex-direction:column;justify-content:flex-start;gap:32px}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .content-about-services h2{color:hsl(0 0% 100% / 0);background-clip:text;background-repeat:no-repeat;background-size:0 100%}body.light [data-barba-namespace=developpement] section.about-services-section.darkness-section .content-about-services h2{background-image:linear-gradient(90deg,var(--white-color),var(--white-color))}body.dark [data-barba-namespace=developpement] section.about-services-section.darkness-section .content-about-services h2{background-image:linear-gradient(90deg,var(--white-color),var(--white-color))}body [data-barba-namespace=developpement] section.about-services-section.darkness-section.visible .content-about-services h2{will-change:transform;animation:apearTitle .3s ease-in forwards}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .content-about-services p.content{color:hsl(0 0% 100% / 0);background-clip:text;background-repeat:no-repeat;background-size:0 100%}body.light [data-barba-namespace=developpement] section.about-services-section.darkness-section .content-about-services p.content{background-image:linear-gradient(90deg,var(--lightness-color),var(--lightness-color))}body.dark [data-barba-namespace=developpement] section.about-services-section.darkness-section .content-about-services p.content{background-image:linear-gradient(90deg,var(--lightness-color),var(--lightness-color))}body [data-barba-namespace=developpement] section.about-services-section.darkness-section.visible .content-about-services p.content{will-change:transform;animation:apearTitle .3s ease-in forwards}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .content-about-services .fourth-button{opacity:0;transform:scale(1.2)}body [data-barba-namespace=developpement] section.about-services-section.darkness-section.visible .content-about-services .fourth-button{will-change:transform;animation:bouncedApear .3s 150ms ease-in forwards}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .content-about-services .description-container{opacity:0;transform:scale(1.2)}body [data-barba-namespace=developpement] section.about-services-section.darkness-section.visible .content-about-services.one .description-container.one{will-change:transform;animation:bouncedApear .3s .5s ease-in forwards}body [data-barba-namespace=developpement] section.about-services-section.darkness-section.visible .content-about-services.one .description-container.two{will-change:transform;animation:bouncedApear .3s 250ms ease-in forwards}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .cards-container{display:flex;flex-direction:row;gap:32px}@media (max-width:768px){body [data-barba-namespace=developpement] section.about-services-section.darkness-section .cards-container{flex-direction:column}}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .cards-container .icon-container{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .cards-container .icon-container svg{width:20px;height:auto}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .description-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px;padding:24px;border-radius:16px}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .content-description{display:flex;flex-direction:column;gap:16px}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .lightness-card{width:100%;height:345px;border-radius:16px;background:linear-gradient(119deg,var(--white-color) -14.19%,var(--secondary-color) 222.44%)}body.light [data-barba-namespace=developpement] section.about-services-section.darkness-section .description-container{border:1px solid var(--lightness-color)}body.dark [data-barba-namespace=developpement] section.about-services-section.darkness-section .description-container{border:1px solid var(--bg-body)}body.light [data-barba-namespace=developpement] section.about-services-section.darkness-section .cards-container .icon-container{background-color:var(--white-color)}body.light [data-barba-namespace=developpement] section.about-services-section.darkness-section .cards-container .icon-container svg path{fill:var(--dark-color)}body.dark [data-barba-namespace=developpement] section.about-services-section.darkness-section .cards-container .icon-container{background-color:var(--bg-body)}body.dark [data-barba-namespace=developpement] section.about-services-section.darkness-section .cards-container .icon-container svg path{fill:var(--primary-darkmode-color)}body.dark [data-barba-namespace=developpement] .rounded-icon-container{background:var(--bg-body)}body.dark [data-barba-namespace=developpement] .rounded-icon-container svg,body.dark body [data-barba-namespace=developpement] .rounded-icon-container svg path{fill:var(--primary-darkmode-color)!important}@media (max-width:768px){body [data-barba-namespace=developpement] section.about-services-section.darkness-section>div{padding:72px 16px}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .about-services-container{grid-auto-flow:row;padding:0 32px}body [data-barba-namespace=developpement] .about-services-container .img-container img{width:100%}body [data-barba-namespace=developpement] .about-services-container .img-container.reverse{order:-1}body [data-barba-namespace=developpement] section.about-services-section.darkness-section>div div.primary-button{padding:0 32px}}@media (min-width:769px) and (max-width:1024px){body [data-barba-namespace=developpement] section.about-services-section.darkness-section>div{padding:72px 56px!important}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .about-services-container{grid-auto-flow:row;padding:32px}body [data-barba-namespace=developpement] .about-services-container .img-container img{width:100%}body [data-barba-namespace=developpement] .about-services-container .img-container.reverse{order:-1}}@media (min-width:1025px) and (max-width:1310px){body [data-barba-namespace=developpement] section.about-services-section.darkness-section .about-services-container{grid-auto-flow:row}body [data-barba-namespace=developpement] .about-services-container .img-container img{width:100%}body [data-barba-namespace=developpement] .about-services-container .img-container.reverse{order:-1}}body [data-barba-namespace=developpement] section.about-me-section.darkness-section>div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:60px}body [data-barba-namespace=developpement] .content-about-me .title-container{display:flex;flex-direction:column;gap:8px}body [data-barba-namespace=developpement] section.about-me-section.darkness-section .title-container h2,body [data-barba-namespace=developpement] section.about-me-section.darkness-section .title-container p{color:hsl(0 0% 100% / 0);background-clip:text;background-repeat:no-repeat;background-size:0 100%}body [data-barba-namespace=developpement] section.about-me-section.darkness-section strong{color:var(--white-color)}body [data-barba-namespace=developpement] section.about-me-section.darkness-section p{color:var(--lightness-color)}body [data-barba-namespace=developpement] section.about-me-section.darkness-section.visible h2{will-change:transform;animation:apearTitle .3s ease-in forwards}body [data-barba-namespace=developpement] section.about-me-section.darkness-section.visible .title-container p{will-change:transform;animation:apearTitle .3s ease-in forwards}body.light [data-barba-namespace=developpement] section.about-me-section.darkness-section .title-container h2{background-image:linear-gradient(90deg,var(--white-color),var(--white-color))}body.dark [data-barba-namespace=developpement] section.about-me-section.darkness-section .title-container h2{background-image:linear-gradient(90deg,var(--white-color),var(--white-color))}body.light [data-barba-namespace=developpement] section.about-me-section.darkness-section .title-container p{background-image:linear-gradient(90deg,var(--lightness-color),var(--lightness-color))}body.dark [data-barba-namespace=developpement] section.about-me-section.darkness-section .title-container p{background-image:linear-gradient(90deg,var(--lightness-color),var(--lightness-color))}body [data-barba-namespace=developpement] section.about-me-section.darkness-section .about-me-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:60px;padding:0 152px!important}body [data-barba-namespace=developpement] section.about-me-section.darkness-section .content-about-me{display:flex;flex-direction:column;justify-content:center;gap:32px;height:100%}body [data-barba-namespace=developpement] section.about-me-section.darkness-section .description-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:24px}body [data-barba-namespace=developpement] .about-me-container .content-aboute-me-container{display:flex;flex-direction:column;gap:8px}body [data-barba-namespace=developpement] section.about-me-section.darkness-section .content-description{display:flex;flex-direction:column;gap:4px}body [data-barba-namespace=developpement] section.about-services-section.darkness-section .content-about-me .description-container .content-aboute-me-container>*{transform:translateY(8px);opacity:0}body [data-barba-namespace=developpement] section.about-me-section.darkness-section .content-aboute-me-container>*,body [data-barba-namespace=developpement] section.about-me-section.darkness-section .rounded-icon-container{opacity:0}body [data-barba-namespace=developpement] section.about-me-section.darkness-section.visible .content-about-me .description-container.one .content-aboute-me-container{transform-origin:left;will-change:transform;animation:textRotate .3s 250ms ease-in forwards}body [data-barba-namespace=developpement] section.about-me-section.darkness-section.visible .content-about-me .description-container.one .content-aboute-me-container>*{will-change:transform;animation:apear .3s 250ms ease-in forwards,textSlideUp .3s 250ms ease-in forwards}body [data-barba-namespace=developpement] section.about-me-section.darkness-section.visible .content-about-me .description-container.one .rounded-icon-container{will-change:transform;animation:apear .3s .4s ease-in forwards}body [data-barba-namespace=developpement] section.about-me-section.darkness-section.visible .content-about-me .description-container.two .content-aboute-me-container{transform-origin:left;will-change:transform;animation:textRotate .3s 550ms ease-in forwards}body [data-barba-namespace=developpement] section.about-me-section.darkness-section.visible .content-about-me .description-container.two .content-aboute-me-container>*{will-change:transform;animation:apear .3s 550ms ease-in forwards,textSlideUp .3s 550ms ease-in forwards}body [data-barba-namespace=developpement] section.about-me-section.darkness-section.visible .content-about-me .description-container.two .rounded-icon-container{will-change:transform;animation:apear .3s .7s ease-in forwards}body [data-barba-namespace=developpement] section.about-me-section.darkness-section .lightness-card{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:345px;border-radius:16px}body [data-barba-namespace=developpement] .about-me-container div picture{position:absolute;bottom:-3px;max-height:calc(100% + 56px)}body [data-barba-namespace=developpement] .about-me-container div picture img{width:calc(100% + 56px)}@media (min-width:1300px) and (max-width:1450px){body [data-barba-namespace=developpement] .about-me-container div img{width:calc(100% - 5vw)}}@media (min-width:1200px) and (max-width:1299px){body [data-barba-namespace=developpement] .about-me-container div img{width:calc(100% - 2vw)}}@media (min-width:769px) and (max-width:1199px){body [data-barba-namespace=developpement] .about-me-container div img{width:calc(100% - 1vw)}}@media (min-width:550px) and (max-width:768px){body [data-barba-namespace=developpement] .about-me-container div img{max-height:initial;width:auto}}@media (max-width:549px){body [data-barba-namespace=developpement] .about-me-container div img{max-height:initial}}@media (max-width:768px){body [data-barba-namespace=developpement] section.about-me-section.darkness-section .lightness-card{position:relative;padding-top:16px;height:fit-content;overflow:hidden}body [data-barba-namespace=developpement] .about-me-container div picture{position:initial}body [data-barba-namespace=developpement] .about-me-container div picture img{display:block;width:100%!important;margin-bottom:-5px}}body.light [data-barba-namespace=developpement] section.about-me-section.darkness-section .lightness-card{background:linear-gradient(119deg,var(--white-color) -14.19%,var(--secondary-color) 222.44%)}body.dark [data-barba-namespace=developpement] section.about-me-section.darkness-section .lightness-card{border:1px solid rgba(8,0,26,.24);background:var(--bg-3-darkness-element)}body [data-barba-namespace=developpement] .about-me-section.darkness-section>div div.primary-button{padding:0 152px;opacity:0;transform:scale(1.1)}body [data-barba-namespace=developpement] .about-me-section.darkness-section.visible>div div.primary-button{will-change:transform;animation:buttonApear .3s 950ms ease-in forwards}@media (max-width:768px){body [data-barba-namespace=developpement] section.about-me-section.darkness-section>div{min-height:calc(100vh - 160px)!important}body [data-barba-namespace=developpement] section.about-me-section.darkness-section .about-me-container{flex-direction:column;padding:0 32px!important}body [data-barba-namespace=developpement] .about-me-section.darkness-section>div div.primary-button{padding:0 32px}}@media (min-width:768px) and (max-width:1024px){body [data-barba-namespace=developpement] section.about-me-section.darkness-section .about-me-container{padding:0!important}}body [data-barba-namespace=developpement] section#pricing-section>div{display:flex;justify-content:center;align-items:center}body [data-barba-namespace=developpement] section.pricing-section .pricing{display:flex;flex-direction:column;align-items:center;gap:32px}body [data-barba-namespace=developpement] section.pricing-section .pricing .title-container{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:992px}body [data-barba-namespace=developpement] section.pricing-section .pricing .title-container h2{color:hsl(0 0% 100% / 0);background-clip:text;background-repeat:no-repeat;background-size:0 100%;background-image:linear-gradient(90deg,var(--white-color),var(--white-color))}body [data-barba-namespace=developpement] section.pricing-section .pricing .title-container p{color:hsl(0 0% 100% / 0);background-clip:text;background-repeat:no-repeat;background-size:0 100%;background-image:linear-gradient(90deg,var(--lightness-color),var(--lightness-color))}body [data-barba-namespace=developpement] section.pricing-section .pricing span{font-family:var(--text-font);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--lightness-color)}body [data-barba-namespace=developpement] section.pricing-section .pricing .toggle-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px}body [data-barba-namespace=developpement] section.pricing-section.visible .pricing .title-container h2,body [data-barba-namespace=developpement] section.pricing-section.visible .pricing .title-container p{will-change:transform;animation:apearTitle .3s ease-in forwards}body [data-barba-namespace=developpement] section.pricing-section .toggle-container{opacity:0}body [data-barba-namespace=developpement] section.pricing-section.visible .toggle-container{will-change:transform;animation:apear .3s 150ms ease-in forwards}body [data-barba-namespace=developpement] section.pricing-section.visible .products-container .product.one{will-change:transform;animation:bouncedApear .3s .3s ease-in forwards}body [data-barba-namespace=developpement] section.pricing-section.visible .products-container .product.two{will-change:transform;animation:bouncedApear .3s .6s ease-in forwards}body [data-barba-namespace=developpement] section.pricing-section.visible .products-container .product.three{will-change:transform;animation:bouncedApear .3s 450ms ease-in forwards}@media (max-width:768px){body [data-barba-namespace=developpement] section.pricing-section.darkness-section>div>div{max-width:1424px;padding:16px;margin:0 auto}}[data-barba-namespace=developpement] section.wipuulce-section>div{display:flex;flex-direction:row;justify-content:center;align-content:center}[data-barba-namespace=developpement] section div .wipuulce{display:grid;grid-template-columns:1fr 1fr;align-self:center;gap:56px}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section h2{color:var(--white-color)}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section strong{color:var(--white-color)}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section p{color:var(--lightness-color)}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section h2{color:hsl(0 0% 100% / .2);background-clip:text;background-repeat:no-repeat;background-size:0 100%}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section.visible h2{will-change:transform;animation:apearTitle .3s ease-in forwards}body.light [data-barba-namespace=developpement] section.wipuulce-section.darkness-section h2{background-image:linear-gradient(90deg,var(--white-color),var(--white-color))}body.dark [data-barba-namespace=developpement] section.wipuulce-section.darkness-section h2{background-image:linear-gradient(90deg,var(--white-color),var(--white-color))}[data-barba-namespace=developpement] section .wipuulce .lightness-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;border-radius:16px}@media (max-width:768px){[data-barba-namespace=developpement] .wipuulce-logo{width:auto;height:50%}}body.light [data-barba-namespace=developpement] section .wipuulce .lightness-card{background:linear-gradient(119deg,var(--white-color) -14.19%,var(--secondary-color) 222.44%)}body.dark [data-barba-namespace=developpement] section .wipuulce .lightness-card{background:var(--bg-3-darkness-element);border:1px solid rgba(8,0,26,.24)}body.light [data-barba-namespace=developpement] .wipuulce-logo path{fill:var(--dark-color)}body.dark [data-barba-namespace=developpement] .wipuulce-logo path{fill:var(--bg-darkness-element)}[data-barba-namespace=developpement] section .wipuulce .content-about-services{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:32px;height:100%}[data-barba-namespace=developpement] section .wipuulce .description-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:24px}[data-barba-namespace=developpement] .wipuulce .content-description{display:flex;flex-direction:column;gap:8px}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section .content-about-services .description-container .content-description>*{transform:translateY(8px);opacity:0}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section .content-description>*,[data-barba-namespace=developpement] section.wipuulce-section.darkness-section .rounded-icon-container{opacity:0}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section.visible .content-about-services .description-container.one .content-description{transform-origin:left;will-change:transform;animation:textRotate .3s 250ms ease-in forwards}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section.visible .content-about-services .description-container.one .content-description>*{will-change:transform;animation:apear .3s 250ms ease-in forwards,textSlideUp .3s 250ms ease-in forwards}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section.visible .content-about-services .description-container.one .rounded-icon-container{will-change:transform;animation:apear .3s .4s ease-in forwards}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section.visible .content-about-services .description-container.two .content-description{transform-origin:left;will-change:transform;animation:textRotate .3s 550ms ease-in forwards}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section.visible .content-about-services .description-container.two .content-description>*{will-change:transform;animation:apear .3s 550ms ease-in forwards,textSlideUp .3s 550ms ease-in forwards}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section.visible .content-about-services .description-container.two .rounded-icon-container{will-change:transform;animation:apear .3s .7s ease-in forwards}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section.visible .content-about-services .description-container.three .content-description{transform-origin:left;will-change:transform;animation:textRotate .3s .7s ease-in forwards}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section.visible .content-about-services .description-container.three .content-description>*{will-change:transform;animation:apear .3s .7s ease-in forwards,textSlideUp .3s .7s ease-in forwards}[data-barba-namespace=developpement] section.wipuulce-section.darkness-section.visible .content-about-services .description-container.three .rounded-icon-container{will-change:transform;animation:apear .3s .8s ease-in forwards}[data-barba-namespace=developpement] .wipuulce-section.darkness-section>div div.primary-button{opacity:0;transform:scale(1.1)}[data-barba-namespace=developpement] .wipuulce-section.darkness-section.visible>div div.primary-button{will-change:transform;animation:buttonApear .3s 950ms ease-in forwards}@media (max-width:768px){[data-barba-namespace=developpement] section div .wipuulce{grid-template-columns:1fr;padding:0 32px!important}[data-barba-namespace=developpement] section .wipuulce .content-about-services{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;height:100%}}