@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/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(/_astro/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(/_astro/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{--paper:#eef1ec;--tile:#fff;--ink:#121612;--muted:#5a6257;--line:#dde2d8;--line-soft:#e8ebe4;--accent:#0f6b38;--accent-press:#0b542c;--tile-seen:#f3f5f1;--pill:#e3ede5;--pill-ink:#1c4d2e;--focus:#0f6b38;--r:14px;--gutter:16px;--ui:"Onest Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--display:"Archivo Variable", "Onest Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--ease:cubic-bezier(.22, .7, .3, 1);--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h8M7.5 3.5 11 7l-3.5 3.5'/%3E%3C/svg%3E");--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--paper);min-height:100dvh;font-family:var(--ui);color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-weight:400;display:flex;overflow-x:clip}.zone-top{background:#f5f7f2;padding-block:26px 8px}.zone-hero{background:#d3dbca;border-block:1px solid #bfc9b5;padding-block:22px 28px}main{flex-direction:column;flex-grow:1;display:flex}.zone-list{background:#eff2ec;flex-grow:1;padding-block:16px 30px}.zone-foot{background:var(--ink);color:#a9afa4;margin-top:auto;padding-block:20px 30px}.wrap{max-width:860px;padding-inline:var(--gutter);margin-inline:auto}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:400}.sec-lab{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:11px;font-weight:400}.num{font-variant-numeric:tabular-nums;font-weight:600}h1{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);margin:10px 0 0;font-size:clamp(21px,6.6vw,44px);font-weight:800;line-height:1.02}.count{min-height:21px;color:var(--muted);font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:14px;line-height:1.5}.count-num{font-family:var(--display);color:var(--ink);font-weight:700}.filters{z-index:2;background:#f5f7f2;border-bottom:1px solid #0000;min-height:64px;position:sticky;top:0}.filters.stuck{border-bottom-color:var(--line-soft)}.filters-row{overscroll-behavior-x:contain;scrollbar-width:none;gap:8px;padding-block:8px 12px;display:flex;overflow-x:auto}.filters-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--tile);min-height:44px;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:22px;flex:none;margin:0;padding:0 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s,transform .1s}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.zone-hero .sec-lab{color:var(--ink);margin-bottom:10px}#showcaseHero{margin-inline:auto}.zone-list .sec-lab{margin-top:26px}.sec-lab .num{color:var(--ink)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}:is(.sum,.hero-sum) .pre{font-family:var(--ui);text-transform:uppercase;font-size:11px;font-weight:500;display:block}.tile{background:var(--tile);border:1px solid var(--line-soft);border-radius:var(--r);flex-direction:column;min-width:0;transition:transform .14s cubic-bezier(.3,.8,.4,1),box-shadow .18s,border-color .15s;display:flex;overflow:hidden;box-shadow:0 1px #12161208}.tile:active{transform:scale(.99)}.tile.open{border-color:var(--line);grid-column:1/-1;box-shadow:0 8px 28px -14px #12161247}.tile.seen{background:var(--tile-seen)}.face{appearance:none;width:100%;min-height:112px;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:9px;margin:0;padding:12px 12px 10px;transition:background .15s;display:flex}.face:active{background:#f1f5ee}.face:focus-visible{outline-offset:-2px}.badges{flex-wrap:wrap;gap:6px;max-width:100%;display:flex}.face .badges{align-self:flex-start}.badge{background:var(--pill);max-width:100%;color:var(--pill-ink);overflow-wrap:anywhere;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.35}.mark{align-items:center;min-height:32px;display:flex}.logo{width:auto;max-width:100%;height:29px;display:block}.wordmark{font-family:var(--display);letter-spacing:-.012em;color:var(--ink);overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.2}.sum{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:auto;font-size:clamp(19px,5.2vw,26px);font-weight:700;line-height:1.05}.sum .pre{letter-spacing:.1em;color:var(--muted);margin-bottom:3px}.facts{border-top:1px solid var(--line-soft);grid-template-columns:auto 1fr;gap:3px 10px;margin-top:1px;padding-top:8px;font-size:11.5px;display:grid}.facts .k{color:var(--muted)}.facts .v{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;font-weight:600}.more{color:var(--muted);align-items:center;gap:5px;font-size:12.5px;font-weight:500;display:flex}.more:after{content:"";width:11px;height:11px;-webkit-mask:var(--chevron) center / contain no-repeat;mask:var(--chevron) center / contain no-repeat;transition:transform .25s var(--ease);background:currentColor;flex:none}.face[aria-expanded=true] .more{color:var(--accent)}.face[aria-expanded=true] .more:after{transform:rotate(180deg)}.details{border-top:1px solid var(--line-soft);margin-top:2px;padding:0 12px 12px}.details dl{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;padding-top:10px;display:grid}.details dt{color:var(--muted);font-size:13px}.details dd{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:13.5px;font-weight:500}.details .badges{margin-top:10px}.lic{color:var(--muted);font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:11.5px;line-height:1.55}.seen-flag{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;padding:0 12px 8px;font-size:11px;display:flex}.tile.seen :is(.sum,.wordmark,.facts .v){color:var(--muted)}.tile.seen .logo{filter:grayscale();opacity:.6}.go{background:var(--accent);color:#fff;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-height:46px;margin:0 10px 10px;padding-inline:8px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,transform .13s cubic-bezier(.3,.8,.4,1),box-shadow .16s;display:flex}.go:before{content:"";width:14px;height:14px;-webkit-mask:var(--arrow) center / contain no-repeat;mask:var(--arrow) center / contain no-repeat;background:currentColor;flex:none;order:1;transition:transform .16s cubic-bezier(.3,.8,.4,1)}.go:active{transform:scale(.972)}.tile.seen .go{background:var(--ink)}@media (width<=639px){.tile .go:before{display:none}}@media (width<=359px){.tile .go{margin-inline:6px;padding-inline:4px}}.hero{background:var(--ink);color:#fff;border-radius:20px;flex-direction:column;gap:11px;padding:18px 17px 15px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 54px -26px #1216129e,0 4px 12px -6px #12161247}.hero.seen{background:#2a2f29}.hero-edge{transform-origin:0;background:#fff;height:3px;position:absolute;inset:0 0 auto}.hero-note{letter-spacing:.15em;text-transform:uppercase;color:#b9c7b0;overflow-wrap:anywhere;margin:0;font-size:11px;font-weight:600}.hero .mark{min-height:34px}.hero .logo{box-sizing:content-box;background:#fff;border-radius:8px;max-width:calc(100% - 20px);padding:6px 10px}.hero .wordmark{letter-spacing:-.03em;color:#fff;font-size:clamp(20px,5.8vw,25px);font-weight:700}.hero-sum{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:clamp(37px,10.4vw,50px);font-weight:700;line-height:.98}.hero-sum .pre{letter-spacing:.11em;color:#a9afa4;margin-bottom:6px;line-height:1.5}.hero-facts{border-top:1px solid #ffffff2e;grid-template-columns:auto 1fr;gap:7px 14px;margin:0;padding-top:12px;display:grid}.hero-facts dt{color:#a9afa4;font-size:13px}.hero-facts dd{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600}.hero .seen-flag{color:#a9afa4;justify-content:center;padding:0}.hero .go{gap:7px;min-height:54px;margin-top:3px;font-size:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff38}.hero .go:after{content:"";filter:blur(9px);opacity:0;pointer-events:none;background:#ffffff5c;width:30%;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-180%)skew(-16deg)}@media (prefers-reduced-motion:no-preference){.hero .go.pulse{animation:4.4s linear infinite go-breath}.hero .go.pulse:after{animation:4.4s linear infinite go-sheen}}@keyframes go-breath{0%{animation-timing-function:cubic-bezier(.45,0,.3,1);transform:scale(1)}15%{animation-timing-function:cubic-bezier(.45,0,.3,1);transform:scale(1.022)}30%,to{transform:scale(1)}}@keyframes go-sheen{0%{opacity:0;animation-timing-function:cubic-bezier(.35,0,.25,1);transform:translate(-180%)skew(-16deg)}5%,24%{opacity:1}30%,to{opacity:0;transform:translate(340%)skew(-16deg)}}.hero .go:active{transform:scale(.966)}.hero .lic{color:#a9afa4;text-align:center;margin:0;font-size:11px}.skeleton{border:1px solid var(--line-soft);border-radius:var(--r);background:var(--tile);height:170px;animation:1.25s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.state{max-width:38ch;padding-block:34px 10px}.state h2{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:22px;font-weight:700;line-height:1.15}.state p{color:var(--muted);margin:6px 0 0;font-size:14.5px;line-height:1.5}.state-cta{background:var(--accent);color:#fff;width:100%;max-width:280px;min-height:46px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;margin-top:16px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.zone-foot p{font-variant-numeric:tabular-nums;max-width:68ch;margin:0;font-size:11.5px;line-height:1.55}.zone-foot p+p{margin-top:10px}:is(a,button,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}:is(.zone-foot,.hero) :where(a,button,[tabindex]):focus-visible{outline-color:#fff}@media (hover:hover){.face:hover{background:#fafbf9}.tile.seen .face:hover{background:#eff2ec}:is(.go,.state-cta):hover{background:var(--accent-press)}.go:hover{box-shadow:0 6px 16px -8px #103d26a6}.go:hover:before{transform:translate(3px)}.hero .go:hover{box-shadow:inset 0 0 0 1px #ffffff4d,0 10px 24px -12px #000c}}@media (width>=640px){.grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:18px}#showcaseHero{max-width:430px}.tile.open{grid-column:span 2}}@media (width>=900px){.zone-hero{padding-block:34px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}#showcaseHero{max-width:520px}.hero{gap:13px;padding:26px 26px 22px}.hero-sum{font-size:56px}.hero .go{min-height:58px;font-size:17px}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.tile,.face,.go,.go:before,.more:after,.state-cta,.chip{transition:none}.chip:active,.tile:active,.go:active,.hero .go:active{transform:none}}