@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}:root{--ink:#0f2a21;--ink-soft:#46594f;--canvas:#f1f5f3;--paper:#fff;--line:#d3dfd9;--green:#0a7c5c;--green-deep:#075e54;--green-tint:#e2f4ec;--bubble:#d9fdd3;--wall:#d9e6de;--warn:#a8321a;--warn-tint:#fbece8;--radius:14px;--radius-sm:8px;--wrap:72rem;--prose:40rem;--display:"Bricolage Grotesque Variable", "Avenir Next", "Segoe UI", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{background:var(--canvas);color:var(--ink);font:1.0625rem/1.6 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img,svg,canvas{max-width:100%;display:block}h1,h2,h3{font-family:var(--display);letter-spacing:-.015em;margin:0;font-weight:700;line-height:1.12}p{margin:0 0 1em}a{color:var(--green);text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{color:var(--green-deep)}:focus-visible{outline-offset:2px;border-radius:4px;outline:3px solid #1b9e77}code{font-family:var(--mono);background:var(--green-tint);overflow-wrap:anywhere;border-radius:5px;padding:.1em .35em;font-size:.88em}.wrap{width:min(100% - 2rem, var(--wrap));margin-inline:auto}.skip{background:var(--ink);color:#fff;z-index:50;padding:.6rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{top:.5rem;left:.5rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{background:var(--paper);border-bottom:1px solid var(--line);z-index:20;position:sticky;top:0}.bar{justify-content:space-between;align-items:center;gap:1rem;min-height:3.6rem;display:flex}.brand{font-family:var(--display);color:var(--ink);letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.2rem;font-weight:800;text-decoration:none;display:inline-flex}.brand svg{width:1.7rem;height:1.7rem}.brand b{color:var(--green);font-weight:800}.nav{display:none}.nav a,.lang{color:var(--ink);border-radius:var(--radius-sm);padding:.45rem .7rem;font-size:.97rem;font-weight:600;text-decoration:none}.nav a:hover,.lang:hover,.nav a[aria-current=page]{background:var(--green-tint);color:var(--green-deep)}.lang{border:1px solid var(--line)}.menu{position:relative}.menu summary{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.45rem .8rem;font-weight:700;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);min-width:13rem;padding:.5rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 12px 30px #0f2a211f}.menu-panel a{color:var(--ink);border-radius:var(--radius-sm);padding:.65rem .8rem;font-weight:600;text-decoration:none}.menu-panel a:hover{background:var(--green-tint)}@media (width>=52rem){.nav{align-items:center;gap:.25rem;display:flex}.menu{display:none}}.hero{padding:clamp(1.75rem,5vw,3.5rem) 0 1.25rem}.crumbs{color:var(--ink-soft);margin-bottom:.9rem;font-size:.9rem}.crumbs a{color:var(--ink-soft)}h1{max-width:18ch;font-size:clamp(2.05rem,6.4vw,3.4rem)}.lede{color:var(--ink-soft);max-width:46rem;margin-top:.9rem;font-size:clamp(1.08rem,2.4vw,1.25rem)}.tool{grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-top:1.6rem;display:grid}.tool-link{grid-template-areas:"fields""preview""result""qr"}.tool-qr{grid-template-areas:"fields""preview""qr""result"}.area-fields{grid-area:fields}.area-preview{grid-area:preview}.area-result{grid-area:result}.area-qr{grid-area:qr}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1rem,3vw,1.5rem)}.field{gap:.35rem;margin-bottom:1rem;display:grid}.field:last-child{margin-bottom:0}label,.label{font-size:.97rem;font-weight:700}.hint{color:var(--ink-soft);font-size:.88rem}input[type=text],input[type=tel],select,textarea{width:100%;font:inherit;color:var(--ink);border-radius:var(--radius-sm);background:#fff;border:1.5px solid #b8c9c1;min-height:2.9rem;padding:.7rem .8rem}textarea{resize:vertical;min-height:6.5rem;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:var(--green);outline-offset:0;outline:3px solid #bfe6d6}.phone-row{grid-template-columns:minmax(0,1fr);gap:.6rem;display:grid}.counter{text-align:right;color:var(--ink-soft);font-size:.85rem}.note{border-radius:var(--radius-sm);background:var(--green-tint);color:var(--green-deep);padding:.55rem .75rem;font-size:.9rem}.note.warn{background:var(--warn-tint);color:var(--warn)}.note[hidden]{display:none}.result{background:linear-gradient(#fff,#fff);border-color:#9fd2bf}.link-box{gap:.6rem;display:grid}.link-out{font-family:var(--mono);background:var(--green-tint);border-radius:var(--radius-sm);overflow-wrap:anywhere;min-height:3.2rem;color:var(--ink);border:1.5px solid #a9d8c6;padding:.75rem .8rem;font-size:.95rem}.link-out.is-empty{color:var(--ink-soft);font-family:var(--body);background:#f6f8f7;border-style:dashed;border-color:#b8c9c1}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.btn{font:inherit;border:1.5px solid var(--green);background:var(--green);color:#fff;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;min-height:2.9rem;padding:.7rem 1.1rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.btn:hover{background:var(--green-deep);border-color:var(--green-deep);color:#fff}.btn.ghost{color:var(--green-deep);background:0 0;border-color:#8cc4ae}.btn.ghost:hover{background:var(--green-tint);color:var(--green-deep)}.btn[aria-disabled=true],.btn:disabled{opacity:.45;pointer-events:none}.linklike{font:inherit;color:var(--green);cursor:pointer;text-underline-offset:.18em;background:0 0;border:0;padding:0;text-decoration:underline}.status{min-height:1.4rem;color:var(--green-deep);font-size:.93rem;font-weight:700}.phone{border:8px solid var(--ink);background:var(--wall);border-radius:28px;width:min(100%,21rem);margin-inline:auto;overflow:hidden;box-shadow:0 18px 40px #0f2a212e}.phone-top{background:var(--green-deep);color:#fff;align-items:center;gap:.6rem;padding:.7rem .8rem;display:flex}.avatar{width:2.1rem;height:2.1rem;color:var(--green-deep);font-weight:800;font-family:var(--display);background:#cfe6dc;border-radius:50%;flex:none;place-items:center;display:grid}.who{min-width:0;line-height:1.2}.who strong{text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;display:block;overflow:hidden}.who span{opacity:.85;font-size:.78rem}.chat{flex-direction:column;justify-content:flex-end;min-height:11rem;padding:1rem .8rem 1.2rem;display:flex}.bubble{background:var(--bubble);color:#0b1f17;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:12px 12px 3px;align-self:flex-end;max-width:88%;padding:.5rem .7rem 1.35rem;font-size:.96rem;line-height:1.4;position:relative;box-shadow:0 1px 1px #00000021}.bubble.placeholder{color:#55695f;font-style:italic}.bubble time{color:#55695f;font-size:.7rem;font-style:normal;position:absolute;bottom:.25rem;right:.55rem}.compose{color:#6a7c73;background:#f0f2f1;border-top:1px solid #dfe6e2;padding:.55rem .7rem;font-size:.85rem}.qr-grid{align-items:start;gap:1rem;display:grid}.qr-frame{border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;width:min(100%,15rem);padding:.8rem}.qr-frame canvas,.qr-frame svg{width:100%;height:auto}.qr-empty{aspect-ratio:1;text-align:center;color:var(--ink-soft);place-items:center;padding:1rem;font-size:.9rem;display:grid}.qr-controls{gap:.9rem;display:grid}.row{flex-wrap:wrap;align-items:end;gap:.7rem;display:flex}.row>.field{flex:8rem;margin:0}input[type=color]{border-radius:var(--radius-sm);background:#fff;border:1.5px solid #b8c9c1;width:100%;height:2.9rem;padding:.2rem}@media (width>=52rem){.tool{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:1.5rem 1.75rem}.tool-link{grid-template-areas:"fields preview""result preview""qr preview"}.tool-qr{grid-template-areas:"fields preview""qr preview""result preview"}.area-preview{position:sticky;top:4.8rem}.qr-grid{grid-template-columns:15rem 1fr}.phone-row{grid-template-columns:13rem minmax(0,1fr)}}.section{padding:clamp(1.5rem,4vw,2.6rem) 0}.section+.section{border-top:1px solid var(--line)}.prose{max-width:var(--prose)}.prose h2,.section h2{margin:0 0 .8rem;font-size:clamp(1.45rem,3.6vw,2rem)}.prose h3{margin:1.8rem 0 .5rem;font-size:1.28rem}.prose h2{margin-top:2.2rem}.prose>h2:first-child{margin-top:0}.prose ul,.prose ol,.section ul{margin:0 0 1.1em;padding-left:1.25rem}.prose li,.section li{margin-bottom:.4em}.prose img{border-radius:var(--radius-sm)}.prose blockquote{border-left:4px solid var(--green);color:var(--ink-soft);margin:1.4rem 0;padding:.2rem 1rem}.prose pre{background:var(--ink);color:#e8f5ee;border-radius:var(--radius-sm);padding:1rem;font-size:.9rem;overflow-x:auto}.prose pre code{background:0 0;padding:0}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);margin:1.1rem 0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:.6rem .8rem}th{background:var(--green-tint);font-weight:700}tr:last-child td{border-bottom:0}.content-grid{gap:2rem;display:grid}@media (width>=60rem){.content-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 3rem}}.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:.6rem}.faq summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:.9rem 1rem;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--green);font-size:1.3rem;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--ink-soft);margin:0;padding:0 1rem 1rem}.post-list{gap:1rem;margin-top:1.4rem;display:grid}@media (width>=46rem){.post-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.post-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem}.post-card h2,.post-card h3{margin-bottom:.45rem;font-size:1.28rem}.post-card a{color:var(--ink);text-decoration:none}.post-card a:hover{color:var(--green-deep);text-decoration:underline}.post-card p{color:var(--ink-soft);margin:0 0 .6rem;font-size:.97rem}.meta{color:var(--ink-soft);font-size:.88rem}.article-head{padding:clamp(1.5rem,4vw,2.8rem) 0 1rem}.article-head h1{max-width:24ch;font-size:clamp(1.9rem,5.4vw,3rem)}.cta-box{background:var(--ink);color:#fff;border-radius:var(--radius);margin:2.2rem 0;padding:1.3rem 1.4rem}.cta-box h2{color:#fff;font-size:1.45rem;margin:0 0 .4rem!important}.cta-box p{color:#cfe3d9;margin-bottom:1rem}.cta-box .btn{color:var(--green-deep);background:#fff;border-color:#fff}.cta-box .btn:hover{background:var(--green-tint)}.ad{text-align:center;min-height:15rem;margin:1.8rem 0}.ad small{color:var(--ink-soft);margin-bottom:.25rem;font-size:.72rem;display:block}.site-footer{background:var(--ink);color:#cfe3d9;margin-top:3rem;padding:2.4rem 0 1.6rem;font-size:.97rem}.site-footer a{color:#e8f5ee;text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}.foot-grid{gap:1.6rem;display:grid}.foot-grid h2{color:#fff;font-size:1rem;font-family:var(--body);letter-spacing:0;margin-bottom:.6rem}.foot-grid ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.foot-brand .brand{color:#fff}.foot-brand .brand b{color:#6fe0b6}.fine{color:#9fbcae;border-top:1px solid #28463a;margin-top:1.8rem;padding-top:1.1rem;font-size:.85rem}@media (width>=46rem){.foot-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}}.center-page{text-align:left;padding:clamp(2rem,8vw,5rem) 0}.cookie-notice{z-index:50;color:#1a1a1a;background:#fff;border:1px solid #cfd8d3;border-radius:12px;align-items:center;gap:1rem;max-width:42rem;margin:0 auto;padding:.9rem 1rem;font-size:.92rem;line-height:1.4;display:flex;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 8px 28px #0000002e}.cookie-notice[hidden],.cookie-reopen[hidden]{display:none}.cookie-notice p{margin:0}.cn-btns{flex:none;gap:.5rem;display:flex}.cookie-notice button{color:#fff;font:inherit;cursor:pointer;background:#075e54;border:2px solid #075e54;border-radius:8px;padding:.5rem 1rem;font-weight:700}.cookie-notice button:hover{background:#0a7c5c;border-color:#0a7c5c}.cookie-notice .cn-secondary{color:#075e54;background:#fff}.cookie-notice .cn-secondary:hover{color:#075e54;background:#e2f4ec}.cookie-reopen{z-index:40;color:#075e54;cursor:pointer;background:#fff;border:1px solid #cfd8d3;border-radius:999px;padding:.35rem .8rem;font-size:.8rem;position:fixed;bottom:1rem;left:1rem}@media (width<=520px){.cookie-notice{flex-direction:column;align-items:stretch}.cn-btns{justify-content:stretch}.cn-btns button{flex:1}}