.hero-video-section{position:relative;width:100%;height:100vh;overflow:hidden;margin-top:-110px;padding-top:110px}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.overlay-layer{position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:1}.wave{position:absolute;bottom:0;left:0;width:100%;height:80px;overflow:hidden;z-index:2}.wave svg{display:block;width:100%;height:100%}.hero-content{z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:0 1rem}.hero-content,.hero-title{position:relative;color:white}.hero-title{font-family:GreenlyBold,sans-serif;font-size:5rem;margin-bottom:1rem;letter-spacing:.05em;display:inline-block;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.5),0 4px 10px rgba(0,0,0,.2)}.hero-title:before{content:"";position:absolute;top:50%;left:-1.5rem;transform:translateY(-50%) scaleX(0);transform-origin:left center;height:100%;width:4px;background-color:#73d13d}.hero-title .word{display:inline-block;opacity:0}.fadeIn{animation:fadeInUp 1s ease-out both;display:flex;justify-content:center;align-items:center;padding:2rem}.big-green-button{position:relative;width:100%;max-width:400px;height:160px;background:none;border:none;padding:0;cursor:pointer;overflow:hidden;outline:none}.button-svg{width:100%;height:100%;display:block}.fill-shape{fill:#647650;transition:fill .3s ease;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6));transform:translateY(0)}.button-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:2.5rem;font-weight:700;pointer-events:none;text-shadow:2px 2px 4px rgba(0,0,0,.7);white-space:nowrap;transition:transform .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.mission-section{background-color:#fdf6ee;padding:4rem 1rem;text-align:center;direction:rtl;.mission-container{max-width:900px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center}}.mission-text{all:unset;font-family:Greenly,sans-serif;font-size:1.75rem;line-height:1.9;color:#0C4426;margin-bottom:2rem}.mission-text .brand{transition:transform .3s ease,text-shadow .3s ease}.mission-text .brand:after{content:"";display:inline-block}.gsap-mission-button{border-radius:999px;font-weight:500;width:200px}body[data-theme=dark] .mission-section{background-color:#1c1c1c}body[data-theme=dark] .mission-text{color:#e5f7df}.mission-text .brand{font-weight:700;color:#73aa64;display:inline-block;transition:transform .3s ease}.gsap-mission-button{transition:transform .2s ease}.gsap-mission-button:hover{transform:scale(1.03)}body[data-theme=dark] .mission-text .brand{color:#b0ffaf}.mission-text .brand.shimmer{animation:shimmer 2.4s ease-in-out infinite}.fresh-start-section{background:#fdf6ee;padding:4rem 2rem;direction:rtl}body[data-theme=dark] .fresh-start-section{background:#1a1a1a}.fresh-text{text-align:right;padding:1rem}.fresh-title{font-size:2.5rem;color:var(--greenly-title-color)}.fresh-paragraph{color:#4a4a4a}body[data-theme=dark] .fresh-paragraph{color:#cccccc}.fresh-list .ant-list-item{padding-inline:0;border:none;background:none;color:#4a4a4a}body[data-theme=dark] .fresh-list .ant-list-item{color:#bbbbbb}.dot{color:#6a8f60}.list-item-text{color:inherit}.fresh-button{margin-top:1.5rem}.fresh-image{text-align:center;padding:1rem}.fresh-image-img{width:100%;max-width:500px;border-radius:0 0 200px 200px;object-fit:cover}.how-it-works-section{background-color:#6a8f60;color:white;padding:4rem 2rem;direction:rtl;text-align:center}body[data-theme=dark] .how-it-works-section{background:#2c4030;color:#e4e4e4}.how-it-works-section h2{font-size:2rem;margin-bottom:2.5rem;font-weight:600}.steps{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding-top:1rem}.step{flex:1 1 250px;max-width:300px;background:rgba(255,255,255,.06);border-radius:12px;padding:1.5rem 1rem;transition:transform .4s ease,box-shadow .3s ease,background .3s ease;backdrop-filter:blur(6px)}.step:hover{background:rgba(255,255,255,.12);transform:translateY(-10px) rotate(-1deg) scale(1.03);box-shadow:0 12px 24px rgba(0,0,0,.15)}.step-image{margin-bottom:1rem;height:80px;display:flex;align-items:center;justify-content:center}.step-image img{transition:transform .3s ease-in-out}.step:hover .step-image img{transform:scale(1.1) rotate(4deg)}.step h3{font-size:1.25rem;margin-bottom:.5rem;font-weight:600}.step p{font-size:.95rem;line-height:1.6;color:#f0f0f0;margin:0}body[data-theme=dark] .step p{color:#d4d4d4}@media (max-width:768px){.how-it-works-section{padding:3rem 1rem}.step{max-width:100%}.step h3{font-size:1.15rem}.step p{font-size:.9rem}}.how-title{font-family:GreenlyBold,sans-serif;color:#ffffff;font-size:3rem;margin-bottom:1rem}.quiz-intro-section{display:flex;flex-wrap:wrap;background:#fdf6ee;padding:4rem 2rem;direction:rtl;align-items:center;justify-content:center;gap:2rem}.quiz-text{flex:1;max-width:600px;padding:1rem}.quiz-text h1{font-size:3rem;font-family:Greenly,sans-serif;letter-spacing:.05em;color:var(--greenly-title-color);margin-bottom:1rem}.quiz-text p{font-size:1.1rem;color:#4a4a4a;line-height:1.8}.quiz-text .highlight{margin:1rem 0}.quiz-btn{border-radius:999px;padding:.8rem 2rem;transition:transform .3s ease,background .3s ease}.quiz-btn:hover{transform:scale(1.05)}.quiz-image{flex:1;max-width:500px;text-align:center}.quiz-image img{width:100%;border-radius:0 0 120px 120px;object-fit:cover}body[data-theme=dark] .quiz-intro-section{background:#1f1f1f}body[data-theme=dark] .quiz-text h2{color:#91d891}body[data-theme=dark] .quiz-text,body[data-theme=dark] .quiz-text p{color:#dcdcdc}@media (max-width:768px){.quiz-intro-section{flex-direction:column;text-align:center;padding:3rem 1.5rem}.quiz-text h2{font-size:1.75rem}.quiz-text p{font-size:1rem}}@keyframes bounceButton{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseButton{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.quiz-btn.bounce{animation:bounceButton 1.6s ease-in-out infinite}.quiz-btn.pulse{animation:pulseButton 1.4s ease-in-out infinite}.quiz-btn{position:relative;overflow:hidden}.quiz-btn:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,.1),rgba(255,255,255,.4) 50%,rgba(255,255,255,.1));transform:skewX(-20deg)}.quiz-btn:hover:before{animation:shimmer 1s ease-out}@keyframes shimmer{0%{left:-75%}to{left:125%}}.testimonial-carousel{padding:4rem 1rem;max-width:900px;margin:0 auto;text-align:center;direction:rtl;transition:background .3s ease}body[data-theme=dark] .testimonial-carousel{background-color:#121212;color:#f0f0f0}.carousel-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.carousel-subtitle{color:#666;margin-bottom:2rem}body[data-theme=dark] .carousel-subtitle{color:#aaa}.carousel-card{background:white;border-radius:12px;padding:2rem;position:relative;box-shadow:0 8px 30px rgba(0,0,0,.05);transition:all .3s ease}body[data-theme=dark] .carousel-card{background:#1f1f1f;color:#e5e5e5;box-shadow:0 8px 20px rgba(0,0,0,.3)}.carousel-avatar{width:60px;height:60px;border-radius:999px;object-fit:cover;margin-left:1rem;border:2px solid #ccc}.carousel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.carousel-stars .star{color:#f7c948;margin:0 2px}.carousel-text{font-style:italic;margin-top:1rem;font-size:1.1rem;line-height:1.7}.verified{margin-top:1rem;font-size:.85rem;color:#888}.quote-bg{font-size:3rem;position:absolute;top:-1.5rem;left:1.5rem;color:#4d664533}.carousel-controls{display:flex;align-items:center;justify-content:center;margin-top:2rem;gap:1rem}.carousel-controls button{background:none;border:2px solid #4d6645;color:#4d6645;font-size:1.4rem;padding:.2rem 1rem;border-radius:999px;cursor:pointer}body[data-theme=dark] .carousel-controls button{border-color:#91d891;color:#91d891}.dots{display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%;background:#ccc;transition:background .3s ease;cursor:pointer}.dot.active{background:#4d6645}body[data-theme=dark] .dot{background:#555}body[data-theme=dark] .dot.active{background:#91d891}