@font-face{font-family:Cormorant SC;font-style:normal;font-weight:300;font-display:fallback;src:url(/products/_astro/cormorant-sc-300-normal.CDcNreFF.woff2)format("woff2")}@font-face{font-family:Cormorant SC;font-style:normal;font-weight:400;font-display:fallback;src:url(/products/_astro/cormorant-sc-400-normal.C-UCmjCt.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:fallback;src:url(/products/_astro/dm-sans-400-normal.N0lz-1WA.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:fallback;src:url(/products/_astro/dm-sans-700-normal.BsLBcaKG.woff2)format("woff2")}:root{--bg:#595757;--fg:#e5e6e6;--muted:#cfcfd0;--accent:#b1c3cb;--accent-strong:#35526d;--accent-fg:#e5e6e6;--link-hover:#417abe;--border:#6e6c6c;--card-bg:#504e4e;--max-width:50rem;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", sans-serif;--font-display:"Cormorant SC", Cormorant, Georgia, serif;--size-small:.9rem;--size-medium:1.05rem;--size-large:clamp(1.39rem, 1.39rem + ((1vw - .2rem) * .767), 1.85rem);--size-x-large:clamp(1.85rem, 1.85rem + ((1vw - .2rem) * 1.083), 2.5rem);--size-xx-large:clamp(2.5rem, 2.5rem + ((1vw - .2rem) * 1.283), 3.27rem);color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--size-medium);margin:0;font-weight:400;line-height:1.55}h1,h2,h3,h4,h5,h6{color:var(--fg);font-family:var(--font-display);font-weight:300;line-height:1.2}h1{font-size:var(--size-xx-large);line-height:1.15}h2{font-size:var(--size-x-large)}h3{font-size:var(--size-large)}h4{font-size:clamp(1.1rem,.767vw + .9466rem,1.5rem)}h5{font-size:var(--size-medium)}h6{font-size:var(--size-small)}a{color:var(--fg)}a:hover{color:var(--link-hover);text-decoration:none}header.site-header{border-bottom:1px solid var(--border)}header.site-header nav{max-width:var(--max-width);flex-wrap:wrap;align-items:baseline;gap:.35rem 1.5rem;margin:0 auto;padding:.9rem 1.25rem;display:flex}header.site-header .brand{font-family:var(--font-display);letter-spacing:.02em;color:var(--fg);margin-right:auto;font-size:1.2rem;font-weight:400;text-decoration:none}header.site-header a{color:var(--muted);white-space:nowrap;text-decoration:none}header.site-header a:hover{color:var(--link-hover)}header.site-header a.current{color:var(--fg);font-weight:700}main{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1.25rem 4rem}footer.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:var(--size-small)}footer.site-footer div{max-width:var(--max-width);margin:0 auto;padding:1.25rem}.tagline{color:var(--muted);margin-top:-.5rem;font-size:1.1rem}.button{background:var(--accent-strong);color:var(--accent-fg);border-radius:.5rem;padding:.6rem 1.2rem;font-weight:700;text-decoration:none;display:inline-block}.button:hover{background:var(--link-hover);color:var(--accent-fg)}.app-store-badge{line-height:0;display:inline-block}.app-store-badge img{width:auto;height:48px;margin:12px;display:block}.card{border:1px solid var(--border);background:var(--card-bg);color:var(--fg);border-radius:.75rem;margin:1rem 0;padding:1.25rem 1.5rem;text-decoration:none;display:block}.card:hover{border-color:var(--accent)}.card h2,.card h3{margin:0 0 .25rem}.card p{color:var(--muted);margin:0}.meta{color:var(--muted);font-size:.9rem}article :is(pre,table){max-width:100%;overflow-x:auto}article img{border:1px solid var(--border);border-radius:.5rem;max-width:100%;height:auto;margin:1.5rem auto;display:block}article table{border-collapse:collapse;width:100%;margin:1.25rem 0;font-size:.95rem;line-height:1.5}article :is(th,td){text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:.45rem .7rem}article th{border-bottom:2px solid var(--border);white-space:nowrap;font-weight:700}article :is(code,kbd){background:var(--card-bg);border:1px solid var(--border);border-radius:.3rem;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}article pre{background:var(--card-bg);border:1px solid var(--border);border-radius:.5rem;padding:.9rem 1rem}article pre code{background:0 0;border:none;padding:0}article h2{border-top:1px solid var(--border);margin-top:2.25rem;padding-top:.5rem}article h3{margin-top:1.75rem}
