.DG4-C11{--title:36px;--desc:18px;--card-h:430px;--card-r:20px;--tab:16px;--tab-min:180px;color:#000;background:#fff;padding:96px 0 0}.DG4-C11 .head{width:var(--box);text-align:center;margin:0 auto}.DG4-C11 .title{font-family:var(--ff-woff2-EM,var(--ff-woff2-M));font-size:var(--title);white-space:pre-line;margin:0;font-weight:700;line-height:1.5}.DG4-C11 .title-h5,.DG4-C11 .head-desc{display:none}.DG4-C11 .stage{width:100%;margin:40px 0 0;position:relative;overflow:hidden}.DG4-C11 .cards{width:100%;padding:0 calc(50% - var(--box)/2);box-sizing:border-box}.DG4-C11 .cards .swiper-slide{width:var(--box);height:auto}.DG4-C11 .card{width:100%;height:var(--card-h);border-radius:var(--card-r);background:#f5f5f5;position:relative;overflow:hidden}.DG4-C11 .card-img,.DG4-C11 .card-img .eco-img-img{width:100%;height:100%;display:block}.DG4-C11 .card-img{height:100%}.DG4-C11 .card-img .eco-img-img{object-fit:cover;object-position:center}.DG4-C11 .desc{width:var(--box);font-family:var(--ff-woff2-M);font-size:var(--desc);color:#83868a;text-align:center;white-space:pre-line;margin:40px auto 0;font-weight:500;line-height:1.5}.DG4-C11 .navi-btn{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#00000047;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.DG4-C11 .btn-prev{left:calc(50% - var(--box)/2 + 24px)}.DG4-C11 .btn-next{left:calc(50% + var(--box)/2 - 68px);right:auto}.DG4-C11 .h5-side-btn{display:none}.DG4-C11 .tabs-scroll{width:var(--box);scrollbar-width:none;margin:40px auto 0;overflow-x:auto}.DG4-C11 .tabs-scroll::-webkit-scrollbar{display:none}.DG4-C11 .tabs{background:#f5f5f5;border-radius:999px;width:max-content;margin:0 auto;padding:8px;display:flex}.DG4-C11 .tab{min-width:var(--tab-min);color:#595c61;height:52px;font-family:var(--ff-woff2-B,var(--ff-woff2-M));font-size:var(--tab);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:0 20px;font-weight:700;line-height:1.5}.DG4-C11 .tab.is-active{color:#fff;background:#000}@media only screen and not (max-width:1440px){.DG4-C11{--title:50px;--desc:24px;--card-h:650px;--card-r:24px;--tab:18px;--tab-min:220px;padding:160px 0 0}.DG4-C11 .title{white-space:normal}.DG4-C11 .stage,.DG4-C11 .desc,.DG4-C11 .tabs-scroll{margin-top:40px}.DG4-C11 .tab{padding:0 16px}}@media (max-width:1024px){.DG4-C11{--title:32px;--desc:16px;--card-h:360px;--tab:15px;--tab-min:160px;padding:96px 0 80px}}@media not (min-width:768px){.DG4-C11{--title:24px;--desc:14px;--card-h:280px;--card-r:16px;--tab:16px;--tab-min:0;padding:80px 0 0}.DG4-C11 .head{width:calc(100% - 48px)}.DG4-C11 .title-pc{display:none}.DG4-C11 .title-h5{display:inline}.DG4-C11 .head-desc{font-family:var(--ff-woff2-R,var(--ff-woff2-M));font-size:var(--desc);color:#83868a;text-align:center;white-space:pre-line;margin:12px 0 0;font-weight:400;line-height:1.5;display:block}.DG4-C11 .stage{margin-top:24px}.DG4-C11 .cards{padding:0 24px}.DG4-C11 .cards .swiper-slide{width:calc(100vw - 48px)}.DG4-C11 .desc,.DG4-C11 .navi-btn{display:none}.DG4-C11 .h5-side-btn{top:calc(var(--card-h)/2);z-index:2;-webkit-backdrop-filter:blur(13.75px);cursor:pointer;appearance:none;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;overflow:hidden;transform:translateY(-50%)}.DG4-C11 .h5-side-btn.h5-btn-prev{left:24px}.DG4-C11 .h5-side-btn.h5-btn-next{right:24px}.DG4-C11 .h5-side-btn .h5-side-icon{width:44px;height:44px;display:block}.DG4-C11 .tabs-scroll{width:100%;margin-top:16px}.DG4-C11 .tabs{background:#0000000a;margin:0 0 0 24px;padding:8px}.DG4-C11 .tab{color:#83868a;min-width:0;height:auto;padding:16px;font-weight:500}.DG4-C11 .tab.is-active{color:#000;background:#f5f5f5;padding:12px 24px;font-weight:700;box-shadow:inset 0 0 18.6px #4da6d57a}}
.DG4-C12{--title:50px;--desc:24px;--method:26px;--method-radius:24px;--visual-radius:24px;color:#000;background:#fff;padding:160px 0 0}.DG4-C12 .inner{width:var(--box);margin:0 auto}.DG4-C12 .title{text-align:center;font-family:var(--ff-woff2-EM,var(--ff-woff2-M));font-size:var(--title);white-space:pre-line;margin:0;font-weight:700;line-height:1.5}.DG4-C12 .desc{text-align:center;font-family:var(--ff-woff2-M);font-size:var(--desc);color:#1a1a1a;margin:16px 0 0;font-weight:500;line-height:1.5}.DG4-C12 .pc-intro{margin-bottom:40px}.DG4-C12 .pc-body{grid-template-columns:minmax(0,1fr) 474px;align-items:stretch;gap:16px;display:grid}.DG4-C12 .visual{aspect-ratio:950/554;border-radius:var(--visual-radius);background:#e8e8e8;width:100%;height:auto;position:relative;overflow:hidden}.DG4-C12 .visual-media{width:100%;height:100%;position:absolute;inset:0}.DG4-C12 .visual-media .visual-layer{opacity:0;pointer-events:none;transition:opacity .7s;position:absolute;inset:0}.DG4-C12 .visual-media .visual-layer.is-active{opacity:1;z-index:1}.DG4-C12 .visual-media .eco-img{width:100%;height:100%;display:block;position:absolute;inset:0}.DG4-C12 .visual-media .eco-img-img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block;position:absolute;inset:0}.DG4-C12 .methods{flex-direction:column;gap:16px;width:100%;min-height:0;margin:0;padding:0;list-style:none;display:flex}.DG4-C12 .methods>li{flex:1 1 0;min-height:0;display:flex}.DG4-C12 .method{border-radius:var(--method-radius);color:#000;width:100%;height:100%;min-height:56px;font-family:var(--ff-woff2-M);font-size:var(--method);text-align:left;cursor:pointer;background:#f5f5f5;border:1px solid #0000;align-items:center;padding:0 24px 0 40px;font-weight:500;line-height:1.5;transition:background .25s,border-color .25s,box-shadow .25s;display:flex}.DG4-C12 .method:hover,.DG4-C12 .method.is-active{background:#fff;border-color:#9993;box-shadow:inset 0 0 18.6px #19678d80}.DG4-C12 .h5{display:none}@media only screen and not (max-width:1440px){.DG4-C12{padding:160px 0 0}}@media (max-width:1024px){.DG4-C12{--title:36px;--desc:18px;--method:20px;padding:96px 0 64px}.DG4-C12 .pc-intro{margin-bottom:48px}.DG4-C12 .pc-body{flex-direction:column;display:flex}.DG4-C12 .visual{aspect-ratio:950/554;width:100%}.DG4-C12 .methods{width:100%}.DG4-C12 .methods>li{flex:none}.DG4-C12 .method{height:64px;min-height:64px;padding:0 20px 0 28px}}@media not (min-width:768px){.DG4-C12{--title:24px;background:#fff;padding:80px 0 0}.DG4-C12 .inner{display:none}.DG4-C12 .h5{display:block}.DG4-C12 .head{text-align:center;width:calc(100% - 48px);margin:0 auto}.DG4-C12 .stage{width:100%;margin-top:24px;position:relative;overflow:hidden}.DG4-C12 .cards{box-sizing:border-box;width:100%;padding:0 24px}.DG4-C12 .cards .swiper-slide{width:calc(100vw - 48px);height:auto}.DG4-C12 .card{background:#f5f5f5;border-radius:16px;width:100%;height:280px;position:relative;overflow:hidden}.DG4-C12 .h5-side-btn{z-index:2;-webkit-backdrop-filter:blur(13.75px);cursor:pointer;appearance:none;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;top:140px;overflow:hidden;transform:translateY(-50%)}.DG4-C12 .h5-side-btn.btn-prev{left:24px}.DG4-C12 .h5-side-btn.btn-next{right:24px}.DG4-C12 .h5-side-btn .h5-side-icon{width:44px;height:44px;display:block}.DG4-C12 .card-img,.DG4-C12 .card-img .eco-img-img{width:100%;height:100%;display:block}.DG4-C12 .card-img{height:100%}.DG4-C12 .card-img .eco-img-img{object-fit:cover;object-position:center}.DG4-C12 .tabs-scroll{scrollbar-width:none;width:100%;margin-top:16px;overflow-x:auto}.DG4-C12 .tabs-scroll::-webkit-scrollbar{display:none}.DG4-C12 .tabs{background:#0000000a;border-radius:999px;width:max-content;margin:0 0 0 24px;padding:8px;display:flex}.DG4-C12 .tab{color:#83868a;min-width:0;height:auto;font-family:var(--ff-woff2-B,var(--ff-woff2-M));white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:16px;font-size:16px;font-weight:500;line-height:1.5}.DG4-C12 .tab.is-active{color:#000;background:#f5f5f5;padding:12px 24px;font-weight:700;box-shadow:inset 0 0 18.6px #4da6d57a}}
@property --intro-spread{syntax:"<percentage>";inherits:false;initial-value:-20%}.DG4-C13{--intro-title:36px;--card-title:28px;--warranty-1:22px;--warranty-2:40px;--warranty-3:24px;--radius:24px;--gap:16px;color:#000;background:#fff}.DG4-C13 .inner{width:var(--box);margin:0 auto}.DG4-C13 .intro{background:#fff;padding:96px 0 0}.DG4-C13 .intro-title{--intro-spread:-20%;text-align:center;font-family:var(--ff-woff2-EM,var(--ff-woff2-M));font-size:var(--intro-title);white-space:pre-line;color:#0000;background-image:radial-gradient(circle at 50% 50%, #000 0%, #000 var(--intro-spread), #6587b4 calc(var(--intro-spread) + 20%), #6587b4 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-weight:700;line-height:1.5}.DG4-C13 .intro-title .title-h5{display:none}.DG4-C13 .guard{padding:80px 0 96px}.DG4-C13 .pc-grid{flex-direction:column;gap:18px;width:100%;display:flex}.DG4-C13 .pc-row{gap:var(--gap);min-width:0;display:grid}.DG4-C13 .pc-row-top{aspect-ratio:1440/468;grid-template-columns:minmax(0,955fr) minmax(0,469fr)}.DG4-C13 .pc-row-bottom{aspect-ratio:1440/234;grid-template-columns:minmax(0,365fr) minmax(0,1059fr)}.DG4-C13 .card{border-radius:var(--radius);background:#010508;min-width:0;min-height:0;position:relative;overflow:hidden}.DG4-C13 .card:not(.card-warranty){cursor:pointer}.DG4-C13 .card:not(.card-warranty):hover .card-mask,.DG4-C13 .card:not(.card-warranty):focus-within .card-mask{transform:translateY(0)}.DG4-C13 .card:not(.card-warranty):hover .card-media,.DG4-C13 .card:not(.card-warranty):focus-within .card-media{filter:blur(28px)}.DG4-C13 .card:not(.card-warranty):hover .card-title,.DG4-C13 .card:not(.card-warranty):focus-within .card-title{opacity:0}.DG4-C13 .card-warranty{background:#fff9f1;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 82px #ffc76dd4}.DG4-C13 .card-media{transition:filter .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.DG4-C13 .card-media .eco-img{width:100%;height:100%;display:block;position:absolute;inset:0}.DG4-C13 .card-media .eco-img-img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.DG4-C13 .card-media:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#0000008c 100%);height:45%;position:absolute;bottom:0;left:0;right:0}.DG4-C13 .card-title{z-index:1;font-family:var(--ff-woff2-B,var(--ff-woff2-M));font-size:var(--card-title);color:#fff;margin:0;padding:40px;font-weight:700;line-height:1.2;transition:opacity .35s;position:absolute;bottom:0;left:0;right:0}.DG4-C13 .card-mask{z-index:2;color:#fff;flex-direction:column;justify-content:flex-start;gap:16px;padding:40px;transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;transform:translateY(100%)}.DG4-C13 .mask-title{font-family:var(--ff-woff2-B,var(--ff-woff2-M));font-size:var(--card-title);margin:0;font-weight:700;line-height:1.2}.DG4-C13 .mask-desc{font-family:var(--ff-woff2-M);white-space:pre-line;color:#ffffffeb;margin:0;font-size:18px;font-weight:500;line-height:1.5}.DG4-C13 .warranty-face{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.DG4-C13 .warranty-line{font-family:var(--ff-woff2-B,var(--ff-woff2-M));color:#000;text-shadow:0 0 12px #ffc889b3;margin:0;font-weight:700;line-height:1.5}.DG4-C13 .warranty-line-1{font-size:var(--warranty-1)}.DG4-C13 .warranty-line-2{font-size:var(--warranty-2)}.DG4-C13 .warranty-line-3{font-size:var(--warranty-3)}.DG4-C13 .h5-block{display:none}@media only screen and not (max-width:1440px){.DG4-C13{--intro-title:50px;--card-title:40px;--warranty-1:26px;--warranty-2:50px;--warranty-3:28px}.DG4-C13 .intro{padding:160px 0 0}.DG4-C13 .intro-title{white-space:normal}.DG4-C13 .guard{padding:80px 0 120px}}@media (max-width:1024px){.DG4-C13{--intro-title:32px;--card-title:24px;--warranty-1:20px;--warranty-2:36px;--warranty-3:22px}.DG4-C13 .intro{padding:96px 0 0}.DG4-C13 .guard{padding:48px 0 64px}.DG4-C13 .pc-row-top,.DG4-C13 .pc-row-bottom{aspect-ratio:auto;grid-template-columns:1fr 1fr}.DG4-C13 .card-cell,.DG4-C13 .card-safety{aspect-ratio:955/468}.DG4-C13 .card-warranty,.DG4-C13 .card-bms{aspect-ratio:365/234}.DG4-C13 .card-title,.DG4-C13 .card-mask{padding:24px}.DG4-C13 .mask-desc{font-size:15px}}@media not (min-width:768px){.DG4-C13{--intro-title:24px;--warranty-1:26px;--warranty-2:50px;--warranty-3:28px;overflow-x:clip}.DG4-C13 .inner{box-sizing:border-box;width:100%;max-width:100%;padding:0 24px}.DG4-C13 .intro{padding:80px 0 0}.DG4-C13 .intro-title .title-pc{display:none}.DG4-C13 .intro-title .title-h5{display:inline}.DG4-C13 .guard{padding:40px 0 64px}.DG4-C13 .pc-grid{display:none}.DG4-C13 .h5-block{width:100%;max-width:100%;display:block}.DG4-C13 .h5-stage{box-sizing:border-box;width:calc(100% + 48px);margin:0 -24px;padding:0;position:relative;overflow:hidden}.DG4-C13 .h5-cards{box-sizing:border-box;padding:0 0 0 24px;overflow:hidden}.DG4-C13 .swiper-slide{box-sizing:border-box;width:calc(100vw - 48px);height:auto}.DG4-C13 .h5-slide{box-sizing:border-box;width:100%}.DG4-C13 .h5-card{aspect-ratio:327/280;box-sizing:border-box;background:#adafb3;border-radius:16px;width:100%;position:relative;overflow:hidden}.DG4-C13 .h5-card-warranty{background:#fff9f1;box-shadow:inset 0 0 82px #ffc76dd4}.DG4-C13 .h5-media{width:100%;height:100%;position:absolute;inset:0}.DG4-C13 .h5-media .eco-img{width:100%;height:100%;display:block;position:absolute;inset:0}.DG4-C13 .h5-media .eco-img-img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.DG4-C13 .h5-side-btn{z-index:2;-webkit-backdrop-filter:blur(13.75px);cursor:pointer;appearance:none;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;top:calc(42.8135vw - 20.5505px);overflow:hidden;transform:translateY(-50%)}.DG4-C13 .h5-side-btn.btn-prev{left:24px}.DG4-C13 .h5-side-btn.btn-next{right:40px}.DG4-C13 .h5-side-btn .h5-side-icon{width:44px;height:44px;display:block}.DG4-C13 .tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:16px;max-width:100%;margin:24px 0 0;padding-right:48px;scroll-padding-inline:0 48px;display:flex;overflow-x:auto}.DG4-C13 .tabs::-webkit-scrollbar{display:none}.DG4-C13 .tab{z-index:0;color:#83868a;max-width:none;font-family:var(--ff-woff2-B,var(--ff-woff2-M));text-align:left;white-space:nowrap;cursor:pointer;background:#fff;border:0;flex:none;padding:0 0 12px;font-size:16px;font-weight:700;line-height:1.5;position:relative}.DG4-C13 .tab:after{content:"";background:#e7e7e7;height:3px;position:absolute;bottom:0;left:0;right:0}.DG4-C13 .tab.is-active{z-index:1;color:#000}.DG4-C13 .tab.is-active:after{background:#000}.DG4-C13 .h5-desc{font-family:var(--ff-woff2-M);color:#83868a;white-space:pre-line;margin:16px 0 0;font-size:14px;font-weight:500;line-height:1.5}.DG4-C13 .warranty-face{padding:16px}}
.DG4-C14{--title:36px;--desc:18px;--card-title:28px;--card-desc:18px;--radius:24px;--media-ratio:712 / 399;color:#000;background:#fff;padding:160px 0 0}.DG4-C14 .inner{width:var(--box);margin:0 auto}.DG4-C14 .head{text-align:center;margin:0 0 48px}.DG4-C14 .title{font-family:var(--ff-woff2-EM,var(--ff-woff2-M));font-size:var(--title);white-space:pre-line;margin:0;font-weight:700;line-height:1.5}.DG4-C14 .desc{max-width:1100px;font-family:var(--ff-woff2-M);font-size:var(--desc);color:#83868a;margin:16px auto 0;font-weight:500;line-height:1.5}.DG4-C14 .pc-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.DG4-C14 .pc-card{border-radius:var(--radius);background:#f0f6f9;overflow:hidden}.DG4-C14 .pc-card-media{width:100%;aspect-ratio:var(--media-ratio);background:#d8e2e6;overflow:hidden}.DG4-C14 .pc-card-media .eco-img,.DG4-C14 .pc-card-media .eco-img-img{width:100%;height:100%;display:block}.DG4-C14 .pc-card-media .eco-img-img{object-fit:cover;object-position:center center}.DG4-C14 .pc-card-copy{flex-direction:column;gap:16px;padding:28px;display:flex}.DG4-C14 .pc-card-title{font-family:var(--ff-woff2-B,var(--ff-woff2-M));font-size:var(--card-title);color:#172c36;margin:0;font-weight:700;line-height:1.2}.DG4-C14 .pc-card-desc{font-family:var(--ff-woff2-R,var(--ff-woff2-M));font-size:var(--card-desc);color:#83868a;margin:0;font-weight:400;line-height:1.5}.DG4-C14 .h5-block{display:none}@media only screen and not (max-width:1440px){.DG4-C14{--title:50px;--desc:24px;--card-title:40px;--card-desc:26px;padding:160px 0 0}.DG4-C14 .head{margin-bottom:40px}.DG4-C14 .pc-card-copy{gap:22px;padding:36px}}@media (max-width:1024px){.DG4-C14{--title:32px;--desc:16px;--card-title:24px;--card-desc:16px;padding:96px 0 0}.DG4-C14 .head{margin-bottom:40px}.DG4-C14 .pc-cards{grid-template-columns:1fr}}@media not (min-width:768px){.DG4-C14{--title:24px;--desc:14px;--radius:16px;padding:80px 0 0;overflow-x:clip}.DG4-C14 .inner{box-sizing:border-box;width:100%;padding:0 24px}.DG4-C14 .head{margin-bottom:24px}.DG4-C14 .desc{color:#595c61;margin-top:8px}.DG4-C14 .pc-cards{display:none}.DG4-C14 .h5-block{display:block}.DG4-C14 .h5-stage{width:calc(100% + 48px);margin:0 -24px;position:relative;overflow:hidden}.DG4-C14 .h5-cards{box-sizing:border-box;padding:0 0 0 24px}.DG4-C14 .swiper-slide{box-sizing:border-box;width:calc(100vw - 48px)}.DG4-C14 .h5-card{aspect-ratio:327/183;border-radius:var(--radius);background:#f0f6f9;width:100%;overflow:hidden}.DG4-C14 .h5-card .eco-img,.DG4-C14 .h5-card .eco-img-img{width:100%;height:100%;display:block}.DG4-C14 .h5-card .eco-img-img{object-fit:cover;object-position:center center}.DG4-C14 .h5-side-btn{z-index:2;-webkit-backdrop-filter:blur(13.75px);cursor:pointer;appearance:none;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;top:calc(27.9817vw - 13.4312px);overflow:hidden;transform:translateY(-50%)}.DG4-C14 .h5-side-btn.btn-prev{left:24px}.DG4-C14 .h5-side-btn.btn-next{right:24px}.DG4-C14 .h5-side-btn .h5-side-icon{width:44px;height:44px;display:block}.DG4-C14 .tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:16px;max-width:100%;margin:24px 0 0;display:flex;overflow-x:auto}.DG4-C14 .tabs::-webkit-scrollbar{display:none}.DG4-C14 .tab{color:#83868a;max-width:240px;font-family:var(--ff-woff2-B,var(--ff-woff2-M));text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;padding:0 0 12px;font-size:16px;font-weight:700;line-height:1.5;position:relative}.DG4-C14 .tab:after{content:"";background:#e7e7e7;height:3px;position:absolute;bottom:0;left:0;right:0}.DG4-C14 .tab.is-active{color:#000}.DG4-C14 .tab.is-active:after{background:#000}.DG4-C14 .h5-desc{font-family:var(--ff-woff2-M);color:#83868a;margin:16px 0 0;font-size:14px;font-weight:500;line-height:1.5}}
.DG4-C1{--h:calc(100vw * 1800 / 3840);--info-p:10%;--t1:12px;--t2:32px;--title:56px;--desc:22px;--btn:16px;--btn-p:10px 20px;--desc-weight:700;font-family:var(--ff-woff2-B);color:#fff;position:relative}.DG4-C1 .banner-img{width:100%;height:var(--h);overflow:hidden}.DG4-C1 .banner-info{top:var(--info-p);width:var(--box,min(1440px, 100vw - 240px));text-align:center;position:absolute;left:50%;transform:translate(-50%)}.DG4-C1 .banner-info .banner-title{font-family:var(--ff-woff2-B);font-size:var(--title);white-space:pre-line;line-height:1.2}.DG4-C1 .banner-info .banner-desc{margin-top:var(--t1);font-family:var(--ff-woff2-B);font-size:var(--desc);white-space:pre-line;font-weight:var(--desc-weight)}.DG4-C1 .banner-info .banner-btns{margin-top:var(--t2);justify-content:center;align-items:center;gap:24px;display:flex}.DG4-C1 .banner-info .banner-btns .banner-btn{padding:var(--btn-p);font-family:var(--ff-woff2-M);font-size:var(--btn);cursor:pointer;border:1px solid #fff;border-radius:100px;justify-content:center;align-items:center;line-height:1.2;display:inline-flex}.DG4-C1 .banner-info .banner-btns .banner-btn.btn-buy{color:#000;background-color:#fff}.DG4-C1 .banner-info .banner-btns .banner-btn.btn-buy:hover,.DG4-C1 .banner-info .banner-btns .banner-btn.btn-buy:active,.DG4-C1 .banner-info .banner-btns .banner-btn.btn-watch{color:#fff;background-color:#0000}.DG4-C1 .banner-info .banner-btns .banner-btn.btn-watch:hover,.DG4-C1 .banner-info .banner-btns .banner-btn.btn-watch:active{background-color:#ffffff1f}@media only screen and not (max-width:1440px){.DG4-C1{--title:64px;--desc:22px}}@media (max-width:1024px){.DG4-C1{--h:calc(100vw * 1920 / 1125);--info-p:40px;--t1:8px;--t2:24px;--title:28px;--desc:20px;--btn:14px;--desc-weight:500}}@media not (min-width:768px){.DG4-C1{--h:calc(100vw * 1920 / 1125);--info-p:40px;--title:28px;--desc:18px}.DG4-C1 .banner-info .banner-title-brand{font-size:calc(var(--title)*.64);line-height:1.2;display:block}.DG4-C1 .banner-info .banner-title-main{display:block}}
.DG4-C3{--title:50px;--name:34px;--desc:20px;--spec-v:20px;--spec-l:14px;--btn:16px;--btn-p:12px 16px;--gap:16px;--mt:90px;--card-p:40px 80px;--card-r:24px;--card-g:24px;--img-s:300px;--visual-h:360px;--navi:48px;--section-pad-top:160px;padding:var(--section-pad-top) 0 160px;color:#fff;background:#000;position:relative;overflow:hidden}.DG4-C3 .bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.DG4-C3 .bg .eco-img,.DG4-C3 .bg .eco-img-img{width:100%;height:100%;display:block}.DG4-C3 .bg .eco-img-img{object-fit:cover;object-position:center top}.DG4-C3 .title{z-index:2;width:var(--box);text-align:center;font-family:var(--ff-woff2-EM);font-size:var(--title);white-space:pre-line;margin:0 auto;font-weight:300;line-height:1.2;position:relative}.DG4-C3 .title .title-h5{display:none}.DG4-C3 .title b{font-family:var(--ff-woff2-EM);-webkit-text-stroke:.4px #fff;font-style:normal;font-weight:500}.DG4-C3 .pc-stage{z-index:1;margin-top:var(--mt);display:block;position:relative}.DG4-C3 .pc-stage.is-presale .pc-panel{width:var(--box);background:radial-gradient(85.76% 27.55% at 100% 97.05%,#3066a047 0%,#171a1e47 100%),radial-gradient(80.4% 62.34% at 2.25% 1.58%,#3066a047 0%,#171a1e47 100%),#11223b33;border-radius:24px;margin:0 auto;padding:0 0 24px;overflow:hidden}.DG4-C3 .pc-stage.is-presale .visual-imgs,.DG4-C3 .pc-stage.is-presale .cards{width:auto;margin:0;padding:0 24px}.DG4-C3 .pc-stage.is-presale .card{-webkit-backdrop-filter:blur(90px);backdrop-filter:blur(90px);box-shadow:none;background:#ffffff0f;border:1px solid #0000;border-radius:23px;gap:24px;padding:40px 70px}.DG4-C3 .pc-stage.is-presale .card:before{background:radial-gradient(244.8% 109.7% at 3.92% -4.55%,#3066a059 0%,#171a1e33 100%)}.DG4-C3 .pc-stage.is-presale .card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 16px 40px #00000059}.DG4-C3 .pc-stage.is-presale .card-head{gap:6px}.DG4-C3 .pc-stage.is-presale .card-name{font-size:26px}.DG4-C3 .pc-stage.is-presale .card-desc{color:#bbeaff}.DG4-C3 .pc-stage.is-presale .card-btn{color:#0d1d2d;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.DG4-C3 .pc-panel{display:block}.DG4-C3 .promo{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.DG4-C3 .promo-main{align-items:center;gap:12px;min-width:0;display:flex}.DG4-C3 .promo-icon{color:#bbeaff;flex-shrink:0;display:inline-flex}.DG4-C3 .promo-copy{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.DG4-C3 .promo-title{font-family:var(--ff-woff2-M);color:#bbeaff;margin:0;font-size:18px;font-weight:500;line-height:1.2}.DG4-C3 .promo-note{font-family:var(--ff-woff2-R,var(--ff-woff2-M));color:#6b8b99;margin:0;font-size:14px;font-weight:400;line-height:1.2}.DG4-C3 .card-price{font-family:var(--ff-woff2-M);color:#fff;margin:0;font-size:40px;font-weight:500;line-height:1}.DG4-C3 .h5-stage{z-index:1;display:none;position:relative}.DG4-C3 .visual{width:var(--box);height:var(--visual-h);pointer-events:none;margin:0 auto;position:relative}.DG4-C3 .visual-glow{z-index:0;background:linear-gradient(90deg,#fff0 7%,#dbe7f06b 49%,#fff0 90%);width:110%;height:100px;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.DG4-C3 .visual-beam{z-index:0;filter:blur(90px);opacity:.5;background:linear-gradient(#fff6 0%,#fff0 72%);width:68%;height:200px;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.DG4-C3 .visual-imgs{z-index:1;align-items:flex-end;gap:var(--gap);width:var(--box);height:100%;margin:0 auto;display:flex;position:relative}.DG4-C3 .visual-img{flex:1;justify-content:center;align-items:flex-end;min-width:0;height:100%;display:flex}.DG4-C3 .visual-img .eco-img{width:var(--img-s);height:var(--img-s);max-width:100%}.DG4-C3 .cards{align-items:stretch;gap:var(--gap);width:var(--box);margin:8px auto 0;display:flex}.DG4-C3 .card{align-items:center;gap:var(--card-g);min-width:0;padding:var(--card-p);border-radius:var(--card-r);cursor:pointer;background:#1a1a1a;border:1px solid #1a1a1a;flex-direction:column;flex:1;transition:border-color .35s,transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.DG4-C3 .card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:0;background:radial-gradient(244.8% 109.7% at 3.92% -4.55%,#3066a047 0%,#171a1e47 100%);transition:opacity .4s;position:absolute;inset:0}.DG4-C3 .card>*{z-index:1;position:relative}.DG4-C3 .card:hover{border-color:#3066a059;transform:translateY(-4px);box-shadow:0 16px 40px #00000059}.DG4-C3 .card:hover:before{opacity:1}.DG4-C3 .card-head{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.DG4-C3 .card-name{font-family:var(--ff-woff2-M);font-size:var(--name);margin:0;font-weight:500;line-height:1.2}.DG4-C3 .card-desc{font-family:var(--ff-woff2-L,var(--ff-woff2-R,var(--ff-woff2-M)));font-size:var(--desc);color:#cfd0d2;margin:0;font-weight:300;line-height:1.2}.DG4-C3 .card-btn{width:137px;padding:var(--btn-p);font-family:var(--ff-woff2-M);font-size:var(--btn);color:#f5fbff;-webkit-backdrop-filter:blur(20.6px);backdrop-filter:blur(20.6px);cursor:pointer;background:#ffffff14;border-radius:90px;justify-content:center;align-items:center;font-weight:500;line-height:1.2;display:inline-flex;box-shadow:inset 0 0 18.6px #bbeaff}.DG4-C3 .card-btn.is-disabled{opacity:.55;cursor:not-allowed;border:0}.DG4-C3 .card-line{opacity:.3;background:linear-gradient(270deg,#ffffff3d 0%,#fff 50%,#ffffff3d 100%);width:100%;height:1px}.DG4-C3 .card-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 36px;width:100%;margin:0;padding:0;list-style:none;display:grid}.DG4-C3 .spec{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.DG4-C3 .spec-value{font-family:var(--ff-woff2-M);font-size:var(--spec-v);color:#fff;margin:0;font-weight:500;line-height:1.15}.DG4-C3 .spec-label{font-family:var(--ff-woff2-R,var(--ff-woff2-M));font-size:var(--spec-l);color:#83868a;margin:0;font-weight:400;line-height:1.2}.DG4-C3 .items .item{width:var(--box);flex-direction:column;align-items:center;gap:16px;height:auto;display:flex}.DG4-C3 .controls{width:fit-content;height:var(--navi);-webkit-backdrop-filter:blur(10.3px);backdrop-filter:blur(10.3px);background:#18191bcc;border-radius:100px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 18.6px #bbeaff99;margin:16px auto 0!important}.DG4-C3 .controls .navi-btn{width:var(--navi);height:var(--navi);color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .2s;display:inline-flex}.DG4-C3 .controls .navi-btn svg{width:100%;height:100%}.DG4-C3 .controls .navi-btn.swiper-button-disabled{color:#595c61;pointer-events:none;cursor:default}@media only screen and not (max-width:1440px){.DG4-C3{--title:50px;--name:34px;--img-s:300px;--visual-h:360px;--card-p:40px 80px;--section-pad-top:160px}}@media (max-width:1024px){.DG4-C3{--title:32px;--name:24px;--desc:16px;--spec-v:16px;--spec-l:12px;--card-p:32px 28px;--card-g:20px;--img-s:200px;--visual-h:260px;--mt:32px;--section-pad-top:64px;padding:var(--section-pad-top) 0 160px}.DG4-C3 .card-specs{gap:24px 16px}.DG4-C3 .pc-stage.is-presale .card{padding:32px 28px}.DG4-C3 .pc-stage.is-presale .card-name{font-size:22px}.DG4-C3 .promo{padding:14px 16px}.DG4-C3 .promo-title{font-size:15px}.DG4-C3 .promo-note{font-size:12px}.DG4-C3 .card-price{font-size:32px}}@media not (min-width:768px){.DG4-C3{--title:24px;--name:22px;--desc:14px;--spec-v:16px;--spec-l:11px;--btn:16px;--card-p:24px;--card-r:16px;--card-g:22px;--img-s:180px;--mt:24px;--navi:44px;--section-pad-top:80px;padding:var(--section-pad-top) 0 48px}.DG4-C3 .bg{top:-70px;left:0;transform:none}.DG4-C3 .pc-stage{display:none}.DG4-C3 .h5-stage{width:var(--box);margin:var(--mt) auto 0;padding-bottom:160px;display:block}.DG4-C3 .title{width:calc(100% - 48px);font-weight:700}.DG4-C3 .title .title-pc{display:none}.DG4-C3 .title .title-h5{display:inline}.DG4-C3 .title b{font-weight:700}.DG4-C3 .items .item{height:auto}.DG4-C3 .visual-img{width:var(--img-s);height:var(--img-s);flex:none}.DG4-C3 .visual-img .eco-img{width:100%;height:100%}.DG4-C3 .card{flex:none;width:100%;height:auto;overflow:visible}.DG4-C3 .card-head{gap:8px}.DG4-C3 .h5-stage .card-name{font-family:var(--ff-woff2-EB)}.DG4-C3 .card-head .card-desc{background:linear-gradient(#bbeaff 35% 96%);color:#0000;-webkit-background-clip:text;background-clip:text;order:-1;line-height:150%}.DG4-C3 .card-desc-br{display:block}.DG4-C3 .card-specs{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 17px}.DG4-C3 .spec{flex-shrink:0}}
.DG4-CoverRuntime{--title:46px;--kicker:34px;--top:88px;--gap:6px;--rp:0;--radius-now:100px;--mask:0;--text:0;--radius:100px;color:#fff;height:150vh;position:relative}.DG4-CoverRuntime .sticky{border-radius:var(--radius-now) var(--radius-now) 0 0;background:#000;height:100vh;position:sticky;top:0;overflow:hidden;transform:translateZ(0)}.DG4-CoverRuntime .scene{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.DG4-CoverRuntime .scene .eco-img{opacity:1;width:100%;height:100%}.DG4-CoverRuntime .scene-mask{z-index:1;pointer-events:none;opacity:var(--mask);background:linear-gradient(90deg,#0000008c 0%,#00000038 22%,#0000 40%),linear-gradient(270deg,#0000008c 0%,#00000038 22%,#0000 40%),linear-gradient(#0000 42%,#00000047 70%,#0009 100%);position:absolute;inset:0}.DG4-CoverRuntime .info{top:var(--top);z-index:2;text-align:center;align-items:center;gap:var(--gap);width:min(1582px,100% - 80px);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%);-webkit-mask-size:calc(var(--text)*130%) 100%;-webkit-mask-size:calc(var(--text)*130%) 100%;mask-size:calc(var(--text)*130%) 100%;opacity:clamp(0,var(--text)*1.8,1);will-change:mask-size,opacity;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.DG4-CoverRuntime .title{font-family:var(--ff-woff2-B);font-size:var(--title);white-space:pre-line;margin:0;line-height:1.2}.DG4-CoverRuntime .title-h5{display:none}.DG4-CoverRuntime .kicker{font-family:var(--eco-design-font-L,var(--ff-woff2-M));font-size:var(--kicker);margin:0;font-weight:300;line-height:1.2}.DG4-CoverRuntime .fade-bottom{z-index:1;pointer-events:none;height:26.85%;opacity:calc(var(--mask)*.7);background:linear-gradient(#0000 0%,#0000008c 100%);position:absolute;bottom:0;left:0;right:0}@media only screen and not (max-width:1440px){.DG4-CoverRuntime{--title:64px;--kicker:48px;--top:124px;--gap:8px;--radius:100px}}@media (max-width:1024px){.DG4-CoverRuntime{--title:40px;--kicker:28px;--top:72px;--gap:8px;--radius:64px;height:145vh}}@media not (min-width:768px){.DG4-CoverRuntime{--title:24px;--kicker:16px;--top:12%;--gap:12px;--radius:40px;color:#000;height:140vh}.DG4-CoverRuntime .sticky{background:#fff}.DG4-CoverRuntime .scene-mask{background:0 0}.DG4-CoverRuntime .info{width:calc(100% - 48px)}.DG4-CoverRuntime .title-pc{display:none}.DG4-CoverRuntime .title-h5{display:inline}.DG4-CoverRuntime .fade-bottom{height:10%;opacity:var(--mask);background:linear-gradient(#fff0 0%,#fff 100%)}}#DG4-C4 .fade-bottom{opacity:var(--mask);background:linear-gradient(#fff0 0%,#fff 100%)}@media not (min-width:768px){#DG4-C7 .fade-bottom{background:linear-gradient(#0000 0%,#000 100%)}}
.DG4-C5.DG4-CopyMedia{padding:160px 0 0}@media (max-width:1024px){.DG4-C5.DG4-CopyMedia{padding:96px 0 80px}}@media not (min-width:768px){.DG4-C5.DG4-CopyMedia{padding:64px 0 80px}}
.DG4-C6.DG4-CopyMedia{padding-top:160px}@media (max-width:1024px){.DG4-C6.DG4-CopyMedia{padding-top:96px}}@media not (min-width:768px){.DG4-C6.DG4-CopyMedia{padding-top:0}}
.DG4-C8{--title:28px;--desc:18px;--head-gap:8px;--media-r:20px;color:#fff;background:#000;padding:80px 0 0}.DG4-C8 .head{align-items:center;gap:var(--head-gap);width:var(--box);text-align:center;flex-direction:column;margin:0 auto;display:flex}.DG4-C8 .title{width:100%;font-family:var(--ff-woff2-EM,var(--ff-woff2-M));font-size:var(--title);color:#fff;white-space:pre-line;margin:0;font-weight:700;line-height:1.2}.DG4-C8 .title-h5{display:none}.DG4-C8 .desc{width:100%;font-family:var(--ff-woff2-M);font-size:var(--desc);color:#83868a;white-space:pre-line;margin:0;font-weight:500;line-height:1.2}.DG4-C8 .media{width:var(--box);border-radius:var(--media-r);background:#101e27;margin:40px auto 0;overflow:hidden}.DG4-C8 .media .eco-img,.DG4-C8 .media .eco-img-img{width:100%;height:auto;display:block}.DG4-C8 .media .eco-img-img{object-fit:cover;object-position:center}@media only screen and not (max-width:1440px){.DG4-C8{--title:50px;--desc:24px;--head-gap:16px;--media-r:24px;padding:160px 0 0}.DG4-C8 .media{margin-top:40px}}@media (max-width:1024px){.DG4-C8{--title:32px;--desc:16px;padding:96px 0 80px}.DG4-C8 .media{margin-top:40px}}@media not (min-width:768px){.DG4-C8{--title:24px;--desc:14px;--head-gap:12px;--media-r:16px;color:#fff;background:#000;padding:80px 0 0}.DG4-C8 .title{color:#fff}.DG4-C8 .desc{color:#adafb3}.DG4-C8 .title-pc{display:none}.DG4-C8 .title-h5{display:inline}.DG4-C8 .head{width:calc(100% - 48px)}.DG4-C8 .media{width:calc(100% - 48px);margin-top:40px}}
.DG4-C9{--title:50px;--desc:24px;--note:16px;--value:51px;--unit:19px;--label:20px;--icon:60px;--card-gap:21px;--panel-pad:24px;--panel-r:24px;--scene-r:24px;--body-gap:0;color:#fff;background:#000;padding:160px 0}.DG4-C9 .head{width:var(--box);text-align:center;flex-direction:column;align-items:center;gap:16px;margin:0 auto;display:flex}.DG4-C9 .title{width:100%;font-family:var(--ff-woff2-EM,var(--ff-woff2-M));font-size:var(--title);color:#fff;white-space:pre-line;margin:0;font-weight:700;line-height:1.5}.DG4-C9 .title-h5{display:none}.DG4-C9 .desc{width:100%;font-family:var(--ff-woff2-M);font-size:var(--desc);color:#83868a;white-space:pre-line;margin:0;font-weight:500;line-height:1.5}.DG4-C9 .body{align-items:stretch;gap:var(--body-gap);width:var(--box);margin:40px auto 0;display:flex}.DG4-C9 .scene{border-radius:var(--scene-r);flex:1 1 0;min-width:0;overflow:hidden}.DG4-C9 .scene .eco-img,.DG4-C9 .scene .eco-img-img{width:100%;height:100%;display:block}.DG4-C9 .scene .eco-img-img{object-fit:cover;object-position:center}.DG4-C9 .appliances{gap:19px var(--card-gap);box-sizing:border-box;width:min(612px,45%);padding:var(--panel-pad);border-radius:var(--panel-r);background:linear-gradient(#101e27 0%,#172b38 100%);flex:none;grid-template-columns:1fr 1fr;align-content:center;display:grid}.DG4-C9 .card{text-align:center;flex-direction:column;align-items:center;gap:11px;min-width:0;display:flex}.DG4-C9 .card-icon{width:var(--icon);height:var(--icon);justify-content:center;align-items:center;display:flex}.DG4-C9 .card-icon img,.DG4-C9 .card-icon svg{object-fit:contain;width:100%;height:100%;display:block}.DG4-C9 .card-runtime{justify-content:center;align-items:baseline;gap:4px;margin:0;display:flex}.DG4-C9 .card-value{font-family:var(--ff-woff2-EM,var(--ff-woff2-B));font-size:var(--value);color:#fff;font-weight:700;line-height:1.4}.DG4-C9 .card-unit{font-family:var(--ff-woff2-R,var(--ff-woff2-M));font-size:var(--unit);color:#a9d3e7;font-weight:400;line-height:1.4}.DG4-C9 .card-label{font-family:var(--ff-woff2-R,var(--ff-woff2-M));font-size:var(--label);color:#a9d3e7;white-space:pre-line;margin:0;font-weight:400;line-height:1.4}.DG4-C9 .note{width:var(--box);font-family:var(--ff-woff2-M);font-size:var(--note);color:#83868a;text-align:center;white-space:pre-line;margin:80px auto 0;font-weight:500;line-height:1.5}@media only screen and not (max-width:1440px){.DG4-C9 .scene{aspect-ratio:829/500}}@media (max-width:1024px){.DG4-C9{--title:36px;--desc:18px;--note:14px;--value:36px;--unit:14px;--label:14px;--icon:48px;--panel-pad:16px;padding:96px 0}.DG4-C9 .body{margin-top:48px}.DG4-C9 .appliances{width:min(420px,48%)}.DG4-C9 .note{margin-top:48px}}@media not (min-width:768px){.DG4-C9{--title:24px;--desc:14px;--note:12px;--value:16px;--unit:10px;--label:8px;--icon:24px;--card-gap:6px;--panel-pad:0;--panel-r:0;--scene-r:16px;--body-gap:0;color:#fff;background:#000;padding:80px 0 40px}.DG4-C9 .head{gap:12px;width:calc(100% - 48px)}.DG4-C9 .title{color:#fff}.DG4-C9 .title-pc{display:none}.DG4-C9 .title-h5{display:inline}.DG4-C9 .desc{color:#adafb3}.DG4-C9 .body{border-radius:var(--scene-r);width:calc(100% - 48px);margin:40px auto 0;display:block;position:relative;overflow:hidden}.DG4-C9 .scene{aspect-ratio:327/480;width:100%}.DG4-C9 .scene .eco-img-img{object-position:center 30%}.DG4-C9 .appliances{z-index:1;background:0 0;border-radius:0;grid-template-columns:none;justify-content:center;align-items:flex-start;gap:6px;width:100%;padding:0 16px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.DG4-C9 .card{flex:1 1 0;gap:3px}.DG4-C9 .card-icon{margin-bottom:1px}.DG4-C9 .card-runtime{gap:1px}.DG4-C9 .note{color:#595c61;text-align:left;width:calc(100% - 48px);margin-top:40px}}
.DG4-NA-C10{--title:36px;--label:24px;--desc:18px;--media-h:320px;--radius:20px;--gap:16px;--row-gap:24px;color:#000;background:#fff;padding:96px 0 80px}.DG4-NA-C10 .inner{width:var(--box);margin:0 auto}.DG4-NA-C10 .title{text-align:center;font-family:var(--ff-woff2-EM);font-size:var(--title);white-space:pre-line;margin:0;font-weight:400;line-height:1.2}.DG4-NA-C10 .pc-grid{gap:var(--row-gap) var(--gap);grid-template-columns:1fr 1fr;margin-top:48px;display:grid}.DG4-NA-C10 .card{flex-direction:column;gap:16px;min-width:0;display:flex}.DG4-NA-C10 .card-hero{grid-column:1/-1}.DG4-NA-C10 .card-media{width:100%;height:var(--media-h);border-radius:var(--radius);background:#f0f0f0;overflow:hidden}.DG4-NA-C10 .card-media .eco-img{width:100%;height:100%}.DG4-NA-C10 .card-media .eco-img-img{object-fit:cover}.DG4-NA-C10 .card-copy{flex-direction:column;gap:4px;padding:0 8px;display:flex}.DG4-NA-C10 .card-label{font-family:var(--ff-woff2-R,var(--ff-woff2-M));font-size:var(--label);color:#000;margin:0;font-weight:400;line-height:1.2}.DG4-NA-C10 .card-desc{font-family:var(--ff-woff2-EM);font-size:var(--desc);color:#83868a;margin:0;font-weight:400;line-height:1.2}.DG4-NA-C10 .h5-block{display:none}@media only screen and not (max-width:1440px){.DG4-NA-C10{--title:50px;--label:34px;--desc:24px;--media-h:522px;--radius:24px;--gap:16px;--row-gap:16px;padding:160px 0 120px}.DG4-NA-C10 .pc-grid{margin-top:80px}.DG4-NA-C10 .card{gap:24px}.DG4-NA-C10 .card-copy{padding:0}}@media (max-width:1024px){.DG4-NA-C10{--title:32px;--label:22px;--desc:16px;--media-h:280px;padding-top:80px}}@media not (min-width:768px){.DG4-NA-C10{--title:24px;--label:16px;--desc:14px;--media-h:184px;--radius:16px;--slide-w:calc(100vw - 48px);padding:80px 0 24px}.DG4-NA-C10 .inner{width:100%}.DG4-NA-C10 .title{width:var(--slide-w);margin:0 auto}.DG4-NA-C10 .pc-grid{display:none}.DG4-NA-C10 .h5-block{margin-top:40px;display:block}.DG4-NA-C10 .h5-stage{width:100%;overflow:hidden}.DG4-NA-C10 .h5-cards{box-sizing:border-box;padding:0 0 0 24px}.DG4-NA-C10 .h5-cards .swiper-slide{width:var(--slide-w);height:auto}.DG4-NA-C10 .h5-card{flex-direction:column;gap:14px;width:100%;display:flex}.DG4-NA-C10 .card-copy{text-align:center;padding:0 12px}.DG4-NA-C10 .h5-nav{background:#f5f5f6;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:fit-content;height:44px;margin:24px auto 0;display:flex;box-shadow:inset 0 0 18.6px #19678d33}.DG4-NA-C10 .nav-btn{color:#000;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.DG4-NA-C10 .nav-btn svg{width:100%;height:100%}.DG4-NA-C10 .nav-btn.swiper-button-disabled,.DG4-NA-C10 .nav-btn.is-disabled{color:#83868a;pointer-events:none;cursor:default}.DG4-NA-C10 .dots{align-items:center;gap:8px;padding:0 4px;display:flex}.DG4-NA-C10 .dot{cursor:pointer;background:#adafb3;border:0;border-radius:50%;width:6px;height:6px;padding:0;transition:background .2s,box-shadow .2s}.DG4-NA-C10 .dot.is-active{background:#000;box-shadow:0 0 8px #fffc}}
.DG4-NA-C11{--title:50px;--desc:24px;--method:26px;--method-radius:24px;--visual-radius:24px;color:#000;background:#fff;padding:160px 0 80px}.DG4-NA-C11 .inner{width:var(--box);margin:0 auto}.DG4-NA-C11 .x-tech-logo{width:220px;height:auto;margin:0 auto 24px;display:block}.DG4-NA-C11 .x-tech-logo .eco-img-img{width:100%;height:auto;display:block}.DG4-NA-C11 .title{text-align:center;font-family:var(--ff-woff2-EM);font-size:var(--title);white-space:pre-line;margin:0;font-weight:400;line-height:1.2}.DG4-NA-C11 .desc{text-align:center;font-family:var(--ff-woff2-R);font-size:var(--desc);color:#1a1a1a;margin:16px 0 0;font-weight:300;line-height:1.2}.DG4-NA-C11 .pc-intro{margin-bottom:80px}.DG4-NA-C11 .pc-body{grid-template-columns:minmax(0,1fr) 474px;align-items:stretch;gap:16px;display:grid}.DG4-NA-C11 .visual{aspect-ratio:950/554;border-radius:var(--visual-radius);background:#e8e8e8;width:100%;height:auto;position:relative;overflow:hidden}.DG4-NA-C11 .visual-media{width:100%;height:100%;position:absolute;inset:0}.DG4-NA-C11 .visual-media .visual-layer{opacity:0;pointer-events:none;transition:opacity .7s;position:absolute;inset:0}.DG4-NA-C11 .visual-media .visual-layer.is-active{opacity:1;z-index:1}.DG4-NA-C11 .visual-media .eco-img{width:100%;height:100%;display:block;position:absolute;inset:0}.DG4-NA-C11 .visual-media .eco-img-img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block;position:absolute;inset:0}.DG4-NA-C11 .methods{flex-direction:column;gap:16px;width:100%;min-height:0;margin:0;padding:0;list-style:none;display:flex}.DG4-NA-C11 .methods>li{flex:1 1 0;min-height:0;display:flex}.DG4-NA-C11 .method{border-radius:var(--method-radius);color:#000;width:100%;height:100%;min-height:56px;font-family:var(--ff-woff2-R);font-size:var(--method);text-align:left;cursor:pointer;background:#f5f5f5;border:1px solid #0000;align-items:center;padding:0 24px 0 40px;font-weight:400;line-height:1.2;transition:background .25s,border-color .25s,box-shadow .25s;display:flex}.DG4-NA-C11 .method:hover,.DG4-NA-C11 .method.is-active{background:#fff;border-color:#9993;box-shadow:inset 0 0 18.6px #19678d80}.DG4-NA-C11 .h5-hero,.DG4-NA-C11 .h5-methods{display:none}@media only screen and not (max-width:1440px){.DG4-NA-C11{padding:160px 0 96px}}@media (max-width:1024px){.DG4-NA-C11{--title:36px;--desc:18px;--method:20px;padding:96px 0 64px}.DG4-NA-C11 .pc-intro{margin-bottom:48px}.DG4-NA-C11 .x-tech-logo{width:160px;margin-bottom:16px}.DG4-NA-C11 .pc-body{flex-direction:column;display:flex}.DG4-NA-C11 .visual{aspect-ratio:950/554;width:100%}.DG4-NA-C11 .methods{width:100%}.DG4-NA-C11 .methods>li{flex:none}.DG4-NA-C11 .method{height:64px;min-height:64px;padding:0 20px 0 28px}}@media not (min-width:768px){.DG4-NA-C11{--title:24px;--desc:16px;background:#fff;padding:0}.DG4-NA-C11 .inner{width:100%}.DG4-NA-C11 .pc-intro,.DG4-NA-C11 .pc-body{display:none}.DG4-NA-C11 .h5-hero{color:#000;background:#fff;width:100%;display:block}.DG4-NA-C11 .h5-hero-content{z-index:2;background:#fff;padding:40px 24px 0;position:relative}.DG4-NA-C11 .h5-hero-content:after{content:"";pointer-events:none;background:linear-gradient(#fff 0%,#fff0 100%);height:32px;position:absolute;bottom:-32px;left:0;right:0}.DG4-NA-C11 .h5-hero .x-tech-logo{width:140px;margin:0 0 16px}.DG4-NA-C11 .h5-hero .title,.DG4-NA-C11 .h5-hero .desc{text-align:left}.DG4-NA-C11 .h5-hero .desc{color:#1a1a1a;margin-top:12px}.DG4-NA-C11 .h5-hero-visual{width:100%;margin-top:-160px;position:relative}.DG4-NA-C11 .h5-hero-fade{display:none}.DG4-NA-C11 .h5-hero-media{width:100%;position:relative}.DG4-NA-C11 .h5-hero-media .eco-img{width:100%;height:auto;display:block}.DG4-NA-C11 .h5-hero-media .eco-img-img{object-fit:contain;object-position:center top;width:100%;height:auto;display:block}.DG4-NA-C11 .h5-methods{flex-direction:column;gap:8px;padding:24px 24px 40px;display:flex}.DG4-NA-C11 .h5-method{background:#e8e8e8;border-radius:16px;width:100%;height:161px;position:relative;overflow:hidden}.DG4-NA-C11 .h5-method-media{width:100%;height:100%;position:absolute;inset:0}.DG4-NA-C11 .h5-method-media .eco-img{width:100%;height:100%;display:block;position:absolute;inset:0}.DG4-NA-C11 .h5-method-media .eco-img-img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.DG4-NA-C11 .h5-method-fade{pointer-events:none;background:linear-gradient(#94b2c4c2 0%,#94b2c400 100%);height:51px;position:absolute;top:0;left:0;right:0}.DG4-NA-C11 .h5-method-label{z-index:1;font-family:var(--ff-woff2-M);color:#fff;margin:0;font-size:20px;font-weight:400;line-height:1.3;position:absolute;top:12px;left:16px}}
@property --intro-spread{syntax:"<percentage>";inherits:false;initial-value:-20%}.DG4-NA-C12{--intro-title:64px;--section-title:50px;--card-title:40px;--warranty-n:72px;--warranty-label:26px;--radius:24px;--gap:16px;color:#000;background:#fff}.DG4-NA-C12 .inner{width:var(--box);margin:0 auto}.DG4-NA-C12 .intro{background:#fff;padding:160px 0}.DG4-NA-C12 .intro-title{--intro-spread:-20%;text-align:center;font-family:var(--ff-woff2-EM);font-size:var(--intro-title);white-space:pre-line;color:#0000;background-image:radial-gradient(circle at 50% 50%, #000 0%, #000 var(--intro-spread), #6587b4 calc(var(--intro-spread) + 20%), #6587b4 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-weight:400;line-height:1.2}.DG4-NA-C12 .guard{padding:0 0 96px}.DG4-NA-C12 .section-head{flex-direction:column;align-items:center;gap:24px;margin:0 0 80px;display:flex}.DG4-NA-C12 .x-tech-logo{width:220px;height:auto;display:block}.DG4-NA-C12 .x-tech-logo .eco-img-img{width:100%;height:auto;display:block}.DG4-NA-C12 .section-title{text-align:center;font-family:var(--ff-woff2-EM);font-size:var(--section-title);white-space:pre-line;margin:0;font-weight:400;line-height:1.2}.DG4-NA-C12 .pc-grid{aspect-ratio:1424/720;gap:var(--gap);grid-template-rows:minmax(0,401fr) minmax(0,304fr);width:100%;display:grid}.DG4-NA-C12 .pc-row{gap:var(--gap);min-width:0;min-height:0;display:grid}.DG4-NA-C12 .pc-row-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.DG4-NA-C12 .pc-row-bottom{grid-template-columns:minmax(0,538fr) minmax(0,410fr)}.DG4-NA-C12 .card{border-radius:var(--radius);background:#010508;min-width:0;min-height:0;position:relative;overflow:hidden}.DG4-NA-C12 .card:not(.card-warranty){cursor:pointer}.DG4-NA-C12 .card:not(.card-warranty):hover .card-mask,.DG4-NA-C12 .card:not(.card-warranty):focus-within .card-mask{transform:translateY(0)}.DG4-NA-C12 .card:not(.card-warranty):hover .card-media,.DG4-NA-C12 .card:not(.card-warranty):focus-within .card-media{filter:blur(28px);background:#d8d8d8}.DG4-NA-C12 .card:not(.card-warranty):hover .card-title,.DG4-NA-C12 .card:not(.card-warranty):focus-within .card-title{opacity:0}.DG4-NA-C12 .card-warranty{background:#f7fbff;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 82px #6daaff8c}.DG4-NA-C12 .card-media{transition:filter .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.DG4-NA-C12 .card-media .eco-img{width:100%;height:100%;display:block;position:absolute;inset:0}.DG4-NA-C12 .card-media .eco-img-img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.DG4-NA-C12 .card-media:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#0000008c 100%);height:45%;position:absolute;bottom:0;left:0;right:0}.DG4-NA-C12 .card-title{z-index:1;font-family:var(--ff-woff2-M);font-size:var(--card-title);color:#fff;margin:0;padding:40px;font-weight:500;line-height:1.2;transition:opacity .35s;position:absolute;bottom:0;left:0;right:0}.DG4-NA-C12 .card-mask{z-index:2;color:#fff;flex-direction:column;justify-content:flex-start;gap:16px;padding:40px;transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;transform:translateY(100%)}.DG4-NA-C12 .mask-title{font-family:var(--ff-woff2-M);font-size:var(--card-title);margin:0;font-weight:500;line-height:1.2}.DG4-NA-C12 .mask-desc{font-family:var(--ff-woff2-R);white-space:pre-line;color:#ffffffeb;margin:0;font-size:20px;font-weight:300;line-height:1.35}.DG4-NA-C12 .warranty-face{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.DG4-NA-C12 .warranty-prefix{font-family:var(--ff-woff2-R);font-size:var(--warranty-label);color:#3a3c3f;margin:0;font-weight:400;line-height:1.2}.DG4-NA-C12 .warranty-hi{font-family:var(--ff-woff2-M);font-size:var(--warranty-n);color:#7ba3c9;margin:4px 0 0;font-weight:500;line-height:1.1}.DG4-NA-C12 .warranty-label{font-family:var(--ff-woff2-M);font-size:var(--warranty-label);white-space:pre-line;color:#3a3c3f;margin:8px 0 0;font-weight:400;line-height:1.2}.DG4-NA-C12 .h5-block{display:none}@media (max-width:1024px){.DG4-NA-C12{--intro-title:40px;--section-title:36px;--card-title:28px;--warranty-n:56px;--warranty-label:20px}.DG4-NA-C12 .intro{padding:96px 0}.DG4-NA-C12 .section-head{gap:16px;margin-bottom:48px}.DG4-NA-C12 .x-tech-logo{width:160px}.DG4-NA-C12 .pc-grid{aspect-ratio:auto;grid-template-rows:none;height:auto}.DG4-NA-C12 .pc-row-top,.DG4-NA-C12 .pc-row-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.DG4-NA-C12 .card-cell,.DG4-NA-C12 .card-cells{aspect-ratio:420/401}.DG4-NA-C12 .card-bms{aspect-ratio:538/304}.DG4-NA-C12 .card-warranty{aspect-ratio:410/304}.DG4-NA-C12 .card-title,.DG4-NA-C12 .card-mask{padding:24px}.DG4-NA-C12 .mask-desc{font-size:16px}}@media not (min-width:768px){.DG4-NA-C12{--intro-title:24px;--section-title:24px;--warranty-n:48px;--warranty-label:18px;overflow-x:clip}.DG4-NA-C12 .inner{box-sizing:border-box;width:100%;max-width:100%;padding:0 24px}.DG4-NA-C12 .intro{padding:80px 0 0}.DG4-NA-C12 .guard{padding:80px 0 40px}.DG4-NA-C12 .section-head{gap:12px;margin:0 0 40px}.DG4-NA-C12 .x-tech-logo{width:140px}.DG4-NA-C12 .pc-grid{display:none}.DG4-NA-C12 .h5-block{width:100%;max-width:100%;display:block;overflow:visible}.DG4-NA-C12 .tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:24px;max-width:100%;margin:0 0 16px;display:flex;overflow-x:auto}.DG4-NA-C12 .tabs::-webkit-scrollbar{display:none}.DG4-NA-C12 .tab{color:#696c71;font-family:var(--ff-woff2-R);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;padding:0 0 10px;font-size:16px;font-weight:400;line-height:1.375;position:relative}.DG4-NA-C12 .tab:after{content:"";background:0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.DG4-NA-C12 .tab.is-active{color:#000}.DG4-NA-C12 .tab.is-active:after{background:#000}.DG4-NA-C12 .h5-stage{box-sizing:border-box;width:calc(100% + 48px);margin:0 -24px;padding:0 0 16px;position:relative;overflow:hidden}.DG4-NA-C12 .h5-cards{box-sizing:border-box;padding:0 0 0 24px;overflow:hidden}.DG4-NA-C12 .swiper-slide{box-sizing:border-box;width:calc(100vw - 64px);height:auto}.DG4-NA-C12 .h5-slide{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;display:flex}.DG4-NA-C12 .h5-card{aspect-ratio:327/280;box-sizing:border-box;background:#adafb3;border-radius:16px;flex-shrink:0;width:100%;height:auto;position:relative;overflow:hidden}.DG4-NA-C12 .h5-card-warranty{background:#f7fbff;box-shadow:inset 0 0 82px #6daaff8c}.DG4-NA-C12 .h5-media{width:100%;height:100%;position:absolute;inset:0}.DG4-NA-C12 .h5-media .eco-img{width:100%;height:100%;display:block;position:absolute;inset:0}.DG4-NA-C12 .h5-media .eco-img-img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.DG4-NA-C12 .h5-desc{text-align:center;max-width:100%;min-height:96px;font-family:var(--ff-woff2-R);color:#83868a;white-space:pre-line;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:16px;font-weight:300;line-height:1.2}.DG4-NA-C12 .h5-desc.is-empty{visibility:hidden}.DG4-NA-C12 .warranty-face{box-sizing:border-box;padding:16px}.DG4-NA-C12 .h5-nav{background:#f5f5f6;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:fit-content;height:44px;margin:16px auto 0;display:flex;box-shadow:inset 0 0 18.6px #19678d33}.DG4-NA-C12 .nav-btn{color:#000;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.DG4-NA-C12 .nav-btn svg{width:100%;height:100%}.DG4-NA-C12 .dots{align-items:center;gap:8px;padding:0 4px;display:flex}.DG4-NA-C12 .dot{cursor:pointer;background:#c8c9cc;border:0;border-radius:50%;width:6px;height:6px;padding:0;transition:width .2s,height .2s,background .2s,box-shadow .2s}.DG4-NA-C12 .dot.is-active{background:#000;width:8px;height:8px;box-shadow:0 0 8px #fffc}}
.DG4-NA-C13{--title:50px;--desc:24px;--tab:26px;--eyebrow:18px;--panel-h:768px;--phone-h:712px;--phone-ratio:1127 / 1425;--radius:24px;color:#000;background:#fff;padding:160px 0 96px}.DG4-NA-C13 .inner{width:var(--box);margin:0 auto}.DG4-NA-C13 .head{text-align:center;margin-bottom:80px}.DG4-NA-C13 .title{font-family:var(--ff-woff2-EM);font-size:var(--title);white-space:pre-line;margin:0;font-weight:400;line-height:1.2}.DG4-NA-C13 .desc{font-family:var(--ff-woff2-R);font-size:var(--desc);color:#83868a;margin:16px 0 0;font-weight:300;line-height:1.2}.DG4-NA-C13 .panel{height:var(--panel-h);border-radius:var(--radius);background:linear-gradient(#8eaec0 0%,#d8e3eb 100%);align-items:center;gap:clamp(24px,3.5vw,48px);padding:0 clamp(40px,6vw,80px) 0 clamp(48px,9vw,120px);display:flex;overflow:hidden}.DG4-NA-C13 .visual{flex:1 1 0;justify-content:center;align-items:flex-end;min-width:0;height:100%;display:flex;position:relative}.DG4-NA-C13 .phone{z-index:1;box-sizing:border-box;width:min(var(--phone-h)*1127/1425,100%);max-width:100%;height:auto;aspect-ratio:var(--phone-ratio);transition:aspect-ratio .45s;position:relative;overflow:hidden}.DG4-NA-C13 .phone .phone-layer{opacity:0;pointer-events:none;transition:opacity .55s;position:absolute;inset:0}.DG4-NA-C13 .phone .phone-layer.is-active{opacity:1;z-index:1}.DG4-NA-C13 .phone .eco-img{width:100%;height:100%;display:block;position:absolute;inset:0}.DG4-NA-C13 .phone .eco-img-img{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block;position:absolute;inset:0}.DG4-NA-C13 .tabs{flex-direction:column;flex:1 1 0;gap:16px;width:auto;min-width:0;max-width:668px;margin:0;padding:0;list-style:none;display:flex}.DG4-NA-C13 .tab{border-radius:var(--radius);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);color:#000;text-align:left;cursor:pointer;background:#fff6;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:100%;min-height:79px;padding:24px 24px 24px 40px;transition:background .25s,border-color .25s,box-shadow .25s;display:flex}.DG4-NA-C13 .tab.is-active{background:linear-gradient(177deg,#4ea6d559 0%,#fff 61%),#fff;border-color:#9993;box-shadow:inset 0 0 18.6px #93c2ffd4}.DG4-NA-C13 .tab-eyebrow{font-family:var(--ff-woff2-M);font-size:var(--eyebrow);color:#000;font-weight:400;line-height:1.2}.DG4-NA-C13 .tab-label{font-family:var(--ff-woff2-R);font-size:var(--tab);font-weight:400;line-height:1.2}@media (max-width:1024px){.DG4-NA-C13{--title:36px;--desc:18px;--tab:20px;--eyebrow:14px;--panel-h:auto;--phone-h:calc(320 * 712 / 528);padding:96px 0 64px}.DG4-NA-C13 .head{margin-bottom:48px}.DG4-NA-C13 .panel{flex-direction:column;gap:32px;padding:40px 24px}.DG4-NA-C13 .visual{width:100%;min-height:420px}.DG4-NA-C13 .tabs{flex:none;width:100%;max-width:none}}.DG4-NA-C13 .h5-caption,.DG4-NA-C13 .h5-nav{display:none}@media not (min-width:768px){.DG4-NA-C13{--title:24px;--desc:16px;--tab:20px;--eyebrow:14px;--phone-ratio:1025 / 1515;--phone-h:unset;padding:80px 0 40px;overflow-x:clip}.DG4-NA-C13 .inner{box-sizing:border-box;width:100%;max-width:100%;padding:0 24px;overflow-x:clip}.DG4-NA-C13 .head{z-index:2;margin-bottom:24px;position:relative}.DG4-NA-C13 .desc{margin-top:8px}.DG4-NA-C13 .panel{background:0 0;border-radius:0;flex-direction:column;align-items:stretch;gap:16px;height:auto;padding:0;overflow:hidden}.DG4-NA-C13 .visual{background:0 0;border-radius:0;flex:none;width:100%;min-width:0;height:auto;min-height:0;display:block;overflow:hidden}.DG4-NA-C13 .phone{box-sizing:border-box;width:min(100%,280px);height:auto;max-height:none;aspect-ratio:unset;border-radius:0;margin:0 auto;transition:none;display:block;position:relative;overflow:hidden}.DG4-NA-C13 .phone:before{content:"";width:100%;padding-bottom:147.805%;display:block}.DG4-NA-C13 .phone .phone-layer{opacity:0;visibility:hidden;pointer-events:none;width:100%;height:100%;transition:opacity .4s,visibility .4s;position:absolute;inset:0}.DG4-NA-C13 .phone .phone-layer.is-active{opacity:1;visibility:visible;z-index:1}.DG4-NA-C13 .phone .eco-img{display:block;overflow:hidden;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.DG4-NA-C13 .phone .eco-img-img{max-width:none;display:block;object-fit:contain!important;object-position:center bottom!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.DG4-NA-C13 .tabs{display:none}.DG4-NA-C13 .h5-caption{text-align:center;background:0 0;border:0;margin-top:8px;display:block}.DG4-NA-C13 .h5-caption-title{font-family:var(--ff-woff2-M);color:#000;border:0;margin:0;padding:0;font-size:20px;font-weight:500;line-height:1.3}.DG4-NA-C13 .h5-nav{background:#f5f5f6;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:fit-content;height:60px;margin:8px auto 0;padding:0 8px;display:flex;box-shadow:inset 0 0 18.6px #19678d33}.DG4-NA-C13 .nav-btn{color:#000;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.DG4-NA-C13 .dots{align-items:center;gap:8px;padding:0 4px;display:flex}.DG4-NA-C13 .dot{cursor:pointer;background:#c8c9cc;border:0;border-radius:50%;width:6px;height:6px;padding:0}.DG4-NA-C13 .dot.is-active{background:#000;width:8px;height:8px;box-shadow:0 0 8px #fffc}}
.DG4-NA-C24{--title:36px;--desc:16px;--item-title:18px;--item-desc:14px;--icon:40px;--radius:20px;--panel-pad:24px;--media-h:360px;color:#18191b;background:#f5f5f5;padding:96px 0}.DG4-NA-C24 .inner{width:var(--box);margin:0 auto}.DG4-NA-C24 .head{text-align:center;max-width:960px;margin:0 auto}.DG4-NA-C24 .title{font-family:var(--ff-woff2-EM,var(--ff-woff2-M));font-size:var(--title);white-space:pre-line;margin:0;font-weight:400;line-height:1.2}.DG4-NA-C24 .desc{font-family:var(--ff-woff2-R,var(--ff-woff2-M));font-size:var(--desc);color:#83868a;margin:16px auto 0;font-weight:400;line-height:1.4}.DG4-NA-C24 .panel{padding:var(--panel-pad);border-radius:var(--radius);background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch;gap:24px;margin-top:48px;display:grid;box-shadow:0 0 0 1px #0000000a}.DG4-NA-C24 .list{flex-direction:column;justify-content:center;min-width:0;display:flex}.DG4-NA-C24 .item{border-bottom:1px solid #e6e6e7}.DG4-NA-C24 .item:last-child{border-bottom:0}.DG4-NA-C24 .item .item-head{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:20px 0;display:flex}.DG4-NA-C24 .item .icon{width:var(--icon);height:var(--icon);color:#fff;background:#3b82f6;border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.DG4-NA-C24 .item .item-title{min-width:0;font-family:var(--ff-woff2-M);font-size:var(--item-title);flex:1;font-weight:500;line-height:1.3}.DG4-NA-C24 .item .chevron{color:#83868a;flex:none;transition:transform .2s}.DG4-NA-C24 .item .chevron.is-open{transform:rotate(180deg)}.DG4-NA-C24 .item .item-body{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.DG4-NA-C24 .item .item-desc{padding:0 0 0 calc(var(--icon) + 12px);font-family:var(--ff-woff2-R,var(--ff-woff2-M));font-size:var(--item-desc);color:#595c61;opacity:0;margin:0;line-height:1.45;transition:opacity .2s;overflow:hidden}.DG4-NA-C24 .item .h5-media{display:none}.DG4-NA-C24 .item.is-open .icon{background:#18191b}.DG4-NA-C24 .item.is-open .item-body{grid-template-rows:1fr}.DG4-NA-C24 .item.is-open .item-desc{opacity:1;padding-bottom:20px}.DG4-NA-C24 .pc-media{aspect-ratio:780/512;border-radius:calc(var(--radius) - 4px);background:#e6e6e7;align-self:center;width:100%;position:relative;overflow:hidden}.DG4-NA-C24 .pc-media .media-layer{opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.DG4-NA-C24 .pc-media .media-layer.is-active{opacity:1}.DG4-NA-C24 .pc-media .media-layer .eco-img,.DG4-NA-C24 .pc-media .media-layer .eco-img-img{width:100%;height:100%}.DG4-NA-C24 .pc-media .media-layer .eco-img-img{object-fit:contain;object-position:center}.DG4-NA-C24 .h5-nav{display:none}@media only screen and not (max-width:1440px){.DG4-NA-C24{--title:50px;--desc:18px;--item-title:22px;--item-desc:16px;--icon:48px;--radius:24px;--panel-pad:32px;--media-h:480px;padding:160px 0}.DG4-NA-C24 .desc{margin-top:20px}.DG4-NA-C24 .panel{gap:32px;margin-top:60px}.DG4-NA-C24 .item .item-head{gap:16px;padding:24px 0}.DG4-NA-C24 .item.is-open .item-desc{padding-bottom:24px;padding-left:calc(var(--icon) + 16px)}}@media (max-width:1024px){.DG4-NA-C24{--title:32px;--desc:15px;--item-title:16px;--media-h:300px;padding:80px 0}.DG4-NA-C24 .panel{grid-template-columns:1fr}}@media not (min-width:768px){.DG4-NA-C24{--title:24px;--desc:14px;--item-title:16px;--item-desc:14px;--icon:36px;--radius:16px;--panel-pad:0;background:#fff;padding:80px 0 40px}.DG4-NA-C24 .inner{width:calc(100% - 48px)}.DG4-NA-C24 .panel{box-shadow:none;background:#fff;border-radius:0;margin-top:24px;padding:0;display:block}.DG4-NA-C24 .pc-media{display:none}.DG4-NA-C24 .item{border-bottom-color:#e6e6e7}.DG4-NA-C24 .item .item-desc{font-family:var(--ff-woff2-EM,var(--ff-woff2-R));color:#83868a;font-weight:400}.DG4-NA-C24 .item .h5-media{opacity:0;border-radius:16px;width:100%;height:0;margin:0;transition:height .25s,opacity .2s,margin .25s;display:block;position:relative;overflow:hidden}.DG4-NA-C24 .item .h5-media .eco-img,.DG4-NA-C24 .item .h5-media .eco-img-img{width:100%;height:100%;display:block}.DG4-NA-C24 .item .h5-media .eco-img-img{object-fit:contain;object-position:center}.DG4-NA-C24 .item.is-open .item-desc{padding-bottom:12px}.DG4-NA-C24 .item.is-open .h5-media{aspect-ratio:327/184;opacity:1;height:auto;margin:4px 0 16px}.DG4-NA-C24 .h5-nav{background:#f5f5f6;border-radius:100px;justify-content:center;align-items:center;width:fit-content;height:44px;margin:24px auto 0;display:flex;box-shadow:inset 0 0 18.6px #19678d33}.DG4-NA-C24 .nav-btn{color:#18191b;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.DG4-NA-C24 .nav-btn svg{width:100%;height:100%}}
.DG4-NA-C14{--title:50px;--media-h:496px;--radius:24px;color:#000;background:#fff;padding:160px 0}.DG4-NA-C14 .inner{width:var(--box);margin:0 auto}.DG4-NA-C14 .title{text-align:center;font-family:var(--ff-woff2-EM);font-size:var(--title);white-space:pre-line;margin:0 0 80px;font-weight:400;line-height:1.2}.DG4-NA-C14 .pc-media{height:var(--media-h);border-radius:var(--radius);background:#f0f0f0;overflow:hidden}.DG4-NA-C14 .pc-media .eco-img,.DG4-NA-C14 .pc-media .eco-img-img{width:100%;height:100%}.DG4-NA-C14 .pc-media .eco-img-img{object-fit:cover}.DG4-NA-C14 .h5-block{display:none}@media (max-width:1024px){.DG4-NA-C14{--title:36px;--media-h:360px;padding:96px 0 64px}.DG4-NA-C14 .title{margin-bottom:48px}}@media not (min-width:768px){.DG4-NA-C14{--title:24px;--radius:16px;padding:80px 0 40px}.DG4-NA-C14 .inner{width:100%;padding:0 24px}.DG4-NA-C14 .title{margin:0 0 24px}.DG4-NA-C14 .pc-media{display:none}.DG4-NA-C14 .h5-block{display:block}.DG4-NA-C14 .h5-stage{width:100%}.DG4-NA-C14 .h5-card{border-radius:var(--radius);background:#f0f0f0;width:100%;height:184px;overflow:hidden}.DG4-NA-C14 .h5-card .eco-img,.DG4-NA-C14 .h5-card .eco-img-img{width:100%;height:100%}.DG4-NA-C14 .h5-card .eco-img-img{object-fit:cover}.DG4-NA-C14 .h5-nav{background:#f5f5f6;border-radius:999px;justify-content:center;align-items:center;width:120px;height:60px;margin:24px auto 0;display:flex;box-shadow:inset 0 0 18.6px #19678d33}.DG4-NA-C14 .nav-btn{color:#83868a;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.DG4-NA-C14 .nav-btn.btn-next{color:#000}.DG4-NA-C14 .nav-btn.swiper-button-disabled{color:#83868a;opacity:1}}
.DG4-NA-C15{--title:50px;--desc:24px;--label:16px;--orbit:830px;--icon:60px;color:#000;background:#fff;padding:160px 0}.DG4-NA-C15 .inner{width:var(--box);align-items:center;gap:10px;margin:0 auto;display:flex}.DG4-NA-C15 .copy{flex-shrink:0;width:600px}.DG4-NA-C15 .title{font-family:var(--ff-woff2-EM);font-size:var(--title);text-align:left;white-space:pre-line;margin:0;font-weight:400;line-height:1.2}.DG4-NA-C15 .desc{font-family:var(--ff-woff2-R);font-size:var(--desc);color:#83868a;text-align:left;margin:20px 0 0;font-weight:300;line-height:1.2}.DG4-NA-C15 .orbit{--item-r:40cqmin;width:var(--orbit);aspect-ratio:1;flex:1;max-width:100%;margin-inline:auto;position:relative;overflow:visible;container-type:size}.DG4-NA-C15 .rings{--ring-w:92%;--ring-h:92%;--ring-dur:12s;pointer-events:none;position:absolute;inset:0;overflow:hidden}.DG4-NA-C15 .ring{width:var(--ring-w);height:var(--ring-h);opacity:0;transform-origin:50%;will-change:transform,opacity;animation:DG4-NA-C15-ring-expand var(--ring-dur) cubic-bezier(.22, .61, .36, 1) infinite;background:radial-gradient(50% 50%,#91b0c2 0%,#fff 100%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.22)}.DG4-NA-C15 .ring-1{border:1px solid #91b0c266;animation-delay:0s}.DG4-NA-C15 .ring-2{animation-delay:calc(var(--ring-dur)/3);border:1px solid #91b0c266}.DG4-NA-C15 .ring-3{animation-delay:calc(var(--ring-dur)*2/3);border:1px solid #91b0c266}@keyframes DG4-NA-C15-ring-expand{0%{opacity:0;transform:translate(-50%,-50%)scale(.22)}12%{opacity:.85}70%{opacity:.35}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.DG4-NA-C15 .ring{opacity:.55;animation:none;transform:translate(-50%,-50%)scale(1)}.DG4-NA-C15 .ring-2{opacity:.35;transform:translate(-50%,-50%)scale(.79)}.DG4-NA-C15 .ring-3{opacity:.25;transform:translate(-50%,-50%)scale(.44)}.DG4-NA-C15 .item{pointer-events:auto}.DG4-NA-C15 .item-spin{opacity:1;transform:rotate(0)scale(1);animation:none!important}}.DG4-NA-C15 .product{z-index:2;width:32cqmin;height:32cqmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.DG4-NA-C15 .product .eco-img,.DG4-NA-C15 .product .eco-img-img{width:100%;height:100%}.DG4-NA-C15 .product .eco-img-img{object-fit:contain;object-position:center center}.DG4-NA-C15 .item{--item-dur:.7s;--angle:0deg;z-index:3;left:calc(50% + cos(var(--angle))*var(--item-r));top:calc(50% + sin(var(--angle))*var(--item-r));color:#08324b;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.DG4-NA-C15 .item.is-open{z-index:8}.DG4-NA-C15 .item-spin{color:inherit;cursor:pointer;opacity:0;transform-origin:50%;will-change:transform,opacity;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;margin:0;padding:0;display:flex;transform:rotate(45deg)scale(.55)}.DG4-NA-C15 .orbit.is-revealed .item{pointer-events:auto}.DG4-NA-C15 .orbit.is-revealed .item-spin{animation:DG4-NA-C15-item-spin-in var(--item-dur) cubic-bezier(.22, .61, .36, 1) forwards}.DG4-NA-C15 .orbit.is-revealed .item-battery .item-spin{animation-delay:0s}.DG4-NA-C15 .orbit.is-revealed .item-solar .item-spin{animation-delay:calc(var(--item-dur)*1)}.DG4-NA-C15 .orbit.is-revealed .item-outdoor .item-spin{animation-delay:calc(var(--item-dur)*2)}.DG4-NA-C15 .orbit.is-revealed .item-generator .item-spin{animation-delay:calc(var(--item-dur)*3)}.DG4-NA-C15 .orbit.is-revealed .item-alternator .item-spin{animation-delay:calc(var(--item-dur)*4)}@keyframes DG4-NA-C15-item-spin-in{0%{opacity:0;transform:rotate(45deg)scale(.55)}55%{opacity:1}to{opacity:1;transform:rotate(0)scale(1)}}.DG4-NA-C15 .item-icon{width:var(--icon);height:var(--icon);color:#08324b;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #92c6eb}.DG4-NA-C15 .item-icon svg{width:55%;height:55%}.DG4-NA-C15 .item.is-active .item-icon{color:#fff;background:#324156;box-shadow:0 0 20px #fff,inset 0 0 9.8px #bbeaff}.DG4-NA-C15 .item-label{font-family:var(--ff-woff2-M);font-size:var(--label);text-align:center;white-space:pre-line;color:#08324b;font-weight:400;line-height:1.2}.DG4-NA-C15 .item-popup{z-index:9;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-radius:16px;align-items:stretch;gap:12px;width:340px;padding:12px;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 12px 40px #08324b2e}.DG4-NA-C15 .item-popup:before{content:"";height:16px;position:absolute;bottom:100%;left:0;right:0}.DG4-NA-C15 .item-popup.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.DG4-NA-C15 .popup-media{aspect-ratio:780/512;background:linear-gradient(#d8d8d8 0%,#f5f5f5 100%);border-radius:12px;flex:0 0 170px;width:170px;height:auto;overflow:hidden}.DG4-NA-C15 .popup-media .eco-img,.DG4-NA-C15 .popup-media .eco-img-img{width:100%;height:100%;display:block}.DG4-NA-C15 .popup-media .eco-img-img{object-fit:contain;object-position:center}.DG4-NA-C15 .popup-body{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;padding:2px 0;display:flex}.DG4-NA-C15 .popup-brand{font-family:var(--ff-woff2-R);color:#7aa0b8;margin:0;font-size:12px;font-weight:400;line-height:1.2}.DG4-NA-C15 .popup-title{font-family:var(--ff-woff2-M);color:#000;margin:0;font-size:14px;font-weight:500;line-height:1.3}.DG4-NA-C15 .popup-shop{color:#000;font-family:var(--ff-woff2-M);background:#f0f1f2;border-radius:999px;align-items:center;gap:6px;margin-top:auto;padding:8px 14px;font-size:13px;font-weight:500;line-height:1;text-decoration:none;transition:background .2s;display:inline-flex}.DG4-NA-C15 .popup-shop:hover{background:#e4e6e8}.DG4-NA-C15 .item-battery{--angle:-90deg}.DG4-NA-C15 .item-solar{--angle:-18deg}.DG4-NA-C15 .item-outdoor{--angle:54deg}.DG4-NA-C15 .item-outdoor .item-popup{top:auto;bottom:calc(100% + 10px)}.DG4-NA-C15 .item-outdoor .item-popup:before{top:100%;bottom:auto}.DG4-NA-C15 .item-generator{--angle:126deg}.DG4-NA-C15 .item-generator .item-popup{top:auto;bottom:calc(100% + 10px)}.DG4-NA-C15 .item-generator .item-popup:before{top:100%;bottom:auto}.DG4-NA-C15 .item-alternator{--angle:198deg}@media (max-width:1024px){.DG4-NA-C15{--title:36px;--desc:18px;--label:14px;--icon:52px;padding:96px 0 64px}.DG4-NA-C15 .inner{flex-direction:column;gap:40px}.DG4-NA-C15 .copy{text-align:center;width:100%}.DG4-NA-C15 .title,.DG4-NA-C15 .desc{text-align:center}.DG4-NA-C15 .orbit{width:min(640px,100%)}}@media not (min-width:768px){.DG4-NA-C15{--title:24px;--desc:15px;--label:9px;--icon:30px;padding:80px 0 40px;overflow-x:clip}.DG4-NA-C15 .inner{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;padding:0 24px;overflow-x:clip}.DG4-NA-C15 .copy{width:100%}.DG4-NA-C15 .title,.DG4-NA-C15 .desc{text-align:center}.DG4-NA-C15 .desc{margin-top:18px;line-height:1.4}.DG4-NA-C15 .orbit{--item-r:38cqmin;width:100%;max-width:327px}.DG4-NA-C15 .rings{--ring-w:100%;--ring-h:100%}.DG4-NA-C15 .product{width:34cqmin;height:34cqmin}.DG4-NA-C15 .item-spin{gap:4px}.DG4-NA-C15 .item-popup{gap:10px;width:min(280px,100vw - 48px);max-width:calc(100vw - 48px);padding:10px}.DG4-NA-C15 .item-solar .item-popup,.DG4-NA-C15 .item-outdoor .item-popup{left:auto;right:0;transform:translate(0)translateY(6px)}.DG4-NA-C15 .item-solar .item-popup.is-visible,.DG4-NA-C15 .item-outdoor .item-popup.is-visible{transform:translate(0)translateY(0)}.DG4-NA-C15 .item-alternator .item-popup,.DG4-NA-C15 .item-generator .item-popup{left:0;right:auto;transform:translate(0)translateY(6px)}.DG4-NA-C15 .item-alternator .item-popup.is-visible,.DG4-NA-C15 .item-generator .item-popup.is-visible{transform:translate(0)translateY(0)}.DG4-NA-C15 .item-battery .item-popup{left:50%;right:auto;transform:translate(-50%)translateY(6px)}.DG4-NA-C15 .item-battery .item-popup.is-visible{transform:translate(-50%)translateY(0)}.DG4-NA-C15 .popup-media{aspect-ratio:auto;flex:0 0 88px;width:88px;height:88px}.DG4-NA-C15 .popup-title{font-size:12px}.DG4-NA-C15 .popup-shop{padding:7px 12px;font-size:12px}}