.blog-index{background:#0b0e14;min-height:70vh;padding:72px 24px 96px}.blog-index-inner{max-width:1180px;margin:0 auto}.blog-index-eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8b94a1;margin:0 0 14px}.blog-index-title{font-size:clamp(40px,6vw,68px);line-height:1.04;letter-spacing:-.02em;font-weight:800;color:#f2f4f7;margin:0 0 18px}.blog-index-title-dot{color:var(--lane,#a855f7)}.blog-index-dek{font-size:18px;line-height:1.6;color:#c6cdd6;max-width:62ch;margin:0}.blog-index-chips{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0 8px;padding:24px 0 0;border-top:1px solid #232a35}.blog-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid #232a35;background:#11151d;color:#c6cdd6;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .15s ease,color .15s ease,background .15s ease}.blog-chip:hover{color:#f2f4f7;border-color:#3a4452}.blog-chip.is-active{background:color-mix(in srgb,var(--chip,#a855f7) 16%,#11151d);border-color:var(--chip,#a855f7);color:#f2f4f7}.blog-chip-dot{width:8px;height:8px;border-radius:50%;background:var(--chip,#a855f7);flex:0 0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-top:36px}.blog-card{display:flex;flex-direction:column;background:#11151d;border:1px solid #232a35;border-radius:16px;overflow:hidden;text-decoration:none;transition:border-color .18s ease,transform .18s ease}.blog-card:hover{border-color:var(--lane,#a855f7);transform:translateY(-2px)}.blog-card-hero{background:var(--lane,#a855f7);padding:26px 24px 30px;min-height:168px;display:flex;flex-direction:column;gap:12px}.blog-card-lane{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,0,0,.66)}.blog-card-title{font-size:23px;line-height:1.22;font-weight:800;letter-spacing:-.01em;color:#0b0e14;margin:0}.blog-card-body{padding:20px 24px 22px;display:flex;flex-direction:column;gap:14px;flex:1}.blog-card-dek{font-size:15px;line-height:1.58;color:#c6cdd6;margin:0;flex:1}.blog-card-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:#8b94a1}.blog-card-read{margin-left:auto;color:var(--lane,#a855f7);font-weight:700}.blog-empty{margin-top:36px;padding:40px 28px;border:1px dashed #232a35;border-radius:16px;background:#11151d;color:#8b94a1;font-size:15px;line-height:1.6}.blog-empty strong{color:#c6cdd6;font-weight:600}@media (max-width:640px){.blog-index{padding:48px 18px 72px}.blog-grid{grid-template-columns:1fr;gap:18px}}