.blog-hero:where(.astro-yqyedchb){position:relative;background:var(--js-blue);overflow:hidden;padding:var(--space-16) 0 var(--space-8);text-align:center}.blog-hero__grid:where(.astro-yqyedchb){position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);background-size:3.125vw 3.125vw;pointer-events:none;z-index:0}.blog-hero__glow:where(.astro-yqyedchb){position:absolute;left:50%;top:50%;width:800px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(ellipse 50% 70% at 50% 50%,rgba(37,73,147,.12),transparent 70%);pointer-events:none;z-index:0}.blog-hero__inner:where(.astro-yqyedchb){position:relative;z-index:1}.blog-hero__badge:where(.astro-yqyedchb){display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .85rem;font-family:var(--font-sans);font-size:var(--text-xs, .75rem);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:#fff6;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);background:transparent;margin-bottom:var(--space-4)}.blog-hero__badge-dot:where(.astro-yqyedchb){width:6px;height:6px;border-radius:50%;background:var(--js-blue);animation:blog-pulse 2s ease-in-out infinite}@keyframes blog-pulse{0%,to{opacity:1}50%{opacity:.4}}.blog-hero__heading:where(.astro-yqyedchb){font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.25rem);font-weight:var(--font-bold);line-height:1.2;color:var(--white);margin-bottom:var(--space-8);max-width:720px;margin-inline:auto}.blog-hero__filters:where(.astro-yqyedchb){display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.blog-pill:where(.astro-yqyedchb){display:inline-flex;align-items:center;padding:.35rem .9rem;font-size:var(--text-xs, .75rem);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffff80;cursor:pointer;transition:all .15s ease;white-space:nowrap}.blog-pill:where(.astro-yqyedchb):hover{background:#ffffff1a;border-color:#ffffff26;color:#ffffffb3}.blog-pill--active:where(.astro-yqyedchb){background:var(--black);border-color:#ffffff40;color:var(--white)}.blog-pill--active:where(.astro-yqyedchb):hover{background:var(--black);border-color:#ffffff59;color:var(--white)}@media(max-width:768px){.blog-hero:where(.astro-yqyedchb){padding:var(--space-12) 0 var(--space-6)}.blog-hero__glow:where(.astro-yqyedchb){width:500px;height:400px}.blog-hero__filters:where(.astro-yqyedchb){overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch}}.blog-featured:where(.astro-wdfnljlu){padding:var(--space-8) 0}.featured-card:where(.astro-wdfnljlu){display:grid;grid-template-columns:1fr 1fr;background:var(--white);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .25s ease,transform .25s ease}.featured-card:where(.astro-wdfnljlu):hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);text-decoration:none}.featured-card__visual:where(.astro-wdfnljlu){position:relative;background:var(--js-blue);overflow:hidden;min-height:280px}.featured-card__pattern:where(.astro-wdfnljlu){position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px}.featured-card__glow:where(.astro-wdfnljlu){position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(37,73,147,.25),transparent 70%);transition:opacity .25s ease}.featured-card:where(.astro-wdfnljlu)[data-category=audits] .featured-card__glow:where(.astro-wdfnljlu){background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(5,150,105,.25),transparent 70%)}.featured-card:where(.astro-wdfnljlu)[data-category=announcements] .featured-card__glow:where(.astro-wdfnljlu){background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(37,73,147,.25),transparent 70%)}.featured-card:where(.astro-wdfnljlu)[data-category=engineering] .featured-card__glow:where(.astro-wdfnljlu){background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(79,70,229,.25),transparent 70%)}.featured-card:where(.astro-wdfnljlu)[data-category=tutorials] .featured-card__glow:where(.astro-wdfnljlu){background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(217,119,6,.25),transparent 70%)}.featured-card:where(.astro-wdfnljlu):hover .featured-card__glow:where(.astro-wdfnljlu){opacity:1.35}.featured-card__icon:where(.astro-wdfnljlu){position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.featured-card__icon:where(.astro-wdfnljlu) svg:where(.astro-wdfnljlu){width:80px;height:80px;opacity:.12;color:var(--white);stroke:currentColor;fill:none;transition:opacity .25s ease}.featured-card:where(.astro-wdfnljlu):hover .featured-card__icon:where(.astro-wdfnljlu) svg:where(.astro-wdfnljlu){opacity:.2}.featured-card__chip:where(.astro-wdfnljlu){position:absolute;top:16px;left:16px;padding:4px 12px;font-size:.675rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--white);background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:9999px;z-index:1}.featured-card__content:where(.astro-wdfnljlu){display:flex;flex-direction:column;justify-content:center;padding:var(--space-8)}.featured-card__meta:where(.astro-wdfnljlu){display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-xs, .75rem);color:var(--color-text-muted)}.featured-card__badge:where(.astro-wdfnljlu){display:inline-flex;align-items:center;gap:6px;padding:.2rem .6rem;font-size:var(--text-xs, .75rem);font-weight:var(--font-medium);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted)}.featured-card__badge-dot:where(.astro-wdfnljlu){width:6px;height:6px;border-radius:50%;background:var(--js-blue);flex-shrink:0;animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.featured-card:where(.astro-wdfnljlu)[data-category=implementations] .featured-card__badge-dot:where(.astro-wdfnljlu){background:var(--js-blue)}.featured-card:where(.astro-wdfnljlu)[data-category=audits] .featured-card__badge-dot:where(.astro-wdfnljlu){background:var(--color-success)}.featured-card:where(.astro-wdfnljlu)[data-category=announcements] .featured-card__badge-dot:where(.astro-wdfnljlu){background:var(--js-blue)}.featured-card:where(.astro-wdfnljlu)[data-category=engineering] .featured-card__badge-dot:where(.astro-wdfnljlu){background:var(--color-info)}.featured-card:where(.astro-wdfnljlu)[data-category=tutorials] .featured-card__badge-dot:where(.astro-wdfnljlu){background:var(--color-warning)}.featured-card__title:where(.astro-wdfnljlu){font-family:var(--font-heading);font-size:clamp(1.35rem,2.5vw,1.65rem);font-weight:var(--font-bold);line-height:1.3;color:var(--color-text);margin-bottom:var(--space-3)}.featured-card__excerpt:where(.astro-wdfnljlu){font-size:var(--text-sm, .875rem);color:var(--color-text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-4)}.featured-card__link:where(.astro-wdfnljlu){display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold);color:var(--js-blue)}.featured-card__link:where(.astro-wdfnljlu) svg:where(.astro-wdfnljlu){transition:transform .15s ease}.featured-card:where(.astro-wdfnljlu):hover .featured-card__link:where(.astro-wdfnljlu) svg:where(.astro-wdfnljlu){transform:translate(3px)}@media(max-width:768px){.featured-card:where(.astro-wdfnljlu){grid-template-columns:1fr}.featured-card__visual:where(.astro-wdfnljlu){min-height:200px}.featured-card__content:where(.astro-wdfnljlu){padding:24px}}.blog-grid:where(.astro-jad6oz3a){padding:var(--space-4) 0 var(--space-16)}.blog-grid__list:where(.astro-jad6oz3a){display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.grid-card:where(.astro-jad6oz3a){display:flex;flex-direction:column;background:var(--white);border:1px solid var(--color-border);border-radius:var(--radius-xl, 12px);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .25s ease,transform .25s ease}.grid-card:where(.astro-jad6oz3a):hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);text-decoration:none}.grid-card__thumb:where(.astro-jad6oz3a){position:relative;height:140px;overflow:hidden;background:linear-gradient(135deg,var(--js-blue) 0%,var(--js-blue) 50%,var(--js-blue) 100%);transition:transform .25s ease}.grid-card:where(.astro-jad6oz3a):hover .grid-card__thumb:where(.astro-jad6oz3a){transform:scale(1.01)}.grid-card:where(.astro-jad6oz3a)[data-category=implementations] .grid-card__thumb:where(.astro-jad6oz3a){background:linear-gradient(135deg,var(--impl-dark) 0%,var(--impl-dark) 100%)}.grid-card:where(.astro-jad6oz3a)[data-category=audits] .grid-card__thumb:where(.astro-jad6oz3a){background:linear-gradient(135deg,var(--audit-dark) 0%,var(--audit-dark) 100%)}.grid-card:where(.astro-jad6oz3a)[data-category=announcements] .grid-card__thumb:where(.astro-jad6oz3a){background:linear-gradient(135deg,var(--js-blue) 0%,var(--js-blue) 100%)}.grid-card:where(.astro-jad6oz3a)[data-category=engineering] .grid-card__thumb:where(.astro-jad6oz3a){background:linear-gradient(135deg,#3730a3 0%,var(--color-info) 50%,var(--color-info) 100%)}.grid-card:where(.astro-jad6oz3a)[data-category=tutorials] .grid-card__thumb:where(.astro-jad6oz3a){background:linear-gradient(135deg,#92400e 0%,var(--color-warning) 50%,var(--color-warning) 100%)}.grid-card__thumb-pattern:where(.astro-jad6oz3a){position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:16px 16px}.grid-card__thumb-icon:where(.astro-jad6oz3a){position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.grid-card__thumb-icon:where(.astro-jad6oz3a) svg:where(.astro-jad6oz3a){width:48px;height:48px;opacity:.15;color:var(--white);stroke:currentColor;fill:none;stroke-width:1.5}.grid-card__body:where(.astro-jad6oz3a){padding:20px 20px 16px;display:flex;flex-direction:column;flex:1}.grid-card__meta:where(.astro-jad6oz3a){display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-xs, .75rem);color:var(--color-text-muted)}.grid-card__badge:where(.astro-jad6oz3a){display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.675rem;font-weight:var(--font-medium);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);white-space:nowrap}.grid-card__badge-dot:where(.astro-jad6oz3a){width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--js-blue)}.grid-card:where(.astro-jad6oz3a)[data-category=implementations] .grid-card__badge-dot:where(.astro-jad6oz3a){background:var(--js-blue)}.grid-card:where(.astro-jad6oz3a)[data-category=audits] .grid-card__badge-dot:where(.astro-jad6oz3a){background:var(--color-success)}.grid-card:where(.astro-jad6oz3a)[data-category=announcements] .grid-card__badge-dot:where(.astro-jad6oz3a){background:var(--js-blue)}.grid-card:where(.astro-jad6oz3a)[data-category=engineering] .grid-card__badge-dot:where(.astro-jad6oz3a){background:var(--color-info)}.grid-card:where(.astro-jad6oz3a)[data-category=tutorials] .grid-card__badge-dot:where(.astro-jad6oz3a){background:var(--color-warning)}.grid-card__title:where(.astro-jad6oz3a){font-family:var(--font-sans);font-size:1rem;line-height:1.35;color:var(--color-text);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid-card__excerpt:where(.astro-jad6oz3a){font-size:.8125rem;color:var(--color-text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid-card__link:where(.astro-jad6oz3a){display:inline-flex;align-items:center;gap:.35rem;margin-top:auto;padding-top:var(--space-4);font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold);color:var(--js-blue);text-decoration:none}.grid-card__link:where(.astro-jad6oz3a) svg:where(.astro-jad6oz3a){transition:transform .2s ease}.grid-card:where(.astro-jad6oz3a):hover .grid-card__link:where(.astro-jad6oz3a) svg:where(.astro-jad6oz3a){transform:translate(3px)}@media(max-width:1023px){.blog-grid__list:where(.astro-jad6oz3a){grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-grid__list:where(.astro-jad6oz3a){grid-template-columns:1fr}}.blog-main:where(.astro-4dqtj3le){min-height:calc(100vh - 80px);overflow:hidden}