:root{--primary:#eeca01;--primary-dark:#daa520;--secondary:wheat;--dark:#b8860b;--text-dark:#2a2a2a;--text-gray:#6b7280;--light-gray:#fffaf0;--white:#fff;--border-color:#e5e7eb;--shadow:0 1px 3px #0000000d;--subtle-shadow:0 1px 2px #00000008;--radius:12px;--red:#e53e3e;--green:#9acd32}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-dark);background-color:var(--white);font-family:Inter,sans-serif;line-height:1.5}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.button{background-color:var(--primary);color:var(--white);border-radius:var(--radius);border:2px solid var(--primary);padding:12px 24px;font-weight:600;transition:all .3s;display:inline-block}.button:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px)}.button-outline{color:var(--primary);background-color:#0000}.button-outline:hover{background-color:var(--primary);color:var(--white)}.button-lg{padding:16px 32px;font-size:1.125rem}.header{background-color:var(--white);z-index:100;border-bottom:1px solid var(--border-color);box-shadow:var(--subtle-shadow);padding:24px 0;position:sticky;top:0}.header .container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-img{width:auto;max-height:50px}.logo h1{font-size:1.3rem;font-weight:700}.nav{align-items:center;gap:32px;display:flex}.nav ul{gap:24px;display:flex}.nav a{font-weight:500;transition:color .3s}.nav ul a:hover{color:var(--primary)}.mobile-menu-btn{color:var(--text-dark);cursor:pointer;z-index:101;background:0 0;border:none;font-size:1.5rem;display:none}.mobile-menu-btn.active{color:var(--primary)}.mobile-nav{background-color:var(--white);z-index:100;width:100%;height:100vh;padding:80px 24px 24px;transition:transform .3s;display:none;position:fixed;top:0;left:0;transform:translate(100%)}.mobile-nav.active{transform:translate(0)}.mobile-nav ul{flex-direction:column;align-items:center;margin-bottom:32px}.mobile-nav ul li{margin-bottom:16px}.mobile-nav .button{text-align:center;width:100%}.hero{background:linear-gradient(to right, var(--white) 50%, var(--light-gray) 50%);padding:80px 0;position:relative;overflow:hidden}.hero .container{align-items:center;gap:48px;display:flex}.hero-content{flex:1;max-width:600px}.hero-content h1{color:var(--dark);margin-bottom:24px;font-size:2.5rem;font-weight:700;line-height:1.2}.hero-content p{color:var(--text-gray);margin-bottom:32px;font-size:1rem}.hero-cta{margin-bottom:32px}.hero-stats{gap:32px;display:flex}.stat{flex-direction:column;display:flex}.stat-number{color:var(--primary);font-size:1.75rem;font-weight:700}.stat-label{color:var(--text-gray);font-size:.8rem}.hero-image{flex:1;justify-content:center;display:flex;position:relative}.hero-image img{object-fit:contain;border:1px solid var(--border-color);max-height:600px;box-shadow:var(--subtle-shadow);z-index:1;border-radius:24px;position:relative}.hero-tags{z-index:2;width:100%;height:100%;position:absolute}.tag{background-color:var(--white);color:var(--dark);border:1px solid var(--border-color);box-shadow:var(--subtle-shadow);white-space:nowrap;border-radius:50px;padding:8px 16px;font-size:.8rem;font-weight:600;animation:3s ease-in-out infinite float;position:absolute}.tag:before{content:"";background-color:var(--primary);border-radius:50%;width:10px;height:10px;position:absolute}.tag-top-left{animation-delay:.5s;top:15%;left:0;transform:translate(-30%)}.tag-top-left:before{top:50%;right:-5px;transform:translateY(-50%)}.tag-top-right{animation-delay:1s;top:30%;right:0;transform:translate(30%)}.tag-top-right:before{top:50%;left:-5px;transform:translateY(-50%)}.tag-bottom-left{animation-delay:1.5s;bottom:30%;left:0;transform:translate(-30%)}.tag-bottom-left:before{top:50%;right:-5px;transform:translateY(-50%)}.tag-bottom-right{animation-delay:2s;bottom:15%;right:0;transform:translate(30%)}.tag-bottom-right:before{top:50%;left:-5px;transform:translateY(-50%)}@keyframes float{0%{transform:translateY(0)translate(-30%)}50%{transform:translateY(-10px)translate(-30%)}to{transform:translateY(0)translate(-30%)}}.tag-top-right,.tag-bottom-right{animation-name:floatRight}@keyframes floatRight{0%{transform:translateY(0)translate(30%)}50%{transform:translateY(-10px)translate(30%)}to{transform:translateY(0)translate(30%)}}section{padding:80px 0}.section-title{text-align:center;color:var(--dark);margin-bottom:60px;font-size:2.2rem;font-weight:700}.features{background-color:var(--light-gray);padding:80px 0;position:relative;overflow:hidden}.features:after{content:"";background:radial-gradient(circle, var(--primary) 0%, transparent 70%);opacity:.15;z-index:0;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.features-image{z-index:2;width:180px;height:180px;animation:8s ease-in-out infinite float-goo;position:absolute;top:20px;right:5%}.features-image img{object-fit:cover;border:6px solid var(--primary);width:100%;height:100%;box-shadow:var(--subtle-shadow);border-radius:50%;transition:transform .5s}.features-image:hover img{transform:scale(1.05)rotate(5deg)}@keyframes float-goo{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-15px)rotate(5deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(15px)rotate(-5deg)}to{transform:translateY(0)rotate(0)}}.features-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;display:grid;position:relative}.feature-card{background-color:var(--white);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--subtle-shadow);opacity:0;z-index:2;padding:32px;transition:transform .3s,opacity .5s;position:relative;transform:translateY(20px)}.feature-card.animate{opacity:1;transform:translateY(0)}.feature-card:hover{transform:translateY(-5px)}.feature-icon{color:var(--primary);margin-bottom:24px;font-size:2.5rem}.feature-card h3{margin-bottom:16px;font-size:1.3rem}.feature-card p{color:var(--text-gray);font-size:.95rem}.before-after{background-color:var(--white);padding:80px 0;position:relative;overflow:hidden}.before-after:before{content:"";opacity:.3;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"2\" cy=\"2\" r=\"2\" fill=\"%2325D366\" opacity=\"0.1\"/></svg>");background-repeat:repeat;width:100%;height:100%;position:absolute;top:0;left:0}.compare-wrapper{z-index:1;align-items:stretch;gap:24px;margin-bottom:48px;display:flex;position:relative}.compare-item{background-color:var(--white);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--subtle-shadow);opacity:0;flex:1;padding:40px 32px 32px;transition:transform .3s,box-shadow .3s,opacity .5s;position:relative;overflow:visible;transform:translateY(20px)}.compare-item.animate{opacity:1;transform:translateY(0)}.compare-item:hover{box-shadow:var(--shadow);border-color:var(--primary-dark);transform:translateY(-5px)}.compare-item:hover .compare-image img{transform:scale(1.1)rotate(5deg)}.compare-item:first-child:hover .compare-image img{transform:scale(1.1)rotate(-5deg)}.compare-item:first-child{border-top:4px solid var(--red);transition-delay:.1s}.compare-item:last-child{border-top:4px solid var(--green);transition-delay:.3s}.compare-header{z-index:2;align-items:center;gap:16px;margin-bottom:24px;display:flex;position:relative}.compare-icon{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.compare-icon.before{background-color:var(--red);color:var(--white)}.compare-icon.after{background-color:var(--green);color:var(--white)}.compare-header h3{font-size:1.3rem;font-weight:600}.compare-image{z-index:2;width:120px;height:120px;transition:all .3s;position:absolute;top:-40px;right:-20px}.compare-item:first-child .compare-image{top:-40px;left:-20px;right:auto}.compare-image img{border:4px solid var(--primary);max-width:100%;max-height:100%;box-shadow:var(--subtle-shadow);background-color:var(--white);border-radius:50%;transition:transform .3s}.compare-image img:hover{transform:scale(1.1)}.compare-content{z-index:2;position:relative}.compare-list{flex-direction:column;gap:16px;display:flex}.compare-list li{padding-left:28px;font-size:.95rem;position:relative}.compare-list li i{font-size:1.25rem;position:absolute;top:2px;left:0}.compare-list li i.ph-x{color:var(--red)}.compare-list li i.ph-check{color:var(--green)}.compare-divider{opacity:0;justify-content:center;align-items:center;transition:opacity .5s .2s;display:flex}.compare-divider.animate{opacity:1}.arrow-icon{background-color:var(--primary);width:48px;height:48px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.before-after-cta{text-align:center;opacity:0;margin-top:32px;transition:opacity .5s .4s,transform .3s .4s;transform:translateY(20px)}.before-after-cta.animate{opacity:1;transform:translateY(0)}.how-it-works{background-color:var(--light-gray)}.steps{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;display:grid}.step{opacity:0;align-items:flex-start;gap:16px;transition:transform .3s,opacity .5s;display:flex;transform:translateY(20px)}.step.animate{opacity:1;transform:translateY(0)}.step-number{background-color:var(--primary);color:var(--white);border-radius:50%;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:1.25rem;font-weight:700;display:flex}.step-content h3{margin-bottom:12px;font-size:1.2rem}.step-content p{color:var(--text-gray);font-size:.95rem}.testimonials{background-color:var(--white)}.testimonials-slider{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.testimonial{background-color:var(--white);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--subtle-shadow);opacity:0;padding:32px;transition:transform .3s,opacity .5s;transform:translateY(20px)}.testimonial.animate{opacity:1;transform:translateY(0)}.testimonial-text{color:var(--text-dark);margin-bottom:24px;font-size:1rem;font-style:italic}.testimonial-author{align-items:center;gap:16px;display:flex}.author-info h4{margin-bottom:4px;font-size:1rem}.author-info p{color:var(--text-gray);font-size:.875rem}.pricing{background-color:var(--light-gray);padding:80px 0}.pricing-intro{align-items:center;gap:40px;max-width:900px;margin:0 auto 60px;display:flex}.pricing-text{flex:1}.pricing-text p{color:var(--text-gray);font-size:1rem;line-height:1.6}.pricing-img{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.pricing-img:before{content:"";background-color:var(--primary);opacity:.1;z-index:0;border-radius:50%;width:220px;height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pricing-img img{border-radius:var(--radius);z-index:1;max-width:100%;max-height:250px;transition:transform .3s;position:relative}.pricing-img img:hover{transform:translateY(-5px)}.pricing-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:900px;margin:0 auto;display:grid}.pricing-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius);opacity:0;padding:32px;transition:transform .3s,box-shadow .3s,opacity .5s;position:relative;transform:translateY(20px)}.pricing-card.animate{opacity:1;transform:translateY(0)}.pricing-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.pricing-card.featured{border-color:var(--primary);box-shadow:var(--shadow)}.pricing-badge{background-color:var(--primary);color:var(--white);border-radius:16px;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:-12px;right:24px}.pricing-header{text-align:center;margin-bottom:32px}.pricing-header h3{margin-bottom:16px;font-size:1.3rem}.pricing-price{justify-content:center;align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.currency{font-size:1.3rem;font-weight:600}.amount{font-size:2.5rem;font-weight:700;line-height:1}.period{color:var(--text-gray)}.pricing-save{color:var(--primary);font-size:.875rem;font-weight:600}.pricing-features{margin-bottom:32px}.pricing-features ul{flex-direction:column;gap:16px;display:flex}.pricing-features li{align-items:center;gap:8px;font-size:.95rem;display:flex}.pricing-features i{color:var(--primary)}.pricing-cta{text-align:center}.cta{background-color:var(--dark);color:var(--white);padding:80px 0;position:relative;overflow:hidden}.cta:before{content:"";background-image:radial-gradient(var(--primary-dark) 1px, transparent 1px);opacity:.1;background-size:20px 20px;width:100%;height:100%;position:absolute;top:0;left:0}.cta .container{z-index:2;align-items:center;gap:40px;display:flex;position:relative}.cta-content{flex:1}.cta h2{margin-bottom:16px;font-size:2.2rem}.cta p{opacity:.9;margin-bottom:32px;font-size:1rem}.cta-image{flex:none;justify-content:center;align-items:center;display:flex;position:relative}.cta-image:before{content:"";background-color:var(--primary);opacity:.15;z-index:-1;border-radius:50%;width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-image img{border-radius:var(--radius);z-index:1;max-width:100%;max-height:300px;animation:6s ease-in-out infinite float-cta;position:relative}@keyframes float-cta{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.footer{background-color:var(--light-gray);padding:80px 0 32px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px;margin-bottom:64px;display:grid}.footer-brand p{color:var(--text-gray);margin-top:16px;font-size:.9rem}.footer-links h3,.footer-contact h3{margin-bottom:24px;font-size:1rem}.footer-links ul{flex-direction:column;gap:12px;display:flex}.footer-links a,.footer-contact a{color:var(--text-gray);font-size:.9rem;transition:color .3s}.footer-links a:hover,.footer-contact a:hover{color:var(--primary)}.footer-contact p{color:var(--text-gray);margin-bottom:12px}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;color:var(--text-gray);padding-top:32px;font-size:.875rem}.feature-card:first-child,.step:first-child,.testimonial:first-child,.pricing-card:first-child{transition-delay:.1s}.feature-card:nth-child(2),.step:nth-child(2),.testimonial:nth-child(2),.pricing-card:nth-child(2){transition-delay:.2s}.feature-card:nth-child(3),.step:nth-child(3),.testimonial:nth-child(3){transition-delay:.3s}.feature-card:nth-child(4),.step:nth-child(4){transition-delay:.4s}@media (max-width:768px){.hero{background:var(--white)}.hero .container{flex-direction:column}.hero-content{text-align:center}.hero-content h1{font-size:2rem}.hero-stats{justify-content:center}.nav{display:none}.mobile-menu-btn,.mobile-nav{display:block}.section-title{font-size:1.8rem}.compare-wrapper{flex-direction:column}.compare-divider{margin:16px 0;transform:rotate(90deg)}.compare-image{width:90px;height:90px;top:-30px;right:-10px}.compare-item:first-child .compare-image{top:-30px;left:-10px}.features-image{width:150px;height:150px;margin:0 auto 40px;position:relative;top:0;right:0}.cta .container{flex-direction:column-reverse}.cta-content{text-align:center}.cta-image img{max-height:250px}.pricing-intro{text-align:center;flex-direction:column}.feature-card,.step,.testimonial,.pricing-card,.compare-item,.compare-divider,.before-after-cta{opacity:1;transform:translateY(0)}.tag{display:none}.logo-img{max-height:40px}}@media (max-width:480px){.hero-content h1{font-size:1.7rem}.section-title{font-size:1.5rem}.step{flex-direction:column}.compare-image{width:80px;height:80px;top:-25px;right:-5px}.compare-item:first-child .compare-image{top:-25px;left:-5px}.compare-header h3{font-size:1.25rem}.logo-img{max-height:35px}}.phone-mockup{background-color:var(--dark);box-shadow:var(--shadow);border:1px solid #0000001a;border-radius:36px;max-width:400px;margin:0 auto;padding:12px;position:relative}.phone-screen{background-color:var(--light-gray);border-radius:24px;flex-direction:column;height:500px;display:flex;overflow:hidden}.chat-header{background-color:var(--primary);color:var(--white);align-items:center;gap:12px;padding:16px;display:flex}.chat-avatar{background-color:var(--white);width:40px;height:40px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.chat-name{font-size:1.125rem;font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.message{opacity:0;border-radius:16px;max-width:80%;padding:12px 16px;animation:.5s forwards messageAppear;transform:translateY(20px)}.message p{margin:0;font-size:.9rem}.message.received{background-color:var(--white);border-bottom-left-radius:4px;align-self:flex-start;animation-delay:.2s}.message.sent{background-color:var(--primary);color:var(--white);border-bottom-right-radius:4px;align-self:flex-end;animation-delay:.6s}.message:nth-child(2){animation-delay:.4s}.message:nth-child(3){animation-delay:.6s}.message:nth-child(4){animation-delay:.8s}@keyframes messageAppear{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.phone-mockup{max-width:260px}.phone-screen{height:450px}}