.farmer-app-wrapper{position:relative;width:100%;background-color:#ffffff;color:#1a1a1a;overflow-x:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.main-container{max-width:1200px;margin:0 auto;padding:0 20px}div,h1,h2,h3,p{line-height:1.3!important}.green-bg-curve{position:absolute;top:0;left:0;width:100%;height:300px;background-color:#00b14f;z-index:1;-webkit-clip-path:ellipse(100% 100% at 50% 0);clip-path:ellipse(100% 100% at 50% 0)}.hero-section{position:relative;z-index:2;padding-top:20px}.banner-card{border-radius:15px;overflow:hidden;background:#f4f4f4;margin-bottom:20px;width:100%}.hero-img-contain{width:100%;height:auto;max-height:400px;object-fit:contain;object-position:center center;display:block;background-color:#f4f4f4}.brand-tag{background:#e6f7ef;color:#00b14f;padding:4px 10px;border-radius:4px;font-weight:700;font-size:20px;display:inline-block;margin-bottom:10px}.main-title{font-size:clamp(24px,4vw,32px);font-weight:600;margin-bottom:12px;color:#111}.main-desc{max-width:100%;font-size:14px;color:#444;margin-bottom:15px}.explore-full-btn{background-color:#9cf09c;border:none;border-radius:8px;padding:16px 150px;display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer;transition:background .2s;flex-wrap:wrap;gap:12px;margin:50px 0 15px}.btn-label{font-weight:600;font-size:22px;letter-spacing:-.5px}.google-play-badge img{height:50px;width:auto}.steps-section{padding:20px 30px;background-color:#e5fde9;border-radius:25px;margin:30px 0;overflow:hidden;max-width:100%;box-sizing:border-box}.steps-grid{display:grid;grid-template-columns:30% 50%;grid-gap:50px;gap:50px;align-items:center;max-width:100%}.phone-container{display:flex;justify-content:center;align-items:center;overflow:visible}.mockup-phone{width:100%;max-width:260px;height:auto;aspect-ratio:1/2;background:#1a1a1a;border-radius:35px;border:8px solid #333;position:relative;margin:0 auto}.camera-dot{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:10px;height:10px;background:#555;border-radius:50%;z-index:2}.display{width:100%;height:100%;border-radius:27px;overflow:hidden;background:#000}.app-screenshot{width:100%;height:100%;object-position:center;display:block}.steps-content{text-align:left;width:100%;overflow:hidden}.section-title{font-size:28px;margin-bottom:30px;font-weight:700;color:#1a1a1a;text-align:left}.step-block{margin-bottom:25px}.step-block h3{font-size:18px;margin-bottom:6px;font-weight:700;color:#00b14f}.step-block p{font-size:15px;color:#444;line-height:1.4;margin:0}.value-section{padding:40px 0 30px;width:100%}.bold-tagline{font-size:24px;font-weight:700;margin-bottom:25px;color:#111;text-align:left}.value-points{display:flex;flex-direction:column;gap:18px;margin-bottom:40px;width:100%}.value-points p{font-size:16px;color:#333;margin:0;padding:0;line-height:1.4;text-align:left}.app-flow-visual{width:100%;text-align:left;margin-top:20px}.wide-app-image{width:100%;max-width:100%;height:auto;max-height:370px;object-fit:contain;display:block;margin:0 auto 0 0}.faq-wrapper{padding:40px 0 30px}.faq-title{font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.faq-list{border-top:1px solid #eee;max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid #eee;padding:16px 0;cursor:pointer;transition:background .2s}.faq-item:hover{background-color:#f9f9f9}.faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:16px;color:#111}.faq-icon{font-size:22px;font-weight:600;color:#00b14f}.faq-answer{padding-top:12px;font-size:14px;color:#555;line-height:1.5;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.bottom-cta-wrap{padding:20px 0 50px}@media (min-width:1200px){.main-container{max-width:1200px}.steps-section{max-width:100%}.steps-grid{gap:60px}}@media (max-width:1024px){.steps-section{padding:40px 25px}.steps-grid{gap:40px}.mockup-phone{max-width:240px}.section-title{font-size:26px}.step-block h3{font-size:17px}.bold-tagline{font-size:22px}}@media (max-width:992px){.steps-grid{grid-template-columns:1fr;gap:40px}.phone-container{justify-content:center}.mockup-phone{max-width:280px}.section-title,.step-block,.steps-content{text-align:left}.step-block{padding:0}.app-flow-visual,.bold-tagline,.value-points p{text-align:left}.wide-app-image{margin-left:0;margin-right:auto}.explore-full-btn{padding:12px 20px;flex-direction:row;justify-content:space-between}.btn-label{font-size:16px}}@media (max-width:768px){.brand-tag{font-size:15px}.main-container{padding:0 15px}.green-bg-curve{height:136px}.hero-section{padding-top:15px}.main-title{font-size:22px;margin-bottom:10px}.main-desc{font-size:13px;margin-bottom:12px}.steps-section{padding:25px 20px;margin:20px 0;border-radius:20px}.steps-grid{gap:30px}.phone-container{justify-content:center}.mockup-phone{max-width:220px}.section-title{font-size:22px;margin-bottom:20px}.step-block{margin-bottom:18px}.step-block h3{font-size:16px}.step-block p{font-size:13px}.bold-tagline{font-size:20px;margin-bottom:20px}.value-points{gap:15px;margin-bottom:30px}.value-points p{font-size:14px}.faq-title{font-size:22px;margin-bottom:20px}.faq-question{font-size:14px}.faq-answer{font-size:12px}.faq-item{padding:12px 0}.google-play-badge img{height:40px}.bottom-cta-wrap{padding:15px 0 40px}.explore-full-btn{flex-direction:column;text-align:center}}@media (max-width:480px){.steps-section{padding:20px 15px}.phone-container{justify-content:center}.mockup-phone{max-width:200px}.camera-dot{width:8px;height:8px;top:10px}.mockup-phone{border-width:6px;border-radius:28px}.display{border-radius:22px}.section-title{font-size:20px}.step-block h3{font-size:15px}.step-block p{font-size:12px}.bold-tagline{font-size:18px}.value-points p{font-size:13px}.explore-full-btn{padding:10px 15px}.btn-label{font-size:14px}.wide-app-image{max-height:200px}}@media (max-width:380px){.mockup-phone{max-width:170px}.steps-section{padding:15px 12px}.section-title{font-size:18px}.step-block h3{font-size:14px}.step-block p{font-size:11px}.camera-dot{width:6px;height:6px;top:8px}.mockup-phone{border-width:5px;border-radius:25px}.display{border-radius:20px}}@media (min-aspect-ratio:1/1) and (max-width:768px){.mockup-phone{max-width:180px}}@media (max-width:768px) and (orientation:landscape){.steps-grid{gap:20px}.mockup-phone{max-width:150px}.step-block{margin-bottom:12px}.steps-section{padding:20px}}@media (max-width:426px){.green-bg-curve{height:173px}}@media (max-width:360px){.green-bg-curve{height:137px}}