@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-vietnamese-wdth-normal.rJmnGBSt.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;font-stretch:62% 125%;src:url(./archivo-latin-ext-wdth-normal.7khWdh9v.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;font-stretch:62% 125%;src:url(./archivo-latin-wdth-normal.DY7AcnAa.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:Red Hat Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./red-hat-mono-latin-400-normal.C-lyubUB.woff2)format("woff2"),url(./red-hat-mono-latin-400-normal.CG-MPK9d.woff)format("woff")}@font-face{font-family:Red Hat Mono;font-style:normal;font-display:swap;font-weight:600;src:url(./red-hat-mono-latin-600-normal.BElMyFjl.woff2)format("woff2"),url(./red-hat-mono-latin-600-normal.B0S-yWh5.woff)format("woff")}:root{--hue:350;--bg:oklch(98.5% 0 0);--stock:oklch(100% 0 0);--tint:oklch(.955 .025 var(--hue));--tint-2:oklch(.92 .05 var(--hue));--ink:oklch(.2 .012 var(--hue));--ink-2:oklch(.42 .015 var(--hue));--rule:oklch(.86 .008 var(--hue));--rule-2:oklch(.72 .01 var(--hue));--mag:oklch(.55 .22 var(--hue));--mag-deep:oklch(.45 .19 var(--hue));--mag-ink:oklch(.99 .01 var(--hue));--cyan:oklch(62% .13 225);--yellow:oklch(88% .16 95);--ok:oklch(48% .12 150);--warn:oklch(50% .14 60);--bad:oklch(50% .19 25);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem;--s12:3rem;--s16:4rem;--s24:6rem;--t-sm:clamp(.86rem, .83rem + .15vw, .92rem);--t-base:clamp(1rem, .96rem + .2vw, 1.0625rem);--t-lg:clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--t-xl:clamp(1.55rem, 1.3rem + 1.2vw, 2.2rem);--t-2xl:clamp(2.1rem, 1.5rem + 3vw, 3.9rem);--r:10px;--ease:cubic-bezier(.22,1,.36,1);--mono:"Red Hat Mono", ui-monospace, monospace;--sans:"Archivo Variable", "Archivo", system-ui, sans-serif}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--t-base);-webkit-font-smoothing:antialiased;font-stretch:100%;line-height:1.6;overflow-x:hidden}h1,h2,h3{letter-spacing:-.015em;text-wrap:balance;font-weight:800;font-stretch:125%;line-height:1.08}h1{font-size:var(--t-2xl)}h2{font-size:var(--t-xl);font-weight:750}h3{font-size:var(--t-lg);font-weight:700;font-stretch:112%}li,p{text-wrap:pretty}p{max-width:68ch}a{color:var(--mag-deep);text-underline-offset:3px}a:hover{color:var(--ink)}img,svg{max-width:100%}.mono,code,kbd{font-family:var(--mono);font-size:.92em}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--mag);outline-offset:2px;border-radius:4px}::selection{background:var(--tint-2)}.wrap{width:min(100% - 2rem,1180px);margin-inline:auto}.prose{gap:var(--s4);max-width:70ch;display:grid}.prose h2{margin-top:var(--s8)}.prose h3{margin-top:var(--s4)}.prose ol,.prose ul{gap:var(--s2);padding-left:1.25rem;display:grid}.lede{font-size:var(--t-lg);max-width:60ch;line-height:1.45}.lede,.muted{color:var(--ink-2)}.small,label{font-size:var(--t-sm)}label{font-weight:600;display:block}.field{gap:var(--s1);min-width:0;display:grid}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{font:inherit;color:var(--ink);background:var(--stock);border:1.5px solid var(--rule-2);border-radius:8px;width:100%;min-width:0;min-height:44px;padding:.65rem .75rem;font-size:1rem}textarea{resize:vertical;min-height:96px;font-family:var(--mono);font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--mag);outline:none;box-shadow:0 0 0 3px oklch(55% .22 350/.18)}input[type=color]{border:1.5px solid var(--rule-2);background:var(--stock);cursor:pointer;border-radius:8px;width:44px;height:44px;padding:2px}input[type=range]{accent-color:var(--mag);width:100%;min-height:44px}input[type=checkbox]{accent-color:var(--mag);width:20px;height:20px}.check{min-height:44px;font-weight:500;display:flex}.btn,.check{gap:var(--s2);align-items:center}.btn{font:inherit;border:2px solid var(--ink);background:var(--stock);min-height:46px;color:var(--ink);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),transform .15s var(--ease);border-radius:999px;justify-content:center;padding:.6rem 1.15rem;font-weight:700;font-stretch:110%;text-decoration:none;display:inline-flex}.btn:hover{background:var(--ink);color:var(--stock)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--mag);border-color:var(--mag);color:var(--mag-ink)}.btn.primary:hover{background:var(--mag-deep);border-color:var(--mag-deep)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{min-height:44px;font-size:var(--t-sm);padding:.4rem .9rem}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{font:inherit;font-size:var(--t-sm);border:1.5px solid var(--rule-2);background:var(--stock);min-height:44px;color:var(--ink);cursor:pointer;border-radius:999px;padding:.35rem .85rem;font-weight:600}.seg button[aria-pressed=true]{background:var(--ink);color:var(--stock);border-color:var(--ink)}.seg button:hover:not([aria-pressed=true]){border-color:var(--ink)}.note{padding:var(--s3) var(--s4);background:var(--tint);font-size:var(--t-sm);border-radius:8px}.note.ok{color:oklch(32% .08 150);background:oklch(95% .04 150)}.note.warn{color:oklch(36% .09 60);background:oklch(95% .06 85)}.note.bad{color:oklch(40% .15 25);background:oklch(95% .04 25)}.proof{background:var(--stock);border:1px solid var(--rule);border-radius:4px;padding:28px;position:relative}.proof:after,.proof:before,.proof>.reg-b:after,.proof>.reg-b:before{content:"";pointer-events:none;background:radial-gradient(circle,transparent 5px,var(--ink) 5px,var(--ink) 6.2px,transparent 6.2px),linear-gradient(var(--ink),var(--ink)) 50%/1.2px 100% no-repeat,linear-gradient(var(--ink),var(--ink)) 50%/100% 1.2px no-repeat;width:22px;height:22px;position:absolute}.proof:before{top:3px;left:3px}.proof:after{top:3px;right:3px}.proof>.reg-b:before{bottom:3px;left:3px}.proof>.reg-b:after{bottom:3px;right:3px}.slug{justify-content:space-between;gap:var(--s2);font-family:var(--mono);color:var(--ink-2);margin-top:var(--s3);flex-wrap:wrap;font-size:12px;display:flex}.swatches{align-items:center;gap:3px;display:inline-flex}.swatches i{width:12px;height:12px;display:inline-block}.tool{gap:var(--s8);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;display:grid}.tool>*{min-width:0}.panel{gap:var(--s4);display:grid}.grid2{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid2>*{min-width:0}.sticky{top:var(--s4);position:sticky}@media (width<=860px){.tool{gap:var(--s6);grid-template-columns:minmax(0,1fr)}.sticky{position:static}}@media (width<=480px){.grid2{grid-template-columns:minmax(0,1fr)}.proof{padding:22px}}.section{padding-block:clamp(2.5rem,2rem + 3vw,5rem)}.band{background:var(--tint)}.faq details{border-top:1px solid var(--rule);padding-block:var(--s3)}.faq details:last-child{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;align-items:center;gap:var(--s3);min-height:44px;font-weight:700;list-style:none;display:flex}.faq summary:before{content:"+";font-family:var(--mono);color:var(--mag);width:1ch;font-size:1.3rem}.faq details[open] summary:before{content:"−"}.faq details>div{padding:var(--s2) 0 var(--s2) calc(1ch + var(--s3));color:var(--ink-2)}table{border-collapse:collapse;width:100%;font-size:var(--t-sm)}td,th{text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;padding:.55rem .6rem}th{font-weight:700;font-stretch:110%}.tablewrap{max-width:100%;overflow-x:auto}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}