*{box-sizing:border-box;font-family:Arial,sans-serif}[dir] *{margin:0;padding:0}body{line-height:1.6;color:#333}:root{--turquoise:#3178cf;--light-gray:#f4f4f4;--dark-gray:#333;--white:#fff;--black:#000}.navbar{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}[dir] .navbar{padding:20px;background-color:var(--white);border-bottom:1px solid #eaeaea}.logo a{text-decoration:none;font-size:24px;font-weight:700;color:var(--dark-gray)}.nav-links{list-style:none;display:flex}[dir=ltr] .nav-links li{margin-left:20px}[dir=rtl] .nav-links li{margin-right:20px}.nav-links a{text-decoration:none;color:var(--dark-gray);font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--turquoise)}.nav-links .cta{transition:background-color .3s ease,color .3s ease}[dir] .nav-links .cta{padding:8px 15px;border:1px solid var(--turquoise);border-radius:4px}.nav-links .cta:hover{color:var(--white)}[dir] .nav-links .cta:hover{background-color:var(--turquoise)}.hero{display:flex;flex-wrap:wrap;align-items:center}[dir] .hero{padding:60px 20px}[dir=ltr] .hero{background:linear-gradient(90deg,var(--turquoise) 50%,var(--white) 0)}[dir=rtl] .hero{background:linear-gradient(270deg,var(--turquoise) 50%,var(--white) 0)}.hero-content{flex:1;color:var(--white)}[dir] .hero-content{padding:20px}.hero-content h1{color:#fff;font-size:48px}[dir] .hero-content h1{margin-bottom:20px}.hero-content p{font-size:18px}[dir] .hero-content p{margin-bottom:30px}.hero-content .btn{text-decoration:none;font-size:16px}[dir] .hero-content .btn{padding:15px 30px;border:none;border-radius:4px;cursor:pointer}.primary-btn{text-decoration:none;color:var(--turquoise);transition:background-color .3s ease,color .3s ease}[dir] .primary-btn{background-color:var(--white)}.primary-btn:hover{text-decoration:none;color:var(--white)}[dir] .primary-btn:hover{border:3px solid #fff;background-color:var(--turquoise)}.no-cc{font-size:14px}[dir] .no-cc{margin-top:10px}.hero-image{flex:1}[dir] .hero-image{padding:20px;text-align:center}.hero-image img{max-width:80%;height:auto}[dir] .hero-image img{border-radius:8px}[dir] .features{padding:60px 20px;background-color:var(--white);text-align:center}.features h2{font-size:36px}[dir] .features h2{margin-bottom:40px}.feature-cards{display:flex;flex-wrap:wrap;justify-content:center}.feature-card{flex:1 1 250px;max-width:300px;transition:transform .3s ease}[dir] .feature-card{background-color:var(--light-gray);border-radius:8px;padding:20px;margin:10px}[dir=ltr] .feature-card{text-align:left}[dir=rtl] .feature-card{text-align:right}[dir] .feature-card:hover{transform:translateY(-10px)}.feature-card img{width:50px}[dir] .feature-card img{margin-bottom:20px}.feature-card h3{font-size:20px;color:var(--turquoise)}[dir] .feature-card h3{margin-bottom:10px}.feature-card p{font-size:16px;color:#555}[dir] .how-it-works{padding:60px 20px;background-color:var(--light-gray);text-align:center}.how-it-works h2{font-size:36px}[dir] .how-it-works h2{margin-bottom:40px}.steps{display:flex;flex-wrap:wrap;justify-content:center}.step{flex:1 1 250px;max-width:300px;position:relative;transition:transform .3s ease}[dir] .step{background-color:var(--white);border-radius:8px;padding:20px;margin:10px}[dir=ltr] .step{text-align:left}[dir=rtl] .step{text-align:right}[dir] .step:hover{transform:translateY(-10px)}.step-number{position:absolute;top:-20px;color:var(--white);width:40px;height:40px;font-size:20px;display:flex;align-items:center;justify-content:center}[dir] .step-number{background-color:var(--turquoise);border-radius:50%}[dir=ltr] .step-number{left:-20px}[dir=rtl] .step-number{right:-20px}.step h3{font-size:20px;color:var(--dark-gray)}[dir] .step h3{margin-bottom:10px;margin-top:20px}.step p{font-size:16px;color:#555}.how-it-works .btn{text-decoration:none;font-size:16px}[dir] .how-it-works .btn{margin-top:30px;padding:15px 30px;border:none;border-radius:4px;cursor:pointer}[dir] .testimonials{padding:60px 20px;background-color:var(--white);text-align:center}.testimonials h2{font-size:36px}[dir] .testimonials h2{margin-bottom:40px}.testimonial-cards{display:flex;flex-wrap:wrap;justify-content:center}.testimonial-card{flex:1 1 250px;max-width:300px;position:relative;transition:transform .3s ease}[dir] .testimonial-card{background-color:var(--light-gray);border-radius:8px;padding:20px;margin:10px}[dir=ltr] .testimonial-card{text-align:left}[dir=rtl] .testimonial-card{text-align:right}[dir] .testimonial-card:hover{transform:translateY(-10px)}.testimonial-card img{width:60px;height:60px;position:absolute;top:-30px}[dir] .testimonial-card img{border-radius:50%;border:2px solid var(--turquoise)}[dir=ltr] .testimonial-card img{left:20px}[dir=rtl] .testimonial-card img{right:20px}.testimonial-card p{font-size:16px;color:#555}[dir] .testimonial-card p{margin-top:40px;margin-bottom:20px}.testimonial-card h4{font-size:18px;color:var(--dark-gray)}[dir] .testimonial-card h4{margin-bottom:5px}.testimonial-card span{font-size:14px;color:#777}[dir] .pricing{padding:60px 20px;background-color:var(--light-gray);text-align:center}.pricing h2{font-size:36px}[dir] .pricing h2{margin-bottom:40px}.pricing-cards{display:flex;flex-wrap:wrap;justify-content:center}.pricing-card{flex:1 1 250px;max-width:300px;transition:transform .3s ease,border-color .3s ease}[dir] .pricing-card{background-color:var(--white);border-radius:8px;padding:20px;margin:10px;text-align:center;border:2px solid transparent}[dir] .pricing-card.featured{border-color:var(--turquoise)}[dir] .pricing-card:hover{transform:translateY(-10px)}.pricing-card h3{font-size:24px;color:var(--dark-gray)}[dir] .pricing-card h3{margin-bottom:10px}.pricing-card .price{font-size:32px;color:var(--turquoise)}[dir] .pricing-card .price{margin-bottom:20px}.pricing-card .price span{font-size:16px;color:#555}.pricing-card ul{list-style:none}[dir] .pricing-card ul{margin-bottom:20px}.pricing-card ul li{font-size:16px;color:#555}[dir] .pricing-card ul li{margin-bottom:10px}.pricing-card .btn{text-decoration:none;font-size:16px;color:var(--turquoise);transition:background-color .3s ease,color .3s ease}[dir] .pricing-card .btn{padding:10px 20px;border:2px solid var(--turquoise);border-radius:4px;cursor:pointer;background-color:transparent}.pricing-card .btn:hover{text-decoration:none;color:var(--white)}[dir] .pricing-card .btn:hover{background-color:var(--turquoise)}footer{color:var(--white)}[dir] footer{padding:40px 20px;background-color:var(--dark-gray)}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between}[dir] .footer-content{margin-bottom:20px}.footer-contact,.footer-links{flex:1 1 200px}[dir] .footer-contact,[dir] .footer-links{margin:10px}.footer-contact h4,.footer-links h4{color:#fff;font-size:18px}[dir] .footer-contact h4,[dir] .footer-links h4{margin-bottom:10px}.footer-links ul{list-style:none}[dir] .footer-links ul li{margin-bottom:8px}.footer-links ul li a{text-decoration:none;color:var(--white);transition:color .3s ease}.footer-links ul li a:hover{color:var(--turquoise)}.footer-contact p a{text-decoration:none;color:var(--white);transition:color .3s ease}.footer-contact p a:hover{color:var(--turquoise)}[dir=ltr] .social-media a{margin-right:10px}[dir=rtl] .social-media a{margin-left:10px}.social-media img{width:24px;height:24px;filter:invert(1);transition:filter .3s ease}.social-media img:hover{filter:invert(56%) sepia(12%) saturate(5512%) hue-rotate(149deg) brightness(95%) contrast(89%)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}[dir] .footer-bottom p{margin:10px 0}.footer-bottom .btn{text-decoration:none;font-size:16px;color:var(--white);transition:background-color .3s ease,color .3s ease}[dir] .footer-bottom .btn{padding:10px 20px;border:2px solid var(--white);border-radius:4px;cursor:pointer;background-color:transparent}.footer-bottom .btn:hover{text-decoration:none;color:var(--turquoise)}[dir] .footer-bottom .btn:hover{background-color:var(--white)}@media (max-width:768px){.feature-cards,.hero,.navbar,.pricing-cards,.steps,.testimonial-cards{flex-direction:column}.navbar{align-items:flex-start}.nav-links{flex-direction:column;width:100%}[dir] .nav-links li{margin:10px 0}.footer-bottom,.footer-content{flex-direction:column;align-items:flex-start}}