@import "https://fonts.googleapis.com/css2?family=Figtree:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap";
.bp-page{--font-display:"Figtree", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace;--bg:#f7f7fa;--bg-alt:#eef0f4;--surface:#fff;--surface-2:#f1f2f6;--border:#0a0a1414;--border-strong:#0a0a1429;--text-primary:#131318;--text-secondary:#5c5d70;--text-tertiary:#9a9bab;--violet:#7c3aed;--violet-light:#8b5cf6;--blue:#2563eb;--green:#059669;--amber:#d97706;--red:#e11d48;--gradient-brand:linear-gradient(135deg, #7c3aed, #2563eb);--shadow-sm:0 1px 2px #0a0a140a;--shadow-lg:0 20px 40px #0a0a1414;background:var(--bg);font-family:var(--font-body);color:var(--text-primary)}.bp-progress{background:var(--gradient-brand);transform-origin:0;z-index:1000;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0);box-shadow:0 0 12px #7c3aed59}.bp-progress-readout{z-index:999;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-family:var(--font-mono);color:var(--text-secondary);border-radius:100px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:12px;display:flex;position:fixed;bottom:20px;right:20px}.bp-progress-dot{background:var(--violet);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #7c3aed26}.bp-hero{background:radial-gradient(ellipse 70% 55% at 50% 0%, #7c3aed0f 0%, transparent 70%), var(--bg);text-align:center;max-width:100%;padding:72px 5% 0}.bp-back{color:var(--violet);font-family:var(--font-body);letter-spacing:.3px;border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:100px;align-items:center;gap:6px;margin-bottom:36px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex;position:relative}.bp-back:hover{border-color:var(--violet);background:#7c3aed0f;transform:translateY(-1px)}.bp-back:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.bp-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.bp-category{color:var(--violet);font-family:var(--font-mono);letter-spacing:.6px;text-transform:uppercase;background:#7c3aed14;border:1px solid #7c3aed29;border-radius:20px;padding:5px 14px;font-size:11px;font-weight:500;display:inline-block}.bp-dot{color:var(--text-tertiary);font-size:14px}.bp-meta-text{font-family:var(--font-mono);color:var(--text-secondary);font-size:13px}.bp-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-1px;max-width:860px;margin:0 auto 20px;font-size:clamp(28px,5vw,52px);font-weight:700;line-height:1.15}.bp-description{font-family:var(--font-body);color:var(--text-secondary);max-width:720px;margin:0 auto;font-size:clamp(16px,2vw,20px);font-weight:400;line-height:1.7}.bp-content-wrap{background:var(--surface);border-top:1px solid var(--border);margin-top:48px;padding:56px 5% 80px}.bp-content-inner{max-width:720px;margin:0 auto}.blog-content{font-family:var(--font-body);color:var(--text-primary);font-size:17px;line-height:1.8}.blog-content h2{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.5px;margin:52px 0 16px;font-size:clamp(22px,3vw,30px);font-weight:600;line-height:1.25}.blog-content h3{font-family:var(--font-display);color:var(--text-primary);margin:36px 0 12px;font-size:clamp(18px,2.5vw,22px);font-weight:600;line-height:1.3}.blog-content p{margin:0 0 20px}.blog-content a{color:var(--violet);text-underline-offset:3px;text-decoration:underline}.blog-content a:hover{opacity:.75}.blog-content a:focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:2px}.blog-content ul,.blog-content ol{margin:0 0 20px;padding-left:24px}.blog-content li{margin-bottom:8px}.blog-content blockquote{border-left:3px solid var(--violet);background:var(--surface-2);color:var(--text-secondary);border-radius:0 8px 8px 0;margin:28px 0;padding:12px 20px;font-style:italic}.blog-content code{background:var(--surface-2);border:1px solid var(--border);color:var(--violet);font-size:.88em;font-family:var(--font-mono);border-radius:4px;padding:2px 6px}.blog-content pre{color:#e2e8f0;font-family:var(--font-mono);box-shadow:var(--shadow-lg);background:#131318;border-radius:10px;margin:24px 0;padding:20px 24px;font-size:13px;line-height:1.6;overflow-x:auto}.blog-content pre code{color:inherit;background:0 0;border:none;padding:0}.blog-content img{border:1px solid var(--border);border-radius:10px;max-width:100%;margin:24px 0}.blog-content hr{border:none;border-top:1px solid var(--border);margin:40px 0}.bp-cta{background:var(--gradient-brand);text-align:center;padding:80px 5%}.bp-cta-eyebrow{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:#ffffffb3;margin-bottom:14px;font-size:11px;font-weight:500;display:inline-block}.bp-cta h2{font-family:var(--font-display);color:#fff;letter-spacing:-.5px;margin:0 0 14px;font-size:clamp(24px,3.5vw,38px);font-weight:700;line-height:1.25}.bp-cta p{font-family:var(--font-body);color:#ffffffd1;max-width:500px;margin:0 auto 28px;font-size:16px;line-height:1.7}.bp-cta-btn{color:var(--violet);font-family:var(--font-body);box-shadow:var(--shadow-lg);background:#fff;border-radius:25px;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-block}.bp-cta-btn:hover{opacity:.92;transform:translateY(-1px)}.bp-cta-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}.bp-hero>*{animation:.5s both bp-fade-up}.bp-back{animation-delay:0s}.bp-meta{animation-delay:60ms}.bp-title{animation-delay:.12s}.bp-description{animation-delay:.18s}@keyframes bp-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.bp-page *,.bp-page :before,.bp-page :after{transition:none!important;animation:none!important}}@media (max-width:768px){.bp-hero{padding:44px 6% 0}.bp-content-wrap{margin-top:36px;padding:44px 6% 64px}.bp-cta{padding:64px 6%}.blog-content{font-size:16px}.bp-progress-readout{bottom:16px;right:16px}}@media (max-width:480px){.bp-hero{padding:36px 5% 0}.bp-back{margin-bottom:24px}.bp-meta{gap:6px;margin-bottom:16px}.bp-dot{display:none}.bp-meta .bp-dot:first-of-type{display:inline}.bp-title{letter-spacing:-.5px;margin-bottom:16px}.bp-description{font-size:15px}.bp-content-wrap{margin-top:28px;padding:32px 5% 48px}.blog-content{font-size:15px;line-height:1.75}.blog-content h2{margin-top:40px}.blog-content h3{margin-top:28px}.blog-content pre{border-radius:8px;padding:16px;font-size:12.5px}.blog-content blockquote{margin:20px 0;padding:10px 16px}.bp-cta{padding:52px 5%}.bp-cta-btn{width:100%;max-width:320px}.bp-progress-readout{justify-content:center;left:16px;right:16px}}