.blog-hero{position:relative;overflow:hidden;background:var(--canvas);border-bottom:1px solid var(--hairline);padding:var(--space-5xl) 0}.blog-hero-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.1;pointer-events:none}.blog-hero-orb-1{width:560px;height:560px;background:radial-gradient(circle,var(--link),transparent);top:-200px;right:-80px}.blog-hero-orb-2{width:320px;height:320px;background:radial-gradient(circle,#a78bfa,transparent);bottom:-80px;left:20%}.blog-hero-inner{position:relative;z-index:2;max-width:680px}.blog-badge{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--link);background:color-mix(in srgb,var(--link) 10%,transparent);padding:4px 12px;border-radius:var(--radius-full);margin-bottom:var(--space-lg);border:1px solid color-mix(in srgb,var(--link) 20%,transparent)}.blog-hero-title{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;letter-spacing:-2px;line-height:1.1;color:var(--ink);margin:0 0 var(--space-lg)}.blog-hero-accent{background:linear-gradient(135deg,var(--link),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero-sub{font-size:18px;color:var(--body);line-height:1.6;max-width:540px;margin:0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.blog-card{display:flex;flex-direction:column;gap:var(--space-sm);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-xl);text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.blog-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--link) 3%,transparent),transparent);opacity:0;transition:opacity .25s ease}.blog-card:hover{border-color:var(--hairline-strong);transform:translateY(-3px);box-shadow:var(--shadow-3)}.blog-card:hover:before{opacity:1}.blog-card-featured{grid-column:1 / -1;flex-direction:row;align-items:flex-start;gap:var(--space-2xl)}.blog-card-featured .blog-card-emoji{font-size:4rem;flex-shrink:0;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--canvas-soft-2);border-radius:var(--radius-lg);border:1px solid var(--hairline)}.blog-card-featured .blog-card-title{font-size:clamp(1.3rem,2vw,1.7rem)}.blog-card-featured .blog-card-excerpt{font-size:15px}.blog-card-featured .blog-card-body{display:flex;flex-direction:column;gap:var(--space-sm)}.blog-card-top{display:flex;align-items:center;gap:var(--space-sm)}.blog-card:not(.blog-card-featured) .blog-card-emoji{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--canvas-soft-2);border-radius:var(--radius-md);border:1px solid var(--hairline);flex-shrink:0}.blog-card-category{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--cat-color, var(--link));background:color-mix(in srgb,var(--cat-color, var(--link)) 12%,transparent);padding:3px 8px;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--cat-color, var(--link)) 22%,transparent)}.blog-card-title{font-size:17px;font-weight:700;color:var(--ink);line-height:1.3;letter-spacing:-.4px;margin:0}.blog-card-excerpt{font-size:14px;color:var(--body);line-height:1.6;margin:0;flex:1}.blog-card-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mute);font-family:var(--font-mono)}.blog-card-dot{opacity:.4}.blog-card-cta{font-size:13px;font-weight:600;color:var(--link);margin-top:auto;transition:gap .15s ease}.blog-card:hover .blog-card-cta{letter-spacing:.02em}.blog-card-featured>.blog-card-emoji{order:0}.blog-card-featured>.blog-card-top{order:1}.blog-card-featured>.blog-card-title{order:2}.blog-card-featured>.blog-card-excerpt{order:3}.blog-card-featured>.blog-card-meta{order:4}.blog-card-featured>.blog-card-cta{order:5}.blog-cta-band{background:linear-gradient(135deg,#0f172a,#1e293b);padding:var(--space-4xl) 0;margin-top:var(--space-5xl)}html[data-theme=dark] .blog-cta-band{background:var(--canvas-soft-2);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.blog-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xl);flex-wrap:wrap}.blog-cta-text h2{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.5px;margin-bottom:var(--space-xs)}html[data-theme=dark] .blog-cta-text h2{color:var(--ink)}.blog-cta-text p{font-size:15px;color:#ffffffa6}html[data-theme=dark] .blog-cta-text p{color:var(--body)}.blog-cta-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.blog-cta-btn-primary{display:inline-flex;align-items:center;background:#fff;color:#0f172a;font-size:14px;font-weight:700;padding:11px 22px;border-radius:var(--radius-md);text-decoration:none;transition:opacity .15s,transform .15s}.blog-cta-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.blog-cta-btn-secondary{display:inline-flex;align-items:center;background:#ffffff1a;color:#fff;font-size:14px;font-weight:600;padding:11px 22px;border-radius:var(--radius-md);text-decoration:none;border:1px solid rgba(255,255,255,.2);transition:background .15s,transform .15s}.blog-cta-btn-secondary:hover{background:#ffffff2e;transform:translateY(-1px)}html[data-theme=dark] .blog-cta-btn-primary{background:var(--ink);color:var(--on-primary)}html[data-theme=dark] .blog-cta-btn-secondary{background:var(--canvas-soft-2);color:var(--body);border-color:var(--hairline)}@media(max-width:960px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-card-featured{grid-column:1 / -1;flex-direction:column}.blog-card-featured .blog-card-emoji{width:64px;height:64px;font-size:2.5rem}.blog-cta-inner{flex-direction:column;text-align:center}.blog-cta-actions{justify-content:center}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-card-featured{flex-direction:column}}