.tech-innovation-section{position:relative;width:100%;background:radial-gradient(circle at 25% 25%,rgba(66,165,245,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(29,233,182,.06) 0%,transparent 50%),radial-gradient(circle at 50% 10%,rgba(255,149,0,.04) 0%,transparent 60%),linear-gradient(135deg,#0a0a0a,#1a1a1a 30%,#0f0f0f 70%,#080808);color:#fff;overflow:hidden;height:100vh;max-height:100vh;box-sizing:border-box}.tech-innovation-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;z-index:1;opacity:.5}.tech-innovation-container{position:relative;max-width:1200px;margin:0 auto;padding:0 2rem;z-index:10;height:100vh;box-sizing:border-box}.section-header{text-align:center;position:absolute;top:20px;left:2rem;right:2rem;height:20vh;z-index:10;overflow:visible;display:flex;flex-direction:column;justify-content:flex-start}.section-badge{display:inline-flex;align-items:center;padding:8px 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:25px;margin-bottom:.5rem;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#fffffff2;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-badge:hover{background:#ffffff1f;border-color:#42a5f566;transform:translateY(-2px)}.section-title{font-family:Montserrat,sans-serif;font-size:clamp(32px,4.5vw,48px);font-weight:900;letter-spacing:-.5px;line-height:1.4;margin-bottom:12px;margin-top:4rem;position:relative;display:inline-block;background:linear-gradient(135deg,#fff,#42a5f5,#1de9b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-family:Open Sans,sans-serif;font-size:18px;font-weight:300;line-height:1.5;max-width:800px;margin:0 auto;padding:0 20px;color:#ffffffe6}.comparison-container{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;position:absolute;top:calc(20vh + 30px);left:2rem;right:2rem;height:60vh;overflow:hidden}.comparison-container:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(66,165,245,.3) 20%,rgba(255,255,255,.5) 50%,rgba(29,233,182,.3) 80%,transparent 100%);z-index:1;transform:translateY(-50%)}.tech-side{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:5}.tech-visual{position:relative;display:flex;flex-direction:column;align-items:center}.belt-image-container{position:relative;width:100%;max-width:350px;aspect-ratio:1;border-radius:20px;overflow:hidden;background:transparent;box-shadow:0 20px 40px #0000004d,0 8px 16px #0003;transition:all .4s cubic-bezier(.4,0,.2,1)}.belt-image-container:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 30px 60px #0006,0 12px 24px #42a5f533}.interactive-media-container,.interactive-media-container-left{position:relative;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.interactive-media-container:hover,.interactive-media-container-left:hover{https://github.com/SoftFever/OrcaSlicer transform: scale(1.02);https://github.com/SoftFever/OrcaSlicerhttps://github.com/SoftFever/OrcaSlicer box-shadow: 0 8px 25px rgba(0,0,0,.15)}.static-image,.interactive-video,.static-image-left,.interactive-video-left{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:20px;transition:opacity .4s cubic-bezier(.4,0,.2,1)!important}.static-image,.static-image-left{opacity:1;z-index:2}.interactive-video,.interactive-video-left{opacity:0;z-index:1}.interaction-hint{position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;display:flex;align-items:center;gap:10px;background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff4d;padding:12px 18px;border-radius:25px;color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px;z-index:10;opacity:0;visibility:hidden;transition:all 1.3s cubic-bezier(.4,0,.2,1);animation:timedAppearance 10s ease-in-out infinite;-webkit-transition:all 1.3s cubic-bezier(.4,0,.2,1);-moz-transition:all 1.3s cubic-bezier(.4,0,.2,1);-ms-transition:all 1.3s cubic-bezier(.4,0,.2,1);-o-transition:all 1.3s cubic-bezier(.4,0,.2,1)}.interaction-hint:hover{opacity:1;transform:translate(-50%,-50%) scale(1.05)!important;background:#ffffff40;box-shadow:0 12px 40px #00000026,0 4px 12px #00000014,inset 0 1px #fff6}.interactive-media-container:hover .interaction-hint,.interactive-media-container-left:hover .interaction-hint{opacity:0!important;visibility:hidden!important;transform:translate(-50%,-50%) scale(.8)!important;animation:none!important;transition:all .12s cubic-bezier(.4,0,1,1)!important}.play-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#fff;animation:subtleBounce 2s ease-in-out infinite}.play-icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.hint-text{white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes timedAppearance{0%,30%{opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.8)!important}40%{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)!important}60%{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)!important}70%,to{opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.8)!important}}@keyframes subtleBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.1)}}@keyframes breathingGlow{0%,to{box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff4d}50%{box-shadow:0 12px 40px #00000026,0 4px 12px #00000014,inset 0 1px #fff6,0 0 20px #ffffff1a}}@media (max-width: 768px){.interactive-media-container.touch-active .static-image,.interactive-media-container-left.touch-active .static-image-left{opacity:0}.interaction-hint{padding:8px 12px!important;font-size:11px!important;border-radius:18px!important;gap:6px!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;z-index:15!important}.hint-text{display:none}.play-icon{width:14px;height:14px}.play-icon svg{width:14px;height:14px}.image-overlay{top:.75rem;right:.75rem;z-index:12}.issue-badge,.advantage-badge{font-size:.7rem;padding:.4rem .6rem}.interactive-media-container.touch-active .interactive-video,.interactive-media-container-left.touch-active .interactive-video-left{opacity:1}}.interactive-video:not([data-loaded=true]){background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.interactive-video{pointer-events:none}.interactive-media-container{will-change:transform}.static-image,.interactive-video{will-change:opacity}.interactive-media-container.video-error .interactive-video{display:none!important}.interactive-media-container.video-error .static-image{opacity:1!important}@media (prefers-reduced-motion: reduce){.static-image,.interactive-video{transition:none!important}}.belt-image{width:100%;height:100%;display:block;object-fit:cover;filter:brightness(1.1) contrast(1.05) saturate(1.1);background:transparent}.image-overlay{position:absolute;top:1rem;right:1rem;z-index:12}.belt-image-container .interaction-hint{position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important}.issue-badge,.advantage-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.issue-badge{background:#ff3b301a;color:#ff3b30;border:1px solid rgba(255,59,48,.2)}.advantage-badge{background:#34c7591a;color:#34c759;border:1px solid rgba(52,199,89,.2)}.vs-divider{display:flex;flex-direction:column;align-items:center;position:relative;z-index:10}.vs-circle{width:70px;height:70px;border-radius:50%;background:conic-gradient(from 0deg,#42a5f5,#1de9b6,#ff9500,#42a5f5 360deg);display:flex;align-items:center;justify-content:center;box-shadow:0 15px 35px #42a5f566,0 5px 15px #1de9b64d,inset 0 2px 4px #fff3;z-index:10;transition:all .3s ease;animation:vsRotate 8s linear infinite,glow 3s ease-in-out infinite alternate;position:relative;cursor:pointer;transform:scale(1) rotate(0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vs-circle:after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;background:conic-gradient(from 0deg,#42a5f566,#1de9b666,#ff950066,#42a5f566 360deg);opacity:0;z-index:-1;animation:pulseRing 5s ease-in-out infinite;pointer-events:none;-webkit-animation:pulseRing 5s ease-in-out infinite}.vs-circle:hover{transform:scale(1.15);box-shadow:0 25px 60px #42a5f5b3,0 12px 30px #1de9b699,0 6px 15px #ff950066,inset 0 3px 6px #fff6;animation-play-state:paused;filter:drop-shadow(0 0 20px rgba(66,165,245,.8));transition:all .4s cubic-bezier(.4,0,.2,1)}.vs-circle:hover .vs-text{transform:scale(1.05);text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 10px rgba(255,255,255,.6);transition:all .3s ease}.vs-circle:hover:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:conic-gradient(from 0deg,#42a5f54d,#1de9b64d,#ff95004d,#42a5f54d 360deg);animation:hoverPulse 2s ease-in-out infinite;z-index:-1}@keyframes hoverPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.vs-circle.vs-clicked{animation:vsClickSequence 1.2s cubic-bezier(.25,.46,.45,.94);z-index:15;animation-fill-mode:both;animation-iteration-count:1}.vs-text{font-family:Montserrat,sans-serif;font-size:16px;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-info{text-align:center;padding:1rem .5rem;background:transparent}.tech-title{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;margin-bottom:8px;color:#fff;letter-spacing:-.3px}.tech-subtitle{font-family:Open Sans,sans-serif;font-size:16px;color:#ffffffb3;margin-bottom:20px;font-weight:300}.tech-specs{list-style:none;padding:0;margin:1.5rem 0 0;text-align:left;max-width:350px;margin-left:auto;margin-right:auto}.tech-specs li{font-family:Open Sans,sans-serif;font-size:15px;color:#ffffffe6;position:relative;padding:10px 0 10px 32px;font-weight:400;line-height:1.5;transition:all .3s ease}.tech-specs li:hover{color:#fff;transform:translate(4px)}.tech-specs li:before{content:"\25b8";position:absolute;left:4px;top:10px;color:#ff6b6b;font-weight:600;font-size:16px;transition:all .3s ease;line-height:1.5}.new-tech .tech-specs li:before{color:#1de9b6;content:"\2713"}.tech-specs li:hover:before{transform:scale(1.2)}.tech-data{text-align:center;position:absolute;bottom:-40px;left:2rem;right:2rem;height:calc(25vh - 20px);overflow:visible;z-index:10}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;max-width:800px;margin:0 auto;padding:0}.data-item{position:relative;padding:1rem .8rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.data-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#42a5f5,#1de9b6);transform:scaleX(0);transition:transform .3s ease}.data-item:hover{transform:translateY(-8px) scale(1.05);background:#ffffff14;border-color:#42a5f54d;box-shadow:0 15px 30px #42a5f533,0 5px 15px #0000004d}.data-item:hover:before{transform:scaleX(1)}.data-value{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:900;color:#42a5f5;background:linear-gradient(135deg,#42a5f5,#1de9b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:.9;letter-spacing:-1px;text-shadow:0 0 20px rgba(66,165,245,.4);filter:drop-shadow(0 2px 4px rgba(66,165,245,.2));position:relative}@supports not (-webkit-background-clip: text){.data-value{color:#42a5f5;-webkit-text-fill-color:initial}}.data-label{font-family:Open Sans,sans-serif;font-size:13px;color:#ffffffd9;font-weight:400;text-transform:uppercase;letter-spacing:1px;line-height:1.4}@keyframes vsRotate{0%{background:conic-gradient(from 0deg,#42a5f5,#1de9b6,#ff9500,#42a5f5 360deg)}33%{background:conic-gradient(from 120deg,#42a5f5,#1de9b6,#ff9500,#42a5f5 360deg)}66%{background:conic-gradient(from 240deg,#42a5f5,#1de9b6,#ff9500,#42a5f5 360deg)}to{background:conic-gradient(from 360deg,#42a5f5,#1de9b6,#ff9500,#42a5f5 360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 15px 35px #42a5f566,0 5px 15px #1de9b64d}50%{box-shadow:0 20px 45px #42a5f599,0 8px 20px #1de9b680}}@keyframes pulseRing{0%,80%{opacity:0;transform:scale(1)}85%{opacity:.3;transform:scale(1.1)}90%{opacity:.6;transform:scale(1.3)}95%{opacity:.2;transform:scale(1.5)}to{opacity:0;transform:scale(1.8)}}@keyframes vsClickSequence{0%{transform:scale(1) rotate(0);box-shadow:0 15px 35px #42a5f566,0 5px 15px #1de9b64d,inset 0 2px 4px #fff3;filter:drop-shadow(0 0 5px rgba(66,165,245,.3))}25%{transform:scale(1.15) rotate(90deg);box-shadow:0 20px 50px #42a5f599,0 10px 25px #1de9b666,inset 0 3px 6px #ffffff4d;filter:drop-shadow(0 0 15px rgba(66,165,245,.6))}50%{transform:scale(1.3) rotate(180deg);box-shadow:0 35px 100px #1de9b6,0 20px 60px #42a5f5cc,0 10px 30px #ff950099,0 0 50px #ffffff4d,inset 0 4px 8px #ffffff80;filter:drop-shadow(0 0 35px rgba(29,233,182,1))}75%{transform:scale(1.2) rotate(270deg);box-shadow:0 25px 60px #ff9500b3,0 12px 30px #1de9b680,0 6px 15px #42a5f566,inset 0 3px 6px #ffffff80;filter:drop-shadow(0 0 30px rgba(255,149,0,.7))}to{transform:scale(1) rotate(360deg);box-shadow:0 15px 35px #42a5f566,0 5px 15px #1de9b64d,inset 0 2px 4px #fff3;filter:drop-shadow(0 0 5px rgba(66,165,245,.3))}}.vs-background-effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.vs-background-effects.active{opacity:1;visibility:visible}.bg-color-impact{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,0,100,.4) 0%,rgba(255,50,0,.3) 30%,rgba(0,255,255,.2) 60%,rgba(138,43,226,.1) 80%,transparent 100%);opacity:0;z-index:-1}.vs-background-effects.active .bg-color-impact{animation:colorImpact 1.2s ease-out}.bg-element{position:absolute;opacity:0;transform:scale(0);transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.vs-background-effects.active .bg-element{opacity:1;transform:scale(1)}.lightning{width:4px;height:100px;background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(0,255,255,.8) 50%,transparent 100%);box-shadow:0 0 20px #0ffc;animation:lightningStrike .2s ease-in-out infinite alternate}.lightning-1{top:20%;left:25%;transform:rotate(15deg);transition-delay:.4s}.lightning-2{top:30%;right:30%;transform:rotate(-20deg);transition-delay:.5s}.lightning-3{bottom:25%;left:60%;transform:rotate(10deg);transition-delay:.6s}.explosion-particle{width:8px;height:8px;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,0,100,.8) 50%,transparent 100%);border-radius:50%;animation:explodeParticle 2s ease-out infinite}.particle-1{top:40%;left:20%;animation-delay:.1s;transition-delay:.7s}.particle-2{top:60%;right:25%;animation-delay:.2s;transition-delay:.8s}.particle-3{bottom:40%;left:30%;animation-delay:.3s;transition-delay:.9s}.particle-4{top:30%;right:40%;animation-delay:.4s;transition-delay:1s}.particle-5{bottom:30%;right:20%;animation-delay:.5s;transition-delay:1.1s}.particle-6{top:70%;left:40%;animation-delay:.6s;transition-delay:1.2s}.particle-7{top:25%;left:60%;animation-delay:.7s;transition-delay:1.3s}.particle-8{bottom:60%;right:50%;animation-delay:.8s;transition-delay:1.4s}.energy-beam{width:2px;height:150px;background:linear-gradient(to bottom,transparent 0%,rgba(0,255,255,1) 50%,transparent 100%);box-shadow:0 0 10px #0ffc;animation:energyPulse 1s ease-in-out infinite alternate}.beam-1{top:10%;left:15%;transform:rotate(45deg);transition-delay:1.5s}.beam-2{top:15%;right:20%;transform:rotate(-30deg);transition-delay:1.6s}.beam-3{bottom:20%;left:25%;transform:rotate(-45deg);transition-delay:1.7s}.beam-4{bottom:15%;right:30%;transform:rotate(60deg);transition-delay:1.8s}@keyframes colorImpact{0%{opacity:0;transform:scale(.3);filter:blur(20px)}30%{opacity:.8;transform:scale(1.5);filter:blur(5px)}60%{opacity:.6;transform:scale(1.2);filter:blur(2px)}to{opacity:.2;transform:scale(1);filter:blur(0px)}}@keyframes lightningStrike{0%{opacity:1;transform:scaleY(1)}to{opacity:.3;transform:scaleY(1.2)}}@keyframes explodeParticle{0%{transform:scale(1) translateY(0);opacity:1}50%{transform:scale(1.5) translateY(-20px);opacity:.8}to{transform:scale(.5) translateY(-40px);opacity:0}}@keyframes energyPulse{0%{opacity:.5;box-shadow:0 0 10px #0ffc}to{opacity:1;box-shadow:0 0 20px #0ff}}@media screen and (min-width: 1900px) and (max-width: 1940px) and (min-height: 900px) and (max-height: 920px){.tech-innovation-section{height:100vh;min-height:100vh;padding:20px 0;display:flex;align-items:center}.tech-innovation-container{max-width:85%;padding:2rem 1.5rem;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}.section-header{position:static;height:auto;margin-bottom:0;padding-top:1rem;padding-bottom:0;flex-shrink:0}.section-title{font-size:42px;margin-top:1rem;margin-bottom:.8rem;line-height:1.1}.section-description{font-size:16px;line-height:1.5;max-width:800px;margin:0 auto;padding:0 1rem}.comparison-container{position:static;height:auto;gap:1.5rem;margin:0;flex:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-content:center}.comparison-container:before{top:53%;transform:translateY(-50%);z-index:1}.belt-image-container{max-width:240px;height:190px;aspect-ratio:unset;margin:0 auto}.belt-image{width:100%;height:100%;max-height:180px;max-width:230px;object-fit:contain}.tech-info{padding:.6rem;max-width:280px;margin:0 auto}.tech-title{font-size:18px;margin-bottom:.5rem}.tech-subtitle{font-size:13px;margin-bottom:.7rem}.tech-specs{max-width:270px;margin:.7rem auto 0;max-height:140px;overflow:visible}.tech-specs li{font-size:12px;padding:4px 0 4px 22px;line-height:1.4}.tech-specs li:before{left:3px;top:4px;font-size:11px}.vs-circle{width:50px;height:50px;margin:.6rem 0}.vs-text{font-size:12px}.tech-data{position:static;height:auto;margin:0;padding:0 0 1rem;flex-shrink:0}.data-grid{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:800px;margin:0 auto}.data-item{padding:1rem .7rem;min-height:85px}.data-value{font-size:1.8rem;margin-bottom:.4rem}.data-label{font-size:11px;line-height:1.3}.interaction-hint{padding:8px 12px!important;font-size:11px!important;border-radius:16px!important;gap:6px!important}.play-icon{width:16px!important;height:16px!important}.hint-text{font-size:11px!important}.image-overlay{top:.6rem;right:.6rem}.issue-badge,.advantage-badge{font-size:.7rem;padding:.4rem .6rem}}@media (max-width: 1600px) and (min-width: 1200px){.tech-innovation-section{height:100vh;min-height:800px;padding:2rem 0}.tech-innovation-container{max-width:90%;padding:0 2rem;height:100%;display:flex;flex-direction:column;justify-content:space-between}.section-header{margin-bottom:1.5rem;padding:0 1rem;flex-shrink:0}.section-title{font-size:32px;margin-bottom:.8rem;line-height:1.2}.section-description{font-size:15px;line-height:1.4;max-width:600px;margin:0 auto;padding:0 1rem}.comparison-container{gap:2rem;margin-bottom:1rem;flex:1;display:flex;align-items:center;justify-content:center}.belt-image-container{position:relative;width:100%;max-width:240px;height:200px;aspect-ratio:unset;border-radius:20px;overflow:hidden;background:transparent;box-shadow:0 20px 40px #0000004d,0 8px 16px #0003;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;padding:0}.belt-image{width:100%;height:100%;max-height:180px;max-width:220px;object-fit:contain;display:block}.tech-info{padding:.8rem .5rem;max-width:280px}.tech-title{font-size:16px;margin-bottom:.6rem}.tech-subtitle{font-size:12px;margin-bottom:.8rem}.tech-specs{max-width:260px;margin:.8rem auto 0}.tech-specs li{font-size:12px;padding:4px 0 4px 24px}.tech-specs li:before{left:2px;top:4px;font-size:12px}.vs-circle{width:45px;height:45px;margin:.8rem 0}.vs-text{font-size:11px}.tech-data{position:absolute;bottom:4rem;left:2rem;right:2rem;height:auto;z-index:10;flex-shrink:0}.data-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.8rem;max-width:800px;margin:0 auto}.data-item{padding:.6rem;min-height:60px}.data-value{font-size:1.2rem}.data-label{font-size:10px}.interaction-hint{padding:8px 12px!important;font-size:11px!important;border-radius:16px!important;gap:6px!important}.play-icon{width:16px!important;height:16px!important}.hint-text{font-size:11px!important}}@media (max-width: 1024px){.comparison-container{grid-template-columns:1fr;gap:3rem}.comparison-container:before{display:none}.vs-divider{order:2;margin:2rem 0}.old-tech{order:1}.new-tech{order:3}}@media (max-width: 768px){.tech-innovation-section{height:auto!important;min-height:auto!important;max-height:none!important;padding:2rem 0 4rem;display:flex;flex-direction:column;overflow:visible}.tech-innovation-container{padding:0 1.5rem;height:auto!important;min-height:auto!important;max-height:none!important;display:flex;flex-direction:column;gap:3rem;flex:none;overflow:visible}.section-header{position:static;height:auto;margin-bottom:2rem;text-align:center}.section-title{font-size:clamp(28px,6vw,36px);margin-top:1rem;margin-bottom:1rem}.section-description{font-size:16px;line-height:1.6;padding:0 1rem}.comparison-container{position:static;height:auto;display:flex;flex-direction:column;gap:3rem;margin-bottom:2.5rem;padding:1rem 0;overflow:visible}.comparison-container:before{display:none}.tech-side{gap:1.5rem}.belt-image-container{max-width:380px;margin:0 auto;position:relative;z-index:1}.tech-title{font-size:20px;margin-bottom:.5rem}.tech-subtitle{font-size:14px;margin-bottom:1rem}.tech-specs{max-width:300px}.tech-specs li{font-size:14px;padding:8px 0 8px 36px}.tech-specs li:before{left:6px;top:8px}.vs-circle{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.vs-text{font-size:14px}.vs-divider{display:flex;justify-content:center;align-items:center;margin:2rem 0}.tech-data{position:static;height:auto;margin-top:3rem;margin-bottom:2rem;padding:2rem 0 3rem;overflow:visible;display:block;visibility:visible;z-index:10}.data-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;max-width:400px;margin:0 auto}.data-item{padding:1.5rem 1rem;min-height:100px}.data-value{font-size:2.2rem;margin-bottom:.8rem}.data-label{font-size:13px;line-height:1.4}}@media (max-width: 480px){.tech-innovation-section{padding:2rem 0 4rem;min-height:auto!important;height:auto!important;max-height:none!important;overflow:visible}.tech-innovation-container{padding:0 1rem;gap:2.5rem;min-height:auto!important;height:auto!important;max-height:none!important;overflow:visible}.section-header{margin-bottom:1.5rem}.section-title{font-size:clamp(24px,7vw,32px);margin-top:.5rem}.section-description{font-size:15px;padding:0 .5rem}.comparison-container{gap:2.5rem;margin-bottom:2rem;padding:1rem 0}.belt-image-container{max-width:280px}.tech-title{font-size:18px}.tech-subtitle{font-size:13px}.tech-specs{max-width:280px}.tech-specs li{font-size:13px;padding:6px 0 6px 32px}.tech-specs li:before{left:4px;top:6px;font-size:14px}.vs-circle{width:55px;height:55px}.vs-text{font-size:13px}.tech-data{margin-top:-3rem;margin-bottom:0rem;padding:2rem 0 4rem;overflow:visible;display:block;visibility:visible;z-index:10;background:transparent}.data-grid{grid-template-columns:1fr;gap:1rem;max-width:320px;margin:0 auto}.data-item{padding:1.5rem 1rem;min-height:90px}.data-value{font-size:2rem;margin-bottom:.8rem}.data-label{font-size:12px;line-height:1.4}}@media (max-width: 360px){.tech-innovation-container{padding:0 .8rem}.section-title{font-size:22px}.section-description{font-size:14px}.belt-image-container{max-width:250px}.tech-title{font-size:16px}.tech-specs li{font-size:12px}.data-value{font-size:1.6rem}.data-label{font-size:10px}}@media (max-width: 768px){.data-item{min-height:80px;cursor:pointer}.belt-image-container{cursor:pointer}.belt-image-container,.vs-circle,.data-item{will-change:transform}.old-tech .belt-image-container,.new-tech .belt-image-container{animation:none}.interactive-video{transform:translateZ(0)}.static-image,.interactive-video{transition-duration:.2s}.vs-circle{animation:glow 3s ease-in-out infinite alternate}.tech-specs{margin-top:1rem}.tech-info{padding:.8rem .3rem}}@media (max-width: 768px) and (orientation: landscape){.tech-innovation-section{min-height:auto;padding:1rem 0}.tech-innovation-container{gap:1.5rem}.section-header{margin-bottom:1rem}.comparison-container{gap:2rem}.tech-data{margin-top:1rem}.data-grid{grid-template-columns:repeat(4,1fr);gap:.8rem}}@media (max-width: 768px){.tech-innovation-section{height:auto!important;min-height:auto!important;max-height:none!important;contain:layout}.tech-innovation-container{height:auto!important;min-height:auto!important;max-height:none!important;display:flex;flex-direction:column;align-items:stretch}}@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2){.belt-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (max-width: 768px){.data-item:focus,.belt-image-container:focus{outline:2px solid #42a5f5;outline-offset:2px}@media (prefers-reduced-motion: reduce){.belt-image-container,.vs-circle,.data-item{animation:none!important;transition:none!important}}}@media (max-width: 768px){.belt-image-container,.vs-circle,.data-item{transform:translateZ(0);backface-visibility:hidden}.tech-innovation-section:before{opacity:.3;background-size:60px 60px}}.old-tech .belt-image-container{animation:float 6s ease-in-out infinite}.new-tech .belt-image-container{animation:float 6s ease-in-out infinite reverse}.vs-circle{animation:vsRotate 8s linear infinite,glow 3s ease-in-out infinite alternate}.tech-side:hover .belt-image-container{animation-play-state:paused}.data-item:nth-child(1){animation-delay:.1s}.data-item:nth-child(2){animation-delay:.2s}.data-item:nth-child(3){animation-delay:.3s}.data-item:nth-child(4){animation-delay:.4s}
/*# sourceMappingURL=/cdn/shop/t/5/assets/IR3-tech-innovation-clean.css.map */
