:root{--off: #eeebe4;--off-deep: #e6e2d8;--sand: #ebd9c7;--sand-soft: #f2ebe2;--navy: #21253f;--orange: #d08038;--orange-hv: #b86e28;--teal: #6ccdd0;--line: rgba(33, 37, 63, .12);--line-soft: rgba(33, 37, 63, .07);--muted: rgba(33, 37, 63, .6);--muted-2: rgba(33, 37, 63, .45);--line-dark: rgba(255, 255, 255, .1);--muted-d: rgba(255, 255, 255, .6);--muted-d2: rgba(255, 255, 255, .4);--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--dur-fast: .12s;--dur-base: .18s;--dur-slow: .32s;--dur-draw: .7s;--ease-standard: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--w-content: 1240px;--w-narrow: 800px;--w-prose: 640px;--z-base: 0;--z-sticky: 40;--z-nav: 50;--z-overlay: 90;--z-panel: 100;--shadow-panel: 0 8px 32px rgba(33, 37, 63, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--off);color:var(--navy);font-family:Roboto,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}::selection{background:var(--teal);color:var(--navy)}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}img{max-width:100%;height:auto;display:block}@font-face{font-family:Cabin;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/cabin-latin.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/roboto-latin.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2")}.post-body p{font-family:Roboto,sans-serif;font-weight:400;font-size:18px;line-height:1.7;color:#21253fd1;margin:0 0 28px}.post-body p.first:first-letter{font-family:Cabin,sans-serif;font-weight:700;font-size:62px;float:left;line-height:.9;padding-right:12px;padding-top:8px;color:var(--orange)}.post-body h2{font-family:Cabin,sans-serif;font-weight:700;font-size:30px;line-height:1.1;letter-spacing:-.02em;margin:56px 0 20px;color:var(--navy)}.post-body h3{font-family:Cabin,sans-serif;font-weight:600;font-size:22px;margin:40px 0 14px;letter-spacing:-.015em;color:var(--navy)}.post-body ul{padding-left:24px;margin:0 0 28px}.post-body li{font-family:Roboto,sans-serif;font-size:17px;line-height:1.65;color:#21253fd1;margin-bottom:10px}.post-body li::marker{color:var(--orange)}.post-body blockquote{margin:40px 0;padding:24px 0 24px 24px;border-left:2px solid var(--orange);font-family:Cabin,sans-serif;font-weight:500;font-size:23px;line-height:1.35;letter-spacing:-.015em;color:var(--navy)}.post-body code{font-family:JetBrains Mono,monospace;font-size:.88em;background:#21253f0d;padding:2px 6px;border-radius:4px}.post-body strong{color:var(--navy);font-weight:600}.post-body a{color:var(--orange);border-bottom:1px solid rgba(208,128,56,.3);padding-bottom:1px;transition:border-color .15s}.post-body a:hover{border-bottom-color:var(--orange)}.todo{display:inline-flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);background:#d0803814;border:1px dashed rgba(208,128,56,.5);padding:3px 8px;border-radius:var(--r-sm);vertical-align:middle}.todo:before{content:"TODO";font-weight:500}.todo--dark{color:#ffc98e;background:#d080381f;border-color:#ffc98e80}.pp-nav{position:sticky;top:0;z-index:var(--z-nav);background:var(--off);border-bottom:1px solid var(--line-soft)}.pp-nav--dark{background:var(--navy);border-bottom-color:var(--line-dark)}.pp-nav-inner{max-width:var(--w-content);margin:0 auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Cabin,sans-serif;font-weight:700;font-size:16px;letter-spacing:-.02em;color:var(--navy)}.pp-nav--dark .logo{color:#fff}.logo-dot{color:var(--orange)}.pp-nav-links{display:flex;gap:32px;list-style:none;margin:0;padding:0}.pp-nav-links a{font-size:13.5px;color:var(--muted);transition:color .2s}.pp-nav--dark .pp-nav-links a{color:var(--muted-d)}.pp-nav-links a:hover,.pp-nav-links a.active{color:var(--navy)}.pp-nav--dark .pp-nav-links a:hover,.pp-nav--dark .pp-nav-links a.active{color:#fff}.pp-nav-meta{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted-2);letter-spacing:.04em;display:flex;align-items:center;gap:10px}.pp-nav--dark .pp-nav-meta{color:var(--muted-d2)}.pp-nav-meta .dot{opacity:.5}.pp-nav-meta a.cta{color:var(--navy);border-bottom:1px solid var(--orange);font-family:Cabin,sans-serif;font-weight:600;font-size:13px;letter-spacing:-.01em;padding-bottom:2px}.pp-nav--dark .pp-nav-meta a.cta{color:#fff}.pp-burger{display:none;background:transparent;border:1px solid var(--line);padding:9px 11px;border-radius:var(--r-sm);cursor:pointer;line-height:0;color:var(--navy)}.pp-nav--dark .pp-burger{border-color:#fff3;color:#fff}.pp-burger svg{display:block;width:18px;height:14px}.pp-mobile-nav{position:fixed;inset:0;z-index:var(--z-panel);background:var(--off);display:flex;flex-direction:column;padding:20px 24px 40px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-out)}.pp-mobile-nav.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.pp-mobile-nav--dark{background:var(--navy);color:#fff}.pp-mobile-nav-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--line-soft)}.pp-mobile-nav--dark .pp-mobile-nav-top{border-bottom-color:var(--line-dark)}.pp-mobile-nav-close{background:transparent;border:1px solid var(--line);padding:8px 10px;border-radius:var(--r-sm);cursor:pointer;line-height:0;color:var(--navy)}.pp-mobile-nav--dark .pp-mobile-nav-close{border-color:#fff3;color:#fff}.pp-mobile-nav-close svg{display:block;width:16px;height:16px}.pp-mobile-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.pp-mobile-nav li{border-top:1px solid var(--line)}.pp-mobile-nav--dark li{border-top-color:var(--line-dark)}.pp-mobile-nav li:last-child{border-bottom:1px solid var(--line)}.pp-mobile-nav--dark li:last-child{border-bottom-color:var(--line-dark)}.pp-mobile-nav a{display:flex;justify-content:space-between;align-items:center;font-family:Cabin,sans-serif;font-weight:600;font-size:22px;letter-spacing:-.01em;color:var(--navy);padding:22px 0}.pp-mobile-nav--dark a{color:#fff}.pp-mobile-nav a .idx{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted-2);font-weight:400;letter-spacing:.04em}.pp-mobile-nav--dark a .idx{color:var(--muted-d2)}.pp-mobile-nav-cta{margin-top:auto;padding-top:32px;display:flex;flex-direction:column;gap:16px}.pp-mobile-nav-meta{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted-2);letter-spacing:.04em;margin-top:24px}.pp-mobile-nav--dark .pp-mobile-nav-meta{color:var(--muted-d2)}body.is-mobile-nav-open{overflow:hidden}.section{padding:120px 32px}.section--sand{background:var(--sand-soft);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.section--navy{background:var(--navy);color:#fff}.section-inner{max-width:var(--w-content);margin:0 auto}.section-inner--narrow{max-width:var(--w-narrow);margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:28px}.eyebrow:before{content:"";width:18px;height:1px;background:var(--orange);display:inline-block}.eyebrow--dark{color:#ffffff8c}.eyebrow--dark:before{background:var(--teal)}.eyebrow--teal{color:var(--teal)}.eyebrow--teal:before{background:var(--teal)}.section-head{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:end;padding-bottom:56px;border-bottom:1px solid var(--line-soft);margin-bottom:48px}.section--navy .section-head{border-bottom-color:var(--line-dark)}h2.section-title{font-family:Cabin,sans-serif;font-weight:700;font-size:clamp(32px,4vw,54px);line-height:1.02;letter-spacing:-.032em;color:var(--navy);margin:0;text-wrap:balance}.section--navy h2.section-title{color:#fff}.section-sub{font-family:Roboto,sans-serif;font-weight:300;font-size:17px;line-height:1.6;color:var(--muted);margin:0;max-width:520px}.section--navy .section-sub{color:var(--muted-d)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:Cabin,sans-serif;font-weight:600;font-size:14px;padding:12px 20px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;line-height:1;transition:background .15s,color .15s,border-color .15s}.btn-cta{background:var(--orange);color:#fff;border-color:var(--orange)}.btn-cta:hover{background:var(--orange-hv);border-color:var(--orange-hv)}.btn-outline{background:transparent;color:var(--navy);border-color:#21253f38}.btn-outline:hover{border-color:var(--navy)}.btn-outline-dark{background:transparent;color:#fff;border-color:#ffffff40}.btn-outline-dark:hover{border-color:#fff9}.tlink{font-family:Cabin,sans-serif;font-weight:600;font-size:13.5px;color:var(--navy);letter-spacing:-.005em;border-bottom:1px solid var(--line);padding-bottom:2px;transition:border-color .15s,color .15s}.tlink:hover{border-color:var(--orange)}.tlink .arr{display:inline-block;transition:transform .15s}.tlink:hover .arr{transform:translate(2px)}.tlink--dark{color:#fff;border-color:#ffffff40}.tlink--dark:hover{border-color:var(--teal)}.chip{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-2);padding:3px 8px;border:1px solid var(--line);border-radius:var(--r-sm)}.chip--accent{color:var(--orange);border-color:#d0803866}.chip--teal{color:#3a9a9d;border-color:#3a9a9d66}.footer{padding:48px 32px 32px;background:var(--navy);color:#fff}.footer-inner{max-width:var(--w-content);margin:0 auto 24px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding-bottom:32px;border-bottom:1px solid var(--line-dark)}.footer-brand{font-family:Cabin,sans-serif;font-weight:700;font-size:17px;color:#fff;letter-spacing:-.01em;margin-bottom:10px}.footer-brand .dot{color:var(--orange)}.footer-blurb{font-family:Roboto,sans-serif;font-size:13.5px;color:var(--muted-d2);line-height:1.6;max-width:280px;margin:0}.footer h4{font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:500;color:#ffffff8c;margin:0 0 16px;letter-spacing:.08em;text-transform:uppercase}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin-bottom:10px}.footer li a{font-family:Roboto,sans-serif;font-size:13.5px;color:#ffffffb3;transition:color .2s}.footer li a:hover{color:var(--orange)}.footer-meta{max-width:var(--w-content);margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--muted-d2);letter-spacing:.08em;text-transform:uppercase}.tool-shot{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;font-family:JetBrains Mono,monospace}.tool-shot .chrome{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f3efea;border-bottom:1px solid var(--line);font-size:10.5px;color:var(--muted-2);letter-spacing:.04em}.tool-shot .chrome .dots{display:inline-flex;gap:5px;margin-right:8px}.tool-shot .chrome .dots span{width:8px;height:8px;border-radius:50%;background:#21253f26;display:inline-block}.tool-shot .tool-canvas{position:relative;aspect-ratio:16 / 10;background:#fafaf7;background-image:linear-gradient(to right,rgba(33,37,63,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(33,37,63,.04) 1px,transparent 1px);background-size:32px 32px;padding:32px}.tool-shot svg{display:block;width:100%;height:100%}.tool-shot .caption{padding:14px 16px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10.5px;color:var(--muted-2);letter-spacing:.04em;text-transform:uppercase}.ann-circle{fill:none;stroke:#d04040;stroke-width:2.5;stroke-linecap:round;opacity:.85}.ann-arrow{fill:none;stroke:#d04040;stroke-width:2;stroke-linecap:round;opacity:.85}.ann-text{font-family:Caveat,Kalam,cursive;fill:#d04040;font-size:16px;opacity:.95}.tool-shot-annotations{display:none;padding:16px;background:#fff;border-top:1px solid var(--line);font-family:Roboto,sans-serif}.tool-shot--has-mobile-list .tool-shot-annotations{display:block}.tool-shot-annotations ol{margin:0;padding:0 0 0 24px;font-size:13.5px;line-height:1.55;color:var(--muted)}.tool-shot-annotations li+li{margin-top:10px}.tool-shot-annotations li::marker{font-family:JetBrains Mono,monospace;font-weight:500;color:#d04040}.anno-path{stroke-dasharray:var(--anno-len, 800);stroke-dashoffset:var(--anno-len, 800)}.anno-text{opacity:0;transform:translateY(4px)}.anno-container.is-visible .anno-path{transition:stroke-dashoffset var(--dur-draw) var(--ease-out);stroke-dashoffset:0}.anno-container.is-visible .anno-text{transition:opacity var(--dur-base) linear var(--dur-draw),transform var(--dur-base) var(--ease-out) var(--dur-draw);opacity:1;transform:translateY(0)}@keyframes flow-travel{0%{offset-distance:0%;opacity:0}8%{opacity:1}92%{opacity:1}to{offset-distance:100%;opacity:0}}.flow-token{offset-path:path(var(--flow-path, "M0,0 L400,0"));offset-rotate:0deg;animation:flow-travel 3.4s linear infinite;animation-delay:calc(var(--i, 0) * -1.13s)}@keyframes flow-pulse{0%,to{opacity:.6}50%{opacity:1}}.flow-branch-label{animation:flow-pulse 3.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.anno-container .anno-path{stroke-dashoffset:0}.anno-container .anno-text{opacity:1;transform:none}.flow-token{animation:none;offset-distance:100%;opacity:0}}@media(max-width:1100px){.pp-nav-inner{padding:16px 24px}.section{padding:96px 28px}.section-head{gap:48px}.footer-inner{grid-template-columns:1fr 1fr 1fr;gap:40px}.footer-brand-col{grid-column:1 / -1}}@media(max-width:760px){.pp-nav-inner{padding:14px 20px}.pp-nav-links,.pp-nav-meta{display:none}.pp-burger{display:inline-flex}.section{padding:64px 20px}.section-head{grid-template-columns:1fr;gap:20px;padding-bottom:28px;margin-bottom:32px}.section-sub{max-width:none;font-size:15.5px}h2.section-title{font-size:clamp(28px,7.5vw,40px);letter-spacing:-.025em}.eyebrow{margin-bottom:20px;font-size:10.5px}.btn{padding:14px 22px;font-size:14.5px;min-height:48px}.tlink{font-size:14px}.footer{padding:40px 20px 28px}.footer-inner{grid-template-columns:1fr;gap:32px;padding-bottom:28px}.footer-brand-col{grid-column:auto}.footer-blurb{max-width:none}.footer-meta{flex-direction:column;align-items:flex-start;gap:10px;font-size:10px}.tool-shot .chrome{padding:9px 12px;font-size:10px}.tool-shot .tool-canvas{padding:20px;aspect-ratio:4 / 3;background-size:24px 24px}.tool-shot .caption{padding:12px 14px;font-size:10px;flex-direction:column;align-items:flex-start;gap:4px}.ann-text{font-size:12px}.tool-shot--has-mobile-list .ann-svg{display:none}input,select,textarea,button{font-size:16px}.meta-rail{order:-1}.stack-mobile>*{border-right:none!important;border-bottom:1px solid var(--line);padding:20px 0!important}.stack-mobile>*:last-child{border-bottom:none}.stack-mobile>*+*{padding-left:0!important}}@media(max-width:380px){.section{padding:52px 16px}.pp-nav-inner{padding:12px 16px}h2.section-title{font-size:28px}.logo{font-size:15px}}@media print{.pp-nav,.footer,.pp-burger,.pp-mobile-nav{display:none}body{background:#fff;color:#000}.section{padding:24px 0;page-break-inside:avoid}}