.blog-timeline{background:linear-gradient(180deg, var(--sheet), color-mix(in srgb, var(--leaf) 55%, var(--sheet)));border:1px solid color-mix(in srgb, var(--sage-line) 28%, transparent);box-shadow:0 2px 0 0 color-mix(in srgb, var(--sage-soft) 70%, var(--sheet)), 0 24px 40px -28px color-mix(in srgb, var(--ink) 45%, transparent);border-radius:14px;min-width:0;margin:40px 0 0;padding:clamp(20px,3.4vw,36px)}.blog-timeline>figcaption{color:var(--sage-ink);font-size:15px;font-weight:650;line-height:1.45}.blog-timeline-track{margin-top:26px;padding-inline:26px}.blog-timeline-rail{height:56px;position:relative}.blog-timeline-window{background:color-mix(in srgb, var(--sage-pale) 70%, var(--sheet));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sage-line) 30%, transparent);border-radius:999px;position:absolute;top:12px;bottom:12px;right:0}.blog-timeline-pen{background:var(--sage-line);transform-origin:0;border-radius:2px;height:2.5px;margin-top:-1.25px;position:absolute;top:50%}.blog-timeline-dot{width:40px;height:40px;color:var(--ink);background:var(--sheet);box-shadow:inset 0 0 0 2px var(--sage-line), 0 3px 0 0 color-mix(in srgb, var(--sage-soft) 75%, var(--sheet));border-radius:50%;place-items:center;margin:-20px 0 0 -20px;display:grid;position:absolute;top:50%}.blog-timeline-dot.is-end:after{content:"";border:3px solid var(--citrus-lo);pointer-events:none;opacity:0;border-radius:50%;position:absolute;inset:0}.blog-timeline-dot.is-end{background:linear-gradient(145deg, var(--citrus-hi), var(--citrus) 55%, var(--citrus-lo));width:56px;height:56px;box-shadow:inset 0 0 0 2px var(--ink), 0 4px 0 0 var(--citrus-olive), 0 14px 22px -10px color-mix(in srgb, var(--ink) 55%, transparent);margin:-28px 0 0 -28px}.blog-timeline-spans{color:var(--sage-ink);margin-top:12px;font-size:14px;font-weight:650;line-height:1.3;display:flex}.blog-timeline-spans>span{text-align:center;white-space:nowrap;display:block}.blog-timeline-span-wait{overflow:visible}.blog-timeline-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.blog-timeline-steps li{background:color-mix(in srgb, var(--sheet) 80%, transparent);border:1px solid color-mix(in srgb, var(--sage-line) 24%, transparent);border-radius:10px;min-width:0;padding:18px 18px 20px}.blog-timeline-steps li.is-end{background:var(--sheet);border-color:var(--ink);box-shadow:4px 5px 0 0 var(--citrus)}.blog-timeline-date{letter-spacing:.01em;color:var(--sage-ink);font-size:15px;font-weight:650;line-height:1.3;display:block}.is-end .blog-timeline-date{color:var(--ink)}.blog-timeline-steps h3{letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:6px 0 0;font-size:19px;font-weight:650;line-height:1.25}.blog-timeline-steps p{color:var(--muted);margin:8px 0 0;font-size:17px;line-height:1.5}.blog-timeline-note{background:#fff;background:var(--sheet);border:1px solid color-mix(in srgb, var(--sage-line) 30%, transparent);max-width:520px;box-shadow:5px 6px 0 0 color-mix(in srgb, var(--sage-soft) 60%, var(--sheet));border-radius:4px;align-items:flex-start;gap:14px;margin:30px 0 0 6px;padding:18px 22px;display:flex;transform:rotate(-.5deg)}.blog-timeline-note svg{color:var(--sage);flex:none;margin-top:3px}.blog-timeline-note p{color:var(--ink);margin:0;font-size:18px;font-weight:500;line-height:1.5}@media (max-width:720px){.blog-timeline-steps{grid-template-columns:minmax(0,1fr);gap:12px}.blog-timeline-track{padding-inline:22px}.blog-timeline-dot{width:32px;height:32px;margin:-16px 0 0 -16px}.blog-timeline-dot svg{width:17px;height:17px}.blog-timeline-note{margin-left:0}}@media (prefers-reduced-motion:no-preference){[data-arrived=true] .blog-timeline-pen{animation:blog-timeline-ink var(--dur) var(--ease-in-out) var(--d) both}[data-arrived=true] .blog-timeline-window{transform-origin:0;animation:blog-timeline-span .8s var(--ease) .65s both}[data-arrived=true] .blog-timeline-dot.is-end:after{animation:blog-timeline-land .55s var(--ease) 1.65s both}}@keyframes blog-timeline-span{0%{opacity:0;scale:0 1}to{opacity:1;scale:1}}@keyframes blog-timeline-land{0%{opacity:1;scale:1}to{opacity:0;scale:1.55}}@keyframes blog-timeline-ink{0%{scale:0 1}to{scale:1}}
.blog-letter{background:color-mix(in srgb, var(--leaf) 55%, var(--paper));border:1px solid color-mix(in srgb, var(--sage-line) 28%, transparent);border-radius:14px;margin:36px 0 0;padding:clamp(18px,3vw,28px)}.blog-letter figcaption{color:var(--sage-ink);font-size:16px;font-weight:600;line-height:1.5}.bl-grid{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:18px;display:grid}.bl-art{width:100%;max-width:380px;height:auto;margin-inline:auto;display:block;overflow:visible}.bl-art text{font-family:inherit}.bl-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin:0;padding:0;list-style:none;display:grid}.bl-list li{transition:background .2s var(--ease);border-radius:10px;gap:14px;padding:12px 12px 12px 8px;display:flex}.bl-list h3{color:var(--ink);margin:0;font-size:18px;font-weight:650;line-height:1.35}.legal-copy .bl-list p{color:var(--muted);margin:4px 0 0;font-size:17px;line-height:1.5}.bl-badge{width:30px;height:30px;color:var(--citrus);background:var(--ink);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:16px;font-weight:650;line-height:1;display:grid}.bl-list .bl-focus{background:color-mix(in srgb, var(--citrus) 42%, var(--paper))}.bl-focus .bl-badge{color:var(--ink);background:var(--citrus);box-shadow:0 0 0 1.6px var(--ink)}.bl-dot{transform-box:fill-box;transform-origin:50%;transition:scale .2s var(--ease)}.bl-list li:hover,.bl-list li:focus-within{background:color-mix(in srgb, var(--sage-pale) 45%, transparent)}.bl-list .bl-focus:hover,.bl-list .bl-focus:focus-within{background:color-mix(in srgb, var(--citrus) 60%, var(--paper))}:is(.blog-letter:has(li:first-child:is(:hover,:focus-within)) .bl-m1 .bl-dot,.blog-letter:has(li:nth-child(2):is(:hover,:focus-within)) .bl-m2 .bl-dot,.blog-letter:has(li:nth-child(3):is(:hover,:focus-within)) .bl-m3 .bl-dot,.blog-letter:has(li:nth-child(4):is(:hover,:focus-within)) .bl-m4 .bl-dot,.blog-letter:has(li:nth-child(5):is(:hover,:focus-within)) .bl-m5 .bl-dot,.blog-letter:has(li:nth-child(6):is(:hover,:focus-within)) .bl-m6 .bl-dot){scale:1.25}@media (max-width:640px){.bl-list{grid-template-columns:minmax(0,1fr)}.bl-art{max-width:300px}}@media (prefers-reduced-motion:no-preference){[data-arrived=true] .bl-sheet{transform-box:fill-box;transform-origin:50% 100%;animation:bl-settle .76s var(--ease) both}}@keyframes bl-settle{0%{opacity:0;translate:0 -24px;rotate:-2.5deg}to{opacity:1;translate:0;rotate:none}}
.blog-compare,.blog-steps{margin:40px 0 0}.blog-compare figcaption,.blog-steps figcaption{color:var(--sage-ink);margin-bottom:22px;font-size:16px;font-weight:650;line-height:1.4}.blog-compare-grid{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;padding:0 12px 12px 0;display:grid}.blog-compare .blog-compare-card{z-index:0;grid-row:span var(--rows);grid-template-rows:subgrid;border-top:0;row-gap:0;margin:0;padding:22px 22px 6px;display:grid;position:relative}.blog-compare-card:after{content:"";z-index:-1;background:var(--sheet);border:1px solid color-mix(in srgb, var(--sage-line) 40%, transparent);border-radius:12px;position:absolute;inset:0}.blog-compare-card:before{content:"";z-index:-2;background:var(--sage-pale);border:1px solid color-mix(in srgb, var(--sage-line) 40%, transparent);border-radius:12px;position:absolute;inset:0;translate:10px 10px}.blog-compare-card header{align-self:start;align-items:center;gap:14px;padding-bottom:18px;display:flex}.blog-compare-card h3{letter-spacing:-.02em;color:var(--ink);font-size:22px;font-weight:650;line-height:1.2}.blog-compare-card dl{margin:0;display:contents}.blog-compare-row{border-top:1px dashed color-mix(in srgb, var(--sage-line) 55%, transparent);align-content:start;gap:4px;padding:14px 0 16px;display:grid}.blog-compare-row dt{color:var(--sage-ink);font-size:14.5px;font-weight:650;line-height:1.35}.blog-compare-row dd{color:var(--ink);align-items:flex-start;gap:10px;margin:0;font-size:17.5px;line-height:1.5;display:flex}.blog-compare-yes{width:22px;height:22px;color:var(--paper);background:var(--sage);border-radius:50%;flex:none;place-items:center;margin-top:2px;display:inline-grid}@media (max-width:680px){.blog-compare-grid{grid-template-columns:minmax(0,1fr);row-gap:34px;padding-right:10px}.blog-compare-card{grid-row:auto;grid-template-rows:none;padding:20px 18px 4px}.blog-compare-card:before{translate:8px 8px}}.blog-steps ol{margin:0;padding:0;list-style:none}.blog-steps li{grid-template-columns:52px minmax(0,1fr);column-gap:20px;padding-bottom:30px;display:grid;position:relative}.blog-steps li:last-child{padding-bottom:0}.blog-steps li:not(:last-child):before{content:"";background:var(--sage-line);transform-origin:top;border-radius:2px;width:2px;position:absolute;top:60px;bottom:8px;left:25px}.blog-steps-mark{z-index:1;align-self:start;position:relative}.blog-steps-num{font-variant-numeric:tabular-nums;width:24px;height:24px;color:var(--paper);background:var(--ink);box-shadow:0 0 0 3px var(--paper);border-radius:50%;place-items:center;font-size:14px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-6px;right:-6px}.blog-steps-body{padding-top:2px}.blog-steps h3{letter-spacing:-.015em;color:var(--ink);text-wrap:balance;font-size:20px;font-weight:650;line-height:1.3}.blog-steps p{color:var(--muted);margin:6px 0 0;font-size:17.5px;line-height:1.55}@media (max-width:680px){.blog-steps li{column-gap:16px}.blog-steps h3{font-size:19px}}@media (prefers-reduced-motion:no-preference){[data-arrived=true] .blog-compare-card:before{animation:blog-compare-settle .7s var(--ease) calc(var(--i) * .32s + .12s) both}[data-arrived=true] .blog-compare-tile{animation:blog-pop .52s var(--ease) calc(var(--i) * .32s + .5s) both}[data-arrived=true] .blog-steps li:not(:last-child):before{animation:blog-steps-line .32s var(--ease-in-out) calc(var(--i) * .36s + .2s) both}[data-arrived=true] .blog-steps-tile,[data-arrived=true] .blog-steps-num{animation:blog-pop .48s var(--ease) calc(var(--i) * .36s + min(var(--i), 1) * .12s) both}}@keyframes blog-compare-settle{0%{opacity:0;translate:0}to{opacity:1;translate:10px 10px}}@keyframes blog-steps-line{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:no-preference) and (max-width:680px){@keyframes blog-compare-settle{0%{opacity:0;translate:0}to{opacity:1;translate:8px 8px}}}