.blog-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.blog-grid-item{height:100%;min-height:0;display:flex}.blog-card{cursor:pointer;will-change:transform;background:#121218;border:1px solid #191919;border-radius:16px;flex-direction:column;flex:1;width:100%;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.blog-card:hover{background:linear-gradient(#8e2dff 0%,#121218 38.29%);border-top-color:#8e2dff;transform:translateY(-4px)}.blog-card-arrow{opacity:0;pointer-events:none;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:14px;right:14px;transform:scale(.8)}.blog-card:hover .blog-card-arrow{opacity:1;transform:scale(1)}.blog-card-image{aspect-ratio:16/10;background-color:#1c1c26;border-radius:10px;flex-shrink:0;width:calc(100% - 20px);margin:10px 10px 0;position:relative;overflow:hidden}.blog-card-image img{filter:grayscale()}.blog-card-content{flex-direction:column;gap:12px;padding:16px 16px 20px;display:flex}.blog-card-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.blog-card-category{font-family:var(--font-inter,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#b889ff;font-size:11px;font-weight:700}.blog-card-date{font-family:var(--font-inter,sans-serif);letter-spacing:.04em;text-transform:uppercase;color:#ffffff80;flex-shrink:0;margin-left:auto;font-size:12px;font-weight:400}.blog-card-title{font-family:var(--font-inter,sans-serif);color:#fff;font-size:16px;font-weight:600;line-height:1.45;transition:color .2s}.blog-card:hover .blog-card-title{color:#ffffffd9}.blog-load-more{justify-content:center;gap:12px;margin-top:56px;display:flex}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr;gap:12px}.blog-grid-item{height:auto}.blog-card{background:#121218;border-color:#3a3a4d99;border-radius:14px;flex-direction:row;align-items:center;gap:0;padding:12px 14px}.blog-card:hover{background:#16161e;border-color:#8e2dff73;transform:none}.blog-card-arrow{display:none}.blog-card-image{aspect-ratio:1;border-radius:10px;width:80px;min-width:80px;height:80px;margin:0}.blog-card-image img{filter:grayscale()}.blog-card-content{flex:1;justify-content:center;gap:8px;min-width:0;padding:0 0 0 14px}.blog-card-meta{gap:6px}.blog-card-category{letter-spacing:.1em;font-size:10px}.blog-card-date{color:#ffffff8c;font-size:11px}.blog-card-title{letter-spacing:-.02em;font-size:1.0625rem;font-weight:700;line-height:1.28}.blog-load-more{margin-top:36px}}
.coming-next-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:32px;display:flex}.coming-next-tag{color:#cbaaff;font-family:var(--font-inter,sans-serif);letter-spacing:.02em;background:#8e2dff24;border:1px solid #b98aff66;border-radius:50px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.coming-next-dot{background:#cbaaff;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite coming-next-pulse}.coming-next-heading{font-family:var(--font-inter,sans-serif);color:#fff;margin:0;font-size:28px;font-weight:600;line-height:1.3}.coming-next-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.coming-next-card{background:#121218;border:1px solid #191919;border-radius:16px;padding:24px;transition:transform .25s,border-top-color .25s,background .25s}.coming-next-card:hover{background:linear-gradient(#8e2dff 0%,#121218 38.29%);border-top-color:#8e2dff;transform:translateY(-4px)}.coming-next-card-title{font-family:var(--font-inter,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#b889ff;font-size:11px;font-weight:700;display:block}.coming-next-card-body{font-family:var(--font-inter,sans-serif);color:#ffffffbf;margin:12px 0 0;font-size:15px;line-height:1.5}@keyframes coming-next-pulse{0%,to{opacity:.4}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.coming-next-dot{animation:none}.coming-next-card{transition:none}}@media (max-width:640px){.coming-next-grid{grid-template-columns:1fr}}
.changelog-grid{grid-template-columns:repeat(2,minmax(50px,1fr));gap:24px;width:100%;margin-bottom:80px;display:grid}.changelog-card{cursor:pointer;will-change:transform;background:#121218;border:1px solid #191919;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .25s,border-top-color .25s,background .25s;display:flex;position:relative;overflow:hidden}.changelog-card:hover{background:linear-gradient(#8e2dff 0%,#121218 38.29%);border-top-color:#8e2dff;transform:translateY(-4px)}.changelog-card-arrow{opacity:0;pointer-events:none;z-index:2;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:14px;right:14px;transform:scale(.8)}.changelog-card:hover .changelog-card-arrow{opacity:1;transform:scale(1)}.changelog-card-image{aspect-ratio:16/9;background-color:#1c1c26;border-radius:10px;flex-shrink:0;width:calc(100% - 20px);margin:10px 10px 0;position:relative;overflow:hidden}.changelog-card-image img{filter:grayscale()}.changelog-card-content{flex-direction:column;gap:12px;padding:16px 16px 24px;display:flex}.changelog-card-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.changelog-card-category{font-family:var(--font-inter,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#b889ff;font-size:11px;font-weight:700}.changelog-card-date{font-family:var(--font-inter,sans-serif);letter-spacing:.04em;text-transform:uppercase;color:#ffffff80;flex-shrink:0;margin-left:auto;font-size:12px;font-weight:400}.changelog-cta--solo{margin-top:0}.changelog-card-title{font-family:var(--font-inter,sans-serif);color:#fff;font-size:20px;font-weight:600;line-height:1.4;transition:color .2s}.changelog-card:hover .changelog-card-title{color:#ffffffd9}.changelog-cta{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:0 24px;display:flex}.changelog-cta-text{font-family:var(--font-inter,sans-serif);color:#fff;max-width:680px;font-size:18px;font-weight:500;line-height:1.65}.changelog-cta-pill{font-family:var(--font-inter,sans-serif);color:#fff;background-color:#8e2dff40;border:.75px solid #8e2dff;border-radius:5px;align-items:center;gap:8px;padding:5px 15px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.changelog-cta-pill:hover{background-color:#8e2dff66}@media (max-width:768px){.changelog-grid{grid-template-columns:1fr}}
.blog-page .page-header-subtext .blog-page-guide-pill-link{max-width:100%;color:inherit;vertical-align:top;text-decoration:none;display:inline-flex}.blog-page .page-header-subtext .blog-page-guide-pill-link:hover .purple-pill,.blog-page .page-header-subtext .blog-page-guide-pill-link:focus-visible .purple-pill{background:#8e2dff52;border-color:#b98afff2}.blog-page-guide-purple-pill{white-space:normal;text-align:center;border-radius:5px;max-width:min(100%,36rem);padding:.32rem .72rem;font-weight:600;line-height:1.35}@media (max-width:640px){.blog-page .page-header-heading{letter-spacing:-.01em;font-size:clamp(1.65rem,7.2vw,2.15rem)}.blog-page .page-header-subtext{font-size:.9rem;line-height:1.6}.blog-page .page-header-subtext>p{margin-bottom:.85rem}.blog-page .page-header-subtext-gap{margin-top:.55rem}.blog-page-guide-purple-pill{padding:.28rem .62rem;font-size:11px}.blog-page .bg-\[\#121218\].py-20{padding-top:1.85rem!important;padding-bottom:1.85rem!important}.blog-page .bg-\[\#121218\].pb-24{padding-bottom:2rem!important}.blog-page .blog-card-title{font-size:.9rem;line-height:1.35}.blog-page .blog-card-category{font-size:9px}.blog-page .blog-card-date{font-size:10px}.blog-page .changelog-card-title{font-size:1rem;line-height:1.35}.blog-page .changelog-card-category{font-size:9px}.blog-page .changelog-card-date{font-size:10px}.blog-page .changelog-cta-text{font-size:.875rem;line-height:1.65}}@media (max-width:480px){.blog-page .page-header-heading{font-size:clamp(1.5rem,6.8vw,1.95rem)}.blog-page .blog-card-title{font-size:.875rem}.blog-page .changelog-card-title{font-size:.95rem}}