.mcn-section{position:relative;width:100%;min-height:560px;background:transparent!important;overflow:visible!important;display:flex;justify-content:space-between;align-items:center;padding:40px 0 40px 4%;box-sizing:border-box;font-family:Inter,"Segoe UI",Arial,sans-serif}
.mcn-section *{box-sizing:border-box}
.mcn-section .solar-title-area{flex:0 0 38%;max-width:480px;z-index:10;padding-left:20px}
.mcn-section .solar-subtitle{display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;color:#10b981;margin-bottom:12px;text-transform:uppercase}
.mcn-section .solar-title-area h2{font-size:38px;font-weight:800;color:#1a202c;line-height:1.2;margin:0 0 18px}
.mcn-section .solar-title-area p{font-size:16px;color:#4a5568;line-height:1.6;margin:0}
.mcn-section .solar-system-wrapper{position:relative;flex:1 1 auto;min-width:0;height:480px;overflow:visible}
.mcn-section .solar-system{position:absolute;left:calc(50% - 10px);margin-left:-360px;bottom:-280px;width:720px;height:720px;pointer-events:none;transform-origin:center center}
.mcn-section .orbit-clip{position:absolute;top:0;left:-24px;width:calc(100% + 48px);height:50%;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 90px);mask-image:linear-gradient(to top,transparent 0,#000 90px)}
.mcn-section .sun-center{position:absolute;top:calc(50% - 70px);left:calc(50% - 70px);width:140px;height:140px;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,rgba(16,185,129,.03) 70%,transparent 100%);border:0;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 25px rgba(16,185,129,.2);z-index:100;pointer-events:auto;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;padding:0}
.mcn-section .sun-center:hover{transform:scale(1.06);box-shadow:0 0 35px rgba(16,185,129,.4)}
.mcn-section .sun-center img{width:105px;height:auto;object-fit:contain}
.mcn-section .mcn-orbit{position:absolute;top:100%;left:50%;border:2px dashed rgba(16,185,129,.35);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.mcn-section .mcn-orbit-1{width:320px;height:320px;animation:mcn-spin-orbit 90s linear infinite}
.mcn-section .mcn-orbit-2{width:500px;height:500px;animation:mcn-spin-orbit-rev 120s linear infinite}
.mcn-section .mcn-orbit-3{width:680px;height:680px;animation:mcn-spin-orbit 150s linear infinite}
@keyframes mcn-spin-orbit{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes mcn-spin-orbit-rev{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0deg)}}
.mcn-section .mcn-planet{position:absolute;top:50%;left:50%;width:0;height:0;transform:rotate(var(--angle)) translate(var(--orbit-radius,160px)) rotate(calc(-1 * var(--angle)));pointer-events:auto}
.mcn-section .mcn-orbit-1 .mcn-planet{--orbit-radius:160px}.mcn-section .mcn-orbit-2 .mcn-planet{--orbit-radius:250px}.mcn-section .mcn-orbit-3 .mcn-planet{--orbit-radius:340px}
.mcn-section .mcn-client-logo{position:absolute;width:72px;height:72px;background:#fff;border:3px solid #10b981;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 15px rgba(16,185,129,.22);transform:translate(-50%,-50%);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;padding:5px;cursor:pointer}
.mcn-section .mcn-client-logo:hover{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 8px 22px rgba(16,185,129,.4);background:#f0fdf4;z-index:200}
.mcn-section .mcn-client-logo img{width:100%;height:100%;object-fit:contain;animation:mcn-counter-spin 90s linear infinite}
.mcn-section .mcn-orbit-2 .mcn-client-logo img{animation:mcn-counter-spin-rev 120s linear infinite}.mcn-section .mcn-orbit-3 .mcn-client-logo img{animation:mcn-counter-spin 150s linear infinite}
@keyframes mcn-counter-spin{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}@keyframes mcn-counter-spin-rev{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.mcn-section .mcn-logo-modal{display:none;position:fixed;z-index:999999;inset:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);justify-content:center;align-items:center;backdrop-filter:blur(5px);margin:0;padding:20px}
.mcn-section .mcn-logo-modal.is-open{display:flex}.mcn-section .mcn-modal-content{max-width:min(85%,700px);max-height:80vh;background:#fff;padding:25px;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.5);object-fit:contain;display:block;margin:auto;animation:mcn-zoom-in .3s ease}
@keyframes mcn-zoom-in{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}
.mcn-section .mcn-close-modal{position:absolute;top:20px;right:25px;color:#fff;font-size:40px;line-height:1;font-weight:700;background:transparent;border:0;cursor:pointer;z-index:1000000}
@media(max-width:1200px) and (min-width:769px){.mcn-section .solar-system{transform:scale(.78);bottom:-300px;left:calc(50% + 5px)}.mcn-section .solar-system-wrapper{height:420px}.mcn-section .solar-title-area{flex-basis:36%}.mcn-section .solar-title-area h2{font-size:32px}}
@media(max-width:768px){.mcn-section{flex-direction:column;text-align:center;padding:20px 0 0;min-height:auto;overflow:hidden!important}.mcn-section .solar-title-area{flex:unset;width:100%;max-width:100%;padding:0 16px}.mcn-section .solar-title-area h2{font-size:26px;margin-bottom:6px}.mcn-section .solar-title-area p{font-size:14px;margin-bottom:0}.mcn-section .solar-system-wrapper{width:100%;flex:unset;height:310px;margin-top:10px;overflow:hidden}.mcn-section .solar-system{width:480px;height:480px;left:50%;margin-left:-240px;bottom:-190px;transform:none}.mcn-section .orbit-clip{left:0;width:100%;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 55px);mask-image:linear-gradient(to top,transparent 0,#000 55px)}.mcn-section .sun-center{width:96px;height:96px;top:calc(50% - 48px);left:calc(50% - 48px)}.mcn-section .sun-center img{width:72px}.mcn-section .mcn-orbit-1{width:164px;height:164px}.mcn-section .mcn-orbit-2{width:288px;height:288px}.mcn-section .mcn-orbit-3{width:412px;height:412px}.mcn-section .mcn-orbit-1 .mcn-planet{--orbit-radius:82px}.mcn-section .mcn-orbit-2 .mcn-planet{--orbit-radius:144px}.mcn-section .mcn-orbit-3 .mcn-planet{--orbit-radius:206px}.mcn-section .mcn-client-logo{box-sizing:border-box;width:58px;height:58px;padding:4px;border-width:2px}}
@media(prefers-reduced-motion:reduce){.mcn-section .mcn-orbit,.mcn-section .mcn-client-logo img{animation-play-state:paused!important}}