:root{--site-bg:#121211;--site-fg:#ecebe4;--site-muted:#8b8a82;--site-line:#262624;--site-prose:#cfcec6;--site-underline:#5e5d57;--site-rule:#363633;--site-code-bg:#1c1c1a;--site-pre-bg:#161614;--site-on-fg:#121211;--site-accent:#e0b95c;--site-gutter:clamp(1.25rem, 5vw, 3.5rem);--site-font-body:"Atkinson Hyperlegible Next Variable", ui-sans-serif, system-ui, sans-serif;--site-font-display:"Bricolage Grotesque Variable", var(--site-font-body);--site-font-mono:"JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, monospace}:root[data-theme=light]{--site-bg:#fffff8;--site-fg:#1a1a17;--site-muted:#66665d;--site-line:#e6e6d9;--site-prose:#2e2e29;--site-underline:#b4b4a6;--site-rule:#d6d6c8;--site-code-bg:#f2f2e6;--site-pre-bg:#f8f8ee;--site-on-fg:#fffff8;--site-accent:#8a6410}*,:before,:after{box-sizing:border-box}html{background:var(--site-bg);color-scheme:dark}:root[data-theme=light]{color-scheme:light}body{background:var(--site-bg);color:var(--site-fg);font-family:var(--site-font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--site-fg);outline-offset:4px;border-radius:4px}h1,h2,h3{font-family:var(--site-font-display);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.15}p{margin:0 0 .75rem}.muted{color:var(--site-muted)}.site-frame{max-width:68rem;padding-inline:var(--site-gutter);margin-inline:auto}.site-foot{color:var(--site-muted);padding-block:4rem 3rem;font-size:.875rem}.site-foot a{border-bottom:1px solid var(--site-line)}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem;display:flex}.site-header-end{align-items:center;gap:1.5rem;display:flex}.site-brand{font-family:var(--site-font-display);letter-spacing:-.01em;color:var(--site-fg);font-weight:600}.site-nav{align-items:center;gap:1.5rem;font-size:.9375rem;display:flex}.site-nav a{white-space:nowrap;color:var(--site-muted);transition:color .15s}.site-nav a:hover,.site-nav a[aria-current]{color:var(--site-fg)}.pill{background:var(--site-fg);color:var(--site-on-fg);border-radius:999px;padding:.4rem 1rem;font-weight:600;transition:opacity .15s;display:inline-block}.pill:hover{opacity:.85}.pill.big{padding:.7rem 1.5rem}.quiet-link{color:var(--site-muted);border-bottom:1px solid var(--site-line)}.quiet-link:hover{color:var(--site-fg)}button.quiet-link{font:inherit;border:0;border-bottom:1px solid var(--site-line);cursor:pointer;text-align:left;background:0 0;padding:0}button.quiet-link:focus-visible{outline:2px solid var(--site-fg);outline-offset:4px;border-radius:4px}.hero,.row{grid-template-columns:1fr 1fr;gap:2rem 4rem;display:grid}.hero{isolation:isolate;align-items:center;min-height:calc(100dvh - 5rem);padding-block:4rem 5rem;position:relative}.hero:before{content:"";inset-block:0;z-index:-1;border-block:1px solid var(--site-line);background:radial-gradient(48rem 26rem at 18% 22%, color-mix(in srgb, var(--site-fg) 8%, transparent), transparent 70%), var(--site-code-bg);width:100vw;position:absolute;left:50%;transform:translate(-50%)}body:has(.hero){overflow-x:clip}.hero-next{color:var(--site-muted);letter-spacing:.04em;justify-items:center;gap:.25rem;font-size:.875rem;display:grid;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.hero-next:hover{color:var(--site-fg)}.eyebrow{color:var(--site-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;font-size:.8125rem}.steps{counter-reset:step;margin:1.25rem 0 0;padding:0;list-style:none}.steps li{border-top:1px solid var(--site-line);counter-increment:step;grid-template-columns:1.75rem 1fr;column-gap:.5rem;padding-block:.9rem;display:grid}.steps li:last-child{border-bottom:1px solid var(--site-line)}.steps li:before{content:counter(step);color:var(--site-muted);font-variant-numeric:tabular-nums;grid-row:span 2}.hero h1{max-width:20ch;margin-bottom:1rem;font-size:clamp(2rem,4.2vw,3rem)}.cta{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.row{align-items:start;padding-block:5rem}.row h2{max-width:14ch;font-size:clamp(1.5rem,3vw,2.25rem)}.row p:first-child{font-size:1.125rem}.try{border:1px solid color-mix(in srgb, var(--site-accent) 45%, var(--site-line));background:linear-gradient(135deg, color-mix(in srgb, var(--site-accent) 13%, var(--site-code-bg)), var(--site-code-bg) 62%);box-shadow:0 24px 56px -30px color-mix(in srgb, var(--site-accent) 45%, transparent);border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:2rem 4rem;margin-block:5rem;padding:clamp(1.75rem,4vw,3rem);scroll-margin-top:1.5rem;display:grid;position:relative}.try:before{content:"Start here";background:var(--site-accent);color:var(--site-on-fg);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.2rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:-.8rem;left:clamp(1.75rem,4vw,3rem)}.try h2{max-width:16ch;font-size:clamp(1.6rem,3vw,2.25rem)}.try p:first-child{font-size:1.125rem}.try .cta{margin-top:1.25rem}.try .pill{background:var(--site-accent);color:var(--site-on-fg)}.try .quiet-link{color:var(--site-prose);border-bottom-color:color-mix(in srgb, var(--site-accent) 55%, transparent)}.row p,.prose :is(p,li,blockquote){text-align:justify;text-justify:inter-word;hyphens:auto}.row-head{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.site-list{margin:0;padding:0;list-style:none}.site-list li{border-top:1px solid var(--site-line)}.site-list li:last-child{border-bottom:1px solid var(--site-line)}.site-list a{gap:.15rem;padding-block:.9rem;display:grid}.site-list a>span:first-child{transition:padding-left .15s}.site-list a:hover>span:first-child{padding-left:.5rem}.site-list .muted{font-size:.9rem}.articles-head{padding-block:4rem 2rem}.articles-head h1{margin-bottom:.75rem;font-size:clamp(2rem,4.2vw,3rem)}.articles-list{padding-bottom:5rem}.articles-list time{color:var(--site-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.articles-empty{color:var(--site-muted);padding-bottom:6rem}.post{max-width:42rem;margin-inline:auto;padding-block:4rem 5rem}.post-back{color:var(--site-muted);margin-bottom:2.5rem;font-size:.9rem;display:inline-block}.post-back:hover{color:var(--site-fg)}.post h1{margin-bottom:.75rem;font-size:clamp(2rem,4.5vw,2.75rem)}.post-meta{color:var(--site-muted);margin-bottom:3rem;font-size:.9rem}.prose{color:var(--site-prose);font-size:1.0625rem;line-height:1.75}.prose h2{color:var(--site-fg);margin:3rem 0 1rem;font-size:1.5rem}.prose h3{color:var(--site-fg);margin:2rem 0 .75rem;font-size:1.2rem}.prose p,.prose ul,.prose ol,.prose blockquote,.prose table{margin:0 0 1.25rem}.prose a{color:var(--site-fg);text-decoration:underline;text-decoration-color:var(--site-underline);text-underline-offset:.2em}.prose a:hover{text-decoration-color:var(--site-fg)}.prose blockquote{border-left:1px solid var(--site-rule);color:var(--site-muted);padding-left:1.25rem}.prose code{font-family:var(--site-font-mono);background:var(--site-code-bg);border-radius:4px;padding:.1em .35em;font-size:.9em}.prose pre{background:var(--site-pre-bg);border:1px solid var(--site-line);border-radius:8px;padding:1rem;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;font-size:.95rem}.prose th,.prose td{border-bottom:1px solid var(--site-line);text-align:left;padding:.5rem .75rem}.prose th{color:var(--site-fg)}.prose hr{border:0;border-top:1px solid var(--site-line);margin:3rem 0}@media (width<=720px){.hero,.row,.try{grid-template-columns:1fr;gap:1.5rem}.hero{min-height:calc(100dvh - 8rem);padding-block:3rem}.hero-next{justify-items:start;position:static;transform:none}.try{margin-block:3.5rem}.row{padding-block:3rem}.site-header{flex-wrap:wrap}.site-nav{gap:1.1rem}}.site-row{align-items:center;gap:1rem;display:flex}.site-row-text{gap:.15rem;display:grid}
