.hero-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;margin-bottom:60px;min-height:500px;display:flex;align-items:center;justify-content:center;padding:60px 20px}.hero-content{padding:20px}.hero-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:20px}.hero-features{margin:30px 0 40px 0}.feature-item{display:flex;margin-bottom:15px;font-size:1.1rem}.feature-item i{color:#4ade80;margin-right:12px;font-size:1.3rem}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}.hero-buttons .btn{padding:12px 30px;font-weight:600;border-radius:5px;transition:all 0.3s ease}.hero-buttons .btn-primary{background-color:white;color:black;border:none}.hero-buttons .btn-primary:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,0.2)}.hero-buttons .btn-outline-primary{color:white;border-color:white;border-width:2px}.hero-buttons .btn-outline-primary:hover{background-color:white;color:#667eea;transform:translateY(-2px)}.hero-image{text-align:center;padding:20px;display:flex;align-items:center;justify-content:center;height:100%;position:relative}.hero-img{max-height:550px;display:block;filter:drop-shadow(0 10px 30px rgba(0,0,0,0.2))}.hero-img-primary{position:relative;z-index:2;max-width:85%;height:auto;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,0.3);transition:transform 0.3s ease}.hero-img-primary:hover{transform:scale(1.05)}.hero-img-secondary{position:absolute;top:50px;right:-30px;z-index:1;max-width:70%;height:auto;border-radius:10px;box-shadow:0 15px 30px rgba(0,0,0,0.2);transition:all 0.3s ease}.hero-img-secondary:hover{transform:scale(1.15)}.video-section{margin-top:20px;margin-bottom:60px}.video-section .ratio{border-radius:10px;overflow:hidden}.video-section iframe{width:100%;height:100%;border:0}.video-section .text-center{margin-top:15px}.features-section{background-color:#ffffff}.section-header{margin-bottom:50px}.section-title{font-size:2.5rem;font-weight:700;color:#343a40;margin-bottom:15px}.section-subtitle{font-size:1.1rem;color:#6c757d}.feature-card{background:#f8f9fa;border-radius:10px;padding:30px;text-align:center;transition:all 0.3s ease;border:1px solid #e9ecef}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);background-color:white}.feature-icon{font-size:3rem;color:#667eea;margin-bottom:20px}.feature-title{font-size:1.25rem;font-weight:700;color:#343a40;margin-bottom:15px}.feature-description{font-size:1rem;color:#6c757d;line-height:1.6}.home-coming-soon-badge{font-size:0.7em}.home-cta-section{background-color:cornflowerblue}.home-support-title{font-weight:700}.home-support-link{display:inline-block}.home-support-button-img{height:45px;width:162px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.how-it-works-section{background-color:#f8f9fa;padding:60px 0}.step-card{background:white;border-radius:10px;padding:40px 30px;text-align:center;transition:all 0.3s ease;border-left:5px solid #667eea;position:relative}.step-card:hover{box-shadow:0 10px 30px rgba(0,0,0,0.1)}.step-number{position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:50px;height:50px;background-color:#667eea;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.step-title{font-size:1.25rem;font-weight:700;color:#343a40;margin:20px 0 15px 0}.step-description{font-size:1rem;color:#6c757d;line-height:1.6}.cta-section{padding:80px 0;text-align:center}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:15px}.cta-subtitle{font-size:1.25rem;opacity:0.95}.cta-section .btn{padding:15px 40px;font-weight:600;border-radius:5px;transition:all 0.3s ease}.cta-section .btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,0.2)}.faq-section{background-color:#f8f9fa;padding:60px 0}.accordion-button:not(.collapsed){background-color:#667eea;color:white}.accordion-button:focus{border-color:#667eea;box-shadow:0 0 0 0.25rem rgba(102,126,234,0.25)}@media (max-width:992px){.section-title{font-size:2.2rem}.feature-card,.step-card{padding:25px}}@media (max-width:768px){.hero-section{padding:30px 15px;margin-bottom:40px;min-height:auto}.hero-content{padding:15px 0}.hero-title{font-size:2rem !important}.feature-item{font-size:1rem;margin-bottom:12px}.feature-item i{font-size:1.2rem}.hero-buttons{flex-direction:column;gap:12px}.hero-buttons .btn{width:100%;text-align:center;padding:12px 25px}.hero-img{max-height:300px}.hero-img-primary{max-width:90%}.hero-img-secondary{top:40px;right:-20px;max-width:75%}.section-title{font-size:1.8rem}.section-subtitle{font-size:1rem}.feature-icon{font-size:2.5rem}.feature-title{font-size:1.15rem}.feature-description{font-size:0.95rem}.step-title{font-size:1.15rem}.step-description{font-size:0.95rem}.cta-title{font-size:2rem}.cta-subtitle{font-size:1.1rem}.video-section{margin-top:20px;margin-bottom:40px}.accordion-button{font-size:0.95rem}.accordion-body{font-size:0.9rem}}@media (max-width:576px){.hero-section{padding:20px 12px;margin-bottom:30px;min-height:auto}.hero-content{padding:10px 0}.hero-subtitle{font-size:0.95rem;margin-bottom:20px;line-height:1.5}.hero-features{margin:20px 0;display:flex;flex-direction:column}.feature-item{font-size:0.95rem;margin-bottom:10px}.feature-item i{font-size:1rem;margin-right:8px}.hero-buttons{flex-direction:column;align-items:center;gap:10px;justify-content:center;width:100%}.hero-buttons .btn{font-size:0.9rem;padding:11px 22px;width:90%;max-width:300px}.hero-img{max-height:200px}.hero-img-primary{max-width:95%}.hero-img-secondary{top:30px;right:-15px;max-width:80%}.section-title{font-size:1.5rem;line-height:1.3;margin-bottom:12px}.section-subtitle{font-size:0.9rem;line-height:1.5}.feature-card{padding:20px 15px;margin-bottom:15px}.feature-icon{font-size:2rem;margin-bottom:12px}.feature-title{font-size:1rem;margin-bottom:10px;line-height:1.3}.feature-description{font-size:0.85rem;line-height:1.5}.step-card{padding:30px 15px 20px;margin-bottom:15px}.step-number{width:40px;height:40px;font-size:1.2rem;top:-10px}.step-title{font-size:1rem;margin:18px 0 10px 0;line-height:1.3}.step-description{font-size:0.85rem;line-height:1.5}.cta-section{padding:40px 0}.cta-title{font-size:1.5rem;margin-bottom:12px;line-height:1.3}.cta-subtitle{font-size:0.9rem;margin-bottom:20px;line-height:1.5}.cta-section .btn{padding:12px 28px;font-size:0.9rem}.accordion-button{font-size:0.9rem;padding:12px 15px;line-height:1.4}.accordion-body{font-size:0.85rem;padding:15px;line-height:1.5}.video-section{margin-bottom:30px;padding:0 8px}.home-key-features-title{font-size:1.5rem !important;line-height:1.3 !important;margin-bottom:1rem !important}.home-feature-card-body{padding:1.25rem 0.85rem !important}.home-feature-card-title{font-size:0.95rem !important;line-height:1.3 !important;margin-bottom:0.6rem !important}.home-feature-card-text{font-size:0.8rem !important;line-height:1.4 !important;margin-bottom:0 !important}.home-feature-card-icon{font-size:1.9rem !important;margin-bottom:0.8rem !important}.support-coffee-section{padding:35px 0 !important}.home-support-title{font-size:1.5rem !important;line-height:1.3 !important;margin-bottom:0.8rem !important}.home-support-text{font-size:0.85rem !important;line-height:1.5 !important;padding:0 8px !important}.home-features-section,.home-how-it-works-section,.home-key-features-section,.home-support-section,.home-cta-section,.home-faq-section{padding-top:2rem !important;padding-bottom:2rem !important}}@media (max-width:400px){.hero-section{padding:18px 10px;margin-bottom:25px;min-height:auto}.hero-content{padding:8px 0}.hero-features{margin:15px 0;display:flex;flex-direction:column}.feature-item{font-size:0.9rem;margin-bottom:8px}.feature-item i{font-size:0.95rem;margin-right:6px}.hero-buttons{flex-direction:column;align-items:center;gap:8px;justify-content:center;width:100%}.hero-buttons .btn{font-size:0.85rem;padding:10px 18px;width:85%;max-width:280px}.hero-img{max-height:160px}.hero-img-primary{max-width:95%}.hero-img-secondary{top:25px;right:-10px;max-width:80%}.section-title{font-size:1.4rem;margin-bottom:10px}.section-subtitle{font-size:0.8rem}.feature-card{padding:18px 12px;margin-bottom:12px}.feature-icon{font-size:1.8rem;margin-bottom:10px}.feature-title{font-size:0.9rem;margin-bottom:8px}.feature-description{font-size:0.8rem;line-height:1.4}.step-card{padding:28px 12px 18px;margin-bottom:12px}.step-number{width:38px;height:38px;font-size:1.1rem;top:-9px}.step-title{font-size:0.9rem;margin:15px 0 8px 0}.step-description{font-size:0.8rem;line-height:1.4}.cta-section{padding:35px 0}.cta-title{font-size:1.4rem;margin-bottom:10px}.cta-subtitle{font-size:0.85rem;margin-bottom:18px}.cta-section .btn{padding:10px 25px;font-size:0.85rem}.accordion-button{font-size:0.8rem;padding:10px 12px}.accordion-body{font-size:0.8rem;padding:12px}.video-section{margin-bottom:30px;padding:0 8px}.home-key-features-title{font-size:1.5rem !important;line-height:1.3 !important;margin-bottom:1rem !important}.home-feature-card-body{padding:1.25rem 0.85rem !important}.home-feature-card-title{font-size:0.95rem !important;line-height:1.3 !important;margin-bottom:0.6rem !important}.home-feature-card-text{font-size:0.8rem !important;line-height:1.4 !important;margin-bottom:0 !important}.home-feature-card-icon{font-size:1.9rem !important;margin-bottom:0.8rem !important}.support-coffee-section{padding:35px 0 !important}.home-support-title{font-size:1.5rem !important;line-height:1.3 !important;margin-bottom:0.8rem !important}.home-support-text{font-size:0.85rem !important;line-height:1.5 !important;padding:0 8px !important}.home-features-section,.home-how-it-works-section,.home-key-features-section,.home-support-section,.home-cta-section,.home-faq-section{padding-top:2rem !important;padding-bottom:2rem !important}}