@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap);.crm-ecosystem-section *{margin:0;padding:0;box-sizing:border-box}.crm-ecosystem-section{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:16px;line-height:24px;color:#222;background:#0a0e27;padding:60px 20px;position:relative;overflow:hidden}.crm-ecosystem-section h2{text-align:center;margin-bottom:50px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:32px;line-height:45px;color:#fff}.ecosystem-container{max-width:1100px;margin:0 auto;display:flex;gap:40px;align-items:center}.diagram-side{flex:0 0 600px;position:relative;height:600px}.diagram-side svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.crm-hub{position:absolute;top:50%;left:50%;margin-left:-100px;margin-top:-100px;width:200px;height:200px;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:10;box-shadow:0 0 60px rgb(74 222 128 / .5);cursor:pointer;transition:all 0.3s ease}@keyframes crmPulse{0%,88.88%,100%{box-shadow:0 0 60px rgb(74 222 128 / .5);transform:scale(1)}5.55%{box-shadow:0 0 90px rgb(74 222 128 / .8);transform:scale(1.02)}}.crm-hub{animation:crmPulse 9s ease-in-out infinite}.crm-hub:hover{box-shadow:0 0 80px rgb(74 222 128 / .7)}.crm-hub.active::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:linear-gradient(45deg,#4ade80 0%,#22c55e 25%,#4ade80 50%,#22c55e 75%,#4ade80 100%);background-size:400% 400%;z-index:-1;animation:neonSnake 3s linear infinite;filter:blur(8px)}.crm-hub.active{transform:scale(1.05)}@keyframes neonSnake{0%{background-position:0% 50%}100%{background-position:100% 50%}}.crm-hub-icon{font-size:60px;margin-bottom:10px;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .2))}.crm-hub-text{font-size:24px;font-weight:700;color:#1a1d2e}.app{position:absolute;width:90px;height:90px;background:#1e293b;border:3px solid #475569;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:5;text-align:center}@keyframes sequentialPulse{0%,88.88%,100%{box-shadow:0 0 15px rgb(74 222 128 / .3);transform:scale(1)}5.55%{box-shadow:0 0 35px rgb(74 222 128 / .8);transform:scale(1.05)}}.app-1{animation:sequentialPulse 9s ease-in-out 1s infinite}.app-2{animation:sequentialPulse 9s ease-in-out 2s infinite}.app-3{animation:sequentialPulse 9s ease-in-out 3s infinite}.app-4{animation:sequentialPulse 9s ease-in-out 4s infinite}.app-5{animation:sequentialPulse 9s ease-in-out 5s infinite}.app-6{animation:sequentialPulse 9s ease-in-out 6s infinite}.app-7{animation:sequentialPulse 9s ease-in-out 7s infinite}.app-8{animation:sequentialPulse 9s ease-in-out 8s infinite}.app:hover{border-color:#4ade80;box-shadow:0 0 30px rgb(74 222 128 / .5);transform:scale(1.08)}.app.active{background:linear-gradient(135deg,#22c55e,#4ade80);border-color:#4ade80;position:absolute;transform:scale(1.08)}.app.active::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;background:linear-gradient(45deg,#4ade80 0%,#22c55e 25%,#4ade80 50%,#22c55e 75%,#4ade80 100%);background-size:400% 400%;z-index:-1;animation:neonSnake 3s linear infinite;filter:blur(6px)}.app-icon{font-size:30px;margin-bottom:5px;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .2))}.app-label{font-size:10px;font-weight:700;color:#fff}.app-1{top:20px;left:255px}.app-2{top:80px;right:60px}.app-3{top:250px;right:20px}.app-4{bottom:80px;right:60px}.app-5{bottom:20px;left:255px}.app-6{bottom:80px;left:60px}.app-7{top:250px;left:20px}.app-8{top:80px;left:60px}.info-side{flex:1;background:#1e293b;border:2px solid #334155;border-radius:20px;padding:40px;min-height:500px;color:#fff}.detail{display:none}.detail.active{display:block;animation:slideIn 0.5s ease}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.detail-icon{font-size:60px;margin-bottom:20px;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .2))}.detail-title{font-family:'Montserrat',sans-serif;font-size:28px;font-weight:700;color:#4ade80;margin-bottom:15px}.detail-subtitle{font-size:14px;color:#94a3b8;margin-bottom:25px}.detail-desc{font-size:16px;line-height:24px;color:#e2e8f0;margin-bottom:20px}.detail-features{margin-top:25px}.feature-item{padding:12px 0;border-bottom:1px solid #334155;font-size:14px;color:#94a3b8}.feature-item:last-child{border-bottom:none}.feature-item::before{content:'✓ ';color:#4ade80;font-weight:700;margin-right:8px}@media (max-width:768px){.crm-ecosystem-section{padding:30px 15px}.crm-ecosystem-section h2{font-size:24px;line-height:32px;margin-bottom:30px}.ecosystem-container{flex-direction:column;gap:20px}.diagram-side{flex:none;width:100%;max-width:400px;height:400px;margin:0 auto}.crm-hub{width:140px;height:140px;margin-left:-70px;margin-top:-70px}.crm-hub-icon{font-size:45px;margin-bottom:5px}.crm-hub-text{font-size:18px}.app{width:60px;height:60px}.app-icon{font-size:22px;margin-bottom:3px}.app-label{font-size:8px}.app-1{top:15px;left:170px}.app-2{top:55px;right:40px}.app-3{top:170px;right:15px}.app-4{bottom:55px;right:40px}.app-5{bottom:15px;left:170px}.app-6{bottom:55px;left:40px}.app-7{top:170px;left:15px}.app-8{top:55px;left:40px}.info-side{flex:none;width:100%;padding:20px;min-height:auto;max-height:450px;overflow-y:auto}.detail-icon{font-size:40px;margin-bottom:12px}.detail-title{font-size:20px;margin-bottom:10px}.detail-subtitle{font-size:12px;margin-bottom:15px}.detail-desc{font-size:14px;line-height:22px;margin-bottom:15px}.detail-features{margin-top:15px}.feature-item{padding:8px 0;font-size:12px}}@media (max-width:400px){.crm-ecosystem-section h2{font-size:20px;line-height:28px}.diagram-side{max-width:320px;height:320px}.crm-hub{width:110px;height:110px;margin-left:-55px;margin-top:-55px}.crm-hub-icon{font-size:35px}.crm-hub-text{font-size:16px}.app{width:50px;height:50px}.app-icon{font-size:18px}.app-label{font-size:7px}.app-1{top:10px;left:135px}.app-2{top:45px;right:30px}.app-3{top:135px;right:10px}.app-4{bottom:45px;right:30px}.app-5{bottom:10px;left:135px}.app-6{bottom:45px;left:30px}.app-7{top:135px;left:10px}.app-8{top:45px;left:30px}.info-side{padding:15px;max-height:380px}.detail-title{font-size:18px}.detail-desc{font-size:13px;line-height:20px}}