:root{--blog-green: #00c34e;--blog-green-light: #00ff66;--blog-bg: #090909;--blog-surface: #1a1b1b;--blog-surface-hover: #2c2d2e;--blog-border: rgba(255, 255, 255, .08);--blog-border-hover: rgba(255, 255, 255, .15);--blog-text: #c3c3c3;--blog-text-bright: #ffffff;--blog-text-muted: #696a6b;--blog-maxw: 780px}.blog-layout{min-height:100vh;background:var(--blog-bg);color:var(--blog-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.blog-back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--blog-text-muted);text-decoration:none;margin-bottom:24px;transition:color .2s}.blog-back-link:hover{color:var(--blog-green-light)}.blog-main{max-width:var(--blog-maxw);margin:0 auto;padding:40px 20px 80px}.blog-eyebrow{font-size:13px;font-weight:600;color:var(--blog-green-light);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.blog-title{font-family:Inter,sans-serif;font-size:clamp(28px,4.5vw,40px);font-weight:800;line-height:1.25;letter-spacing:-.02em;margin:0 0 20px;color:var(--blog-text-bright)}.blog-meta-line{font-size:14px;color:var(--blog-text-muted);margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--blog-border)}.blog-article h2{font-family:Inter,sans-serif;font-size:clamp(20px,3vw,25px);font-weight:700;line-height:1.35;color:var(--blog-text-bright);margin:52px 0 18px}.blog-article p{font-size:17px;color:var(--blog-text);margin:0 0 18px;line-height:1.75}.blog-article ol,.blog-article ul{padding-left:22px;margin:0 0 24px}.blog-article li{font-size:17px;margin-bottom:12px;line-height:1.7;color:var(--blog-text)}.blog-article strong{color:var(--blog-text-bright)}.blog-workflow-compare{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:12px;padding:20px 22px;margin:0 0 24px;font-size:15.5px}.blog-workflow-compare p{margin:0 0 8px;font-size:15.5px;color:var(--blog-text)}.blog-workflow-compare p:last-child{margin-bottom:0}.blog-article img,.blog-article video{max-width:100%;width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--blog-border)}.blog-article figure{margin:32px 0}.blog-article figcaption{font-size:13px;color:var(--blog-text-muted);text-align:center;margin-top:10px;margin-bottom:20px}.blog-before-after-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--blog-text-muted);text-align:center;margin-bottom:8px}.blog-before-after-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 8px}.blog-cta-block{margin-top:52px;padding:32px 28px;background:linear-gradient(135deg,#00c34e14,#00c34e29);border:1px solid rgba(0,195,78,.25);border-radius:16px;text-align:center}.blog-cta-block p{color:var(--blog-text-bright);font-size:17px;margin:0 0 20px}.blog-cta-button{display:inline-block;background:var(--blog-green);color:#090909;font-weight:600;font-size:15px;text-decoration:none;padding:14px 28px;border-radius:999px;transition:background .2s,box-shadow .2s}.blog-cta-button:hover{background:var(--blog-green-light);box-shadow:0 0 24px #00c34e4d}.blog-list-grid{display:grid;gap:16px}.blog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,240px) auto;gap:12px;margin:0 0 18px;align-items:end}.blog-search-field,.blog-sort-field{display:flex;flex-direction:column;gap:7px}.blog-toolbar-label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--blog-text-muted)}.blog-search-field input{width:100%;height:44px;border-radius:10px;border:1px solid var(--blog-border);background:var(--blog-surface);color:var(--blog-text);font-size:15px;padding:0 14px;outline:none}.blog-search-field input:focus{border-color:#00c34e99;box-shadow:0 0 0 2px #00c34e2e}.blog-search-button{height:44px;border:0;border-radius:10px;padding:0 18px;font-size:14px;font-weight:700;letter-spacing:.03em;background:var(--blog-green);color:#090909;cursor:pointer;transition:background .2s,box-shadow .2s}.blog-search-button:hover{background:var(--blog-green-light);box-shadow:0 0 20px #00c34e40}.blog-results-meta{font-size:13px;color:var(--blog-text-muted);margin:0 0 18px}.blog-empty-state{border:1px dashed var(--blog-border-hover);border-radius:12px;padding:22px;color:var(--blog-text-muted);text-align:center;background:#ffffff05}.blog-card{border:1px solid var(--blog-border);border-radius:14px;padding:22px;background:var(--blog-surface);transition:border-color .2s,transform .2s}.blog-card:hover{border-color:var(--blog-border-hover);transform:translateY(-2px)}.blog-card h2{margin:0 0 10px;font-size:clamp(18px,2.5vw,24px);font-weight:700;line-height:1.3;color:var(--blog-text-bright)}.blog-card p{margin:0;color:var(--blog-text-muted);line-height:1.6}.blog-card-meta{margin-top:12px;font-size:13px;color:var(--blog-text-muted)}.blog-card-link{text-decoration:none;color:inherit}@media(max-width:640px){.blog-toolbar{grid-template-columns:1fr}.blog-search-button{width:100%}.blog-before-after-grid{grid-template-columns:1fr}}
