@import url("https://fonts.googleapis.com/css2?family=Abel&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");html{scroll-behavior:smooth}body{font-family:Abel,sans-serif;font-size:16px}main{display:flow-root;overflow:hidden;z-index:1}main,section{position:relative}section{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:100px 1rem;width:100%}section:first-child{height:100dvh}section:nth-child(odd){background-color:var(--color-bg-secondary)}section:nth-child(2n){background-color:var(--color-bg-primary)}section .next{align-items:center;bottom:0;color:var(--color-primary);display:flex;height:100px;justify-content:center;padding:.5rem;position:absolute;width:100%}section:first-child .next{background-image:linear-gradient(to top,var(--color-bg-primary) 0,transparent 100%)!important}section .next.even{background-image:linear-gradient(to top,var(--color-bg-secondary) 0,transparent 100%)}section .next.odd{background-image:linear-gradient(to top,var(--color-bg-primary) 0,transparent 100%)}article{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-top:2rem;position:relative;width:1024px}.wrapper-content{animation-duration:1s;animation-fill-mode:backwards;-webkit-animation-name:fadeInBottom;display:flex;flex-direction:column;gap:2rem}section:not(:first-child) .wrapper-content{animation-timeline:view();animation-range:entry 0 cover 75%;animation-duration:2s;animation-fill-mode:both;-webkit-animation-name:fadeInTop}.wrapper-cta{display:flex;gap:1rem;z-index:5}section:first-child .wrapper-img img,section:first-child .wrapper-img svg{animation-duration:1s;animation-fill-mode:backwards;-webkit-animation-name:zoomIn;height:auto;min-width:300px;width:100%}section:not(:first-child) .quadrant-container,section:not(:first-child) .wrapper-img img,section:not(:first-child) .wrapper-img svg,section:not(:first-child) .wrapper-map{animation-timeline:view();animation-range:entry 0 cover 50%;animation-duration:1s;animation-fill-mode:backwards;-webkit-animation-name:zoomIn}.wrapper-map{display:flex;justify-content:center;max-width:100%;position:relative;width:fit-content}.wrapper-map .agency-puce{align-items:center;color:var(--color-primary);cursor:pointer;display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-size:.9rem;position:absolute}.wrapper-map .agency-puce:before{animation:pulse-animation 3s ease-in-out infinite;background-image:url(https://26574917.fs1.hubspotusercontent-eu1.net/hubfs/26574917/iPepper-theme/seed.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:100%;content:"";height:3rem;vertical-align:middle;width:3rem}.wrapper-map .agency-puce.paris{right:9.5rem;top:6rem}.wrapper-map .agency-puce.sophia{bottom:2rem;right:2rem}.wrapper-map .agency-puce.aix{bottom:2.5rem;right:5.5rem}.wrapper-map .agency-puce.nantes{left:5rem;top:9.5rem}.wrapper-map .agency-puce.lyon{bottom:9rem;right:6rem}button{background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:24px;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;min-width:190px;padding:.5rem 1.5rem;scale:1;text-decoration:none;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}button.outline{background-color:transparent;border:2px solid var(--color-secondary);color:var(--color-secondary)}button.outline:hover,button:hover{box-shadow:2px 2px 4px rgba(0,0,0,.25);scale:1.05}button.outline:hover{border:2px solid var(--color-primary);color:var(--color-primary)}a{text-decoration:none}section>h2{animation-timeline:view();animation-range:entry 0 cover 60%;animation-fill-mode:both;-webkit-animation-name:fadeInTop}@keyframes gradient-animation{0%{background-position:200%}50%{background-position:0}75%{background-position:100%}to{background-position:199%}}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(54,101,122,.25)}to{box-shadow:0 0 0 1.5rem rgba(54,101,122,0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-150px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(150px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(150px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fadeInLeftRoll{0%{opacity:0;transform:translateX(-150px) rotate(-1turn)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.circle{animation:float 5s ease-in-out infinite;background-color:var(--color-primary-alpha);border-radius:50%;pointer-events:none;position:fixed;z-index:0}.top-left{left:-75px;top:-50px}.bottom-right,.top-left{height:250px;width:250px}.bottom-right{bottom:75px;right:-75px}@media (max-width:768px){.top-left{left:-50px;top:50px}.bottom-right,.top-left{height:100px;width:100px}.bottom-right{bottom:50px;right:-50px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}