@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/atkinson-hyperlegible-next-latin-ext-wght-normal.C6vrW8VD.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:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/atkinson-hyperlegible-next-latin-wght-normal.BcXVPD7q.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}.tz-trigger,.tz-sheet{--tz-trigger-size:3.5rem;--tz-trigger-gap:1rem;--tz-trigger-max-bottom-gap:96px}.tz-trigger{left:50%;bottom:min(calc(var(--tz-trigger-gap) + env(safe-area-inset-bottom,0px)), var(--tz-trigger-max-bottom-gap));z-index:30;inline-size:var(--tz-trigger-size);block-size:var(--tz-trigger-size);box-sizing:border-box;background:var(--tz-trigger-bg,#ff5a1f);color:var(--tz-trigger-fg,#0e1012);cursor:pointer;touch-action:pinch-zoom;border:0;border-radius:50%;place-items:center;transition:transform .24s cubic-bezier(.32,.72,0,1);display:grid;position:fixed;transform:translate(-50%)}.tz-trigger[data-tz-tucked=true]{transform:translateX(-50%) translateY(calc(100% + 2rem + env(safe-area-inset-bottom,0px)))}.tz-scrim{z-index:20;opacity:0;pointer-events:none;touch-action:pinch-zoom;background:#00000080;transition:opacity .24s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}.tz-scrim[data-tz-open=true]{opacity:1;pointer-events:auto}.tz-sheet{inset-inline:0;z-index:25;touch-action:pinch-zoom;max-block-size:85dvh;background:var(--tz-sheet-bg,#16191c);color:var(--tz-sheet-fg,#e8e4dc);border-start-start-radius:1rem;border-start-end-radius:1rem;flex-direction:column;padding-block-end:calc(var(--tz-trigger-size) + var(--tz-trigger-gap) + env(safe-area-inset-bottom,0px));transition:transform .24s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:0;overflow:hidden;transform:translateY(100%)}.tz-sheet[data-tz-open=true]{transform:translateY(0)}.tz-sheet[data-tz-dragging=true]{transition:none}.tz-handle{box-sizing:border-box;cursor:grab;touch-action:pinch-zoom;flex:none;place-items:center;block-size:3rem;display:grid}.tz-sheet[data-tz-dragging=true] .tz-handle{cursor:grabbing}.tz-handle:before{content:"";opacity:.4;background:currentColor;border-radius:999px;block-size:.25rem;inline-size:2.5rem}.tz-menu{touch-action:pan-y pinch-zoom;overscroll-behavior:contain;flex:auto;min-block-size:0;margin:0;padding:.5rem;list-style:none;overflow-y:auto}.tz-menu a{min-block-size:3rem;color:inherit;padding:1rem;text-decoration:none;display:block}@media (width>=768px){.tz-trigger,.tz-sheet,.tz-scrim{display:none}}@media (prefers-reduced-motion:reduce){.tz-sheet,.tz-trigger,.tz-scrim{transition-duration:1ms}.tz-sheet{opacity:0;pointer-events:none;transform:none}.tz-sheet[data-tz-open=true]{opacity:1;pointer-events:auto}}:root{--ink:#1a2633;--paper:#fff;--platform:#edf1f4;--muted:#475564;--signal:#ffcd1c;--route:#1745b8;--rule:#c5ced7;--focus:#1745b8;--font:"Atkinson Hyperlegible Next Variable", "Atkinson Hyperlegible Next", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--measure:66ch;--radius:6px;--step--1:clamp(.9rem, .87rem + .15vw, .95rem);--step-0:clamp(1.0625rem, 1.02rem + .2vw, 1.1875rem);--step-1:clamp(1.3rem, 1.2rem + .45vw, 1.55rem);--step-2:clamp(1.65rem, 1.45rem + .9vw, 2.1rem);--step-3:clamp(2.2rem, 1.7rem + 2.2vw, 3.4rem);--step-4:clamp(2.6rem, 1.8rem + 3.6vw, 4.6rem);--space-s:.75rem;--space-m:1.5rem;--space-l:clamp(2.5rem, 2rem + 2vw, 4rem);--space-xl:clamp(3.5rem, 2.5rem + 4vw, 6.5rem);color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--step-0);overflow-wrap:break-word;font-size-adjust:from-font;margin:0;line-height:1.6}img{max-width:100%;height:auto}[hidden]:not([hidden=until-found]){display:none!important}h1,h2,h3{text-wrap:balance;letter-spacing:-.015em;font-weight:800;line-height:1.15}h1{font-size:var(--step-3);letter-spacing:-.025em;margin:0 0 .4em}h2{font-size:var(--step-2);margin:1.8em 0 .5em}h3{font-size:var(--step-1);letter-spacing:-.01em;margin:1.4em 0 .35em;font-weight:700}p,li{text-wrap:pretty}p,ul,ol,dl{max-width:var(--measure)}li+li{margin-top:.35em}strong{font-weight:700}a{color:var(--route);text-underline-offset:.2em;text-decoration-thickness:.07em}a:hover{text-decoration-thickness:.15em}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}.skip-link{background:var(--ink);color:var(--paper);z-index:10;border-radius:var(--radius);padding:.75rem 1rem;font-weight:700;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}.wrap{width:min(100% - 2rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px), 74rem);margin-inline:auto}.site-header{border-bottom:1px solid var(--rule)}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 2rem;padding-block:.9rem;display:flex}.wordmark{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:.6rem;padding-block:.3rem;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex}.wordmark svg{flex:none}.wordmark span{font-weight:400}.site-nav ul{flex-wrap:wrap;gap:0 1.4rem;max-width:none;margin:0;padding:0;list-style:none;display:flex}.site-nav li+li{margin-top:0}.site-nav a{min-height:40px;color:var(--ink);border-bottom:3px solid #0000;font-weight:600;line-height:40px;text-decoration:none;display:inline-block}.site-nav a:hover{border-bottom-color:var(--rule)}.site-nav a[aria-current=page]{border-bottom-color:var(--ink)}main{padding-block:var(--space-l) var(--space-xl)}main>h1:first-child{max-width:22ch}.lede{font-size:var(--step-1);color:var(--muted);max-width:48ch;margin-top:0;line-height:1.45}.button{background:var(--signal);min-height:48px;color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius);font:inherit;cursor:pointer;align-items:center;padding:.7rem 1.4rem;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{background:var(--ink);color:var(--signal)}.button.secondary{background:var(--paper)}.button.secondary:hover{background:var(--ink);color:var(--paper)}.actions{margin-block:var(--space-m);flex-wrap:wrap;gap:.75rem;display:flex}.hero{gap:var(--space-m);padding-bottom:var(--space-l);align-items:end;display:grid}@media (width>=60rem){.hero{column-gap:var(--space-l);grid-template-columns:1.35fr 1fr}}.hero h1{font-size:var(--step-4);letter-spacing:-.035em;max-width:15ch;margin:0;line-height:1.02}.hero-aside{gap:var(--space-m);display:grid}.hero .lede,.hero .actions{margin:0}.sign{background:var(--signal);color:var(--ink);border-radius:var(--radius);padding:clamp(1.5rem,1rem + 2.5vw,3rem);container-type:inline-size}.sign h2{font-size:var(--step-2);margin:0 0 1.75rem}.route-wrap{position:relative}.route{gap:1.25rem;max-width:none;margin:0;padding:0;list-style:none;display:grid;position:relative}.route li{margin:0;padding-left:2.5rem;position:relative}.route li:before{content:"";background:var(--paper);border:4px solid var(--ink);border-radius:50%;width:1.25rem;height:1.25rem;position:absolute;top:.2rem;left:0}.route li:not(:last-child):after{content:"";background:var(--ink);width:4px;position:absolute;top:1.45rem;bottom:-1.45rem;left:calc(.625rem - 2px)}.route li:last-child:before{background:var(--ink)}.route strong{font-size:var(--step-1);line-height:1.2;display:block}.route span{max-width:24ch;margin-top:.2rem;display:block}.route-line{display:none}@container (width>46rem){.route{grid-template-columns:repeat(5,1fr);gap:1rem;padding-top:0}.route li{padding-left:0;padding-top:calc((4 - var(--i)) * 1.6rem + 2.25rem)}.route li:before{top:calc((4 - var(--i)) * 1.6rem)}.route li:not(:last-child):after{display:none}.route-line{width:calc(80% + .8rem);height:6.4rem;display:block;position:absolute;top:.625rem;left:.625rem;overflow:visible}.route-line line{stroke:var(--ink);stroke-width:4px;vector-effect:non-scaling-stroke}.route li:before{z-index:1}}.section{padding-block:var(--space-l) 0;gap:.5rem 3rem;display:grid}.section h2{font-size:var(--step-2);margin:0}.section>div>:first-child{margin-top:0}@media (width>=52rem){.section{grid-template-columns:minmax(14rem,1fr) 2fr}}.platforms{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.platforms li{border:2px solid var(--ink);font-weight:700;font-size:var(--step--1);border-radius:999px;margin:0;padding:.35rem .8rem}.deliverables{gap:1.1rem;margin:0;display:grid}.deliverables dt{font-weight:700;font-size:var(--step-1);line-height:1.25}.deliverables dd{color:var(--muted);margin:.2rem 0 0}.price-line{flex-wrap:wrap;gap:1rem 2.5rem;max-width:none;margin:0 0 1rem;padding:0;list-style:none;display:flex}.price-line li{margin:0}.price-line b{font-size:var(--step-2);letter-spacing:-.02em;font-weight:800;line-height:1.1;display:block}.steps{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;max-width:none;padding:0;list-style:none;display:grid}.steps li{border-top:4px solid var(--ink);margin:0;padding-top:.75rem}.steps h3{margin-top:0}.card-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.card{border:2px solid var(--ink);border-radius:var(--radius);padding:1.25rem}.card.recommended{box-shadow:inset 0 .5rem 0 var(--signal)}.table-scroll{margin-block:var(--space-m);overflow-x:auto;container-type:inline-size}table{border-collapse:collapse;width:100%}caption{text-align:left}th,td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;padding:.85rem .9rem}thead th{border-bottom:3px solid var(--ink);font-size:var(--step--1)}tbody th{max-width:30rem;font-weight:400}tbody th strong{font-size:var(--step-1);margin-bottom:.15rem;font-weight:800;line-height:1.25;display:block}tbody th{color:var(--muted)}tbody th strong{color:var(--ink)}td{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}th[data-for-region],td[data-for-region]{white-space:nowrap;inline-size:8.5rem}tr.recommended th,tr.recommended td{background:#fff4c7}tr.recommended th{box-shadow:inset 6px 0 0 var(--signal)}@container (width<30rem){th,td{padding-inline:.6rem}}html[data-region=us] [data-for-region]:not([data-for-region=us]),html[data-region=eu] [data-for-region]:not([data-for-region=eu]),html[data-region] .price-sep,html:not([data-region]) .currency-switch{display:none}.currency-switch{margin:var(--space-m) 0 0;border:0;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:0;display:flex}.currency-switch legend{float:left;margin-right:.25rem;padding:0;font-weight:700}.currency-switch label{border:2px solid var(--ink);border-radius:var(--radius);cursor:pointer;align-items:center;min-height:2.75rem;padding:0 1rem;font-weight:700;display:inline-flex;position:relative}.currency-switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.currency-switch label:has(input:checked){background:var(--ink);color:var(--paper)}.currency-switch label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}@media (forced-colors:active){.currency-switch label:has(input:checked){forced-color-adjust:none;color:highlighttext;background:highlight;border-width:4px}}.site-footer{background:var(--platform);color:var(--muted);padding-block:var(--space-l)}.site-footer .wrap{gap:1.5rem;display:grid}.site-footer ul{flex-wrap:wrap;gap:0 1.5rem;max-width:none;margin:0;padding:0;list-style:none;display:flex}.site-footer li+li{margin-top:0}.site-footer a{min-height:44px;line-height:44px;display:inline-block}.site-footer p{margin:0}.footer-brand{color:var(--ink);font-weight:800}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.route li:before,.route li:after,.button{forced-color-adjust:auto;border-color:canvastext}.site-nav a[aria-current=page]{border-bottom-color:canvastext}}.tz-trigger,.tz-sheet{--tz-trigger-size:3.75rem;--tz-trigger-bg:var(--signal);--tz-trigger-fg:var(--ink);--tz-sheet-bg:var(--ink);--tz-sheet-fg:var(--paper)}.tz-trigger{border:2px solid var(--ink);box-shadow:0 .35rem 1.25rem #1a263347}.tz-trigger .tz-icon-close,.tz-trigger[aria-expanded=true] .tz-icon-open{display:none}.tz-trigger[aria-expanded=true] .tz-icon-close{display:block}.tz-trigger:focus-visible{outline-color:var(--ink);outline-offset:4px}.tz-sheet{font-size:var(--step-1);padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px)}.tz-nav{flex-direction:column;flex:auto;min-block-size:0;display:flex}.tz-menu{max-width:none;padding:0 1rem .75rem}.tz-menu li{border-bottom:1px solid #ffffff2e;margin:0}.tz-menu li:has(.tz-cta){border-bottom:0;padding-top:.75rem}.tz-menu a{border-radius:var(--radius);align-items:center;min-block-size:3.25rem;padding:.5rem .75rem;font-weight:700;display:flex}.tz-menu a[aria-current=page]{box-shadow:inset 6px 0 0 var(--signal)}.tz-menu a.tz-cta{background:var(--signal);color:var(--ink);justify-content:center}.tz-sheet :focus-visible{outline-color:var(--signal);outline-offset:2px}.tz-menu a.tz-cta:focus-visible{outline-color:var(--paper)}@media (width<=767.98px){.site-nav{display:none}body{--tz-reserve:calc(3.75rem + 2rem + env(safe-area-inset-bottom,0px))}.site-footer{padding-bottom:calc(var(--space-l) + var(--tz-reserve))}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.prose{max-width:var(--measure)}.post-list{margin:var(--space-l) 0;gap:var(--space-l);max-width:var(--measure);padding:0;list-style:none;display:grid}.post-list>li+li{margin-top:0}.post-card{border-top:3px solid var(--ink);padding-top:var(--space-s)}.post-card h2,.post-card h3{font-size:var(--step-1);margin:0 0 .4em}.post-card p{margin:0 0 .4em}.post-category{background:var(--signal);color:var(--ink);font-size:var(--step--1);border-radius:4px;margin:0 0 .6rem;padding:.1rem .55rem;font-weight:700;display:inline-block}.post-meta{color:var(--muted);font-size:var(--step--1);flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.post-card .post-meta{margin:0}.back-link{margin:0 0 var(--space-m);font-size:var(--step--1)}.back-link a:before{content:"← "}.post>header{max-width:var(--measure);margin-bottom:var(--space-m)}.post>header h1{max-width:22ch;margin-bottom:.3em}.standfirst{font-size:var(--step-1);color:var(--muted);max-width:52ch;margin:0 0 1rem;line-height:1.45}.post>header .post-meta{padding-bottom:var(--space-m);border-bottom:1px solid var(--rule)}.toc{max-width:var(--measure);margin-bottom:var(--space-l)}.toc h2{font-size:var(--step-0);margin:0 0 .75rem}.toc ol{scroll-target-group:auto;--dot:15px;--line:3px;--dot-top:calc(.675em - var(--dot) / 2);margin:0;padding:0;list-style:none}.toc li{padding:0 0 .85rem calc(var(--dot) + .75rem);font-size:var(--step--1);margin:0;line-height:1.35;position:relative}.toc li:last-child{padding-bottom:0}.toc li:before{content:"";left:calc((var(--dot) - var(--line)) / 2);width:var(--line);background:var(--rule);position:absolute;top:0;bottom:0}.toc li:first-child:before{top:calc(var(--dot-top) + var(--dot) / 2)}.toc li:last-child:before{height:calc(var(--dot-top) + var(--dot) / 2);bottom:auto}.toc li:only-child:before{display:none}.toc li:after{content:"";left:0;top:var(--dot-top);width:var(--dot);height:var(--dot);border:var(--line) solid var(--ink);background:var(--paper);border-radius:50%;position:absolute}.toc a{color:var(--ink);text-decoration:none;display:inline-block}.toc a:hover{text-decoration:underline}.toc li:has(a:target-current):after{background:var(--signal)}.toc a:target-current{font-weight:700}@media (forced-colors:active){.toc li:has(a:target-current):after{background:highlight}}@media (width>=64rem){.post{grid-template-columns:minmax(0, var(--measure)) minmax(14rem, 18rem);column-gap:var(--space-l);align-items:start;display:grid}.post>header{grid-column:1/-1}.post>.toc{top:var(--space-m);grid-area:2/2/span 4;margin:0;position:sticky}.post>.prose,.post>.post-share,.post>.post-cover,.post>.post-tags{grid-column:1}}.post-cover{margin:0 0 var(--space-l);max-width:var(--measure)}.post-cover img{border:1px solid var(--rule);border-radius:var(--radius);width:100%;height:auto;display:block}.post-cover figcaption{color:var(--muted);font-size:var(--step--1);max-width:var(--measure);margin-top:.6rem}.tag-cloud h2,.post-tags h2{font-size:var(--step-0);margin:0 0 .75rem}.tag-cloud ul,.post-tags ul{flex-wrap:wrap;gap:.5rem;max-width:none;margin:0;padding:0;list-style:none;display:flex}.tag-cloud li,.post-tags li{margin:0}.tag-cloud a,.post-tags a{border:2px solid var(--ink);min-height:40px;color:var(--ink);font-weight:700;font-size:var(--step--1);border-radius:999px;align-items:baseline;gap:.4rem;padding:.45rem .8rem;text-decoration:none;display:inline-flex}.tag-cloud a:hover,.post-tags a:hover{background:var(--ink);color:var(--paper)}.tag-cloud a[aria-current=page]{background:var(--signal)}.tag-count{font-weight:400}.post-tags{max-width:var(--measure);margin-top:var(--space-l)}.tag-cloud{margin-block:var(--space-l)}@media (width>=64rem){.blog-layout{grid-template-columns:minmax(0, var(--measure)) minmax(14rem, 20rem);column-gap:var(--space-l);align-items:start;display:grid}.blog-layout>.tag-cloud{top:var(--space-m);margin-block:var(--space-l) 0;position:sticky}}.post-share{max-width:var(--measure);margin-top:var(--space-l);padding-top:var(--space-m);border-top:1px solid var(--rule)}.post-share h2{font-size:var(--step-1);margin:0 0 .75rem}.share-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.copy{align-items:center;gap:.75rem;display:inline-flex}.copy-status{color:var(--muted);font-size:var(--step--1)}.post-cta{max-width:var(--measure);margin-top:var(--space-l);background:var(--platform);border-left:6px solid var(--signal);padding:var(--space-m);border-radius:0 var(--radius) var(--radius) 0}.post-cta h2{font-size:var(--step-1);margin-top:0}.post-cta p:last-child{margin-bottom:0}.read-next h2{font-size:var(--step-2)}kbd{font:inherit;border:1px solid var(--ink);background:var(--paper);white-space:nowrap;border-bottom-width:2px;border-radius:4px;padding:.05em .4em;font-size:.88em;font-weight:700}.note{background:var(--platform);border-left:6px solid var(--ink);border-radius:0 var(--radius) var(--radius) 0;padding:1rem 1.25rem}.form{max-width:36rem;margin-block:var(--space-m);gap:1.4rem;display:grid}.field{gap:.35rem;display:grid}.field label{font-weight:700}.field input[type=url],.field input[type=email],.field input[type=text]{font:inherit;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);min-height:48px;color:var(--ink);padding:.7rem .85rem}.field .hint{color:var(--muted);font-size:var(--step--1);margin:0}.field.checkbox{grid-template-columns:auto 1fr;align-items:start;gap:.75rem}.field.checkbox input{width:1.5rem;height:1.5rem;accent-color:var(--ink);margin-top:.2rem}.field.checkbox label{font-weight:400}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form .button{justify-self:start}@media (width<=30rem){.currency-switch legend{width:100%;margin-bottom:.25rem}}