.ImageHero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.ImageHeroContent{max-width:800px;margin:0 auto}.ImageHero h1{font-size:2.8rem;margin-bottom:20px;line-height:1.2}.ImageHeroSubtitle{font-size:1.4rem;margin-bottom:40px;opacity:.9}.ImageHeroButtons{display:flex;gap:20px;justify-content:center}.ImagePrimaryButton{background-color:#fff;color:#667eea;padding:14px 28px;border-radius:5px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease}.ImagePrimaryButton:hover{background-color:#f8f9fa;transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.ImageSecondaryButton{background-color:initial;color:#fff;padding:14px 28px;border-radius:5px;text-decoration:none;font-weight:600;font-size:1.1rem;border:2px solid #fff;transition:all .3s ease}.ImageSecondaryButton:hover{background-color:#ffffff1a;transform:translateY(-3px)}.ImageBenefits{padding:80px 20px;text-align:center}.ImageBenefits h2{font-size:2.2rem;margin-bottom:50px;color:#2c3e50}.ImageBenefitsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px;max-width:1200px;margin:0 auto}.ImageBenefitCard{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.ImageBenefitCard:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.ImageBenefitIcon{font-size:2.5rem;margin-bottom:20px}.ImageBenefitCard h3{font-size:1.3rem;margin-bottom:15px;color:#2c3e50}.ImageBenefitCard p{color:#555;line-height:1.6}.ImageShowcase{display:flex;align-items:center;padding:80px 20px;background-color:#f8f9fa;gap:50px}.ImageShowcaseContent{flex:1 1;line-height:1.1}.ImageShowcaseContent h2{font-size:2.2rem;margin-bottom:20px;color:#2c3e50}.ImageShowcaseContent p{color:#555;line-height:1.6;margin-bottom:20px;font-size:1.1rem}.ImageFeatureList{margin-bottom:30px;padding-left:20px}.ImageFeatureList li{margin-bottom:10px;color:#555;line-height:1.6}.ImageShowcaseImage{flex:1 1;display:flex;justify-content:center}.ImageShowcaseImage img{max-width:100%}.ImageShowcaseImage img,.ImageShowcasePlaceholder{border-radius:10px;box-shadow:0 10px 30px #0000001a}.ImageShowcasePlaceholder{width:100%;max-width:500px;aspect-ratio:1;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.ImageShowcaseIcon{font-size:5rem;margin-bottom:20px}.ImageShowcasePlaceholder p{font-size:1.2rem;font-weight:600;color:#fff}.ImageCTAButton{background-color:#667eea;color:#fff;padding:12px 24px;border-radius:5px;text-decoration:none;font-weight:600;display:inline-block;transition:all .3s ease}.ImageCTAButton:hover{background-color:#5568d3;transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.ImageHowItWorks{padding:80px 20px;text-align:center}.ImageHowItWorks h2{font-size:2.2rem;margin-bottom:50px;color:#2c3e50}.ImageSteps{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;flex-wrap:wrap}.ImageStep{flex:1 1;min-width:200px;padding:20px;text-align:center}.ImageStepNumber{width:50px;height:50px;background-color:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 20px}.ImageStep h3{font-size:1.3rem;margin-bottom:15px;color:#2c3e50}.ImageStep p{color:#555;line-height:1.6}.ImageStepArrow{font-size:2rem;color:#667eea;margin:0 10px;display:flex;align-items:center}.ImageUseCases{padding:80px 20px;background-color:#f8f9fa;text-align:center}.ImageUseCases h2{font-size:2.2rem;margin-bottom:50px;color:#2c3e50}.ImageUseCasesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px;max-width:1200px;margin:0 auto}.ImageUseCaseCard{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000000d;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.ImageUseCaseCard:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.ImageUseCaseCard h3{font-size:1.3rem;margin-bottom:15px;color:#2c3e50;text-align:center;padding-bottom:10px;border-bottom:1px solid #eee}.ImageUseCaseCard ul{padding-left:20px}.ImageUseCaseCard li{margin-bottom:8px;color:#555;line-height:1.6}.ImageFeatures{padding:80px 20px;text-align:center}.ImageFeatures h2{font-size:2.2rem;margin-bottom:50px;color:#2c3e50}.ImageFeaturesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px;max-width:1200px;margin:0 auto}.ImageFeatureCard{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000000d;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.ImageFeatureCard:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.ImageFeatureCard h3{font-size:1.3rem;margin-bottom:15px;color:#2c3e50}.ImageFeatureCard p{color:#555;line-height:1.6}.ImageCTA{background-color:#667eea;color:#fff;padding:80px 20px;text-align:center;margin-top:60px;border-radius:10px}.ImageCTA h2{font-size:2.2rem;line-height:1.2;margin-bottom:20px}.ImageCTA p{font-size:1.1rem;max-width:700px;margin:0 auto 30px;line-height:1.6}.ImageCTA .ImageCTAButton{background-color:#fff;color:#667eea;padding:15px 30px;font-size:1.2rem}.ImageCTA .ImageCTAButton:hover{background-color:#f8f9fa}@media (max-width:768px){.ImageHero h1{font-size:2rem}.ImageHeroSubtitle{font-size:1.1rem}.ImageHeroButtons{flex-direction:column;gap:15px}.ImageShowcase{padding:50px 20px}.ImageShowcase,.ImageSteps{flex-direction:column}.ImageStepArrow{transform:rotate(90deg);margin:10px 0}.ImageBenefits,.ImageFeatures,.ImageHowItWorks,.ImageUseCases{padding:50px 20px}.ImageBenefits h2,.ImageCTA h2,.ImageFeatures h2,.ImageHowItWorks h2,.ImageShowcaseContent h2,.ImageUseCases h2{font-size:1.8rem}}