.Titan-C5-Modal1-content{font-family:var(--ff-woff2-B);--title:24px;--desc:16px;--item-p:32px;--r:8px;--name:16px;--off:68px;--img:160px;--note:14px;--btn-w:400px;--btn:16px;--btn-p:14px}.Titan-C5-Modal1-content .modal-title{font-size:var(--title)}.Titan-C5-Modal1-content .modal-desc{font-family:var(--ff-woff2-M);font-size:var(--desc);color:#83868a;margin-top:12px}.Titan-C5-Modal1-content .items{gap:12px;margin-top:24px;display:flex}@media not (min-width:768px){.Titan-C5-Modal1-content .items{flex-direction:column}}.Titan-C5-Modal1-content .items .item{padding:var(--item-p);border-radius:var(--r);background:linear-gradient(206deg,#c9c9c966 -30.44%,#9990 107.18%);border:1px solid #ffffff59;flex-direction:column;justify-content:flex-start;width:calc(50% - 6px);display:flex}@media not (min-width:768px){.Titan-C5-Modal1-content .items .item{flex-direction:row;align-items:center;gap:24px;width:100%}}.Titan-C5-Modal1-content .items .item .item-name{font-size:var(--name)}.Titan-C5-Modal1-content .items .item .item-off{font-family:var(--ff-woff2-EB);font-size:var(--off);-webkit-text-fill-color:#0000;background:linear-gradient(#ffe3c1 20.69%,#fff 92.24%);-webkit-background-clip:text;background-clip:text;flex:none;margin-top:auto}.Titan-C5-Modal1-content .items .item .item-off .s{font-size:.5em}.Titan-C5-Modal1-content .items .item .item-img{width:var(--img);height:var(--img);flex:none;margin:0 auto;position:relative}.Titan-C5-Modal1-content .items .item .item-img img{object-fit:contain;width:150%;height:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media not (min-width:768px){.Titan-C5-Modal1-content .items .item .item-img img{transform:translate(-60%,-50%)}}.Titan-C5-Modal1-content .note{font-family:var(--ff-woff2-M);font-size:var(--note);color:#83868a;margin-top:24px}.Titan-C5-Modal1-content .btn{width:var(--btn-w);padding:var(--btn-p);color:#000;font-size:var(--btn);cursor:pointer;text-align:center;background-color:#fff;border:1px solid #0000;border-radius:40px;margin:24px auto 0;display:block}.Titan-C5-Modal1-content .btn:hover,.Titan-C5-Modal1-content .btn:active{color:#fff;background-color:#0000;border-color:#fff}@media (max-width:1024px){.Titan-C5-Modal1-content{--title:20px;--desc:14px;--item-p:16px;--r:4px;--name:14px;--off:28px;--note:12px;--btn:14px;--btn-w:min(280px, calc(100vw - 48px));--btn-p:10px;--img:60px}}
.Titan-C5-Modal2-content{font-family:var(--ff-woff2-B);--title:24px;--desc:16px;--r:8px;--name:16px;--img:120px;--note:14px}.Titan-C5-Modal2-content .modal-title{font-size:var(--title)}.Titan-C5-Modal2-content .modal-desc{font-family:var(--ff-woff2-M);font-size:var(--desc);color:#83868a;margin-top:12px}.Titan-C5-Modal2-content .modal-img{border-radius:var(--r);width:100%;height:58.3904%;margin-top:24px;overflow:hidden}.Titan-C5-Modal2-content .note{font-family:var(--ff-woff2-M);font-size:var(--note);color:#83868a;margin-top:24px}@media (max-width:1024px){.Titan-C5-Modal2-content{--title:20px;--desc:14px;--r:4px;--name:14px;--note:12px}}
.Titan-C5-Modal3-content{font-family:var(--ff-woff2-B);--title:24px;--desc:16px;--r:8px;--name:16px;--img:120px;--note:14px;--btn-w:400px;--btn:16px;--btn-p:14px}.Titan-C5-Modal3-content .modal-title{font-size:var(--title)}.Titan-C5-Modal3-content .modal-desc{font-family:var(--ff-woff2-M);font-size:var(--desc);color:#83868a;margin-top:12px}.Titan-C5-Modal3-content .modal-img{border-radius:var(--r);width:100%;height:58.3904%;margin-top:24px;overflow:hidden}.Titan-C5-Modal3-content .note{font-family:var(--ff-woff2-M);font-size:var(--note);color:#83868a;margin-top:24px}.Titan-C5-Modal3-content .btn{width:var(--btn-w);padding:var(--btn-p);color:#000;font-size:var(--btn);cursor:pointer;text-align:center;background-color:#fff;border:1px solid #0000;border-radius:40px;margin:24px auto 0;display:block}.Titan-C5-Modal3-content .btn:hover,.Titan-C5-Modal3-content .btn:active{color:#fff;background-color:#0000;border-color:#fff}@media (max-width:1024px){.Titan-C5-Modal3-content{--title:20px;--desc:14px;--r:4px;--name:14px;--note:12px;--btn:14px;--btn-w:min(280px, calc(100vw - 48px));--btn-p:10px}}
.Titan-C5-Modal4-content{font-family:var(--ff-woff2-B);--title:24px;--desc:16px;--r:8px;--name:16px;--note:14px;--dir:row;--img-w:133px;--img-h:80px}.Titan-C5-Modal4-content .modal-title{font-size:var(--title)}.Titan-C5-Modal4-content .modal-desc{font-family:var(--ff-woff2-M);font-size:var(--desc);color:#83868a;flex:1}.Titan-C5-Modal4-content .modal-imgs{gap:24px;margin-top:24px;display:flex}@media not (min-width:768px){.Titan-C5-Modal4-content .modal-imgs{gap:16px}}.Titan-C5-Modal4-content .modal-imgs .eco-img{width:var(--img-w);height:var(--img-h);border-radius:var(--r);overflow:hidden}.Titan-C5-Modal4-content .note{font-family:var(--ff-woff2-M);font-size:var(--note);color:#83868a;margin-top:24px}.Titan-C5-Modal4-content .btn{width:var(--btn-w);padding:var(--btn-p);color:#000;font-size:var(--btn);cursor:pointer;text-align:center;background-color:#fff;border:1px solid #0000;border-radius:40px;margin:24px auto 0;display:block}.Titan-C5-Modal4-content .btn:hover,.Titan-C5-Modal4-content .btn:active{color:#fff;background-color:#0000;border-color:#fff}@media (max-width:1024px){.Titan-C5-Modal4-content{--title:20px;--desc:14px;--r:4px;--name:14px;--note:12px;--dir:column}}
.Titan-C5-ModalTC-content{--title:24px;--name:16px;--text:14px}.Titan-C5-ModalTC-content .modal-title{font-family:var(--ff-woff2-B);font-size:var(--title)}.Titan-C5-ModalTC-content .items{flex-direction:column;width:100%;margin-top:24px;display:flex}.Titan-C5-ModalTC-content .items .item .item-name{line-height:1;font-family:var(--ff-woff2-B);font-size:var(--name);color:#fff;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.Titan-C5-ModalTC-content .items .item .item-name svg{will-change:transform;width:20px;height:20px;transition:transform .4s}.Titan-C5-ModalTC-content .items .item .item-text{font-family:var(--ff-woff2-M);font-size:var(--text);color:#adafb3;pointer-events:none;max-height:0;line-height:1.3;transition:max-height .25s;overflow:hidden}.Titan-C5-ModalTC-content .items .item .item-text .eco-link{pointer-events:all;color:#3f68e0;text-decoration:underline}.Titan-C5-ModalTC-content .items .item .item-text .b{font-family:var(--ff-woff2-B);color:#fff}.Titan-C5-ModalTC-content .items .item.active .item-name svg{transform:rotate(-180deg)}.Titan-C5-ModalTC-content .items .item.active .item-text{max-height:fit-content;padding-bottom:12px}@media (max-width:1024px){.Titan-C5-ModalTC-content{--title:20px;--name:14px;--text:12px}}
.Titan-C5{--h:min(950px, calc(950px / 1680px * 100vw));--label:20px;--c-title:20px;--c-title-mt:24px;--c-box:64px;--c-num:34px;--c-g:12px;--c-unit:14px;--items-g:20px;--item-p:24px;--item-name:16px;--item-text:14px;--item-icon:48px;--btn-tc:16px;--btn-reserve:20px;--subtitle:20px;padding:var(--space) 0 0;position:relative}.Titan-C5 .bg-img{width:100%;height:var(--h);position:relative}.Titan-C5 div.info{text-align:center;gap:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Titan-C5 div.info .label{font-family:var(--ff-woff2-B);font-size:var(--label);color:#fff;justify-content:center;margin-bottom:12px}.Titan-C5 div.info .title{font-family:var(--ff-woff2-EB);-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff 40.71%,#838d9f 82.56%);-webkit-background-clip:text;background-clip:text}.Titan-C5 div.info .countdown-box{margin-top:var(--c-title-mt)}.Titan-C5 div.info .countdown-box .countdown-title{font-family:var(--ff-woff2-B);font-size:var(--c-title);color:#83868a}.Titan-C5 div.info .countdown-box .eco-count-down{gap:var(--c-g);margin:16px auto 8px}.Titan-C5 div.info .countdown-box .eco-count-down .eco-count-down-text1{width:var(--c-box);height:var(--c-box);line-height:1;font-family:var(--ff-woff2-B);font-size:var(--c-num);color:#000;background-color:#fff;border-radius:4px;justify-content:center;align-items:center;display:flex}.Titan-C5 div.info .countdown-box .eco-count-down .eco-count-down-text2{font-size:var(--c-num)}.Titan-C5 div.info .countdown-box .eco-count-down .eco-count-down-text2:last-child{display:none}.Titan-C5 div.info .countdown-box .suffix{justify-content:center;align-items:center;gap:var(--c-g);display:flex}.Titan-C5 div.info .countdown-box .suffix .unit{width:var(--c-box);height:var(--c-unit);font-family:var(--ff-woff2-M);font-size:var(--c-unit);color:#fff;opacity:.5;line-height:1;position:relative}.Titan-C5 div.info .countdown-box .suffix .unit>span{position:absolute;left:50%;transform:translate(-50%)}.Titan-C5 div.info .countdown-box .suffix .sep{opacity:0;pointer-events:none;font-size:var(--c-num);height:1px}.Titan-C5 div.info .Titan-C5-email-box{margin:var(--mt) auto 0;width:min(610px,var(--box));position:relative}.Titan-C5 div.info .Titan-C5-email-box .subtitle{margin-bottom:calc(var(--mt)/2);font-family:var(--ff-woff2-B);font-size:var(--subtitle)}.Titan-C5 div.info .Titan-C5-email-box .email-control{box-sizing:border-box;border:1px solid #fff;border-radius:4px;align-items:center;height:52px;display:flex}.Titan-C5 div.info .Titan-C5-email-box .email-control .input{width:72%;font-family:var(--ff-woff2-B);height:100%;padding:0 12px;font-size:14px}.Titan-C5 div.info .Titan-C5-email-box .email-control .input::placeholder{font-family:var(--ff-woff2-M);color:#707070}.Titan-C5 div.info .Titan-C5-email-box .email-control button.btn{color:#000;width:30%;height:100%;font-family:var(--ff-woff2-B);cursor:pointer;background-color:#fff;font-size:14px;line-height:1}.Titan-C5 div.info .Titan-C5-email-box .email-control button.btn.disabled{pointer-events:none;color:#adafb3}.Titan-C5 div.info .Titan-C5-email-box .email-control button.btn:hover,.Titan-C5 div.info .Titan-C5-email-box .email-control button.btn:active{opacity:.9}.Titan-C5 div.info .Titan-C5-email-box .tip{font-family:var(--ff-woff2-M);color:#fff;cursor:pointer;margin-top:8px;font-size:12px}.Titan-C5 div.info .Titan-C5-email-box .tip.success{color:#3f68e0}.Titan-C5 div.info .Titan-C5-email-box .agreement{font-family:var(--ff-woff2-M);color:#83868a;margin-top:16px;font-size:12px}.Titan-C5 div.info .Titan-C5-email-box .agreement .checkbox{width:16px;height:16px}.Titan-C5 div.info .Titan-C5-email-box .agreement .agreement-text{vertical-align:top;margin-left:4px;line-height:16px;position:relative}.Titan-C5 div.info .Titan-C5-email-box .agreement .agreement-text .eco-link{color:#fff;text-decoration:underline}.Titan-C5 div.info .inner{margin:var(--mt) auto 0;width:var(--box)}.Titan-C5 div.info .inner .items{gap:var(--items-g);display:flex}.Titan-C5 div.info .inner .items .item{padding:var(--item-p);border-radius:var(--r);cursor:pointer;background:linear-gradient(181deg,#ffffff14 .96%,#ffffff03 97.4%);border:2px solid #ffffff0d;flex:1;position:relative}.Titan-C5 div.info .inner .items .item .item-icon{width:var(--item-icon);height:var(--item-icon);margin:0 auto}.Titan-C5 div.info .inner .items .item .item-icon svg{width:100%;height:100%}.Titan-C5 div.info .inner .items .item .item-name{font-family:var(--ff-woff2-B);font-size:var(--item-name);margin-top:16px}.Titan-C5 div.info .inner .items .item .item-text{font-family:var(--ff-woff2-M);font-size:var(--item-text);justify-content:center;align-items:center;gap:4px;margin-top:4px;display:flex}.Titan-C5 div.info .inner .items .item .item-question{width:40px;height:40px;padding:8px;position:absolute;top:0;right:0}.Titan-C5 div.info .inner .items .item:hover .item-question svg rect,.Titan-C5 div.info .inner .items .item:active .item-question svg rect{fill-opacity:.25}.Titan-C5 div.info .inner .items .item:hover .item-question svg path,.Titan-C5 div.info .inner .items .item:active .item-question svg path{opacity:1}.Titan-C5 div.info .inner .btn-tc{width:max-content;max-width:100%;font-family:var(--ff-woff2-M);font-size:var(--btn-tc);color:#83868a;cursor:pointer;margin:64px auto 0;text-decoration:underline;display:block}.Titan-C5 div.info .inner .btn-tc:hover,.Titan-C5 div.info .inner .btn-tc:active{color:#fff}.Titan-C5 div.info .inner .btn-reserve{margin:var(--mt) auto 0;width:min(480px,var(--box) - 48px);cursor:pointer;font-family:var(--ff-woff2-B);font-size:var(--btn-reserve);color:#000;padding:var(--btn-p);background-color:#fff;border-radius:100px}.Titan-C5 div.info .inner .btn-reserve:hover,.Titan-C5 div.info .inner .btn-reserve:active{opacity:.9}@media only screen and not (max-width:1440px){.Titan-C5{--label:24px;--item-name:20px;--item-icon:64px}}@media (max-width:1024px){.Titan-C5{--h:720px;--label:16px;--c-title:16px;--c-title-mt:16px;--c-box:48px;--c-num:24px;--c-g:6px;--c-unit:12px;--item-name:14px;--item-text:10px;--item-icon:36px;--items-g:12px;--item-p:12px;--btn-tc:12px;--btn-reserve:16px;--subtitle:16px}}@media not (min-width:768px){.Titan-C5{--h:calc(910px / 375px * 100vw)}.Titan-C5 div.info .Titan-C5-email-box .email-control{border:none;border-radius:0;flex-direction:column;gap:10px;height:auto}.Titan-C5 div.info .Titan-C5-email-box .email-control .input{border:1px solid #fff;border-radius:4px;width:100%;height:46px}.Titan-C5 div.info .Titan-C5-email-box .email-control button.btn{border-radius:4px;width:100%;height:46px;padding:12px 18px}.Titan-C5 div.info .Titan-C5-email-box .tip{text-align:left}.Titan-C5 div.info .Titan-C5-email-box .agreement{text-align:left;justify-content:flex-start}.Titan-C5 div.info .inner .items{flex-wrap:wrap}.Titan-C5 div.info .inner .items .item{width:calc(50% - var(--items-g)/2);flex:none}.Titan-C5 div.info .inner .btn-tc{margin-top:72px}}
.Titan-C6{--h:min(800px, calc(800px / 1680px) * 100vw);--label:20px;--gap:24px;--num:160px;--title:48px;width:100%;height:var(--h);position:relative;overflow:hidden}.Titan-C6 div.info{text-align:center;gap:var(--gap);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Titan-C6 div.info .label{font-family:var(--ff-woff2-B);font-size:var(--label);color:#fff;will-change:opacity,transform;opacity:0;justify-content:center;transition:all .2s cubic-bezier(.075,.82,.165,1);transform:translateY(-80px)}.Titan-C6 div.info .num{font-family:var(--ff-woff2-EB);font-size:var(--num);text-shadow:0 0 83.333px #8ca2d0a8;color:#fff;will-change:transform;transition:all .2s cubic-bezier(.075,.82,.165,1);position:relative;transform:scale(2)}.Titan-C6 div.info .num:before{content:"";opacity:.8;filter:blur(200px);z-index:-1;background:linear-gradient(91deg,#0400ff 6.76%,#0080ff 29.35%,#0bf 85.79%);border-radius:1331px;width:max(100%,675px);height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.Titan-C6 div.info .num .s{font-size:.5em}.Titan-C6 div.info .num.enter{transition-duration:1.6s;transform:scale(1)}.Titan-C6 div.info .title{font-size:var(--title);will-change:opacity,transform;-webkit-text-fill-color:#0000;text-shadow:0 0 50px #73a0ff;opacity:0;background:linear-gradient(195deg,#6aa0f2 -22.53%,#fff 101.22%);-webkit-background-clip:text;background-clip:text;transition:all .2s cubic-bezier(.075,.82,.165,1);transform:translateY(80px)}.Titan-C6 div.info .label.enter,.Titan-C6 div.info .title.enter{opacity:1;transition-duration:1.6s;transition-delay:.8s;transform:translateY(0)}@media only screen and not (max-width:1440px){.Titan-C6{--label:24px;--num:240px;--title:60px}}@media (max-width:1024px){.Titan-C6{--h:640px;--label:16px;--gap:12px;--num:120px;--title:24px}}
.Titan-C7{--label:20px;--img-h:calc(var(--box) / 2);--r:8px;--box-p:24px;--name:20px;--item-dir:row;--item-a:left;--item-name:16px;--item-text:12px;--transform-origin:100% 60%;--plus:24px;height:150vh;position:relative}.Titan-C7 .sticky{justify-content:center;gap:var(--mt);flex-direction:column;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.Titan-C7 .sticky div.info{z-index:20;width:100%;position:absolute;top:40px}.Titan-C7 .sticky div.info .label{font-family:var(--ff-woff2-B);font-size:var(--label);color:#fff}.Titan-C7 .sticky div.info .label,.Titan-C7 .sticky div.info .title,.Titan-C7 .sticky div.info .desc{width:var(--box);margin:0 auto}.Titan-C7 .sticky .img-box{will-change:transform;width:100%;height:100vh;transform-origin:var(--transform-origin);margin:0 auto;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.Titan-C7 .sticky .img-box .box{width:100%;padding:var(--box-p);position:absolute;bottom:0;left:0}.Titan-C7 .sticky .img-box .box .name-box{align-items:center;gap:12px;display:flex}.Titan-C7 .sticky .img-box .box .name-box .name-icon{-webkit-backdrop-filter:blur(6.4px);backdrop-filter:blur(6.4px);background:linear-gradient(#6ab5f214 20.69%,#ffffff1f 92.24%);border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.Titan-C7 .sticky .img-box .box .name-box .name-text{font-family:var(--ff-woff2-B);font-size:var(--name)}.Titan-C7 .sticky .img-box .box .items{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--r);background:#6a6a6a33;justify-content:space-between;gap:8px;margin-top:24px;padding:24px;display:flex}.Titan-C7 .sticky .img-box .box .items .item{flex-direction:var(--item-dir);align-items:center;gap:8px;display:flex;position:relative}.Titan-C7 .sticky .img-box .box .items .item .item-icon{width:48px;height:48px}.Titan-C7 .sticky .img-box .box .items .item .item-info{text-align:var(--item-a)}.Titan-C7 .sticky .img-box .box .items .item .item-info .item-name{font-family:var(--ff-woff2-B);font-size:var(--item-name)}.Titan-C7 .sticky .img-box .box .items .item .item-info .item-text{font-family:var(--ff-woff2-M);font-size:var(--item-text);color:#adafb3}.Titan-C7 .sticky .img-box .box .items .plus{font-size:var(--plus);align-items:center;display:flex}@media only screen and not (max-width:1440px){.Titan-C7{--label:24px;--name:24px;--item-name:20px}}@media (max-width:1024px){.Titan-C7{--label:16px;--r:4px;--name:14px;--item-dir:column;--item-text:10px;--item-a:center;--plus:20px}.Titan-C7 .sticky div.info{top:64px}}@media not (min-width:768px){.Titan-C7{--img-h:870px;--r:0px;--transform-origin:82% 45%;height:200vh}.Titan-C7 .sticky div.info{z-index:10;width:var(--box);position:absolute;top:40px;left:24px}.Titan-C7 .sticky div.info .label,.Titan-C7 .sticky div.info .title,.Titan-C7 .sticky div.info .desc{margin:0}.Titan-C7 .sticky .img-box{width:100vw}.Titan-C7 .sticky .img-box .box{width:var(--box);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#55555552 53.24%,#7bbbff4a 100%);border-radius:4px;flex-direction:column-reverse;gap:24px;margin:0 auto;padding:24px;display:flex;bottom:16px;left:24px}.Titan-C7 .sticky .img-box .box .items{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;flex-wrap:wrap;gap:12px 0;margin-top:0;padding:0}.Titan-C7 .sticky .img-box .box .items .item{width:30%}.Titan-C7 .sticky .img-box .box .items .item:nth-child(2n){width:5%}.Titan-C7 .sticky .img-box .box .items .item:nth-child(6n){display:none}.Titan-C7 .sticky .img-box .box .items .plus{align-items:center;height:70%;display:flex}}
.Titan-C8{--gap:20px;--btn-p:16px 24px;--btn:16px;--sys-h:160px;padding-top:var(--space)}.Titan-C8 .items{width:var(--box);margin:0 auto;position:relative}.Titan-C8 .items .item{opacity:0;transition:opacity .6s;position:relative}.Titan-C8 .items .item.item-1{width:100%;height:100%;position:absolute;top:0;left:0}.Titan-C8 .items .item.active{opacity:1}.Titan-C8 .items .item.active .cards{transform:translateY(0)}.Titan-C8 .items .item .cards{margin:var(--mt) auto;gap:var(--gap);transition:transform .6s;display:flex;transform:translateY(120px)}.Titan-C8 .items .item .cards .card{--wire:#5e646d;--red:#ff7774;--device:56px;--power-size:16px;--card-title:18px;--total-size:16px;border-radius:calc(2*var(--r));aspect-ratio:1;background:#15181d;border:1px solid #2b3037;flex-direction:column;flex:1;min-width:0;padding:24px 20px 20px;display:flex;overflow:hidden}.Titan-C8 .items .item .cards .card.titan{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#000 37.89%,#57789b 99.9%);border-radius:8px}.Titan-C8 .items .item .cards .card.titan .card-title{color:#f5f5f7;font-family:var(--ff-woff2-B)}.Titan-C8 .items .item .cards .card.titan .total{background:#1a2340}.Titan-C8 .items .item .cards .card.titan .total .total-num{-webkit-text-fill-color:#0000;background:linear-gradient(179deg,#adceff 21.06%,#fff 81.26%);-webkit-background-clip:text;background-clip:text}.Titan-C8 .items .item .cards .card.titan .total .total-text{color:#fff}.Titan-C8 .items .item .cards .card.titan .card-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14}.Titan-C8 .items .item .cards .card .card-title{font-size:var(--card-title);font-family:var(--ff-woff2-B);color:#9aa0a8;text-align:center;line-height:1.25}@media not (min-width:768px){.Titan-C8 .items .item .cards .card .card-title{height:2.5em}}.Titan-C8 .items .item .cards .card .system{width:var(--sys-h);height:var(--sys-h);flex-shrink:0;justify-content:center;align-items:flex-end;margin:8px auto 0;display:flex}.Titan-C8 .items .item .cards .card .system img{object-fit:contain}.Titan-C8 .items .item .cards .card .total{text-align:center;z-index:20;border-radius:var(--r);background:#252a31;width:max-content;margin:-12px auto 12px;padding:8px 16px;position:relative}.Titan-C8 .items .item .cards .card .total .total-num{font-variant-numeric:tabular-nums;font-size:var(--total-size);font-family:var(--ff-woff2-EB)}.Titan-C8 .items .item .cards .card .total .total-text{font-family:var(--ff-woff2-M);font-size:12px}@media (max-width:1024px){.Titan-C8 .items .item .cards .card .total .total-text{font-size:10px}}.Titan-C8 .items .item .cards .card .diagram{flex:1;align-items:center;min-height:0;display:flex;position:relative}.Titan-C8 .items .item .cards .card .diagram-stage{aspect-ratio:500/264;width:100%;position:relative}.Titan-C8 .items .item .cards .card .diagram-stage svg{width:100%;height:100%;display:block;overflow:visible}.Titan-C8 .items .item .cards .card .wire{fill:none;stroke:var(--wire);stroke-width:2.4px;opacity:.9;stroke-linecap:round;stroke-linejoin:round}.Titan-C8 .items .item .cards .card .current{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.Titan-C8 .items .item .cards .card .fault{fill:none;stroke:var(--red);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.Titan-C8 .items .item .cards .card.faultOn{border-color:#e96e6a}.Titan-C8 .items .item .cards .card.faultOn .card-title,.Titan-C8 .items .item .cards .card.faultOn .total,.Titan-C8 .items .item .cards .card.faultOn .footer-name,.Titan-C8 .items .item .cards .card.faultOn .card-text{color:#ffc2be}.Titan-C8 .items .item .cards .card.faultOn .card-footer{background:#7828248c}.Titan-C8 .items .item .cards .card.faultOn .wire{stroke:#e96e6a;opacity:.92;animation:.88s ease-in-out infinite titan-c8-overload-circuit}.Titan-C8 .items .item .cards .card.faultOn .power{color:#ffbeb9;animation:.88s ease-in-out infinite titan-c8-overload-power;box-shadow:inset 0 0 0 1px #e96e6a}.Titan-C8 .items .item .cards .card.wasteOn .card-footer{background:#50371473}.Titan-C8 .items .item .cards .card .power{font-size:var(--power-size);font-family:var(--ff-woff2-B);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;background:#252a31;border-radius:30px;min-width:72px;padding:8px 12px;position:absolute;top:45%;box-shadow:inset 0 0 0 1px #505761}.Titan-C8 .items .item .cards .card .power.l{left:13%}.Titan-C8 .items .item .cards .card .power.r{right:13%}.Titan-C8 .items .item .cards .card .power.cap{box-shadow:inset 0 0 0 1px #f5f5f7}.Titan-C8 .items .item .cards .card .power.pulse{animation:1.64s ease-in-out infinite titan-c8-power-pulse}.Titan-C8 .items .item .cards .card .appliances{padding:var(--mt);justify-content:space-between;display:flex;position:absolute;bottom:0;left:0;right:0}.Titan-C8 .items .item .cards .card .pair{gap:var(--mt);display:flex}.Titan-C8 .items .item .cards .card .device{width:var(--device);height:var(--device);opacity:.22;filter:saturate(.72);transition:opacity .25s,transform .25s,filter .25s;position:relative}.Titan-C8 .items .item .cards .card .device.on{opacity:.76}.Titan-C8 .items .item .cards .card .device.strong{opacity:1}.Titan-C8 .items .item .cards .card .device.off{opacity:.18;filter:grayscale(.72)}.Titan-C8 .items .item .cards .card .icon{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Titan-C8 .items .item .cards .card .icon:before,.Titan-C8 .items .item .cards .card .icon:after{content:"";position:absolute}.Titan-C8 .items .item .cards .card .card-footer{border-radius:var(--r);box-sizing:border-box;background:#ff56561a;flex-shrink:0;justify-content:center;align-items:center;gap:16px;margin-top:auto;padding:12px 24px;display:flex}.Titan-C8 .items .item .cards .card .footer-icon{flex-shrink:0;width:40px;height:40px}.Titan-C8 .items .item .cards .card .footer-icon svg{border-radius:50%;width:100%;height:100%;display:block}.Titan-C8 .items .item .cards .card .footer-name{font-family:var(--ff-woff2-B);font-size:16px;line-height:1.3}.Titan-C8 .items .item .cards .card .card-text{font-family:var(--ff-woff2-M);color:#cfd0d2;margin-top:4px;font-size:14px}.Titan-C8 .items .item.item-2 .cards .card.compare .diagram .diagram-stage .power.r{color:#ffffff4d}.Titan-C8 .note{width:var(--box);font-family:var(--ff-woff2-M);color:#696c71;margin:24px auto;font-size:14px}.Titan-C8 .tabs{width:max-content;max-width:var(--box);bottom:var(--mt);background-color:#222126;border-radius:40px;margin:0 auto;padding:8px;display:flex;position:sticky}.Titan-C8 .tabs .tab{z-index:10;padding:var(--btn-p);font-family:var(--ff-woff2-B);font-size:var(--btn);color:#fff;cursor:pointer;white-space:nowrap;border-radius:40px;position:relative}.Titan-C8 .tabs .tab.default{color:#000;background-color:#fff}.Titan-C8 .tabs .tab.active{color:#000}.Titan-C8 .tabs .bg{z-index:1;opacity:0;pointer-events:none;background-color:#fff;border-radius:40px;height:calc(100% - 16px);transition:none;position:absolute;top:8px;bottom:8px;left:8px}.Titan-C8 .tabs .bg.is-ready{opacity:1}@media only screen and not (max-width:1440px){.Titan-C8{--gap:24px;--sys-h:180px}.Titan-C8 .items .item .cards .card{--device:64px;--card-title:20px;--power-size:18px;--total-size:20px}}@media (max-width:1024px){.Titan-C8{--gap:12px;--btn:14px;--btn-p:12px 18px;--sys-h:120px}.Titan-C8 .items .item div.info .label svg{width:142px;height:21.3px}.Titan-C8 .items .item .cards .card{aspect-ratio:auto;--device:48px;--power-size:14px;--card-title:16px;--total-size:20px;--unit-h:110px;padding:20px 16px 16px}.Titan-C8 .items .item .cards .card .diagram{flex:none}.Titan-C8 .items .item .cards .card .diagram .diagram-stage{aspect-ratio:auto}.Titan-C8 .items .item .cards .card .diagram .diagram-stage .power{top:30%}.Titan-C8 .items .item .cards .card .diagram .diagram-stage .power.l{left:6%}.Titan-C8 .items .item .cards .card .diagram .diagram-stage .power.r{right:6%}.Titan-C8 .items .item .cards .card .diagram .diagram-stage .appliances{margin-top:-40px;padding:0 24px;position:relative}.Titan-C8 .items .item .cards .card .pair{flex-direction:column;align-items:center}.Titan-C8 .items .item .cards .card .card-footer{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;margin-top:24px;position:relative}.Titan-C8 .items .item .cards .card .footer-name{font-size:14px}.Titan-C8 .items .item .cards .card .card-text{font-size:12px}}@media not (min-width:768px){.Titan-C8{--gap:8px;--sys-h:80px;--btn:12px}.Titan-C8 .items .item .cards .card{--device:28px;--power-size:10px;--card-title:12px;--total-size:12px;padding:12px 8px 10px}.Titan-C8 .items .item .cards .card .total{margin:-8px auto 4px}.Titan-C8 .items .item .cards .card .diagram .diagram-stage .power{top:25%}.Titan-C8 .items .item .cards .card .diagram .diagram-stage .power.l{left:0}.Titan-C8 .items .item .cards .card .diagram .diagram-stage .power.r{right:0}.Titan-C8 .items .item .cards .card .diagram .diagram-stage .appliances{margin-top:-8px;padding:0 12px}.Titan-C8 .items .item .cards .card .power{min-width:52px;padding:4px 6px}.Titan-C8 .items .item .cards .card .pair{gap:4px}.Titan-C8 .items .item .cards .card .card-footer{gap:6px;margin-top:8px;padding:8px}.Titan-C8 .items .item .cards .card .footer-icon{width:32px;height:32px}.Titan-C8 .items .item .cards .card .footer-name{font-size:12px}.Titan-C8 .items .item .cards .card .card-text{font-size:10px}.Titan-C8 .tabs{border-radius:24px;padding:4px}.Titan-C8 .tabs .tab{text-align:center;text-wrap:auto;border-radius:12px;width:50%}.Titan-C8 .tabs .bg{border-radius:12px;height:calc(100% - 8px);top:4px;bottom:4px;left:4px}}@keyframes titan-c8-overload-circuit{0%,to{stroke:#af4e4a;opacity:.56}50%{stroke:#ff827e;opacity:1}}@keyframes titan-c8-overload-power{0%,to{color:#c87571;box-shadow:inset 0 0 0 1px #a94a47}50%{color:#ffd0cc;box-shadow:inset 0 0 0 2px #ff827e}}@keyframes titan-c8-power-pulse{0%,to{box-shadow:inset 0 0 0 1px #ffffff73}50%{box-shadow:inset 0 0 0 2px #fff}}@media (prefers-reduced-motion:reduce){.Titan-C8 .card .wire,.Titan-C8 .card .power{animation:none!important}}
.Titan-C9{padding:var(--space) 0;--name:24px;--text:20px;--desc1:20px;--desc2:72px;--desc-p:40px 60px;--img-w:var(--box);--img-h:calc(var(--box) / 2);--navi:48px}.Titan-C9 .items{margin:var(--mt) auto 0;padding:0 calc(50% - var(--box)/2);width:100%}.Titan-C9 .items .item{position:relative}.Titan-C9 .items .item .item-img{width:var(--box);height:var(--img-h);border-radius:var(--r);position:relative;overflow:hidden}.Titan-C9 .items .item .item-img .item-desc{padding:var(--desc-p);font-family:var(--ff-woff2-B);font-size:var(--desc1);position:absolute;top:0;left:0}.Titan-C9 .items .item .item-img .item-desc .b{font-family:var(--ff-woff2-EB);font-size:var(--desc2)}.Titan-C9 .items .item .item-img .item-desc .s{font-size:.5em}.Titan-C9 .items .item .item-info{margin-top:var(--mt);opacity:1}.Titan-C9 .items .item .item-info .item-name{font-family:var(--ff-woff2-B);font-size:var(--name)}.Titan-C9 .items .item .item-info .item-text{font-family:var(--ff-woff2-M);font-size:var(--text);color:#83868a}.Titan-C9 .items .item.swiper-slide-prev .item-info,.Titan-C9 .items .item.swiper-slide-next .item-info{opacity:0}.Titan-C9 .items .item.swiper-slide-prev:after,.Titan-C9 .items .item.swiper-slide-next:after{content:"";z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.Titan-C9 .items .item.swiper-slide-prev:after{background:linear-gradient(270deg,#0000 0%,#000000bf 10%)}.Titan-C9 .items .item.swiper-slide-next:after{background:linear-gradient(90deg,#0000 0%,#000000bf 10%)}.Titan-C9 .items:hover .swiper-button-prev,.Titan-C9 .items:hover .swiper-button-next,.Titan-C9 .items:active .swiper-button-prev,.Titan-C9 .items:active .swiper-button-next{opacity:1;pointer-events:all}.Titan-C9 .items .swiper-button-prev,.Titan-C9 .items .swiper-button-next{width:var(--navi);height:var(--navi);top:calc((var(--img-h) - var(--navi))/2);will-change:opacity;pointer-events:none;opacity:0;background-color:#ffffff1f;border-radius:50%;margin-top:0;transition:opacity .25s}.Titan-C9 .items .swiper-button-prev.swiper-button-disabled,.Titan-C9 .items .swiper-button-next.swiper-button-disabled{display:none}.Titan-C9 .items .swiper-button-prev{left:calc(50% - var(--box)/2 + 24px)}.Titan-C9 .items .swiper-button-next{right:calc(50% - var(--box)/2 + 24px)}@media only screen and not (max-width:1440px){.Titan-C9{--desc2:96px;--desc-p:40px 80px}}@media (max-width:1024px){.Titan-C9{--name:20px;--text:16px;--desc1:14px;--desc2:24px;--desc-p:14px 24px;--img-h:240px;--img-w:280px;--navi:40px}.Titan-C9 .items .swiper-button-prev,.Titan-C9 .items .swiper-button-next{display:none}}
.Titan-Page{--space:120px;--box:min(1440px, calc(100vw - 240px));--label:16px;--title:34px;--desc:20px;--btn:16px;--btn-p:10px 20px;--info-g:16px;--r:8px;--mt:40px;white-space:pre-line;color:#fff;background-color:#000;line-height:1.3}.Titan-Page .info{width:var(--box);gap:var(--info-g);font-family:var(--ff-woff2-M);flex-direction:column;margin:0 auto;display:flex}.Titan-Page .info .label{font-size:var(--label);color:#adafb3;align-items:center;gap:6px;display:flex}.Titan-Page .info .title{font-family:var(--ff-woff2-B);font-size:var(--title)}.Titan-Page .info .desc{font-size:var(--desc);color:#83868a}@media only screen and not (max-width:1440px){.Titan-Page{--space:160px;--label:20px;--title:48px;--desc:24px}}@media (max-width:1024px){.Titan-Page{--space:80px;--box:calc(100vw - 96px);--label:14px;--title:24px;--desc:14px;--btn:14px;--info-g:12px;--r:4px;--mt:24px;--btn-p:8px 18px}}@media not (min-width:768px){.Titan-Page{--box:calc(100vw - 48px)}}