*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;scroll-padding-top:5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--display-weight,700);letter-spacing:var(--display-tracking,-.02em);text-wrap:balance;margin:0;line-height:1.1}h1{font-size:calc(clamp(2.25rem,5.5vw,4rem))}h2{font-size:calc(clamp(1.75rem,3.6vw,2.75rem))}h3{letter-spacing:-.01em;font-size:1.2rem}p{text-wrap:pretty;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--focus,var(--accent));outline-offset:3px;border-radius:4px}input,select,textarea{font:inherit;font-size:16px}[role=button],a,button{touch-action:manipulation}.container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1.25rem}@media (width>=768px){.container{padding-inline:2rem}}.section{padding-block:calc(clamp(3.5rem,8vw,6.5rem))}.lede{max-width:60ch;font-size:1.125rem}.lede,.muted{color:var(--muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border-radius:var(--radius-control);min-height:3rem;font-family:var(--font-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:1rem;font-weight:650;line-height:1.1;text-decoration:none;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s,border-color .16s,color .16s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--ghost{border-color:var(--line-strong);color:var(--ink);background:0 0}@media (hover:hover) and (pointer:fine){.btn--primary:hover{background:var(--accent-hover)}.btn--ghost:hover{border-color:var(--ink)}}.btn svg{flex:none}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.reveal{animation:linear both reveal-rise;animation-timeline:view();animation-range:entry 0 entry 35%}}}@keyframes reveal-rise{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:none}}@media (width<=767px){body{padding-bottom:calc(4.75rem + env(safe-area-inset-bottom))}}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./archivo-vietnamese-wght-normal.XAtsl5Q_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./archivo-latin-ext-wght-normal.C4zznr8T.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./archivo-latin-wght-normal.E0tuGl4L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display:"Archivo Variable", system-ui, sans-serif;--font-body:"Archivo Variable", system-ui, sans-serif;--display-weight:800;--display-tracking:-.025em;--radius-media:6px;--radius-control:6px;--bg:#f6f6f3;--surface:#fff;--surface-2:#ebebe6;--ink:#17191c;--muted:#555a61;--line:#dcdcd6;--line-strong:#b4b6b0;--accent:#f2c21b;--accent-hover:#e3b30d;--accent-ink:#17191c;--accent-text:#7c5f00;--focus:#17191c;--placeholder-bg:#e6e6e0;--placeholder-stripe:#d6d6cf;--placeholder-ink:#5d6168}@media (prefers-color-scheme:dark){:root{--bg:#121417;--surface:#1a1d21;--surface-2:#23272c;--ink:#f1f1ee;--muted:#a3a8ae;--line:#2c3036;--line-strong:#4a5058;--accent-text:#f2c21b;--focus:#f2c21b;--placeholder-bg:#1e2125;--placeholder-stripe:#272b30;--placeholder-ink:#9aa0a7}}.demo-banner[data-v-3d2db5e9]{z-index:50;padding:.6rem max(1.25rem,env(safe-area-inset-left,0px));background:var(--ink);color:var(--bg);text-align:center;font-size:.88rem;line-height:1.4;position:relative}.demo-banner p[data-v-3d2db5e9]{max-width:72rem;margin-inline:auto}.demo-banner a[data-v-3d2db5e9]{color:inherit;text-underline-offset:3px;margin-left:.35rem;font-weight:650}