.blog-tag-pill{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-full);background:var(--sg-surface-card);border:1px solid var(--sg-border-hairline);color:var(--sg-text-muted);font-weight:var(--font-medium);font-family:inherit;cursor:default;text-decoration:none;white-space:nowrap;line-height:1;transition:background var(--sg-motion-base),border-color var(--sg-motion-base),color var(--sg-motion-base),box-shadow var(--sg-motion-base)}.blog-tag-pill--sm{padding:4px 10px;font-size:var(--text-2xs);letter-spacing:.08em}.blog-tag-pill--md{padding:6px 14px;font-size:var(--text-xs);letter-spacing:.06em}.blog-tag-pill--clickable{cursor:pointer;min-height:var(--tap-target-min)}@media (hover:hover){.blog-tag-pill--clickable:hover{background:var(--sg-surface-card-hover);border-color:var(--sg-border-emphasis);color:var(--sg-text-soft)}}.blog-tag-pill--clickable:focus-visible{outline:2px solid var(--sg-cyan-focus-outline);outline-offset:2px}.blog-tag-pill--active{background:rgba(var(--brand-cyan-rgb,26,207,255),.12);border-color:var(--sg-cyan-border-strong);color:var(--sg-text-soft);box-shadow:var(--sg-cyan-glow-soft)}@media (hover:hover){.blog-tag-pill--active:hover{background:rgba(var(--brand-cyan-rgb,26,207,255),.16);border-color:var(--sg-cyan-border-strong);color:var(--sg-text-soft)}}.blog-tag-pill__dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}@media (prefers-reduced-motion:reduce){.blog-tag-pill{transition:none}}.article-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:var(--radius-xl);border:1px solid var(--sg-border-hairline);background:radial-gradient(circle at 0 100%,rgba(var(--brand-green-rgb,80,245,151),.06),transparent 58%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb,26,207,255),.05),transparent 58%),var(--sg-white-03);box-shadow:var(--sg-shadow-tile);overflow:hidden;transition:transform var(--sg-motion-base),box-shadow var(--sg-motion-base),border-color var(--sg-motion-base),background var(--sg-motion-base)}.article-card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--sg-accent-component);z-index:2;pointer-events:none}@media (hover:hover){.article-card:hover{transform:translateY(-2px);border-color:var(--sg-border-emphasis);box-shadow:var(--sg-shadow-tile-hover);background:radial-gradient(circle at 0 100%,rgba(var(--brand-green-rgb,80,245,151),.1),transparent 58%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb,26,207,255),.08),transparent 58%),var(--sg-white-04)}}.article-card:focus-visible{outline:2px solid var(--sg-cyan-focus-outline);outline-offset:3px}.article-card__image-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--sg-canvas-deep)}.article-card__image{object-fit:cover;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}@media (hover:hover){.article-card:hover .article-card__image{transform:scale(1.03)}}.article-card__reading-time{position:absolute;top:var(--space-3);right:var(--space-3);z-index:2;display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);background:rgba(var(--brand-cyan-rgb,26,207,255),.18);border:1px solid rgba(var(--brand-cyan-rgb,26,207,255),.32);color:var(--sg-tint-cyan);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.04em;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%)}.article-card__content{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px}.article-card__tag{align-self:flex-start;display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);background:rgba(var(--brand-cyan-rgb,26,207,255),.1);border:1px solid rgba(var(--brand-cyan-rgb,26,207,255),.22);color:var(--brand-cyan);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.1em;text-transform:uppercase;width:fit-content}.article-card__meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--text-xs);color:var(--sg-text-faint);flex-wrap:wrap}.article-card__meta-dot{width:2px;height:2px;border-radius:var(--radius-full);background:var(--sg-text-faint);flex-shrink:0}.article-card__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.01em;line-height:1.35;color:var(--sg-text-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--sg-motion-base)}@media (hover:hover){.article-card:hover .article-card__title{color:var(--brand-cyan)}}.article-card__excerpt{margin:0;font-size:var(--text-sm);line-height:1.55;color:var(--sg-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card[data-size=large]{background:radial-gradient(circle at 0 100%,rgba(var(--brand-green-rgb,80,245,151),.1),transparent 58%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb,26,207,255),.08),transparent 58%),var(--sg-white-04)}.article-card[data-size=large] .article-card__title{font-size:clamp(22px,2vw,26px)}.article-card[data-size=large] .article-card__excerpt{-webkit-line-clamp:3}.article-card__body{display:contents}.article-card__arrow,.article-card__footer,.article-card__meta-separator{display:none}@media (max-width:640px){.article-card__content{padding:var(--space-4);gap:10px}.article-card__title{font-size:var(--text-base-plus)}.article-card[data-size=large] .article-card__title{font-size:var(--text-lg-plus)}}@media (prefers-reduced-motion:reduce){.article-card,.article-card__image,.article-card__title{transition:none}.article-card:hover,.article-card:hover .article-card__image{transform:none}}.blog-hero{position:relative;display:block;width:100%;min-height:320px;border-radius:var(--radius-2xl);border:1px solid var(--sg-cyan-border-strong);background:radial-gradient(circle at 0 100%,rgba(var(--brand-green-rgb,80,245,151),.1),transparent 58%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb,26,207,255),.08),transparent 58%),var(--sg-white-04);box-shadow:var(--sg-cyan-glow-strong),var(--sg-shadow-tile);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--sg-motion-base),box-shadow var(--sg-motion-base),border-color var(--sg-motion-base)}.blog-hero:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--sg-accent-pattern);z-index:3;pointer-events:none}@media (hover:hover){.blog-hero:hover{transform:translateY(-2px);box-shadow:var(--sg-cyan-glow-strong),var(--sg-shadow-tile-hover)}}@media (min-width:768px){.blog-hero{min-height:380px}}@media (min-width:1024px){.blog-hero{min-height:440px}}.blog-hero__image{object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94);z-index:0}@media (hover:hover){.blog-hero:hover .blog-hero__image{transform:scale(1.03)}}.blog-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--bg-deep-rgb),.92) 0,rgba(var(--bg-deep-rgb),.2) 55%,transparent 100%);z-index:1;pointer-events:none}.blog-hero__reading-time{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);background:rgba(var(--brand-cyan-rgb,26,207,255),.18);border:1px solid rgba(var(--brand-cyan-rgb,26,207,255),.32);color:var(--sg-tint-cyan);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.04em;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);z-index:3}.blog-hero__content{position:absolute;left:0;right:0;bottom:0;padding:var(--space-6);z-index:2;display:flex;flex-direction:column;gap:var(--space-3);max-width:580px}@media (min-width:768px){.blog-hero__content{padding:var(--space-8)}}@media (min-width:1024px){.blog-hero__content{padding:var(--space-10);max-width:640px}}.blog-hero__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--text-xs);color:var(--sg-text-faint)}.blog-hero__meta-dot{width:2px;height:2px;border-radius:var(--radius-full);background:var(--sg-text-faint);flex-shrink:0}.blog-hero__tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);background:rgba(var(--brand-cyan-rgb,26,207,255),.1);border:1px solid rgba(var(--brand-cyan-rgb,26,207,255),.22);color:var(--brand-cyan);font-size:var(--text-xxs);font-weight:var(--font-semibold);letter-spacing:.1em;text-transform:uppercase}.blog-hero__date{color:var(--sg-text-faint)}.blog-hero__title{margin:0;font-size:clamp(20px,2vw,28px);font-weight:var(--font-bold);line-height:1.2;color:var(--text-primary);text-shadow:0 2px 24px rgba(var(--black-rgb),.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:1024px){.blog-hero__title{font-size:clamp(26px,2.4vw,32px)}}.blog-hero__excerpt{margin:0;font-size:var(--text-sm);line-height:1.55;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-hero__cta{display:inline-flex;align-items:center;gap:6px;color:var(--brand-cyan);font-size:var(--text-ms);font-weight:var(--font-semibold);transition:gap var(--sg-motion-base)}@media (hover:hover){.blog-hero:hover .blog-hero__cta{gap:10px}}.blog-hero:focus-visible{outline:2px solid var(--sg-cyan-focus-outline);outline-offset:3px}@media (max-width:767px){.blog-hero__content{max-width:none}}@media (prefers-reduced-motion:reduce){.blog-hero,.blog-hero__cta,.blog-hero__image{transition:none}.blog-hero:hover,.blog-hero:hover .blog-hero__image{transform:none}}.blog-filters{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:var(--space-1)}.blog-filters>*{flex:0 0 auto;scroll-snap-align:start}.blog-filters::-webkit-scrollbar{display:none}.blog-sidebar{width:100%;display:flex;flex-direction:column;gap:var(--space-5)}@media (min-width:1024px){.blog-sidebar{width:320px;position:sticky;top:var(--space-24);align-self:flex-start;flex-shrink:0}}.blog-sidebar__section{display:flex;flex-direction:column;gap:var(--space-4);padding:22px 20px;border:1px solid var(--sg-border-hairline);border-radius:var(--radius-lg);background:radial-gradient(circle at 0 100%,rgba(var(--brand-green-rgb,80,245,151),.04),transparent 60%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb,26,207,255),.04),transparent 60%),var(--sg-white-02);box-shadow:var(--sg-shadow-tile)}.blog-sidebar__heading{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xxs);font-weight:var(--font-semibold);color:var(--brand-cyan);text-transform:uppercase;letter-spacing:.12em;margin:0}.blog-sidebar__heading:before{content:"";width:14px;height:2px;background:var(--gradient-brand);border-radius:1px}.blog-sidebar__trending-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.blog-sidebar__trending-item{display:flex;gap:var(--space-3);align-items:flex-start}.blog-sidebar__trending-number{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1;min-width:24px;flex-shrink:0;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.85}.blog-sidebar__trending-body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.blog-sidebar__trending-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--sg-text-soft);line-height:1.35;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--sg-motion-base)}@media (hover:hover){.blog-sidebar__trending-title:hover{color:var(--brand-cyan)}}.blog-sidebar__trending-meta{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--sg-text-faint)}.blog-sidebar__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (prefers-reduced-motion:reduce){.blog-sidebar__trending-title{transition:none}}.article-cover{position:relative;width:100%;max-width:720px;margin:0 auto var(--space-10);aspect-ratio:16/9;border-radius:var(--radius-2xl);border:1px solid var(--sg-border-hairline);background:var(--sg-canvas-deep);box-shadow:var(--sg-shadow-tile);overflow:hidden}.article-cover__inner{position:absolute;inset:0}.article-cover__image{object-fit:cover;width:100%;height:100%}.article-cover__fade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 75%,rgba(var(--bg-deep-rgb),.2) 100%);pointer-events:none}@media (max-width:640px){.article-cover{border-radius:var(--radius-xl);margin-bottom:28px}}.article-header{max-width:720px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.article-header--title{margin-bottom:var(--space-8)}.article-header--meta{gap:0;margin-bottom:var(--space-6)}.article-header__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;border-radius:var(--radius-full);background:rgba(var(--brand-cyan-rgb,26,207,255),.08);border:1px solid rgba(var(--brand-cyan-rgb,26,207,255),.18);color:var(--sg-cyan);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.12em;text-transform:uppercase}.article-header__eyebrow-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--sg-cyan);box-shadow:0 0 8px rgba(var(--brand-cyan-rgb,26,207,255),.6);animation:article-header-pulse 2.4s ease-in-out infinite;flex-shrink:0}@keyframes article-header-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.article-header__title{margin:0;font-size:clamp(28px,5vw,48px);font-weight:var(--font-extrabold);letter-spacing:-.03em;line-height:1.1;color:var(--sg-text-soft);text-wrap:balance}.article-header__subtitle{margin:0;max-width:580px;font-size:var(--text-lg);line-height:1.6;color:var(--sg-text-muted)}.article-header__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-ms);color:var(--sg-text-faint)}.article-header__meta-dot{display:inline-block;width:3px;height:3px;border-radius:var(--radius-full);background:var(--sg-text-faint);flex-shrink:0}.article-header__tag{display:inline-flex;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border:1px solid;transition:var(--sg-motion-base);transition-property:opacity,transform}@media (hover:hover){.article-header__tag:hover{opacity:.85}}.article-header__date{color:var(--sg-text-muted)}.article-header__tags{display:none}@media (max-width:640px){.article-header{gap:var(--space-3)}.article-header--title{margin-bottom:var(--space-6)}.article-header--meta{margin-bottom:var(--space-5)}.article-header__subtitle{font-size:var(--text-base)}}@media (prefers-reduced-motion:reduce){.article-header__eyebrow-dot{animation:none}.article-header__tag{transition:none}}