@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--color-bg: #F9FBFD;--color-surface: #FFFFFF;--color-text: #111827;--color-text-muted: #6B7280;--color-primary: #111827;--color-primary-hover: #374151;--color-border: #E5E7EB;--color-danger: #EF4444;--color-accent: #2563EB;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--radius: 8px;--max-w-doc: 700px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.5}button{font-family:inherit;cursor:pointer}.container{max-width:var(--max-w-doc);margin:0 auto;padding:40px 20px;background-color:var(--color-surface);min-height:100vh;box-shadow:var(--shadow-sm)}.input-title{font-size:2rem;font-weight:700;border:none;outline:none;width:100%;color:var(--color-text);margin-bottom:2rem;font-family:var(--font-sans)}.input-title::placeholder{color:#d1d5db}.section{margin-bottom:3rem}.section-label{font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;display:block}.btn-primary{background-color:var(--color-primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius);font-weight:600;font-size:1rem;transition:background-color .2s;width:100%}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-primary:disabled{background-color:var(--color-border);cursor:not-allowed}.card{border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;background:#fff}.hidden{display:none}.landing-page body{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#fff;color:#1a1a1a;line-height:1.6}.landing-page .container{max-width:1200px;margin:0 auto;padding:40px 24px;text-align:center}.landing-page .header{max-width:100%;margin:0 auto 60px;padding:0 20px;display:flex;justify-content:center}.landing-page .site-logo{height:64px;display:block;cursor:pointer}.landing-page .hero{text-align:center;margin-bottom:100px}.landing-page .hero h1{font-size:56px;font-weight:700;margin:0 0 24px;line-height:1.1;color:#000;letter-spacing:-.02em}.landing-page .hero p{font-size:22px;color:#4a4a4a;margin:0 auto 40px;max-width:700px}.landing-page .cta-button{display:inline-block;padding:16px 40px;font-size:18px;font-weight:600;background:#000;color:#fff;border:none;cursor:pointer;text-decoration:none;transition:transform .1s ease,background .2s;border-radius:8px}.landing-page .cta-button:hover{background:#333;transform:translateY(-1px)}.landing-page .secondary-note{margin-top:24px;font-size:15px;color:#666;font-weight:500}.landing-page .section{margin-bottom:120px;max-width:900px;margin-left:auto;margin-right:auto}.landing-page .section-title{font-size:32px;font-weight:700;margin:0 0 48px;color:#000}.landing-page .mockup-container{border:1px solid #e5e5e5;padding:60px;background:#fafafa;margin-bottom:16px;border-radius:16px;box-shadow:0 10px 30px #00000008;text-align:left}.landing-page .mockup{background:#fff;border:1px solid #f0f0f0;padding:40px;border-radius:12px}.landing-page .mockup-title{font-size:28px;font-weight:600;margin-bottom:8px;color:#000}.landing-page .mockup-player{width:100%;height:60px;background:#f0f0f0;border-radius:8px;display:flex;align-items:center;padding:0 16px;margin-bottom:24px;box-sizing:border-box}.landing-page .play-button{width:32px;height:32px;background:#000;border-radius:50%;margin-right:12px;position:relative}.landing-page .play-button:after{content:"";position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);border-left:8px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}.landing-page .waveform{flex:1;height:24px;background:linear-gradient(to right,#ccc,#ccc 50%,#eee 50%,#eee);opacity:.5;border-radius:4px}.landing-page .mockup-text{font-size:16px;color:#444;line-height:1.6}.landing-page .steps{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:left}.landing-page .step{margin-bottom:0}.landing-page .step-number{font-size:20px;font-weight:700;margin:0 0 12px;color:#000}.landing-page .step-description{font-size:17px;color:#555;line-height:1.5}.landing-page .body-text{font-size:20px;color:#333;line-height:1.8;max-width:700px;margin:0 auto}.landing-page .bullet-list{list-style:none;padding:0;margin:24px auto 0;display:inline-block;text-align:left}.landing-page .bullet-list li{font-size:20px;color:#333;margin-bottom:16px;padding-left:32px;position:relative}.landing-page .bullet-list li:before{content:"→";position:absolute;left:0;color:#000;font-weight:700}.landing-page .callout{border:3px solid #000;padding:40px;margin:60px auto;max-width:700px;background:#fff}.landing-page .callout-text{font-size:24px;font-weight:700;color:#000;margin:0 0 16px}.landing-page .callout-subtext{font-size:18px;color:#555;margin:0}.landing-page .final-cta{text-align:center;margin:100px 0 80px}.landing-page .final-cta-subtext{margin-top:24px;font-size:16px;color:#666}.landing-page .footer{text-align:center;padding:60px 0;border-top:1px solid #eaeaea;background:#fdfdfd}.landing-page .footer-links{margin-top:16px}