:root{--primary-color: #2563eb;--secondary-color: #64748b;--accent-color: #0ea5e9;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #94a3b8;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, Inconsolata, "Roboto Mono", monospace;--container-width: 1200px;--border-radius: 8px;--transition: all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);line-height:1.7;color:var(--text-primary);background-color:var(--bg-primary)}ul,ol{list-style-type:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1rem}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:.7rem;margin-top:1.5rem;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1rem}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-color)}.btn{display:inline-block;padding:0.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;text-align:center;transition:var(--transition);border:none;cursor:pointer;text-decoration:none}.btn.btn-primary{background:var(--primary-color);color:white;margin:.5rem}.btn.btn-primary:hover{background:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn.btn-secondary:hover{background:var(--primary-color);color:white}.site-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000}.site-header .site-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.site-header .site-nav .nav-brand .site-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none}.site-header .site-nav .nav-brand .site-tagline{font-size:0.9rem;color:var(--text-secondary);margin:0}.site-header .site-nav .nav-menu{display:flex;align-items:center;gap:2rem}@media (max-width: 768px){.site-header .site-nav .nav-menu{display:none}}.site-header .site-nav .nav-links{display:flex;list-style:none;gap:2rem;margin:0}.site-header .site-nav .nav-links .nav-link{color:var(--text-secondary);font-weight:500}.site-header .site-nav .nav-links .nav-link:hover,.site-header .site-nav .nav-links .nav-link.active{color:var(--primary-color)}.site-header .site-nav .nav-social{display:flex;gap:1rem}.site-header .site-nav .nav-social a{color:var(--text-secondary);font-size:1.2rem}.site-header .site-nav .nav-social a:hover{color:var(--primary-color)}.hero-section{background:linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);color:white;padding:2rem 0;text-align:center}.hero-section .hero-content{max-width:800px;margin:0 auto;padding:0 2rem}.hero-section .hero-title{font-size:3rem;margin-top:0;margin-bottom:1.5rem}@media (max-width: 768px){.hero-section .hero-title{font-size:2rem}}.hero-section .hero-subtitle{font-size:1.25rem;margin-bottom:1.5rem;opacity:0.9}.hero-section .hero-stats{display:flex;justify-content:center;gap:3rem;margin:2rem 0}@media (max-width: 768px){.hero-section .hero-stats{flex-direction:column;gap:1rem}}.hero-section .hero-stats .stat{text-align:center}.hero-section .hero-stats .stat .stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:0.5rem}.hero-section .hero-stats .stat .stat-label{font-size:0.9rem;opacity:0.8}.hero-section .hero-cta{margin-top:2rem}.hero-section .hero-cta .btn{margin:0 0.5rem}@media (max-width: 768px){.hero-section .hero-cta .btn{display:block;margin:0.5rem 0}}section{padding:2rem 0}section:nth-child(even){background:var(--bg-secondary)}section h2{text-align:center;margin-bottom:.5rem;font-size:2.5rem}.highlights-grid,.expertise-grid,.case-studies-grid,.posts-grid{display:grid;gap:2rem;margin-top:.5rem}.highlights-grid{grid-template-columns:repeat(auto-fit, minmax(400px, 1fr))}.expertise-grid{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.case-studies-grid{grid-template-columns:repeat(auto-fit, minmax(350px, 1fr))}.posts-grid{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.highlight-card,.case-study-preview,.post-preview,.expertise-category{background:var(--bg-primary);padding:0.2rem 2rem 1rem;border-radius:var(--border-radius);box-shadow:var(--shadow-md);transition:var(--transition);margin:1rem}.highlight-card:hover,.case-study-preview:hover,.post-preview:hover,.expertise-category:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.highlight-card .highlight-icon{font-size:3rem;margin-bottom:1rem}.highlight-card ul{list-style:none}.highlight-card ul li{margin-bottom:0.5rem;padding-left:1rem;position:relative}.highlight-card ul li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:bold}.expertise-category .skills{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem}.expertise-category .skill{background:var(--bg-tertiary);color:var(--text-secondary);padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.9rem}.case-study-preview .company{color:var(--primary-color);font-weight:600;margin-bottom:1rem}.case-study-preview .read-more{color:var(--primary-color);font-weight:600;display:inline-flex;align-items:center;margin-top:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;margin:2rem 0}.stat-card{background:var(--bg-primary);padding:2rem;border-radius:var(--border-radius);text-align:center;box-shadow:var(--shadow-md)}.stat-card .stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:0.5rem}.stat-card .stat-label{color:var(--text-secondary);font-size:0.9rem}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin:2rem 0}.contact-method{background:var(--bg-secondary);padding:2rem;border-radius:var(--border-radius);text-align:center}.contact-method h3{color:var(--primary-color);margin-bottom:1rem}.contact-method p:last-child{font-size:0.9rem;color:var(--text-secondary);margin-bottom:0}.blog-intro{text-align:center;margin-bottom:3rem;font-size:1.1rem;color:var(--text-secondary)}.blog-categories{margin-bottom:3rem}.blog-categories .tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem}.blog-categories .tag{background:var(--primary-color);color:white;padding:0.5rem 1rem;border-radius:1.5rem;font-size:0.9rem;cursor:pointer;transition:var(--transition)}.blog-categories .tag:hover{background:var(--accent-color)}.post-preview h2{margin-bottom:0.5rem;text-align:left}.post-preview .post-meta{color:var(--text-secondary);font-size:0.9rem;margin-bottom:1rem}.post-preview .post-excerpt{margin-bottom:1rem}.pagination{display:flex;justify-content:space-between;align-items:center;margin:3rem 0}.pagination .pagination-info{color:var(--text-secondary);margin:auto}.site-footer{background:var(--text-primary);color:white;padding:2rem 0 1rem;margin-top:2rem}.site-footer .footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin-bottom:2rem}.site-footer .footer-section h3,.site-footer .footer-section h4{margin-bottom:1rem;color:white}.site-footer .footer-section p{color:#94a3b8;line-height:1.6}.site-footer .footer-section ul{list-style:none}.site-footer .footer-section ul li{margin-bottom:0.5rem}.site-footer .footer-section ul li a{color:#94a3b8}.site-footer .footer-section ul li a:hover{color:white}.site-footer .footer-social{display:flex;gap:1rem;margin-top:1rem}.site-footer .footer-social a{color:#94a3b8;font-size:1.5rem}.site-footer .footer-social a:hover{color:var(--primary-color)}.site-footer .footer-bottom{border-top:1px solid #334155;padding-top:2rem;text-align:center}.site-footer .footer-bottom p{color:#94a3b8;font-size:0.9rem;margin-bottom:0.5rem}.page-header{text-align:center;padding:1rem 0}.page-header .page-title{font-size:3rem;margin-bottom:1rem}.page-header .page-subtitle{font-size:1.25rem;color:var(--text-secondary)}.case-study-header{text-align:center;padding:3rem 0;border-bottom:1px solid var(--border-color);margin-bottom:3rem}.case-study-header .case-study-meta{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}@media (max-width: 768px){.case-study-header .case-study-meta{flex-direction:column;align-items:center}}.case-study-header .case-study-meta>div{background:var(--bg-secondary);padding:0.5rem 1rem;border-radius:var(--border-radius);font-weight:600;color:var(--text-secondary)}.case-study-header .case-study-title{font-size:3rem;margin-bottom:2rem;color:var(--primary-color)}@media (max-width: 768px){.case-study-header .case-study-title{font-size:2rem}}.case-study-header .case-study-details{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}@media (max-width: 768px){.case-study-header .case-study-details{flex-direction:column;align-items:center}}.case-study-header .detail-item{text-align:left}@media (max-width: 768px){.case-study-header .detail-item{text-align:center}}.case-study-header .detail-item .label{font-weight:600;color:var(--text-secondary);display:block;margin-bottom:0.5rem}.case-study-header .technologies{display:flex;flex-wrap:wrap;gap:0.5rem}.case-study-header .tech-tag{background:var(--primary-color);color:white;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.9rem}.case-study-content{max-width:900px;margin:0 auto;line-height:1.8}.case-study-content h2{color:var(--primary-color);border-bottom:2px solid var(--border-color);padding-bottom:0.5rem;margin-top:3rem;margin-bottom:1.5rem;text-align:left}.case-study-content h3{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;text-align:left}.case-study-content ul,.case-study-content ol{margin-left:2rem;margin-bottom:1.5rem}.case-study-content li{margin-bottom:0.5rem}.case-study-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color)}.case-study-footer .back-to-studies{margin-bottom:2rem}.case-study-footer .share-case-study{text-align:center;margin-bottom:3rem}.case-study-footer .share-case-study h4{margin-bottom:1rem}.case-study-footer .sharing-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.case-study-footer .share-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:var(--border-radius);color:white;text-decoration:none;font-weight:600;transition:var(--transition)}.case-study-footer .share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.case-study-footer .share-btn.twitter{background:#1da1f2}.case-study-footer .share-btn.linkedin{background:#0077b5}.case-study-footer .contact-cta{background:var(--bg-secondary);padding:3rem;border-radius:var(--border-radius);text-align:center}.case-study-footer .contact-cta h3{color:var(--primary-color);margin-bottom:1rem}.case-study-footer .contact-cta p{color:var(--text-secondary);margin-bottom:2rem}.post .post-header{text-align:center;padding:3rem 0;border-bottom:1px solid var(--border-color);margin-bottom:3rem}.post .post-header .post-title{font-size:3rem;margin-bottom:1rem;color:var(--text-primary)}@media (max-width: 768px){.post .post-header .post-title{font-size:2rem}}.post .post-header .post-meta{color:var(--text-secondary);font-size:0.9rem}.post .post-header .post-meta .post-tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center}.post .post-content{max-width:800px;margin:0 auto;line-height:1.8}.post .post-content h2{color:var(--primary-color);border-bottom:2px solid var(--border-color);padding-bottom:0.5rem;margin-top:3rem;margin-bottom:1.5rem;text-align:left}.post .post-content h3{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;text-align:left}.post .post-content code{background:var(--bg-tertiary);padding:0.25rem 0.5rem;border-radius:4px;font-family:var(--font-mono)}.post .post-content pre{background:var(--bg-tertiary);padding:1.5rem;border-radius:var(--border-radius);overflow-x:auto;margin:2rem 0}.post .post-content pre code{background:none;padding:0}.post .post-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color)}.post .post-footer .post-sharing{text-align:center;margin-bottom:3rem}.post .post-footer .post-sharing h4{margin-bottom:1rem}.post .post-footer .post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}@media (max-width: 768px){.post .post-footer .post-navigation{grid-template-columns:1fr}}.post .post-footer .post-navigation .prev-post,.post .post-footer .post-navigation .next-post{padding:1.5rem;background:var(--bg-secondary);border-radius:var(--border-radius);transition:var(--transition)}.post .post-footer .post-navigation .prev-post:hover,.post .post-footer .post-navigation .next-post:hover{background:#e2e8f0;transform:translateY(-2px)}.post .post-footer .post-navigation .prev-post .nav-label,.post .post-footer .post-navigation .next-post .nav-label{display:block;font-size:0.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.5rem}.post .post-footer .post-navigation .prev-post a,.post .post-footer .post-navigation .next-post a{color:var(--text-primary);font-weight:600}.post .post-footer .post-navigation .prev-post a:hover,.post .post-footer .post-navigation .next-post a:hover{color:var(--primary-color)}.post .post-footer .post-navigation .next-post{text-align:right}@media (max-width: 768px){.post .post-footer .post-navigation .next-post{text-align:left}}.post .post-footer .author-bio{background:var(--bg-secondary);padding:2rem;border-radius:var(--border-radius);display:flex;gap:1.5rem;align-items:flex-start}@media (max-width: 768px){.post .post-footer .author-bio{flex-direction:column;text-align:center}}.post .post-footer .author-bio .author-avatar{flex-shrink:0}.post .post-footer .author-bio .author-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover}.post .post-footer .author-bio .author-info{flex:1}.post .post-footer .author-bio .author-info h4{color:var(--primary-color);margin-bottom:1rem}.post .post-footer .author-bio .author-info p{color:var(--text-secondary);margin-bottom:1.5rem}.post .post-footer .author-bio .author-info .author-links{display:flex;gap:1.5rem}@media (max-width: 768px){.post .post-footer .author-bio .author-info .author-links{justify-content:center}}.post .post-footer .author-bio .author-info .author-links a{color:var(--primary-color);font-weight:600;font-size:0.9rem}.post .post-footer .author-bio .author-info .author-links a:hover{color:var(--accent-color)}@media (max-width: 768px){.container{padding:0 1rem}.hero-title{font-size:2rem}.page-title{font-size:2rem}section{padding:.5rem 0}.highlights-grid,.expertise-grid,.case-studies-grid,.posts-grid{grid-template-columns:1fr}h2{font-size:1.75rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mt-0{margin-top:0}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}tr{vertical-align:baseline}.blog-intro{text-align:center;margin-bottom:3rem;font-size:1.1rem;color:var(--text-secondary)}.blog-categories{margin-bottom:3rem}.blog-categories .tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem}.blog-categories .tag{background:var(--primary-color);color:white;padding:0.5rem 1rem;border-radius:1.5rem;font-size:0.9rem;cursor:pointer;transition:var(--transition)}.blog-categories .tag:hover{background:var(--accent-color)}.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:3rem;margin-top:2rem}@media (max-width: 1024px){.blog-layout{grid-template-columns:1fr;gap:2rem}}.blog-layout .blog-main{min-width:0}.blog-layout .blog-sidebar{margin-top:0}@media (max-width: 1024px){.blog-layout .blog-sidebar{order:-1}}