.key-features-section{position:relative;width:100%;background:radial-gradient(circle at 25% 25%,rgba(255,149,0,.12) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,95,109,.08) 0%,transparent 50%),radial-gradient(circle at 50% 10%,rgba(66,165,245,.06) 0%,transparent 60%),linear-gradient(135deg,#0a0a0a,#1a1a1a 30%,#0f0f0f 70%,#080808);color:#fff;padding:40px 0;height:100vh;min-height:800px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin-top:0!important}@media screen and (min-width: 769px){.key-features-section{overflow:hidden}}.key-features-section .background-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.key-features-section .gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#080808;z-index:2}.key-features-section .grid-pattern{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:30px 30px;z-index:3}.key-features-section .tech-lines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 49.7%,rgba(255,149,0,.05) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(255,95,109,.05) 50%,transparent 50.3%);background-size:120px 120px;opacity:.6;z-index:4}.key-features-section .floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;overflow:hidden;pointer-events:none}.key-features-section .shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ff95000d,#ff5f6d08);filter:blur(20px);opacity:.2;will-change:transform}.key-features-section .shape-1{width:250px;height:250px;top:15%;left:10%;animation:float-slow 30s infinite ease-in-out alternate}.key-features-section .shape-2{width:300px;height:300px;bottom:10%;right:5%;background:linear-gradient(135deg,#ff5f6d08,#ff95000d);animation:float-slow 35s infinite ease-in-out alternate-reverse}.key-features-section .shape-3{width:150px;height:150px;top:45%;right:25%;background:radial-gradient(circle,#ff95000d,#ff5f6d08);animation:float-slow 40s infinite ease-in-out alternate}@keyframes float-slow{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-20px,20px,0) scale(1.02)}}.key-features-section .features-container{position:relative;max-width:1400px;margin:0 auto;padding:0 20px;z-index:10;width:100%;display:flex;flex-direction:column;justify-content:center}.key-features-section .title-group{text-align:center;max-width:900px;margin:-280px auto 40px}.key-features-section .main-title{font-family:Montserrat,sans-serif;font-size:54px;font-weight:900;letter-spacing:-.5px;margin-bottom:24px;display:inline-block;background:linear-gradient(135deg,#fff,#42a5f5,#1de9b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(66,165,245,.3);position:relative}.key-features-section .main-title:before,.key-features-section .main-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff,#42a5f5,#1de9b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.key-features-section .main-title:before{animation:glitch-1 .5s infinite;color:#42a5f5;z-index:-1}.key-features-section .main-title:after{animation:glitch-2 .5s infinite;color:#1de9b6;z-index:-2}@keyframes glitch-1{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(0 100% 0 0);transform:translate(-2px)}40%{clip-path:inset(0 0 0 100%);transform:translate(2px)}60%{clip-path:inset(100% 0 0 0);transform:translate(-1px)}80%{clip-path:inset(0 0 100% 0);transform:translate(1px)}}@keyframes glitch-2{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(100% 0 0 0);transform:translate(1px)}40%{clip-path:inset(0 0 100% 0);transform:translate(-1px)}60%{clip-path:inset(0 100% 0 0);transform:translate(2px)}80%{clip-path:inset(0 0 0 100%);transform:translate(-2px)}}.key-features-section .title-underline{width:80px;height:3px;background:linear-gradient(90deg,#fff,#fff3);margin:0 auto 24px;border-radius:2px}.key-features-section .subtitle{font-family:Open Sans,sans-serif;font-size:20px;font-weight:300;line-height:1.6;max-width:900px;margin:0 auto;padding:0 20px;color:#ffffffe6;background:linear-gradient(90deg,#fffffff2,#42a5f5cc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.02em}.key-features-section .feature-showcase{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;gap:30px;margin-bottom:20px;position:relative;z-index:5}.key-features-section .feature-content-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;position:relative;max-width:1300px;margin:0 auto}.key-features-section .feature-nav-button{width:70px;height:70px;border-radius:50%;background:#ffffff05;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 5px 25px #0000004d,inset 0 1px 2px #ffffff1a;z-index:20}.key-features-section .feature-nav-button:after{content:"";position:absolute;top:1px;left:1px;right:1px;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.1),transparent);border-radius:50% 50% 0 0;opacity:.5}.key-features-section .feature-nav-button:hover{color:#fff;transform:scale(1.05)}.key-features-section .feature-nav-button .button-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff0d;border-radius:50%;z-index:-1;transform:scale(0);transition:transform .4s cubic-bezier(.215,.61,.355,1)}.key-features-section .feature-nav-button:hover .button-bg{transform:scale(1)}.key-features-section .feature-nav-button svg{position:relative;z-index:2;transition:transform .3s ease}.key-features-section .prev-button:hover svg{transform:translate(-2px)}.key-features-section .next-button:hover svg{transform:translate(2px)}.key-features-section .feature-image-container{position:relative;width:100%;overflow:visible;border-radius:8px;margin-bottom:10px;transform-style:preserve-3d;perspective:1200px;height:400px;display:flex;justify-content:center;align-items:center}.key-features-section .feature-images{position:relative;width:100%;aspect-ratio:16/10;perspective:1200px;transform-style:preserve-3d;display:flex;justify-content:center;align-items:center}.key-features-section .feature-img{position:absolute;top:0;left:0;width:150%;height:150%;object-fit:contain;opacity:0;transform:scale(0) translateZ(0);transition:opacity 1s ease,transform 1s ease;border-radius:8px;background:transparent;will-change:transform,opacity}.key-features-section .feature-img.prev{opacity:.15!important;transform:translate(-30%) scale(.7) rotateY(-15deg) translateZ(-100px)!important;filter:blur(3px) brightness(.6)!important;z-index:2!important;visibility:visible!important}.key-features-section .feature-img.next{opacity:.15!important;transform:translate(30%) scale(.7) rotateY(15deg) translateZ(-100px)!important;filter:blur(3px) brightness(.6)!important;z-index:2!important;visibility:visible!important}.key-features-section .feature-img.active{opacity:1!important;transform:scale(1.3) translate(0) translateZ(0) rotateY(0)!important;filter:blur(0) brightness(1)!important;z-index:5!important;visibility:visible!important}.key-features-section .feature-text-container{position:relative;width:100%;z-index:6}.key-features-section .feature-texts{position:relative}.key-features-section .feature-text{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity 1s ease,transform 1s ease,visibility 1s ease;padding-right:20px}.key-features-section .feature-text.active{position:relative;opacity:1;visibility:visible;transform:translateY(0)}.key-features-section .feature-number{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;background:linear-gradient(90deg,#ff9500,#ff5f6d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:18px;display:block;letter-spacing:1px;opacity:.8}.key-features-section .feature-title{font-family:Montserrat,sans-serif;font-size:40px;font-weight:800;margin-bottom:24px;background:linear-gradient(135deg,#ff9500,#ff5f6d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;letter-spacing:-.5px;line-height:1.2;text-shadow:0 0 20px rgba(255,95,109,.3)}.key-features-section .feature-title:after{content:"";position:absolute;bottom:-12px;left:0;width:100px;height:4px;background:linear-gradient(90deg,#ff9500e6,#ff5f6d99);border-radius:2px;box-shadow:0 0 15px #ff5f6d80;animation:pulseWidth 4s infinite alternate ease-in-out}@keyframes pulseWidth{0%{width:100px;opacity:.9}to{width:150px;opacity:.7}}.key-features-section .feature-description{font-family:Open Sans,sans-serif;font-size:18px;line-height:1.7;margin-bottom:30px;background:linear-gradient(90deg,#fffffff2,#42a5f5b3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.01em}.key-features-section .feature-bullets{list-style:none;padding:0;margin:30px 0 0}.key-features-section .feature-bullets li{position:relative;padding-left:32px;margin-bottom:16px;font-size:16px;background:linear-gradient(90deg,#ffffffe6,#1de9b6b3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center}.key-features-section .feature-bullets li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#ff95001a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;border:1px solid rgba(255,95,109,.2)}.key-features-section .feature-bullets li:after{content:"";position:absolute;left:7px;top:50%;width:6px;height:10px;border:solid #FF5F6D;border-width:0 2px 2px 0;transform:translateY(-60%) rotate(45deg);transition:transform .3s ease;box-shadow:1px 1px #ff950080}.key-features-section .feature-bullets li:hover:before{background-color:#ff950033;box-shadow:0 0 8px #ff5f6d4d}.key-features-section .feature-bullets li:hover:after{transform:translateY(-60%) rotate(45deg) scale(1.1)}.key-features-section .feature-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:60px;margin-top:-10px;position:relative;z-index:25}.key-features-section .feature-tag{background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:25px;padding:14px 32px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;color:#fffffff2;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center;height:48px;min-width:180px;box-shadow:0 6px 20px #0006;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.key-features-section .feature-tag:hover,.key-features-section .feature-tag.active{color:#fff;border-color:#ff950099;background:#ff95001a;box-shadow:0 6px 20px #ff95004d;transform:translateY(-2px)}.key-features-section .feature-tag .tag-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff0d;opacity:0;transition:opacity .3s ease;z-index:-1}.key-features-section .feature-tag:hover .tag-bg{opacity:1}.key-features-section .feature-tag.active .tag-bg{opacity:1;background:linear-gradient(135deg,#ff950033,#ff5f6d33)}@media screen and (min-width: 1900px) and (max-width: 1940px) and (min-height: 900px) and (max-height: 920px){.key-features-section{padding:40px 0;min-height:100vh;display:flex;align-items:center}.key-features-section .features-container{max-width:90%;padding:0 2rem}.key-features-section .title-group{margin-bottom:2rem;margin-top:-50px!important;padding-top:1rem;max-width:85%}.key-features-section .main-title{font-size:48px;margin-bottom:18px;line-height:1.1}.key-features-section .subtitle{font-size:18px;max-width:90%;margin:0 auto;line-height:1.5}.key-features-section .feature-content-wrap{gap:3rem;max-width:90%;margin:0 auto;grid-template-columns:1.4fr .6fr}.key-features-section .feature-image-container{height:200px;margin-bottom:1rem;transform:scale(.5) translate(-10%);transform-origin:center center;position:relative;left:-5%}.key-features-section .feature-img{width:150%;height:150%;max-width:150%;max-height:150%}.key-features-section .feature-title{font-size:36px;margin-bottom:1.2rem}.key-features-section .feature-description{font-size:16px;line-height:1.6}.key-features-section .prev-button{margin-left:20px}}@media screen and (max-width: 1600px) and (min-width: 1200px){.key-features-section{padding:60px 0;min-height:100vh;display:flex;align-items:center}.key-features-section .features-container{max-width:90%;padding:0 2rem}.key-features-section .title-group{margin-bottom:3rem;margin-top:0!important;padding-top:2rem}.key-features-section .main-title{font-size:42px;margin-bottom:20px;line-height:1.2}.key-features-section .subtitle{font-size:16px;max-width:85%;margin:0 auto;line-height:1.6}.key-features-section .feature-image-container{height:320px;margin-bottom:1.5rem}.key-features-section .feature-img{width:100%;height:100%;max-width:100%;max-height:100%}.key-features-section .feature-content-wrap{gap:2rem;max-width:95%;margin:0 auto}.key-features-section .feature-text-container{padding:1.5rem}.key-features-section .feature-title{font-size:32px;margin-bottom:1rem}.key-features-section .feature-description{font-size:15px;line-height:1.6}.key-features-section .feature-bullets{gap:.8rem}.key-features-section .bullet-item{font-size:14px;padding:.6rem 1rem}}@media screen and (max-width: 1200px){.key-features-section .feature-content-wrap{grid-template-columns:1fr;gap:30px}.key-features-section .feature-text-container{order:-1}.key-features-section .feature-title{font-size:36px}.key-features-section .feature-description{font-size:16px}.key-features-section .feature-image-container{height:380px;margin-top:-4rem;margin-bottom:3rem}}@media screen and (max-width: 768px){.key-features-section{padding:40px 0;height:auto;min-height:700px;align-items:flex-start;overflow:visible;position:relative}.key-features-section .feature-showcase{grid-template-columns:40px 1fr 40px;gap:15px;order:-8}.key-features-section .feature-nav-button{width:40px;height:40px}.key-features-section .title-group{margin-bottom:30px;margin-top:0!important;order:-10}.key-features-section .main-title{font-size:36px}.key-features-section .subtitle{font-size:16px}.key-features-section .feature-title{font-size:28px;margin-bottom:16px}.key-features-section .feature-description{font-size:15px;margin-bottom:20px}.key-features-section .feature-bullets li{font-size:14px;margin-bottom:12px}.key-features-section .feature-tags{gap:8px;margin-bottom:25px;margin-top:10px;order:-9;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.key-features-section .feature-tag{padding:8px 14px;font-size:11px;min-width:100px;height:36px;flex-shrink:0;white-space:nowrap}}@media screen and (max-width: 480px){.key-features-section{padding:30px 0;height:auto;min-height:600px;align-items:flex-start}.key-features-section .title-group{margin-top:0!important;margin-bottom:25px;order:-10}.key-features-section .main-title{font-size:28px}.key-features-section .feature-showcase{grid-template-columns:30px 1fr 30px;gap:10px}.key-features-section .feature-nav-button{width:30px;height:30px}.key-features-section .feature-nav-button svg{width:16px;height:16px}.key-features-section .feature-title{font-size:24px}.key-features-section .feature-number{font-size:14px}.key-features-section .feature-bullets li{padding-left:28px}.key-features-section .feature-tags{gap:4px;flex-wrap:nowrap;justify-content:space-between;padding:0 10px}.key-features-section .feature-tag{padding:6px 10px;font-size:10px;min-width:80px;height:32px;flex:1;max-width:calc(33.333% - 3px);flex-shrink:0}}.key-features-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(255,149,0,.02) 8px,rgba(255,149,0,.02) 16px),repeating-linear-gradient(-45deg,transparent,transparent 12px,rgba(255,95,109,.015) 12px,rgba(255,95,109,.015) 24px);animation:printingPattern 60s linear infinite;z-index:1;pointer-events:none}@keyframes printingPattern{0%{transform:translate(0)}to{transform:translate(32px,48px)}}.key-features-section .tech-lines{animation:techFlow 25s linear infinite}@keyframes techFlow{0%{transform:translate(0)}to{transform:translate(120px,120px)}}.key-features-section .printing-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.key-features-section .printing-particles:before,.key-features-section .printing-particles:after{content:"";position:absolute;width:3px;height:3px;background:radial-gradient(circle,rgba(255,149,0,.4) 0%,transparent 60%);border-radius:50%;animation:particleFloat 15s infinite linear;will-change:transform}.key-features-section .printing-particles:before{top:20%;left:10%;animation-delay:0s;animation-duration:18s}.key-features-section .printing-particles:after{top:60%;right:15%;background:radial-gradient(circle,rgba(255,95,109,.4) 0%,transparent 60%);animation-delay:6s;animation-duration:20s}@keyframes particleFloat{0%{transform:translateZ(0) scale(1);opacity:0}20%{opacity:.6}80%{opacity:.6}to{transform:translate3d(0,-80vh,0) scale(.7);opacity:0}}.key-features-section .tech-circuits{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.key-features-section .circuit{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(66,165,245,.3) 20%,rgba(66,165,245,.6) 50%,rgba(66,165,245,.3) 80%,transparent 100%);border-radius:2px}.key-features-section .circuit-1{width:200px;height:2px;top:25%;left:-200px;animation:circuitFlow1 15s infinite linear}.key-features-section .circuit-2{width:150px;height:2px;top:70%;right:-150px;background:linear-gradient(90deg,transparent 0%,rgba(255,149,0,.3) 20%,rgba(255,149,0,.6) 50%,rgba(255,149,0,.3) 80%,transparent 100%);animation:circuitFlow2 18s infinite linear}.key-features-section .circuit-3{width:2px;height:180px;left:80%;top:-180px;background:linear-gradient(0deg,transparent 0%,rgba(255,95,109,.3) 20%,rgba(255,95,109,.6) 50%,rgba(255,95,109,.3) 80%,transparent 100%);animation:circuitFlow3 20s infinite linear}@keyframes circuitFlow1{0%{left:-200px}to{left:100%}}@keyframes circuitFlow2{0%{right:-150px}to{right:100%}}@keyframes circuitFlow3{0%{top:-180px}to{top:100%}}.key-features-section .floating-icons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.key-features-section .print-icon{position:absolute;font-size:20px;opacity:.2;filter:grayscale(1) brightness(1.2);animation:iconFloat 35s infinite ease-in-out;will-change:transform}.key-features-section .icon-1{top:15%;left:5%;animation-delay:0s;animation-duration:40s}.key-features-section .icon-2{top:80%;right:8%;animation-delay:10s;animation-duration:38s}.key-features-section .icon-3{top:40%;left:3%;animation-delay:20s;animation-duration:42s}.key-features-section .icon-4{top:60%;right:5%;animation-delay:30s;animation-duration:45s}@keyframes iconFloat{0%,to{transform:translateZ(0) rotate(0) scale(1);opacity:.15}50%{transform:translate3d(15px,-20px,0) rotate(180deg) scale(1.05);opacity:.25}}.key-features-section .energy-beams{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.key-features-section .beam{position:absolute;background:linear-gradient(45deg,transparent 0%,rgba(66,165,245,.1) 30%,rgba(255,149,0,.15) 50%,rgba(255,95,109,.1) 70%,transparent 100%);filter:blur(2px);opacity:0;animation:beamPulse 8s infinite ease-in-out}.key-features-section .beam-1{width:300px;height:2px;top:30%;left:10%;transform:rotate(25deg);animation-delay:0s}.key-features-section .beam-2{width:250px;height:2px;bottom:25%;right:15%;transform:rotate(-35deg);animation-delay:4s}@keyframes beamPulse{0%,to{opacity:0;transform:scale(1) rotate(25deg)}50%{opacity:.6;transform:scale(1.1) rotate(25deg)}}@media screen and (max-width: 768px){.key-features-section .print-icon{font-size:18px;opacity:.2}.key-features-section .circuit{opacity:.5}.key-features-section .beam{opacity:.3}}body.scroll-locked{-webkit-user-select:none;user-select:none}body.scroll-locked:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#00000005;z-index:9999;pointer-events:none}@media screen and (max-width: 768px){body.scroll-locked{position:static!important;top:auto!important;left:auto!important;right:auto!important;width:auto!important;overflow:auto!important}body.scroll-locked:before{display:none!important}.key-features-section,.key-features-section .feature-showcase,.key-features-section .feature-image-container,.key-features-section .feature-text-container{touch-action:pan-y!important}}.key-features-section *{-webkit-backface-visibility:hidden;backface-visibility:hidden}.key-features-section .shape,.key-features-section .print-icon,.key-features-section .printing-particles:before,.key-features-section .printing-particles:after,.key-features-section .circuit,.key-features-section .beam{will-change:transform,opacity}@media (max-width: 768px){.key-features-section .floating-shapes,.key-features-section .printing-particles,.key-features-section .tech-circuits,.key-features-section .floating-icons,.key-features-section .energy-beams{display:none}.key-features-section .tech-lines{animation:none}.key-features-section .shape{filter:none}}@media (max-width: 480px){.key-features-section .grid-pattern{display:none}}@media (prefers-reduced-motion: reduce){.key-features-section *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.key-features-section .floating-shapes,.key-features-section .printing-particles,.key-features-section .tech-circuits,.key-features-section .floating-icons,.key-features-section .energy-beams,.key-features-section .tech-lines{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ir3-v2-key-features.css.map */