@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:600;src:url(/blog/_astro/zilla-slab-latin-ext-600-normal.9hyyVsz0.woff2) format("woff2"),url(/blog/_astro/zilla-slab-latin-ext-600-normal.DTnoEnY3.woff) format("woff");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:Zilla Slab;font-style:normal;font-display:swap;font-weight:600;src:url(/blog/_astro/zilla-slab-latin-600-normal.BRgn6X7z.woff2) format("woff2"),url(/blog/_astro/zilla-slab-latin-600-normal.iLPAhCz6.woff) format("woff");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}@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:700;src:url(/blog/_astro/zilla-slab-latin-ext-700-normal.C1-U_e_0.woff2) format("woff2"),url(/blog/_astro/zilla-slab-latin-ext-700-normal.DQD_oLH8.woff) format("woff");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:Zilla Slab;font-style:normal;font-display:swap;font-weight:700;src:url(/blog/_astro/zilla-slab-latin-700-normal.CEKI1vVu.woff2) format("woff2"),url(/blog/_astro/zilla-slab-latin-700-normal.C8aaVMsA.woff) format("woff");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}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/blog/_astro/archivo-vietnamese-400-normal.BF4g3tCF.woff2) format("woff2"),url(/blog/_astro/archivo-vietnamese-400-normal.FGOLYM1a.woff) format("woff");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:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/blog/_astro/archivo-latin-ext-400-normal.B5tPZzqW.woff2) format("woff2"),url(/blog/_astro/archivo-latin-ext-400-normal.DrmqtLj6.woff) format("woff");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:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/blog/_astro/archivo-latin-400-normal.C81ewxNO.woff2) format("woff2"),url(/blog/_astro/archivo-latin-400-normal.Bl602Mgc.woff) format("woff");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}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/blog/_astro/archivo-vietnamese-500-normal.k0drYPZA.woff2) format("woff2"),url(/blog/_astro/archivo-vietnamese-500-normal.7W3lD2kQ.woff) format("woff");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:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/blog/_astro/archivo-latin-ext-500-normal.RFhg4CpD.woff2) format("woff2"),url(/blog/_astro/archivo-latin-ext-500-normal.D7mXw3Kz.woff) format("woff");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:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/blog/_astro/archivo-latin-500-normal.CGugC8dq.woff2) format("woff2"),url(/blog/_astro/archivo-latin-500-normal.pkzA7jw9.woff) format("woff");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}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/blog/_astro/archivo-vietnamese-600-normal.anCjMumA.woff2) format("woff2"),url(/blog/_astro/archivo-vietnamese-600-normal.C8xBVdfP.woff) format("woff");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:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/blog/_astro/archivo-latin-ext-600-normal.Dm61iqcg.woff2) format("woff2"),url(/blog/_astro/archivo-latin-ext-600-normal.D7uErJuz.woff) format("woff");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:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/blog/_astro/archivo-latin-600-normal.3BBy0ZsW.woff2) format("woff2"),url(/blog/_astro/archivo-latin-600-normal.DwYieO8P.woff) format("woff");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{--midnight: #0a0812;--deep: #141022;--deep-2: #1a1430;--pearl: #f6f4f1;--pearl-2: #edeaf2;--ink: #1b1526;--ink-soft: #5d5470;--moon: #eae6f4;--moon-soft: #a79fbf;--violet: #8b5cf6;--magenta: #e84da6;--blue: #4c7dff;--line-dark: rgba(139, 92, 246, .22);--line-light: rgba(27, 21, 38, .12);--grad: linear-gradient(100deg, #4c7dff 0%, #8b5cf6 34%, #e84da6 68%, #ff8bd0 100%);--font-display: "Zilla Slab", "Rockwell", Georgia, serif;--font-body: "Archivo", "Helvetica Neue", Arial, sans-serif;--w: 1160px;--violet-ink: #6d31e8}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:2px}body{background:var(--pearl);color:var(--ink);font-family:var(--font-body);line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:inherit}.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}.sheader{background:var(--midnight);position:sticky;top:0;z-index:50;box-shadow:0 1px #8b5cf62e}.sheader-in{max-width:var(--w);margin:0 auto;padding:0 24px;height:76px;display:flex;align-items:center;gap:24px}.sheader .logo{display:flex;align-items:center;flex-shrink:0}.sheader .logo img{height:30px;width:auto}.sheader nav.desktop{display:flex;gap:12px;margin-left:auto}.sheader nav.desktop a{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--moon-soft);padding:6px 2px;white-space:nowrap;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}@media(max-width:1180px){.sheader nav.desktop a{white-space:normal}}.sheader nav.desktop a:hover{color:#fff}.sheader nav.desktop a.active{color:#fff;border-bottom-color:var(--magenta)}.sheader-cta{display:flex;align-items:center;gap:16px}.btn-demo{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-decoration:none;padding:10px 18px;border-radius:999px;background:linear-gradient(100deg,#6d3df0,#c03d99);box-shadow:0 0 0 1px #ffffff24 inset,0 4px 18px #8b5cf659;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.btn-demo:hover,.btn-demo:focus-visible{transform:translateY(-1px);box-shadow:0 0 0 1px #fff3 inset,0 6px 24px #e84da673}.menu-btn{display:none;background:none;border:1px solid var(--line-dark);border-radius:8px;color:var(--moon);width:42px;height:42px;cursor:pointer;font-size:18px;line-height:1}.mobile-menu{display:none;position:fixed;inset:76px 0 auto;z-index:49;background:#0a0812f7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-dark);padding:12px 24px 28px}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:14px 4px;text-decoration:none;color:var(--moon);font-size:15px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid rgba(139,92,246,.12)}.bhero{position:relative;background:var(--midnight);color:var(--pearl);overflow:hidden}.bhero picture{position:absolute;inset:0}.bhero img{width:100%;height:100%;object-fit:cover}.bhero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#0a08128c,#0a081240 45%,#0a0812d1)}.bhero-copy{position:relative;text-align:center;padding:clamp(84px,14vw,168px) 24px;max-width:780px;margin:0 auto}.bhero h1{font-family:var(--font-display);font-size:clamp(2.6rem,7vw,4.4rem);line-height:1.05}.bhero h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.bhero p{margin-top:18px;color:var(--moon);font-size:clamp(1rem,2.4vw,1.18rem)}.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:36px 24px 8px;max-width:var(--w);margin:0 auto}.chip{border:1px solid var(--line-light);border-radius:999px;padding:6px 14px;font-size:.85rem;color:var(--ink-soft);text-decoration:none;background:#fff}.chip:hover{border-color:var(--violet);color:var(--violet-ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:var(--w);margin:0 auto;padding:40px 24px 72px}@media(max-width:1020px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.grid{grid-template-columns:1fr}}.tile{background:#fff;border:1px solid var(--line-light);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}.tile:hover{transform:translateY(-4px);box-shadow:0 14px 34px #1b15261f}.tile-img{aspect-ratio:1200 / 630;object-fit:cover;width:100%}.tile-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}.tile-tags{display:flex;flex-wrap:wrap;gap:5px;overflow:hidden;max-height:1.4rem}.tile-tags span{font-size:.62rem;letter-spacing:.02em;color:var(--violet-ink);border:1px solid var(--line-light);border-radius:999px;padding:2px 8px;white-space:nowrap}.tile h2{font-family:var(--font-display);font-size:1.28rem;line-height:1.25}.tile h2 a{text-decoration:none}.tile h2 a:hover{color:var(--violet)}.tile p{font-size:.92rem;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tile-meta{margin-top:auto;display:flex;gap:12px;align-items:center;font-size:.8rem;color:var(--ink-soft);border-top:1px solid var(--line-light);padding-top:12px}.tile-meta strong{color:var(--ink);font-weight:600}.pager{display:flex;justify-content:center;gap:10px;padding:0 24px 72px}.pager a,.pager span{border:1px solid var(--line-light);border-radius:10px;padding:8px 14px;text-decoration:none;font-size:.9rem}.pager .now{background:var(--midnight);color:var(--pearl);border-color:var(--midnight)}.post-hero{background:var(--pearl);color:var(--ink);padding:64px 24px 28px}.post-hero-in{max-width:880px;margin:0 auto}.post-hero .k{font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--violet-ink)}.post-hero h1{font-family:var(--font-display);font-size:clamp(2rem,5.4vw,3.3rem);line-height:1.12;margin:14px 0 18px}.post-hero .meta{color:var(--ink-soft);font-size:.92rem;display:flex;flex-wrap:wrap;gap:14px}.post-hero .meta a{color:var(--violet-ink)}.post-card-img{max-width:880px;margin:0 auto;padding:0 24px;position:relative}.post-card-img img{border-radius:16px;border:1px solid var(--line-light)}.prose{max-width:720px;margin:0 auto;padding:48px 24px 72px;font-size:1.06rem}.prose h2{font-family:var(--font-display);font-size:1.7rem;line-height:1.2;margin:2.2em 0 .6em}.prose h3{font-family:var(--font-display);font-size:1.3rem;margin:1.8em 0 .5em}.prose p{margin:0 0 1.15em}.prose ul,.prose ol{margin:0 0 1.15em 1.3em}.prose li{margin-bottom:.4em}.prose a{color:var(--violet-ink)}.prose strong{color:var(--ink)}.prose table{border-collapse:collapse;width:100%;margin:0 0 1.3em;font-size:.95rem}.prose th,.prose td{border:1px solid var(--line-light);padding:9px 12px;text-align:left}.prose blockquote{border-left:3px solid var(--violet);padding-left:18px;color:var(--ink-soft);margin:0 0 1.15em}.pullquote{border-top:1px solid transparent;border-bottom:1px solid transparent;border-image:var(--grad) 1;margin:2.2em 0;padding:30px 22px;text-align:center}.pullquote p{font-family:var(--font-display);font-size:1.45rem;line-height:1.3;margin:0;background:linear-gradient(100deg,#3b2b8f 0%,var(--violet) 45%,var(--magenta) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.inline-cta{background:var(--midnight);color:var(--pearl);border-radius:16px;padding:26px;margin:2.2em 0;display:flex;flex-wrap:wrap;align-items:center;gap:18px;justify-content:space-between}.inline-cta p{margin:0;font-family:var(--font-display);font-size:1.15rem}.faq{max-width:720px;margin:0 auto;padding:0 24px 64px}.faq h2{font-family:var(--font-display);font-size:1.7rem;margin-bottom:18px}.faq details{border:1px solid var(--line-light);border-radius:12px;padding:14px 18px;margin-bottom:10px;background:#fff}.faq summary{font-weight:600;cursor:pointer}.faq p{margin-top:10px;color:var(--ink-soft)}.author-head{display:flex;gap:22px;align-items:flex-start;max-width:880px;margin:0 auto;padding:56px 24px 8px}.author-head img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:1px solid var(--line-light);flex-shrink:0}.author-head h1{font-family:var(--font-display);font-size:2rem}.author-head .role{color:var(--ink-soft);margin-bottom:14px}.author-head .bio{max-width:720px}.author-head .bio+.bio{margin-top:.9em}.author-link{margin-top:16px}.author-link a{display:inline-flex;align-items:center;gap:8px;color:var(--violet-ink);text-decoration:none;font-weight:600;font-size:.92rem}.author-link a:hover{text-decoration:underline}.sfoot{position:relative;background:linear-gradient(180deg,#0d0a18,var(--midnight));border-top:1px solid rgba(139,92,246,.16);overflow:hidden;color:var(--pearl)}.sfoot .foot-roxy{position:absolute;left:0;top:0;width:min(42%,590px);height:auto;pointer-events:none;opacity:.85}.sfoot .wrap{position:relative;z-index:1}.foot-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:96px 0 70px}.foot-grid>div:first-child{padding-top:248px}.sfoot h2{color:#fff;font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1.15;margin-bottom:14px}.sfoot .stat{background:var(--grad);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.sfoot .tag{color:var(--moon-soft);max-width:none;text-wrap:balance;line-height:1.7}.signup{background:#161028e0;border:1px solid var(--line-dark);border-radius:20px;padding:34px 32px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.signup .k{font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--magenta);margin-bottom:10px}.signup>p:not(.k){font-size:15px;color:var(--moon-soft);margin-bottom:20px}.signup form{display:flex;gap:10px}.signup input[type=email]{flex:1;min-width:0;background:#0a081299;border:1px solid rgba(139,92,246,.35);border-radius:999px;padding:13px 20px;color:#fff;font-family:var(--font-body);font-size:14.5px;transition:border-color .2s ease,box-shadow .2s ease}.signup input[type=email]::placeholder{color:#a79fbfb3}.signup input[type=email]:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px #8b5cf638}.signup button{border:0;cursor:pointer;border-radius:999px;padding:13px 24px;font-family:var(--font-body);font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(100deg,#6d3df0,#c03d99);box-shadow:0 4px 18px #8b5cf659;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.signup button:hover{transform:translateY(-1px);box-shadow:0 6px 24px #e84da673}.signup button:disabled{opacity:.6;cursor:default;transform:none}.signup .err{color:#ff9ecf;font-size:13px;margin-top:10px}.signup .err[hidden]{display:none}.signup .fine{font-size:12px;color:#a79fbfa6;margin:12px 0 0}.signup .done{display:none;font-size:15px;color:#fff;padding:8px 0}.signup.sent form,.signup.sent .fine,.signup.sent .err{display:none}.signup.sent .done{display:block}.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}.foot-bar{border-top:1px solid rgba(139,92,246,.14);padding:26px 0 34px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.foot-bar img{height:15px;width:auto;opacity:.9}.foot-bar .c{font-size:12.5px;color:#a79fbfb3;margin-right:auto}.foot-bar a{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--moon-soft);text-decoration:none}.foot-bar a:hover{color:#fff}@media(max-width:1020px){.foot-grid{grid-template-columns:1fr;gap:40px}.foot-grid>div:first-child{padding-top:0}.sfoot .foot-roxy{top:auto;bottom:88px;width:min(52%,480px);opacity:.7}}@media(max-width:680px){.author-head{flex-direction:column;gap:16px}}@media(max-width:860px){.sheader nav.desktop,.sheader-cta .btn-demo{display:none}.menu-btn{display:block}.sheader-cta{margin-left:auto}}@media(max-width:720px){.signup form{flex-direction:column}.sfoot .foot-roxy{display:none}.foot-bar{flex-direction:column;align-items:center;gap:14px;text-align:center;padding-bottom:40px}.foot-bar .c{margin-right:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.btn-demo:hover,.btn-demo:focus-visible{transform:none}}