@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--cream: lch(96 2 80);--off-black: lch(15 3 80);--soft-gray: lch(60 2 80);--accent-soft: lch(75 25 140);--accent-muted: lch(75 15 140);--shadow: lch(30 5 80 / .1);--border: lch(90 2 80);--font-system: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-system);background-color:var(--cream);color:var(--off-black);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.01em}h3{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{font-size:clamp(1rem,1.5vw,1.125rem);color:var(--soft-gray)}button{font-family:inherit;cursor:pointer;transition:all .2s ease}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.container{width:90%;max-width:1200px;margin:0 auto}@media (max-width: 768px){.container{width:95%}}.hero-logo{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.logo-container{position:relative;width:400px;height:400px;max-width:80vw;max-height:80vw}.logo-mask{width:100%;height:100%;overflow:visible}.scroll-indicator{position:absolute;bottom:1rem;left:50%;transform:translate(-33%);display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:float 2s ease-in-out infinite}.mouse{width:26px;height:40px;border:2px solid var(--soft-gray);border-radius:13px;position:relative}.wheel{width:4px;height:8px;background-color:var(--soft-gray);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scroll 1.5s ease-in-out infinite}.scroll-text{font-size:.875rem;color:var(--soft-gray);text-transform:lowercase;letter-spacing:.1em}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(16px)}}.hero-content-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 0;text-align:center}.hero-content-section h1{margin-bottom:1.5rem;max-width:900px;margin-left:auto;margin-right:auto}.hero-content-section p{margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto}.launch-text{font-weight:500;color:var(--off-black);margin-bottom:2rem}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.btn{display:inline-block;padding:1rem 2.5rem;font-size:1.125rem;font-weight:500;border-radius:100px;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:var(--off-black);color:var(--cream);border:2px solid var(--off-black)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--shadow)}.cta-note{font-size:.875rem;color:var(--soft-gray);font-style:italic}@media (max-width: 768px){.logo-container{width:300px;height:300px}.hero-content-section{padding:5rem 0}.hero-content-section h1{font-size:2rem}.btn{padding:.875rem 2rem;font-size:1rem}.scroll-indicator{bottom:2rem}}.benefits{padding:8rem 0;background-color:var(--cream)}.benefits h2{text-align:center;margin-bottom:.5rem}.section-subtitle{text-align:center;margin-bottom:3rem;font-size:1.25rem}.toggle-container{display:flex;justify-content:center;margin-bottom:3rem;background:var(--border);padding:.25rem;border-radius:100px;width:fit-content;margin-left:auto;margin-right:auto}.toggle-btn{padding:.75rem 2rem;background:transparent;border:none;border-radius:100px;font-size:1rem;font-weight:500;color:var(--soft-gray);transition:all .3s ease;cursor:pointer}.toggle-btn.active{background:var(--cream);color:var(--off-black);box-shadow:0 2px 10px var(--shadow)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:900px;margin:0 auto}.benefit-card{padding:2rem;background:var(--cream);border:1px solid var(--border);border-radius:20px;transition:all .3s ease}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--shadow)}.benefit-card h3{margin-bottom:.75rem;color:var(--off-black)}.benefit-card p{line-height:1.6}@media (max-width: 768px){.benefits{padding:3rem 0}.toggle-container{width:100%;max-width:300px}.toggle-btn{padding:.625rem 1.5rem;font-size:.875rem}.benefits-grid{grid-template-columns:1fr;gap:1.5rem}}.waitlist{padding:8rem 0;background:linear-gradient(to bottom,var(--cream),lch(94 2 80))}.waitlist-content{max-width:600px;margin:0 auto;text-align:center}.waitlist h2{margin-bottom:1rem}.waitlist-content>p{margin-bottom:2rem;font-size:1.125rem}.signup-counter{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:2rem}.counter-number{font-size:2.5rem;font-weight:700;color:var(--accent-soft)}.counter-text{font-size:1rem;color:var(--soft-gray)}.waitlist-form{background:var(--cream);padding:2.5rem;border-radius:20px;box-shadow:0 10px 40px var(--shadow);margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-input{width:100%;padding:1rem 1.5rem;font-size:1rem;border:2px solid var(--border);border-radius:100px;background:var(--cream);transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--accent-muted)}.user-type{display:flex;gap:2rem;justify-content:center}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--soft-gray)}.radio-label input[type=radio]{cursor:pointer}.radio-label input[type=radio]:checked+span{color:var(--off-black);font-weight:500}.success-message{background:#b7deb51a;padding:2rem;border-radius:20px;margin-bottom:2rem}.success-message h3{color:var(--accent-soft);margin-bottom:.5rem}.urgency-note{font-size:.875rem;color:var(--soft-gray);font-style:italic;padding:1rem;background:#f0eae180;border-radius:10px}@media (max-width: 768px){.waitlist{padding:3rem 0}.waitlist-form{padding:2rem 1.5rem}.user-type{flex-direction:column;gap:1rem;align-items:flex-start}.counter-number{font-size:2rem}}.app{min-height:100vh}#root{max-width:100%;margin:0;padding:0}.footer{padding:5rem 0;background-color:var(--off-black);color:var(--cream);text-align:center}.footer p{color:var(--cream);opacity:.8;font-size:.875rem}