@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600&family=Hanken+Grotesk:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";

:root{--enc-ink:#000;--enc-green:#9c6;--enc-paper:#fafaf8;--enc-paper-2:#f2f2ed;--enc-hairline:#e2e2db;--enc-grey:#6b6f68;--enc-ink-700:#3a3d38;--enc-green-100:#eef6e4;--enc-green-200:#d9ebc4;--enc-green-ink:#3f6b27;--enc-ink-ground:#2a2c28;--enc-card:#fff;--enc-ring:#d9d9d2;--enc-ring-hover:#b9b9b1;--enc-border-hover:#9b9b94;--enc-on-ground:#575b55;--enc-green-hover:#a8d67a;--enc-green-ring:#7cae48;--enc-green-press:#7cae48;--enc-green-press-ring:#5f8a37;--enc-pastel-green:#dceec7;--enc-pastel-yellow:#f8e8b3;--enc-pastel-blue:#d2e3f6;--enc-pastel-orange:#f8ddc6;--enc-pastel-pink:#f7dce7;--enc-pastel-green-deep:#b4d98f;--enc-pastel-yellow-deep:#e8cb72;--enc-pastel-blue-deep:#a3c3ec;--enc-pastel-orange-deep:#edb98a;--enc-pastel-pink-deep:#e9a9c2;--enc-on-ink:#fafaf8;--enc-on-ink-dim:#c9c9c4;--enc-on-ink-label:#9fa39b;--enc-on-ink-meta:#b4b4b4;--enc-ink-border:#fafaf82e;--enc-ink-border-hover:#fafaf866;--enc-ink-border-selected:#fafaf8;--enc-ink-control-ring:#fafaf84d;--enc-ink-control-fill:#fafaf80f;--enc-ink-well:#00000038;--enc-scrim:#2a2c289e;--enc-disabled-on-hairline:#575b55;--enc-disabled-on-paper:#6b6f68;--enc-disabled-on-ink:#93978f;--surface-page:var(--enc-paper);--surface-band:var(--enc-paper-2);--surface-ink:var(--enc-ink-ground);--surface-card:var(--enc-card);--surface-well:var(--enc-paper-2);--surface-well-ink:var(--enc-ink-well);--surface-field:var(--enc-green);--text-strong:var(--enc-ink);--text-body:var(--enc-ink-700);--text-muted:var(--enc-grey);--text-link-hover:var(--enc-green-ink);--text-on-ink:var(--enc-on-ink);--text-on-ink-body:var(--enc-on-ink-dim);--border-rest:var(--enc-hairline);--border-hover:var(--enc-border-hover);--border-selected:var(--enc-ink);--action-primary:var(--enc-green);--action-primary-hover:var(--enc-green-hover)}
:root{--font-display:"Outfit", sans-serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--type-cover:clamp(40px, 6.6vw, 100px);--type-cover-lh:.94;--type-cover-track:-.048em;--type-cover-sub:clamp(16px, 1.7vw, 21px);--type-cover-sub-lh:1.52;--type-display:48px;--type-display-track:-.042em;--type-h2:26px;--type-h2-lh:1.16;--type-h2-track:-.03em;--type-h3:19px;--type-h3-lh:1.25;--type-h3-track:-.024em;--type-h4:17px;--type-h4-track:-.022em;--type-lead:17px;--type-lead-lh:1.56;--type-body:15.5px;--type-body-lh:1.56;--type-control:15px;--type-control-track:-.006em;--type-small:13.5px;--type-small-lh:1.5;--type-mono:10.5px;--type-mono-track:.12em;--type-code:13.5px;--type-code-lh:1.6;--measure-h1:15ch;--measure-cover-h1:13ch;--measure-lead:46ch;--measure-cover-sub:34ch;--measure-body:72ch;--measure-article:68ch}
:root{--radius-flat:4px;--radius-control:10px;--radius-card:12px;--radius-pill:999px;--radius-card-media:6px;--border-width:1px}
:root{--hl-primary:inset 0 1.5px 0 #ffffffc7;--hl-primary-hover:inset 0 1.5px 0 #fff;--hl-paper:inset 0 1.5px 0 #fff;--hl-ink:inset 0 1.5px 0 #ffffff42;--lift-primary:0 1px 2px #0000001a;--lift-soft:0 1px 2px #0000000f;--press-primary:inset 0 1px 2px #0000002e;--press-soft:inset 0 1px 2px #00000012;--card-hl:inset 0 1.5px 0 #fff;--card-hl-ink:inset 0 1.5px 0 #ffffff2e;--card-lift:0 1px 2px #0000000f;--card-lift-hover:0 1px 2px #0000000f, 0 2px 6px #0000000d;--card-press:inset 0 1px 2px #00000012;--card-press-ink:inset 0 1px 2px #0000004d;--focus-ring:0 0 0 3px #00000052;--focus-ring-ink:0 0 0 3px #fafaf880}
:root{--space-section:88px;--space-inner-max:40px;--page-x-wide:clamp(20px, 4vw, 44px);--page-x-cover:clamp(24px, 5vw, 76px);--page-x-reading:clamp(28px, 6vw, 96px);--page-x-hero:clamp(28px, 5vw, 96px);--page-x-steps:clamp(28px, 5vw, 80px);--page-x-reference:clamp(28px, 7vw, 110px);--footer-x:48px;--space-bar-x:44px;--bar-h:64px;--control-h:44px;--control-h-hero:48px;--control-px:18px;--control-px-hero:20px;--card-pad-compact:16px;--card-gap-compact:10px;--card-pad:22px;--card-gap:13px;--card-pad-roomy:28px;--card-gap-roomy:16px;--article-w:720px;--page-cap:1280px}
:root{--dur-fast:.14s;--dur:.16s;--dur-slow:.2s;--ease:ease;--nudge:3px}@keyframes enc-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes enc-marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes enc-btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.enc-motion{transition:none!important;animation:none!important}}
:root{--dots-paper:radial-gradient(circle, #00000038 1.1px, transparent 1.4px);--dots-ink:radial-gradient(circle, #fafaf829 1.1px, transparent 1.4px);--dots-green:radial-gradient(circle, #fafaf899 1.1px, transparent 1.4px);--dots-size:22px 22px;--dots-offset:11px 11px}
html,body{background:var(--surface-page);color:var(--text-strong);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0}*,:before,:after{box-sizing:border-box}a{color:var(--enc-ink);text-decoration:none}a:hover{color:var(--enc-green-ink)}.on-ink a{color:var(--enc-on-ink)}.on-ink a:hover{color:var(--enc-green)}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-control)}.on-ink :focus-visible{box-shadow:var(--focus-ring-ink)}