.digital-connectivity{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.digital-connectivity>.connectivity-diagram{transform-origin:center center}@media(min-width:1400px){.digital-connectivity>.connectivity-diagram{transform:scale(1.15)}}@media(min-width:1800px){.digital-connectivity>.connectivity-diagram{transform:scale(1.3)}}.connectivity-diagram{position:relative;width:100%;max-width:1200px;padding-right:100px;aspect-ratio:1000 / 500;overflow:visible;border-radius:16px}.connectivity-diagram:before{content:"";position:absolute;top:8%;left:1%;width:100%;height:84%;background:linear-gradient(to right,rgba(37,99,235,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(37,99,235,.06) 1px,transparent 1px),linear-gradient(135deg,rgba(37,99,235,.02) 0%,transparent 100%);background-size:20px 20px,20px 20px,100% 100%;mask-image:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,.3) 60%,transparent 100%);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,.3) 60%,transparent 100%);pointer-events:none;z-index:0;border-radius:12px}.connections-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.connection-path{fill:none;stroke:#b0b5bd;stroke-width:1.5;stroke-dasharray:8 6;opacity:0;animation:pathFadeIn .5s ease-out forwards,flowDash 20s linear infinite}.input-path,.output-path{stroke:#9ca3af}@keyframes pathFadeIn{0%{opacity:0}to{opacity:1}}@keyframes flowDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-84}}.connection-dot{fill:#fff;stroke:#9ca3af;stroke-width:2;opacity:0;animation:dotFadeIn .3s ease-out forwards}@keyframes dotFadeIn{0%{opacity:0}to{opacity:1}}.inputs-column{position:absolute;left:2%;top:0;width:14%;height:100%;z-index:2}.outputs-column{position:absolute;left:80%;top:0;width:18%;height:100%;z-index:2}.item-card{position:absolute;left:0;transform:translateY(-50%);display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#374151;box-shadow:0 1px 3px #00000014;white-space:nowrap;transition:all .2s ease;animation:itemFadeIn .4s ease-out backwards;backdrop-filter:blur(8px)}.input-item,.output-item{left:0}.item-card:hover{border-color:#2563eb80;background:#f9fafb;box-shadow:0 4px 12px #2563eb1a}.input-item:hover{transform:translateY(-50%) translate(4px)}.output-item:hover{transform:translateY(-50%) translate(-4px)}@keyframes itemFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.output-item{animation-name:itemFadeInRight}@keyframes itemFadeInRight{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.item-card.highlighted{border-color:#2563eb99;border-width:2px;background:#2563eb0d;animation:itemFadeIn .4s ease-out backwards,highlightPulse 3s ease-in-out 1.5s infinite}@keyframes highlightPulse{0%,to{box-shadow:0 1px 3px #0003,0 0 #2563eb00}50%{box-shadow:0 1px 3px #0003,0 0 0 4px #2563eb33}}.item-icon{color:#2563eb;flex-shrink:0}.item-label{white-space:nowrap}.center-column{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:3;width:40%;max-width:380px}.platform-circle{position:absolute;left:18%;top:-25%;transform:translate(0);width:90px;height:90px;background:linear-gradient(180deg,#2563eb,#1d4ed8);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 30px #2563eb59;animation:platformAppear .6s ease-out .2s backwards,platformPulse 6s ease-in-out .8s infinite;z-index:10}@keyframes platformAppear{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes platformPulse{0%,to{box-shadow:0 8px 30px #2563eb59;transform:scale(1)}50%{box-shadow:0 12px 40px #2563eb73,0 0 0 8px #2563eb1a;transform:scale(1.02)}}.platform-circle:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(37,99,235,.5);transform:translate(-50%,-50%) scale(1);opacity:0;animation:platformWave 5s ease-out 2s infinite}@keyframes platformWave{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}20%{transform:translate(-50%,-50%) scale(2);opacity:0}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.platform-circle:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 70%,transparent 100%);animation:platformShine 8s ease-in-out 3s infinite}@keyframes platformShine{0%{left:-100%}15%{left:150%}to{left:150%}}.platform-title{font-size:17px;font-weight:700;color:#fff;letter-spacing:-.5px}.platform-subtitle{font-size:13px;font-weight:500;color:#ffffffe6;margin-top:2px}.center-image-container{position:relative;width:100%;animation:imageContainerFadeIn .5s ease-out .4s backwards}@keyframes imageContainerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.browser-mockup{width:100%;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001f;overflow:hidden;border:1px solid #e5e7eb}.browser-header{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.browser-dots{display:flex;gap:6px}.browser-dots .dot{width:10px;height:10px;border-radius:50%}.browser-dots .dot.red{background:#ef4444}.browser-dots .dot.yellow{background:#f59e0b}.browser-dots .dot.green{background:#22c55e}.browser-url{flex:1;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:12px;color:#6b7280;text-align:center}.browser-content{padding:0}.center-image{width:100%;display:block}.tool-logos{position:absolute;right:-4%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;width:45px;z-index:2}.tool-logo{aspect-ratio:1;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;padding:6px;animation:logoFadeIn .4s ease-out both;box-shadow:0 2px 8px #00000014;transition:transform .2s ease}.tool-logo:hover{transform:scale(1.1);background:#f9fafb}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tool-logo-img{width:100%;height:100%;object-fit:contain}.corner-3d-image{position:absolute;right:-10%;bottom:-20%;width:60%;height:auto;z-index:5;animation:corner3dFadeIn .5s ease-out 1.2s backwards,corner3dPulse 4s ease-in-out 1.7s infinite}@keyframes corner3dFadeIn{0%{opacity:0;transform:translateY(20px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes corner3dPulse{0%,to{transform:scale(1);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}50%{transform:scale(1.04);filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}}@media(max-width:1024px){.tool-logos{display:none}.item-card{padding:8px 10px;font-size:11px;gap:6px}.item-icon{width:14px;height:14px}.platform-circle{width:90px;height:90px}.platform-title{font-size:14px}.platform-subtitle{font-size:11px}}@media(max-width:768px){.digital-connectivity{padding-right:0;align-items:flex-start;overflow-y:auto}.digital-connectivity>.connectivity-diagram{transform:none!important}.connectivity-diagram{aspect-ratio:auto;min-height:auto;max-width:none;display:flex;flex-direction:column;gap:16px;padding:16px}.connections-svg{display:none}.inputs-column,.outputs-column,.center-column,.tool-logos{position:static;transform:none;width:100%;max-width:none;height:auto}.center-column{order:1}.inputs-column{order:2;display:flex;flex-wrap:wrap;gap:8px}.outputs-column{order:3;display:flex;flex-wrap:wrap;gap:8px}.tool-logos,.platform-circle,.corner-3d-image{display:none}.connectivity-diagram:before{display:none}.item-card{position:static;transform:none}.item-card:hover{transform:none}.tool-logo{aspect-ratio:1}.corner-3d-image{display:none}}@media(prefers-reduced-motion:reduce){.item-card,.platform-circle,.center-image-container,.connection-path,.connection-dot,.tool-logo,.corner-3d-image{animation:none}.item-card,.platform-circle,.tool-logo{transition:none}.connection-path{opacity:1;stroke-dasharray:none}.connection-dot{opacity:1}}@media print{.connectivity-diagram{page-break-inside:avoid}.connection-path{opacity:1;animation:none;stroke-dasharray:8 6}.connection-dot{opacity:1;animation:none}.platform-circle,.item-card,.tool-logo{animation:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}}.platform-ecosystem{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.ecosystem-diagram{position:relative;width:min(100%,900px);aspect-ratio:1;max-height:100%}.ecosystem-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ecosystem-orbit{fill:none;stroke:#2563eb;stroke-width:1.5;opacity:.25;animation:ecoOrbitAppear 1s ease-out .5s backwards}@keyframes ecoOrbitAppear{0%{opacity:0;stroke-dasharray:0 1200}to{opacity:.25;stroke-dasharray:1200 0}}.ecosystem-line{stroke-width:1.5;stroke-dasharray:8 6;animation:ecoLineAppear .6s ease-out backwards,ecoLineFlow 20s linear infinite}@keyframes ecoLineAppear{0%{opacity:0;stroke-dashoffset:200}to{opacity:1;stroke-dashoffset:0}}@keyframes ecoLineFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-84}}.ecosystem-dot{stroke:#fff;stroke-width:2;animation:ecoDotAppear .4s ease-out backwards}@keyframes ecoDotAppear{0%{opacity:0;r:0}to{opacity:1;r:5}}.ecosystem-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:linear-gradient(180deg,#2563eb,#1d4ed8);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 4px 30px #2563eb59,inset 0 -2px 10px #0000001a;z-index:10;animation:ecoCenterAppear .8s ease-out backwards,ecoCenterPulse 10s ease-in-out 2s infinite}.ecosystem-center:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(37,99,235,.5);transform:translate(-50%,-50%) scale(1);opacity:0;animation:ecoCenterWave 8s ease-out 3s infinite}@keyframes ecoCenterAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}60%{transform:translate(-50%,-50%) scale(1.08)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes ecoCenterPulse{0%,to{box-shadow:0 4px 30px #2563eb59,inset 0 -2px 10px #0000001a;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 12px 40px #2563eb73,0 0 0 8px #2563eb1a,inset 0 -2px 10px #0000001a;transform:translate(-50%,-50%) scale(1.02)}}@keyframes ecoCenterWave{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}20%{transform:translate(-50%,-50%) scale(2);opacity:0}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.ecosystem-center-title{font-size:26px;font-weight:700;color:#fff;letter-spacing:-.5px}.ecosystem-center-subtitle{font-size:16px;font-weight:500;color:#ffffffe6;margin-top:2px}.ecosystem-icon{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;background:#fff;border:2px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #00000014;z-index:5;animation:ecoIconAppear .6s ease-out backwards}@keyframes ecoIconAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}60%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ecosystem-label{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:row;align-items:stretch;width:210px;z-index:1;background:#fff;border-radius:8px;box-shadow:0 1px 6px #0000000f,0 0 0 1px #0000000a;overflow:hidden;animation:ecoLabelAppear .5s ease-out backwards}@keyframes ecoLabelAppear{0%{opacity:0}to{opacity:1}}.ecosystem-label-accent{width:4px;flex-shrink:0}.ecosystem-label-content{display:flex;flex-direction:column;padding:8px 12px}.ecosystem-label--cpq{transform:translate(-50%,-50%)}.ecosystem-label--3d{transform:translate(-15%,-50%)}.ecosystem-label--quote{transform:translate(-5%,-50%)}.ecosystem-label--crm{transform:translate(-15%,-50%)}.ecosystem-label--web{transform:translate(-50%,-50%)}.ecosystem-label--drive{transform:translate(-85%,-50%)}.ecosystem-label--field{transform:translate(-95%,-50%)}.ecosystem-label--data{transform:translate(-85%,-50%)}.ecosystem-module-name{font-size:15px;font-weight:600;line-height:1.3}.ecosystem-module-desc{font-size:11px;font-weight:400;color:#6b7280;line-height:1.4;margin-top:2px}.ecosystem-module-app{font-size:9px;color:#9ca3af;margin-top:3px;font-style:italic}.ecosystem-label{transition:transform .25s ease,box-shadow .25s ease}.ecosystem-label:hover{box-shadow:0 4px 16px #0000001f,0 0 0 1px #0000000a;z-index:20}.ecosystem-label--cpq:hover{transform:translate(-50%,-50%) scale(1.06)}.ecosystem-label--3d:hover{transform:translate(-15%,-50%) scale(1.06)}.ecosystem-label--quote:hover{transform:translate(-5%,-50%) scale(1.06)}.ecosystem-label--crm:hover{transform:translate(-15%,-50%) scale(1.06)}.ecosystem-label--web:hover{transform:translate(-50%,-50%) scale(1.06)}.ecosystem-label--drive:hover{transform:translate(-85%,-50%) scale(1.06)}.ecosystem-label--field:hover{transform:translate(-95%,-50%) scale(1.06)}.ecosystem-label--data:hover{transform:translate(-85%,-50%) scale(1.06)}@media(min-width:1024px){.ecosystem-center{width:150px;height:150px}.ecosystem-center{width:170px;height:170px}.ecosystem-center-title{font-size:30px}.ecosystem-center-subtitle{font-size:17px}.ecosystem-icon{width:64px;height:64px}.ecosystem-module-name{font-size:18px}.ecosystem-module-desc{font-size:13px}.ecosystem-module-app{font-size:11px}.ecosystem-label{width:240px}.ecosystem-label-content{padding:10px 14px}}.ecosystem-mobile{display:none}@media(max-width:768px){.ecosystem-mobile{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 16px;overflow-y:auto}.ecosystem-diagram{display:none}.ecosystem-mobile-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;box-shadow:0 1px 4px #0000000a}.ecosystem-mobile-icon{width:40px;height:40px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ecosystem-mobile-text{display:flex;flex-direction:column;min-width:0}.ecosystem-mobile-name{font-size:14px;font-weight:600;line-height:1.3}.ecosystem-mobile-desc{font-size:11px;color:#6b7280;line-height:1.3;margin-top:2px}}@media(max-width:640px){.ecosystem-center{width:90px;height:90px}.ecosystem-center-title{font-size:14px}.ecosystem-center-subtitle{font-size:10px}.ecosystem-icon{width:36px;height:36px}.ecosystem-module-name{font-size:11px}.ecosystem-module-desc,.ecosystem-module-app{display:none}.ecosystem-label{width:110px}.ecosystem-label-content{padding:5px 8px}}@media(prefers-reduced-motion:reduce){.ecosystem-orbit,.ecosystem-line,.ecosystem-dot,.ecosystem-center,.ecosystem-icon,.ecosystem-label{animation:none}.ecosystem-orbit{opacity:.25;stroke-dasharray:none}.ecosystem-line{stroke-dashoffset:0}.ecosystem-dot,.ecosystem-center,.ecosystem-icon,.ecosystem-label{opacity:1}}