body,html{max-width:100%;overflow-x:hidden}.suite-section{background:#f5f5f5;padding:60px 0;text-align:center;overflow:hidden}.suite-upright-icon{position:absolute;top:0;left:0;z-index:3}.angle-1 .suite-upright-icon{transform:translate(var(--rad-icon)) rotate(0deg)}.angle-2 .suite-upright-icon{transform:translate(var(--rad-icon)) rotate(-45deg)}.angle-3 .suite-upright-icon{transform:translate(var(--rad-icon)) rotate(-90deg)}.angle-4 .suite-upright-icon{transform:translate(var(--rad-icon)) rotate(-135deg)}.angle-5 .suite-upright-icon{transform:translate(var(--rad-icon)) rotate(-180deg)}.angle-6 .suite-upright-icon{transform:translate(var(--rad-icon)) rotate(-225deg)}.angle-7 .suite-upright-icon{transform:translate(var(--rad-icon)) rotate(-270deg)}.angle-8 .suite-upright-icon{transform:translate(var(--rad-icon)) rotate(-315deg)}.suite-upright-text{position:absolute;top:0;left:0;z-index:4}.angle-1 .suite-upright-text{transform:translate(var(--rad-text)) rotate(0deg)}.angle-2 .suite-upright-text{transform:translate(var(--rad-text)) rotate(-45deg)}.angle-3 .suite-upright-text{transform:translate(var(--rad-text)) rotate(-90deg)}.angle-4 .suite-upright-text{transform:translate(var(--rad-text)) rotate(-135deg)}.angle-5 .suite-upright-text{transform:translate(var(--rad-text)) rotate(-180deg)}.angle-6 .suite-upright-text{transform:translate(var(--rad-text)) rotate(-225deg)}.angle-7 .suite-upright-text{transform:translate(var(--rad-text)) rotate(-270deg)}.angle-8 .suite-upright-text{transform:translate(var(--rad-text)) rotate(-315deg)}.suite-wrapper:has(.suite-center:hover) .suite-node-content,.suite-wrapper:has(.suite-center:hover) .suite-orbit,.suite-wrapper:has(.suite-center:hover) .suite-text-content,.suite-wrapper:has(.suite-spoke-wrapper:hover) .suite-node-content,.suite-wrapper:has(.suite-spoke-wrapper:hover) .suite-orbit,.suite-wrapper:has(.suite-spoke-wrapper:hover) .suite-text-content{animation-play-state:paused}.suite-wrapper{position:relative;height:900px;max-width:900px;margin:auto;overflow:visible;max-width:100%;--rad-icon:200px;--rad-text:320px;--petal-size:440px;--petal-offset:-220px}.suite-center,.suite-wrapper{display:flex;align-items:center;justify-content:center}.suite-center{position:absolute;width:220px;height:220px;border-radius:50%;background:#fff;z-index:10;box-shadow:0 10px 30px rgba(0,0,0,.15)}.suite-center img{width:100%;height:100%;object-fit:cover}.suite-orbit{position:absolute;width:100%;height:100%;animation:spin 35s linear infinite}.suite-spoke-wrapper{position:absolute;top:50%;left:50%}.angle-1{transform:rotate(0deg)}.angle-2{transform:rotate(45deg)}.angle-3{transform:rotate(90deg)}.angle-4{transform:rotate(135deg)}.angle-5{transform:rotate(180deg)}.angle-6{transform:rotate(225deg)}.angle-7{transform:rotate(270deg)}.angle-8{transform:rotate(315deg)}.suite-node-content{position:absolute;width:70px;height:70px;margin-left:-35px;margin-top:-35px;animation:counter-spin 35s linear infinite}.suite-icon{width:100%;height:100%;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.1)}.suite-icon svg{width:32px;height:32px;fill:#1f3f68}.suite-text-content{position:absolute;width:180px;margin-left:-90px;margin-top:-25px;text-align:center;animation:counter-spin 35s linear infinite}.suite-text-content h3{font-size:1.1rem;font-weight:600;color:#00031f}.suite-text-content p{font-size:.85rem;color:#12b5cb}@keyframes spin{to{transform:rotate(1turn)}}@keyframes counter-spin{to{transform:rotate(-1turn)}}.suite-petal{width:var(--petal-size);height:var(--petal-size);top:var(--petal-offset);left:var(--petal-offset);background:conic-gradient(from 69deg,#e4e7ea 0deg,#e4e7ea 42deg,transparent 42deg);clip-path:polygon(50% 50%,100% 0,100% 100%)}.suite-petal,.suite-petal:after{position:absolute;border-radius:50%}.suite-petal:after{content:"";top:0;left:0;width:100%;height:100%;background:conic-gradient(from 69deg,#c0c8d0 0deg,#c0c8d0 42deg,transparent 42deg);opacity:0;transition:opacity .3s ease}.suite-spoke-wrapper:hover .suite-petal:after{opacity:1}.suite-spoke-wrapper:hover .suite-icon{box-shadow:0 4px 20px rgba(18,181,203,.5);border:2px solid #12b5cb;transform:scale(1.05)}.suite-spoke-wrapper:hover .suite-text-content h3{color:#12b5cb}@media (max-width:900px){.suite-wrapper{height:650px;--rad-icon:160px;--rad-text:240px;--petal-size:360px;--petal-offset:-180px}.suite-center{width:160px;height:160px;border-width:5px}.suite-node-content{width:55px;height:55px;margin-left:-27.5px;margin-top:-27.5px}.suite-icon svg{width:24px;height:24px}.suite-text-content{width:140px;margin-left:-70px}.suite-text-content h3{font-size:1rem}.suite-text-content p{font-size:.75rem}}@media (max-width:600px){.suite-wrapper{height:400px;--rad-icon:100px;--rad-text:150px;--petal-size:220px;--petal-offset:-110px}.suite-center{width:100px;height:100px;border-width:4px}.suite-node-content{width:40px;height:40px;margin-left:-20px;margin-top:-20px}.suite-icon svg{width:20px;height:20px}.suite-text-content{width:80px;margin-left:-40px;margin-top:-15px}.suite-text-content h3{font-size:.8rem;margin-bottom:2px}.suite-text-content p{display:none}}