.posts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media(max-width:900px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.posts{grid-template-columns:1fr}}.posts li{display:flex}.post-card{display:flex;flex-direction:column;width:100%;padding:24px 24px 22px;text-decoration:none;color:var(--ink)}.post-card-k{font-size:13px;color:var(--muted)}.post-card-title{margin-top:14px;font:500 clamp(22px,2vw,26px)/1.15 var(--display);letter-spacing:-.02em;text-wrap:balance}.post-card-excerpt{margin-top:10px;font-size:16px;line-height:1.55;color:var(--ink-2);flex:1}.post-card-more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:14px;font-weight:500}.post-card-more svg{transition:transform .35s var(--ease),color .2s}.post-card:hover .post-card-more svg{transform:translate(3px);color:var(--accent)}.post .content-body,.post .tldr-section{max-width:72ch}.post{color:var(--ink-2);font-size:18px;line-height:1.7}.blog-post-paragraph{margin:0 0 1.1em;text-wrap:pretty}.blog-post-paragraph:last-child{margin-bottom:0}.post .content-body a:not([class]),.tldr-content a,.timeline-panel a{color:var(--ink);text-decoration-color:var(--accent);text-decoration-thickness:1.5px;text-underline-offset:3px}.post .content-body a:not([class]):hover,.tldr-content a:hover,.timeline-panel a:hover{text-decoration-color:var(--ink)}.post strong{font-weight:600;color:var(--ink)}.post sup{line-height:0}a.inline-external-link{display:inline-flex;color:var(--accent-ink);text-decoration:none;margin-left:.08em;transform:translateY(-.05em)}a.inline-external-link:hover{color:var(--accent)}a.inline-external-link svg{width:.78em;height:.78em;display:block}a.inline-ref{position:relative;top:-.4em;margin-left:.15em;font-size:.7em;font-weight:600;line-height:1;color:var(--accent-ink);text-decoration:none;cursor:help}a.inline-ref:after{content:attr(data-ref-label);position:absolute;left:50%;bottom:calc(100% + 10px);z-index:5;width:max-content;max-width:min(60vw,420px);padding:8px 12px;border-radius:10px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:400;line-height:1.4;white-space:normal;opacity:0;transform:translate(-50%) translateY(4px);pointer-events:none;transition:opacity .18s,transform .18s var(--ease)}a.inline-ref:hover:after,a.inline-ref:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.content-heading{margin:2.2em 0 .6em;font:500 clamp(26px,2.6vw,32px)/1.2 var(--display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}.content-minor-heading{margin:1.8em 0 .5em;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.step-block{margin:1.4em 0 1.3em;padding-left:42px}.step-heading{position:relative;margin:0 0 .4em;font:600 20px/1.3 var(--text);color:var(--ink)}.step-heading .step-number{position:absolute;left:-42px;width:42px;padding-right:12px;text-align:right;color:var(--accent);font-variant-numeric:tabular-nums}.step-block .blog-post-paragraph{margin-bottom:0}.step-block .blog-post-paragraph+.blog-post-paragraph{margin-top:.6em}.content-list{margin:.4em 0 1.4em;padding-left:1.4em}.content-list li{margin-bottom:.4em}.content-list li::marker{color:var(--accent);font-weight:600}.content-figure{margin:2em auto 2.2em;width:min(100%,var(--figure-max-width, 620px));text-align:center}.content-figure.has-custom-max{width:min(var(--figure-max-width),calc(100% + 120px));max-width:none;margin-left:50%;transform:translate(-50%)}.content-figure img,.content-group-figure img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);background:#fff}.content-figure figcaption,.content-group-figure figcaption{margin-top:10px;font-size:14px;line-height:1.5;color:var(--muted)}.content-group{display:flex;gap:32px;align-items:flex-start;margin:.4em 0 1.6em}.content-group-main{flex:1 1 auto;min-width:0}.content-group.has-float-image .content-group-figure{flex:0 0 clamp(220px,34%,320px);margin:6px 0 0;text-align:center}@media(max-width:720px){.content-group{flex-direction:column;gap:16px}.content-group.has-float-image .content-group-figure{flex-basis:auto;width:min(100%,420px);align-self:center}.content-figure.has-custom-max{width:min(100%,var(--figure-max-width));margin-left:auto;transform:none}}.pull-quote{position:relative;margin:2em 0;padding:4px 0 4px 28px;border-left:2px solid var(--accent)}.pull-quote-mark{display:none}.pull-quote p{margin:0;font:500 clamp(24px,2.6vw,30px)/1.3 var(--display);letter-spacing:-.015em;color:var(--ink);text-wrap:balance}.block-quote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:2px solid var(--line-2)}.block-quote p{margin:0;font-style:italic;color:var(--ink)}.content-cta{display:inline-flex;align-items:center;gap:8px;margin:8px 8px 8px 0;height:42px;padding:0 20px;border-radius:999px;background:var(--ink);color:#fff;font:500 15px/1 var(--text);text-decoration:none;transition:background-color .2s}.content-cta:hover{background:#000}.tldr-section{margin-bottom:2.4em}.tldr-box{position:relative;padding:24px 26px;border-radius:22px;background:var(--wash)}.tldr-box-simple{margin:1.6em 0}.tldr-label{margin-bottom:8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}.tldr-content{margin:0;color:var(--ink);font-size:18px;line-height:1.6}.tldr-cta-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--line-2)}.tldr-cta-text{font-weight:600;color:var(--ink)}.tldr-cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:4px;font-size:16px;color:var(--ink-2)}.tldr-demo-btn{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;background:var(--ink);color:#fff;font:500 14px/1 var(--text);text-decoration:none;transition:background-color .2s}.tldr-demo-btn:hover{background:#000}.bottom-section{margin-top:3em;padding-top:2em;border-top:1px solid var(--line)}.bottom-ctas{display:flex;flex-wrap:wrap;gap:12px}.bottom-cta{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:999px;font:500 15px/1 var(--text);text-decoration:none;transition:background-color .2s,box-shadow .2s}.bottom-cta-fill{background:var(--ink);color:#fff}.bottom-cta-fill:hover{background:#000}.bottom-cta-outline{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}.bottom-cta-outline:hover{box-shadow:inset 0 0 0 1px var(--ink)}.cta-inner{display:inline-flex;align-items:center;gap:8px}.cta-grain{display:none}.email-signup{margin-top:28px}.email-signup-label{font-size:15px;color:var(--ink);font-weight:500}.email-signup-form{margin-top:10px;max-width:420px}.email-input-wrapper{display:flex;align-items:center;gap:6px;height:48px;padding:0 4px 0 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);transition:box-shadow .2s}.email-input-wrapper:focus-within{box-shadow:inset 0 0 0 1px var(--ink),0 6px 16px -10px #13141640}.email-input{flex:1;min-width:0;height:100%;border:0;padding:0;background:transparent;font:400 15px/1 var(--text);color:var(--ink);outline:none}.email-input::placeholder{color:var(--quiet);opacity:1}.email-submit{flex:none;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--ink);color:#fff;cursor:pointer;transition:background-color .2s}.email-submit:hover{background:#000}.email-submit:disabled{opacity:.5;cursor:default}.email-signup-status{min-height:1.4em;margin-top:8px;font-size:14px;color:var(--muted)}.email-signup-status.is-success{color:var(--ok-ink)}.email-signup-status.is-error{color:var(--stamp)}.timeline-ltr{--timeline-edge-pad: clamp(24px, 4.8vw, 46px);--timeline-track-y: 32px;--timeline-track-height: 4px;--timeline-dot-size: 14px;--timeline-progress: 60;position:relative;margin:1.6em 0 2.4em;padding:22px 22px 20px;border-radius:22px;background:var(--wash);color:var(--ink)}.timeline-header{margin:0 0 6px;font:500 clamp(22px,2.4vw,28px)/1.15 var(--display);letter-spacing:-.02em}.timeline-scroller{position:relative;padding-top:18px;overflow-x:auto;overflow-y:visible;scrollbar-width:thin}.timeline-lane{position:relative;height:84px;min-width:660px;width:100%;padding-inline:var(--timeline-edge-pad)}.timeline-track,.timeline-track-fill{position:absolute;left:var(--timeline-edge-pad);top:calc(var(--timeline-track-y) - (var(--timeline-track-height) / 2));height:var(--timeline-track-height);border-radius:999px;pointer-events:none}.timeline-track{right:var(--timeline-edge-pad);background:var(--line-2)}.timeline-track-fill{width:calc((100% - (var(--timeline-edge-pad) * 2)) * var(--timeline-progress) / 100);background:var(--ink)}.timeline-now-marker{position:absolute;top:calc(var(--timeline-track-y) - 28px);z-index:3;width:22px;height:18px;transform:translate(-50%)}.timeline-now-marker:before{content:"";position:absolute;left:50%;top:6px;width:12px;height:10px;transform:translate(-50%);clip-path:polygon(50% 100%,0 0,100% 0);background:var(--ink)}.timeline-now-tooltip{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%,4px);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;color:var(--ink);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.timeline-now-marker:hover .timeline-now-tooltip{opacity:1;transform:translate(-50%)}.timeline-point{position:absolute;top:calc(var(--timeline-track-y) - (var(--timeline-dot-size) / 2));z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:96px;padding:0 6px 7px;border:0;border-radius:14px;background:transparent;text-align:center;cursor:pointer;isolation:isolate;transform:translate(-50%)}.timeline-point:before{content:"";position:absolute;inset:-7px 2px 1px;z-index:-1;border-radius:14px;background:#fff;box-shadow:0 0 0 .5px #13141614,0 6px 14px -8px #13141640;opacity:0;transform:scale(.6);transform-origin:center 20%;transition:opacity .2s,transform .24s var(--ease)}.timeline-point:hover:before,.timeline-point.is-active:before,.timeline-point:focus-visible:before{opacity:1;transform:scale(1)}.timeline-dot{width:var(--timeline-dot-size);height:var(--timeline-dot-size);border-radius:50%;border:2px solid var(--line-2);background:#fff;transition:transform .2s var(--spring)}.timeline-point.is-passed .timeline-dot{border-color:var(--ink);background:var(--ink)}.timeline-point.is-upcoming .timeline-dot{border-color:var(--quiet);background:#fff}.timeline-point.is-current .timeline-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 5px var(--accent-wash);transform:scale(1.08)}.timeline-date{font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;color:var(--ink-2)}.timeline-point.is-current .timeline-date{color:var(--accent-ink)}.timeline-panels{position:relative;min-height:154px;margin-top:10px;overflow:hidden}.timeline-panel{position:absolute;inset:0;overflow:hidden;padding:16px 20px 18px;border-radius:16px;background:#fff;box-shadow:0 0 0 .5px #13141614,0 1px 2px #1314160f;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(22px);transition:transform .34s var(--ease),opacity .24s,visibility 0s linear .34s}.timeline-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:transform .36s var(--ease),opacity .25s,visibility 0s}.timeline-panel.is-entering{opacity:0;visibility:visible;pointer-events:none;transform:translateY(-22px);transition:none}.timeline-panel.is-leaving{opacity:0;visibility:visible;pointer-events:none;transform:translateY(24px);transition:transform .28s var(--ease),opacity .2s}.timeline-panel-status{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:var(--muted)}.timeline-panel-status.is-passed{color:var(--ink)}.timeline-panel-status.is-key{color:var(--accent-ink)}.timeline-panel h3{margin:0 0 6px;font:500 22px/1.2 var(--display);letter-spacing:-.015em;color:var(--ink)}.timeline-panel p{margin:0;font-size:16.5px;line-height:1.5;color:var(--ink-2)}@media(max-width:720px){.timeline-ltr{padding:16px 14px;--timeline-edge-pad: clamp(20px, 5.4vw, 34px)}.timeline-lane{min-width:560px;height:82px}.timeline-point{min-width:92px;padding-inline:5px}.timeline-date{font-size:11px}.timeline-panel h3{font-size:18px}.timeline-panel p{font-size:15px}}.image-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);background:#fff0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);cursor:zoom-out;opacity:0;transition:opacity .26s,background-color .26s,-webkit-backdrop-filter .26s,backdrop-filter .26s}.image-lightbox.is-open{opacity:1;background:#ffffffdb;-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4)}.image-lightbox[hidden]{display:none}.image-lightbox-figure{display:flex;flex-direction:column;align-items:center;max-width:min(1200px,100%);max-height:100%;margin:0}.image-lightbox-figure img{max-width:100%;max-height:82vh;width:auto;height:auto;border-radius:14px;border:1px solid var(--line);background:#fff;box-shadow:0 24px 60px -24px #13141659;cursor:default;opacity:.6;transform:scale(.94);transition:transform .26s var(--ease),opacity .26s}.image-lightbox.is-open .image-lightbox-figure img{opacity:1;transform:scale(1)}.image-lightbox-figure figcaption{max-width:720px;margin-top:12px;font-size:14px;line-height:1.5;text-align:center;color:var(--muted)}.image-lightbox-close{position:absolute;top:clamp(12px,2.5vw,24px);right:clamp(12px,2.5vw,28px);display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:background-color .2s}.image-lightbox-close:hover{background:#000}@media(prefers-reduced-motion:reduce){.image-lightbox,.image-lightbox-figure img{transition:none}}.post{overflow-x:clip}@media(max-width:760px){.content-figure.has-custom-max{width:100%;margin-left:0;transform:none}}
