@font-face{font-family:'Cand Inter';font-style:normal;font-weight:400 800;font-display:swap;
  src:url(wxfonts/cand-inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Cand Source Serif';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(wxfonts/cand-sourceserif4-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Cand Manrope';font-style:normal;font-weight:400 800;font-display:swap;
  src:url(wxfonts/cand-manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}

 
html[lang="en"][data-font="a"]{--v3-head:'Cand Inter';--v3-body:'Cand Inter'}
 
html[lang="en"][data-font="b"]{--v3-head:'Cand Source Serif';--v3-body:'Cand Inter'}
 
html[lang="en"][data-font="c"]{--v3-head:'Cand Manrope';--v3-body:'Cand Manrope'}

html[lang="en"][data-font]{
  --wx-en:var(--v3-head),system-ui,-apple-system,sans-serif;
  --wx-mincho:var(--v3-body),system-ui,-apple-system,sans-serif;
  --wx-gothic:var(--v3-body),system-ui,-apple-system,sans-serif;
  --font-display:var(--v3-body),system-ui,-apple-system,sans-serif}
html[lang="en"][data-font] body{font-family:var(--v3-body),system-ui,-apple-system,sans-serif}
html[lang="en"][data-font] :is(h1,h2,h3,.fv-jp){font-family:var(--v3-head),system-ui,-apple-system,sans-serif}
 
html[lang="en"][data-font] h2{font-weight:600;letter-spacing:-.015em}
html[lang="en"][data-font="b"] h2{font-weight:600;letter-spacing:-.005em}
 
html[lang="en"][data-font] :is(.brand,.logo,.wx-logo,[class*="logo"]){font-family:'Be Vietnam Pro',system-ui,sans-serif}

 
.v3-fontpick{position:fixed;right:16px;top:84px;z-index:200;display:flex;gap:4px;align-items:center;padding:6px;
  border-radius:8px;background:#19192D;color:#fff;font:600 12px/1 system-ui,-apple-system,sans-serif;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.v3-fontpick b{padding:0 6px 0 4px;font-weight:600;opacity:.75}
.v3-fontpick button{padding:8px 10px;border:0;border-radius:6px;background:transparent;color:#fff;font:inherit;cursor:pointer}
.v3-fontpick button[aria-pressed="true"]{background:#E8B023;color:#111}

 
.v3-ap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center;
  padding:clamp(24px,3.4vw,40px);border-radius:8px;background:var(--wx-navy);color:#fff}
.v3-ap__fig{width:100%;height:auto;display:block}
.v3-ap__links line{stroke:var(--brand);stroke-width:1.6;stroke-dasharray:240;stroke-dashoffset:240;opacity:.9;
  transition:stroke-dashoffset 1.1s cubic-bezier(.3,.7,.2,1)}
.v3-ap__links line:nth-child(2){transition-delay:.12s}.v3-ap__links line:nth-child(3){transition-delay:.24s}.v3-ap__links line:nth-child(4){transition-delay:.36s}
.v3-ap__asia circle{fill:rgba(255,255,255,.22);transition:fill .6s,r .6s}
.v3-ap__jp{fill:rgba(255,255,255,.35);transition:fill .5s,r .5s}
.v3-ap__scan{fill:none;stroke:rgba(255,255,255,.5);stroke-width:1.2;stroke-dasharray:4 6;opacity:0;transform-origin:270px 96px;transition:opacity .4s}
.v3-ap__lbl{fill:rgba(255,255,255,.8);font:600 13px/1 var(--v3-body,system-ui),system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.v3-ap__lbl--asia{opacity:.55;transition:opacity .5s}
 
.v3-ap[data-step="1"] .v3-ap__scan{opacity:1;animation:v3spin 9s linear infinite}
 
.v3-ap:not([data-step="1"]) .v3-ap__jp{fill:var(--brand);r:15px}
 
.v3-ap:is([data-step="3"],[data-step="4"]) .v3-ap__links line{stroke-dashoffset:0}
.v3-ap:is([data-step="3"],[data-step="4"]) .v3-ap__asia circle{fill:#fff}
.v3-ap:is([data-step="3"],[data-step="4"]) .v3-ap__lbl--asia{opacity:1}
 
.v3-ap[data-step="4"] .v3-ap__asia circle{fill:var(--brand);r:11px}
.v3-ap[data-step="4"] .v3-ap__jp{r:19px}
@keyframes v3spin{to{transform:rotate(360deg)}}

.v3-ap__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}
.v3-ap__tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:10px 0 12px;border:0;
  background:none;color:rgba(255,255,255,.6);font:600 14px/1.3 var(--v3-head,inherit),system-ui,sans-serif;text-align:left;cursor:pointer;transition:color .3s}
.v3-ap__tabs button span{font-size:12px;letter-spacing:.1em;color:inherit}
.v3-ap__tabs button[aria-selected="true"]{color:#fff}
.v3-ap__tabs button[aria-selected="true"] span{color:var(--brand)}
.v3-ap__tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.v3-ap__bar{height:2px;margin:0 0 22px;background:rgba(255,255,255,.18)}
.v3-ap__bar i{display:block;height:100%;width:25%;background:var(--brand);transition:width .6s cubic-bezier(.3,.7,.2,1)}
.v3-ap[data-step="2"] .v3-ap__bar i{width:50%}.v3-ap[data-step="3"] .v3-ap__bar i{width:75%}.v3-ap[data-step="4"] .v3-ap__bar i{width:100%}
 
.v3-ap__panels{display:grid}
.v3-ap__panel{grid-area:1/1;margin:0;font-size:clamp(16px,1.5vw,19px);line-height:1.65;color:#fff;
  opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s;visibility:hidden}
.v3-ap__panel.is-on{opacity:1;transform:none;visibility:visible}
@media (max-width:860px){
  .v3-ap{grid-template-columns:minmax(0,1fr)}
  .v3-ap__fig{max-width:320px;margin:0 auto}
  .v3-ap__tabs button{font-size:12.5px}
}

 
.v3-tr{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,3vw,40px);margin:0 0 56px;align-items:start}
.v3-tr__tabs{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border-top:1px solid var(--line-soft)}
.v3-tr__tabs button{position:relative;width:100%;padding:16px 8px 16px 18px;border:0;border-bottom:1px solid var(--line-soft);background:none;
  color:var(--muted,#555);font:600 14px/1.45 var(--v3-body,inherit),system-ui,sans-serif;text-align:left;cursor:pointer;transition:color .25s,background .25s}
.v3-tr__tabs button::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:2px;background:transparent;transition:background .25s}
.v3-tr__tabs button[aria-selected="true"]{color:var(--wx-navy);background:var(--wx-white)}
.v3-tr__tabs button[aria-selected="true"]::before{background:var(--brand)}
.v3-tr__tabs button:hover{color:var(--wx-navy)}
.v3-tr__tabs button:focus-visible{outline:2px solid var(--brand-dim);outline-offset:-2px}
.v3-tr__panels{display:grid}
.v3-tr__panel{grid-area:1/1;display:flex;flex-direction:column;min-width:0;padding:clamp(22px,2.6vw,34px);border-radius:8px;background:var(--wx-white);
  opacity:0;visibility:hidden;transform:translateX(12px);transition:opacity .4s,transform .4s}
.v3-tr__panel.is-on{opacity:1;visibility:visible;transform:none}
.v3-tr__panel h3{margin:0 0 12px;font-size:clamp(20px,2vw,24px);line-height:1.35;color:var(--wx-navy)}
.v3-tr__panel p{margin:0 0 18px;font-size:15px;line-height:1.75}
.v3-tr__panel .en-case__tag{margin:0 0 10px;font-size:13px}
.v3-tr__panel .en-case__means{margin:auto 0 0;padding:16px 0 0;border-top:1px solid var(--line-soft)}
@media (max-width:860px){
  .v3-tr{grid-template-columns:minmax(0,1fr)}
   
  .v3-tr__tabs{flex-direction:row;overflow-x:auto;gap:8px;border-top:0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .v3-tr__tabs::-webkit-scrollbar{display:none}
  .v3-tr__tabs li{flex:0 0 auto;scroll-snap-align:start}
  .v3-tr__tabs button{width:auto;max-width:240px;padding:10px 14px;border:1px solid var(--line-soft);border-radius:8px;font-size:13px}
  .v3-tr__tabs button::before{content:none}
  .v3-tr__tabs button[aria-selected="true"]{border-color:var(--wx-navy);background:var(--wx-navy);color:#fff}
}

 
html:not(.v3-js) .v3-ap__panel,html:not(.v3-js) .v3-tr__panel{grid-area:auto;opacity:1;visibility:visible;transform:none}
html:not(.v3-js) .v3-ap__tabs,html:not(.v3-js) .v3-ap__bar,html:not(.v3-js) .v3-tr__tabs{display:none}
html:not(.v3-js) .v3-ap__panels,html:not(.v3-js) .v3-tr__panels{gap:16px}
@media (prefers-reduced-motion:reduce){
  .v3-ap *,.v3-tr *{transition:none!important;animation:none!important}
}
 
html[lang="en"][data-font] #contact .contact-company h3{font-family:var(--v3-head),system-ui,-apple-system,sans-serif}