@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--cream: #f9f7f4;--off-black: #1a1a1a;--soft-gray: #666666;--light-gray: #e0e0e0;--background-light: #fafafa;--accent-soft: lch(75 25 140);--accent-muted: lch(75 15 140);--shadow: rgba(0, 0, 0, .06);--border: #e0e0e0;--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;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:1rem;padding-bottom:3rem;overflow:hidden}.logo-container{position:relative;max-width:80vw;text-align:center}.logo-container p{font-size:2rem!important;color:var(--off-black);font-family:"serif";font-weight:500}.hero-divider{width:60vw;height:1px;margin-top:1rem;background:linear-gradient(to right,transparent,var(--border),transparent)}.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:auto;display:flex;align-items:center;justify-content:center;padding:2.5rem 0 4rem;text-align:center}.hero-content-section h1{font-size:3.5rem;font-weight:600;margin-bottom:4rem;max-width:900px;margin-left:auto;margin-right:auto;line-height:1.1}.comparison-grid{display:flex;align-items:center;justify-content:center;gap:3rem;margin-bottom:4rem}.comparison-card{border:1px solid var(--border);border-radius:24px;padding:24px 32px;width:360px;transition:all .3s ease;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.icon-circle{width:60px;height:60px;border-radius:50%;background:var(--off-black);display:flex;align-items:center;justify-content:center}.icon{color:var(--cream);font-size:1.8rem;font-weight:600;font-style:normal}.icon-logo{width:30px;height:30px;fill:var(--cream)}.comparison-card h3{font-size:1.25rem;font-weight:500;line-height:1.4;color:var(--off-black)}.arrow{font-size:2.5rem;color:var(--off-black);font-weight:300}.tagline{font-size:1.125rem;color:#666;margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto}.tagline .accent{color:var(--accent-soft);font-weight:600}.dots-indicator{display:flex;justify-content:center;gap:.5rem;margin:2rem 0 3rem}.dot{width:10px;height:10px;border-radius:50%;background:#e0e0e0;border:none;cursor:pointer;transition:all .3s ease}.dot.active{background:#1a1a1a;width:30px;border-radius:5px}.comparison-card{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.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{background:var(--cream);color:var(--off-black)}.cta-note{font-size:.875rem;color:var(--soft-gray);font-style:italic}@media (max-width: 768px){.hero-logo-img{width:200px}.hero-content-section{padding:2rem 0 3rem}.hero-content-section h1{font-size:2rem}.comparison-grid{flex-direction:column;gap:1.5rem}.comparison-card{width:100%;max-width:300px;padding:2rem 1.5rem}.arrow{transform:rotate(90deg)}.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(2,1fr);gap:2rem;max-width:1000px;margin:0 auto}.benefit-card{background:var(--cream);border:1px solid var(--border);transition:all .3s ease;border-radius:24px;padding:24px 32px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.benefit-card:hover{box-shadow:0 0 32px var(--shadow)}.benefit-card h3{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:250px}.toggle-btn{padding:.625rem 1.5rem;font-size:.875rem}.benefits-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 1024px) and (min-width: 769px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}.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}.privacy{padding:64px 0}.privacy-container{max-width:820px;margin:0 auto;padding:0 16px}.privacy h1{margin:0 0 12px}.privacy .meta{color:var(--muted, #666);margin:0 0 28px}.privacy h3{margin:28px 0 8px}.privacy p{margin:0 0 12px;line-height:1.6}.privacy ul{margin:8px 0 16px 1.25rem;padding-left:1.25rem;list-style-position:outside}.privacy li{margin:6px 0}.privacy a{text-decoration:underline}