.how-it-works{padding:100px 0;position:relative;overflow:hidden}.how-it-works:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(1,188,67,.1) 0,transparent 70%);border-radius:50%;filter:blur(60px);pointer-events:none}.how-it-works-header{text-align:center;margin-bottom:80px;position:relative;z-index:1}.how-it-works .top-badge{display:inline-block;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#d9d9d9;font-size:16px;font-weight:600;padding:14px 26px;background:linear-gradient(156.22deg,rgba(59,59,59,.1768) 1.12%,rgba(0,255,90,.104) 95.12%);border-radius:4px;margin-bottom:30px;text-transform:uppercase;letter-spacing:1px}.how-it-works .section-title{font-size:48px;font-weight:800;color:#d9d9d9;letter-spacing:2px;text-transform:uppercase;line-height:1.1}.how-it-works .steps-container{display:flex;justify-content:center;align-items:flex-start;gap:40px;position:relative;z-index:1;flex-wrap:wrap}.how-it-works .step-item{width:100%;max-width:280px;text-align:center;transition:transform .3s ease}.how-it-works .step-item:hover{transform:translateY(-10px)}.how-it-works .step-number{width:70px;height:70px;border-radius:50%;display:flex;background:linear-gradient(156.22deg,rgba(59,59,59,.1768) 1.12%,rgba(0,255,90,.104) 95.12%);align-items:center;justify-content:center;font-size:29px;font-weight:700;color:#606b64;margin:0 auto 20px;-webkit-backdrop-filter:blur(17.7px);backdrop-filter:blur(17.7px)}.step-title{font-size:20px;font-weight:700;color:#ffffff;margin:0 0 15px;text-transform:uppercase;letter-spacing:1px}.step-description{font-size:14px;color:#adadad;line-height:1.6;margin:0}.steps-container:before{content:"";position:absolute;top:30px;left:50%;width:100vw;height:2px;background:#003608;z-index:0}@media (max-width:1200px){.how-it-works .steps-container{gap:32px}.how-it-works .step-item{max-width:260px}}@media (max-width:991px){.how-it-works{padding:80px 0}.how-it-works .section-title{font-size:40px}.how-it-works .steps-container{flex-direction:column;align-items:center;gap:50px}.how-it-works .step-item{max-width:420px}.steps-container:before{display:none}}@media (max-width:767px){.how-it-works{padding:60px 0}.how-it-works-header{margin-bottom:50px}.how-it-works .top-badge{font-size:12px;padding:10px 20px}.how-it-works .section-title{font-size:24px!important;letter-spacing:1px}.how-it-works .step-item{max-width:320px}.how-it-works .step-number{width:50px;height:50px;font-size:20px}.step-title{font-size:18px}.step-description{font-size:13px;line-height:1.7}}@media (max-width:360px){.step-title{font-size:16px}.step-description{font-size:12px}}.how-it-works{animation:sectionFadeIn .8s ease forwards}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.steps-container:before{transform-origin:center;transform:translateX(-50%) scaleX(0);animation:drawLine 1.6s ease forwards;animation-delay:.6s}@keyframes drawLine{to{transform:translateX(-50%) scaleX(1)}}.step-item{opacity:1;transform:translateY(0)}.step-number{transition:background .45s ease,color .45s ease,transform .45s ease}.step-item:first-child .step-number{animation:numberActivate .45s ease forwards;animation-delay:.8s}.step-item:nth-child(2) .step-number{animation:numberActivate .45s ease forwards;animation-delay:1.4s}.step-item:nth-child(3) .step-number{animation:numberActivate .45s ease forwards;animation-delay:2s}.step-item:nth-child(4) .step-number{animation:numberActivate .45s ease forwards;animation-delay:2.6s}@keyframes numberActivate{0%{background:linear-gradient(156.22deg,rgba(59,59,59,.1768) 1.12%,rgba(0,255,90,.104) 95.12%);color:#606b64;transform:scale(1)}to{background:#D9D9D9;color:#015E0E;transform:scale(1.08)}}.key-features-area{color:#D9D9D9;padding:60px 0 100px}.key-features-header{display:flex;flex-direction:column;align-items:center;margin-bottom:66px}.key-features-subtitle{background:linear-gradient(156.22deg,rgba(59,59,59,.1768) 1.12%,rgba(0,255,90,.104) 95.12%);color:#D9D9D9;border-radius:8px;padding:14px 26px;font-size:16px;font-weight:500;margin-bottom:24px;-webkit-backdrop-filter:blur(15.429508209228516px);backdrop-filter:blur(15.429508209228516px);box-shadow:inset 0 .59px 0 0 #FFFFFF20}.key-features-title{font-weight:700;color:#D9D9D9;font-size:42px;text-align:center;margin:0}.whatsapp-txt{color:#01BC43}.key-features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:86px;column-gap:86px;grid-row-gap:68px;row-gap:68px;margin:0 auto}.key-feature-card{-webkit-backdrop-filter:blur(15.429508209228516px);backdrop-filter:blur(15.429508209228516px);border-radius:8px;padding:25px;background:linear-gradient(156.22deg,rgba(59,59,59,.1768) 1.12%,rgba(0,255,90,.104) 95.12%);min-height:258px;position:relative;display:flex;flex-direction:column;justify-content:flex-start}.key-feature-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;position:relative}.key-feature-icon-wrapper{background:linear-gradient(156.22deg,rgba(59,59,59,.1768) 1.12%,rgba(0,255,90,.104) 95.12%);-webkit-backdrop-filter:blur(17.711315155029297px);backdrop-filter:blur(17.711315155029297px);box-shadow:inset 0 .68px 0 0 #FFFFFF20;width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center}.key-feature-icon-wrapper img{width:28px;height:28px;object-fit:contain}.key-feature-number{color:#1b281f;font-weight:700;font-size:40px;display:flex;align-items:center;justify-content:center}.key-feature-title{font-weight:700;font-size:20px;margin:0 0 10px;color:#D9D9D9}.key-feature-description{color:#ffffff5c;font-size:12px;margin:0}.key-feature-skeleton-icon{width:28px;height:28px;border-radius:6px;background:#606B64;opacity:.18}.key-feature-skeleton-line{background:rgba(255,255,255,.14);border-radius:4px;opacity:.18}.key-feature-skeleton-line.short{height:18px;width:70%;margin-bottom:10px}.key-feature-skeleton-line.medium{height:12px;width:90%;margin-bottom:6px}.key-feature-skeleton-line.long{height:12px;width:60%}.key-features-error{color:#e11d48;margin-top:10px;text-align:center}@media (max-width:991px){.key-features-grid{grid-template-columns:repeat(2,1fr);column-gap:40px;row-gap:40px}.key-features-title{font-size:36px}.key-feature-card{min-height:220px;padding:20px}}@media (max-width:767px){.key-features-area{padding:40px 0}.key-features-header{margin-bottom:40px}.key-features-subtitle{font-size:14px;padding:12px 20px;margin-bottom:20px}.key-features-title{font-size:28px}.key-features-grid{grid-template-columns:1fr;column-gap:0;row-gap:30px}.key-feature-card{min-height:200px;padding:18px}.key-feature-icon-wrapper{width:38px;height:38px}.key-feature-icon-wrapper img{width:24px;height:24px}.key-feature-number{font-size:32px}.key-feature-title{font-size:18px}.key-feature-description{font-size:11px}}@media (max-width:480px){.key-features-subtitle{font-size:12px;padding:10px 16px}.key-features-title{font-size:24px}.key-feature-card{min-height:180px;padding:15px}.key-feature-title{font-size:16px}.key-feature-description{font-size:10px}}.key-feature-card{transition:background .35s ease,border .35s ease,box-shadow .35s ease,transform .35s ease;border:1px solid transparent}.key-feature-card:hover{background:linear-gradient(156.22deg,rgba(59,59,59,.4012) 1.12%,rgba(0,255,90,.236) 95.12%);-webkit-backdrop-filter:blur(15.429508209228516px);backdrop-filter:blur(15.429508209228516px);transform:translateY(-6px)}.key-feature-card .key-feature-number{color:#425849}.key-feature-icon-wrapper{transition:background .35s ease,box-shadow .35s ease,transform .35s ease}.key-feature-card:hover .key-feature-icon-wrapper{background:#00FF5A66;box-shadow:none;transform:scale(1.05)}.key-feature-card:hover .key-feature-icon-wrapper img{filter:invert(100%) sepia(0) saturate(2%) hue-rotate(231deg) brightness(109%) contrast(101%)}.key-feature-description,.key-feature-number,.key-feature-title{transition:color .3s ease}.interactive-chat-demo{max-width:360px;margin-top:20px;align-items:center;justify-content:center}.chat-phone,.interactive-chat-demo{position:relative;width:100%;display:flex}.chat-phone{max-width:340px;height:500px;background:#1c2634;border-radius:35px;overflow:hidden;box-shadow:0 15px 50px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.05);flex-direction:column}.chat-header{background:linear-gradient(180deg,#1f2c34,#1a252c);padding:18px;border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:5}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#40A34D,#22822F 50%,#015E0E);justify-content:center;font-weight:700;color:white;box-shadow:0 3px 10px rgba(64,163,77,.3)}.chat-avatar,.chat-header-text h3{display:flex;align-items:center;font-size:16px}.chat-header-text h3{color:#e9edef;font-weight:600;margin:0;gap:5px}.verified-badge{width:15px;height:15px}.chat-status{color:#8696a0;font-size:12px;display:block;margin-top:1px}.chat-messages{flex:1 1;overflow-y:auto;padding:16px;background:#0a0e16;position:relative}.chat-messages:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(64,163,77,.03) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(34,130,47,.02) 0,transparent 50%);pointer-events:none}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:rgba(134,150,160,.2);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(134,150,160,.3)}.message{display:flex;margin-bottom:12px;gap:6px;align-items:flex-end;animation:messageSlideIn .25s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.bot{justify-content:flex-start}.message.user{justify-content:flex-end}.interactive-chat-demo.rtl .message.bot,.interactive-chat-demo.rtl .message.user{flex-direction:row-reverse}.message-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#40A34D,#22822F 50%,#015E0E);display:flex;align-items:center;justify-content:center;font-weight:700;color:white;font-size:13px;flex-shrink:0;box-shadow:0 2px 6px rgba(64,163,77,.25)}.message-bubble{max-width:78%;padding:10px 14px;border-radius:14px;position:relative;box-shadow:0 1px 2px rgba(0,0,0,.15)}.message.bot .message-bubble{background:linear-gradient(135deg,#1f2c34,#1a252c);border:1px solid rgba(255,255,255,.05);border-radius:14px 14px 14px 3px}.interactive-chat-demo.rtl .message.bot .message-bubble,.message.user .message-bubble{border-radius:14px 14px 3px 14px}.message.user .message-bubble{background:linear-gradient(135deg,#40A34D,#22822F)}.interactive-chat-demo.rtl .message.user .message-bubble{border-radius:14px 14px 14px 3px}.message-bubble p{color:#e9edef;font-size:14px;line-height:1.4;margin:0;white-space:pre-wrap;word-wrap:break-word}.message-time{display:block;font-size:10px;color:rgba(255,255,255,.35);margin-top:4px;text-align:right}.message.bot .message-time{color:#8696a0}.typing-indicator{display:flex;gap:3px;padding:14px 18px}.typing-dot{width:7px;height:7px;border-radius:50%;background:#8696a0;animation:typingBounce 1.3s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.chat-input{background:linear-gradient(180deg,#1a252c,#1f2c34);padding:10px 14px 16px;border-top:1px solid rgba(255,255,255,.05)}.input-container{display:flex;align-items:center;gap:8px;background:#101826;border-radius:22px;padding:6px 10px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-container input{flex:1 1;background:transparent;border:none;outline:none;color:#e9edef;font-size:14px;padding:5px 6px}.input-container input::placeholder{color:#8696a0}.send-button{width:36px;height:36px;border-radius:50%;border:none;background:#40A34D;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;flex-shrink:0;padding:10px}.send-button:disabled{cursor:not-allowed}.send-button.active{background:linear-gradient(135deg,#40A34D,#22822F);color:white;box-shadow:0 4px 12px rgba(64,163,77,.4);transform:scale(1)}.send-button.active:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(64,163,77,.5)}.send-button.active:active{transform:scale(.95)}@media (max-width:768px){.interactive-chat-demo{max-width:100%;padding:0 8px}.chat-phone{max-width:100%;height:520px;border-radius:28px}.message-bubble{max-width:82%}}@media (max-width:480px){.chat-phone{height:480px;border-radius:22px}.chat-header{padding:35px 14px 10px}.chat-messages{padding:12px}.message-bubble p{font-size:13px}}.banner-area{min-height:100vh;padding:100px 0;overflow:hidden}.banner-area,.trusted-by{display:flex;align-items:center}.trusted-by{font-size:16px;font-weight:500;margin-bottom:28px;border:1.5px solid #015e0e;background:linear-gradient(88.43deg,#40A34D 15.93%,#22822F 49.28%,#015E0E 84.07%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;width:-moz-fit-content;width:fit-content;border-radius:30px;padding:10px 15px}.automation-text{font-size:22px;font-weight:600;color:#c0c0c0;text-transform:uppercase;letter-spacing:3px;margin:19px 0 28px}.whatsapp-automation-title{font-size:20px;font-weight:500;margin-bottom:18px;background:linear-gradient(88.43deg,#40A34D 15.93%,#22822F 49.28%,#015E0E 84.07%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.description-text{font-size:18px;color:#c0c0c0;line-height:1.6;margin-bottom:60px;max-width:500px;font-weight:300}.phone-input-group{display:flex;align-items:center;gap:15px;max-width:500px}.input-wrapper{position:relative;flex:1 1;display:flex;align-items:center;padding:12px 20px;background:rgba(255,255,255,.05);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-wrapper:before,.whatapp:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,#01bc43c7,#00ff8830,#01bc4324);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.phone-input{flex:1 1;background:transparent;border:none;outline:none;color:#fff;font-size:16px}.phone-input::placeholder{color:rgba(255,255,255,.5)}.whatapp{padding:10px 12px;position:relative;display:flex;align-items:center;justify-content:center;font-size:30px;color:#40A34D;border-radius:9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}.whatapp:hover{transform:translateY(-2px) scale(1.04);color:#ffffff;background:linear-gradient(135deg,#40A34D,#22822F,#015E0E);box-shadow:0 8px 24px rgba(64,163,77,.35)}.whatapp:hover:before{opacity:1}.whatapp i{line-height:1.1}.whatapp:active{transform:scale(.96)}.contact-us-btn{background:linear-gradient(88.43deg,#40A34D 15.93%,#22822F 49.28%,#015E0E 84.07%);color:#fff;border:none;border-radius:6px;padding:12px 30px;font-size:16px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .3s ease,box-shadow .3s ease}.contact-us-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(1,188,67,.3)}.banner-image-container{position:relative;display:flex;justify-content:center;gap:0;min-height:580px;flex-direction:row-reverse;align-items:center}.chat-images{position:relative;width:100%;max-width:310px;aspect-ratio:273/386;display:none}.chat-image,.chat-image-overlay{position:absolute;width:100%;height:100%;border-radius:32px;overflow:hidden;transition:all .6s cubic-bezier(.22,1,.36,1)}.chat-image{top:6px;left:12%;transform:rotate(6deg)}.chat-image-overlay{top:-6%;left:0;transform:rotate(1deg)}.chat-image img,.chat-image-overlay img{width:100%;border-radius:15px;height:100%;object-fit:cover}.chat-image img{filter:blur(5px)}.stats-overlay{position:relative;display:flex;gap:10px;padding:20px;border-radius:10px;margin-top:auto;inset-inline-end:-107px;bottom:-49px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:.21px solid #474747;box-shadow:inset 0 .69px 0 0 #FFFFFF20;-webkit-backdrop-filter:blur(12.011319160461426px);backdrop-filter:blur(12.011319160461426px);background:rgba(13,20,24,.85);transform:rotate(4deg);transition:transform 1s cubic-bezier(.22,1,.36,1),box-shadow .6s ease}.stat-item.line{border-right:1px solid #ffffff33;padding-right:10px}.banner-image-container:hover .stats-overlay{transform:rotate(0deg) scale(1.05);box-shadow:inset 0 .69px 0 0 #FFFFFF20,0 10px 30px rgba(64,163,77,.2)}.banner-image-container:not(:hover) .stats-overlay{transition-duration:1.2s}.stats-overlay h6{color:#40A34D;margin-top:8px;margin-bottom:0;font-size:20px;font-weight:700}.stats-overlay h6.white{color:#fff}.stat-value{color:#fff;font-size:9.61px;font-weight:300;letter-spacing:1px}.banner-image-container:hover .chat-image{transform:rotate(0deg) scale(.96);left:40px;top:0}.banner-image-container:hover .chat-image-overlay{transform:rotate(0deg) scale(1);left:40px;top:0}@media (max-width:991px){.banner-image-container{margin-top:40px}}@media (max-width:767px){.phone-input-group{flex-wrap:wrap}.chat-image img,.chat-image-overlay img{object-fit:contain}.stats-overlay h6{margin-top:4px;font-weight:700}.stat-value{font-size:7px}.stats-overlay{padding:10px 15px;gap:20px}}@media (max-width:991px){.chat-images{max-width:420px;aspect-ratio:9/5}.chat-image{left:10%;transform:rotate(4deg)}.chat-image-overlay{top:-4%;transform:rotate(1deg)}.banner-image-container:hover .stats-overlay{transform:rotate(0deg) scale(1.05)}}@media (max-width:767px){.chat-images{aspect-ratio:7/7}.image-logo-hero{max-width:225px;object-fit:contain}.chat-image{left:8%;transform:rotate(3deg)}.chat-image-overlay{top:-3%;transform:rotate(0deg)}.banner-image-container:hover .chat-image,.banner-image-container:hover .chat-image-overlay{transform:none}.banner-image-container:hover .stats-overlay{transform:rotate(0deg) scale(1.05)}.stats-overlay{transform:rotate(4deg)}}.image-logo-hero{animation:neonGlow 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(34,197,94,.5))}@keyframes neonGlow{0%,to{filter:drop-shadow(0 0 5px rgba(34,197,94,.4)) drop-shadow(0 0 10px rgba(34,197,94,.3)) drop-shadow(0 0 15px rgba(34,197,94,.2));opacity:.95}50%{filter:drop-shadow(0 0 15px rgba(34,197,94,.8)) drop-shadow(0 0 25px rgba(34,197,94,.6)) drop-shadow(0 0 35px rgba(34,197,94,.4)) drop-shadow(0 0 45px rgba(34,197,94,.2));opacity:1}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 8px rgba(34,197,94,.5)) drop-shadow(0 0 12px rgba(34,197,94,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(34,197,94,.9)) drop-shadow(0 0 30px rgba(34,197,94,.6)) drop-shadow(0 0 40px rgba(34,197,94,.3));transform:scale(1.02)}}@keyframes flickerGlow{0%,to{filter:drop-shadow(0 0 10px rgba(34,197,94,.6)) drop-shadow(0 0 20px rgba(34,197,94,.4));opacity:1}10%{filter:drop-shadow(0 0 5px rgba(34,197,94,.3)) drop-shadow(0 0 10px rgba(34,197,94,.2));opacity:.8}20%{filter:drop-shadow(0 0 15px rgba(34,197,94,.8)) drop-shadow(0 0 25px rgba(34,197,94,.5));opacity:1}50%{filter:drop-shadow(0 0 20px rgba(34,197,94,1)) drop-shadow(0 0 35px rgba(34,197,94,.7)) drop-shadow(0 0 50px rgba(34,197,94,.4));opacity:1}60%{filter:drop-shadow(0 0 8px rgba(34,197,94,.5)) drop-shadow(0 0 15px rgba(34,197,94,.3));opacity:.9}}.image-logo-hero.pulse-style{animation:pulseGlow 2.5s ease-in-out infinite}.image-logo-hero.flicker-style{animation:flickerGlow 4s ease-in-out infinite}@keyframes enhancedNeonGlow{0%,to{filter:brightness(1) drop-shadow(0 0 5px rgba(34,197,94,.5)) drop-shadow(0 0 10px rgba(34,197,94,.4)) drop-shadow(0 0 15px rgba(34,197,94,.3)) drop-shadow(0 0 20px rgba(34,197,94,.2))}25%{filter:brightness(1.1) drop-shadow(0 0 10px rgba(34,197,94,.7)) drop-shadow(0 0 20px rgba(34,197,94,.5)) drop-shadow(0 0 30px rgba(34,197,94,.4)) drop-shadow(0 0 40px rgba(34,197,94,.2))}50%{filter:brightness(1.2) drop-shadow(0 0 15px rgba(34,197,94,.9)) drop-shadow(0 0 25px rgba(34,197,94,.7)) drop-shadow(0 0 40px rgba(34,197,94,.5)) drop-shadow(0 0 55px rgba(34,197,94,.3))}75%{filter:brightness(1.1) drop-shadow(0 0 10px rgba(34,197,94,.7)) drop-shadow(0 0 20px rgba(34,197,94,.5)) drop-shadow(0 0 30px rgba(34,197,94,.4)) drop-shadow(0 0 40px rgba(34,197,94,.2))}}.image-logo-hero.enhanced-style{animation:enhancedNeonGlow 3.5s ease-in-out infinite}.image-logo-hero:hover{animation-play-state:paused;filter:drop-shadow(0 0 20px rgba(34,197,94,1)) drop-shadow(0 0 35px rgba(34,197,94,.8)) drop-shadow(0 0 50px rgba(34,197,94,.5));transition:filter .3s ease}