:root{--color-bg: #fafaf8;--color-text: #1c1917;--color-muted: #78716c;--color-border: #e7e5e4;--color-link: #92400e;--color-link-hover: #78350f;--color-accent: #f59e0b;--color-surface: #ffffff;--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-body: "Source Serif 4", Georgia, "Times New Roman", serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.75;font-size:1.0625rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content-wrapper{max-width:720px;margin:0 auto;padding:3rem 1.5rem}.content-wrapper.wide{max-width:960px}a{color:var(--color-link);text-decoration:none;transition:color .15s}a:hover{color:var(--color-link-hover);text-decoration:underline}article a{text-decoration:underline;text-decoration-color:#92400e59;text-underline-offset:2px;text-decoration-thickness:1.5px}article a:hover{text-decoration-color:var(--color-link-hover)}h1,h2,h3,h4{font-family:var(--font-ui);font-weight:800;letter-spacing:-.025em;line-height:1.3;color:#0c0a09}h1{font-size:2.5rem;line-height:1.35;letter-spacing:-.03em}.site-header{position:sticky;top:0;z-index:50;background:#fafaf8d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border)}.site-header .header-inner{max-width:1280px;margin:0 auto;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.site-header .logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text)}.site-header .logo:hover{text-decoration:none}.site-header .logo img{height:30px;width:auto}.site-header nav{display:flex;align-items:center;gap:2rem;font-family:var(--font-ui)}.site-header nav a{color:var(--color-muted);font-size:.8125rem;font-weight:500;text-decoration:none;letter-spacing:.01em;transition:color .15s}.site-header nav a:hover{color:var(--color-text);text-decoration:none}.site-header .header-actions{display:flex;align-items:center;gap:.625rem;font-family:var(--font-ui)}.site-header .btn{display:inline-flex;align-items:center;padding:.4375rem .9375rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s;cursor:pointer;border:none;letter-spacing:.01em}.site-header .btn:hover{text-decoration:none}.site-header .btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.site-header .btn-outline:hover{border-color:var(--color-text);background:var(--color-surface)}.site-header .btn-primary{background:var(--color-text);color:var(--color-bg)}.site-header .btn-primary:hover{background:#292524}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;border-radius:.375rem;color:var(--color-text)}.mobile-menu-btn:hover{background:var(--color-border)}.mobile-menu{flex-direction:column;padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:#fafaf8f2;font-family:var(--font-ui)}.mobile-menu a{color:var(--color-muted);font-size:.875rem;font-weight:500;padding:.5rem 0;text-decoration:none}.mobile-menu a:hover{color:var(--color-text);text-decoration:none}.mobile-menu-actions{display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;margin-top:.5rem;border-top:1px solid var(--color-border)}.mobile-menu-actions .btn{display:block;width:100%;text-align:center;padding:.5rem 1rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;text-decoration:none}@media(max-width:768px){.site-header nav:not(.mobile-menu){display:none}.site-header .header-actions{display:none}.mobile-menu-btn{display:flex}h1{font-size:2rem}}.blog-header{margin-bottom:2rem}.blog-eyebrow{font-family:var(--font-ui);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-link);margin-bottom:.5rem}.blog-title{font-size:2.25rem;margin-bottom:.75rem;letter-spacing:-.03em;line-height:1.2}.blog-subtitle{font-family:var(--font-body);color:var(--color-muted);font-size:1.0625rem;font-weight:400;line-height:1.65;max-width:540px}.category-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.filter-pill{font-family:var(--font-ui);font-size:.8125rem;font-weight:500;padding:.375rem .875rem;border-radius:999px;border:1px solid var(--color-border);background:transparent;color:var(--color-muted);cursor:pointer;transition:all .15s}.filter-pill:hover{border-color:var(--color-muted);color:var(--color-text)}.filter-pill.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.featured-card{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;align-items:center;text-decoration:none;color:inherit;padding-bottom:2.5rem;margin-bottom:2rem;border-bottom:1px solid var(--color-border);transition:opacity .15s}.featured-card:hover{text-decoration:none}.featured-card:hover .featured-title{color:var(--color-link)}.featured-img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px}.featured-body{display:flex;flex-direction:column;gap:.625rem}.featured-meta{display:flex;align-items:center;gap:.75rem;font-family:var(--font-ui);font-size:.8125rem;color:var(--color-muted)}.featured-title{font-family:var(--font-ui);font-weight:800;font-size:1.625rem;line-height:1.25;letter-spacing:-.02em;color:var(--color-text);transition:color .15s}.featured-desc{font-size:.9375rem;line-height:1.6;color:var(--color-muted)}.featured-cta{font-family:var(--font-ui);font-size:.8125rem;font-weight:600;color:var(--color-link);margin-top:.25rem}@media(max-width:640px){.featured-card{grid-template-columns:1fr;gap:1rem}.featured-img{aspect-ratio:16 / 9}.featured-title{font-size:1.375rem}}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:640px){.post-grid{grid-template-columns:1fr;gap:1.25rem}}.grid-card{transition:opacity .15s}.grid-card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:8px;overflow:hidden;border:1px solid var(--color-border);transition:box-shadow .15s,border-color .15s;height:100%}.grid-card-link:hover{text-decoration:none;border-color:var(--color-muted);box-shadow:0 2px 12px #0000000f}.grid-card-link:hover .grid-card-title{color:var(--color-link)}.grid-card-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.grid-card-body{padding:1rem 1.125rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.grid-card-title{font-family:var(--font-ui);font-weight:700;font-size:1rem;line-height:1.35;color:var(--color-text);transition:color .15s;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.grid-card-desc{font-size:.875rem;line-height:1.55;color:var(--color-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.post-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.625rem;font-family:var(--font-ui);font-size:.8125rem;color:var(--color-muted)}.post-meta time{color:var(--color-muted)}.category-badge{display:inline-block;font-family:var(--font-ui);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.1875rem .5rem;border-radius:.25rem;background:#fef3c7;color:#92400e}.category-badge.case-study{background:#fee2e2;color:#991b1b}.category-badge.guide{background:#dbeafe;color:#1e40af}.category-badge.market-research{background:#dcfce7;color:#166534}.category-badge.product{background:#ede9fe;color:#5b21b6}.category-badge.feature{background:#fef3c7;color:#92400e}.post-card p{color:var(--color-muted);font-size:.9375rem;line-height:1.65;margin:0}.post-breadcrumb{display:flex;align-items:center;gap:.375rem;font-family:var(--font-ui);font-size:.9375rem;font-weight:600;color:var(--color-muted);margin-bottom:.75rem}.post-breadcrumb a{color:var(--color-link);text-decoration:none;transition:color .15s}.post-breadcrumb a:hover{color:var(--color-link-hover);text-decoration:underline}.post-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.post-header h1{margin-bottom:.75rem}.post-header .post-description{font-size:1.1875rem;color:var(--color-muted);line-height:1.55;font-style:italic;margin-bottom:1rem}.post-cover{width:100%;height:auto;border-radius:8px;margin-bottom:1.5rem;aspect-ratio:16 / 9;object-fit:cover}article h2{font-size:1.625rem;margin-top:2rem;margin-bottom:.75rem;padding-bottom:.375rem;border-bottom:2px solid #f5f5f0;scroll-margin-top:5.5rem}article h3{font-size:1.1875rem;margin-top:1.5rem;margin-bottom:.5rem;line-height:1.4;scroll-margin-top:5.5rem}article p{margin-bottom:1rem}article ul,article ol{margin-bottom:1.25rem;padding-left:1.5rem}article li{margin-bottom:.375rem}article table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.9375rem}article th,article td{border:1px solid var(--color-border);padding:.625rem .875rem;text-align:left}article th{background:#f5f5f0;font-family:var(--font-ui);font-weight:600;font-size:.8125rem;letter-spacing:.02em;text-transform:uppercase;color:var(--color-muted)}article blockquote{border-left:3px solid var(--color-accent);padding:.25rem 0 .25rem 1.25rem;margin:1.5rem 0;font-style:italic;color:#44403c}article blockquote strong{font-style:normal}article hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}article em{color:var(--color-muted)}article strong{font-weight:600}article img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0}.faq-section{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--color-border)}.faq-section>h2{font-size:2rem;margin-bottom:1.5rem}.faq-item{margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.faq-item h3{font-family:var(--font-ui);font-weight:700;font-size:1.0625rem;margin-top:0;margin-bottom:.5rem;color:var(--color-text);line-height:1.4}.faq-item p{color:var(--color-muted);font-size:.9375rem;line-height:1.7}.related-posts{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border)}.related-posts>h2{font-size:1.5rem;margin-bottom:1.25rem}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:640px){.related-grid{grid-template-columns:repeat(3,1fr)}}.related-card{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid var(--color-border);text-decoration:none;color:var(--color-text);transition:box-shadow .15s,border-color .15s}.related-card:hover{border-color:var(--color-muted);box-shadow:0 2px 8px #00000014;text-decoration:none}.related-card-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.related-card-placeholder{background:#f5f5f0}.related-card-body{padding:.75rem;display:flex;flex-direction:column;gap:.375rem}.related-card-title{font-family:var(--font-ui);font-weight:700;font-size:.875rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.site-footer{background:#0c0a09;color:#fff;padding:4rem 1.5rem 2rem;font-family:var(--font-ui)}.site-footer .footer-inner{max-width:1280px;margin:0 auto}.site-footer .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;margin-bottom:3rem}@media(max-width:768px){.site-footer .footer-grid{grid-template-columns:1fr;gap:2rem}}.site-footer .footer-brand img{height:28px;width:auto;margin-bottom:1rem}.site-footer .footer-brand p{color:#a8a29e;line-height:1.6;font-size:.8125rem}.site-footer .footer-social{display:flex;gap:1rem;margin-top:1rem}.site-footer .footer-social a{color:#a8a29e;transition:color .2s}.site-footer .footer-social a:hover{color:#fff}.site-footer .footer-heading{font-size:.75rem;font-weight:600;margin-bottom:1rem;letter-spacing:.08em;text-transform:uppercase;color:#a8a29e}.site-footer .footer-links{list-style:none;padding:0}.site-footer .footer-links li{margin-bottom:.625rem}.site-footer .footer-links a{color:#d6d3d1;text-decoration:none;transition:color .15s;font-size:.875rem}.site-footer .footer-links a:hover{color:#fff;text-decoration:none}.site-footer .footer-cta .btn{display:block;width:100%;text-align:center;padding:.5625rem 1rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s;margin-bottom:.625rem}.site-footer .footer-cta .btn:hover{text-decoration:none}.site-footer .footer-cta .btn-white{background:#fff;color:#0c0a09}.site-footer .footer-cta .btn-white:hover{background:#e7e5e4}.site-footer .footer-cta .btn-ghost{background:transparent;border:1px solid #44403c;color:#d6d3d1}.site-footer .footer-cta .btn-ghost:hover{border-color:#d6d3d1;background:#1c1917}.site-footer .footer-bottom{padding-top:2rem;border-top:1px solid #292524;text-align:center;color:#78716c;font-size:.75rem;line-height:2}.site-footer .footer-bottom a{color:#78716c;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.site-footer .footer-bottom a:hover{color:#d6d3d1}.site-footer .footer-legal-links{margin-top:.5rem}.site-footer .footer-separator{margin:0 .5rem}.blog-header{margin-bottom:2.5rem}.toc{display:none;position:fixed;top:5.5rem;left:calc(50vw - 536px);width:160px;max-height:calc(100vh - 7rem);overflow-y:auto;font-family:var(--font-ui);scrollbar-width:none}.toc::-webkit-scrollbar{display:none}.toc.toc-hidden,.toc-mobile-btn.toc-hidden{opacity:0;pointer-events:none;transition:opacity .2s}.toc,.toc-mobile-btn{transition:opacity .2s}@media(max-width:1099px){.toc{display:none!important}}.toc-label{font-family:var(--font-ui);font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.5rem}.toc-read-time{font-size:.6875rem;font-weight:500;color:var(--color-muted);margin-bottom:.625rem}#toc-list{list-style:none;padding:0;margin:0;border-left:2px solid var(--color-border)}.toc-item{position:relative}.toc-item a{display:block;padding:.2rem .625rem;color:var(--color-muted);font-size:.75rem;line-height:1.45;text-decoration:none;transition:color .15s;word-break:break-word;hyphens:auto}.toc-item.toc-h3+.toc-item.toc-h2,.toc-item.toc-h2+.toc-item.toc-h2{margin-top:.375rem}.toc-item a:hover{color:var(--color-text);text-decoration:none}.toc-item.toc-h3>a{padding-left:1.25rem;font-size:.6875rem}.toc-item.active>a{color:var(--color-link);font-weight:600}.toc-item.active:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;background:var(--color-link);border-radius:1px}.toc-divider{height:1px;background:var(--color-border);margin:.5rem .625rem;list-style:none}.toc-supplementary>a{font-size:.6875rem!important;letter-spacing:.03em;text-transform:uppercase;color:var(--color-muted)!important}.toc-supplementary.active>a{color:var(--color-link)!important}.toc-mobile-btn{display:none;position:fixed;bottom:1.5rem;right:1.5rem;z-index:40;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--color-text);color:var(--color-bg);border:none;cursor:pointer;box-shadow:0 2px 12px #00000040;transition:background .15s,transform .15s}.toc-mobile-btn:hover{background:#292524;transform:scale(1.05)}@media(min-width:1100px){.toc-mobile-btn{display:none!important}}.toc-drawer{position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--color-surface);border-top:1px solid var(--color-border);border-radius:1rem 1rem 0 0;padding:1.25rem 1.5rem 2rem;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);max-height:72vh;overflow-y:auto;font-family:var(--font-ui)}.toc-drawer.open{transform:translateY(0)}.toc-overlay{position:fixed;inset:0;z-index:55;background:#0006;opacity:0;pointer-events:none;transition:opacity .3s}.toc-overlay.open{opacity:1;pointer-events:auto}.toc-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.toc-read-time-mobile{font-size:.75rem;color:var(--color-muted);margin-top:.125rem}.toc-drawer-close{background:none;border:none;cursor:pointer;color:var(--color-muted);padding:.125rem;line-height:1;flex-shrink:0}.toc-drawer-close:hover{color:var(--color-text)}.toc-list-mobile{list-style:none;padding:0;margin:0}.toc-list-mobile .toc-item a{display:block;padding:.625rem 0;color:var(--color-text);font-size:.9375rem;line-height:1.4;text-decoration:none;border-bottom:1px solid var(--color-border);transition:color .15s}.toc-list-mobile .toc-item:last-child a{border-bottom:none}.toc-list-mobile .toc-item a:hover{color:var(--color-link);text-decoration:none}.toc-list-mobile .toc-item.toc-h3>a{padding-left:1rem;font-size:.875rem;color:var(--color-muted)}.toc-list-mobile .toc-item.active>a{color:var(--color-link);font-weight:600}.toc-list-mobile .toc-divider{height:1px;background:var(--color-border);margin:.25rem 1rem;list-style:none}.toc-list-mobile .toc-supplementary>a{font-size:.8125rem;letter-spacing:.03em;text-transform:uppercase;color:var(--color-muted)}