:root{color-scheme:dark;--bg:#000000;--panel:#10151e;--line:#2a3648;--ink:#f4f7fc;--muted:#9ba9be;--blue:#aecfff;--ice:#ddedff;--gap:16px;--card-w:280px}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:BBPretendard,BBPretendardFull,Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #b9dbff;outline-offset:5px}button:disabled{cursor:default;opacity:.45}[hidden],.is-hidden{display:none!important}button{color:inherit}svg{display:block}::selection{background:#375f9b;color:#fff}
.topbar{height:76px;max-width:1440px;padding:0 4.1%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff0c}.wordmark{font-size:23px;font-weight:730;letter-spacing:-1.1px}.wordmark b{font-weight:460;color:#a9bbd3}.version-tabs{display:flex;align-items:center;background:#111721;border:1px solid #28303c;border-radius:7px;padding:4px;gap:3px}.version-tabs button{border:0;background:transparent;padding:10px 20px;border-radius:4px;color:#91a0b7;font-size:13px;font-weight:650;letter-spacing:-.2px;white-space:nowrap}.version-tabs button span{font-size:10px;letter-spacing:.7px;color:#61728e;margin-right:8px}.version-tabs button[aria-selected=true]{background:#29364b;color:#eff7ff;box-shadow:inset 0 0 0 1px #6a8bb14a,0 2px 8px #0003}.version-tabs button[aria-selected=true] span{color:#b2d6ff}.motion-button{border:0;background:transparent;color:#8998ae;font-size:12px;padding:10px 0;min-width:92px;text-align:right}.motion-button:before{content:'Ⅱ';color:#c0d9f8;margin-right:8px}.motion-button[aria-pressed=true]:before{content:'▷'}
.hero{min-height:calc(100svh - 76px);padding:40px 0 32px;overflow:hidden;background:#000000}.hero-copy{text-align:center;padding:0 24px;max-width:1120px;margin:0 auto}.hero-copy h1{margin:0;font-size:clamp(34px,4.2vw,60px);font-weight:760;line-height:1.23;letter-spacing:-2.8px;word-break:keep-all}.hero-copy h1 span{display:block}.hero-copy h1 span:last-child{color:#c7dcfa}.hero-copy p{margin:19px 0 0;font-size:17px;line-height:1.65;letter-spacing:-.45px;color:#9ba9be;font-weight:450;word-break:keep-all}.actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:23px}.cta{display:inline-flex;align-items:center;gap:26px;height:45px;padding:0 22px;border-radius:5px;background:#d8eaff;color:#0c182d;font-size:14px;font-weight:750;box-shadow:inset 0 1px 0 #fff6;transition:background .2s,transform .2s}.cta:hover{background:#f1f7ff;transform:translateY(-2px)}.cta span{font-size:21px;font-weight:400}.text-cta{height:45px;border:0;border-bottom:1px solid #72819677;background:none;padding:0 0 0;color:#c5cfde;font-size:14px;font-weight:600}.text-cta span{margin-left:16px;font-size:19px}.text-cta:hover{color:#fff;border-color:#d2e7ff}
.factory{width:min(1280px,92%);margin:30px auto 0;display:grid;grid-template-columns:18% 8% 74%;align-items:center;position:relative;padding-top:56px;--card-w:calc((min(1280px,92vw)*.74 - 32px)/3)}.source{grid-column:1;position:relative;z-index:2;margin:0;background:linear-gradient(145deg,#1b2330,#0f141d 70%);border:1px solid #42516b;border-radius:8px;min-width:0;box-shadow:0 18px 38px #0005;isolation:isolate}.source:before,.source:after,.market-card:before,.market-card:after,.flip-front:before,.flip-front:after{content:'';position:absolute;pointer-events:none;width:14px;height:14px;border-color:#bedcff;border-style:solid;opacity:.64;z-index:4}.source:before,.market-card:before,.flip-front:before{top:-1px;left:-1px;border-width:1px 0 0 1px;border-radius:8px 0 0 0}.source:after,.market-card:after,.flip-front:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0;border-radius:0 0 8px 0}.source img{width:100%;height:246px;object-fit:contain;padding:25px 20px 4px;display:block;filter:drop-shadow(0 14px 13px #0008)}.source figcaption{padding:11px 0 18px;text-align:center;font-size:13px;font-weight:600;color:#bdc9db;letter-spacing:-.3px}.source-badge{position:absolute;top:12px;left:14px;width:5px;height:5px;border:1px solid #a7c6ef;background:#a7c6ef44;box-shadow:0 0 12px #7eb8ff33}.connector{grid-column:2;position:relative;align-self:stretch;pointer-events:none}.factory-wires{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.wire-base{stroke:#759dd150;fill:none;stroke-width:1.2;vector-effect:non-scaling-stroke}.wire-light{stroke:#d4eaff;fill:none;stroke-width:2;stroke-dasharray:9 91;stroke-dashoffset:109;filter:drop-shadow(0 0 4px #84b9ffa0);animation:wire-travel 4.4s linear infinite;animation-delay:var(--delay,0s);vector-effect:non-scaling-stroke}.wire-port{fill:#d2e6ff;stroke:#accfff;stroke-width:1;filter:drop-shadow(0 0 4px #b8d8ff88)}@keyframes wire-travel{to{stroke-dashoffset:-91}}
.output{grid-column:3;position:relative;min-width:0;z-index:2}.output-label{position:absolute;left:0;right:0;top:-42px;display:flex;align-items:center;justify-content:space-between;padding:0 2px;color:#bfd7f6;font-size:14px;font-weight:650;letter-spacing:-.2px}.output-label .count{font-size:10px;font-weight:550;color:#72869f;letter-spacing:1.6px}.output-label .count i{display:inline-block;width:4px;height:4px;background:#a7ccff;box-shadow:0 0 10px #a7ccff88;margin-right:9px;vertical-align:2px;animation:status-breathe 2.2s linear infinite}@keyframes status-breathe{50%{opacity:.4}}.rolling-viewport{overflow:hidden;width:100%;padding:1px 0 2px;mask-image:linear-gradient(to right,#000 0%,#000 96%,transparent 100%)}.rolling-track{display:flex;gap:16px;width:max-content;will-change:transform}.rolling-group{display:flex;gap:16px;flex-shrink:0}.market-card{position:relative;flex:0 0 var(--card-w);width:var(--card-w);border:1px solid #43516a;border-radius:8px;background:linear-gradient(130deg,#202b3d,#121a26);padding:0 6px 6px;box-shadow:0 18px 30px #0003;overflow:visible}.market-heading{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 7px}.market-heading h2{font-size:14px;font-weight:670;letter-spacing:-.2px;margin:0;color:#f0f5ff}.country-code{font-size:9px;letter-spacing:1.3px;font-weight:550;color:#9fb6d6;border-left:1px solid #566882;padding-left:10px}.campaign-photo{aspect-ratio:3/4;overflow:hidden;background:#1c2534;border-radius:4px;position:relative}.campaign-photo svg{width:100%;height:100%;object-fit:cover}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:28px 10px 10px;background:linear-gradient(transparent,#040a15a6);display:flex;align-items:center;justify-content:space-between;gap:6px;pointer-events:none}.photo-caption span{font-size:9px;font-weight:650;letter-spacing:1.5px;color:#f7f9fe}.photo-caption b{font-size:13px;line-height:1;font-weight:400;color:#e7f3ff}.factory-foot{width:min(1280px,92%);margin:15px auto 0;display:flex;justify-content:flex-end;color:#6f7f96;font-size:11px;line-height:1.5}.factory-foot p{margin:0}.factory-foot .foot-inner{width:74%;display:flex;justify-content:space-between;align-items:center;gap:18px}.track-mark{display:inline-block;width:22px;height:1px;background:#6a8ab5;margin:0 9px 3px 0}.rolling-hint{color:#b0bfce}
.flip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flip-card{position:relative;min-width:0;perspective:1500px;aspect-ratio:3/4.63}.flip-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.7,.25,1);will-change:transform}.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;inset:0;border:1px solid #43516a;border-radius:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.flip-front{background:linear-gradient(130deg,#202b3d,#121a26);padding:0 6px 6px}.flip-front .campaign-photo{height:calc(100% - 42px);aspect-ratio:auto}.flip-back{transform:rotateY(180deg);background:linear-gradient(145deg,#263a56 0%,#111c2d 52%,#101821 100%);border-color:#6887b1;padding:23px 22px 20px;display:flex;flex-direction:column;box-shadow:inset 0 0 60px #1a2f4833}.flip-back:before{content:'';width:32px;height:2px;background:#bedfff;box-shadow:0 0 10px #88b9ff77;margin-bottom:16px}.back-en{font-size:9px;font-weight:600;letter-spacing:1.4px;color:#a6c7ee;line-height:1.3;margin:0 0 5px}.back-country{font-size:clamp(21px,2vw,30px);font-weight:720;letter-spacing:-1px;line-height:1.2;margin:0 0 20px;color:#f3f8ff}.flip-back dl{margin:0;display:grid;gap:14px}.flip-back dl div{border-top:1px solid #bcd9ff20;padding-top:10px}.flip-back dt{font-size:9px;letter-spacing:1px;font-weight:600;color:#7e99bc;margin-bottom:5px}.flip-back dd{font-size:12px;line-height:1.5;color:#e0eafa;letter-spacing:-.3px;margin:0;word-break:keep-all;font-weight:550}.back-footer{margin:auto 0 0;padding-top:12px;display:flex;justify-content:space-between;color:#9ab4d7;font-size:9px;letter-spacing:.2px}.back-footer span:last-child{font-size:18px;line-height:11px}.flip-toggle{position:absolute;inset:0;background:transparent;border:0;border-radius:8px;z-index:5}.flip-toggle:focus-visible{outline-offset:4px}.flip-card:hover .flip-front,.flip-card:hover .flip-back{border-color:#a6caff}.flip-actions{display:flex;gap:15px}.small-button{border:0;background:none;color:#bccbe0;font-size:11px;padding:6px 0;font-weight:500;white-space:nowrap}.small-button:hover{color:#fff}.small-button:last-child:after{content:'↗';margin-left:8px;color:#d4e7ff;font-size:14px}.flip-note{color:#63748e;font-size:10px}.motion-paused *{animation-play-state:paused!important}.flip-manual .flip-factory .wire-light{animation-play-state:paused}.flip-manual .flip-factory .count i{animation-play-state:paused}.dialog{max-width:380px;width:calc(100% - 40px);background:#121b29;border:1px solid #4c607d;color:#e6eefc;border-radius:12px;padding:28px;box-shadow:0 30px 100px #0009}.dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}.dialog h2{font-size:21px;margin:0 0 12px;letter-spacing:-.5px}.dialog p{font-size:14px;line-height:1.7;color:#a6b6cd;margin:0 0 22px;word-break:keep-all}.dialog button{border:1px solid #536783;background:#24354f;border-radius:5px;padding:9px 18px;font-size:13px}
@media(min-width:1600px){.hero{padding-top:52px}.factory{margin-top:40px}.hero-copy p{font-size:18px}}
@media(max-width:1100px){.topbar{padding:0 4%;gap:16px}.wordmark{font-size:20px}.hero-copy h1{font-size:49px;letter-spacing:-2.3px}.factory{grid-template-columns:17% 7% 76%;--card-w:calc((92vw*.76 - 32px)/3)}.source img{height:213px;padding:26px 10px 3px}.source figcaption{font-size:11px}.factory-foot .foot-inner{width:76%}.flip-back{padding:17px 14px 14px}.back-country{margin-bottom:12px;font-size:25px}.flip-back dl{gap:8px}.flip-back dl div{padding-top:7px}.flip-back dd{font-size:11px}.back-footer{font-size:8px}.flip-card{aspect-ratio:3/4.95}}
@media(max-width:900px){.topbar{height:auto;min-height:106px;display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:16px;padding-bottom:12px}.wordmark{font-size:20px}.motion-button{font-size:11px}.version-tabs{grid-column:1/-1;grid-row:2;justify-content:center;width:100%}.version-tabs button{width:50%;padding:9px 8px;font-size:12px}.hero{padding:32px 0 24px;min-height:calc(100svh - 106px)}.hero-copy{padding:0 18px}.hero-copy h1{font-size:clamp(28px,5.4vw,40px);letter-spacing:-1.4px;line-height:1.3}.hero-copy p{font-size:13px;letter-spacing:-.25px;line-height:1.75;margin-top:15px}.actions{margin-top:20px;gap:22px}.cta{height:41px;font-size:12px;padding:0 17px;gap:21px}.text-cta{height:41px;font-size:12px}.factory{grid-template-columns:1fr;width:92%;padding-top:0;margin-top:28px;row-gap:52px;--card-w:calc((92vw - 32px)/2.25)}.source{grid-column:1;width:150px;height:88px;display:flex;align-items:center;border-radius:6px;background:linear-gradient(145deg,#1a2639,#101824)}.source img{width:69px;height:82px;padding:8px 0 8px 10px}.source figcaption{font-size:10px;padding:0 10px 0 0;line-height:1.5;width:77px;word-break:keep-all}.source-badge{top:8px;left:8px;width:3px;height:3px}.connector{display:none}.output{grid-column:1}.output-label{top:-32px;font-size:13px}.factory-wires{display:none}.factory:before{content:'';position:absolute;top:43px;left:150px;right:0;height:76px;border-top:1px solid #789fd366;border-right:1px solid #789fd366;border-radius:0 8px 0 0}.factory:after{content:'';position:absolute;right:-2px;top:117px;width:5px;height:5px;background:#cbe6ff;box-shadow:0 0 9px #9bc7ff}.rolling-viewport{overflow-x:hidden;scrollbar-width:none;mask-image:linear-gradient(to right,#000 0%,#000 94%,transparent 100%)}.rolling-viewport::-webkit-scrollbar{display:none}.market-heading{height:35px;padding:0 5px}.market-heading h2{font-size:12px}.country-code{font-size:8px;padding-left:7px}.campaign-photo{aspect-ratio:3/4.25}.market-card{padding:0 4px 4px}.photo-caption{padding:25px 7px 8px}.photo-caption span{font-size:7px;letter-spacing:1px}.factory-foot{margin-top:12px}.factory-foot .foot-inner{width:100%;font-size:10px;align-items:flex-start}.factory-foot p{max-width:65%}.flip-grid{grid-template-columns:repeat(3,228px);gap:14px;overflow-x:auto;padding:1px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#344862 transparent}.flip-card{aspect-ratio:3/4.9;scroll-snap-align:center}.flip-front .campaign-photo{height:calc(100% - 42px)}.flip-front .market-heading{height:42px}.flip-back{padding:20px 18px}.flip-back dl{gap:12px}.back-country{font-size:26px;margin-bottom:16px}.flip-back dd{font-size:12px}.back-footer{font-size:9px}.flip-factory .output{margin-right:-4.35%;min-width:0}.flip-factory .output-label{right:4.2%}.flip-actions{gap:12px;flex-wrap:wrap;justify-content:flex-end}.small-button{font-size:10px}.flip-foot .foot-inner{gap:8px}.flip-note{font-size:9px;line-height:1.5;max-width:44%}.dialog h2{font-size:20px}}
@media(max-width:390px){.hero-copy h1{font-size:26px;letter-spacing:-1.25px}.hero-copy p{font-size:12px}.factory{--card-w:calc((92vw - 16px)/1.65)}.rolling-hint{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.rolling-viewport{overflow-x:auto;mask-image:none}.rolling-group[aria-hidden=true]{display:none}.rolling-track{transform:none!important}}

.text-cta{display:inline-flex;align-items:center}.factory-offscreen *{animation-play-state:paused!important}

.flip-card{min-height:410px}@media(max-width:1100px){.flip-card{min-height:365px}}@media(max-width:900px){.flip-card{min-height:380px}}

/* Reference-inspired cobalt halftone, confined to the outer whitespace. */
.topbar{background:#000000}
.hero{position:relative;isolation:isolate;background:#000000}
.hero-copy,.factory-foot{position:relative;z-index:2}
.factory{z-index:2}
.hero-decoration{position:absolute;z-index:0;pointer-events:none;user-select:none;background-repeat:no-repeat;background-size:100% 100%}
.decor-left{width:clamp(190px,18vw,280px);aspect-ratio:240/620;left:clamp(-115px,-7.2vw,-65px);top:7px;opacity:.82;background-image:url('/landing/v23/media/2ff9674184421e3277cf.svg');mask-image:linear-gradient(90deg,#000 0%,#000 54%,transparent 100%)}
.decor-right{width:clamp(370px,38vw,570px);aspect-ratio:620/240;right:clamp(-285px,-18vw,-165px);top:33px;opacity:.86;background-image:url('/landing/v23/media/f7ab6e3726fc53a0fef6.svg');mask-image:linear-gradient(90deg,transparent 0%,#000 36%,#000 100%)}
@media(min-width:1600px){.decor-left{left:-70px;top:4px}.decor-right{right:-185px;top:38px}}
@media(max-width:1100px){.decor-left{width:200px;left:-105px;opacity:.7}.decor-right{width:370px;right:-215px;top:30px;opacity:.74}}
@media(max-width:900px){.decor-left{width:150px;left:-113px;top:4px;opacity:.64}.decor-right{width:280px;right:-215px;top:0;opacity:.65}}
@media(max-width:480px){.decor-left{width:120px;left:-102px;top:2px;opacity:.5}.decor-right{width:235px;right:-205px;top:-2px;opacity:.55}}

/* A moving light crest follows the existing dots; the black field stays still. */
.dot-wave{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;filter:drop-shadow(0 0 1.4px #729bff30)}
@media(prefers-reduced-motion:reduce){.dot-wave{display:none}}

/* Localization at the product-to-market branching point. */
.localization-label{position:absolute;z-index:4;left:21.5%;top:-24px;transform:translateX(-50%);padding:7px 14px;background:#101c2c;border:1px solid #83b7f5;border-radius:6px;color:#e6f2ff;font-size:19px;line-height:1.3;font-weight:750;letter-spacing:-.35px;box-shadow:0 0 20px #71adff25;white-space:nowrap}
@media(max-width:1100px) and (min-width:901px){.localization-label{left:20.5%;font-size:17px}}
@media(max-width:900px){.localization-label{left:auto;right:8px;top:21px;transform:none;font-size:16px;padding:9px 12px}}
@media(max-width:390px){.localization-label{right:0;font-size:13px;padding:9px 8px}}

.topbar{display:none!important}html,body{margin:0;overflow:hidden}.hero{min-height:0!important;padding-top:52px;padding-bottom:38px}#version-flip{display:none!important}
@media(max-width:900px){.hero{padding-top:32px;padding-bottom:28px}}

/* Conversion icon sits on the connection beside the product. */
.localization-label{left:21.5%;right:auto;top:58.510638%;transform:translate(-50%,-30px);width:100px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#c5deff;font-size:13px;font-weight:700;line-height:1.3;letter-spacing:-.3px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.localization-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid #719bce;border-radius:17px;background:#111c2c;box-shadow:0 0 22px #669aff22,inset 0 0 0 6px #17263d;color:#aaceff}
.localization-icon svg{width:34px;height:34px}
@media(max-width:1100px) and (min-width:901px){.localization-label{left:20.5%;width:88px;font-size:11px;transform:translate(-50%,-26px)}.localization-icon{width:52px;height:52px;border-radius:15px}}
@media(max-width:900px){.localization-label{left:calc(150px + (100% - 150px)/2);right:auto;top:43px;width:100px;font-size:12px;transform:translate(-50%,-26px);gap:7px}.localization-icon{width:52px;height:52px;border-radius:15px}}

/* Extend the left dotted artwork to the hero section boundary. */
#version-rolling .decor-left{top:8px;bottom:0;height:auto;aspect-ratio:auto}