.section-1{padding:12rem 0 7rem}.section-1 .container.background{position:relative;display:flex;align-items:center;justify-content:space-between;padding:4rem 5rem;min-height:30rem;border-radius:1.5rem;background:radial-gradient(circle at 0% 100%,rgb(8 99 216 / .45) 0%,rgb(59 130 246 / .1) 35%,transparent 65%),radial-gradient(circle at 100% 50%,rgb(56 189 248 / .2) 0%,transparent 50%),linear-gradient(180deg,#0a1a2e 0%,#0f2540 50%,#0a1a2e 100%)}.section-1 .container.background::after{content:'';position:absolute;inset:0;padding:1px;border-radius:1.5rem;background:linear-gradient(135deg,rgb(123 187 189 / .5),rgb(123 187 189 / .05) 50%,rgb(123 187 189 / .3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.section-1 .content-txt{position:relative;z-index:2;flex:0 1 45%;text-align:left;letter-spacing:.02em;color:#fff;margin:0;padding:0}.section-1 .content-txt .button{display:flex;gap:.75rem;margin-bottom:1.5rem}.section-1 .content-txt .button span{display:inline-block;padding:.35rem 1rem;border:1px solid var(--moki-blue);border-radius:2rem;color:#fff;font-size:.95rem;line-height:1.5;background-color:rgb(123 187 189 / .05)}.section-1 .content-txt h1{margin:0 0 1rem 0}.section-1 .content-txt .title-bg{font-size:clamp(1.8rem, 4.5vw, 2.5rem);font-weight:700;padding:0 1rem 0 .5rem;letter-spacing:.015em}.section-1 .content-txt .title-en{font-size:clamp(1.05rem, 2.5vw, 1.25rem);font-weight:300;color:#ccc;margin:0 0 1rem 0;letter-spacing:.02em}.section-1 .content-txt .line{width:65%;height:2px;background:linear-gradient(90deg,var(--moki-blue) 0%,transparent 100%);margin:1rem 0}.section-1 .content-txt .content{color:#cfd6df;font-size:.95rem;line-height:1.8;margin-top:1rem;max-width:30rem}.section-1 .content-txt .content p{margin:0}.section-1 .earth{position:absolute;width:55%;right:0;z-index:1}.section-1 .earth img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 3rem rgb(56 189 248 / .45))}.breathing-dots{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.breathing-dots .dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px rgb(255 255 255 / .7);animation-name:breathe;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.bdot-1{left:27%;top:54.5%;animation-delay:0s}.bdot-2{left:47.5%;top:35%;animation-delay:0.22s}.bdot-3{left:65.6%;top:50.5%;animation-delay:0.44s}.bdot-4{left:72.5%;top:26.5%;animation-delay:0.66s}.bdot-5{left:78%;top:45%;animation-delay:0.88s}.bdot-6{left:30.5%;top:72.2%;animation-delay:1.1s}.bdot-7{left:74.6%;top:64.5%;animation-delay:1.32s}.bdot-8{left:59.5%;top:24.5%;animation-delay:1.54s}.bdot-9{left:18%;top:30%;animation-delay:1.76s}@keyframes breathe{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(2.3)}}@keyframes earth-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media screen and (max-width:1024px){.section-1 .container.background{flex-direction:column;padding:3rem 2rem;min-height:auto}.section-1 .content-txt{flex:0 1 auto;text-align:center;margin-bottom:2rem}.section-1 .content-txt .button{justify-content:center}.section-1 .content-txt .line{margin-left:auto;margin-right:auto}.section-1 .earth{flex:0 1 auto;justify-content:center}.section-1 .earth img{max-width:24rem}}@media screen and (max-width:640px){.section-1 .container.background{padding:2rem 1.25rem}.section-1 .content-txt .title-bg{font-size:1.6rem}.section-1 .content-txt .title-en{font-size:1rem}.section-1 .content-txt .button span{font-size:.85rem;padding:.25rem .75rem}.section-1 .content-txt .content{font-size:.85rem}.section-1 .earth img{max-width:18rem}}@media screen and (max-width:1200px){.section-1{padding:10rem 0}}@media screen and (max-width:768px){.section-1{padding:7rem 0}}@media screen and (max-width:440px){.section-1{padding:5rem 0}.section-1 .container.background{padding:1.5rem 1rem}}.section-2{position:relative;height:100vh;width:100%;overflow:hidden}.section-2 .service-list{position:relative;width:100%;height:100%;max-width:1600px;margin:0 auto}.section-2 .service{position:absolute;inset:0;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:4rem;padding:4rem 5rem;width:100%;height:100%;will-change:transform,opacity}.section-2 .service-img{flex:0 1 55%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.section-2 .service-img img{width:100%;max-width:42rem;height:auto;border-radius:1.25rem;display:block;box-shadow:0 1.5rem 4rem rgb(0 0 0 / .35)}.section-2 .service-txt{flex:0 1 45%;color:#fff;text-align:center;position:relative;z-index:2}.section-2 .service-txt h3{margin:0 0 .75rem 0}.section-2 .service-txt .title-bg{font-size:clamp(1.5rem, 3.5vw, 2rem);font-weight:700;padding:0 1rem 0 .5rem;letter-spacing:.015em}.section-2 .service-txt .title-en{font-size:clamp(0.95rem, 2.5vw, 1.1rem);color:#ccc;margin-bottom:2rem;letter-spacing:.015em}.section-2 .service-txt .title-2{font-size:clamp(1.8rem, 4.5vw, 2.5rem);margin-bottom:1rem;color:var(--moki-accent)}.section-2 .service-txt .des{font-size:1rem;color:#cfd6df;line-height:1.8;max-width:unset}.section-2 .service:not(.active) .service-txt{opacity:0;pointer-events:none}.section-2 .service .service-txt{transition:opacity 0.4s ease}.section-2 .service-nav{position:absolute;left:22.5%;bottom:25%;z-index:10;display:flex;align-items:center;gap:1rem;transform:translateX(calc(-50% + 1.25rem))}.section-2 .nav-arrow{width:2.5rem;height:2.5rem;border:1px solid rgb(123 187 189 / .5);border-radius:50%;background:rgb(10 26 46 / .6);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.section-2 .nav-arrow.prev .iconfont{transform:rotate(180deg)}.section-2 .nav-arrow:hover{background:rgb(123 187 189 / .2);border-color:var(--moki-blue)}.section-2 .nav-arrow .iconfont{font-size:.85rem}.section-2 .nav-dots{display:flex;align-items:center;gap:.6rem}.section-2 .dot{width:.5rem;height:.5rem;border-radius:50%;background:rgb(255 255 255 / .3);cursor:pointer;transition:all 0.3s ease}.section-2 .dot.active{background:var(--moki-blue);transform:scale(1.2)}.section-2 .dot:hover{background:rgb(255 255 255 / .7)}@media screen and (max-width:1024px){.section-1 .earth{width:auto;top:0;filter:brightness(.5)}.section-1 .breathing-dots .dot{width:5px;height:5px}.section-2{height:auto;min-height:auto}.section-2 .service{position:relative;flex-direction:column-reverse;align-items:flex-start;padding:3rem 2rem;height:auto;transform:none!important;opacity:1!important;border-bottom:1px solid rgb(123 187 189 / .1)}.section-2 .service:last-child{border-bottom:none}.section-2 .service:not(.active) .service-txt{opacity:1}.section-2 .service .service-txt{transition:none}.section-2 .service-img,.section-2 .service-txt{flex:0 1 auto;width:100%}.section-2 .service-img img{max-width:100%}.section-2 .service-txt .title-bg{font-size:1.5rem}.section-2 .service-txt .title-2{font-size:1.8rem}.section-2 .service-nav{position:relative;left:auto;bottom:auto;justify-content:center;padding:2rem}}@media screen and (max-width:640px){.section-1 .breathing-dots .dot{width:3px;height:3px}.section-2 .service{padding:2rem 1.25rem}.section-2 .service-txt .title-bg{font-size:1.3rem}.section-2 .service-txt .title-2{font-size:1.5rem}.section-2 .service-nav{display:none;padding:1.5rem 1.25rem}}.section-3{padding:0}.section-3 .content-txt{text-align:center;margin-bottom:3rem}.section-3 .content-txt h2{margin:0 0 .5rem 0}.section-3 .content-txt .title-bg{font-size:clamp(1.5rem, 3.5vw, 2rem);font-weight:700;letter-spacing:.015em}.section-3 .content-txt .title-en{font-size:clamp(0.95rem, 2.5vw, 1.1rem);color:#ccc;letter-spacing:.015em;margin:0 0 1rem 0}.section-3 .content-txt .des{font-size:1rem;color:#cfd6df;max-width:50rem;margin:0 auto;line-height:1.8}.odm-flow{width:100%}.odm-flow-desktop{display:flex;width:100%;max-width:91.25rem;margin:0 auto;padding:6rem 0}.odm-flow-left{flex-shrink:0;border-right:solid 1px rgb(123 187 189 / .4);padding-right:.9375rem}.odm-flow-left p{font-size:1rem;color:#8a9baa;text-align:center}.odm-flow-left p:nth-child(2){color:#fff;font-weight:700}.odm-flow-right{flex:1;min-width:0;display:flex;flex-direction:column}.odm-flow-top{border-bottom:solid 1px rgb(123 187 189 / .25);flex:1}.odm-flow-top ul,.odm-flow-bot ul{display:flex;height:100%}.odm-flow-top ul{padding-left:3.75rem}.odm-flow-top ul li,.odm-flow-bot ul li{position:relative;height:100%;display:flex;cursor:pointer}.odm-flow-top ul li{align-items:flex-end;margin-right:16%}.odm-flow-bot ul li{align-items:flex-start;margin-left:7.5rem}.odm-flow-bot ul li:nth-child(2){margin-left:17%}.odm-flow-bot ul li:nth-child(3),.odm-flow-bot ul li:nth-child(4),.odm-flow-bot ul li:nth-child(5){margin-left:13.4375rem}.flow-arrow{display:inline-block;width:0;height:0;transition:all 0.3s ease}.flow-arrow.up{border-left:6px solid #fff0;border-right:6px solid #fff0;border-bottom:8px solid rgb(115 223 221 / .7)}.flow-arrow.down{border-left:6px solid #fff0;border-right:6px solid #fff0;border-top:8px solid rgb(115 223 221 / .7)}.flow-arrow.right{border-top:5px solid #fff0;border-bottom:5px solid #fff0;border-left:7px solid rgb(115 223 221 / .7)}.odm-flow-top ul li span{font-size:.8rem;position:absolute;white-space:break-spaces;top:-1rem;height:100%;display:flex;align-items:flex-end;color:#8a9baa}.odm-flow-top ul li .process-info{position:absolute;bottom:0;left:0;white-space:nowrap;max-height:0;overflow:hidden;z-index:10}.odm-flow-top ul li .dot{position:absolute;width:1.25rem;height:1.25rem;border-radius:50%;bottom:0;left:0;transform:translate(-50%,50%);background-color:var(--moki-blue);opacity:0;transition:all 0.5s;display:flex;align-items:center;justify-content:center}.odm-flow-top ul li .dot::before{content:'';width:.625rem;height:.625rem;border-radius:50%;background-color:#fff;z-index:1}.odm-flow-top ul li .dot::after{content:'';position:absolute;animation:circleDiffuse 2s linear infinite;width:1.25rem;height:1.25rem;top:50%;left:50%;background-color:var(--moki-accent);border-radius:50%}.odm-flow-top ul li:hover .dot,.odm-flow-top ul li.active .dot{opacity:1}.odm-flow-top ul li:hover .process-info,.odm-flow-top ul li.active .process-info{display:block;max-height:31.25rem;transition:all 0.5s;background-color:rgb(135 205 206 / .2);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border-radius:1rem;padding-right:.625rem;box-shadow:0 8px 32px rgb(0 0 0 / .1);will-change:backdrop-filter;z-index:2}.odm-flow-top ul li:hover .process-info h3,.odm-flow-top ul li.active .process-info h3{line-height:1.875rem;background-color:var(--moki-blue);color:#fff;width:fit-content;padding:0 .625rem;font-size:1rem;border-radius:0 .25rem .25rem 0;margin-bottom:1.25rem}.odm-flow-top ul li:hover .process-info p,.odm-flow-top ul li.active .process-info p{font-size:1rem;line-height:1.25rem;color:#999;padding-left:.625rem}.odm-flow-top ul li:hover .process-info p:last-child,.odm-flow-top ul li.active .process-info p:last-child{margin-bottom:2.5rem}.odm-flow-top ul li:hover span,.odm-flow-top ul li.active span{display:none}.odm-flow-top ul li:hover .flow-arrow.up,.odm-flow-top ul li.active .flow-arrow.up{opacity:0}.odm-flow-bot{flex:1}.odm-flow-bot ul li span{font-size:.8rem;position:absolute;white-space:break-spaces;top:.9375rem;color:#8a9baa}.odm-flow-bot ul li .dot{position:absolute;width:1.25rem;height:1.25rem;border-radius:50%;top:0;left:0;transform:translate(-50%,-50%);background-color:var(--moki-accent);opacity:0;transition:all 0.5s;display:flex;align-items:center;justify-content:center}.odm-flow-bot ul li .dot::before{content:'';width:.625rem;height:.625rem;border-radius:50%;background-color:#fff;z-index:1}.odm-flow-bot ul li .dot::after{content:'';position:absolute;animation:circleDiffuse 2s linear infinite;width:1.25rem;height:1.25rem;top:50%;left:50%;background-color:var(--moki-accent);border-radius:50%}.odm-flow-bot ul li:hover .dot,.odm-flow-bot ul li.active .dot{opacity:1}.odm-flow-bot ul li:hover .process-info,.odm-flow-bot ul li.active .process-info{display:block;max-height:31.25rem;transition:all 0.5s;background-color:rgb(135 205 206 / .2);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border-radius:1rem;padding-right:.625rem;box-shadow:0 8px 32px rgb(0 0 0 / .1);will-change:backdrop-filter;z-index:2}.odm-flow-bot ul li:hover .process-info h3,.odm-flow-bot ul li.active .process-info h3{line-height:1.875rem;background-color:var(--moki-accent);color:#fff;width:fit-content;padding:0 .625rem;font-size:1rem;border-radius:0 .25rem .25rem 0;margin-top:1.25rem}.odm-flow-bot ul li:hover .process-info p,.odm-flow-bot ul li.active .process-info p{font-size:1rem;line-height:1.25rem;color:#999;padding-left:.625rem}.odm-flow-bot ul li:hover .process-info p:last-child,.odm-flow-bot ul li.active .process-info p:last-child{margin-bottom:2.5rem}.odm-flow-bot ul li:hover span,.odm-flow-bot ul li.active span{display:none}.odm-flow-bot ul li:hover .flow-arrow.down,.odm-flow-bot ul li.active .flow-arrow.down{opacity:0}.odm-flow-bot ul li .process-info{position:absolute;top:0;left:0;white-space:nowrap;max-height:0;overflow:hidden;z-index:10}.odm-flow-bot ul li .process-info p:first-child{margin-top:.75rem}.odm-flow-icon{flex-shrink:0;display:flex;align-items:center}.odm-flow-icon img{width:3rem;margin-top:-.875rem}.odm-flow-finshed{flex-shrink:0;font-size:1rem;margin:0 .9375rem;color:var(--moki-blue);display:flex;align-items:center;text-align:center;line-height:1rem}.odm-flow-m{display:none}@keyframes circleDiffuse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(1.8);opacity:0}}@media screen and (max-width:1680px){.odm-flow-top ul li span,.odm-flow-bot ul li span{font-size:12px}.odm-flow-top ul li:hover .process-info h3,.odm-flow-top ul li.active .process-info h3{font-size:14px;padding:.75rem}.odm-flow-top ul li:hover .process-info p,.odm-flow-top ul li.active .process-info p{font-size:12px;line-height:1.5}.odm-flow-bot ul li:hover .process-info h3,.odm-flow-bot ul li.active .process-info h3{font-size:14px;padding:.75rem}.odm-flow-bot ul li:hover .process-info p,.odm-flow-bot ul li.active .process-info p{font-size:12px;line-height:1.5}.odm-flow-left p{font-size:12px}.odm-flow-finshed{font-size:12px}}@media screen and (max-width:1024px){.section-3 .content-txt .title-bg{font-size:1.6rem}.odm-flow-desktop{padding:4rem 0}.odm-flow-top ul{padding-left:2rem}.odm-flow-top ul li{margin-right:6rem}.odm-flow-bot ul li{margin-left:4rem}.odm-flow-bot ul li:nth-child(2){margin-left:6rem}.odm-flow-bot ul li:nth-child(3),.odm-flow-bot ul li:nth-child(4),.odm-flow-bot ul li:nth-child(5){margin-left:7.25rem}}@media screen and (max-width:768px){.section-3{padding:3rem 0}.section-3 .container{padding:0 1rem}.section-3 .content-txt{margin-bottom:2rem}.section-3 .content-txt .title-bg{font-size:1.35rem}.section-3 .content-txt .title-en{font-size:.85rem}.section-3 .content-txt .des{font-size:.85rem}.odm-flow-desktop{display:none}.odm-flow-m{display:block}.odm-flow-m .odm-flow-m-title{text-align:center;font-size:1.1rem;line-height:1.2;color:#fff;padding:1rem 0;border-top:solid 1px rgb(123 187 189 / .25);margin-top:1rem}.odm-flow-m-tab{display:flex;padding:0 1rem;gap:.5rem}.odm-flow-m-tab a{flex:1;min-width:0;text-align:center;background-color:rgb(123 187 189 / .15);line-height:3rem;font-size:1rem;color:#fff;border-radius:.25rem;transition:all 0.3s ease}.odm-flow-m-tab a.active{background-color:var(--moki-blue);color:#fff}.odm-flow-m-content ul{display:none;margin:1rem 1rem 0;background-color:rgb(255 255 255 / .03);border-radius:.5rem;border:1px solid rgb(123 187 189 / .1);overflow:hidden}.odm-flow-m-content ul:first-child{display:block}.odm-flow-m-content ul li{border-bottom:solid 1px rgb(123 187 189 / .1)}.odm-flow-m-content ul li:last-child{border-bottom:none}.odm-flow-m-content ul li h2{line-height:3.2rem;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;font-weight:400;font-size:1rem;color:#e2e8f0;cursor:pointer;transition:all 0.3s ease}.odm-flow-m-content ul li h2 i{transform:rotate(90deg);font-size:.75rem;color:rgb(115 223 221 / .6);transition:all 0.3s ease}.odm-flow-m-content ul li h2.active{color:var(--moki-accent);font-weight:700}.odm-flow-m-content ul li h2.active i{transform:rotate(180deg);color:var(--moki-accent)}.odm-flow-m-content ul li .info{padding:0 1.25rem 1rem;display:none;font-size:.9rem;line-height:1.8;color:#cfd6df}}.section-4{padding:5rem 0}.section-4 .content-txt{text-align:center;margin-bottom:3rem}.section-4 .content-txt h2{margin:0 0 .5rem 0}.section-4 .content-txt .title-bg{font-size:clamp(1.5rem, 3.5vw, 2rem);font-weight:700;letter-spacing:.015em}.section-4 .content-txt .title-en{font-size:clamp(0.95rem, 2.5vw, 1.1rem);color:#ccc;letter-spacing:.015em;margin:0 0 1rem 0}.section-4 .content-txt .des{font-size:1rem;color:#cfd6df;max-width:50rem;margin:0 auto;line-height:1.8}.odm-design{display:flex;align-items:stretch;gap:2.5rem}.odm-design:hover .sketch-img img{transform:scale(1.05)}.sketch-img{flex:0 0 36%;display:flex;align-items:center;justify-content:center}.sketch-frame{position:relative;width:100%;border:8px solid rgb(123 187 189 / .12);border-radius:1.25rem;padding:.6rem;aspect-ratio:.9}.sketch-frame img{position:absolute;top:1.5rem;left:-1.5rem;width:100%;height:auto;border-radius:.9rem;display:block;box-shadow:rgb(0 0 0 / .5) 0 5px 15px;transition:all 0.3s ease-in-out}.design-flow{flex:1;display:flex;gap:1.5rem}.design-cmf,.design-id{flex:1;background:rgb(255 255 255 / .03);border-radius:1rem;overflow:hidden;border:1px solid rgb(123 187 189 / .12)}.design-cmf h3,.design-id h3{margin:0;padding:1.1rem 1.25rem;font-size:clamp(1.1rem, 3vw, 1.5rem);font-weight:500;letter-spacing:.02em;color:#e8f4f8;background:linear-gradient(135deg,rgb(123 187 189 / .25),rgb(56 189 248 / .12));text-align:center;border-bottom:1px solid rgb(123 187 189 / .12)}.design-cmf ul,.design-id ul{list-style:none;padding:0;margin:0}.design-cmf li,.design-id li{padding:.95rem 1.25rem;color:#cfd6df;font-size:1.25rem;text-align:center;border-bottom:1px solid rgb(255 255 255 / .06);letter-spacing:-.01em;line-height:1.6;cursor:default;transition:all 0.3s ease}.design-cmf li:hover,.design-id li:hover{color:#fff;background:rgb(123 187 189 / .12);letter-spacing:0;padding-left:1.75rem}.design-cmf li:last-child,.design-id li:last-child{border-bottom:none}@media screen and (max-width:1024px){.section-4{padding:3rem 0}.section-4 .content-txt{margin-bottom:2rem}.section-4 .content-txt .title-bg{font-size:1.6rem}.section-4 .content-txt .title-en{font-size:.95rem}.section-4 .content-txt .des{font-size:.9rem}.odm-design{flex-direction:column;gap:2rem}.sketch-img{flex:0 0 auto;width:100%;max-width:28rem;margin:0 auto}.design-flow{gap:1.25rem}.design-cmf h3,.design-id h3{font-size:.95rem;padding:.9rem 1rem}.design-cmf li,.design-id li{font-size:.85rem;padding:.8rem 1rem}}@media screen and (max-width:640px){.section-4{padding:2.5rem 0}.section-4 .content-txt .title-bg{font-size:1.35rem}.section-4 .content-txt .title-en{font-size:.82rem}.section-4 .content-txt .des{font-size:.82rem}.odm-design{gap:1.5rem}.sketch-frame{padding:.45rem;border-radius:1rem}.sketch-frame img{border-radius:.75rem}.design-flow{flex-direction:column;gap:1rem}.design-cmf h3,.design-id h3{font-size:.88rem;padding:.75rem .75rem}.design-cmf li,.design-id li{font-size:.8rem;padding:.7rem .75rem}}.section-5{padding:3rem 0;display:flex;align-items:center;overflow:hidden}.section-5 .container{display:flex;align-items:center;justify-content:space-between;gap:3rem;width:100%;max-width:1600px;margin:0 auto;padding:0 5rem}.section-5 .content-txt{flex:0 1 40%;margin:0;display:flex;flex-direction:column;align-items:center}.section-5 .content-txt h2{margin:0 0 1.5rem 0}.section-5 .content-txt .title-bg{font-size:clamp(1.5rem, 3.5vw, 2rem);font-weight:700;letter-spacing:.015em}.section-5 .content-txt .title-en{font-size:clamp(0.95rem, 2.5vw, 1.1rem);color:#ccc;letter-spacing:.015em;margin:0 0 3rem 0}.section-5 .content-txt .des{font-size:1rem;color:#cfd6df;line-height:1.8;max-width:30rem}.odm-support{--radius:245px;--item-size:18rem;--center-size:200px;flex:0 1 55%;max-width:650px;aspect-ratio:1;min-width:560px;min-height:560px;position:relative;display:flex;align-items:center;justify-content:center;background-image:none;cursor:pointer}.support-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgb(56 189 248 / .06) 0%,transparent 70%);pointer-events:none;z-index:0}.support-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--center-size);height:var(--center-size);z-index:2}.center-core{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgb(123 187 189 / .95) 0%,rgb(56 189 248 / .55) 25%,rgb(8 99 216 / .35) 50%,transparent 72%);box-shadow:0 0 80px rgb(56 189 248 / .55),0 0 40px rgb(123 187 189 / .3),inset 0 0 40px rgb(123 187 189 / .25);animation:center-pulse 3s ease-in-out infinite}@keyframes center-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.92}}.center-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgb(56 189 248 / .25);box-shadow:0 0 30px rgb(56 189 248 / .15),inset 0 0 30px rgb(56 189 248 / .08);pointer-events:none}.center-ring.ring-1{width:calc(var(--center-size) * 1.25);height:calc(var(--center-size) * 1.25);animation:ring-breathe 3.5s ease-in-out infinite}.center-ring.ring-2{width:calc(var(--center-size) * 1.55);height:calc(var(--center-size) * 1.55);opacity:.6;animation:ring-breathe 3.5s ease-in-out infinite 1.1s}.center-ring.ring-3{width:calc(var(--center-size) * 1.85);height:calc(var(--center-size) * 1.85);opacity:.35;animation:ring-breathe 3.5s ease-in-out infinite 2.2s}@keyframes ring-breathe{0%,100%{opacity:.25}50%{opacity:.55}}.support-network{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--radius) * 1.732);height:calc(var(--radius) * 2);border:1px solid rgb(56 189 248 / .15);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);box-shadow:0 0 30px rgb(56 189 248 / .1),inset 0 0 30px rgb(56 189 248 / .05);pointer-events:none;z-index:1}.support-lines{position:absolute;inset:0;z-index:1;pointer-events:none}.support-line{position:absolute;left:50%;top:50%;width:calc(var(--radius) - 75px);height:1px;background:linear-gradient(90deg,rgb(56 189 248 / .55) 0%,rgb(56 189 248 / .15) 60%,transparent 100%);transform-origin:left center;transform:rotate(calc(var(--angle) - 90deg))}.support-line.item-1,.support-item.item-1{--angle:0deg}.support-line.item-2,.support-item.item-2{--angle:60deg}.support-line.item-3,.support-item.item-3{--angle:120deg}.support-line.item-4,.support-item.item-4{--angle:180deg}.support-line.item-5,.support-item.item-5{--angle:240deg}.support-line.item-6,.support-item.item-6{--angle:300deg}.support-items{position:absolute;background-image:url(../../../../themes/moki/imgs/odm_s5_1_1.webp);background-size:100% 100%;background-repeat:no-repeat;background-position:center;inset:0;z-index:3}.support-item{position:absolute;left:50%;top:50%;width:var(--item-size);height:var(--item-size);background-image:url(../../../../themes/moki/imgs/odm_s5_1_2.webp);background-size:100% 100%;background-repeat:no-repeat;background-position:center;transform:translate(-50%,-50%) translate(calc(var(--radius) * sin(var(--angle))),calc(var(--radius) * -1 * cos(var(--angle))));display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto}.item-circle{width:100%;height:100%;top:-1rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;z-index:2;padding:.5rem;transition:all 0.35s ease}.item-circle h3{font-size:clamp(0.8rem, 1.2vw, 0.95rem);font-weight:500;margin:0 0 .25rem 0;letter-spacing:0;line-height:1.2}.item-circle p{font-size:clamp(0.8rem, 0.9vw, 0.85rem);color:#a0d4f0;margin:0;letter-spacing:-.01em;line-height:1.2}.support-item:hover .item-circle{transform:scale(1.07);border-color:rgb(123 187 189 / .85);box-shadow:0 0 45px rgb(56 189 248 / .15),inset 0 0 28px rgb(123 187 189 / .3)}.item-base{position:absolute;top:calc(100% - 6px);left:50%;transform:translateX(-50%);width:calc(var(--item-size) * 0.69);height:calc(var(--item-size) * 0.17);background:linear-gradient(180deg,rgb(56 189 248 / .6) 0%,rgb(8 99 216 / .35) 100%);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);box-shadow:0 12px 28px rgb(56 189 248 / .25);z-index:1;display:none}@media screen and (max-width:1200px){.section-5 .container{padding:0 2rem}}@media screen and (max-width:1024px){.section-5{padding:4rem 0;min-height:auto}.section-5 .container{flex-direction:column;gap:2.5rem}.section-5 .content-txt{text-align:center}.section-5 .content-txt .des{margin:0 auto}.odm-support{flex:0 1 auto;width:100%;max-width:520px;min-width:520px;min-height:520px;--radius:200px;--item-size:12rem;--center-size:13rem}}@media screen and (max-width:640px){.section-5 .container{padding:0 1rem}.section-5 .content-txt .title-bg{font-size:1.6rem}.section-5 .content-txt .title-en{font-size:.95rem}.section-5 .content-txt .des{font-size:.9rem}.odm-support{max-width:400px;min-width:min(340px, 100%);min-height:400px;--radius:115px;--item-size:9rem;--center-size:12rem}}@media screen and (max-width:440px){.odm-support{max-width:280px;min-width:min(300px, 100%);min-height:280px;--radius:95px;--item-size:8.5rem;--center-size:12rem}}@media screen and (max-width:1024px){#main [data-aos="fade-right"],#main [data-aos="fade-left"]{transform:none!important}}#main{overflow-x:clip}