.blog-shell{position:relative;min-height:100vh;background:var(--bg);color:var(--fg)}.blog-hero,.blog-post-hero{position:relative;isolation:isolate;overflow:hidden;padding:140px 0 64px}.blog-hero__inner,.blog-post-hero__inner{position:relative;z-index:2;display:grid;justify-items:center;gap:22px;text-align:center}.blog-post-hero__inner{width:min(100%,1060px);margin:0 auto}.blog-hero__title,.blog-post-hero h1{margin:0;max-width:15ch;font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-.055em;font-weight:680;text-wrap:balance}.blog-post-hero h1{max-width:21ch;font-size:clamp(38px,5.2vw,66px);line-height:1.04}.blog-hero__lede,.blog-post-hero p{margin:0;max-width:68ch;color:#ffffffb8;font-size:clamp(15px,1.45vw,19px);line-height:1.58;text-wrap:balance}.blog-post-hero p{max-width:82ch}.blog-section{padding:72px 0}.blog-section--featured{padding-top:20px}.blog-section--related{border-top:1px solid var(--catalog-line)}.blog-featured-card,.blog-card,.blog-cta__card{position:relative;border:1px solid var(--catalog-line);background:var(--catalog-card-bg);box-shadow:inset 0 1px #ffffff0f,0 22px 60px #00000057;overflow:hidden}.blog-featured-card{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:0;border-radius:28px}.blog-featured-card__media{min-height:360px;display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,rgba(124,242,165,.2),transparent 34%),radial-gradient(circle at 80% 0%,rgba(99,130,255,.28),transparent 42%),linear-gradient(145deg,#0c0f1aeb,#040509f5)}.blog-featured-card__media img{width:100%;height:100%;object-fit:cover;display:block}.blog-featured-card__media span{color:#ffffffb3;font-size:13px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.blog-featured-card__body{display:grid;align-content:center;gap:18px;padding:clamp(28px,5vw,56px)}.blog-featured-card h2,.blog-card h3,.blog-cta__card h2{margin:0;color:#fffffff5;letter-spacing:-.035em;font-weight:660;text-wrap:balance}.blog-featured-card h2{font-size:clamp(30px,4vw,48px);line-height:1.08}.blog-featured-card p,.blog-card p,.blog-cta__card p{margin:0;color:#ffffffad;line-height:1.65}.blog-card__stretch{position:absolute;inset:0;z-index:2}.blog-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#c8d6ffd1;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.blog-meta span+span:before{content:"";display:inline-block;width:4px;height:4px;margin:0 8px 2px 0;border-radius:999px;background:#7cf2a5b8}.blog-tags,.blog-query-pills{display:flex;flex-wrap:wrap;gap:8px}.blog-tags span,.blog-query-pills span{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(180,198,255,.22);background:#6382ff1a;color:#dce4ffdb;font-size:12px;font-weight:600}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.blog-card{display:grid;gap:16px;min-height:260px;padding:24px;border-radius:22px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.blog-card:hover{transform:translateY(-4px);border-color:#ffffff2e;background:var(--catalog-card-bg-hover)}.blog-card h3{font-size:22px;line-height:1.16}.blog-empty{padding:40px;border:1px solid var(--catalog-line);border-radius:22px;color:#ffffffad;background:var(--catalog-card-bg)}.blog-post-byline{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;color:#ffffff94;font-size:13px}.blog-post-byline span+span:before{content:"";display:inline-block;width:4px;height:4px;margin:0 18px 2px 0;border-radius:999px;background:#ffffff52}.blog-post-media{margin-top:-32px;position:relative;z-index:3}.blog-post-media img{width:100%;display:block;border-radius:28px;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 80px #00000080}.blog-post-body{padding:72px 0}.blog-post-layout{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,780px);gap:clamp(28px,5vw,72px);align-items:start;justify-content:center}.blog-toc{position:sticky;top:24px;display:grid;gap:14px;padding:18px;border-radius:18px;border:1px solid var(--catalog-line);background:#0a0c169e;backdrop-filter:blur(14px)}.blog-toc strong{color:#ffffffdb;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.blog-toc nav{display:grid;gap:8px}.blog-toc a{color:#ffffff94;font-size:13px;line-height:1.35;transition:color .14s ease}.blog-toc a:hover,.blog-toc a:focus-visible{color:#ffffffeb;outline:none}.blog-toc__item--3{padding-left:12px;font-size:12.5px}.blog-content{min-width:0;color:#ffffffc7;font-size:17px;line-height:1.78}.blog-content>*:first-child{margin-top:0}.blog-content h2,.blog-content h3,.blog-content h4{color:#fffffff5;line-height:1.18;letter-spacing:-.03em;text-wrap:balance;scroll-margin-top:32px}.blog-content h2{margin:64px 0 18px;font-size:clamp(28px,3.4vw,42px)}.blog-content h3{margin:42px 0 14px;font-size:clamp(22px,2.5vw,30px)}.blog-content h4{margin:28px 0 10px;font-size:19px}.blog-content p,.blog-content ul,.blog-content ol,.blog-content blockquote,.blog-content table{margin:18px 0}.blog-content a{color:#b7c6ff;text-decoration:underline;text-decoration-color:#b7c6ff61;text-underline-offset:3px}.blog-content strong{color:#fffffff0;font-weight:680}.blog-content ul,.blog-content ol{padding-left:1.25rem}.blog-content li+li{margin-top:8px}.blog-content blockquote{padding:18px 20px;border-radius:18px;border:1px solid rgba(124,242,165,.24);background:#7cf2a514;color:#ebfff2e0}.blog-content blockquote p{margin:0}.blog-content table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--catalog-line);border-radius:18px;background:#0a0c1685;font-size:14px;line-height:1.5}.blog-content th,.blog-content td{padding:13px 14px;vertical-align:top;border-bottom:1px solid var(--catalog-line)}.blog-content th{color:#ffffffe6;text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a}.blog-content tr:last-child td{border-bottom:0}.blog-content code{padding:2px 6px;border-radius:8px;background:#ffffff14;color:#ffffffe6;font-size:.9em}.blog-vendor-ranking{margin:42px 0;padding:clamp(22px,4vw,34px);border:1px solid var(--catalog-line);border-radius:28px;background:radial-gradient(circle at 12% 0%,rgba(124,242,165,.14),transparent 32%),radial-gradient(circle at 92% 6%,rgba(99,130,255,.16),transparent 36%),#0a0c1694;box-shadow:inset 0 1px #ffffff0f,0 24px 70px #00000052}.blog-vendor-ranking__head{display:grid;gap:10px;margin-bottom:22px}.blog-vendor-ranking__head h2,.blog-content .blog-vendor-ranking__head h2{margin:0;font-size:clamp(26px,3.4vw,38px)}.blog-vendor-ranking__head p,.blog-content .blog-vendor-ranking__head p{margin:0;color:#ffffffa8}.blog-vendor-ranking__list,.blog-content .blog-vendor-ranking__list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.blog-vendor-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:#ffffff09}.blog-vendor-card__rank{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;border:1px solid rgba(124,242,165,.25);background:#7cf2a514;color:#fffffff0;font-size:22px;font-weight:760;letter-spacing:-.04em}.blog-vendor-card__body{display:grid;gap:13px;min-width:0}.blog-vendor-card__topline{display:flex;gap:14px;align-items:center}.blog-vendor-card__logos{display:flex;min-width:64px}.blog-vendor-card__logo{display:grid;place-items:center;width:34px;height:34px;margin-right:-10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffffeb;box-shadow:0 10px 24px #00000047;overflow:hidden}.blog-vendor-card__logo img{width:70%;height:70%;object-fit:contain}.blog-vendor-card__logo--fallback{background:linear-gradient(135deg,#7cf2a5e6,#6382ffeb);color:#05070d;font-size:11px;font-weight:800}.blog-vendor-card h3,.blog-content .blog-vendor-card h3{margin:0;font-size:clamp(22px,2.4vw,30px)}.blog-vendor-card h3 a{color:#fffffff5;text-decoration:none}.blog-vendor-card h3 a:hover,.blog-vendor-card h3 a:focus-visible{color:#b7c6ff}.blog-vendor-card__meta,.blog-vendor-card__sdks,.blog-content .blog-vendor-card__meta,.blog-content .blog-vendor-card__sdks{margin:0;color:#ffffff94;font-size:14px;line-height:1.5}.blog-vendor-card p,.blog-content .blog-vendor-card p{margin:0}.blog-vendor-card__chips{display:flex;flex-wrap:wrap;gap:8px}.blog-vendor-card__chips a{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;border:1px solid rgba(180,198,255,.18);border-radius:999px;background:#6382ff1a;color:#e6ecffdb;text-decoration:none;font-size:12px;font-weight:650}.blog-vendor-card__chips a:hover,.blog-vendor-card__chips a:focus-visible{border-color:#7cf2a557;color:#fffffff2}.blog-vendor-card__chips span{color:#ffffff80}.blog-cta{padding:0 0 88px}.blog-cta__card{display:grid;justify-items:start;gap:18px;padding:clamp(28px,5vw,52px);border-radius:28px;background:radial-gradient(circle at 10% 0%,rgba(124,242,165,.16),transparent 34%),radial-gradient(circle at 86% 0%,rgba(99,130,255,.18),transparent 38%),var(--catalog-card-bg)}.blog-cta__card h2{max-width:780px;font-size:clamp(28px,4vw,46px);line-height:1.08}.blog-cta__card p{max-width:720px;font-size:16px}@media(max-width:980px){.blog-featured-card,.blog-post-layout{grid-template-columns:1fr}.blog-featured-card__media{min-height:260px}.blog-grid,.blog-vendor-card{grid-template-columns:1fr}.blog-vendor-card__rank{width:fit-content;min-width:58px}.blog-toc{position:relative;top:auto}}@media(max-width:640px){.blog-hero,.blog-post-hero{padding:118px 0 48px}.blog-section,.blog-post-body{padding:52px 0}.blog-hero__title,.blog-post-hero h1{font-size:clamp(34px,12vw,48px)}.blog-post-hero h1{font-size:clamp(32px,10.5vw,44px)}.blog-content{font-size:16px}.blog-content table{display:block;overflow-x:auto;white-space:nowrap}}