.sr-only[data-astro-cid-wpvy4v7s]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@font-face{font-family:Alfa Slab One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/AlfaSlabOne.woff2)format("woff2")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Ubuntu-Regular.woff2)format("woff2")}@font-face{font-family:Bitcount;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Bitcount.woff2)format("woff2")}@font-face{font-family:Ubuntu;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/Ubuntu-Italic.woff2)format("woff2")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Ubuntu-Medium.woff2)format("woff2")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Ubuntu-Bold.woff2)format("woff2")}:root{--cream:#eef1ea;--card:#fff;--surface:#fbfcf9;--ink:#141a15;--body:#303a31;--muted:#5c655b;--faint:#656d61;--deep:#14532d;--green:#1f7a3d;--gold:#d8a92e;--gold-ink:#856710;--gold-deep:#9d7412;--gold-shine:#f5d97a;--border:#dde2d6;--border2:#e8ebe3;--edge:#0d3a20;--edge-ghost:#c2cbb8;--pen:#b0402a;--measure:68ch;--nav-h:56px;--hero-measure:62ch;--wrap:1080px;--radius:14px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:Ubuntu,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:17px;line-height:1.65;display:flex;overflow-x:hidden}::selection{background:var(--green);color:#fff}.skip{z-index:200;background:var(--deep);color:#fff;border-radius:0 0 10px;padding:12px 20px;font-weight:700;text-decoration:none;position:absolute;top:0;left:-9999px}.skip:focus{left:0}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-inline:24px}.narrow{max-width:760px;margin-inline:auto}.narrow-hero{max-width:var(--hero-measure);margin-inline:auto}main{flex:1 0 auto}.section{padding-block:56px}.section-sm{padding-block:36px}h1,h2,h3,h4{text-wrap:balance;overflow-wrap:break-word;line-height:1.15}h1{text-transform:uppercase;letter-spacing:.004em;color:var(--deep);font-family:Alfa Slab One,serif;font-size:clamp(1.9rem,4.6vw,3rem)}h2{text-transform:uppercase;letter-spacing:.006em;color:var(--ink);font-family:Alfa Slab One,serif;font-size:clamp(1.35rem,2.6vw,1.8rem)}h3{color:var(--ink);font-size:1.12rem;font-weight:700}p{max-width:var(--measure)}a{color:var(--green)}a:hover{color:var(--deep)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-size:.74rem;font-weight:700}.eyebrow:before{content:"";vertical-align:.12em;background:currentColor;width:6px;height:6px;margin-right:9px;display:inline-block}.lede{color:var(--body);max-width:var(--measure);font-size:1.12rem}.muted{color:var(--muted)}.ring-mark{background:conic-gradient(from 200deg, var(--green) 0deg 168deg, var(--gold-deep) 178deg, var(--gold) 194deg, var(--gold-shine) 212deg, #ffeeb4 222deg, var(--gold-shine) 232deg, var(--gold) 250deg, var(--gold-deep) 266deg, var(--green) 278deg 360deg);border-radius:50%;flex:none;width:26px;height:26px;display:inline-block;-webkit-mask:radial-gradient(circle,#0000 0 8px,#000 8.5px);mask:radial-gradient(circle,#0000 0 8px,#000 8.5px)}.brand{align-items:center;gap:9px;text-decoration:none;display:inline-flex}.brand-word{color:var(--deep);letter-spacing:.01em;text-transform:uppercase;font-family:Alfa Slab One,serif;font-size:1.04rem}.brand-word .gold{color:var(--gold)}.site-nav{border-bottom:1px solid var(--border);background:var(--cream);z-index:50;position:sticky;top:0}.nav-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;display:flex}.nav-links{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.nav-links a{color:var(--body);font-size:.93rem;font-weight:600;text-decoration:none}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--deep)}.nav-links a[aria-current=page]{text-underline-offset:5px;text-decoration:underline}.read-progress{display:none}@supports (animation-timeline:scroll()){.read-progress{background:var(--gold);transform-origin:0;height:2px;animation:linear both read-progress scroll(root);display:block;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}}@keyframes read-progress{to{transform:scaleX(1)}}.btn{background:var(--green);color:#fff;cursor:pointer;box-shadow:0 3px 0 var(--edge);border:0;border-radius:5px;padding:12px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .15s,transform 60ms,box-shadow 60ms;display:inline-block}.btn:hover{background:var(--deep);color:#fff}.btn:active{box-shadow:0 0 0 var(--edge);transform:translateY(3px)}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.btn-ghost{background:var(--card);color:var(--deep);border:1px solid var(--border);box-shadow:0 3px 0 var(--edge-ghost);padding:11px 23px}.btn-ghost:hover{background:var(--surface);color:var(--deep);border-color:var(--faint)}.btn-ghost:active{box-shadow:0 0 0 var(--edge-ghost);transform:translateY(3px)}@media (prefers-reduced-motion:reduce){.btn,.btn-ghost{transition:background .15s}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.post-list{gap:4px;list-style:none;display:grid}.post-item{border-bottom:1px solid var(--border);padding:22px 0}.post-item:first-child{padding-top:6px}.post-item h2,.post-item h3{text-transform:none;letter-spacing:normal;color:var(--ink);margin-bottom:6px;font-family:Ubuntu,sans-serif;font-size:1.22rem;font-weight:700}.post-item h2 a,.post-item h3 a{color:var(--ink);text-decoration:none}.post-item h2 a:hover,.post-item h3 a:hover{color:var(--green);text-underline-offset:3px;text-decoration:underline}.post-meta{color:var(--faint);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;font-size:.8rem;display:flex}.post-meta .dot{color:var(--border)}.lang-switch{margin-bottom:10px;font-size:.82rem}.topic-tag{letter-spacing:.07em;text-transform:uppercase;color:var(--gold-ink);background:#fbf3dc;border:1px solid #e6d29a;border-radius:3px;padding:4px 10px;font-size:.7rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 2px #e2cd93}a .lang-switch{margin-bottom:10px;font-size:.82rem}.lang-switch a{color:var(--muted);border-bottom:1px solid var(--border);text-decoration:none}.lang-switch a:hover{color:var(--deep);border-color:var(--green)}.topic-tag{transition:background .15s,transform 60ms,box-shadow 60ms}a.topic-tag:hover{color:var(--gold-ink);background:#f7ebc8;border-color:#d8bf78}a.topic-tag:active{transform:translateY(2px);box-shadow:0 0 #e2cd93}a.topic-tag:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.prose{max-width:var(--measure);color:var(--body);font-size:1.05rem;line-height:1.75}.prose>*+*{margin-top:1.1em}.prose h2{margin-top:2.2em;margin-bottom:.1em;scroll-margin-top:80px}.prose h3{margin-top:1.7em;margin-bottom:.1em;scroll-margin-top:80px;font-size:1.06rem}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.35em}.prose blockquote{border-left:3px solid var(--gold);color:var(--muted);padding-left:18px;font-style:italic}.prose img{border-radius:10px;max-width:100%;height:auto;display:block}.prose p:has(>img)+p>em:only-child{color:var(--faint);text-align:center;margin-top:-.6em;font-size:.86rem;font-style:normal;display:block}.prose code{background:var(--surface);border:1px solid var(--border2);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.prose pre{border:1px solid var(--border);border-radius:10px;padding:16px 18px;font-size:.88rem;overflow-x:auto;background:var(--surface)!important}.prose pre code{font-size:inherit;background:0 0;border:0;padding:0}.table-scroll{-webkit-overflow-scrolling:touch;margin-top:1.1em;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;min-width:480px;font-size:.93rem}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--border);padding:9px 12px}.prose th{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-size:.76rem;font-weight:700}.prose hr{border:0;border-top:1px solid var(--border);margin:2.4em 0}.prose .footnotes{color:var(--muted);border-top:1px solid var(--border);margin-top:3em;padding-top:1em;font-size:.9rem}.callout{border-left:4px solid var(--green);background:var(--surface);color:var(--body);border-radius:0 10px 10px 0;padding:14px 18px}.callout>*+*{margin-top:.7em}.callout p{max-width:none}.callout-warning{background:#fdf1ee;border-left-color:#cf5238}.callout-tip{border-left-color:var(--gold);background:#fdf8ea}.pullquote{color:var(--deep);letter-spacing:-.01em;background:linear-gradient(var(--pen), var(--pen)) no-repeat 0 0 / 44px 2px;padding-top:14px;font-size:1.35rem;font-weight:700;line-height:1.35;margin-block:1.8em!important}.pullquote p{max-width:30ch}.margin-note{color:var(--pen);font-size:.92rem;font-style:italic;line-height:1.5}.margin-note p{max-width:none}@media (width>=1240px){.margin-note{float:right;clear:right;width:200px;margin:.3em -250px 0 0!important}}.toc{border-left:3px solid var(--gold);margin:30px 0 10px;padding:2px 0 2px 18px}.toc>summary{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);cursor:pointer;font-size:.78rem;font-weight:700}.toc ol{counter-reset:toc;margin-top:10px;padding:0;list-style:none}.toc li{margin-top:6px;font-size:.95rem}.toc li.lvl-2{counter-increment:toc}.toc li.lvl-2:before{content:counter(toc, decimal-leading-zero);width:2.2em;color:var(--faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;display:inline-block}.toc li.lvl-3{padding-left:2.2em;font-size:.9rem}.toc a{color:var(--body);text-decoration:none}.toc a:hover{color:var(--green);text-underline-offset:3px;text-decoration:underline}.signup{background:var(--deep);color:#fff;border-radius:18px;margin:44px 0;padding:30px 30px 32px}.signup h2{color:#fff;font-size:1.3rem}.signup p{color:#ffffffd1;max-width:56ch;margin-top:8px;font-size:.97rem}.signup form{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.signup input[type=email]{color:#fff;min-width:0;font:inherit;background:#ffffff14;border:1.5px solid #ffffff47;border-radius:100px;flex:240px;padding:13px 16px;font-size:.95rem}.signup input[type=email]::placeholder{color:#ffffff80}.signup .btn,.pillar.dark .btn{background:var(--gold);color:var(--ink);border-color:var(--gold-deep);box-shadow:0 3px 0 var(--gold-deep)}.signup .btn:hover,.pillar.dark .btn:hover{background:var(--gold-shine);color:var(--ink)}.signup .btn:active,.pillar.dark .btn:active{box-shadow:0 0 0 var(--gold-deep);transform:translateY(3px)}.signup .btn:focus-visible,.pillar.dark .btn:focus-visible{outline:2px solid var(--gold-shine);outline-offset:3px}.signup .fine{color:#ffffff9e;margin-top:12px;font-size:.82rem}.signup .fine a{color:var(--gold-shine)}.todo-slot{color:#8a2c1a;background:repeating-linear-gradient(45deg,#fdf1ee,#fdf1ee 10px,#fbe7e2 10px 20px);border:2px dashed #cf5238;border-radius:10px;padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;line-height:1.5}.todo-slot strong{text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.74rem;display:block}.todo-banner{color:#fff;text-align:center;background:#8a2c1a;width:100%;max-width:none;padding:10px 20px;font-size:.84rem;font-weight:600}.pagination{flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;display:flex}.pagination .count{color:var(--faint);font-size:.88rem}.site-footer{border-top:1px solid var(--border);color:var(--muted);flex-shrink:0;margin-top:48px;padding:26px 0 40px;font-size:.86rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:14px;display:flex}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.site-footer a{color:var(--body);text-decoration:none}.site-footer a:hover{text-decoration:underline}#building{scroll-margin-top:calc(var(--nav-h) + 12px)}@media (width<=420px){.nav-links a[href=\/]{display:none}}@media (width<=640px){#building{scroll-margin-top:84px}.section{padding-block:40px}.wrap{padding-inline:18px}.signup{border-radius:14px;padding:24px 20px 26px}.nav-inner{gap:10px}.nav-links{gap:14px}}.home-hero{text-align:center;min-height:calc(100svh - var(--nav-h));flex-direction:column;justify-content:center;align-items:center;padding-block:64px 44px;display:flex}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){main>:is(.section,section) .sec-head:not(.statement-head) h2{animation-name:heading-up;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 10% entry 70%}main>:is(.section,section) .sec-head:not(.statement-head) .eyebrow{animation-name:rise-in;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry entry 60%}}}@keyframes heading-up{0%{clip-path:inset(-100% 0 100%);translate:0 100%}to{clip-path:inset(-10% 0);translate:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero-mark{align-items:center;gap:14px;margin-bottom:30px;display:flex}.hero-mark .ring-mark{--hole:17px;width:52px;height:52px}@property --ring-sweep{syntax:"<angle>";inherits:false;initial-value:360deg}.hero-mark .ring-mark{-webkit-mask:radial-gradient(circle at 50% 50%, #0000 0 var(--hole), #000 calc(var(--hole) + .5px)), conic-gradient(from calc(242deg - var(--ring-sweep) / 2), #000 var(--ring-sweep), #0000 0);-webkit-mask-composite:source-in;mask:radial-gradient(circle at 50% 50%, #0000 0 var(--hole), #000 calc(var(--hole) + .5px)), conic-gradient(from calc(242deg - var(--ring-sweep) / 2), #000 var(--ring-sweep), #0000 0);animation:1.4s cubic-bezier(.45,.05,.3,1) .25s both ring-close;mask-composite:intersect}@keyframes ring-close{0%{--ring-sweep:0deg}}html.intro .hero-mark{animation:.5s cubic-bezier(.65,0,.25,1) 1.6s both intro-mark}html.intro .hero-mark .ring-mark{animation:.65s cubic-bezier(.4,.1,.3,1) .1s both ring-close,.55s cubic-bezier(.6,0,.2,1) .8s both intro-zoom,.55s cubic-bezier(.6,0,.2,1) .8s both intro-ring}html.intro .hero-mark .brand-word{animation:.35s cubic-bezier(.3,.6,.2,1) 1.3s both intro-word}html.intro .site-nav,html.intro .home-hero>:not(.hero-mark),html.intro main>:not(.home-hero),html.intro .site-footer{animation:.45s cubic-bezier(.2,.7,.2,1) 1.8s both intro-in}html.intro .home-hero>h1{animation-delay:1.75s}html.intro .home-hero>.hero-ctas{animation-delay:1.9s}@keyframes intro-mark{0%{translate:0 var(--intro-dy,0px);scale:1.3}}@keyframes intro-zoom{0%{scale:var(--intro-s,1)}}@keyframes intro-ring{0%{translate:var(--intro-dx,0px) 0}}@keyframes intro-word{0%{clip-path:inset(0 100% 0 0);opacity:0;translate:-10px}to{clip-path:inset(0);opacity:1}}@keyframes intro-in{0%{opacity:0;translate:0 14px}}.hero-mark .brand-word{font-size:1.75rem}.home-hero h1{max-width:20ch;margin:0 auto;font-size:clamp(2.1rem,5.4vw,3.5rem)}.home-hero .hero-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--green);background:#1f7a3d17;border:1px solid #1f7a3d38;border-radius:100px;align-items:center;gap:9px;margin-bottom:24px;padding:7px 15px;font-size:.72rem;font-weight:700;display:inline-flex}.home-hero .hero-badge i{background:var(--green);border-radius:50%;width:7px;height:7px}.home-hero .slot-sub{max-width:var(--hero-measure);margin:22px auto 0}.home-hero .slot-problem{max-width:var(--hero-measure);color:var(--deep);text-wrap:balance;margin:12px auto 0;font-weight:700}.home-hero .hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.sec-head{margin-bottom:26px}.sec-head h2{margin-top:8px}.pillar-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid}.pillar-cta{margin-top:auto;padding-top:18px}.pillar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:26px 26px 28px;display:flex}.pillar.dark{background:var(--deep);border-color:var(--deep)}.pillar-tag{letter-spacing:.12em;color:var(--faint);margin-bottom:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:700}.pillar.dark .pillar-tag{color:var(--gold-shine)}.pillar h3{margin-bottom:8px;font-size:1.06rem}.pillar.dark h3{color:#fff}.pillar.dark p{color:#ffffffd1}.pillar.dark a:not(.btn){color:var(--gold-shine)}.mock-frame{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.mock-chrome{border-bottom:1px solid var(--border2);background:var(--surface);align-items:center;gap:14px;padding:11px 16px;display:flex}.mock-dots{gap:6px;display:flex}.mock-dots span{background:#cdd3c6;border-radius:50%;width:10px;height:10px}.mock-url{color:var(--faint);background:var(--cream);border-radius:100px;padding:4px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.mock-body{justify-content:center;align-items:center;min-height:240px;padding:26px 24px;display:flex}.slot{border:2px dashed var(--gold);color:var(--gold-ink);text-align:left;background:#fdf8ea;border-radius:10px;max-width:none;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.5}.slot b{letter-spacing:.1em;text-transform:uppercase;color:#6b4e0c;margin-bottom:5px;font-size:.68rem;display:block}.pillar.dark .slot{border-color:var(--gold-shine);color:var(--gold-shine);background:#ffffff0f}.pillar.dark .slot b{color:var(--gold-shine)}.slot-h1{font-size:1rem}@media (width<=900px){.pillar-grid{grid-template-columns:1fr}}@media (width<=640px){.home-hero{padding-block:40px 30px}.hero-mark .ring-mark{--hole:13px;width:40px;height:40px}.hero-mark .brand-word{font-size:1.35rem}.mock-body{min-height:160px;padding:18px 14px}}.n-tribograph{letter-spacing:.04em;font-family:Bitcount,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.06em;font-weight:600;line-height:1}h1 .n-tribograph,h2 .n-tribograph,h3 .n-tribograph{letter-spacing:.03em;font-weight:500}