*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;font-family:Quicksand,sans-serif}body,button,input,select,textarea{font-family:Quicksand,sans-serif}.landing-header{background-color:#fff;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.landing-header .container{max-width:1200px;margin:0 auto;padding:0}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.landing-logo{text-decoration:none;display:flex;align-items:center;margin:0;padding:0}.landing-logo .logo{margin:0;padding:0}.landing-logo .logo img{height:20px;width:auto;max-width:220px;display:block}.landing-nav-menu{display:flex;align-items:center;gap:2rem}.landing-nav-item{color:#363636;text-decoration:none;font-weight:500;font-size:1rem;padding:.5rem 0;transition:color .3s ease;position:relative}.landing-nav-item:hover,.landing-nav-item.is-active{color:#209ce6}.landing-nav-item.is-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#209ce6}.landing-nav-button{background-color:#5c67ff;color:#fff!important;padding:.5rem 1.5rem!important;border-radius:6px;transition:all .3s ease}.landing-nav-button:hover{background-color:#4c5af5;color:#fff!important;transform:translateY(-1px);box-shadow:0 2px 8px #5c67ff4d}.landing-nav-button.is-active:after{display:none}@media screen and (max-width:768px){.landing-nav-menu{gap:1rem}.landing-nav-item{font-size:.9rem}.landing-nav-button{padding:.5rem 1rem!important}}@media screen and (max-width:480px){.landing-header .container{padding:0 1rem}.landing-nav-menu{gap:.75rem}.landing-nav-item{font-size:.85rem}.landing-nav-button{padding:.4rem .75rem!important;font-size:.85rem}}.landing-page{min-height:100vh;background-color:#fff}.hero-section{background:linear-gradient(135deg,#e0f2f7,#d1e8ef,#c2dee7);padding:5rem 2rem;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:50%;right:-100px;transform:translateY(-50%);font-size:300px;color:#ffffff1a;z-index:1;font-family:"Font Awesome 5 Free";font-weight:900;content:""}.hero-section .container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-icon{font-size:80px;color:#209ce6;margin-bottom:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-title{font-size:3rem;font-weight:700;color:#363636;margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;color:#4a4a4a;margin-bottom:2.5rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-buttons .button{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:6px;transition:all .3s ease}.hero-buttons .button.is-primary{background-color:#5c67ff;border-color:#5c67ff;color:#fff}.hero-buttons .button.is-primary:hover{background-color:#4c5af5;border-color:#4c5af5;transform:translateY(-2px);box-shadow:0 4px 12px #5c67ff4d}.hero-buttons .button.is-light{background-color:#fff;color:#363636;border:2px solid #dbdbdb}.hero-buttons .button.is-light:hover{border-color:#209ce6;color:#209ce6}.features-section{padding:5rem 2rem;background-color:#fff}.features-section .container{max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:700;color:#363636;text-align:center;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:2.5rem;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a;border-color:#209ce6}.feature-icon{font-size:3rem;color:#209ce6;margin-bottom:1.5rem}.feature-title{font-size:1.5rem;font-weight:600;color:#363636;margin-bottom:1rem}.feature-description{font-size:1rem;color:#4a4a4a;line-height:1.6}.cta-section{background:linear-gradient(135deg,#e0f2f7,#d1e8ef,#c2dee7);padding:5rem 2rem}.cta-section .container{max-width:800px;margin:0 auto}.cta-content{text-align:center}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#363636}.cta-subtitle{font-size:1.25rem;margin-bottom:2.5rem;color:#4a4a4a;line-height:1.6}.cta-section .button{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:6px;transition:all .3s ease}.cta-section .button.is-primary{background-color:#5c67ff;border-color:#5c67ff;color:#fff}.cta-section .button.is-primary:hover{background-color:#4c5af5;border-color:#4c5af5;transform:translateY(-2px);box-shadow:0 4px 12px #5c67ff4d}@media screen and (max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-icon{font-size:60px}.section-title,.cta-title{font-size:2rem}.cta-subtitle{font-size:1.1rem}.features-grid{grid-template-columns:1fr}.feature-card{padding:2rem}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .button{width:100%}}@media screen and (max-width:480px){.hero-section,.features-section,.cta-section{padding:3rem 1rem}.hero-title{font-size:1.75rem}}.pricing-page{min-height:100vh;background-color:#f5f5f5}.pricing-hero{background:linear-gradient(135deg,#e0f2f7,#d1e8ef,#c2dee7);padding:4rem 2rem;text-align:center}.pricing-hero .container{max-width:1200px;margin:0 auto}.pricing-title{font-size:2.5rem;font-weight:700;color:#363636;margin-bottom:1rem}.pricing-subtitle{font-size:1.25rem;color:#4a4a4a}.pricing-section{padding:4rem 2rem}.pricing-section .container{max-width:1200px;margin:0 auto}.billing-toggle{margin-bottom:3rem}.billing-toggle .button{border-radius:20px;padding:.75rem 1.5rem;font-weight:600}.billing-toggle .button.is-info.is-light{background:#eef5ff;color:#3273dc}.billing-toggle .button.is-info{background:#3273dc;color:#fff}.pricing-card{background:#fff;border-radius:12px;border:2px solid #e8e8e8;padding:2rem;height:100%;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;position:relative}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a;border-color:#209ce6}.pricing-card-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e8e8e8}.pricing-plan-name{font-size:1.75rem;font-weight:700;color:#363636;margin-bottom:.5rem}.pricing-plan-credits{color:#7a7a7a;font-size:.9rem;margin-bottom:.5rem}.pricing-save-badge{margin-top:.5rem}.pricing-card-body{flex-grow:1;margin-bottom:1.5rem}.pricing-price{text-align:center;margin-bottom:1.5rem}.pricing-amount{font-size:2.5rem;font-weight:700;color:#3273dc;background:linear-gradient(135deg,#3273dc,#209cee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-period{color:#7a7a7a;font-size:1rem;margin-left:.5rem}.pricing-description{text-align:center;color:#7a7a7a;font-size:.9rem;margin-bottom:1.5rem}.pricing-features{list-style:none;padding:0;margin:0}.pricing-feature-item{display:flex;align-items:flex-start;margin-bottom:.75rem;color:#4a4a4a;font-size:.95rem}.pricing-feature-item .icon{color:#3273dc;margin-right:.5rem;margin-top:.2rem;flex-shrink:0}.pricing-card-footer{margin-top:auto}.pricing-card-footer .button.is-primary{background-color:#5c67ff!important;border-color:#5c67ff!important;color:#fff!important;font-weight:600;padding:.75rem 1.5rem;border-radius:6px;transition:all .3s ease}.pricing-card-footer .button.is-primary:hover{background-color:#4c5af5!important;border-color:#4c5af5!important;transform:translateY(-2px);box-shadow:0 4px 12px #5c67ff4d}.pricing-faq{margin-top:5rem;padding-top:4rem;border-top:1px solid #e8e8e8}.faq-title{font-size:2rem;font-weight:700;color:#363636;text-align:center;margin-bottom:3rem}.faq-items{max-width:800px;margin:0 auto}.faq-item{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:8px;border:1px solid #e8e8e8}.faq-question{font-size:1.25rem;font-weight:600;color:#363636;margin-bottom:.75rem}.faq-answer{color:#4a4a4a;line-height:1.6;margin:0}@media screen and (max-width:768px){.pricing-title{font-size:2rem}.pricing-subtitle{font-size:1.1rem}.pricing-hero,.pricing-section{padding:3rem 1rem}.pricing-card{margin-bottom:2rem}.pricing-amount{font-size:2rem}.faq-title{font-size:1.75rem}}@media screen and (max-width:480px){.pricing-title{font-size:1.75rem}.pricing-hero,.pricing-section{padding:2rem 1rem}.pricing-card{padding:1.5rem}.pricing-amount{font-size:1.75rem}}#root{margin:0;padding:0;width:100%}