.gradient[data-v-6080d020]{background:url(/img/bg-wave-light.png) center top/cover no-repeat,linear-gradient(135deg,#fff,#f2fbff 48%,#ddf6ff)}#exchangeProcess[data-v-6080d020]{position:relative;scroll-margin-top:88px}.banner[data-v-6080d020]{display:flex;flex-direction:column;align-items:center;gap:3rem;padding:4rem 1.5rem 8rem;background-color:#e5f7fc;background-image:url(/build/assets/banner-lemon-background-B-P3MplP.png);background-size:cover;background-repeat:no-repeat;background-position:center top;position:relative;text-align:center;isolation:isolate}.banner .banner-drinkmate-logo[data-v-6080d020]{display:block;width:27rem;max-width:80%;height:auto}.banner .banner-title[data-v-6080d020]{margin:0;max-width:100%;color:#fff;font-family:system-ui,sans-serif;font-size:8rem;font-weight:800;line-height:1.3;text-wrap:balance;text-shadow:0 2px 1px #1B799A,0 4px 8px rgba(18,95,122,.7)}.banner .banner-title span[data-v-6080d020]{display:inline-block}.banner .banner-subtitle[data-v-6080d020]{margin:0;max-width:48em;color:#104f64;font-size:2.5rem;font-weight:700;line-height:1.6;text-wrap:balance}.banner .gas-water[data-v-6080d020]{position:absolute;z-index:-1;bottom:0;left:50%;transform:translate(-50%);height:120px;pointer-events:none}.banner-statistics[data-v-6080d020]{min-height:254px;height:auto;background:linear-gradient(180deg,#e5f3fc,#eaf5fc 52%,#f2f8fc);font-family:open-sans,system-ui;display:flex;justify-content:center;gap:32px;padding-top:32px;padding-bottom:16px}.banner-statistics .statistic-card[data-v-6080d020]{flex:1 1 0;min-width:0;max-width:608px;padding-inline:24px;padding-bottom:12px;display:flex;flex-direction:column}.banner-statistics .text[data-v-6080d020]{min-height:2.7em;color:#171818;font-size:28px;font-weight:600;line-height:1.35;display:flex;align-items:center;justify-content:center;white-space:normal}.banner-statistics .statistic-value[data-v-6080d020],.banner-statistics .statistics-symbol[data-v-6080d020]{font-size:120px}.banner-statistics .statistic-value[data-v-6080d020]{margin-top:8px;line-height:1;overflow-wrap:anywhere}.banner-statistics .statistics-symbol[data-v-6080d020]{align-self:center;line-height:1}.exchange-process[data-v-6080d020]{width:100%;min-height:calc(100vh - 88px);min-height:calc(100dvh - 88px);margin:0;padding:0}.exchange-process .activity-intro[data-v-6080d020]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.exchange-process .eco-friendly[data-v-6080d020]{display:grid;grid-template-columns:minmax(0,49.4fr) minmax(620px,50.6fr);min-height:inherit;align-items:stretch;gap:0;margin:0;background-image:linear-gradient(90deg,#f8fdff00 44%,#f8fdff29 54%,#f8fdff75),var(--activity-process-wide-image);background-position:center;background-size:cover;background-repeat:no-repeat}.exchange-process .product-story[data-v-6080d020]{display:none}.exchange-process .product-story-image[data-v-6080d020]{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.exchange-process .steps[data-v-6080d020]{position:relative;grid-column:2;align-self:stretch;width:100%;padding:clamp(56px,6.5vh,72px) clamp(40px,4.2vw,76px) clamp(22px,2.8vh,34px) 0;background:transparent;font-family:open-sans,system-ui,sans-serif}.exchange-process .steps .step[data-v-6080d020]{position:relative;z-index:1}.exchange-process .steps .step .title-text[data-v-6080d020]{color:#000;font-size:clamp(23px,1.45vw,27px);font-weight:700;line-height:1.2}.exchange-process .steps .step .description-text-block[data-v-6080d020]{border-left-width:4px;margin-left:11px;padding:clamp(11px,1.35vh,16px) 0 clamp(11px,1.35vh,16px) 21px;color:#30343b;font-size:clamp(14px,.82vw,16px);line-height:1.65}@media (min-width: 641px) and (max-width: 1380px){.banner[data-v-6080d020]{gap:2rem;padding:3rem 1.5rem 8rem}.banner .banner-title[data-v-6080d020]{font-size:4rem}.banner .banner-subtitle[data-v-6080d020]{font-size:1.5rem}.banner-statistics[data-v-6080d020]{align-items:flex-start;min-height:170px;height:auto;gap:28px;padding-top:24px}.banner-statistics .statistic-card[data-v-6080d020]{flex:0 1 clamp(240px,30.5vw,388px);width:clamp(240px,30.5vw,388px);max-width:388px;padding-inline:0;padding-bottom:10px}.banner-statistics .text[data-v-6080d020]{font-size:clamp(15px,1.35vw,19px);line-height:1.35;white-space:normal}.banner-statistics .statistic-value[data-v-6080d020]{margin-top:12px;font-size:clamp(72px,6.4vw,82px);line-height:1}.banner-statistics .statistics-symbol[data-v-6080d020]{align-self:flex-start;margin-top:44px;font-size:clamp(56px,5vw,64px);line-height:1}.exchange-process .eco-friendly[data-v-6080d020]{grid-template-columns:minmax(0,56fr) minmax(540px,44fr)}.exchange-process .steps[data-v-6080d020]{padding-right:clamp(28px,3vw,48px)}}@media (min-width: 641px) and (max-width: 960px){.banner-statistics .text[data-v-6080d020]{white-space:normal}}@media (min-width: 1101px) and (max-width: 1600px){.exchange-process .eco-friendly[data-v-6080d020]{background-color:#eaf9ff;background-image:linear-gradient(90deg,#f8fdff00 40%,#f8fdff9e 54%,#f8fdffdb),var(--activity-process-wide-image);background-position:center,20% center;background-size:100% 100%,auto 92%}}@media (min-width: 1101px){#exchangeProcess[data-v-6080d020]:before{content:"";position:absolute;z-index:2;top:0;left:0;width:100%;height:clamp(38px,3.2vw,58px);background:linear-gradient(180deg,#f2f8fc,#fcfcfd);-webkit-mask:url(/build/assets/desktop-statistics-curve-CKK-Ypl3.png) center top/100% 100% no-repeat;mask:url(/build/assets/desktop-statistics-curve-CKK-Ypl3.png) center top/100% 100% no-repeat;filter:drop-shadow(0 5px 8px rgba(75,125,148,.12));pointer-events:none}}@media (max-width: 1100px){.exchange-process[data-v-6080d020]{min-height:auto}.exchange-process .eco-friendly[data-v-6080d020]{grid-template-columns:minmax(0,1fr);min-height:auto;background-image:none}.exchange-process .product-story[data-v-6080d020]{display:block;position:relative;isolation:isolate;overflow:hidden;grid-column:1;width:100%;height:100%;min-height:0;aspect-ratio:16/10;margin:0;border:0;background:#eaf9ff;box-shadow:none}.exchange-process .product-story[data-v-6080d020]:before,.exchange-process .product-story[data-v-6080d020]:after{content:"";position:absolute;z-index:2;left:-1px;width:calc(100% + 2px);height:clamp(64px,8vw,88px);background:url(/build/assets/mobile-wave-divider-B2kkpbVW.png) center/100% 100% no-repeat;pointer-events:none}.exchange-process .product-story[data-v-6080d020]:before{top:-1px;height:40px}.exchange-process .product-story[data-v-6080d020]:after{bottom:-1px;background:#eef3f9;-webkit-mask:url(/build/assets/mobile-wave-divider-bottom-DFRtNdU2.png) center/100% 100% no-repeat;mask:url(/build/assets/mobile-wave-divider-bottom-DFRtNdU2.png) center/100% 100% no-repeat;filter:drop-shadow(0 -4px 7px rgba(75,125,148,.14))}.exchange-process .product-story-image[data-v-6080d020]{min-height:0}.exchange-process .steps[data-v-6080d020]{grid-column:1;padding:44px clamp(24px,7vw,72px) 56px;background:#eef3f9}}@media (max-width: 640px){#exchangeProcess[data-v-6080d020]{scroll-margin-top:96px}.banner[data-v-6080d020]{gap:1.5rem;padding:2rem 1rem 4.5rem}.banner .banner-drinkmate-logo[data-v-6080d020]{width:15rem}.banner .banner-title[data-v-6080d020]{font-size:2.5rem}.banner .banner-subtitle[data-v-6080d020]{font-size:1.25rem}.banner .gas-water[data-v-6080d020]{height:60px}.banner-statistics[data-v-6080d020]{flex-direction:column;height:auto}.banner-statistics .statistic-card[data-v-6080d020]{flex:none;width:100%;max-width:608px;padding-inline:32px}.banner-statistics .text[data-v-6080d020]{font-size:20px;white-space:normal}.banner-statistics .statistic-value[data-v-6080d020]{font-size:42px}.banner-statistics .statistics-symbol[data-v-6080d020]{display:none}.exchange-process[data-v-6080d020]{padding:0}.exchange-process .eco-friendly[data-v-6080d020]{gap:0;margin:0}.exchange-process .product-story[data-v-6080d020]{width:100%;aspect-ratio:5/4;margin:0}.exchange-process .product-story[data-v-6080d020]:before{height:64px}.exchange-process .product-story-image[data-v-6080d020]{-o-object-position:center 30%;object-position:center 30%}.exchange-process .steps[data-v-6080d020]{padding:16px 26px 48px}.exchange-process .steps .step .title-text[data-v-6080d020]{font-size:22px}.exchange-process .steps .step .description-text-block[data-v-6080d020]{padding-top:12px;padding-bottom:20px}}@media (max-width: 1279px){.banner[data-v-6080d020]{padding-top:5rem}}
