:root{--container-size:min(500px,70vw);--logo-size:calc(var(--container-size)*0.435);--branch-length:calc(var(--container-size)*0.478);--circle-size:calc(var(--container-size)*0.19 + 25px);--gradient-size:calc(var(--container-size)*0.696)}body{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100svh;overflow-y:auto;padding:10px;width:100vw}@media(max-height:900px)and (min-width:768px){body{padding-bottom:40px;padding-top:115px}}@media(max-width:768px){body{padding-bottom:0;padding-top:50px}}@media(max-height:600px)and (max-width:768px){body{padding-bottom:40px;padding-top:85px}}.background{background-image:url(/build/images/fond-tandem.56815a5e.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;min-width:300px;opacity:.3;position:fixed;top:0;width:100%}.container{height:var(--container-size);position:relative;width:var(--container-size)}.container .circle-ring{animation:fadeIn .5s ease-out forwards;animation-delay:2.2s;opacity:0}.container .logo-gradient,.container .logo-gradient:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.container .logo-gradient:before{background:radial-gradient(circle,#fff 30%,hsla(0,0%,100%,0) 78%);content:"";height:var(--gradient-size);width:var(--gradient-size)}.container .logo{border-radius:50%;height:var(--logo-size);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--logo-size);z-index:2}.container .logo img{animation:fadeIn .5s ease-out forwards;animation-delay:.5s;height:100%;object-fit:contain;opacity:0;width:100%}.container .branch{height:var(--branch-length);left:50%;position:absolute;top:50%;transform-origin:top center;width:1px}.container .branch .branch-inner{animation:fadeIn .5s ease-out forwards;animation-delay:1.8s;background:#747959;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.container .branch:after{content:"";left:50%;position:absolute;top:100%;transform:translate(-50%)}.container .branch.branch-1{transform:rotate(30deg) translate(-1px)}.container .branch.branch-2{transform:rotate(90deg) translate(-1px)}.container .branch.branch-3{transform:rotate(150deg) translate(-1px)}.container .branch.branch-4{transform:rotate(210deg) translate(-1px)}.container .branch.branch-5{transform:rotate(270deg) translate(-1px)}.container .branch.branch-6{transform:rotate(330deg) translate(-1px)}.container .circle{align-items:center;animation:fadeIn 1s ease-out forwards,wobble 4s ease-in-out infinite,enableHover .1s ease-out forwards;background:#747959;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.5);color:#fff;display:flex;flex-direction:column;font-size:calc(var(--circle-size)*.105);height:var(--circle-size);justify-content:center;line-height:1.1;opacity:0;position:absolute;text-align:center;text-decoration:none;transition:transform .2s ease-in-out;width:var(--circle-size);z-index:10}.container .circle .service-icon{display:block;height:40px;margin-bottom:8px;width:40px}.container .circle{pointer-events:none}.container .circle:hover{animation:fadeIn 1s ease-out forwards,enableHover 0s ease-out forwards;cursor:pointer;transform:scale(1.3)}.container .circle.circle-1{animation-delay:.8s,1.1s,1.8s;left:calc(50% + var(--branch-length)*-.5 - var(--circle-size)/2)}.container .circle.circle-1,.container .circle.circle-2{top:calc(50% + var(--branch-length)*-.86603 - var(--circle-size)/2)}.container .circle.circle-2{animation-delay:.9s,1.2s,1.9s;left:calc(50% + var(--branch-length)*.5 - var(--circle-size)/2)}.container .circle.circle-3{animation-delay:1s,1.3s,2s;left:calc(50% + var(--branch-length)*1 - var(--circle-size)/2);top:calc(50% + var(--branch-length)*0 - var(--circle-size)/2)}.container .circle.circle-4{animation-delay:1.1s,1.4s,2.1s;left:calc(50% + var(--branch-length)*.5 - var(--circle-size)/2)}.container .circle.circle-4,.container .circle.circle-5{top:calc(50% + var(--branch-length)*.86603 - var(--circle-size)/2)}.container .circle.circle-5{animation-delay:1.2s,1.5s,2.2s;left:calc(50% + var(--branch-length)*-.5 - var(--circle-size)/2)}.container .circle.circle-6{animation-delay:1.3s,1.6s,2.3s;left:calc(50% + var(--branch-length)*-1 - var(--circle-size)/2);top:calc(50% + var(--branch-length)*0 - var(--circle-size)/2)}@media(max-width:768px){:root{--container-size:min(450px,85vw);--branch-length:calc(var(--container-size)*0.45);--circle-size:calc(var(--container-size)*0.2)}.container .circle .service-icon{height:35px;margin-bottom:4px;width:35px}}@media(max-width:480px){:root{--container-size:min(350px,85vw);--branch-length:calc(var(--container-size)*0.42);--circle-size:calc(var(--container-size)*0.22)}.container .circle{border-width:2px}.container .circle .service-icon{height:28px;margin-bottom:3px;width:28px}}@media(max-width:300px){:root{--container-size:250px}}@keyframes wobble{0%{transform:translate(0) scale(1) rotate(0deg)}20%{transform:translate(2px,-2px) scale(1.05) rotate(1.5deg)}40%{transform:translate(-2px,2px) scale(1.03) rotate(-1.5deg)}60%{transform:translate(2px,1px) scale(1.04) rotate(1deg)}80%{transform:translate(-1px,-2px) scale(1.02) rotate(-1deg)}to{transform:translate(0) scale(1) rotate(0deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes enableHover{0%{pointer-events:none}to{pointer-events:auto}}