.marketing .blog-index :is(h1,h2),.marketing .blog-index p{margin:0}.marketing .blog-index .hero{text-align:center;padding-block:136px 56px}.marketing .blog-index .hero h1{letter-spacing:-.035em;max-width:20ch;margin-inline:auto;font-size:clamp(40px,4vw,56px);line-height:1.06}.marketing .blog-index .hero .sub{max-width:60ch;color:var(--soft);text-wrap:pretty;margin:24px auto 0;font-size:20px}.marketing .blog-index .hero .sub strong{color:var(--ink);font-weight:600}.marketing .blog-index .tabs{flex-wrap:wrap;justify-content:center;gap:4px 28px;margin-bottom:56px;display:flex}.marketing .blog-index .tab{min-height:44px;font:600 16px/1 var(--sans);color:var(--soft);cursor:pointer;transition:color var(--duration-quick) var(--ease-smooth-out), border-color var(--duration-quick) var(--ease-smooth-out);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 2px}.marketing .blog-index .tab:hover{color:var(--ink)}.marketing .blog-index .tab[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--indigo)}.marketing .blog-index .tab small{font:400 14px/1 var(--sans);color:var(--soft);font-variant-numeric:tabular-nums;margin-left:6px}.marketing .blog-index .tab:focus-visible{outline:3px solid var(--link);outline-offset:3px}.marketing .blog-index .empty{text-align:center;color:var(--soft);max-width:48ch;margin-inline:auto;padding:72px 0}.marketing .blog-index .pager{margin-top:56px}.marketing .blog-index .search{max-width:460px;margin:36px auto 0;position:relative}.marketing .blog-index .search .ico{color:var(--soft);pointer-events:none;position:absolute;top:50%;left:16px;translate:0 -50%}.marketing .blog-index .search input{width:100%;height:52px;font:400 17px/1 var(--sans);color:var(--ink);background:var(--paper);border:1.5px solid var(--rule);transition:border-color var(--duration-quick) var(--ease-smooth-out);border-radius:3px;outline:none;padding:0 48px 0 46px}.marketing .blog-index .search input:focus-visible{border-color:var(--indigo);outline:3px solid color-mix(in oklch, var(--indigo) 30%, transparent);outline-offset:0}.marketing .blog-index .search .clear{width:44px;height:44px;color:var(--soft);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:4px;translate:0 -50%}.marketing .blog-index .search kbd{font:600 13px/1 var(--sans);color:var(--soft);border:1px solid var(--rule);transition:opacity var(--duration-quick) var(--ease-smooth-out);border-radius:3px;padding:4px 8px;position:absolute;top:50%;right:14px;translate:0 -50%}.marketing .blog-index .search kbd.off{opacity:0}.marketing .blog-index .count{text-align:center;color:var(--soft);margin:-32px 0 32px;font-size:15px}.marketing .blog-index .posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}@media (width<=960px){.marketing .blog-index .posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.marketing .blog-index .hero{padding-block:112px 40px}}@media (width<=640px){.marketing .blog-index .posts{grid-template-columns:1fr}}.marketing .blog-back{min-height:44px;font:600 16px/1 var(--sans);align-items:center;gap:6px;display:inline-flex}.marketing .blog-meta{font:400 16px/1.4 var(--sans);color:var(--soft);flex-wrap:wrap;gap:4px 20px;margin-top:20px;display:flex}.marketing .blog-toc{font:400 15px/1.4 var(--sans)}.marketing .blog-toc a{color:var(--soft);text-wrap:pretty;transition:color .16s var(--ease);padding:7px 0;text-decoration:none;display:block}.marketing .blog-toc a:hover{color:var(--ink)}.marketing .blog-toc a[data-active=true]{color:var(--ink);font-weight:600}.marketing .blog-aside{border-top:1px solid var(--rule);padding-top:20px}.marketing .blog-aside .cover{max-width:280px;margin:0 0 14px;display:block}.marketing .blog-aside .cover img{width:100%;height:auto;display:block}.marketing .blog-aside h2{font:700 18px/1.3 var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0}.marketing .blog-aside .body{font:400 15px/1.55 var(--sans);color:var(--soft);margin:10px 0 14px}.marketing .blog-aside .mk-link{font:600 15px/1.4 var(--sans)}@media (pointer:coarse){.marketing .blog-aside .mk-link{position:relative}.marketing .blog-aside .mk-link:after{content:"";position:absolute;inset-block:-13px;inset-inline:0}}.marketing .blog-related{max-width:1160px;margin:96px auto 0}.marketing .blog-related .posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:56px;display:grid}@media (width<=960px){.marketing .blog-related .posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.marketing .blog-related{margin-top:72px}.marketing .blog-related .posts{grid-template-columns:1fr;margin-top:40px}}.marketing .blog-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.marketing .blog-pager :is(a,span){min-width:44px;height:44px;font:600 16px/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--soft);transition:color .16s var(--ease);border-radius:3px;place-items:center;text-decoration:none;display:inline-grid}@media (width<=420px){.marketing .blog-pager{gap:0}.marketing .blog-pager :is(a,span){min-width:36px}}.marketing .blog-pager a:hover{color:var(--ink)}.marketing .blog-pager [aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--indigo);border-radius:0}.marketing .blog-pager [aria-hidden=true]{opacity:.4}