#blogArticles .cells>.cell{flex-direction:column;display:flex}#blogArticles .cell-media-bleed{margin:0}#blogArticles .cell>.cell-copy,#blogArticles .cell>.cell-copy>.cell-body{flex-direction:column;flex:auto;display:flex}#blogArticles .blog-cover-link{z-index:2;border-radius:var(--card-radius);display:block;position:relative}#blogArticles .blog-cover[data-frame=rounded]{border-radius:inherit}@media (min-width:768px){#blogArticles .cells>.cell:first-child{grid-column:1/-1}}@media (min-width:992px){#blogArticles .cells>.cell:first-child{grid-template-columns:calc((100% + 2 * var(--cell-inset)) * 2 / 3 - 2 * var(--cell-inset)) minmax(0, 1fr);column-gap:calc(2 * var(--cell-inset));display:grid}#blogArticles .cells>.cell:first-child>.cell-copy{margin-top:0}#blogArticles .cells>.cell:first-child>.cell-copy>:is(h2,h3){font-size:var(--font-size-h3);line-height:var(--font-line-height-h3);letter-spacing:calc(var(--font-tracking-h3) * 1em);text-wrap:balance}#blogArticles .cells>.cell:first-child .cell-body{margin-top:var(--space-sm)}}.blog-card-foot{align-items:center;gap:var(--space-xs);padding-top:var(--space-md);margin-top:auto;display:flex}.blog-card-meta{font-size:var(--font-size-body-xs);line-height:var(--font-line-height-body-xs);color:var(--text-tertiary);white-space:nowrap}.blog-pill{height:20px;padding-inline:var(--space-2xs);border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--text-primary) 6%, transparent);color:var(--text-secondary);flex:none;align-items:center;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.blog-card-arrow{border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--text-primary) 6%, transparent);width:32px;height:32px;transition:background-color var(--motion-state);flex:none;place-items:center;margin-left:auto;display:grid;overflow:hidden}.blog-card-arrow:before,.blog-card-arrow:after{content:"";background-color:var(--text-primary);width:14px;height:14px;transition:background-color var(--motion-state), translate var(--motion-default);grid-area:1/1;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10'/%3E%3Cpath d='M7 17 17 7'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10'/%3E%3Cpath d='M7 17 17 7'/%3E%3C/svg%3E") 50%/contain no-repeat}.blog-card-arrow:before{translate:-20px 20px}@media (hover:hover) and (pointer:fine){#blogArticles .cell:has(a:hover){background-color:var(--bg-tint)}#blogArticles .cell:has(a:hover) .blog-card-arrow{background-color:var(--text-primary)}#blogArticles .cell:has(a:hover) .blog-card-arrow:before{background-color:var(--bg-canvas)}#blogArticles .cell:has(a:hover) .blog-card-arrow:after{background-color:var(--bg-canvas)}#blogArticles .cell:has(a:hover) .blog-card-arrow:after{translate:20px -20px}#blogArticles .cell:has(a:hover) .blog-card-arrow:before{translate:0}}@media (prefers-reduced-motion:reduce){.blog-card-arrow:before,.blog-card-arrow:after{transition:background-color var(--motion-state)}#blogArticles .cell:has(a:hover) .blog-card-arrow:after{translate:none}#blogArticles .cell:has(a:hover) .blog-card-arrow:before{translate:-20px 20px}}@media (forced-colors:active){.blog-pill,.blog-card-arrow{outline:var(--layout-hairline) solid CanvasText}.blog-card-arrow:before,.blog-card-arrow:after{background-color:canvastext}}.blog-topics{gap:var(--space-2xs);min-inline-size:0;margin:var(--space-xl) 0 0;border:0;flex-wrap:wrap;padding:0;display:flex}.blog-topic{display:inline-flex;position:relative}.blog-topic-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.blog-topic-input+label{border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--text-primary) 6%, transparent);height:32px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--motion-state), color var(--motion-state);align-items:center;gap:6px;padding-inline:14px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.blog-topic-n{color:var(--text-tertiary);font-variant-numeric:tabular-nums;transition:color var(--motion-state)}@media (hover:hover) and (pointer:fine){.blog-topic-input:not(:checked)+label:hover{background-color:color-mix(in srgb, var(--text-primary) 10%, transparent);color:var(--text-primary)}}.blog-topic-input:checked+label{background-color:var(--text-primary);color:var(--bg-canvas)}.blog-topic-input:checked+label .blog-topic-n{color:color-mix(in srgb, var(--bg-canvas) 64%, transparent)}.blog-topic-input:focus-visible+label{outline:var(--focus-ring-width) solid var(--action-primary);outline-offset:var(--focus-ring-gap)}@media (forced-colors:active){.blog-topic-input+label{outline:var(--layout-hairline) solid CanvasText}.blog-topic-input:checked+label{color:highlighttext;background-color:highlight}}:is(main:has(#blogTopic-comparison:checked) #blogArticles .cells>.cell:not(:has([data-topic=Comparison])),main:has(#blogTopic-guide:checked) #blogArticles .cells>.cell:not(:has([data-topic=Guide])),main:has(#blogTopic-ai:checked) #blogArticles .cells>.cell:not(:has([data-topic=AI])),main:has(#blogTopic-tokens:checked) #blogArticles .cells>.cell:not(:has([data-topic=Tokens])),main:has(#blogTopic-platforms:checked) #blogArticles .cells>.cell:not(:has([data-topic=Platforms])),main:has(#blogTopic-release:checked) #blogArticles .cells>.cell:not(:has([data-topic=Release]))){display:none}#blogRelated .cell-copy>p:first-child{align-items:center;gap:var(--space-2xs);display:flex}#blogRelated .cell-copy>p:first-child:after{content:"";width:var(--space-xs);height:var(--space-xs);background-color:var(--text-primary);opacity:0;translate:calc(-1 * var(--space-2xs)) var(--space-3xs);transition:opacity var(--motion-state), translate var(--motion-push);flex:none;margin-left:auto;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10'/%3E%3Cpath d='M7 17 17 7'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10'/%3E%3Cpath d='M7 17 17 7'/%3E%3C/svg%3E") 50%/contain no-repeat}@media (hover:hover) and (pointer:fine){#blogRelated .cell:has(.blog-card-link:hover) .cell-copy>p:first-child:after{opacity:1;translate:0}}.blog-logos{--logos-open:0;aspect-ratio:16/9;width:100%;max-height:calc(2 * var(--space-3xl) + var(--space-lg));background-color:var(--bg-tint);transition:background-color var(--motion-state);place-items:center;display:grid}.blog-logos-stack{width:var(--space-3xl);height:var(--space-3xl);position:relative}.blog-logo{--logo-x:0px;--logo-y:0px;--logo-r:0deg;--logo-dx:0px;--logo-dy:0px;--logo-dr:0deg;border-radius:var(--radius-2xl);background-color:var(--bg-surface);box-shadow:0 0 0 var(--layout-hairline) var(--image-ring), 0 12px 26px -16px #0003;translate:var(--logo-x) var(--logo-y);rotate:var(--logo-r);place-items:center;display:grid;position:absolute;inset:0}.blog-logo-mark{width:var(--space-2xl);height:var(--space-2xl);display:block}.blog-logos[data-shape=pair] .blog-logo:first-child{--logo-x:calc((var(--space-xs) - var(--space-3xl)) / 2);--logo-r:-6deg;--logo-dx:calc(-1 * var(--space-2xs));--logo-dy:calc(-1 * var(--space-3xs));--logo-dr:-3deg;z-index:2}.blog-logos[data-shape=pair] .blog-logo:nth-child(2){--logo-x:calc((var(--space-3xl) - var(--space-xs)) / 2);--logo-r:6deg;--logo-dx:var(--space-2xs);--logo-dy:calc(-1 * var(--space-3xs));--logo-dr:3deg;z-index:1}.blog-logos[data-shape=fan] .blog-logo{transform-origin:50% 100%}.blog-logos[data-shape=fan] .blog-logo:first-child{--logo-x:calc(-1 * var(--space-2xl));--logo-y:var(--space-3xs);--logo-r:-10deg;--logo-dx:calc(-1 * var(--space-2xs));--logo-dr:-4deg;z-index:1}.blog-logos[data-shape=fan] .blog-logo:nth-child(2){--logo-y:calc(-1 * var(--space-3xs));--logo-dy:calc(-1 * var(--space-2xs));z-index:3}.blog-logos[data-shape=fan] .blog-logo:nth-child(3){--logo-x:var(--space-2xl);--logo-y:var(--space-3xs);--logo-r:10deg;--logo-dx:var(--space-2xs);--logo-dr:4deg;z-index:2}@media (hover:hover) and (pointer:fine){#blogCompare .cell:has(a:hover) .blog-logos{--logos-open:1;background-color:var(--bg-inset)}}#blogCompare .cell:has(a:focus-visible) .blog-logos{--logos-open:1;background-color:var(--bg-inset)}@media (prefers-reduced-motion:no-preference){.blog-logo{translate:calc(var(--logo-x) + var(--logos-open) * var(--logo-dx)) calc(var(--logo-y) + var(--logos-open) * var(--logo-dy));rotate:calc(var(--logo-r) + var(--logos-open) * var(--logo-dr));transition:translate var(--motion-default), rotate var(--motion-default)}}@media (prefers-reduced-motion:reduce){.blog-logos{transition:none}}