@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}:root{--charcoal: #1E1E1E;--off-white: #F5F5F5;--cool-gray: #666666;--accent-cyan: #00C9C9;--accent-blue: #4A9EFF;--accent-purple: #B86EFF;--gradient-text: linear-gradient(90deg, #00C9C9 0%, #4A9EFF 50%, #B86EFF 100%);--gradient-bg: linear-gradient(135deg, #00C9C9 0%, #4A9EFF 100%);--font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;--section-padding: 4rem 1rem;--max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:#fff;color:var(--charcoal);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}section{padding:var(--section-padding);width:100%}.section-content{max-width:var(--max-width);margin:0 auto;text-align:center}h1{font-size:clamp(2.813rem,5vw,3.563rem);font-weight:400;letter-spacing:-.015625em;margin-bottom:1rem;color:var(--charcoal);line-height:1.12}h2{font-size:clamp(1.75rem,4vw,2rem);font-weight:400;letter-spacing:0;margin-bottom:2rem;color:var(--charcoal);line-height:1.25}h3{font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:400;margin-bottom:1rem;color:var(--charcoal);line-height:1.27}p{font-size:clamp(.875rem,2vw,1rem);line-height:1.5;color:var(--cool-gray);margin-bottom:1rem;letter-spacing:.03125em;font-weight:400}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-up{animation:fadeInUp .8s ease-out forwards}.fade-in{animation:fadeIn 1s ease-out forwards}.btn{display:inline-block;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;border-radius:20px;transition:all .3s ease;cursor:pointer;border:none;font-family:var(--font-family);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.btn-primary{background:var(--gradient-bg);color:#fff;font-weight:500;letter-spacing:.00625em;font-size:.875rem;text-transform:uppercase}.btn-primary:hover{background:linear-gradient(135deg,#00b5b5,#4090e8);box-shadow:0 4px 8px #00000029,0 2px 4px #0000003b}@media(max-width:768px){:root{--section-padding: 4rem 1.5rem}}.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#f0f9ff);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(74,158,255,.12) 0%,transparent 70%);border-radius:50%;top:-200px;right:-200px;animation:float 20s ease-in-out infinite}.hero:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(0,201,201,.08) 0%,transparent 70%);border-radius:50%;bottom:-150px;left:-150px;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,50px) scale(1.1)}}.hero-content{position:relative;z-index:1}.logo-container{margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.logo-image{width:clamp(280px,50vw,480px);height:auto;object-fit:contain;animation:fadeIn 1s ease-out;margin-bottom:1.5rem}.logo{font-size:clamp(2.5rem,6vw,3.563rem);font-weight:400;letter-spacing:-.015625em;margin-bottom:0;white-space:nowrap;line-height:1.12;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;color:var(--cool-gray);margin-bottom:2rem;letter-spacing:0;line-height:1.38}.hero .description{font-size:clamp(.875rem,2.5vw,1rem);color:var(--cool-gray);max-width:600px;margin:0 auto 3rem;font-weight:400;line-height:1.5;letter-spacing:.03125em}.hero .btn{font-size:1.125rem;padding:1.25rem 3rem}@media(max-width:768px){.hero{min-height:80vh}}.about{background-color:var(--off-white)}.about-content{max-width:800px;margin:0 auto}.about-content p{font-size:clamp(.875rem,2.5vw,1rem);line-height:1.5;margin-bottom:1rem;letter-spacing:.03125em}.about-content strong{color:var(--charcoal);font-weight:600}.emphasis{font-style:italic;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(1rem,2.5vw,1rem)!important;font-weight:500;line-height:1.5!important;letter-spacing:.009375em!important;margin-top:2rem;padding:2rem;background-color:#4a9eff0d;border-radius:12px;border-left:4px solid var(--accent-cyan)}.features{background:linear-gradient(180deg,#fff,#f5faff)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.feature-card{background-color:#fff;padding:2rem 1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .3s ease;opacity:0;animation:fadeInUp .6s ease-out forwards}.feature-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #00000029,0 2px 4px #0000003b}.feature-icon{font-size:3rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;height:80px}.feature-card h3{color:var(--charcoal);font-size:1rem;font-weight:500;margin-bottom:.75rem;line-height:1.5;letter-spacing:.009375em}.feature-card p{font-size:.875rem;color:var(--cool-gray);line-height:1.43;margin-bottom:0;letter-spacing:.015625em;font-weight:400}.features-tagline{font-size:clamp(1rem,2.5vw,1.375rem);font-style:italic;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:3rem;font-weight:400;line-height:1.27}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:1.5rem}}.brand-values{background-color:var(--off-white)}.values-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:3rem 0}.value-item{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:400;color:var(--accent-cyan);padding:1rem 2rem;background-color:#fff;border-radius:28px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .3s ease;opacity:0;animation:fadeInUp .6s ease-out forwards;line-height:1.33}.value-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000029,0 2px 4px #0000003b;background:var(--gradient-bg);color:#fff}.momo-story{margin-top:4rem;padding:2rem 1.5rem;background:linear-gradient(135deg,#00c9c90d,#4a9eff0d);border-radius:12px;max-width:700px;margin-left:auto;margin-right:auto}.momo-story h3{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(1.125rem,3vw,1.375rem);font-weight:400;margin-bottom:1.5rem;line-height:1.27}.momo-story p{font-size:clamp(.875rem,2.5vw,1rem);color:var(--charcoal);font-weight:400;line-height:1.5;letter-spacing:.03125em}@media(max-width:768px){.values-list{gap:1rem}.value-item{font-size:1.25rem;padding:.75rem 1.5rem}}.signup{background:linear-gradient(180deg,#f5faff,#fff);padding:6rem 2rem 8rem}.signup-intro{font-size:clamp(.875rem,2.5vw,1rem);color:var(--cool-gray);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.5;letter-spacing:.03125em}.signup-form{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.form-group{width:100%}.form-group input{width:100%;padding:1rem 1.5rem;font-size:1rem;font-family:var(--font-family);border:1px solid #E0E0E0;background-color:#fff;border-radius:4px;transition:all .3s ease;color:var(--charcoal);letter-spacing:.03125em}.form-group input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #00c9c933}.form-group input::placeholder{color:var(--cool-gray);font-weight:300}.form-group input:disabled{opacity:.6;cursor:not-allowed}.signup-form .btn{width:100%;padding:1.25rem 2rem;font-size:.875rem;margin-top:1rem}.signup-form .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-message{margin-top:2rem;padding:1.5rem;border-radius:12px;font-size:.875rem;font-weight:600;animation:fadeIn .5s ease-out;line-height:1.43}.form-message.success{background-color:#00c9c91a;color:var(--accent-cyan);border:1px solid var(--accent-cyan);font-weight:500}.form-message.error{background-color:#ff52521a;color:#ff5252;border:1px solid #ff5252}@media(max-width:768px){.signup-form{max-width:100%}}.footer{background-color:#1e1e1e;color:#999;padding:4rem 2rem 2rem}.footer-content{max-width:var(--max-width);margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:2rem}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:.5rem}.footer-logo{width:clamp(180px,30vw,250px);height:auto;object-fit:contain;opacity:.9;margin-bottom:1rem;filter:brightness(0) invert(1)}.footer-tagline{font-size:.6875rem;color:var(--cool-gray);margin:0;line-height:1.45;letter-spacing:.03125em}.footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.75rem;letter-spacing:.03125em}.footer-links a{color:var(--cool-gray);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--accent-teal)}.footer-links .divider{color:#444;-webkit-user-select:none;user-select:none}.footer-copyright{padding-top:2rem;border-top:1px solid #333}.footer-copyright p{font-size:.6875rem;color:#666;margin:0;line-height:1.45;letter-spacing:.03125em}@media(max-width:768px){.footer{padding:3rem 1.5rem 1.5rem}.footer-links{flex-direction:column;gap:.75rem}.footer-links .divider{display:none}}