@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-deeper:#1e40af;--primary-light:#60a5fa;--primary-lighter:#93bbfd;--primary-bg:#eff6ff;--primary-subtle:#dbeafe;--secondary:#0f172a;--secondary-light:#1e293b;--accent:#f59e0b;--accent-dark:#d97706;--accent-light:#fbbf24;--white:#ffffff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--red:#dc2626;--green:#16a34a;--green-light:#f0fdf4;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow:0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 10px 25px rgba(0,0,0,0.08), 0 4px 10px rgba(0,0,0,0.04);--shadow-xl:0 20px 35px rgba(0,0,0,0.1), 0 6px 14px rgba(0,0,0,0.06);--shadow-glow:0 0 20px rgba(37, 99, 235, 0.15);--radius-sm:6px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--max-width:1200px;--header-height:72px;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:all 0.5s cubic-bezier(0.4, 0, 0.2, 1)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px)}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.7;color:var(--gray-700);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:var(--primary);transition:var(--transition)}a:hover{color:var(--primary-dark)}ul{list-style:none}::selection{background:var(--primary);color:var(--white)}h1,h2,h3,h4,h5,h6{color:var(--secondary);font-weight:700;line-height:1.25}h1{font-size:clamp(2.4rem,5vw,3.8rem);letter-spacing:-.02em}h2{font-size:clamp(1.8rem,3.5vw,2.5rem);margin-bottom:.5rem;letter-spacing:-.01em}h3{font-size:clamp(1.15rem,2vw,1.4rem)}h4{font-size:1.05rem}.section-subtitle{color:var(--primary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:.5rem;display:inline-block;background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:.95rem;font-weight:600;border-radius:var(--radius);transition:var(--transition);cursor:pointer;border:2px solid transparent;text-align:center;justify-content:center;position:relative;overflow:hidden}.btn::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.15);transform:translateX(-100%);transition:transform .4s ease}.btn:hover::after{transform:translateX(0)}.btn-primary,.top-bar .social-links a:hover{background:var(--primary);color:var(--white)}.btn-accent:hover,.btn-primary:hover{color:var(--white);transform:translateY(-2px)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg)}.btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--white)}.btn-accent:hover{background:linear-gradient(135deg,var(--accent-dark),#b45309);box-shadow:0 8px 20px rgba(245,158,11,.35)}.btn-light{background:var(--white);color:var(--primary);border-color:var(--white)}.btn-light:hover{background:rgba(255,255,255,.9);color:var(--primary-dark);transform:translateY(-2px)}.btn-outline{background:0 0;color:var(--white);border-color:rgba(255,255,255,.3)}.btn-outline:hover{background:rgba(255,255,255,.1);border-color:var(--white);color:var(--white);transform:translateY(-2px)}.btn-sm{padding:10px 22px;font-size:.85rem}.top-bar{background:var(--secondary);font-size:.82rem;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.top-bar .contact-info,.top-bar .container{display:flex;align-items:center;flex-wrap:wrap}.top-bar .container{justify-content:space-between;gap:8px}.top-bar,.top-bar a{color:var(--gray-400)}.top-bar a:hover{color:var(--white)}.top-bar .contact-info{gap:18px}.top-bar .contact-info a,.top-bar .contact-info span{display:inline-flex;align-items:center;gap:5px;font-size:.8rem}.top-bar .contact-info .fab,.top-bar .contact-info .fas{font-size:.75rem;color:var(--primary-light)}.top-bar .social-links{display:flex;gap:8px;align-items:center}.top-bar .social-links a{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.06);font-size:.75rem}.top-bar .social-links a:hover{transform:translateY(-1px)}.main-nav a,.site-header,.top-bar .social-links a{transition:var(--transition)}.site-header{background:rgba(255,255,255,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:1000}.site-header.scrolled{border-bottom-color:transparent;box-shadow:0 4px 20px rgba(0,0,0,.06)}.site-header .container{justify-content:center;height:var(--header-height)}.logo{gap:10px;font-size:1.25rem;font-weight:800;color:var(--secondary);margin-right:auto}.logo,.logo .logo-icon,.main-nav,.site-header .container{display:flex;align-items:center}.logo .logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-sm);justify-content:center;color:var(--white);font-size:1.15rem;box-shadow:0 2px 8px rgba(37,99,235,.25)}.logo span{color:var(--primary)}.main-nav{gap:2px}.main-nav a{color:var(--gray-600);font-weight:700;font-size:.92rem;padding:8px 16px;border-radius:var(--radius);position:relative}.main-nav a.active,.main-nav a:hover{color:var(--primary);background:var(--primary-bg)}.main-nav a.active::after{content:"";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:18px;height:2.5px;background:var(--primary);border-radius:2px}.main-nav .nav-cta{background:var(--primary);color:var(--white)!important;margin-left:8px;padding:10px 22px;border-radius:var(--radius)}.main-nav .nav-cta:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.main-nav .nav-cta.active,.main-nav .nav-cta.active:hover{background:var(--primary);color:var(--white)!important;box-shadow:none}.main-nav .nav-cta.active::after{display:none}.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:0 0;border:0;padding:8px;z-index:1001}.menu-toggle span{display:block;width:22px;height:2px;background:var(--secondary);border-radius:2px;transition:var(--transition)}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{background:linear-gradient(135deg,var(--secondary) 0%,#1a2a4a 40%,#0f2b47 70%,#0a1a2e 100%);color:var(--white);padding:100px 0 80px;position:relative;overflow:hidden}.hero::after,.hero::before{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero::before{top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.08)0,transparent 70%)}.hero::after{bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(245,158,11,.05)0,transparent 70%)}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-content h1{color:var(--white);font-size:clamp(2.4rem,5vw,3.6rem);margin-bottom:20px;line-height:1.1}.hero-content h1 span{background:linear-gradient(135deg,var(--accent-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{color:rgba(255,255,255,.65);font-size:1.1rem;margin-bottom:32px;max-width:540px;line-height:1.7}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.hero-image{display:flex;align-items:center;justify-content:center}.hero-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);transition:var(--transition-slow)}.hero-image img:hover{transform:scale(1.02);box-shadow:0 25px 40px rgba(0,0,0,.3)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.hero-stat{text-align:center;padding:16px 12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);backdrop-filter:blur(8px);transition:var(--transition)}.hero-stat:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.hero-stat .number{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--accent-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.hero-stat .label{font-size:.75rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1px;margin-top:4px;display:block}.section{padding:90px 0}.section-gray{background:var(--gray-50)}.section-dark{background:var(--secondary);color:var(--white)}.section-header{text-align:center;margin-bottom:56px}.section-header p{color:var(--gray-500);font-size:1.05rem;max-width:620px;margin:12px auto 0;line-height:1.65}.section-divider,.service-card::before{height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.section-divider{width:60px;border-radius:2px;margin:12px auto 0}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.service-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:32px 28px;transition:var(--transition);position:relative;overflow:hidden}.service-card::before{content:"";position:absolute;top:0;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}.service-card:hover::before{transform:scaleX(1)}.service-card .service-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--primary-bg),var(--primary-subtle));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--primary);margin-bottom:20px;transition:var(--transition)}.service-card:hover .service-icon{box-shadow:0 4px 12px rgba(37,99,235,.25)}.service-card h3{margin-bottom:10px}.process-step p,.service-card p{color:var(--gray-500);font-size:.92rem;line-height:1.65}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image,.stats-section{position:relative}.about-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.about-image .experience-badge{position:absolute;bottom:-20px;right:-20px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);padding:22px 26px;border-radius:var(--radius-md);text-align:center;box-shadow:0 8px 24px rgba(37,99,235,.3)}.experience-badge .years{font-size:2.4rem;font-weight:800;display:block;line-height:1}.experience-badge .text{font-size:.8rem;opacity:.9}.about-content .feature-list{margin:24px 0}.feature-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;font-size:.95rem}.feature-list li .check-icon{color:var(--green);flex-shrink:0;margin-top:2px}.stats-section{background:linear-gradient(135deg,var(--secondary) 0%,#1a2a4a 40%,#0f2b47 70%,#0a1a2e 100%);color:var(--white);padding:80px 0;overflow:hidden}.stats-section::after,.stats-section::before{content:"";position:absolute;border-radius:50%;pointer-events:none}.stats-section::before{top:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.08)0,transparent 70%)}.stats-section::after{bottom:-20%;right:-10%;width:350px;height:350px;background:radial-gradient(circle,rgba(245,158,11,.04)0,transparent 70%)}.process-steps,.stats-grid{display:grid;position:relative}.stats-grid{grid-template-columns:repeat(4,1fr);gap:30px;text-align:center;z-index:1}.stat-item .stat-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--accent-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1;margin-bottom:8px}.stat-item .stat-label{font-size:.85rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1.5px}.process-steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.process-step{text-align:center;padding:28px 16px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);transition:var(--transition)}.process-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.process-step .step-number{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;margin:0 auto 16px;box-shadow:0 4px 12px rgba(37,99,235,.25)}.client-logo i,.process-step h3{font-size:1.05rem;margin-bottom:8px}.process-step p{font-size:.88rem;line-height:1.6}.process-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}@media (max-width:768px){.blog-layout{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.process-cards-grid{grid-template-columns:1fr}}.process-card-item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:28px 24px;transition:var(--transition);position:relative;overflow:hidden}.process-card-item::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.process-card-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}.process-card-item:hover::before{transform:scaleX(1)}.pci-step-number{width:28px;height:28px;background:linear-gradient(135deg,var(--primary-bg),var(--primary-subtle));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--primary);margin-bottom:12px}.process-card-item:hover .pci-step-number,.service-card:hover .service-icon{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white)}.pci-title{font-size:1.05rem;font-weight:600;color:var(--secondary);margin-bottom:10px;line-height:1.3}.pci-desc,.value-added-item p{color:var(--gray-500);font-size:.88rem;line-height:1.65;margin:0}.value-added-section{max-width:900px;margin:40px auto 0;padding-top:32px;border-top:1px solid var(--gray-200)}.value-added-section h3{text-align:center;margin-bottom:24px;font-size:1.15rem;color:var(--secondary)}.value-added-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-added-item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px;transition:var(--transition)}.product-category-card:hover,.value-added-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.value-added-item h4{font-size:.92rem;font-weight:600;color:var(--primary);margin-bottom:6px}.value-added-item p{font-size:.82rem;line-height:1.6}@media (max-width:768px){.value-added-grid{grid-template-columns:1fr}.process-card{padding:24px 20px}.process-card-step{gap:14px}}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.product-category-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:28px;transition:var(--transition)}.product-category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-category-card .product-card-icon{width:52px;height:52px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:16px}.product-category-card .product-card-header{margin-bottom:12px}.product-category-card .product-card-header h3{font-size:1.1rem;margin-bottom:4px}.product-category-card .product-tag{display:inline-block;font-size:.72rem;color:var(--gray-500);background:var(--gray-100);padding:2px 10px;border-radius:12px;font-weight:500}.product-category-card p{color:var(--gray-500);font-size:.88rem;line-height:1.6;margin-bottom:14px}.product-category-card .product-tags{display:flex;flex-wrap:wrap;gap:6px}.product-category-card .product-tags .tag{background:var(--primary-bg);color:var(--primary);font-size:.72rem;padding:3px 10px;border-radius:20px;font-weight:500}@media (max-width:768px){.products-grid{grid-template-columns:1fr}}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px}.testimonial-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:32px 28px;transition:var(--transition);position:relative}.testimonial-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.testimonial-card .quote{font-size:.98rem;color:var(--gray-600);font-style:italic;line-height:1.7;margin-bottom:20px;position:relative;padding-left:20px;border-left:3px solid var(--primary-light)}.testimonial-card .author{display:flex;align-items:center;gap:12px}.testimonial-card .author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary-bg),var(--primary-subtle));display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:700;font-size:1rem}.testimonial-card .author-name{font-weight:600;color:var(--secondary);font-size:.92rem}.testimonial-card .author-role{font-size:.8rem;color:var(--gray-500)}.cta-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 50%,var(--primary-deeper) 100%);color:var(--white);padding:80px 0;text-align:center;position:relative;overflow:hidden}.cta-section::before,.page-hero::before{content:"";position:absolute;border-radius:50%;pointer-events:none}.cta-section::before{top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.05)0,transparent 70%)}.cta-section h2{color:var(--white);margin-bottom:16px}.cta-section p{color:rgba(255,255,255,.8);font-size:1.1rem;max-width:620px;margin:0 auto 32px;line-height:1.65}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:20px;align-items:center;justify-items:center}.client-logo{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px 16px;width:100%;text-align:center;font-weight:600;color:var(--gray-500);font-size:.9rem;transition:var(--transition)}.client-logo i{font-size:1.6rem;color:var(--primary);display:block}.client-logo:hover{border-color:var(--primary-light);color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.page-hero{background:linear-gradient(135deg,var(--secondary) 0%,#1a2a4a 50%,var(--secondary-light) 100%);color:var(--white);padding:80px 0 60px;text-align:center;position:relative;overflow:hidden}.page-hero::before{top:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.08)0,transparent 70%)}.contact-info-card h2,.page-hero h1{color:var(--white);margin-bottom:12px}.page-hero p{color:rgba(255,255,255,.6);font-size:1.1rem;max-width:600px;margin:0 auto}.service-detail-grid{display:flex;flex-direction:column;gap:28px}.service-category-block{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:36px 36px 28px;transition:var(--transition)}.service-category-block:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.service-category-block .category-label{font-size:.7rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.service-category-block .category-title{font-size:1.25rem;margin-bottom:6px;color:var(--secondary)}.service-category-block .category-desc{color:var(--gray-500);font-size:.88rem;margin-bottom:20px;line-height:1.6}.sub-services{display:flex;flex-direction:column;border-top:1px solid var(--gray-100)}.sub-service{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--gray-100);transition:var(--transition)}.sub-service:hover{padding-left:8px}.sub-service:last-child{border-bottom:none}.sub-service .sub-service-icon{width:44px;height:44px;min-width:44px;background:linear-gradient(135deg,var(--primary-bg),var(--primary-subtle));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--primary)}.sub-service .sub-service-content{flex:1}.sub-service .sub-service-content h4{font-size:.98rem;font-weight:600;color:var(--secondary);margin-bottom:4px}.sub-service .sub-service-content p{color:var(--gray-500);font-size:.85rem;line-height:1.6;margin-bottom:8px}.sub-service .service-tags{display:flex;flex-wrap:wrap;gap:6px}.sub-service .tag{background:var(--gray-100);color:var(--gray-600);font-size:.72rem;padding:3px 10px;border-radius:20px;font-weight:500}.service-block{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:36px 32px;transition:var(--transition)}.service-block:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.service-block .service-block-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-bg),var(--primary-subtle));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px}.service-block h3{font-size:1.15rem}.service-block p,.why-card p{color:var(--gray-500);font-size:.92rem;line-height:1.65}.service-block .service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.service-block .tag{background:var(--primary-bg);color:var(--primary);font-size:.75rem;padding:4px 12px;border-radius:20px;font-weight:500}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.why-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:32px 28px;transition:var(--transition);text-align:center}.why-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.why-card .why-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-bg),var(--primary-subtle));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 20px;color:var(--primary);transition:var(--transition)}.why-card:hover .why-icon{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);box-shadow:0 4px 16px rgba(37,99,235,.25)}.service-block h3,.why-card h3{margin-bottom:10px}.why-card p{font-size:.9rem}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px}.contact-info-card{background:linear-gradient(135deg,var(--secondary) 0%,#1a2a4a 100%);color:var(--white);border-radius:var(--radius-lg);padding:40px 36px}.contact-info-card>p{color:rgba(255,255,255,.6);margin-bottom:32px;font-size:.95rem;line-height:1.6}.contact-item{display:flex;gap:14px;margin-bottom:22px;align-items:flex-start}.contact-item:last-child{margin-bottom:0}.contact-item .contact-icon{width:40px;height:40px;background:rgba(255,255,255,.08);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;color:var(--primary-light)}.contact-item h4{font-size:.88rem;margin-bottom:2px}.contact-item a,.contact-item span{color:rgba(255,255,255,.55);font-size:.88rem;line-height:1.5}.contact-item a{color:rgba(255,255,255,.65)}.contact-item a:hover,.contact-item h4{color:var(--white)}.contact-form-wrap{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:40px 36px}.form-group{margin-bottom:18px}.form-group label{display:block;font-weight:600;font-size:.88rem;color:var(--gray-700);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.92rem;font-family:inherit;color:var(--gray-800);background:var(--white);transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-group textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-group input[type=checkbox]{width:auto;margin-right:6px;accent-color:var(--primary)}.site-footer{background:var(--secondary);color:var(--gray-400);padding:70px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:48px;margin-bottom:48px}.footer-about h4,.footer-contact h4,.footer-links h4{color:var(--white);font-size:.95rem;margin-bottom:20px;position:relative;padding-bottom:12px}.footer-about h4::after,.footer-contact h4::after,.footer-links h4::after{content:"";position:absolute;bottom:0;left:0;width:24px;height:2px;background:var(--primary);border-radius:2px}.footer-about p{font-size:.88rem;line-height:1.7;margin-bottom:20px;color:var(--gray-500)}.footer-links a{display:block;font-size:.88rem;padding:6px 0;transition:var(--transition)}.footer-links a:hover{color:var(--white);padding-left:6px}.footer-contact-item{display:flex;gap:10px;margin-bottom:14px;font-size:.85rem}.footer-contact-item .ficon{color:var(--primary-light);flex-shrink:0;width:16px;text-align:center}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:24px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:.82rem}.footer-bottom a,.footer-links a{color:var(--gray-400)}.back-to-top,.footer-bottom a:hover{color:var(--white)}.back-to-top{position:fixed;bottom:32px;right:32px;width:42px;height:42px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border:0;border-radius:50%;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,99,235,.3);opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:999}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.blog-card,.category-list a{display:flex;transition:var(--transition)}.blog-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;flex-direction:column}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}.blog-card .blog-image{width:100%;height:120px;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:2.8rem;color:var(--white)}.blog-card .blog-body{padding:10px 14px 12px;flex:1;display:flex;flex-direction:column}.blog-card .blog-category{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--primary);background:var(--primary-bg);padding:4px 12px;border-radius:20px;margin-bottom:12px;width:fit-content}.blog-card h3{font-size:1.15rem;margin-bottom:10px;line-height:1.4}.blog-card h3 a{color:var(--secondary)}.blog-card h3 a:hover{color:var(--primary)}.blog-card .blog-excerpt{color:var(--gray-500);font-size:.88rem;line-height:1.6;margin-bottom:16px;flex:1}.blog-card .blog-meta{font-size:.78rem;color:var(--gray-400);display:flex;align-items:center;gap:16px;padding-top:16px;border-top:1px solid var(--gray-100)}.blog-card .blog-meta span{display:inline-flex;align-items:center;gap:5px}.blog-layout{display:grid;grid-template-columns:1fr 320px;gap:48px}.blog-sidebar{position:sticky;top:calc(var(--header-height) + 24px);align-self:start}.sidebar-widget{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:24px;margin-bottom:24px}.sidebar-widget h4{font-size:.95rem;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--gray-100)}.category-list a{justify-content:space-between;align-items:center;padding:10px 0;color:var(--gray-600);font-size:.88rem;border-bottom:1px solid var(--gray-100)}.category-list a:hover{color:var(--primary);padding-left:6px}.category-list .count{background:var(--gray-100);color:var(--gray-500);font-size:.75rem;padding:2px 10px;border-radius:12px}.popular-post{display:flex;gap:12px;margin-bottom:14px;align-items:flex-start}.popular-post:last-child{margin-bottom:0}.popular-post .pp-thumb{width:56px;height:56px;border-radius:var(--radius-sm);background:var(--gray-100);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--gray-300)}.popular-post .pp-title{font-size:.83rem;font-weight:600;color:var(--secondary);line-height:1.4}.popular-post .pp-date{font-size:.72rem;color:var(--gray-400);margin-top:4px}.blog-post{max-width:800px;margin:0 auto}.blog-post .post-header{margin-bottom:32px}.blog-post .post-category{display:inline-block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);background:var(--primary-bg);padding:6px 16px;border-radius:20px;margin-bottom:16px}.blog-post .post-meta{font-size:.88rem;color:var(--gray-500);display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:16px}.blog-post .post-meta span{display:inline-flex;align-items:center;gap:6px}.blog-post .post-featured-image{width:100%;max-height:420px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:32px;background:var(--gray-100)}.blog-post .post-content h2{font-size:1.5rem;margin:36px 0 16px}.blog-post .post-content h3{font-size:1.2rem;margin:28px 0 12px}.blog-post .post-content p{margin-bottom:18px;line-height:1.75;color:var(--gray-700)}.blog-post .post-content ol,.blog-post .post-content ul{margin:16px 0 24px 24px;line-height:1.8}.blog-post .post-content ol li,.blog-post .post-content ul li{margin-bottom:8px;color:var(--gray-700);list-style:disc}.blog-post .post-content ol li{list-style:decimal}.blog-post .post-content blockquote{border-left:4px solid var(--primary);background:var(--primary-bg);padding:20px 24px;margin:24px 0;border-radius:0 var(--radius) var(--radius)0;font-style:italic;color:var(--gray-600)}.blog-post .post-content .highlight-box{background:linear-gradient(135deg,var(--primary-bg),#f0f9ff);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:24px 28px;margin:24px 0}.blog-post .post-content .highlight-box h4{color:var(--primary);margin-bottom:8px}.blog-post .post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:24px;border-top:1px solid var(--gray-200)}.blog-post .post-tags a{background:var(--gray-100);color:var(--gray-600);padding:6px 16px;border-radius:20px;font-size:.8rem;transition:var(--transition)}.blog-post .post-tags a:hover,.faq-item.active .faq-question .faq-icon{background:var(--primary);color:var(--white)}.blog-post .post-navigation{display:flex;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:2px solid var(--gray-100);gap:24px}.blog-post .post-navigation a,.pagination a,.pagination span{border-radius:var(--radius);border:1px solid var(--gray-200);transition:var(--transition)}.blog-post .post-navigation a{flex:1;padding:20px;color:var(--gray-700)}.blog-post .post-navigation a:hover{border-color:var(--primary);background:var(--primary-bg)}.blog-post .post-navigation .nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--gray-500);display:block;margin-bottom:4px}.blog-post .post-navigation .nav-title{font-weight:600;font-size:.92rem}.pagination{display:flex;justify-content:center;gap:8px;margin-top:48px}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:.88rem;font-weight:500;color:var(--gray-600)}.pagination .current,.pagination a:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.pagination .dots{border:0}.faq-list{max-width:800px;margin:0 auto}.faq-item,.newsletter-form input{border-radius:var(--radius);transition:var(--transition)}.faq-item{border:1px solid var(--gray-200);margin-bottom:12px;overflow:hidden;background:var(--white)}.faq-item:hover{border-color:var(--primary-light)}.faq-question{width:100%;background:0 0;border:0;padding:20px 24px;font-size:.98rem;font-weight:600;color:var(--secondary);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:inherit}.faq-question .faq-icon{flex-shrink:0;width:26px;height:26px;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:var(--transition);color:var(--gray-500)}.faq-item.active .faq-question .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-item.active .faq-answer{max-height:400px}.faq-answer .faq-answer-inner{padding:0 24px 24px;color:var(--gray-600);font-size:.9rem;line-height:1.7}.newsletter-section{background:var(--gray-50);padding:64px 0;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.newsletter-box{max-width:560px;margin:0 auto;text-align:center}.newsletter-box h2{margin-bottom:8px}.newsletter-box p{color:var(--gray-500);margin-bottom:24px;font-size:.95rem}.newsletter-form{display:flex;gap:12px;max-width:500px;margin:0 auto}.newsletter-form input{flex:1;padding:14px 18px;border:1px solid var(--gray-300);font-size:.92rem;font-family:inherit}.newsletter-form input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.newsletter-form .btn{flex-shrink:0}.newsletter-success{display:none;color:var(--green);font-weight:600;padding:12px;background:var(--green-light);border-radius:var(--radius);margin-top:16px;font-size:.9rem}.newsletter-success.visible{display:block}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.benefit-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);font-weight:500;color:var(--gray-700);font-size:.92rem;transition:var(--transition)}.benefit-item:hover{border-color:var(--primary-light);background:var(--primary-bg);transform:translateX(4px)}.benefit-item .benefit-check{color:var(--green);font-size:1rem;flex-shrink:0}.breadcrumbs{padding:20px 0;font-size:1.05rem;font-weight:600}.breadcrumbs,.breadcrumbs a{color:#1e3a5f}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs .separator{margin:0 8px;color:var(--gray-300)}.fa-spinner{animation:spin 1s linear infinite}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-left,.fade-in-right{opacity:0;transform:translateX(-30px);transition:opacity .6s ease,transform .6s ease}.fade-in-left.visible,.fade-in-right.visible{opacity:1;transform:translateX(0)}.fade-in-right{transform:translateX(30px)}@media (max-width:1024px){.hero .container{grid-template-columns:1fr;text-align:center}.hero{padding:80px 0 60px}.hero-content p{margin:0 auto 32px}.hero-buttons{justify-content:center}.hero-image{display:none}.about-grid,.contact-grid{grid-template-columns:1fr}.about-image .experience-badge{bottom:-16px;right:16px}.footer-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.main-nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:rgba(255,255,255,.98);backdrop-filter:blur(10px);flex-direction:column;padding:24px;gap:4px;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999}.main-nav.active{transform:translateX(0)}.main-nav a{padding:14px 16px;font-size:1.05rem}.main-nav .nav-cta{margin-left:0;margin-top:12px;text-align:center}.menu-toggle{display:flex}.hero{padding:60px 0}.hero-stats{grid-template-columns:repeat(3,1fr);gap:10px}.hero-stat .number{font-size:1.4rem}.hero-stat .label{font-size:.65rem}.section{padding:60px 0}.service-detail-grid,.services-grid,.testimonials-grid,.why-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:1fr 1fr}.footer-grid,.form-row{grid-template-columns:1fr}.footer-grid{gap:32px}.top-bar .contact-info{justify-content:center}.top-bar .social-links{display:none}.newsletter-form{flex-direction:column}.newsletter-form .btn{width:100%}}@media (max-width:480px){.hero-stats,.stats-grid{grid-template-columns:1fr}.testimonial-card{padding:20px}.cta-section{padding:60px 24px}.page-hero{padding:60px 24px 48px}}
/* === Blog list (zhangpartners style) === */
.topic-btn{background:transparent;border:none;font-size:0.82rem;font-weight:500;color:rgba(255,255,255,0.6);cursor:pointer;transition:all 0.2s;letter-spacing:0.5px}.topic-btn:hover{color:#fff}.topic-btn.active{color:#fff;font-weight:600}
.blog-card .blog-category{color:#c9a14a;font-size:0.78rem;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;display:block;margin-bottom:6px}
.blog-card h3{font-size:0.88rem;font-weight:600;color:#1e3a5f;line-height:1.2;margin-bottom:4px}
.blog-card h3 a{color:inherit;text-decoration:none}
.blog-card h3 a:hover{color:#c9a14a}
.blog-card .blog-excerpt{font-size:0.88rem;color:#5a5a5a;line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card .read-more{color:#c9a14a;font-size:0.85rem;font-weight:600;text-decoration:none;letter-spacing:0.3px}
.blog-card .read-more:hover{color:#1e3a5f}
.btn-full-contact{display:block;text-align:center;padding:14px 20px;background:#1e3a5f;color:#fff;font-weight:600;font-size:0.82rem;letter-spacing:1.5px;margin-top:20px;text-decoration:none;text-transform:uppercase;transition:background 0.2s}.btn-full-contact:hover{background:#0f1f33;color:#fff}