.blog-page{min-height:100vh;padding-bottom:6rem}.blog-hero{text-align:center;background:radial-gradient(60% 60% at 50% 0,#b4dcff66 0%,#0000 70%);padding:6rem 0 4rem}.blog-hero-inner{max-width:680px;margin:0 auto}.blog-label{color:#007aff;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.5rem;margin-bottom:1.2rem;font-size:.82rem;font-weight:600;display:inline-flex}.blog-label-dot{background:#007aff;border-radius:50%;width:7px;height:7px;display:inline-block}.blog-hero-title{color:#000;letter-spacing:-.04em;margin:0 0 1rem;font-family:Inter Display,Inter,sans-serif;font-size:3rem;font-weight:800}.blog-hero-sub{color:#555;margin:0;font-size:1rem;line-height:1.6}.blog-grid-section{margin-top:3.5rem}.blog-grid{grid-template-columns:repeat(3,1fr);gap:1.4rem;display:grid}.blog-card{background:#fff;border:1px solid #e4eaf2;border-radius:18px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000014}.blog-card-strip{flex-shrink:0;height:5px}.blog-card-body{flex-direction:column;flex:1;gap:.8rem;padding:1.5rem;display:flex}.blog-card-meta{align-items:center;gap:.75rem;display:flex}.blog-tag{border-radius:50px;padding:.22rem .7rem;font-size:.73rem;font-weight:600}.blog-date{color:#999;font-size:.78rem}.blog-card-title{color:#000;margin:0;font-size:1.02rem;font-weight:700;line-height:1.4}.blog-card-excerpt{color:#555;flex:1;margin:0;font-size:.86rem;line-height:1.6}.blog-card-footer{border-top:1px solid #f0f4f8;justify-content:space-between;align-items:center;padding-top:.8rem;display:flex}.blog-read-time{color:#aaa;font-size:.78rem}.blog-read-link{color:#007aff;font-size:.82rem;font-weight:600;text-decoration:none;transition:opacity .18s}.blog-read-link:hover{opacity:.75}.blog-cta{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-top:4rem;display:flex}.blog-cta p{color:#555;margin:0;font-size:.95rem}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.blog-grid{grid-template-columns:1fr}.blog-hero-title{font-size:2.2rem}}