.html-logo{display:flex;align-items:center;gap:12px;flex-shrink:0;width:303px}.html-logo>b{background:radial-gradient(circle at 30% 20%,#7bc951,#087833 55%,#004a33);color:white;border-radius:50%;font-size:70px;font-style:italic;width:90px;height:90px;text-align:center;line-height:90px;box-shadow:inset 3px 4px 3px #b1d57b}.html-logo strong{font-size:36px;white-space:nowrap;font-style:italic}.html-logo small{display:block;letter-spacing:5px;font-size:17px}.html-hero{height:595px;background:repeating-linear-gradient(45deg,#f5f5f5 0 1px,#fafafa 1px 3px);position:relative;overflow:hidden;padding:35px max(35px,calc((100vw - 1200px)/2))}.html-hero:after{content:'';position:absolute;bottom:-145px;left:-10%;width:120%;height:220px;background:#07924d;border-radius:50%;transform:rotate(-5deg)}.network-flow{display:flex;gap:35px;align-items:center;height:285px;position:relative}.network-flow:before{content:'';position:absolute;left:10%;right:10%;top:50%;border-top:2px solid #526759}.network-flow>div{position:relative;z-index:1}.cloud-node{font-size:90px;color:white;background:#7daec4;border-radius:50%;width:120px;height:120px;text-align:center;line-height:110px;flex-shrink:0}.network-flow span{display:block;font-size:16px;line-height:1.3;color:#247858;text-align:center}.cloud-node span{position:absolute;top:-35px;left:10px;white-space:nowrap}.router-node{font-size:90px;color:#9fa6a8;text-shadow:0 7px #ddd;line-height:1}.laptop-node>div{width:200px;height:135px;background:linear-gradient(135deg,#17364a,#367fa3);border:8px solid #222;border-radius:5px;color:white;display:grid;place-content:center;text-align:center;line-height:1.7;font-size:17px;transform:perspective(500px) rotateY(-15deg)}.laptop-node>div:after{content:'';height:15px;background:#aeb3b6;position:absolute;bottom:-20px;left:-20px;right:-20px;transform:skew(-25deg)}.laptop-node span{margin-top:26px}.network-flow>.drawn-visual{width:180px;flex-shrink:0}.hero-copy{position:relative;z-index:2;margin-left:20%;padding-top:6px}.hero-copy h2{font-size:48px;line-height:1.25;color:#0a7f48;margin:0 0 12px}.hero-copy p{font-size:23px;font-weight:300;letter-spacing:1.5px;color:#999;margin:0}.drawn-visual{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:150px;background:radial-gradient(ellipse at 50% 90%,#0000000a,transparent 45%);position:relative;overflow:hidden}.device{position:relative;background:linear-gradient(145deg,#777e7b,#333b38 50%,#171d1b);width:75%;height:46%;min-height:80px;border-radius:5px;box-shadow:8px 12px 0 #252a28,12px 20px 15px #0002;transform:rotate(-12deg) skewY(2deg);border:1px solid #888}.device-screen{position:absolute;top:16%;right:13%;padding:5px 12px;background:#152625;border:3px solid #a3b9b8;border-radius:3px;color:#96ded9;font-size:22px;font-family:monospace}.device-label{position:absolute;left:8%;bottom:25%;font-size:8px!important;letter-spacing:1px;color:#eee!important}.device-ports{position:absolute;display:flex;gap:4px;bottom:-5px;right:12%;background:#67ac78;padding:5px 6px;border-radius:2px}.device-ports i{width:10px;height:10px;background:#173c24;border-radius:50%}.device-lenses{display:none}.antenna{display:none}.wireless .antenna{display:block;position:absolute;left:-12px;bottom:35%;height:140%;width:9px;border-radius:8px;background:linear-gradient(90deg,#131918,#606964,#111)}.wireless .device{background:repeating-linear-gradient(90deg,#707973 0 6px,#cad2cb 6px 13px);height:45%}.wall .device{width:90%;height:24%;min-height:40px;background:linear-gradient(#ddd,#78817e,#ccc);border:4px solid #aeb7b2}.wall .device-screen,.wall .device-ports,.wall .device-label{display:none}.wall .device-lenses{display:flex;justify-content:space-evenly;align-items:center;height:70%;margin:2% 3%;background:#3e4944}.wall .device-lenses i{width:7%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#e6ffff,#d0dad3 35%,#53645b 65%);border:2px solid #7e8c83}.spot .device{border-radius:50%;width:58%;height:auto;aspect-ratio:1;background:linear-gradient(145deg,#eef3ef,#7b8580);border:7px solid #a1aaa4;min-height:0}.spot .device-screen,.spot .device-ports,.spot .device-label{display:none}.spot .device-lenses{display:flex;flex-wrap:wrap;gap:7%;justify-content:center;align-content:center;position:absolute;inset:12%;border-radius:50%;background:#56645d}.spot .device-lenses i{width:33%;height:33%;border-radius:50%;background:radial-gradient(circle,#e3f5f4,#8a9b92 65%,#364a3f);border:2px solid #b8c7bf}.spot .device-lenses i:nth-child(n+4){display:none}.spot .device:after{content:'';position:absolute;bottom:-30%;width:55%;height:28%;left:25%;border:7px solid #9aa69e;border-top:0;transform:skew(-12deg)}.flood .device{height:62%;width:70%;background:#283730;border:6px solid #4c5c51;border-radius:6px}.flood .device-screen,.flood .device-ports,.flood .device-label{display:none}.flood .device-lenses{display:grid;grid-template-columns:repeat(3,1fr);gap:8%;position:absolute;inset:10%}.flood .device-lenses i{border-radius:50%;background:radial-gradient(circle,#eee,#b3cbb6 30%,#415b48 65%)}.product-image>.drawn-visual{height:100%}.decoder-grid .drawn-visual{height:220px}.main-product>.drawn-visual{height:285px}.main-decoder>.drawn-visual{height:260px}.html-feature{display:grid;grid-template-columns:70px 1fr 45%;gap:40px;align-items:center;min-height:470px;padding:35px 0}.feature-number{font-size:42px;color:white;background:linear-gradient(#1c955c,#acd9c4,white);height:320px;align-self:start;text-align:center;padding-top:18px}.feature-copy h2{font-size:36px;color:#148654;font-weight:400;margin:0 0 20px}.feature-copy ul{list-style:none;padding:0;font-size:14px;line-height:2;color:#888}.feature-copy li:before{content:'➤ ';color:#0d8a50}.html-feature>.drawn-visual{height:360px}.feature-scenes{display:flex;gap:20px;margin-top:20px}.css-scene{position:relative;height:180px;width:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#6587ff,transparent 45%),linear-gradient(#08103e,#06081a);display:flex;justify-content:space-evenly;align-items:end}.css-scene i{display:block;width:25%;height:160%;background:linear-gradient(#4df9cc80,#739aff05);transform:rotate(30deg);filter:blur(2px);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%)}.css-scene i:nth-child(2){transform:rotate(-25deg);background:linear-gradient(#e2a6ff99,#aa61ff00)}.css-scene i:nth-child(3){transform:rotate(50deg);background:linear-gradient(#51b5ffbb,transparent)}.css-scene:after{content:'';position:absolute;bottom:-10px;width:90%;height:35px;background:repeating-linear-gradient(90deg,#010818 0 10px,transparent 10px 15px);border-radius:40%}.main-middle>.css-scene,.application-photo.css-scene{height:214px;aspect-ratio:auto}.css-factory{height:290px;width:100%;background:linear-gradient(145deg,#e9eee9,#b2c2b9);padding:20px;position:relative;border:8px solid #eef1ee;overflow:hidden}.factory-windows{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.factory-windows i{height:36px;background:linear-gradient(120deg,#9ec7c9,#548989);border:5px solid #f5f5f5}.css-factory b{display:block;background:#fafafa;color:#08764b;text-align:center;padding:12px;font-size:17px;margin-top:20px}.factory-door{height:55px;width:20%;background:#447064;margin:auto;border:5px solid #eee}.profile-feature>.css-factory{height:330px}.factory-gallery .css-factory{width:200px;height:200px;padding:6px}.factory-gallery .factory-windows i{height:19px;border-width:2px}.factory-gallery .css-factory b{font-size:12px;padding:8px;margin-top:8px}.css-certificates{display:flex;gap:25px;background:#ededed;padding:50px 35px;align-items:center;justify-content:center}.css-certificates>div{border:7px double #ab9aa9;background:#f8f6ee;width:30%;text-align:center;height:270px;padding:25px 5px;color:#706476}.css-certificates small{font-size:10px}.css-certificates b{display:block;font-family:Georgia,serif;font-size:32px;margin:30px 0}.css-certificates p{font-size:12px;line-height:2}.css-certificates span{font-size:36px;color:#aa955f}.css-avatar{display:grid;place-items:center;width:122px;height:122px;max-width:100%;margin:auto;border:3px solid #eaf5ec;border-radius:50%;background:linear-gradient(135deg,#d1dfcf,#7bb99d);color:white;font-family:Georgia,serif;font-size:48px}.html-flag{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;font-size:40px;margin:0!important;box-shadow:1px 2px 5px #0002;border:2px solid #eee;background:linear-gradient(#ddd 33%,#1d46da 33% 66%,red 66%)}.flag-0{background:#087b3b;color:white}.flag-1{background:linear-gradient(#111 33%,#dd2020 33% 66%,#f4d837 66%)}.flag-3{background:linear-gradient(90deg,#075478 33%,white 33% 66%,#c82546 66%)}.flag-4,.flag-6{background:#fff;color:#cb1035}.flag-5{background:linear-gradient(90deg,#16854c 40%,#c52b2b 40%)}.flag-7{background:linear-gradient(#ba2537 20%,white 20% 35%,#17378a 35% 65%,white 65% 80%,#ba2537 80%)}.flag-8,.flag-11{background:#d7192c;color:white}.flag-9{background:linear-gradient(#d1222e 25%,#f2ce46 25% 75%,#d1222e 75%)}.flag-10{background:linear-gradient(90deg,#139857 33%,white 33% 66%,#df303e 66%)}.flag-11{color:#ffe037}.html-home .company-stage{background:radial-gradient(ellipse at 50% 120%,#219b7c,transparent),linear-gradient(125deg,#153347,#0b1629)}.html-home .top-picks:before{background:linear-gradient(100deg,#252525,#343a36)}.html-home .brand-promise>.html-logo{width:287px}.html-home .sidebar-contact>.html-feature{display:none}.html-home .main-middle h2{margin-bottom:0}.html-home .exhibitions .css-factory{height:185px;padding:6px}.html-home .exhibitions .factory-windows{gap:4px}.html-home .exhibitions .factory-windows i{height:14px}.html-home .exhibitions .css-factory b{font-size:10px;padding:4px;margin:8px 0}.html-home .compact-grid .drawn-visual{min-height:110px}.html-home .product-card .drawn-visual .device-screen{font-size:13px;padding:2px 6px}.html-home .device-label{font-size:6px!important}@media(max-width:800px){.html-logo{width:150px;gap:5px}.html-logo>b{width:45px;height:45px;font-size:38px;line-height:45px}.html-logo strong{font-size:20px}.html-logo small{font-size:9px;letter-spacing:2px}.html-hero{height:390px;padding:25px 15px}.network-flow{gap:12px;height:170px}.cloud-node{width:65px;height:65px;font-size:50px;line-height:60px}.network-flow span{font-size:10px}.router-node{font-size:45px}.laptop-node>div{width:100px;height:75px;font-size:10px;border-width:4px}.network-flow>.drawn-visual{width:70px;min-height:80px}.network-flow>.spot{display:none}.hero-copy{margin:25px 8% 0;padding:0}.hero-copy h2{font-size:28px}.hero-copy p{font-size:13px;line-height:1.6}.html-feature{grid-template-columns:35px 1fr;gap:12px;min-height:0;padding:20px 0}.feature-number{font-size:24px;height:180px}.feature-copy h2{font-size:23px}.feature-copy ul{font-size:11px;line-height:1.7}.html-feature>.drawn-visual{grid-column:2;height:180px}.feature-scenes{gap:10px}.feature-scenes .css-scene{height:100px}.decoder-grid .drawn-visual{height:145px}.main-product>.drawn-visual{height:160px}.main-middle>.css-scene{width:55%;height:130px}.application-photo.css-scene{height:120px}.css-avatar{height:auto;aspect-ratio:1;font-size:32px}.html-flag{width:45px;height:45px;font-size:27px}.css-certificates{padding:20px 10px;gap:10px}.css-certificates>div{height:180px;padding:12px 4px;border-width:4px}.css-certificates b{font-size:22px;margin:15px 0}.css-certificates p{font-size:9px}.css-certificates span{font-size:23px}.factory-slides>.css-factory{height:160px;padding:5px}.factory-slides .factory-windows{gap:5px}.factory-slides .factory-windows i{height:16px;border:2px solid white}.factory-slides .css-factory b{font-size:10px;padding:6px;margin-top:8px}.factory-gallery>.css-factory{width:32%;height:140px}.factory-gallery .factory-windows{gap:3px}.factory-gallery .factory-windows i{height:12px}.factory-gallery .css-factory b{font-size:9px;padding:3px}.factory-gallery .factory-door{height:25px}.html-home .brand-promise>.html-logo{width:210px}.device-screen{font-size:12px;padding:3px}.device-ports{gap:2px;padding:3px}.device-ports i{width:6px;height:6px}}
.html-home .hero{position:relative}.html-hero:after{height:200px;bottom:-157px;transform:none;border-radius:50% 50% 0 0;background:white;z-index:3}.html-hero:before{content:'';position:absolute;bottom:0;left:0;right:0;height:220px;background:#07924d;clip-path:polygon(0 32%,43% 83%,60% 83%,100% 0,100% 100%,0 100%)}.cloud-shape{display:block;position:absolute;left:20%;top:35%;width:65%;height:38%;background:white;border-radius:20px;box-shadow:0 3px 2px #557d8b}.cloud-shape:before,.cloud-shape:after{content:'';position:absolute;background:white;border-radius:50%;width:52%;height:100%;top:-42%;left:15%}.cloud-shape:after{width:40%;height:85%;left:48%;top:-20%}.router-node{width:145px;flex-shrink:0;height:120px;padding-top:58px;line-height:1}.router-shape{position:relative;display:block;width:115px;height:35px;background:linear-gradient(#fff,#d4d9d7);border:1px solid #bbc3c0;box-shadow:0 6px #99a19d;transform:skewY(-8deg)}.router-shape b{position:absolute;bottom:100%;height:65px;width:5px;background:linear-gradient(90deg,#b7bfba,#f5f7f5);left:10px;border-radius:5px}.router-shape b:nth-child(2){left:55px;height:75px}.router-shape b:nth-child(3){left:95px}.router-node>span{margin-top:20px}.network-flow{gap:40px}.network-flow>.decoder{width:150px;height:120px;min-height:0}.network-flow>.spot{width:230px;height:170px;min-height:0}.network-flow>.decoder .device{height:65px;min-height:0}.network-flow>.spot .device{width:100px;height:100px}.network-flow>.spot:after{content:'';position:absolute;width:70px;height:70px;border:8px solid #a1aaa4;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d5e4e0 0 9px,transparent 10px),radial-gradient(circle at 65% 35%,#d5e4e0 0 9px,transparent 10px),radial-gradient(circle at 50% 65%,#d5e4e0 0 9px,#516259 10px);right:0;top:3px}.html-home .company-header{gap:38px}.html-home .company-details h1{font-size:42px}.html-home .company-header:before{inset:0 calc((1200px - 100vw)/2)}.html-home .product-feature,.html-home .decoder-feature{margin-left:-95px;margin-right:-95px}.html-home .html-feature{gap:40px}.html-home .hero-copy{margin-left:19%}.html-home .hero-copy h2{font-size:48px}.html-home .main-showcase{margin-top:25px}.html-home .product-card .device{min-height:60px}.html-home .catalog-section .drawn-visual{min-height:150px}.html-home .compact-grid .drawn-visual{min-height:100px}.html-home .main-product .device{min-height:80px}.html-home .wall .device{min-height:35px}.html-home .spot .device{min-height:0}.html-home .main-product .drawn-visual{flex:initial}.html-home .brand-promise{overflow:hidden}@media(max-width:1300px){.html-home .product-feature,.html-home .decoder-feature{margin-left:0;margin-right:0}.html-home .company-details h1{font-size:30px}.network-flow{gap:25px}}@media(max-width:800px){.html-home .company-details h1{font-size:20px}.html-home .hero-copy h2{font-size:28px}.router-node{width:65px;height:75px;padding-top:30px}.router-shape{width:55px;height:20px}.router-shape b{height:30px;left:5px;width:3px}.router-shape b:nth-child(2){left:26px;height:35px}.router-shape b:nth-child(3){left:46px}.network-flow{gap:12px}.network-flow>.decoder{width:80px;height:90px}.network-flow>.spot{display:none}.html-home .html-feature{gap:12px}.html-home .hero-copy{margin-left:8%}.html-hero:before{height:130px}.html-hero:after{height:100px;bottom:-75px}}
.html-home .company-header:before{inset:0 calc((1200px - (100vw - 17px))/2)}.cn-flag{display:inline-block;width:20px;height:14px;background:#e82417;vertical-align:middle;position:relative}.cn-flag:before{content:'★';position:absolute;left:2px;top:0;font-size:9px;color:#ffe854}.html-home .hero-copy h2{max-width:720px;font-weight:600;letter-spacing:-1px}.html-home .html-hero:before{clip-path:polygon(0 32%,43% 83%,60% 83%,100% -55%,100% 100%,0 100%)}.html-home .html-logo>b{font-family:Georgia,serif;transform:rotate(-18deg);font-size:76px;box-shadow:inset 4px 4px 2px #b0d97c,inset -5px -5px 10px #005339}.html-home .network-flow{padding-left:90px;gap:35px}.html-home .network-flow>.spot{width:250px}.html-home .company-header .html-logo{margin-left:10px;width:293px}.html-home .catalog-section .drawn-visual{aspect-ratio:1}.html-home .main-category-layout .product-card{grid-template-columns:120px 1fr}.html-home .main-category-layout .product-image{padding:0}.html-home .main-category-layout .device-screen{font-size:10px}.html-home .factory-gallery{overflow:hidden}.html-home .css-avatar{margin-top:0}.html-home .online-service span.css-avatar{margin-top:0}@media(max-width:1300px){.html-home .network-flow{padding-left:0;gap:25px}.html-home .company-header:before{inset:0 -24px}}@media(max-width:800px){.html-home .company-header:before{inset:0 -14px}.html-home .company-header .html-logo{margin-left:0;width:150px}.html-home .html-logo>b{font-size:38px}.html-home .network-flow{gap:12px}.html-home .main-category-layout .product-card{display:flex}.html-home .hero-copy h2{letter-spacing:0}}
@media(max-width:800px){.html-home .online-service>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px}.html-home .online-service button{min-width:0}.html-home .css-avatar{width:100%;height:auto;max-width:122px;font-size:30px}.html-home .nav-inner>a,.html-home .nav-inner>button,.html-home .dropdown>button{padding:0 7px;font-size:11px}.html-home .nav-inner a.active{padding:0 10px}.html-home .nav-inner{max-width:100%;padding:0 8px}.html-home .html-feature{grid-template-columns:30px minmax(0,1fr)}.html-home .feature-copy{min-width:0}.html-home .html-feature>.drawn-visual{min-width:0}.html-home .factory-title{min-width:0}.html-home .factory-title p{overflow-wrap:anywhere}}