.hero-right-25d{--bg-card: rgba(8, 17, 32, .75);--border-glass: rgba(255, 255, 255, .08);--border-glass-hover: rgba(255, 255, 255, .15);--cyan-glow: #00f2fe;--cyan-dim: rgba(0, 242, 254, .3);--emerald-glow: #10b981;--emerald-dim: rgba(16, 185, 129, .3);--blue-glow: #2563eb;--blue-dim: rgba(37, 99, 235, .3);display:flex;justify-content:center;align-items:center;position:relative;height:680px;width:100%}.hero-graphic-container-25d{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.scene-3d-25d{width:680px;height:640px;position:relative}.svg-connections-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.svg-connections{width:100%;height:100%;opacity:.7}.circuit-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8 24;animation:flow 4s linear infinite}#line-frontend{stroke:var(--cyan-glow);animation-duration:5s}#line-backend{stroke:var(--blue-glow);animation-duration:6s}#line-database{stroke:var(--emerald-glow);animation-duration:7s}#line-ai{stroke:var(--emerald-glow);animation-duration:3.5s}#line-integrations{stroke:var(--cyan-glow);animation-duration:5s}#line-automations,#line-mobile{stroke:var(--emerald-glow);animation-duration:4.5s}@keyframes flow{to{stroke-dashoffset:-120}}.monitor-position-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);z-index:10}.monitor-wrapper{display:flex;flex-direction:column;align-items:center}.monitor-shadow{position:absolute;bottom:-20px;width:200px;height:30px;background:radial-gradient(ellipse,rgba(0,0,0,.5) 0%,transparent 70%);filter:blur(6px);pointer-events:none}.monitor-screen-ui{width:420px;height:280px;background:#0a1224eb;border:1.5px solid var(--border-glass);border-radius:14px;box-shadow:0 20px 60px #0009,0 0 40px #00f2fe0a,inset 0 0 20px #00f2fe08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;display:flex;flex-direction:column}.monitor-top-bar{height:30px;background:#ffffff04;border-bottom:1px solid var(--border-glass);display:flex;justify-content:space-between;align-items:center;padding:0 .75rem}.window-dots{display:flex;gap:5px}.window-dots .dot{width:7px;height:7px;border-radius:50%}.window-dots .dot.red{background-color:#ef4444}.window-dots .dot.yellow{background-color:#f59e0b}.window-dots .dot.green{background-color:#10b981}.window-title{font-size:.7rem;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem}.window-title:before{content:"";width:8px;height:8px;border-radius:50%;border:2px solid var(--cyan-glow);border-top-color:transparent}.window-actions{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.user-avatar{width:14px;height:14px;border-radius:50%;background-color:var(--cyan-glow)}.monitor-body{flex:1;display:flex;overflow:hidden}.dash-sidebar{width:90px;border-right:1px solid var(--border-glass);padding:.6rem .3rem;display:flex;flex-direction:column;gap:.15rem}.sidebar-item{font-size:.55rem;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem;padding:.3rem .4rem;border-radius:5px;cursor:pointer;transition:all .2s}.sidebar-item svg{width:10px;height:10px}.sidebar-item span{white-space:nowrap}.sidebar-item.active{background:#00f2fe1a;color:var(--cyan-glow)}.dashboard-content{flex:1;padding:.7rem;display:flex;flex-direction:column;gap:.45rem;overflow:hidden}.dash-header{display:flex;justify-content:space-between;align-items:center}.dash-header h3{font-size:.85rem;font-weight:600}.btn-export{background:#ffffff08;border:1px solid var(--border-glass);color:var(--text-secondary);padding:3px 8px;border-radius:5px;font-size:.5rem;display:flex;align-items:center;gap:3px;cursor:pointer}.btn-export svg{width:8px;height:8px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.metric-card{background:#ffffff05;border:1px solid var(--border-glass);padding:.45rem;border-radius:7px;display:flex;flex-direction:column;gap:2px}.metric-label{font-size:.45rem;color:var(--text-secondary)}.metric-value{font-size:.8rem;font-weight:700}.metric-change{font-size:.4rem;font-weight:600}.metric-change.positive{color:var(--emerald-glow)}.chart-section{display:grid;grid-template-columns:1.4fr 1fr;gap:.4rem;flex:1;min-height:0}.chart-container,.chart-channels{background:#ffffff05;border:1px solid var(--border-glass);padding:.45rem;border-radius:7px;display:flex;flex-direction:column}.chart-title{font-size:.5rem;font-weight:500;color:var(--text-secondary);margin-bottom:3px}.chart-placeholder{flex:1;position:relative;min-height:55px}.mini-chart{width:100%;height:100%}.chart-tooltip{position:absolute;top:5px;right:5px;background:#000000e6;border:1px solid var(--cyan-glow);border-radius:4px;padding:3px 5px;font-size:.4rem;text-align:right;line-height:1.2}.chart-tooltip span{color:var(--emerald-glow)}.donut-chart{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;justify-content:center}.circular-chart{width:38px;height:38px}.circle-bg{fill:none;stroke:#ffffff08;stroke-width:4}.circle{fill:none;stroke-width:4;stroke-linecap:round}.circle.c1{stroke:var(--cyan-glow)}.circle.c2{stroke:var(--emerald-glow)}.circle.c3{stroke:var(--blue-glow)}.donut-labels{font-size:.38rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:1.5px}.donut-labels span{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:3px}.dot-c1{background-color:var(--cyan-glow)}.dot-c2{background-color:var(--emerald-glow)}.dot-c3{background-color:var(--blue-glow)}.monitor-stand{width:50px;height:40px;background:linear-gradient(to bottom,#08101ef2,#050a16f2);border-left:1.5px solid var(--border-glass);border-right:1.5px solid var(--border-glass)}.monitor-base{width:120px;height:14px;background:#08101ef2;border:1.5px solid var(--border-glass);border-radius:8px;position:relative}.monitor-base:after{content:"";position:absolute;bottom:-1px;left:10%;right:10%;height:2px;background:var(--cyan-glow);opacity:.3;border-radius:0 0 4px 4px;filter:blur(1px)}.floating-card{position:absolute;width:155px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:10px;padding:.6rem .65rem;box-shadow:0 8px 30px #00000059,0 0 15px #00f2fe08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow .3s,border-color .3s;cursor:pointer;z-index:5;animation:cardFloat 5s ease-in-out infinite;animation-delay:var(--float-delay, 0s);text-align:left}.floating-card:hover{border-color:#00f2fe4d;box-shadow:0 8px 30px #0006,0 0 20px #00f2fe1a}.card-glow-border{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:10px;background:linear-gradient(135deg,transparent 40%,rgba(0,242,254,.12));pointer-events:none;z-index:-1}.card-content{display:flex;align-items:center;gap:.5rem}.card-icon{width:28px;height:28px;min-width:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid var(--border-glass)}.card-icon svg{width:14px;height:14px}.card-icon.cyan{color:var(--cyan-glow);border-color:var(--cyan-dim)}.card-icon.emerald{color:var(--emerald-glow);border-color:var(--emerald-dim)}.card-icon.blue{color:var(--blue-glow);border-color:var(--blue-dim)}.card-icon.green{color:var(--emerald-glow);border-color:var(--emerald-dim)}.card-text h4{font-size:.65rem;font-weight:600;line-height:1.2;margin:0;color:#fff}.card-text p{font-size:.42rem;color:var(--text-secondary);line-height:1.3;margin:1px 0 0}.check-badge{position:absolute;top:5px;right:5px;width:10px;height:10px;border-radius:50%;background-color:var(--emerald-glow);color:#030712;display:flex;align-items:center;justify-content:center}.check-badge svg{width:7px;height:7px;stroke-width:4px}.pulse-ring{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background-color:var(--emerald-glow)}.pulse-ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--emerald-glow);animation:ring-pulse 1.5s infinite}@keyframes ring-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(3);opacity:0}}.integration-icons{display:flex;gap:4px;margin-top:3px}.int-icon{width:18px;height:18px;border-radius:5px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.int-icon svg{width:10px;height:10px}.c-frontend{left:-10px;top:210px;--float-delay: 0s}.c-ai{top:-10px;left:50%;transform:translate(-50%);--float-delay: 1.5s;z-index:15}.c-backend{right:-10px;top:180px;--float-delay: .8s}.c-database{left:20px;bottom:60px;--float-delay: 2.3s}.c-automations{left:190px;bottom:10px;--float-delay: 1.2s}.c-integrations{right:150px;bottom:10px;--float-delay: 2.7s}.floating-mobile{position:absolute;right:30px;bottom:40px;z-index:12;animation:cardFloat 5.5s ease-in-out infinite;animation-delay:.5s}.mobile-device{width:110px;height:200px;background:#0a1224eb;border:1.5px solid var(--border-glass);border-radius:18px;padding:8px;box-shadow:0 15px 40px #00000073,0 0 12px #00f2fe0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column}.mobile-speaker{width:30px;height:3px;background:#ffffff1a;border-radius:20px;margin:0 auto 6px}.mobile-screen{flex:1;background:#00000040;border-radius:12px;padding:.5rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.mobile-header{display:flex;justify-content:space-between;align-items:center;font-size:.5rem;font-weight:600;color:#fff}.mobile-header svg{width:10px;height:10px;color:var(--text-secondary)}.mobile-metric{display:flex;flex-direction:column;gap:2px}.mobile-metric .label{font-size:.35rem;color:var(--text-secondary)}.mobile-metric .value{font-size:.75rem;font-weight:700;color:#fff}.mobile-metric .change{font-size:.35rem;font-weight:600}.mobile-metric .change.positive{color:var(--emerald-glow)}.mobile-metric .change.positive svg{width:6px;height:6px;display:inline-block;vertical-align:middle}.mobile-chart{height:30px}.mobile-chart svg{width:100%;height:100%}.mobile-card{background:#ffffff08;border:1px solid var(--border-glass);border-radius:5px;padding:.3rem}.mobile-card .label{font-size:.32rem;color:var(--text-secondary)}.mobile-card .value-row{display:flex;justify-content:space-between;align-items:center;font-size:.55rem;font-weight:700;color:#fff}.mobile-card .pct{font-size:.32rem;color:var(--emerald-glow)}.mobile-nav{display:flex;justify-content:space-between;color:var(--text-secondary);border-top:1px solid var(--border-glass);padding-top:4px}.mobile-nav svg{width:10px;height:10px;cursor:pointer}.mobile-nav svg.active{color:var(--cyan-glow)}@keyframes cardFloat{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.c-ai{animation-name:cardFloatCentered}@keyframes cardFloatCentered{0%{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}to{transform:translate(-50%) translateY(0)}}.scene-scale-wrapper{width:680px;height:640px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);transform-origin:center center;transition:transform .3s ease}@media(max-width:1200px){.hero-right-25d{height:600px}.scene-scale-wrapper{transform:translate(-50%,-50%) scale(.9)}}@media(max-width:1024px){.hero-right-25d{height:550px}.scene-scale-wrapper{transform:translate(-50%,-50%) scale(.8)}}@media(max-width:768px){.hero-right-25d{height:calc(640px*min(.85,calc((100vw - 48px) / 680)) + 20px)}.scene-scale-wrapper{transform:translate(-50%,-50%) scale(min(.85,calc((100vw - 48px) / 680)))}}