.hero-content{position:relative;z-index:1}.hero h1{font-size:3em;margin-bottom:20px;font-weight:800;line-height:1.2}.hero .subtitle{font-size:1.5em;margin-bottom:30px;opacity:.95;font-weight:300}.hero .description{font-size:1.2em;opacity:.9}.cta-button{display:inline-block;padding:18px 45px;background:#fff;color:#667eea;text-decoration:none;border-radius:50px;font-size:1.2em;font-weight:700;transition:all 0.3s ease;box-shadow:0 10px 30px rgba(0,0,0,.2)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,.3)}.badge{display:inline-block;background:rgba(255,255,255,.3);padding:8px 20px;border-radius:30px;font-weight:600;border:2px solid rgba(255,255,255,.35)}.problems{padding:80px 0;background:#f9fafb}.section-title{text-align:center;font-size:2.5em;margin-bottom:20px;color:#1f2937;font-weight:700}.section-subtitle{text-align:center;font-size:1.2em;color:#6b7280;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px}.problem-card{background:#fff;padding:40px;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.07);transition:all 0.3s ease}.problem-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.problem-icon{font-size:3em;margin-bottom:20px}.problem-card h3{font-size:1.5em;margin-bottom:15px;color:#1f2937}.problem-card p{color:#6b7280;line-height:1.8}.features{padding:80px 0;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-top:50px}.feature-card{text-align:center;padding:30px}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:2.5em}.feature-card h3{font-size:1.4em;margin-bottom:15px;color:#1f2937}.feature-card p{color:#6b7280;line-height:1.8}.how-it-works{padding:80px 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.step-blocks-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:40px;margin-top:50px}.step-block{text-align:center;position:relative}.step-block-number{width:60px;height:60px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.8em;font-weight:700;border:3px solid #fff}.step-block h3{font-size:1.3em;margin-bottom:15px}.step-block p{opacity:.9;line-height:1.8}.benefits{padding:80px 0;background:#f9fafb}.benefits-list{max-width:900px;margin:50px auto 0}.benefit-item{background:#fff;padding:30px;margin-bottom:20px;border-radius:15px;display:flex;align-items:flex-start;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:all 0.3s ease}.benefit-item:hover{box-shadow:0 8px 20px rgba(0,0,0,.1);transform:translateX(10px)}.benefit-icon{font-size:2.5em;margin-right:25px;flex-shrink:0}.benefit-content h3{font-size:1.4em;margin-bottom:10px;color:#1f2937}.benefit-content p{color:#6b7280;line-height:1.8}.use-cases{padding:80px 0;background:#fff}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px}.use-case{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);padding:40px;border-radius:15px;border-left:5px solid #667eea}.use-case-icon{font-size:2.5em;margin-bottom:20px}.use-case h3{font-size:1.4em;margin-bottom:15px;color:#1f2937}.use-case p{color:#4b5563;line-height:1.8}.cta-section{padding:100px 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;text-align:center}.cta-section h2{font-size:2.8em;margin-bottom:20px;font-weight:700}.cta-section p{font-size:1.3em;margin-bottom:40px;opacity:.95}.cta-button-white{display:inline-block;padding:20px 50px;background:#fff;color:#667eea;text-decoration:none;border-radius:50px;font-size:1.3em;font-weight:700;transition:all 0.3s ease;box-shadow:0 10px 30px rgba(0,0,0,.2)}.cta-button-white:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px rgba(0,0,0,.3)}@media (max-width:768px){.hero h1{font-size:2em}.hero .subtitle{font-size:1.2em}.section-title{font-size:2em}.problems-grid,.features-grid,.use-cases-grid{grid-template-columns:1fr}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{animation:fadeInUp 0.6s ease-out}