@font-face{font-family:Jakarta;src:url('/assets/jakarta-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Jakarta;src:url('/assets/jakarta-vietnamese.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.site-header nav{margin-right:24px}
.language-picker{position:relative;font-size:12px;color:#dae4f0;flex-shrink:0}
.language-picker summary{height:40px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--edge);border-radius:100px;cursor:pointer;list-style:none;user-select:none;background:rgba(8,13,23,.72)}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary>svg{width:16px;height:16px}
.language-picker summary .language-chevron{width:12px;height:12px;color:#93a3b8}
.language-picker summary:hover,.language-picker[open] summary{border-color:rgba(36,220,242,.5);color:var(--cyan)}
.language-picker summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.language-list{position:absolute;top:calc(100% + 12px);right:0;width:218px;padding:10px;background:#0a101c;border:1px solid rgba(113,153,184,.28);border-radius:13px;box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:15}
.language-list-title{font-size:11px;color:#9caec3;margin:4px 10px 7px}
.language-list a{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;min-height:43px;border-radius:6px;font-size:13px;line-height:1.4;color:#dce6f2}
.language-list a:hover{background:rgba(63,117,153,.15);color:white}
.language-list a[aria-current=true]{background:rgba(28,138,162,.14);color:var(--cyan)}
.language-code{font-size:10px;color:#93a3b8}
.language-list a[aria-current=true] .language-code{color:var(--cyan)}
.language-list .language-auto{justify-content:flex-start;margin-top:7px;padding-top:12px;border-top:1px solid var(--edge);border-radius:0;font-size:11px;color:#afbed2}
.language-picker:not([open]) .language-list{display:none}
html[lang=vi] body{font-family:Jakarta,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html[lang=vi] h1{font-size:clamp(42px,4.55vw,72px);line-height:1.16;letter-spacing:-.045em}
html[lang=vi] h2{font-size:clamp(35px,3.9vw,60px);line-height:1.2;letter-spacing:-.04em}
html[lang=vi] .hero-description{font-size:clamp(15px,1.25vw,18px);line-height:1.85;max-width:460px}
html[lang=vi] .feature-description{font-size:16px;line-height:1.9}
html[lang=vi] .closing h2{font-size:clamp(48px,5.4vw,82px)}
html[lang=vi] .intro__statement p{letter-spacing:-.045em;line-height:1.2;font-size:clamp(40px,5.2vw,72px)}
html[lang=vi] dialog h2{font-size:32px}
html[lang=zh-CN] body{font-family:Outfit,'PingFang SC','Microsoft YaHei','Noto Sans CJK SC','WenQuanYi Zen Hei',sans-serif}
html[lang=zh-CN] h1{font-size:clamp(48px,5.1vw,82px);line-height:1.22;letter-spacing:-.025em;font-weight:550}
html[lang=zh-CN] h2{font-size:clamp(41px,4.4vw,68px);line-height:1.28;letter-spacing:-.02em}
html[lang=zh-CN] .hero-description,html[lang=zh-CN] .feature-description{line-height:1.9}
html[lang=zh-CN] .closing h2{font-size:clamp(57px,6vw,90px)}
html[lang=zh-CN] .intro__statement p{letter-spacing:-.025em;line-height:1.25}
html[lang=zh-CN] dialog h2{font-size:32px}
html[lang=vi] .legal-page h1,html[lang=zh-CN] .legal-page h1{font-size:clamp(38px,4.5vw,62px)}
html[lang=vi] .legal-page h2,html[lang=zh-CN] .legal-page h2{font-size:24px;letter-spacing:-.02em}
@media(max-width:1000px){.site-header nav{margin-right:12px}.language-picker summary{padding:0 9px}html[lang=vi] h1{font-size:clamp(39px,5vw,53px)}html[lang=vi] h2{font-size:clamp(32px,4.4vw,47px)}html[lang=zh-CN] h1{font-size:clamp(45px,5.6vw,62px)}}
@media(max-width:700px){
  .site-header nav{margin-right:0}.language-picker summary{height:38px;padding:0 9px;gap:5px;font-size:11px}.language-picker summary .language-chevron{display:none}.language-list{width:205px}.language-picker summary>svg{width:15px;height:15px}
  html[lang=vi] h1{font-size:clamp(34px,8.7vw,50px);line-height:1.22}html[lang=vi] h2{font-size:clamp(31px,7.5vw,44px);line-height:1.25}html[lang=vi] .hero-description,html[lang=vi] .feature-description{font-size:14px;line-height:1.85}html[lang=vi] .hero-meta{font-size:9px;gap:12px}html[lang=vi] .availability{font-size:10px}html[lang=vi] .closing h2{font-size:clamp(43px,10.5vw,60px)}html[lang=vi] dialog h2{font-size:27px}html[lang=vi] .intro__statement p{font-size:clamp(34px,9.5vw,49px)}
  html[lang=zh-CN] h1{font-size:clamp(42px,11vw,61px);line-height:1.25}html[lang=zh-CN] h2{font-size:clamp(35px,9vw,49px);line-height:1.3}html[lang=zh-CN] .closing h2{font-size:clamp(49px,12vw,68px)}html[lang=zh-CN] .feature-description{font-size:15px}html[lang=vi] .site-header nav a{font-size:11px}
}
@media(max-width:420px){.site-header nav{display:none}.header-actions{margin-left:auto}.site-header{gap:8px}.wordmark{font-size:23px}.wordmark img{width:32px;height:32px}.language-picker summary{min-width:56px}.legal-page h1{overflow-wrap:anywhere}}
@media(max-width:350px){.wordmark{font-size:21px;gap:6px}.wordmark img{width:29px;height:29px}.language-picker summary{padding:0 8px}html[lang=vi] h1{font-size:31px}html[lang=vi] .hero-description{font-size:13px}html[lang=vi] .hero-meta{font-size:8px}html[lang=vi] .availability{font-size:9px}}
