@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-wght-normal.CnvboYUG.woff2) format("woff2-variations");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}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-wght-normal.Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0b1219;--bg-card: #121b26;--bg-inset: #182430;--ink: #e9edf1;--ink-soft: #a9b6c2;--ink-faint: #71818f;--line: #24313f;--navy: #3d6ea5;--navy-deep: #0d2844;--green: #2fbf9a;--green-bright: #10b981;--mint: #34d399;--gold: #d4a94c;--danger: #d0625c;--heading-accent: #a8c8ea;--radius: 12px;--radius-lg: 18px;--shadow: none;--shadow-lift: 0 14px 40px rgba(0, 0, 0, .4);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Fraunces Variable", Georgia, "Times New Roman", serif;--mono: ui-monospace, "Cascadia Code", Consolas, "SF Mono", monospace;--dot: rgba(233, 237, 241, .032);--glow-a: rgba(52, 211, 153, .07);--glow-b: rgba(61, 110, 165, .12)}:root[data-theme=light]{--bg: #faf7f1;--bg-card: #ffffff;--bg-inset: #f3efe6;--ink: #182230;--ink-soft: #4c5a68;--ink-faint: #83909c;--line: #e7e1d4;--navy: #12365c;--green: #0c7a5e;--gold: #b9892f;--danger: #b3403a;--heading-accent: #12365c;--shadow: 0 1px 2px rgba(24, 34, 48, .04), 0 6px 24px rgba(24, 34, 48, .06);--shadow-lift: 0 2px 4px rgba(24, 34, 48, .05), 0 14px 40px rgba(24, 34, 48, .1);--dot: rgba(24, 34, 48, .05);--glow-a: rgba(52, 211, 153, .06);--glow-b: rgba(18, 54, 92, .07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:16.5px;line-height:1.68;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(var(--dot) 1px,transparent 1.5px),radial-gradient(1000px 560px at 88% -120px,var(--glow-a),transparent 62%),radial-gradient(820px 560px at -12% 420px,var(--glow-b),transparent 60%);background-size:26px 26px,auto,auto;background-repeat:repeat,no-repeat,no-repeat;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid var(--green-bright);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{line-height:1.2;color:var(--ink);font-weight:640}h1,h2{font-family:var(--font-display);font-variation-settings:"SOFT" 40,"WONK" 0;letter-spacing:-.01em}h1{font-size:2.3rem;margin:0 0 .55rem}h2{font-size:1.55rem;margin:2.6rem 0 .9rem}h3{font-size:1.13rem;margin:1.7rem 0 .6rem;font-weight:700}.container{max-width:72rem;margin:0 auto;padding:0 1.35rem}.narrow{max-width:46rem}.site-header{position:sticky;top:0;z-index:50;background:#0d2844f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border-bottom:2px solid rgba(52,211,153,.85)}.site-header .container{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:1rem;flex-wrap:wrap;padding-top:9px;padding-bottom:9px}.wordmark{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:800;font-size:1.24rem;letter-spacing:-.02em}.wordmark:hover{text-decoration:none}.wordmark img,.wordmark svg{width:29px;height:29px;border-radius:7px;display:block}.wordmark>span{display:inline-flex;align-items:center;gap:.5rem}.wordmark .in-badge{font-size:.6rem;font-weight:700;letter-spacing:.1em;border:1px solid rgba(52,211,153,.55);color:#7fe0bb;padding:2.5px 8px;border-radius:99px;text-transform:uppercase;line-height:1.4}.site-nav{display:flex;gap:1.4rem;flex-wrap:wrap}.site-nav a{color:#ccd7e2;font-weight:600;font-size:.94rem;padding:3px 0;border-bottom:2px solid transparent;transition:color .14s ease,border-color .14s ease}.site-nav a:hover{color:#fff;text-decoration:none;border-bottom-color:var(--mint)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;margin-left:.15rem;background:#ffffff0f;color:#ccd7e2;border:1px solid rgba(255,255,255,.14);border-radius:8px;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.theme-toggle:hover{background:#ffffff1f;color:#fff;border-color:#34d39980}.theme-toggle svg{width:17px;height:17px;display:block}.theme-toggle .icon-moon{display:none}.theme-toggle .icon-sun{display:block}:root[data-theme=light] .theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-moon{display:block}.hero{position:relative;overflow:hidden;padding:4.6rem 0 3.2rem;isolation:isolate}.hero h1{font-size:clamp(2.5rem,5.4vw,3.7rem);max-width:48rem;line-height:1.08;margin-bottom:.9rem}.hero .lede{font-size:1.22rem;color:var(--ink-soft);max-width:41rem;margin:0 0 1.7rem;line-height:1.6}.hero-curve{position:absolute;right:-4%;bottom:-14%;width:47%;min-width:380px;z-index:-1;opacity:.55;pointer-events:none;-webkit-mask-image:radial-gradient(125% 120% at 74% 6%,#000 32%,transparent 74%);mask-image:radial-gradient(125% 120% at 74% 6%,#000 32%,transparent 74%)}@media(max-width:900px){.hero-curve{display:none}}.hero-badges{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem}.badge{font-size:.8rem;font-weight:600;color:var(--ink-soft);background:var(--bg-card);border:1px solid var(--line);padding:5px 13px;border-radius:99px;box-shadow:var(--shadow);display:inline-flex;align-items:center;gap:7px}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green-bright);flex:none}.grid{display:grid;gap:1.05rem;grid-template-columns:repeat(auto-fill,minmax(252px,1fr))}.card{display:block;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem 1.3rem;box-shadow:var(--shadow);color:inherit;position:relative;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.card:hover{border-color:#10b98199;text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow-lift)}.card h3{margin:0 0 .35rem;font-size:1.04rem;color:var(--heading-accent)}.card p{margin:0;font-size:.9rem;color:var(--ink-soft);line-height:1.55}.card .tag{display:inline-block;font-size:.7rem;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:3rem 0 1.15rem}.section-head h2{margin:0}.section-head a{font-size:.92rem;font-weight:600;white-space:nowrap}.tool-wrap{display:grid;gap:1.35rem;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;margin:1.8rem 0}@media(max-width:860px){.tool-wrap{grid-template-columns:1fr}}.panel{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.panel h2{margin:0 0 1.1rem;font-size:.92rem;font-family:var(--font);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint);font-weight:700}.field{margin-bottom:1rem}.field label{display:block;font-size:.85rem;font-weight:600;color:var(--ink-soft);margin-bottom:.32rem}.field input,.field select{width:100%;padding:.64rem .75rem;font-size:1rem;font-family:var(--font);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:9px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.field input:focus,.field select:focus{border-color:var(--green-bright);box-shadow:0 0 0 3.5px #10b98129}.field .hint{font-size:.78rem;color:var(--ink-faint);margin-top:.28rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}@media(max-width:480px){.field-row{grid-template-columns:1fr}}.error-box{background:#b3403a14;color:var(--danger);border:1px solid rgba(179,64,58,.35);border-radius:9px;padding:.6rem .9rem;font-size:.9rem;margin-bottom:.95rem}.result-hero{text-align:center;padding:.7rem 0 1.2rem;border-bottom:1px dashed var(--line);margin-bottom:1.05rem}.result-hero .big{font-size:2.9rem;font-weight:600;letter-spacing:-.02em;color:var(--green);font-variant-numeric:tabular-nums;font-family:var(--font-display);font-variation-settings:"SOFT" 0,"WONK" 0}.result-hero .label{font-size:.82rem;font-weight:700;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.15rem}.stat-table{width:100%;border-collapse:collapse;font-size:.95rem}.stat-table td{padding:.54rem .2rem;border-bottom:1px solid var(--line)}.stat-table td:last-child{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.stat-table tr:last-child td{border-bottom:none}.stat-table tr{transition:background .1s ease}.stat-table tr:hover{background:color-mix(in srgb,var(--bg-inset) 55%,transparent)}table.data{width:100%;border-collapse:collapse;font-size:.9rem;margin:1rem 0}table.data th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);border-bottom:2px solid var(--line);padding:.5rem .55rem}table.data td{padding:.5rem .55rem;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}table.data tbody tr:hover{background:color-mix(in srgb,var(--bg-inset) 55%,transparent)}.btn{display:inline-block;background:var(--navy);color:#fff;font-weight:650;font-size:.95rem;padding:.68rem 1.35rem;border-radius:10px;border:none;cursor:pointer;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.btn:hover{background:var(--navy-deep);text-decoration:none;transform:translateY(-1.5px);box-shadow:0 8px 20px #0d284440}.btn:active{transform:translateY(0)}.btn.green{background:var(--green)}.btn.green:hover{background:#0a6950;box-shadow:0 8px 20px #0c7a5e4d}.btn.subtle{background:var(--bg-card);color:var(--ink);border:1px solid var(--line)}.btn.subtle:hover{background:var(--bg-inset);box-shadow:var(--shadow)}.skip-link{position:absolute;left:.5rem;top:-3rem;z-index:100;background:var(--bg-card);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.6rem 1rem;font-weight:650;font-size:.92rem;text-decoration:none;transition:top .12s ease}.skip-link:focus{top:.5rem}.demo-video{margin:1.6rem 0 0;max-width:46rem}.demo-video h3{font-size:1.02rem;margin:0 0 .7rem;color:var(--ink-soft)}.demo-video video{display:block;width:100%;height:auto;aspect-ratio:8 / 5;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-inset)}.demo-video figcaption{font-size:.85rem;color:var(--ink-faint);margin-top:.6rem;line-height:1.5}.share-row{margin-top:1.1rem;padding-top:1rem;border-top:1px dashed var(--line)}.btn.share{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.55rem 1.05rem}.btn.share svg{width:1.1em;height:1.1em;fill:#25d366;flex:none}.share-note{display:block;font-size:.8rem;color:var(--ink-faint);margin-top:.55rem;line-height:1.45}.prose{max-width:46rem}.prose p{margin:0 0 1.15rem}.prose ul,.prose ol{padding-left:1.4rem;margin:0 0 1.15rem}.prose li{margin-bottom:.4rem}.prose a{text-decoration:underline;text-decoration-color:#10b98166;text-underline-offset:3px;transition:text-decoration-color .12s ease}.prose a:hover{text-decoration-color:var(--green-bright)}.prose table{width:100%;border-collapse:collapse;font-size:.92rem;margin:1.3rem 0;display:block;overflow-x:auto}.prose th{text-align:left;border-bottom:2px solid var(--line);padding:.5rem .65rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);white-space:nowrap}.prose td{border-bottom:1px solid var(--line);padding:.52rem .65rem;vertical-align:top}.prose blockquote{margin:1.3rem 0;padding:.85rem 1.2rem;border-left:3px solid var(--green-bright);background:var(--bg-card);border-radius:0 10px 10px 0;color:var(--ink-soft);box-shadow:var(--shadow);font-family:var(--font-display);font-size:1.02em}.prose code{font-family:var(--mono);font-size:.88em;background:var(--bg-inset);padding:.12em .38em;border-radius:5px}.prose hr{border:none;border-top:1px solid var(--line);margin:2.2rem 0}.prose img{max-width:100%;border-radius:var(--radius)}.byline{display:flex;gap:.75rem;align-items:center;color:var(--ink-faint);font-size:.88rem;margin:1rem 0 2.2rem;flex-wrap:wrap}.byline .avatar,.author-box .avatar{border-radius:50%;background:linear-gradient(135deg,var(--navy) 0%,#1d5a8f 100%);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.byline .avatar{width:36px;height:36px;font-size:.92rem;flex:none}.byline strong{color:var(--ink-soft)}.author-box{display:flex;gap:1.05rem;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;margin:2.6rem 0;align-items:flex-start;box-shadow:var(--shadow)}.author-box .avatar{flex:none;width:48px;height:48px;font-size:1.15rem}.author-box p{margin:.2rem 0 0;font-size:.9rem;color:var(--ink-soft)}.callout{border:1px solid var(--line);border-left:4px solid var(--gold);background:var(--bg-card);border-radius:10px;padding:.95rem 1.2rem;font-size:.93rem;color:var(--ink-soft);margin:1.5rem 0;box-shadow:var(--shadow)}.callout.green{border-left-color:var(--green-bright)}.callout strong{color:var(--ink)}.faq{margin:1.2rem 0}.faq details{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);margin-bottom:.65rem;padding:0 1.15rem;box-shadow:var(--shadow);transition:border-color .14s ease}.faq details:hover{border-color:#10b98173}.faq summary{cursor:pointer;font-weight:650;padding:.9rem 1.7rem .9rem 0;color:var(--ink);list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:.2rem;top:.74rem;color:var(--green-bright);font-size:1.3rem;font-weight:400;transition:transform .16s ease}.faq details[open] summary:after{content:"+";transform:rotate(45deg)}.faq details p{margin:0 0 1rem;color:var(--ink-soft);font-size:.95rem}.related{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.4rem 0 .4rem}.related a{font-size:.86rem;font-weight:600;background:var(--bg-card);border:1px solid var(--line);border-radius:99px;padding:6px 15px;color:var(--ink-soft);transition:border-color .14s ease,color .14s ease,transform .14s ease}.related a:hover{border-color:var(--green-bright);color:var(--green);text-decoration:none;transform:translateY(-1px)}.breadcrumbs{font-size:.85rem;color:var(--ink-faint);margin:1.7rem 0 .9rem}.breadcrumbs a{color:var(--ink-faint)}.breadcrumbs a:hover{color:var(--green)}.disclaimer-strip{font-size:.83rem;color:var(--ink-faint);background:var(--bg-inset);border:1px solid var(--line);border-radius:10px;padding:.75rem 1.05rem;margin:2.4rem 0 0}.glossary dt{font-weight:700;margin-top:1.4rem;color:var(--heading-accent);scroll-margin-top:96px;font-size:1.02rem}.glossary dd{margin:.28rem 0 0;color:var(--ink-soft)}.site-footer{margin-top:5rem;background:var(--navy-deep);color:#b9c6d4;font-size:.9rem;border-top:2px solid rgba(52,211,153,.5)}.site-footer .cols{display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:3rem 0 1.8rem}@media(max-width:760px){.site-footer .cols{grid-template-columns:1fr 1fr}}.site-footer h4{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .8rem}.site-footer a{color:#b9c6d4;display:block;padding:.17rem 0;transition:color .12s ease}.site-footer a:hover{color:#7fe0bb;text-decoration:none}.site-footer .fine{border-top:1px solid rgba(255,255,255,.1);padding:1.2rem 0 1.8rem;font-size:.78rem;color:#8598ab;line-height:1.65}main{min-height:60vh}.page-pad{padding:2.4rem 0 1rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}