*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}.header{border-bottom:1px solid #e5e7eb;background-color:#fff;display:flex;flex-direction:column;margin:0 auto;width:100%;padding:16px}.header .inner{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;padding-bottom:1rem;width:100%;margin:0 auto;max-width:1000px}@media (min-width: 768px){.header .inner{padding:1rem}}@media screen and (max-width: 768px){.header .inner{flex-direction:column;gap:20px}}.header .logo-container{display:flex;align-items:center}.header .logo-container .logo{width:100%;max-width:200px;height:auto}.header .header-buttons{display:flex;align-items:center;gap:.5rem}.button{padding:.5rem 1rem;border-radius:.25rem;font-weight:400;cursor:pointer;text-decoration:none;transition:background-color .3s ease}.button.outline-button{background-color:transparent;border:1px solid #e5e7eb;color:#4b5563}.button.outline-button:hover{background-color:#f3f4f6}.button.signup-button,.button.cta-button,.button.submit-button{background-color:#ec4899;color:#fff;border:none}.button.signup-button:hover,.button.cta-button:hover,.button.submit-button:hover{background-color:#db2777}.button.signup-button:disabled,.button.cta-button:disabled,.button.submit-button:disabled{background-color:#4b5563;cursor:not-allowed}.footer{background-color:#fff;border-top:1px solid #eaeaea;padding:30px 16px}.footer .inner{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px 0}@media screen and (max-width: 768px){.footer .inner{flex-direction:column;gap:20px}}.footer__links{display:flex;gap:20px}.footer__links a{text-decoration:none;color:#2d334a;font-size:14px}.footer__links a:hover{opacity:.8}.footer__copyright{font-size:14px;color:#2d334a}.landing-page{min-height:100vh;background-color:#fff;display:flex;flex-direction:column}.landing-page .inner{max-width:1000px;margin:0 auto;padding:0 1rem;width:100%}@media (min-width: 768px){.landing-page .inner{padding:0}}.landing-page .landing-main{flex-grow:1;display:flex;flex-direction:column}.landing-page .landing-main .hero-section{padding:2rem 0}.landing-page .landing-main .hero-section .inner{display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between}@media (min-width: 768px){.landing-page .landing-main .hero-section .inner{flex-direction:row}}.landing-page .landing-main .hero-section .hero-content{width:100%;margin-top:2rem;display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.landing-page .landing-main .hero-section .hero-content{width:50%;margin-top:0}}.landing-page .landing-main .hero-section .hero-content .hero-title{width:100%;height:auto;max-width:400px}.landing-page .landing-main .hero-section .hero-content .cta-button{font-size:1.125rem;padding:.75rem 2rem;margin-top:1.5rem;border-radius:10rem}.landing-page .landing-main .hero-section .hero-image{width:100%}@media (min-width: 768px){.landing-page .landing-main .hero-section .hero-image{width:auto}}.landing-page .landing-main .hero-section .hero-image .character-image{width:100%;height:auto;max-width:480px}.landing-page .landing-main .info-section{background-color:#fffafc;padding:3rem 0}.landing-page .landing-main .info-section .info-content{text-align:center}.landing-page .landing-main .info-section .info-content h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.landing-page .landing-main .info-section .info-content p{color:#4b5563}.landing-page .landing-main .faq-section{padding:3rem 0}.landing-page .landing-main .faq-section h2{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:2rem}.landing-page .landing-main .faq-section .faq-accordion .faq-item{margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:.25rem;overflow:hidden}.landing-page .landing-main .faq-section .faq-accordion .faq-item .faq-question{font-weight:700;padding:1rem;cursor:pointer;background-color:#fff;display:flex;justify-content:space-between;align-items:center}.landing-page .landing-main .faq-section .faq-accordion .faq-item .faq-question:after{content:"+";font-size:1.5rem;transition:transform .3s ease}.landing-page .landing-main .faq-section .faq-accordion .faq-item .faq-question.open:after{transform:rotate(45deg)}.landing-page .landing-main .faq-section .faq-accordion .faq-item .faq-answer{background-color:#fff;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;max-height:0}.landing-page .landing-main .faq-section .faq-accordion .faq-item .faq-answer .faq-answer-inner{padding:0 1rem 1rem}.landing-page .landing-main .faq-section .faq-accordion .faq-item .faq-answer.open{max-height:500px;opacity:1}.landing-page .landing-main .faq-section .faq-accordion .faq-item .faq-answer p{margin:0}.landing-page .landing-main .contact-section{background-color:#fff;padding:3rem 0}.landing-page .landing-main .contact-section .inner{background-color:#f9fbf8;padding:3rem 1rem;border-radius:.25rem}.landing-page .landing-main .contact-section h2{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:2rem}.landing-page .landing-main .contact-section .contact-form{max-width:32rem;margin:0 auto}.landing-page .landing-main .contact-section .contact-form .form-group{margin-bottom:1.5rem}.landing-page .landing-main .contact-section .contact-form .form-group label{display:block;margin-bottom:.5rem}.landing-page .landing-main .contact-section .contact-form .form-group input,.landing-page .landing-main .contact-section .contact-form .form-group textarea{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:.25rem}.landing-page .landing-main .contact-section .contact-form .form-group textarea{min-height:100px}.landing-page .landing-main .contact-section .contact-form .form-group .required{color:#ef4444}.landing-page .landing-main .contact-section .contact-form .submit-button{width:100%}.landing-page .landing-main .contact-section .contact-form .consent{text-align:center;font-size:.875rem;margin-bottom:20px}body{font-family:Arial,sans-serif;background-color:#fffffe;color:#2d334a;line-height:1.6;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100vh}