.blog{--b-paper:#faf7ef;--b-card:#fffdf8;--b-line:#dcd8cf;--b-frame:#c2bbae;--b-ink:#171d27;--b-muted:#535c69;--b-cobalt:#2548e8;--b-peach:#f3cead;--b-ease:cubic-bezier(.2, .7, .2, 1);--b-dur:.3s;--b-gutter:clamp(24px, 4.17vw, 80px);--b-band:clamp(72px, 8.06vw, 116px);--b-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;background:var(--b-paper);color:var(--b-ink);display:block}.u-page:has(.blog){background:#faf7ef}.u-page:has(.blog) .u-topbar{background:#faf7efe0}.blog-eyebrow{color:var(--b-cobalt);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600;line-height:1.6}.blog-h1{letter-spacing:-.015em;text-wrap:balance;margin:16px 0 0;font-size:clamp(34px,3.1vw,46px);font-weight:500;line-height:1.08}.blog-index{padding:0 var(--b-gutter) var(--b-band)}.blog-index__head{max-width:820px;padding:clamp(48px,6vw,96px) 0 clamp(40px,4.5vw,64px)}.blog-index .blog-h1{font-size:clamp(40px,3.9vw,60px);line-height:1.06}.blog-index__lead{max-width:46ch;color:var(--b-muted);text-wrap:pretty;margin:24px 0 0;font-size:18px;line-height:1.6}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.blog-card a{border:1px solid var(--b-line);background:var(--b-card);height:100%;transition:border-color var(--b-dur) var(--b-ease);border-radius:14px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card__cover{aspect-ratio:40/21;background:var(--b-ink);display:block;overflow:hidden}.blog-card__cover img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--b-ease)}.blog-card__body{padding:20px 24px 26px}.blog-card__meta{color:var(--b-muted);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0;font-size:13px;line-height:1.6;display:flex}.blog-card__meta>span{color:var(--b-cobalt);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.blog-card__title{letter-spacing:-.01em;text-wrap:pretty;transition:color var(--b-dur) var(--b-ease);margin:10px 0 0;font-size:20px;font-weight:500;line-height:1.3}.blog-card__excerpt{color:var(--b-muted);margin:10px 0 0;font-size:15px;line-height:1.6}@media (min-width:1024px){.blog-card:first-child{grid-column:1/-1}.blog-card:first-child a{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;display:grid}.blog-card:first-child .blog-card__body{padding:40px clamp(32px,4vw,64px)}.blog-card:first-child .blog-card__title{letter-spacing:-.015em;margin-top:14px;font-size:clamp(28px,2.4vw,36px);line-height:1.15}.blog-card:first-child .blog-card__excerpt{margin-top:14px;font-size:17px}}.blog-card a:is(:hover,:focus-visible){border-color:var(--b-frame)}.blog-card a:is(:hover,:focus-visible) .blog-card__title{color:var(--b-cobalt)}.blog-card a:hover img{transform:scale(1.03)}.blog-post{box-sizing:content-box;max-width:33em;padding:clamp(40px, 5vw, 80px) var(--b-gutter) var(--b-band);overflow-wrap:break-word;margin:0 auto;font-size:18px;line-height:1.7}.blog-post__meta{color:var(--b-muted);flex-wrap:wrap;gap:2px 10px;margin:20px 0 0;font-size:14px;line-height:1.6;display:flex}.blog-post__cover{background:var(--b-ink);border-radius:14px;width:100%;height:auto;margin-top:40px}.blog-prose p{margin:0 0 1.1em}.blog-prose .bp-lead{text-wrap:pretty;margin:40px 0 36px;font-size:clamp(19px,1.45vw,21px);line-height:1.6}.blog-prose h2{letter-spacing:-.012em;text-wrap:balance;margin:64px 0 16px;font-size:clamp(26px,2.2vw,32px);font-weight:500;line-height:1.2}.blog-prose h3{letter-spacing:-.005em;margin:40px 0 8px;font-size:21px;font-weight:500;line-height:1.35}.blog-prose h2+h3{margin-top:24px}.blog-prose b{font-weight:600}.blog-prose a:not(.bp-btn){color:var(--b-cobalt);text-underline-offset:3px;transition:color var(--b-dur) var(--b-ease);text-decoration:underline;text-decoration-thickness:1px}.blog-prose a:not(.bp-btn):hover{color:var(--b-ink)}.blog-prose :is(ul,ol){gap:10px;margin:0 0 1.2em;padding-left:1.4em;display:grid}.blog-prose ul{list-style:square}.blog-prose li{padding-left:4px}.blog-prose li::marker{color:var(--b-cobalt);font-weight:600}.bp-takeaways{border:1px solid var(--b-line);background:var(--b-card);border-radius:14px;margin:0 0 48px;padding:26px 30px 28px}.bp-takeaways ul{margin:0;font-size:17px}.bp-label{color:var(--b-cobalt);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:600;line-height:1.6;display:block}.bp-tip{border-left:3px solid var(--b-cobalt);background:var(--b-card);border-radius:0 12px 12px 0;margin:32px 0;padding:20px 24px 22px}.bp-tip .bp-label{margin-bottom:6px}.bp-tip p{margin:0;font-size:17px}.bp-code{background:var(--b-ink);color:#f3f4f6;border-radius:12px;margin:32px 0;padding:18px 22px 22px}.bp-code__label{color:var(--b-peach);font-family:var(--b-mono);margin:0 0 12px;font-size:12px;line-height:1.5}.bp-code pre{font-family:var(--b-mono);white-space:pre;tab-size:4;margin:0;font-size:14px;line-height:1.7;overflow-x:auto}.bp-code--wrap pre{white-space:pre-wrap;overflow-wrap:anywhere}.bp-code code{font:inherit}.bp-bad{color:#f67783}.bp-good{color:#8bc993}.bp-kw{color:var(--b-peach)}.bp-str{color:#bacbf9}.bp-com{color:#a2a8b2}.bp-concept{border:1px solid var(--b-line);background:var(--b-card);border-radius:12px;margin:14px 0;padding:18px 22px}.bp-concept>b{font-family:var(--b-mono);font-size:15px}.blog-prose .bp-concept p{color:var(--b-muted);margin:6px 0 0;font-size:16px}.bp-flow{border:1px solid var(--b-line);background:var(--b-card);color:var(--b-muted);text-align:center;border-radius:14px;margin:32px 0;padding:26px 20px;font-size:15px;line-height:2}.bp-flow__arrow{color:var(--b-frame);font-size:18px;line-height:1.6}.bp-flow__lead{background:var(--b-ink);color:#fff;border-radius:8px;margin:6px 0;padding:8px 18px;font-weight:600;line-height:1.5;display:inline-block}.bp-flow__node{border:1px solid var(--b-frame);background:var(--b-paper);color:var(--b-ink);border-radius:8px;margin:4px;padding:6px 14px;font-weight:600;line-height:1.5;display:inline-block}.bp-vs{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:32px 0;display:grid}.bp-vs__card{border:1px solid var(--b-line);background:var(--b-card);border-radius:14px;padding:22px 24px}.blog-prose .bp-vs__card h3{margin:0 0 2px;font-size:20px}.bp-vs__card .bp-label{color:var(--b-muted);margin-bottom:12px}.bp-vs__card ul{margin:0;font-size:16px}.bp-fig{margin:36px 0}.bp-fig img{border:1px solid var(--b-line);border-radius:12px;width:100%;height:auto}.bp-fig figcaption{color:var(--b-muted);margin-top:12px;font-size:14px;line-height:1.55}.bp-offer{background:var(--b-peach);border-radius:16px;margin:56px 0 0;padding:30px 34px 34px}.bp-offer .bp-label{color:var(--b-ink)}.blog-prose .bp-offer h3{margin:0 0 10px;font-size:clamp(22px,1.9vw,26px);line-height:1.25}.blog-prose .bp-offer p{margin:0 0 24px;font-size:17px}.bp-cta{background:var(--b-cobalt);color:#fff;border-radius:16px;margin:20px 0 0;padding:34px 34px 38px}.blog-prose .bp-cta h2{margin:0 0 10px;font-size:clamp(26px,2.4vw,34px)}.blog-prose .bp-cta p{color:#e2e9ff;margin:0 0 24px;font-size:17px}.u-page .bp-cta :focus-visible{outline-color:#fff}.blog .bp-btn{background:var(--b-ink);color:#fff;min-height:52px;transition:background var(--b-dur) var(--b-ease), transform var(--b-dur) var(--b-ease);border-radius:8px;align-items:center;gap:18px;padding:14px 22px;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.blog .bp-btn:after{content:"→";content:"→" / "";transition:transform var(--b-dur) var(--b-ease)}.blog .bp-btn:is(:hover,:focus-visible){background:var(--b-cobalt)}.blog .bp-btn:is(:hover,:focus-visible):after{transform:translate(4px)}.blog .bp-btn:active{transition-duration:80ms;transform:scale(.98)}.blog .bp-btn--light{color:var(--b-ink);background:#fff}.blog .bp-btn--light:is(:hover,:focus-visible){background:#e4edfb}.blog-related{border-top:1px solid var(--b-line);margin-top:72px;padding-top:36px}.blog-related ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 0;padding:0;list-style:none;display:grid}.blog-related a{border:1px solid var(--b-line);background:var(--b-card);height:100%;transition:border-color var(--b-dur) var(--b-ease);border-radius:12px;flex-direction:column;gap:8px;padding:20px 22px 22px;text-decoration:none;display:flex}.blog-related__cat{color:var(--b-muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.6}.blog-related__title{transition:color var(--b-dur) var(--b-ease);font-size:17px;font-weight:500;line-height:1.35}.blog-related a:is(:hover,:focus-visible){border-color:var(--b-frame)}.blog-related a:is(:hover,:focus-visible) .blog-related__title{color:var(--b-cobalt)}@media (max-width:1023px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.blog{--b-gutter:24px}.blog-grid{grid-template-columns:minmax(0,1fr);gap:20px}.blog-index__lead{font-size:16px;line-height:1.65}.blog-post{font-size:17px}.blog-post__cover{margin-top:32px}.blog-prose .bp-lead{margin:32px 0 28px;font-size:19px}.blog-prose h2{margin-top:48px;font-size:26px}.blog-prose h3{margin-top:32px;font-size:19px}.bp-takeaways{padding:22px 20px 24px}.bp-offer,.bp-cta{padding:26px 22px 28px}.bp-code{padding:16px 16px 18px}.bp-code pre{font-size:13px}.bp-vs,.blog-related ul{grid-template-columns:minmax(0,1fr)}.blog .bp-btn{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.blog *,.blog :after{transition:none!important}}