.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;font-size:0.875rem;color:#6b7280;margin-bottom:1.5rem;padding:0}.breadcrumbs a{color:#6b7280;text-decoration:none;transition:color 0.2s ease}.breadcrumbs a:hover{color:#764ba2;text-decoration:underline}.breadcrumbs .separator{color:#9ca3af;font-weight:300;user-select:none}.breadcrumbs .current{color:#374151;font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.breadcrumbs{font-size:0.8125rem;margin-bottom:1rem}.breadcrumbs .current{max-width:200px}}.toc-toggle{display:none;width:100%;background:linear-gradient(135deg,#f8f9ff 0%,#f0f4ff 100%);color:#374151;border:1px solid #e5e7eb;padding:1rem 1.25rem;border-radius:12px;font-weight:600;font-size:0.95rem;cursor:pointer;margin-bottom:0;transition:all 0.3s ease;text-align:left;align-items:center;gap:0.5rem}.toc-toggle:hover{background:linear-gradient(135deg,#f0f4ff 0%,#e8ecff 100%);border-color:#764ba2}.toc-toggle:focus{outline:2px solid #764ba2;outline-offset:2px}.toc-toggle-icon{font-size:1.125rem}.toc-toggle::after{content:'';display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #6b7280;margin-left:auto;transition:transform 0.3s ease}.toc-toggle-active::after{transform:rotate(180deg)}.toc-toggle-active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-color:transparent}.toc-toggle-active::after{border-top-color:white}@media (max-width:768px){.toc-toggle{display:flex}.article-toc{max-height:0;overflow:hidden;opacity:0;margin:0;padding:0;border:none;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.article-toc.toc-open{max-height:1000px;opacity:1;margin-top:1rem;margin-bottom:2rem;padding:1.5rem;border-left:4px solid #764ba2}}.header-with-back .container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.header-back-link{color:#764ba2;text-decoration:none;font-size:0.9rem;font-weight:500;transition:all 0.2s;display:inline-flex;align-items:center;gap:0.25rem}.header-back-link:hover{color:#667eea;transform:translateX(-2px)}.header-with-back .logo{text-align:center}.blog-page{max-width:720px;margin:0 auto;padding:3rem 1.5rem 5rem}.blog-index{max-width:1000px}.blog-header{text-align:center;margin-bottom:3rem}.blog-title{font-size:2.5rem;font-weight:700;color:#1a1a2e;margin-bottom:1rem}.blog-subtitle{font-size:1.25rem;color:#666;max-width:600px;margin:0 auto}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.article-card{background:white;border-radius:12px;border:1px solid #e5e5e5;overflow:hidden;transition:transform 0.2s,box-shadow 0.2s;position:relative;cursor:pointer}.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.1)}.article-card-image{aspect-ratio:2 / 1;overflow:hidden}.article-card-image picture{display:block;width:100%;height:100%}.article-card-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.article-card-content{padding:1.5rem}.article-card-category{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;color:#764ba2;font-weight:600;margin-bottom:0.5rem}.article-card-title{font-size:1.25rem;font-weight:600;color:#1a1a2e;margin-bottom:0.75rem;line-height:1.4}.article-card-title a{color:inherit;text-decoration:none}.article-card-title a::after{content:'';position:absolute;inset:0;z-index:1}.article-card:hover .article-card-title a{color:#764ba2}.article-card-excerpt{font-size:0.9rem;color:#666;line-height:1.6;margin-bottom:1rem}.article-card-meta{font-size:0.8rem;color:#999}.article-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.article-category{display:inline-block;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:white;font-weight:600;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:0.4rem 1rem;border-radius:100px;margin-bottom:1.25rem}.article-h1{font-size:2.75rem;font-weight:800;color:#1a1a2e;line-height:1.2;margin-bottom:1.25rem;letter-spacing:-0.02em}.article-meta{color:#6b7280;font-size:0.95rem;display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}.article-meta span{display:flex;align-items:center;gap:0.4rem}.article-content{font-size:1.125rem;line-height:1.85;color:#374151}.article-content h2{font-size:1.875rem;font-weight:700;color:#1a1a2e;margin-top:3rem;margin-bottom:1.25rem;letter-spacing:-0.01em;position:relative;padding-left:1rem}.article-content h2::before{content:"";position:absolute;left:0;top:0.2em;bottom:0.2em;width:4px;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%);border-radius:2px}.article-content h3{font-size:1.375rem;font-weight:600;color:#1a1a2e;margin-top:2.25rem;margin-bottom:1rem}.article-content p{margin-bottom:1.5rem}.article-content ul,.article-content ol{margin-bottom:1.75rem;padding-left:1.25rem}.article-content li{margin-bottom:0.75rem;padding-left:0.5rem}.article-content ul li::marker{color:#764ba2}.article-content strong{color:#1a1a2e;font-weight:600}.article-content blockquote{border-left:none;background:linear-gradient(135deg,#f8f9ff 0%,#f0f4ff 100%);border-radius:12px;padding:1.5rem 2rem;margin:2rem 0;font-style:normal;color:#1a1a2e;position:relative;overflow:hidden}.article-content blockquote::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%)}.highlight-box{background:#fafbff;border:1px solid #e0e7ff;border-radius:16px;padding:2rem;margin:2.5rem 0}.highlight-box h4{color:#1a1a2e;margin-bottom:1rem;font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:0.5rem}.highlight-box h4::before{content:"💡";font-size:1.25rem}.highlight-box ul{margin-bottom:0}.highlight-box p{margin-bottom:0.75rem}.highlight-box p:last-child{margin-bottom:0}.article-cta{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:3rem 2.5rem;text-align:center;margin:3.5rem 0;box-shadow:0 20px 40px -12px rgba(102,126,234,0.35)}.article-cta h3,.cta-box h3{color:white !important;font-size:1.75rem;font-weight:700;margin-bottom:0.75rem}.article-cta p{color:rgba(255,255,255,0.95);margin-bottom:1.75rem;font-size:1.1rem}.article-cta .cta-button{background:white;color:#764ba2;padding:1rem 2.5rem;border-radius:100px;font-weight:700;font-size:1rem;text-decoration:none;display:inline-block;transition:all 0.3s;box-shadow:0 4px 14px rgba(0,0,0,0.1)}.article-cta .cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15)}.usecase-page{max-width:900px;margin:0 auto;padding:2rem 1rem 4rem}.usecase-hero{text-align:center;padding:3rem 0;margin-bottom:2rem}.usecase-icon{font-size:4rem;margin-bottom:1rem}.usecase-h1{font-size:2.5rem;font-weight:700;color:#1a1a2e;margin-bottom:1rem}.usecase-subtitle{font-size:1.25rem;color:#666;max-width:600px;margin:0 auto}.usecase-content{background:white;border-radius:16px;padding:2rem;margin-bottom:2rem}.usecase-content h2{font-size:1.5rem;color:#1a1a2e;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid #f0f0f0}.usecase-content p{color:#444;line-height:1.7;margin-bottom:1rem}.professions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin:1.5rem 0}.profession-tag{background:#f8f9ff;border:1px solid #e0e7ff;border-radius:8px;padding:0.75rem 1rem;text-align:center;color:#1a1a2e;font-weight:500;text-decoration:none;transition:all 0.2s}.profession-tag:hover{background:#764ba2;color:white;border-color:#764ba2}.benefits-list{list-style:none;padding:0}.benefits-list li{padding:0.75rem 0;padding-left:2rem;position:relative;border-bottom:1px solid #f0f0f0}.benefits-list li:last-child{border-bottom:none}.benefits-list li::before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:bold}.article-toc{background:linear-gradient(135deg,#f8f9ff 0%,#f0f4ff 100%);border-radius:16px;padding:2rem;margin:2rem 0 3rem;border-left:4px solid #764ba2;box-shadow:0 4px 12px rgba(118,75,162,0.08)}.toc-title{font-size:1.125rem;font-weight:700;color:#1a1a2e;margin:0 0 1.25rem 0;display:flex;align-items:center;gap:0.5rem}.toc-title::before{content:"📑";font-size:1.25rem}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:0.75rem;padding-left:0}.toc-list li:last-child{margin-bottom:0}.toc-link{color:#374151;text-decoration:none;font-size:0.95rem;line-height:1.6;display:block;padding:0.5rem 0.75rem;border-left:2px solid transparent;transition:all 0.2s ease;border-radius:4px}.toc-link:hover{color:#764ba2;background:rgba(118,75,162,0.08);border-left-color:#764ba2;padding-left:1rem;transform:translateX(4px)}.cta-internal-link{display:block}.cta-internal-link .cta-button-internal{text-align:center}@media (max-width:768px){.header-with-back .container{grid-template-columns:auto 1fr}.header-back-link{font-size:0.85rem}.header-with-back .logo{text-align:right}.blog-page{padding:1.5rem 1rem 3rem}.blog-title,.usecase-h1{font-size:2rem}.article-h1{font-size:1.75rem}.article-content h2{font-size:1.5rem}.article-cta{padding:2rem 1.5rem;border-radius:16px}.article-cta h3{font-size:1.35rem}.articles-grid{grid-template-columns:1fr}.cta-internal-link .cta-button-internal{display:block !important;width:100%;text-align:center;padding:1rem 1.5rem !important}.toc-link,.article-content a,.cta-button,.cta-button-internal{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.article-content a{display:inline;padding:0.375rem 0.5rem}.article-toc{padding:1.5rem;margin:1.5rem 0 2rem}.toc-title{font-size:1rem}.toc-link{font-size:0.9rem;padding:0.625rem 0.75rem}}.related-articles{margin:2.5rem 0;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8f9ff 0%,#f0f4ff 100%);border-radius:12px;border-left:4px solid var(--primary,#6366f1)}.related-articles h3{margin:0 0 1rem 0;font-size:1.1rem;color:#1a1a2e;font-weight:600}.related-articles ul{list-style:none;padding:0;margin:0}.related-articles li{padding:0.5rem 0;border-bottom:1px solid rgba(99,102,241,0.1)}.related-articles li:last-child{border-bottom:none}.related-articles a{color:var(--primary,#6366f1);text-decoration:none;font-weight:500;transition:color 0.2s}.related-articles a:hover{color:#4f46e5;text-decoration:underline}.article-hero-image{margin:1.5rem 0 2rem;border-radius:12px;overflow:hidden}.article-hero-image img{width:100%;height:auto;display:block}.blog-hero{margin:3rem 0 4rem;animation:fadeInUp 0.8s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:0;box-shadow:0 25px 50px -12px rgba(102,126,234,0.4);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative}.hero-content::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);pointer-events:none}.hero-content:hover{transform:translateY(-4px);box-shadow:0 35px 60px -12px rgba(102,126,234,0.5)}.hero-image{position:relative;overflow:hidden;aspect-ratio:16 / 10}.hero-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}.hero-content:hover .hero-image img{transform:scale(1.05)}.hero-text{padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.hero-badge{display:inline-block;background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);color:white;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;padding:0.5rem 1rem;border-radius:100px;width:fit-content;margin-bottom:1.25rem;border:1px solid rgba(255,255,255,0.2)}.hero-title{color:white;font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:1rem;letter-spacing:-0.02em}.hero-description{color:rgba(255,255,255,0.95);font-size:1.05rem;line-height:1.6;margin-bottom:2rem}.hero-cta{display:inline-flex;align-items:center;gap:0.5rem;background:white;color:#764ba2;font-weight:700;font-size:1rem;padding:1rem 2rem;border-radius:100px;text-decoration:none;width:fit-content;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 14px rgba(0,0,0,0.15)}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.25);background:#f8f9ff}.hero-cta::after{content:'→';transition:transform 0.3s ease}.hero-cta:hover::after{transform:translateX(4px)}.filter-section{background:white;border-radius:16px;padding:1.5rem 2rem;margin-bottom:2.5rem;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:2rem;transition:all 0.3s ease;z-index:100}.filter-section.sticky{position:sticky;top:20px;box-shadow:0 10px 30px rgba(0,0,0,0.1);animation:slideDown 0.3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.filter-container{display:flex;align-items:center;gap:1.5rem;flex:1;flex-wrap:wrap}.filter-label{font-weight:600;color:#374151;font-size:0.95rem;white-space:nowrap}.filter-pills{display:flex;gap:0.75rem;flex-wrap:wrap;flex:1}.filter-pill{background:#f3f4f6;color:#6b7280;border:none;padding:0.625rem 1.25rem;border-radius:100px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;position:relative;overflow:hidden}.filter-pill::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);opacity:0;transition:opacity 0.2s ease}.filter-pill span{position:relative;z-index:1}.filter-pill:hover{background:#e5e7eb;color:#374151;transform:translateY(-2px)}.filter-pill.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;box-shadow:0 4px 12px rgba(102,126,234,0.4);transform:translateY(-2px)}.filter-pill.active::before{opacity:1}.articles-count{color:#6b7280;font-size:0.9rem;font-weight:500;padding:0.625rem 1rem;background:#f9fafb;border-radius:100px;white-space:nowrap}.articles-count span{color:#764ba2;font-weight:700;font-size:1rem}@media (max-width:1024px){.hero-content{grid-template-columns:1fr}.hero-image{order:1;aspect-ratio:16 / 9}.hero-text{order:2;padding:2.5rem}.hero-title{font-size:1.75rem}}@media (max-width:768px){.blog-hero{margin:2rem 0 3rem}.hero-text{padding:2rem}.hero-title{font-size:1.5rem}.hero-description{font-size:0.95rem}.filter-section{flex-direction:column;align-items:stretch;padding:1.25rem 1.5rem;gap:1rem}.filter-section.sticky{top:10px}.filter-container{flex-direction:column;align-items:stretch;gap:1rem}.filter-label{font-size:0.875rem}.filter-pills{gap:0.5rem}.filter-pill{padding:0.5rem 1rem;font-size:0.85rem;text-align:center}.articles-count{text-align:center;font-size:0.85rem}}.pillar-toc-wrapper{position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto;padding:2rem;background:white;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 4px 20px rgba(0,0,0,0.06)}.pillar-toc-title{font-size:0.875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#764ba2;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem}.pillar-toc-title::before{content:"📑";font-size:1.125rem}.pillar-toc-list{list-style:none;padding:0;margin:0}.pillar-toc-item{margin-bottom:0.75rem}.pillar-toc-link{display:block;color:#6b7280;text-decoration:none;font-size:0.9rem;line-height:1.5;padding:0.5rem 0.75rem;border-left:2px solid transparent;transition:all 0.2s ease;position:relative}.pillar-toc-link:hover{color:#764ba2;background:#f9fafb;border-left-color:#e5e7eb;padding-left:1rem}.pillar-toc-link.active{color:#764ba2;font-weight:600;background:linear-gradient(135deg,#f8f9ff 0%,#f0f4ff 100%);border-left-color:#764ba2;padding-left:1rem}.pillar-toc-toggle{display:none;width:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;padding:1rem 1.5rem;border-radius:12px;font-weight:600;font-size:0.95rem;cursor:pointer;margin-bottom:1rem;box-shadow:0 4px 12px rgba(102,126,234,0.3);transition:all 0.3s ease}.pillar-toc-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,0.4)}.pillar-toc-toggle::after{content:" ▼";font-size:0.75rem;margin-left:0.5rem;transition:transform 0.3s ease}.pillar-toc-toggle.open::after{transform:rotate(180deg)}.pillar-highlight{border-radius:16px;padding:2rem;margin:2.5rem 0;border-left:4px solid;position:relative;overflow:hidden}.pillar-highlight::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.03;background-repeat:no-repeat;background-position:right 1rem top 1rem;background-size:4rem;pointer-events:none}.pillar-highlight-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:0.625rem}.pillar-highlight-title::before{font-size:1.5rem;line-height:1}.pillar-highlight p:last-child,.pillar-highlight ul:last-child{margin-bottom:0}.pillar-highlight-takeaway{background:linear-gradient(135deg,#fef9e7 0%,#fef5e7 100%);border-left-color:#f39c12}.pillar-highlight-takeaway .pillar-highlight-title{color:#d68910}.pillar-highlight-takeaway .pillar-highlight-title::before{content:"💡"}.pillar-highlight-example{background:linear-gradient(135deg,#e8f8f5 0%,#d5f4e6 100%);border-left-color:#27ae60}.pillar-highlight-example .pillar-highlight-title{color:#1e8449}.pillar-highlight-example .pillar-highlight-title::before{content:"👤"}.pillar-highlight-stats{background:linear-gradient(135deg,#ebf5fb 0%,#d6eaf8 100%);border-left-color:#3498db}.pillar-highlight-stats .pillar-highlight-title{color:#2874a6}.pillar-highlight-stats .pillar-highlight-title::before{content:"📊"}.pillar-highlight-warning{background:linear-gradient(135deg,#fdedec 0%,#fadbd8 100%);border-left-color:#e74c3c}.pillar-highlight-warning .pillar-highlight-title{color:#c0392b}.pillar-highlight-warning .pillar-highlight-title::before{content:"⚠️"}.pillar-faq-section{margin:3rem 0}.pillar-faq-title{font-size:2rem;font-weight:700;color:#1a1a2e;margin-bottom:2rem;text-align:center}.pillar-faq-item{background:white;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all 0.3s ease}.pillar-faq-item:hover{border-color:#764ba2;box-shadow:0 4px 12px rgba(118,75,162,0.1)}.pillar-faq-question{width:100%;background:none;border:none;padding:1.5rem 3rem 1.5rem 1.5rem;text-align:left;font-size:1.125rem;font-weight:600;color:#1a1a2e;cursor:pointer;position:relative;transition:color 0.2s ease}.pillar-faq-question:hover{color:#764ba2}.pillar-faq-question::after{content:"+";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.75rem;font-weight:300;color:#764ba2;transition:transform 0.3s ease}.pillar-faq-item.open .pillar-faq-question::after{content:"−";transform:translateY(-50%) rotate(180deg)}.pillar-faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1)}.pillar-faq-item.open .pillar-faq-answer{max-height:1000px}.pillar-faq-answer-content{padding:0 1.5rem 1.5rem 1.5rem;color:#374151;font-size:1rem;line-height:1.7}.pillar-faq-answer-content p{margin-bottom:1rem}.pillar-faq-answer-content p:last-child{margin-bottom:0}.pillar-infographic{margin:3rem 0;padding:3rem 2rem;background:linear-gradient(135deg,#f8f9ff 0%,#f0f4ff 100%);border-radius:20px}.pillar-infographic-title{font-size:1.875rem;font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:2.5rem}.pillar-domains-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.pillar-domain-card{background:white;border-radius:16px;padding:2rem;border:2px solid #e5e7eb;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.pillar-domain-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}.pillar-domain-card:hover{transform:translateY(-4px);border-color:#764ba2;box-shadow:0 12px 24px rgba(118,75,162,0.15)}.pillar-domain-card:hover::before{transform:scaleX(1)}.pillar-domain-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.pillar-domain-title{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin-bottom:0.75rem}.pillar-domain-description{color:#6b7280;font-size:0.95rem;line-height:1.6;margin-bottom:1rem}.pillar-domain-list{list-style:none;padding:0;margin:0}.pillar-domain-list li{color:#374151;font-size:0.9rem;padding:0.375rem 0;padding-left:1.5rem;position:relative}.pillar-domain-list li::before{content:"✓";position:absolute;left:0;color:#06b6d4;font-weight:700}.pillar-progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(255,255,255,0.1);z-index:9999;pointer-events:none}.pillar-progress-fill{height:100%;background:linear-gradient(90deg,#667eea 0%,#764ba2 50%,#06b6d4 100%);width:0%;transition:width 0.1s ease-out;box-shadow:0 2px 8px rgba(102,126,234,0.5)}.pillar-cta-inline{display:inline-flex;align-items:center;gap:0.5rem;color:#764ba2;text-decoration:none;font-weight:600;padding:0.5rem 1rem;background:linear-gradient(135deg,#f8f9ff 0%,#f0f4ff 100%);border-radius:8px;transition:all 0.2s ease;border:1px solid #e0e7ff;font-size:0.95rem}.pillar-cta-inline:hover{transform:translateX(4px);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-color:#764ba2}.pillar-cta-inline::after{content:"→";transition:transform 0.2s ease}.pillar-cta-inline:hover::after{transform:translateX(3px)}.pillar-cta-medium{background:white;border:2px solid #e5e7eb;border-radius:16px;padding:2rem;margin:2.5rem 0;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;transition:all 0.3s ease;position:relative;overflow:hidden}.pillar-cta-medium::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%)}.pillar-cta-medium:hover{border-color:#764ba2;box-shadow:0 8px 24px rgba(118,75,162,0.12);transform:translateY(-2px)}.pillar-cta-medium-content{flex:1}.pillar-cta-medium-title{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin-bottom:0.5rem}.pillar-cta-medium-text{color:#6b7280;font-size:0.95rem;line-height:1.5;margin:0}.pillar-cta-medium-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:0.875rem 2rem;border-radius:100px;text-decoration:none;font-weight:600;font-size:0.95rem;white-space:nowrap;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(102,126,234,0.3);display:inline-block}.pillar-cta-medium-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,0.4)}.pillar-cta-hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:24px;padding:4rem 3rem;text-align:center;margin:4rem 0;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px rgba(102,126,234,0.4)}.pillar-cta-hero::before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);pointer-events:none}.pillar-cta-hero::after{content:"";position:absolute;bottom:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(6,182,212,0.15) 0%,transparent 70%);pointer-events:none}.pillar-cta-hero-content{position:relative;z-index:1}.pillar-cta-hero-badge{display:inline-block;background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);color:white;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;padding:0.5rem 1.25rem;border-radius:100px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,0.3)}.pillar-cta-hero h3{color:white;font-size:2.25rem;font-weight:800;margin-bottom:1rem;line-height:1.2}.pillar-cta-hero p{color:rgba(255,255,255,0.95);font-size:1.125rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.pillar-cta-hero-button{background:white;color:#764ba2;padding:1.125rem 3rem;border-radius:100px;font-weight:700;font-size:1.0625rem;text-decoration:none;display:inline-block;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 20px rgba(0,0,0,0.15)}.pillar-cta-hero-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,0.2);background:#f8f9ff}.pillar-article-layout{display:grid;grid-template-columns:280px 1fr;gap:3rem;max-width:1280px;margin:0 auto;padding:2rem 1.5rem 5rem;align-items:start}.pillar-article-main{min-width:0;max-width:800px}@media (max-width:1024px){.pillar-article-layout{grid-template-columns:1fr;gap:2rem}.pillar-toc-wrapper{position:relative;top:0;max-height:none}.pillar-toc-toggle{display:block}.pillar-toc-wrapper .pillar-toc-list{display:none}.pillar-toc-wrapper.open .pillar-toc-list{display:block;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pillar-domains-grid{grid-template-columns:1fr}.pillar-cta-medium{flex-direction:column;text-align:center}.pillar-cta-medium-button{width:100%}}@media (max-width:768px){.pillar-highlight{padding:1.5rem;margin:2rem 0}.pillar-infographic{padding:2rem 1.5rem}.pillar-cta-hero{padding:3rem 2rem;border-radius:20px}.pillar-cta-hero h3{font-size:1.75rem}.pillar-cta-hero p{font-size:1rem}.pillar-faq-question{font-size:1rem;padding:1.25rem 2.5rem 1.25rem 1.25rem}.pillar-faq-question::after{right:1.25rem;font-size:1.5rem}}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin:2rem 0}.stat-box{background:white;border-radius:16px;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,0.04);text-align:center;transition:all 0.3s ease}.stat-box:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.08);border-color:#764ba2}.stat-value{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:0.5rem}.stat-label{font-size:0.9rem;color:#6b7280;line-height:1.4}.key-takeaway{background:linear-gradient(135deg,#fef9e7 0%,#fef5e7 100%);border-left:4px solid #f39c12;border-radius:0 16px 16px 0;padding:1.75rem 2rem;margin:2.5rem 0}.key-takeaway h4{color:#d68910;font-size:0.875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin:0 0 0.75rem 0;display:flex;align-items:center;gap:0.5rem}.key-takeaway h4::before{content:"💡";font-size:1.25rem}.key-takeaway p{color:#78350f;margin:0;line-height:1.7}.checklist{background:#f8fafc;border-radius:16px;padding:2rem;margin:2rem 0}.checklist-title{font-size:1.125rem;font-weight:700;color:#1a1a2e;margin-bottom:1.25rem}.checklist-item{display:flex;align-items:flex-start;gap:0.875rem;padding:0.75rem 0;border-bottom:1px solid #e5e7eb}.checklist-item:last-child{border-bottom:none}.checklist-icon{width:24px;height:24px;min-width:24px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:0.75rem;font-weight:700;margin-top:2px}.checklist-item span:last-child{font-size:1rem;color:#374151;line-height:1.5}.source-citation{font-size:0.85rem;color:#6b7280;margin-top:-0.5rem;margin-bottom:1.5rem;padding-left:1rem;border-left:2px solid #e5e7eb}.source-citation a{color:#764ba2;text-decoration:none;font-weight:500}.source-citation a:hover{text-decoration:underline}.case-study{background:white;border-radius:20px;padding:2rem;margin:2.5rem 0;border:2px solid #e5e7eb;box-shadow:0 4px 20px rgba(0,0,0,0.06)}.case-study-badge{display:inline-block;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);color:white;padding:0.375rem 0.875rem;border-radius:100px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1rem}.case-study-company{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin-bottom:0.5rem}.case-study-industry{font-size:0.875rem;color:#6b7280;margin-bottom:1rem}.case-study-content{font-size:1rem;color:#374151;line-height:1.7;margin-bottom:1.5rem}.case-study-result{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #a7f3d0;border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:1rem}.result-icon{width:44px;height:44px;min-width:44px;background:#10b981;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.25rem}.result-content{flex:1}.result-label{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#047857;margin-bottom:0.375rem}.result-metrics{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:0.75rem}.result-metric{display:flex;align-items:baseline;gap:0.375rem}.result-metric-value{font-size:1.5rem;font-weight:800;color:#047857}.result-metric-label{font-size:0.875rem;color:#065f46}.internal-links-box{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);border:1px solid #c4b5fd;border-radius:16px;padding:1.75rem 2rem;margin:2.5rem 0}.internal-links-title{font-size:0.875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#5b21b6;margin-bottom:1rem}.internal-links-list{list-style:none;padding:0;margin:0}.internal-links-list li{margin-bottom:0.625rem}.internal-links-list a{color:#6d28d9;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:0.5rem}.internal-links-list a:hover{text-decoration:underline}@media (max-width:768px){.stats-row{grid-template-columns:1fr}.case-study-result{flex-direction:column}.result-metrics{flex-direction:column;gap:0.75rem}.checklist{padding:1.5rem}.key-takeaway{padding:1.5rem}}.footer{background:linear-gradient(180deg,#0f0f14 0%,#0a0a0f 100%);color:white;padding:4rem 0 2rem;margin-top:4rem}.footer .container{max-width:1000px;margin:0 auto;padding:0 1.5rem}.footer-content{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,0.08)}.footer-brand{max-width:320px}.footer-logo{font-size:1.25rem;font-weight:700;margin-bottom:0.75rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{color:rgba(255,255,255,0.6);font-size:0.9rem;line-height:1.6}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem 2rem;align-items:flex-start}.footer-links a{color:rgba(255,255,255,0.6);text-decoration:none;font-size:0.9rem;transition:color 0.2s;position:relative}.footer-links a:hover{color:white}.footer-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transition:width 0.2s}.footer-links a:hover::after{width:100%}.footer-bottom{padding-top:2rem;display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:rgba(255,255,255,0.4);font-size:0.8rem;margin:0}@media (max-width:768px){.footer{padding:3rem 0 1.5rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-brand{max-width:100%}.footer-links{justify-content:center}.footer-bottom{justify-content:center}}