.blog-index{position:relative;padding:40px 24px 0}.blog-index__inner{position:relative;z-index:1;max-width:1040px;margin:0 auto}.blog-index__title{font-size:56px;margin-bottom:16px;text-align:center}.blog-index__lead{max-width:62ch;font-size:20px;color:var(--color-muted);margin:0 auto 56px;text-align:center;text-wrap:balance}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;list-style:none;margin:0;padding:0}@media(max-width:768px){.blog-grid{grid-template-columns:1fr;gap:24px}}.blog-card{position:relative;display:flex;flex-direction:column;background:color-mix(in srgb,var(--color-text) 2%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:var(--radius-card);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.blog-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--color-text) 24%,transparent);box-shadow:0 16px 32px -8px color-mix(in srgb,var(--color-shadow) 40%,transparent)}.blog-card__media{position:relative;width:100%;aspect-ratio:2 / 1;overflow:hidden;background:color-mix(in srgb,var(--color-text) 4%,transparent)}.blog-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--ease-out-expo)}.blog-card:hover .blog-card__img{transform:scale(1.03)}.blog-card__body{display:flex;flex-direction:column;flex:1;padding:24px}.blog-card__meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--color-muted);margin-bottom:12px;flex-wrap:wrap}.blog-card__dot{opacity:.4}.blog-card__title-wrap{position:relative;display:block}.blog-card__title{font-family:var(--font-heading);font-size:20px;font-weight:600;line-height:1.35;color:var(--color-text);margin:0 0 12px;transition:color var(--transition);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card:hover .blog-card__title{color:var(--accent-product)}.blog-card__tooltip{position:absolute;bottom:calc(100% + 8px);left:0;z-index:10;width:max-content;max-width:min(340px,100%);padding:8px 12px;border-radius:8px;background:var(--color-glass-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--color-text) 16%,transparent);box-shadow:0 10px 28px color-mix(in srgb,var(--color-shadow) 50%,transparent);color:var(--color-text);font-family:var(--font-body);font-size:13px;font-weight:500;line-height:1.4;letter-spacing:normal;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s var(--ease-out-expo),transform .2s var(--ease-out-expo),visibility 0s linear .2s}.blog-card__tooltip:after{content:"";position:absolute;top:100%;left:20px;border:5px solid transparent;border-top-color:var(--color-glass-strong)}:root[data-theme=light] .blog-card__tooltip{background:#fffffff2;border-color:color-mix(in srgb,var(--color-text) 14%,transparent);box-shadow:0 8px 24px #0000001f}:root[data-theme=light] .blog-card__tooltip:after{border-top-color:#fffffff2}.blog-card__title-wrap:hover .blog-card__tooltip,.blog-card:focus-visible .blog-card__tooltip{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s var(--ease-out-expo),transform .2s var(--ease-out-expo),visibility 0s}.blog-card__title-wrap:not([data-truncated=true]) .blog-card__tooltip{display:none}.blog-card__desc{font-size:14.5px;line-height:1.6;color:var(--color-text-soft);margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-post{position:relative;padding:40px 24px 80px;--toc-accent: var(--accent-product)}.blog-post__inner{max-width:1080px;margin:0 auto}.blog-post__header{max-width:780px;margin:0 auto 48px;text-align:left}.blog-post__crumbs{margin-bottom:24px}.blog-post__cover{margin:0 0 32px;border-radius:var(--radius-card);overflow:hidden;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);background:color-mix(in srgb,var(--color-text) 4%,transparent)}.blog-post__cover img{width:100%;height:auto;display:block}.blog-post__cover .blog-video-container{margin:0;border:0;border-radius:0}.blog-post__cover figcaption{padding:16px;border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);font-size:.875rem;line-height:1.5;color:var(--color-muted)}.blog-post__title{font-family:var(--font-heading);font-size:clamp(32px,5vw,48px);line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--color-text);margin:0 0 24px}.blog-post__meta-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);font-size:14px;color:var(--color-muted);flex-wrap:wrap}.blog-post__author{display:flex;align-items:center;gap:12px}.blog-post__avatar{width:40px;height:40px;border-radius:50%;border:1px solid color-mix(in srgb,var(--color-text) 16%,transparent);object-fit:cover}.blog-post__author-name{font-weight:600;color:var(--color-text);line-height:1.2}.blog-post__info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-muted)}.blog-post__medium-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--color-text-soft);text-decoration:none;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--color-text) 5%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);transition:all var(--transition)}.blog-post__medium-link:hover{color:var(--color-text);border-color:color-mix(in srgb,var(--color-text) 28%,transparent);background:color-mix(in srgb,var(--color-text) 9%,transparent)}.blog-post__medium-link svg{flex-shrink:0}.blog-post__tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.blog-layout{position:relative;max-width:780px;margin:0 auto}@media(min-width:1200px){.blog-layout--with-toc{max-width:100%;display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:64px;align-items:start}.blog-layout--with-toc>.toc{margin-top:8px;top:calc(var(--site-header-height) + 32px)}.blog-layout--with-toc .blog-content{max-width:780px}}@media(max-width:1199px){.blog-layout--with-toc>.toc{margin:16px 0 32px}.blog-content{max-width:780px;margin:0 auto}}.blog-content{font-size:17px;line-height:1.75;color:var(--color-text-soft);word-break:break-word}.blog-content p{margin:0 0 1.6em}.blog-lead{font-size:20px;line-height:1.6;color:var(--color-text);margin-bottom:1.8em;font-weight:400}.blog-content h2{font-family:var(--font-heading);font-size:28px;line-height:1.3;color:var(--color-text);margin:2.2em 0 .8em;letter-spacing:-.01em;scroll-margin-top:calc(var(--site-header-height) + 32px)}.blog-content h3{font-family:var(--font-heading);font-size:21px;line-height:1.35;color:var(--color-text);margin:1.8em 0 .6em;scroll-margin-top:calc(var(--site-header-height) + 32px)}.blog-content h4{font-family:var(--font-heading);font-size:17px;line-height:1.4;color:var(--color-text);margin:1.6em 0 .5em;scroll-margin-top:calc(var(--site-header-height) + 32px)}.blog-content ul,.blog-content ol{margin:0 0 1.6em;padding-left:24px}.blog-content li{margin-bottom:.5em}.blog-content li strong{color:var(--color-text)}.blog-content a{color:var(--accent-product);text-decoration:underline;text-underline-offset:3px;transition:opacity var(--transition)}.blog-content a:hover{opacity:.8}.blog-content strong{color:var(--color-text)}.blog-content em{font-style:italic;color:var(--color-muted)}.blog-figure{margin:2.2em 0;border-radius:12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);background:color-mix(in srgb,var(--color-text) 3%,transparent)}.blog-figure img{width:100%;height:auto;display:block}.blog-figure figcaption{padding:12px 16px;border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);font-size:.875rem;line-height:1.5;color:var(--color-muted)}.blog-video-container{position:relative;width:100%;aspect-ratio:16 / 9;margin:2.2em 0;border-radius:12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);background:#000}.blog-video-container iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.blog-callout{position:relative;max-width:680px;padding:2px 0 2px 28px;margin:2.2em 0;border:0;border-radius:0;background:none;overflow:visible;--_co-accent: var(--callout-accent, var(--accent-product));--_co-accent-deep: var(--callout-accent-deep, var(--_co-accent));--_co-accent-text: var(--callout-accent-text, var(--_co-accent))}.blog-callout:after{content:"";position:absolute;top:4px;bottom:4px;left:0;width:2px;border-radius:2px;background:var(--_co-accent)}.blog-callout__title,.blog-callout__label{display:flex;align-items:center;gap:10px;margin:0 0 6px!important;color:var(--_co-accent-text);font-family:var(--signature-font);font-size:28px;font-weight:700;letter-spacing:.2px;line-height:1.2;text-transform:none}.blog-callout__icon{display:grid;flex:none;place-items:center;color:var(--_co-accent-text)}.blog-callout__icon svg{width:26px;height:26px;stroke-width:2}.blog-content .blog-callout p,.blog-callout p:not(.blog-callout__title):not(.blog-callout__label),.blog-callout__text{max-width:42em;margin:0!important;color:var(--color-text);font-family:var(--font-body);font-size:19px;font-weight:400;line-height:1.65;text-wrap:pretty}.blog-content .blog-callout p:not(.blog-callout__title):not(.blog-callout__label)+p:not(.blog-callout__title):not(.blog-callout__label),.blog-callout p:not(.blog-callout__title):not(.blog-callout__label)+p:not(.blog-callout__title):not(.blog-callout__label),.blog-callout__text+.blog-callout__text{margin-top:10px!important}.blog-callout a{color:var(--_co-accent-text);font-weight:560;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.blog-callout a:hover{color:var(--_co-accent)}.blog-callout--tip{--callout-accent: var(--accent-product);--callout-accent-deep: var(--accent-product);--callout-accent-text: var(--accent-product)}.blog-callout--note{--callout-accent: var(--accent-research);--callout-accent-deep: var(--accent-research);--callout-accent-text: var(--accent-research)}.blog-callout--achieved{--callout-accent: var(--accent-product);--callout-accent-deep: var(--accent-product);--callout-accent-text: var(--accent-product)}.blog-callout--question{--callout-accent: var(--accent-ai);--callout-accent-deep: var(--accent-ai);--callout-accent-text: var(--accent-ai)}.blog-callout--feedback{--callout-accent: var(--accent-system);--callout-accent-deep: var(--accent-system);--callout-accent-text: var(--accent-system)}.blog-callout--constraint{--callout-accent: var(--accent-marketing);--callout-accent-deep: var(--accent-marketing);--callout-accent-text: var(--accent-marketing)}:root[data-theme=light] .blog-callout--tip,:root[data-theme=light] .blog-callout--achieved{--callout-accent-text: #856404}:root[data-theme=light] .blog-callout--note{--callout-accent-text: #b45309}:root[data-theme=light] .blog-callout--question{--callout-accent-text: #6d28d9}:root[data-theme=light] .blog-callout--feedback{--callout-accent-text: #047857}:root[data-theme=light] .blog-callout--constraint{--callout-accent-text: #c2410c}@supports (color: oklch(from red min(l,.5) c h)){:root[data-theme=light] .blog-callout{--callout-accent-text: oklch(from var(--_co-accent) min(l, .45) c h)}}@media(max-width:768px){.blog-callout{padding-left:22px}.blog-callout__title,.blog-callout__label{font-size:24px}.blog-content .blog-callout p,.blog-callout p:not(.blog-callout__title):not(.blog-callout__label),.blog-callout__text{font-size:17px}}.blog-divider{border:none;border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);margin:3em 0}.blog-letter-list{list-style-type:lower-alpha;padding-left:24px}.blog-post__footer{max-width:780px;margin:60px auto 0;padding-top:40px;border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.blog-post__nav{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:640px){.blog-post__nav{grid-template-columns:1fr}}.blog-nav-link{display:flex;flex-direction:column;padding:20px;border-radius:var(--radius-card);background:color-mix(in srgb,var(--color-text) 2%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);text-decoration:none;color:inherit;transition:all var(--transition)}.blog-nav-link:hover{border-color:color-mix(in srgb,var(--color-text) 24%,transparent);transform:translateY(-2px)}.blog-nav-link--next{text-align:right;align-items:flex-end}.blog-nav-link__direction{font-size:12px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-weight:600}.blog-nav-link__title{font-family:var(--font-heading);font-size:15px;font-weight:500;color:var(--color-text);line-height:1.4}.blog-nav-link:hover .blog-nav-link__title{color:var(--accent-product)}.blog-post__back{display:flex;justify-content:center;margin-top:40px}