.blog-post-page,.blog-index-page{background:#fff;min-height:100vh;padding-bottom:120px}.container.narrow{max-width:800px;margin:0 auto;padding:0 24px}.blog-hero{text-align:center;background:#020617;border-bottom:1px solid #ffffff0d;align-items:center;min-height:50vh;padding:100px 0 60px;display:flex;position:relative;overflow:hidden}.hero-bg-outer{pointer-events:none;z-index:0;position:absolute;inset:0}.light-beam{filter:blur(120px);background:radial-gradient(circle,#6366f126 0%,#8b5cf61a 30%,#fff0 70%);position:absolute;inset:-20%}.mesh-blob{filter:blur(120px);opacity:.15;pointer-events:none;z-index:1;border-radius:50%;width:60vw;height:60vw;position:absolute}.blob-1{background:radial-gradient(circle,#6366f1 0%,#0000 70%);animation:20s ease-in-out infinite alternate blobMove;top:-20%;left:-10%}.blob-2{background:radial-gradient(circle,#8b5cf6 0%,#0000 70%);animation:25s ease-in-out infinite alternate-reverse blobMove;bottom:-20%;right:-10%}@keyframes blobMove{0%{transform:translate(0)scale(1)}to{transform:translate(10%,10%)scale(1.1)}}.hero-noise{z-index:3;opacity:.025;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.grid-overlay{opacity:.6;z-index:2;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.blog-hero .container{z-index:10;position:relative}.blog-hero .badge{color:#a5b4fc;text-transform:uppercase;letter-spacing:.06em;background:#6366f11a;border:1px solid #6366f133;border-radius:100px;align-items:center;margin-bottom:1.25rem;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.blog-hero .header-badge-row{justify-content:center;width:100%;display:flex}.blog-index-page .blog-hero{text-align:center;padding:120px 0 80px}.hero-accent{color:#6366f1;background:linear-gradient(135deg,#6366f1 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.back-link{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:24px;font-size:.8125rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.back-link:hover{color:#6366f1;transform:translate(-4px)}.post-meta-top{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:12px;margin-bottom:12px;font-size:.75rem;font-weight:700;display:flex}.blog-index-page .post-meta-top{justify-content:center}.post-category{color:#a5b4fc}.dot{background:#fff3;border-radius:50%;width:3px;height:3px}.blog-hero h1{color:#fff;letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(2.5rem,5.5vw,3.3rem);font-weight:800;line-height:1.2}.blog-index-page .blog-hero h1{font-size:clamp(2.5rem,5.5vw,3.3rem)}.hero-subtext{color:#94a3b8;max-width:500px;margin:0 auto 32px;font-size:1.125rem;line-height:1.5}.blog-search-wrapper{max-width:500px;margin:0 auto;position:relative}.blog-search-wrapper .search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.blog-search-wrapper input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;width:100%;padding:14px 16px 14px 48px;font-size:1rem;transition:all .2s}.blog-search-wrapper input:focus{background:#ffffff14;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f133}.blog-search-wrapper input::placeholder{color:#94a3b8}.pagination-controls{border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:24px;margin-top:64px;padding-top:48px;display:flex}.nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex}.nav-btn:hover:not(:disabled){color:#6366f1;background:#6366f105;border-color:#6366f1}.nav-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}.page-indicator{color:#64748b;font-size:.9375rem}.page-indicator strong{color:#0f172a}.no-results{text-align:center;padding:80px 0}.no-results h3{color:#0f172a;margin-bottom:16px;font-size:1.25rem}.post-author-area{justify-content:center;align-items:center;gap:12px;display:flex}.author-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:800;display:flex}.author-info{align-items:center;gap:8px;display:flex}.author-name{color:#fff;font-size:.875rem;font-weight:700}.post-date{color:#ffffff80;font-size:.8125rem;font-weight:500}.post-date:before{content:"•";margin-right:8px}.blog-content{color:#64748b;padding:80px 0;font-size:1.125rem;line-height:1.8}.blog-content p,.blog-content li{color:#64748b}.blog-content .lead{color:#1e293b;margin-bottom:48px;font-size:1.5rem;font-weight:600;line-height:1.5}.blog-content h2{color:#0f172a;letter-spacing:-.02em;margin:3rem 0 1.25rem;font-size:1.75rem;font-weight:800;line-height:1.2}.blog-content h3{color:#1e293b;margin:2.5rem 0 1rem;font-size:1.5rem;font-weight:700;line-height:1.3}.blog-content h4{color:#334155;margin:2rem 0 .75rem;font-size:1.25rem;font-weight:700}.blog-content p{margin-bottom:1.5rem}.blog-content ul,.blog-content ol{margin-bottom:32px;padding-left:1.5rem}.blog-content li{margin-bottom:12px;line-height:1.6;position:relative}.related-solution-cta{text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:32px;margin-top:64px;padding:48px;color:#fff!important}.related-solution-cta h3{color:#fff!important;margin-top:0!important}.related-solution-cta p{margin-bottom:32px;color:#fff!important}.blog-content ul{padding-left:0;list-style:none}.blog-content ul li{padding-left:28px}.blog-content ul li:before{content:"";background:#6366f1;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.blog-content ol{padding-left:1.25rem;list-style-position:outside}.blog-content ol li{padding-left:8px}.blog-content ol li::marker{color:#6366f1;font-weight:800}.blog-content strong{color:#6366f1;font-weight:700}.blog-content a{color:#6366f1;border-bottom:2px solid #6366f133;font-weight:700;text-decoration:none;transition:all .2s}.blog-content a:hover{background:#6366f10d;border-bottom-color:#6366f1}.blog-content blockquote{color:#475569;background:#f8fafc;border-left:4px solid #6366f1;margin:48px 0;padding:32px 40px;font-size:1.375rem;font-style:italic;font-weight:500;line-height:1.6}.info-box{background:#6366f10d;border:1px solid #6366f126;border-radius:24px;align-items:flex-start;gap:24px;margin:56px 0;padding:32px;display:flex}.info-box.accent{background:#f59e0b0a;border-color:#f59e0b26}.info-box svg{color:#6366f1;flex-shrink:0}.info-box.accent svg{color:#f59e0b}.info-box strong{color:#0f172a}.selling-points-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin:48px 0;display:grid}.selling-point-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;padding:32px;transition:all .3s}.selling-point-card:hover{background:#fff;border-color:#6366f1;transform:translateY(-4px);box-shadow:0 20px 40px #6366f10f}.selling-point-card h3{color:#6366f1!important;margin-top:0!important;margin-bottom:12px!important;font-size:1.25rem!important}.selling-point-card p{color:#475569;font-size:.9375rem;line-height:1.6;margin-bottom:0!important}.tldr-box{background:#f8fafc;border:1px solid #6366f11a;border-radius:24px;margin-bottom:48px;padding:32px;position:relative;overflow:hidden}.tldr-box:before{content:"";background:#6366f1;width:6px;position:absolute;top:0;bottom:0;left:0}.tldr-box strong{text-transform:uppercase;letter-spacing:.08em;background:#6366f1;border-radius:6px;margin-bottom:12px;padding:4px 12px;font-size:.7rem;display:inline-block;color:#fff!important}.standard-section{color:#fff;text-align:center;background:#020617;border-radius:32px;margin:64px 0;padding:60px 40px;box-shadow:0 20px 40px #00000026}.standard-section h2{color:#6366f1!important;margin-top:0!important;margin-bottom:16px!important;font-size:1.75rem!important}.standard-section p{max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;color:#fff!important}.standard-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.standard-card{text-align:left;background:#ffffff08;border:1px solid #6366f133;border-radius:20px;padding:24px;transition:all .3s}.standard-card:hover{background:#ffffff0d;border-color:#6366f1;transform:translateY(-4px)}.standard-card strong{min-height:3rem;margin-bottom:12px;font-size:1.05rem;font-weight:800;line-height:1.3;display:block;color:#fff!important}.standard-card p{color:#cbd5e1!important;margin-bottom:0!important;font-size:.875rem!important;line-height:1.5!important}@media (max-width:900px){.standard-grid{grid-template-columns:1fr}}.roi-table-wrapper{border:1px solid #e2e8f0;border-radius:24px;margin:3rem 0;overflow:hidden;box-shadow:0 4px 20px #00000008}.roi-comparison-table{border-collapse:collapse;width:100%;font-size:1rem}.roi-comparison-table th{color:#64748b;text-transform:uppercase;letter-spacing:.1em;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px 24px;font-size:.75rem;font-weight:700}.roi-comparison-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:20px 24px}.roi-comparison-table tr:last-child td{background:#f8fafc;border-bottom:none;font-weight:800}.roi-comparison-table td:nth-child(3){color:#6366f1;font-weight:700}.roi-comparison-table tr:last-child td:nth-child(3){color:#6366f1;font-size:1.125rem}@media (max-width:600px){.roi-comparison-table th,.roi-comparison-table td{padding:16px;font-size:.875rem}}.blog-list-grid{flex-direction:column;gap:48px;padding:80px 0;display:flex}.blog-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:32px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:block}.blog-list-card:hover{border-color:#6366f1;transform:translateY(-6px);box-shadow:0 20px 40px #6366f10f}.blog-list-card h2{color:#0f172a;letter-spacing:-.02em;margin:12px 0 16px;font-size:1.75rem;font-weight:800;line-height:1.25}.excerpt{color:#64748b;margin-bottom:24px;font-size:1rem;line-height:1.6}.related-footer{color:#6366f1;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:10px;font-size:.9375rem;font-weight:800;display:flex}.blog-share-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:40px;padding:60px 0;display:flex}.share-text{color:#0f172a;font-size:1.125rem;font-weight:800}.post-faq-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:32px;margin:80px 0;padding:48px}.post-faq-section h2{text-align:center;margin-top:0!important;margin-bottom:32px!important;font-size:1.75rem!important}.faq-list{gap:24px;display:grid}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s}.faq-item:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 10px 20px #6366f10a}.faq-item dt{color:#0f172a;margin-bottom:12px;font-size:1.125rem;font-weight:700}.faq-item dd{color:#475569;margin:0;font-size:1rem;line-height:1.6}.related-guides-section{border-top:1px solid #f1f5f9;margin:64px 0;padding-top:48px}.related-guides-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.related-guide-link{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:space-between;height:100%;padding:24px;transition:all .3s;display:flex;color:#0f172a!important;font-weight:700!important;text-decoration:none!important}.related-guide-link:hover{transform:translateY(-4px);background:#6366f105!important;border-color:#6366f1!important}.related-guide-link svg{color:#6366f1;margin-top:16px;transition:transform .3s}.related-guide-link:hover svg{transform:translate(4px)}@media (max-width:900px){.blog-hero h1{font-size:2.75rem}.blog-list-card{padding:32px}.blog-list-card h2{font-size:1.75rem}}@media (max-width:600px){.blog-hero{padding:120px 0 60px}.blog-hero h1{font-size:2.25rem}.blog-content .lead{font-size:1.25rem}.blog-list-grid{gap:24px;padding:40px 0}}