@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.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}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-ext-wght-normal.B5bTHO_g.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-wght-normal.BbzFLZTg.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{color-scheme:light dark;--bg:#faf9f7;--surface:#fff;--surface-2:#f3f1ec;--text:#1c1b1a;--muted:#6c6862;--border:#e6e2da;--accent:#b8432e;--accent-dark:#9c3826;--accent-soft:#f6e7e2;--on-accent:#fff;--radius:12px;--radius-lg:16px;--radius-pill:999px;--maxw:1120px;--font:"Instrument Sans Variable", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"Bricolage Grotesque Variable", "Instrument Sans Variable", system-ui, sans-serif;--shadow:0 1px 2px #301e160d, 0 6px 20px #301e160f;--shadow-lg:0 14px 44px #301e1624;--ease:cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme:dark){:root{--bg:#171614;--surface:#201e1b;--surface-2:#1c1b18;--text:#f2efe9;--muted:#a8a29a;--border:#322f2a;--accent:#e06a52;--accent-dark:#ef7d66;--accent-soft:#2c211d;--on-accent:#1a120f;--shadow:0 1px 2px #0006, 0 6px 22px #0006;--shadow-lg:0 16px 48px #0000008c}}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:18px;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:var(--accent-dark);text-underline-offset:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1,h2,h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;font-weight:700;line-height:1.1}h1{margin:0 0 .5em;font-size:clamp(2.1rem,4.4vw,3.1rem)}h2{margin:1.7em 0 .6em;font-size:clamp(1.5rem,3vw,2.05rem)}h3{letter-spacing:-.01em;margin:1.4em 0 .4em;font-size:1.28rem}.container{max-width:var(--maxw);margin:0 auto;padding:0 22px}.narrow{max-width:720px}.btn{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:-.01em;transition:background .18s var(--ease), transform .12s var(--ease), box-shadow .18s var(--ease);cursor:pointer;border:none;align-items:center;gap:.4em;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 6px 18px #b8432e3d}.btn:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 10px 26px #b8432e4d}.btn:active{transform:translateY(0)scale(.985)}.btn-ghost{color:var(--text);border:1px solid var(--border);box-shadow:none;background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text);box-shadow:none}.btn-block{justify-content:center;display:flex}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);white-space:nowrap;font-size:1.3rem;font-weight:700;text-decoration:none}.brand span{color:var(--accent)}.nav{align-items:center;gap:2px;display:flex}.nav a{color:var(--muted);border-radius:var(--radius-pill);transition:color .15s var(--ease), background .15s var(--ease);padding:8px 13px;font-size:.96rem;font-weight:500;text-decoration:none}.nav a:hover{color:var(--text);background:var(--surface-2)}.nav a[aria-current=page]{color:var(--accent-dark);background:var(--accent-soft)}.disclosure{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);color:var(--muted);margin:22px 0;padding:12px 16px;font-size:.9rem}.hero{position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(52% 60% at 88% 8%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 72%), radial-gradient(40% 46% at 4% 96%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 72%);pointer-events:none;z-index:0;position:absolute;inset:0}.hero .container{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;padding-top:76px;padding-bottom:72px;display:grid;position:relative}.hero-copy{max-width:560px}.hero .eyebrow{background:var(--surface);border:1px solid var(--border);color:var(--accent-dark);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-pill);box-shadow:var(--shadow);align-items:center;gap:8px;margin-bottom:22px;padding:7px 15px;font-size:.78rem;font-weight:600;display:inline-flex}.hero .eyebrow .dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.hero h1{margin-bottom:.4em}.hero h1 .hl{color:var(--accent)}.hero p.lead{color:var(--muted);max-width:30ch;margin:0 0 30px;font-size:1.18rem;line-height:1.55}.hero-cta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}@media (width<=900px){.hero .container{grid-template-columns:1fr;gap:36px;padding-top:56px;padding-bottom:52px}.hero-copy{max-width:none}.hero p.lead{max-width:46ch}.hero-visual{max-width:460px}}.hero-visual{aspect-ratio:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr 1fr;gap:14px;display:grid;position:relative}.hero-visual figure{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:var(--surface-2);margin:0;overflow:hidden}.hero-visual img{object-fit:cover;width:100%;height:100%}.hero-visual .tall{grid-row:span 2}.grid{grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:24px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:transform .24s var(--ease), box-shadow .24s var(--ease), border-color .24s var(--ease);flex-direction:column;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--accent) 30%, var(--border));transform:translateY(-4px)}.card a.card-link{color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.card .thumb{aspect-ratio:16/10;background:var(--surface-2);position:relative;overflow:hidden}.card .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease)}.card:hover .thumb img{transform:scale(1.05)}.card .card-body{flex-direction:column;flex:1;padding:20px 22px 22px;display:flex}.card .tag{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-dark);margin-bottom:9px;font-size:.72rem;font-weight:600;display:inline-block}.card h3{margin:0 0 8px;font-size:1.18rem}.card p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.55}.card .read{color:var(--accent-dark);font-family:var(--font-display);margin-top:auto;padding-top:14px;font-size:.92rem;font-weight:600}.grid-featured{grid-template-columns:repeat(6,1fr)}.grid-featured>*{grid-column:span 2}.grid-featured>:first-child,.grid-featured>:nth-child(2){grid-column:span 3}@media (width<=860px){.grid-featured{grid-template-columns:1fr}.grid-featured>*,.grid-featured>:first-child,.grid-featured>:nth-child(2){grid-column:auto}}.article{padding:30px 0 64px}.article .meta{color:var(--muted);margin-bottom:4px;font-size:.94rem}.article .prose>*{max-width:700px}.article .prose{font-size:1.05rem}.article .prose img{border-radius:var(--radius);margin:24px auto}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.4em 0}.prose h2{scroll-margin-top:84px}.product{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);margin:30px 0;padding:24px;position:relative}.product h3{margin-top:0}.product-badge{background:var(--accent);color:var(--on-accent);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-pill);padding:5px 14px;font-size:.72rem;font-weight:600;position:absolute;top:-12px;left:22px;box-shadow:0 4px 12px #b8432e47}.product-main{align-items:flex-start;gap:24px;display:flex}.product--has-image .product-info{flex:1;min-width:0}.product-media{background:var(--surface-2);border-radius:var(--radius);flex:0 0 200px;justify-content:center;align-items:center;padding:14px;display:flex}.product-media img{object-fit:contain;width:100%;height:auto}@media (prefers-color-scheme:light){.product-media img{mix-blend-mode:multiply}}@media (width<=640px){.product-main{flex-direction:column}.product-media{flex-basis:auto;width:100%;max-width:260px;margin:0 auto}}.product .pros-cons{grid-template-columns:1fr 1fr;gap:16px;margin:14px 0 18px;display:grid}@media (width<=520px){.product .pros-cons{grid-template-columns:1fr}}.product .pros-cons h4{font-size:.82rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.product .pros-cons .col-pros h4{color:#3f7d4e}.product .pros-cons .col-cons h4{color:var(--accent-dark)}@media (prefers-color-scheme:dark){.product .pros-cons .col-pros h4{color:#7cc08b}}.product .pros-cons ul{margin:0;padding-left:1.1em;font-size:.95rem}.product .best-for{color:var(--muted);margin:0 0 16px;font-size:.95rem}.section{padding:46px 0}.section-tint{background:var(--surface-2)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:24px;display:flex}.section-head h2{margin:0}.section-head a{color:var(--accent-dark);font-family:var(--font-display);font-size:.96rem;font-weight:600;text-decoration:none}.section-head a:hover{text-decoration:underline}.trust-strip{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=680px){.trust-strip{grid-template-columns:1fr}}.trust-item{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:22px 24px}.trust-item .k{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 4px;font-size:1.05rem;font-weight:700}.trust-item .v{color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.site-footer{border-top:1px solid var(--border);background:var(--surface-2);color:var(--muted);margin-top:64px;padding:46px 0 40px;font-size:.95rem}.site-footer .cols{flex-wrap:wrap;justify-content:space-between;gap:28px;display:flex}.site-footer .brand-col strong{font-family:var(--font-display);color:var(--text);font-size:1.05rem}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--accent-dark)}.site-footer .flinks{flex-wrap:wrap;align-content:flex-start;gap:8px 18px;display:flex}.site-footer .disc{max-width:720px;margin-top:24px;font-size:.84rem;line-height:1.6}.mt-0{margin-top:0}.center{text-align:center}.lead-muted{color:var(--muted)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.reveal{animation:linear both reveal-in view();animation-range:entry 5% cover 22%}}}@keyframes reveal-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}