.b2c-scroll-vod-section{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:280vh;background-color:var(--color-black)}.b2c-vod-animation-stage,.b2c-geo-vod-animation-stage{display:contents}.b2c-vod-sticky-holder{position:sticky;top:60px;left:0;width:100%;height:calc(100vh - 80px);height:calc(100svh - 80px);display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;z-index:1}.b2c-vod-bg-holder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.b2c-vod-bg-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.b2c-vod-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07090d73,#07090db3 50%,#000000e6,#000);pointer-events:none}.b2c-vod-canvas{position:relative;z-index:2;width:min(100%,160svh);height:auto;aspect-ratio:16 / 9;max-width:100%;max-height:100%;object-fit:contain;display:block;pointer-events:none}.b2c-vod-sticky-holder .b2c-vod-canvas{transform:translate(-10%)}.b2c-vod-content-holder{position:relative;z-index:10;margin-top:calc(-100svh + 80px);margin-left:50%;width:50%;max-width:800px;padding:clamp(3rem,8svh,6rem) clamp(1.5rem,5vw,5rem) clamp(100px,10vw,180px) 0;display:flex;flex-direction:column;box-sizing:border-box;pointer-events:auto}.b2c-vod-title-wrap{width:100%;text-align:left;margin-bottom:clamp(30px,4vw,60px)}.b2c-vod-title-wrap .overview-category{display:flex;align-items:center;justify-content:start;gap:0;padding:0;margin-bottom:clamp(10px,1.2vw,18px);font-size:clamp(14px,.95vw,17px);font-weight:700;color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-sans)}.b2c-vod-title-wrap .overview-category p{color:#ffffffd9;margin:0;padding:0}.b2c-vod-title-wrap .overview-title{margin:0;text-align:left;font-family:var(--font-sans);font-size:clamp(2rem,3.2vw,3rem)!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.03em!important;word-break:keep-all;color:var(--color-white)!important}.b2c-value-section{width:100%;margin-top:clamp(2rem,3vw,4rem);text-align:left}.b2c-value-section .value h3{font-family:var(--font-sans);font-size:var(--font-title-lg)!important;font-weight:700;line-height:1.25;color:var(--color-white)!important;letter-spacing:-.02em;margin:0 0 clamp(1.5rem,2.5vw,3rem) 0;text-align:left}.b2c-value-list{display:grid;grid-template-columns:repeat(1,1fr);gap:0;list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.3)}.b2c-value-list li{padding-top:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.b2c-value-list li h4{font-family:var(--font-sans);font-size:clamp(1.2rem,1.35vw,1.45rem);font-weight:700;color:var(--color-white);line-height:1.45;letter-spacing:-.015em;margin-bottom:.85rem;word-break:keep-all}.b2c-value-list li p{font-family:var(--font-sans);font-size:var(--font-body-md);line-height:1.6;color:#ffffffa6;font-weight:500;margin:0;word-break:keep-all}.b2c-benefits{width:100%;text-align:left;box-sizing:border-box;pointer-events:auto;margin-top:5rem!important}.b2c-benefits h3{font-family:var(--font-sans);font-size:var(--font-title-lg)!important;font-weight:700;line-height:1.25;color:var(--color-white)!important;letter-spacing:-.02em;margin:0 0 1.5rem;text-align:left}.b2c-benefits ol{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;list-style:none;padding:0;margin:0}.b2c-benefits ol li{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,2vw,2.25rem);background-color:var(--color-white);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-md);box-shadow:none;min-height:180px;box-sizing:border-box;transition:border-color .25s ease,background-color .25s ease}.b2c-benefits ol li h4{font-family:var(--font-sans);font-size:clamp(1.2rem,1.35vw,1.45rem);line-height:1.45;font-weight:700;color:var(--color-black);letter-spacing:-.015em;margin:0;word-break:keep-all}.b2c-benefits ol li .b2c-card-label{font-family:var(--font-sans);font-size:clamp(.95rem,1.05vw,1.15rem);line-height:1.3;font-weight:500;color:var(--color-black);letter-spacing:.04em;margin-top:clamp(1.5rem,2vw,2.5rem);margin-bottom:0;display:inline-flex;align-items:center}.b2c-features-section{margin-top:0}.b2c-features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.3)}.b2c-feature-item{min-width:0;display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.4vw,20px) 0;padding:50px 0;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:none;box-sizing:border-box;flex-direction:column;transition:transform .25s ease}.b2c-feature-icon{flex-shrink:0;width:clamp(28px,2.4vw,36px);height:clamp(28px,2.4vw,36px);border-radius:0;background-color:transparent;display:flex;align-items:center;justify-content:center;color:var(--color-white)}.b2c-feature-icon svg{width:100%;height:100%;color:var(--color-white);stroke:var(--color-white)}.b2c-feature-title{font-family:var(--font-sans);font-size:var(--font-body-lg);font-weight:700;color:var(--color-white);letter-spacing:-.02em;line-height:1.3;word-break:keep-all;overflow-wrap:anywhere;max-width:100%;text-align:center}.b2c-feature-bullet-points{margin-top:clamp(1.8rem,2.5vw,3rem);list-style:none;padding:0;display:flex;flex-direction:column;gap:.9rem}.b2c-feature-bullet-points li{position:relative;padding-left:1.4rem;font-family:var(--font-sans);font-size:clamp(1.05rem,1.2vw,1.3rem);font-weight:600;color:var(--color-white);line-height:1.5;letter-spacing:-.015em;word-break:keep-all}.b2c-feature-bullet-points li:before{content:"";position:absolute;left:0;top:.7em;transform:translateY(-50%);width:6px;height:6px;border-radius:var(--radius-circle);background-color:var(--color-white)}#tech-sqa-iot.overview-section{padding-top:0!important;overflow-x:clip;position:relative}.b2c-geo-vod-sequence{position:relative;min-height:220vh;background-color:var(--color-white);background-image:url(../tod-UdO09nlM.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.b2c-geo-vod-sticky-holder{position:sticky;z-index:0;top:60px;height:calc(100svh - 60px);overflow:hidden}.b2c-geo-vod-sticky-holder .b2c-vod-canvas{position:absolute;top:0;right:0;bottom:0;left:-20%;width:100%;height:100%}#tech-sqa-iot .b2c-geo-vod-sequence>.section-head{position:relative;z-index:1;padding-top:clamp(90px,9vw,150px)}#tech-sqa-iot .b2c-geo-vod-sequence>.section-head .section-category p{color:var(--color-black)}#tech-sqa-iot .b2c-geo-vod-sequence>.b2c-geo-value-content{position:relative;z-index:1;width:100%;max-width:52rem;margin:0 auto;padding:0 clamp(1.5rem,3vw,2.5rem) clamp(3rem,6vw,6rem);box-sizing:border-box}.b2c-geo-value-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);list-style:none;padding:0;margin:0}.b2c-geo-value-list li{min-width:0;padding:clamp(1.5rem,2vw,2rem);border-radius:var(--radius-md);background-color:var(--color-b2c-geo-card);text-align:center}.b2c-geo-value-icon{display:flex;align-items:center;justify-content:center;width:clamp(28px,2.4vw,36px);height:clamp(28px,2.4vw,36px);margin:0 auto 1rem;color:var(--color-white)}.b2c-geo-value-icon svg{width:100%;height:100%}.b2c-geo-value-list h4{margin:0 0 .85rem;color:var(--color-white);font-family:var(--font-sans);font-size:clamp(1.1rem,1.5vw,1.45rem);font-weight:700;line-height:1.45;word-break:keep-all}.b2c-geo-value-list p{margin:0;color:var(--color-white);font-family:var(--font-sans);font-size:var(--font-body-md);line-height:1.6;word-break:keep-all}@media(max-width:1023px){.b2c-scroll-vod-section{min-height:0}.b2c-geo-vod-animation-stage{display:block;position:relative}.b2c-vod-animation-stage{display:contents}.b2c-geo-vod-animation-stage{height:190svh}.b2c-vod-sticky-holder,.b2c-geo-vod-sticky-holder{top:60px;height:calc(100svh - 60px)}.b2c-vod-sticky-holder .b2c-vod-canvas,.b2c-geo-vod-sticky-holder .b2c-vod-canvas{position:absolute;top:5%;right:auto;bottom:auto;left:50%;width:auto;max-width:none;height:min(90%,156vw);max-height:none}.b2c-vod-sticky-holder .b2c-vod-canvas{transform:translate(calc(-43% - 10vw))}.b2c-geo-vod-sticky-holder .b2c-vod-canvas{transform:translate(-36%)}.b2c-vod-content-holder{margin-top:calc(-100svh + 60px);margin-left:50%;width:50%;padding:clamp(3rem,6vw,5rem) clamp(1rem,3vw,2rem) clamp(4rem,8vw,7rem) 0}.b2c-geo-vod-sequence{min-height:0;background-attachment:scroll}#tech-sqa-iot .b2c-geo-vod-sequence>.section-head{padding-top:clamp(3rem,6vw,5rem)}#b2c-process{margin-top:0!important}}@media(max-width:1023px){.b2c-value-list,.b2c-features-grid,.b2c-geo-value-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.b2c-geo-vod-animation-stage{height:175svh}.b2c-vod-sticky-holder,.b2c-geo-vod-sticky-holder{top:58px;height:calc(100svh - 58px)}.b2c-vod-sticky-holder .b2c-vod-canvas,.b2c-geo-vod-sticky-holder .b2c-vod-canvas{top:10%;height:min(80%,156vw)}.b2c-vod-sticky-holder .b2c-vod-canvas{top:15%;height:min(70%,115vw)}.b2c-vod-content-holder{margin-top:calc(-100svh + 58px);padding:3rem 1rem 5rem 0}.b2c-vod-title-wrap .overview-title{font-size:clamp(1.25rem,3.2vw,2rem)!important}.b2c-value-list,.b2c-features-grid{grid-template-columns:1fr}}@media(max-width:479px){.b2c-vod-content-holder{padding-right:.75rem}.b2c-features-grid{grid-template-columns:1fr}.b2c-feature-item{padding:2rem .75rem}}@media(max-width:1024px){.b2c-scroll-vod-section{min-height:0}.b2c-vod-animation-stage{display:block;position:relative;height:200svh}.b2c-vod-sticky-holder{top:60px;height:calc(100svh - 60px)}.b2c-vod-sticky-holder .b2c-vod-canvas{position:absolute;top:50%;left:50%;right:auto;bottom:auto;width:auto;height:min(90%,150vw);max-width:none;max-height:none;transform:translate(-36%,-50%)}.b2c-vod-content-holder{margin:0 auto;width:100%;max-width:800px;padding:3rem clamp(1rem,4vw,2.5rem) 5rem}}@media(max-width:767px){.b2c-vod-sticky-holder{top:58px;height:calc(100svh - 58px)}}@media(max-width:1440px){.b2c-features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.b2c-sticky-scroll-section{position:relative;width:100%;height:260vh;background-color:var(--color-black);background-image:linear-gradient(#050b1429,#050b1429),url(../roadmap-ninebanpo-building-D0wWq336.jpg);background-position:center;background-size:cover;background-attachment:fixed}.b2c-sticky-viewport{position:sticky;top:0;left:0;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.overview-history-banner.b2c-circles-banner{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100vh;padding:0;display:flex;align-items:center;box-sizing:border-box;margin-top:0}.b2c-circles-banner .banner-media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.b2c-circles-banner .banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#050b1480,#050a12c7)}.b2c-circles-banner .banner-content{position:relative;z-index:3;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.b2c-circles-banner .overview-inner{margin-bottom:clamp(40px,4.5vw,64px);text-align:center}.b2c-circles-banner .overview-category{display:flex;align-items:center;justify-content:center;gap:0;padding:0;margin-bottom:clamp(14px,1.4vw,24px);font-size:clamp(14px,.95vw,17px);font-weight:700;color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-sans)}.b2c-circles-banner .overview-category p{color:#ffffffb3;margin:0;padding:0}.b2c-circles-banner .overview-title{margin:0 auto;text-align:center;font-family:var(--font-sans);font-size:clamp(2rem,3.2vw,3rem)!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.03em!important;word-break:keep-all;color:var(--color-white)!important}.b2c-circles-container{width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(16px,2vw,32px);box-sizing:border-box}.b2c-circles-wrapper{position:relative;display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:clamp(80px,8vw,160px)}.b2c-circle-col{display:flex;flex-direction:column;align-items:center;width:260px;position:relative}.b2c-circle-col:not(:last-child) .b2c-circle-item:after{content:"";position:absolute;top:50%;left:100%;width:clamp(80px,8vw,160px);height:1px;background-color:var(--color-white);transform:translateY(-50%) scaleX(var(--line-progress, 0));transform-origin:left center;pointer-events:none;z-index:1;transition:opacity .2s ease;will-change:transform}.b2c-circle-item{position:relative;width:260px;height:260px;flex:0 0 260px;border-radius:var(--radius-circle);border:1px solid rgba(255,255,255,.25);background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;box-sizing:border-box;opacity:.25;box-shadow:none!important;text-shadow:none!important;filter:none!important;transition:opacity .3s cubic-bezier(.16,1,.3,1),border-color .3s ease}.b2c-circle-col.is-active .b2c-circle-item{opacity:1;border-color:var(--color-white)}.b2c-circle-item .circle-dot{position:absolute;top:50%;width:8px;height:8px;background-color:var(--color-white);border-radius:var(--radius-circle);transform:translateY(-50%) scale(.6);opacity:0;z-index:2;box-shadow:none!important;transition:opacity .3s ease,transform .3s cubic-bezier(.16,1,.3,1)}.b2c-circle-col.is-active .b2c-circle-item .circle-dot{opacity:1;transform:translateY(-50%) scale(1)}.b2c-circle-desc-block{margin-top:28px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.b2c-desc-line{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--font-body-md);line-height:1.45;letter-spacing:-.02em;color:var(--color-white);opacity:.25;transform:translateY(6px);transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);word-break:keep-all;white-space:nowrap}.b2c-circle-col.is-active .b2c-desc-line{opacity:1;transform:translateY(0)}.b2c-circle-item .circle-dot--left{left:-5px}.b2c-circle-item .circle-dot--right{right:-5px}.b2c-circle-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.b2c-circle-title{font-family:var(--font-sans);font-size:1.6rem;font-weight:700;line-height:1.35;color:var(--color-white);margin:0;letter-spacing:-.025em;word-break:keep-all}@media(min-width:1440px)and (max-width:1600px),(min-width:1024px)and (max-width:1439px),(min-width:768px)and (max-width:1023px),(min-width:480px)and (max-width:767px),(max-width:479px){.b2c-circles-wrapper{gap:clamp(40px,4vw,70px)}.b2c-circle-col{width:220px}.b2c-circle-item{width:220px;height:220px;flex:0 0 220px;padding:20px}.b2c-circle-title{font-size:1.4rem}.b2c-desc-line{font-size:var(--font-body)}.b2c-circle-col:not(:last-child) .b2c-circle-item:after{width:clamp(40px,4vw,70px)}}@media(min-width:768px)and (max-width:1023px),(min-width:480px)and (max-width:767px),(max-width:479px){.b2c-circles-wrapper{flex-direction:column;align-items:center;gap:48px}.b2c-circle-col:not(:last-child) .b2c-circle-item:after{display:none}.b2c-sticky-scroll-section{height:auto;padding:0;background-attachment:scroll}.b2c-sticky-viewport{position:relative;height:auto}.overview-history-banner.b2c-circles-banner{position:relative;min-height:auto}.b2c-circles-banner .banner-content{padding:100px 0;box-sizing:border-box}}
