*{margin:0;padding:0;box-sizing:border-box}body{font-family:'PingFang SC','Helvetica Neue',Arial,sans-serif;line-height:1.6;color:#333;background-color:#f5f7fa}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:fixed;top:0;left:0;right:0;z-index:1000}.navbar .container{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.navbar-brand{display:flex;align-items:center;text-decoration:none;color:#333}.logo{width:40px;height:40px;margin-right:10px}.brand-name{font-size:20px;font-weight:bold;color:#1677FF}.navbar-links{display:flex;align-items:center;gap:30px}.nav-link{text-decoration:none;color:#333;font-size:14px;font-weight:500;transition:color 0.3s}.nav-link:hover{color:#1677FF}.btn-primary{background-color:#1677FF;color:#fff;padding:8px 20px;border-radius:4px;text-decoration:none;font-size:14px;font-weight:500;transition:background-color 0.3s;border:none;cursor:pointer}.btn-primary:hover{background-color:#409EFF}.btn-secondary{background-color:#fff;color:#1677FF;padding:8px 20px;border-radius:4px;text-decoration:none;font-size:14px;font-weight:500;transition:all 0.3s;border:1px solid #1677FF}.btn-secondary:hover{background-color:#e6f7ff}.navbar-toggle{display:none;flex-direction:column;cursor:pointer}.navbar-toggle span{width:20px;height:2px;background-color:#333;margin:2px 0}.hero{margin-top:70px;padding:80px 0;background-color:#f0f5ff}.hero .container{display:flex;align-items:center;gap:40px}.hero-content{flex:1}.hero h1{font-size:48px;font-weight:bold;line-height:1.2;margin-bottom:20px;color:#333}.hero p{font-size:18px;color:#666;margin-bottom:30px}.hero-buttons{display:flex;gap:20px;margin-bottom:40px}.hero-stats{display:flex;gap:40px}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:24px;font-weight:bold;color:#1677FF}.stat-label{font-size:14px;color:#666}.hero-image{flex:1}.hero-image img{width:100%;border-radius:8px}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:36px;font-weight:bold;margin-bottom:15px;color:#333}.section-header p{font-size:16px;color:#666;max-width:600px;margin:0 auto}.features{padding:100px 0;background-color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{background-color:#f9f9f9;padding:30px;border-radius:8px;transition:transform 0.3s,box-shadow 0.3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.feature-icon{width:60px;height:60px;margin-bottom:20px}.feature-icon img{width:100%;height:100%}.feature-card h3{font-size:20px;font-weight:bold;margin-bottom:15px;color:#333}.feature-card p{font-size:14px;color:#666}.how-it-works{padding:100px 0;background-color:#f5f7fa}.steps-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.step-item{flex:1;text-align:center;padding:30px;background-color:#fff;border-radius:8px;margin:10px;min-width:200px}.step-number{width:40px;height:40px;background-color:#1677FF;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold;margin:0 auto 20px}.step-item h3{font-size:18px;font-weight:bold;margin-bottom:10px;color:#333}.step-item p{font-size:14px;color:#666}.step-arrow{font-size:30px;color:#1677FF;font-weight:bold;margin:0 20px}.pricing{padding:100px 0;background-color:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.pricing-card{background-color:#f9f9f9;padding:30px;border-radius:8px;text-align:center;position:relative;transition:transform 0.3s,box-shadow 0.3s}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.pricing-card.featured{background-color:#e6f7ff;border:1px solid #1677FF}.pricing-badge{position:absolute;top:-10px;right:20px;background-color:#1677FF;color:#fff;padding:5px 15px;border-radius:15px;font-size:12px;font-weight:bold}.pricing-header{margin-bottom:30px}.pricing-header h3{font-size:20px;font-weight:bold;margin-bottom:15px;color:#333}.price{font-size:36px;font-weight:bold;color:#1677FF}.price-period{font-size:16px;color:#666;font-weight:normal}.pricing-features{margin-bottom:30px}.feature-item{display:flex;align-items:center;margin-bottom:15px;font-size:14px}.feature-check{margin-right:10px;font-size:16px}.feature-check.✓{color:#52c41a}.feature-check.✗{color:#ff4d4f}.case-studies{padding:100px 0;background-color:#f5f7fa}.case-studies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.case-study-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s}.case-study-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.case-study-image{height:200px;overflow:hidden}.case-study-image img{width:100%;height:100%;object-fit:cover}.case-study-content{padding:20px}.case-study-content h3{font-size:18px;font-weight:bold;margin-bottom:10px;color:#333}.case-study-content p{font-size:14px;color:#666;margin-bottom:20px}.case-study-stats{display:flex;gap:20px}.stats{padding:80px 0;background-color:#1677FF;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.stat-card{text-align:center}.stat-card .stat-number{font-size:48px;font-weight:bold;margin-bottom:10px;color:#fff}.stat-card .stat-label{font-size:16px;color:rgba(255,255,255,0.8)}.contact{padding:100px 0;background-color:#fff}.contact-content{display:flex;gap:40px;flex-wrap:wrap}.contact-form{flex:1;min-width:300px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-size:14px;font-weight:500;color:#333}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group textarea{resize:vertical}.contact-info{flex:1;min-width:300px}.info-item{display:flex;align-items:flex-start;margin-bottom:30px}.info-icon{width:40px;height:40px;margin-right:15px}.info-icon img{width:100%;height:100%}.info-content h4{font-size:16px;font-weight:bold;margin-bottom:5px;color:#333}.info-content p{font-size:14px;color:#666}.download-app{padding:100px 0;background-color:#f0f5ff}.download-content{flex:1;margin-bottom:40px}.download-content h2{font-size:36px;font-weight:bold;margin-bottom:15px;color:#333}.download-content p{font-size:16px;color:#666;margin-bottom:30px}.download-buttons{display:flex;gap:20px}.download-buttons .btn-primary{display:flex;align-items:center;gap:10px}.download-buttons .btn-primary img{width:20px;height:20px}.download-image{flex:1;text-align:center}.download-image img{width:200px;height:auto}.footer{background-color:#333;color:#fff;padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-logo{display:flex;flex-direction:column;align-items:flex-start}.footer-logo img{width:40px;height:40px;margin-bottom:10px}.footer-logo .brand-name{font-size:20px;font-weight:bold;margin-bottom:10px;color:#fff}.footer-logo p{font-size:14px;color:rgba(255,255,255,0.7)}.footer-links h4{font-size:16px;font-weight:bold;margin-bottom:20px;color:#fff}.footer-links ul{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{text-decoration:none;color:rgba(255,255,255,0.7);font-size:14px;transition:color 0.3s}.footer-links a:hover{color:#1677FF}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.copyright{font-size:14px;color:rgba(255,255,255,0.7)}.social-links{display:flex;gap:20px}.social-link img{width:24px;height:24px;transition:transform 0.3s}.social-link:hover img{transform:scale(1.1)}@media (max-width:768px){.navbar-links{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fff;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,0.1);flex-direction:column;align-items:flex-start;gap:15px}.navbar-links.active{display:flex}.navbar-toggle{display:flex}.hero .container{flex-direction:column;text-align:center}.hero h1{font-size:36px}.hero-buttons{justify-content:center}.hero-stats{justify-content:center}.steps-container{flex-direction:column}.step-arrow{transform:rotate(90deg);margin:20px 0}.contact-content{flex-direction:column}.download-app .container{flex-direction:column;text-align:center}.download-buttons{justify-content:center}.footer-bottom{flex-direction:column;text-align:center;gap:20px}}@media (max-width:480px){.hero h1{font-size:28px}.section-header h2{font-size:28px}.case-studies-grid{grid-template-columns:1fr}.case-study-card{min-width:100%}}