:root{--bg-primary: #F7F7F7;--bg-surface: #FFFFFF;--bg-surface-hover: #F0F0F0;--text-primary: #1A1A1A;--text-secondary: #6B6B6B;--text-tertiary: #999999;--accent: #1A1A1A;--accent-soft: #4ADE80;--accent-glow: rgba(74, 222, 128, .2);--border: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .1);--gradient-mint: #C6F9E6;--gradient-blue: #A3C6E6;--gradient-peach: #F8DFB0;--gradient-lavender: #D5C6F9;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(-2deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(-2deg)}}@keyframes blobDrift1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-30px,20px) scale(.94)}}@keyframes blobDrift2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-35px,25px) scale(.92)}66%{transform:translate(25px,-20px) scale(1.1)}}@keyframes blobDrift3{0%,to{transform:translate(0) scale(1.02)}50%{transform:translate(20px,15px) scale(.95)}}@keyframes waveBar{0%,to{height:6px}50%{height:28px}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.nav{background-color:transparent;padding-top:20px;padding-bottom:20px}.nav-inner{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:20px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;text-decoration:none}.nav-logo-notch{width:22px;height:12px;background:var(--text-primary);border-radius:0 0 7px 7px;flex-shrink:0}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:var(--text-primary);color:var(--bg-primary);font-size:16px;font-weight:600;border:none;border-radius:999px;cursor:pointer;text-decoration:none;transition:transform .2s ease,opacity .2s ease;font-family:inherit}.cta-button:hover{transform:translateY(-1px);opacity:.85}.cta-button:active{transform:translateY(0)}.cta-button-small{padding:10px 26px;font-size:15px}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:140px 24px 80px;text-align:center}.hero-blobs{position:absolute;inset:0;pointer-events:none}.hero-blob{position:absolute;border-radius:50%;filter:blur(100px)}.hero-blob-1{width:600px;height:600px;background:var(--gradient-mint);opacity:.5;bottom:-5%;left:15%;animation:blobDrift1 12s ease-in-out infinite}.hero-blob-2{width:500px;height:500px;background:var(--gradient-blue);opacity:.35;bottom:0%;right:10%;animation:blobDrift2 14s ease-in-out infinite}.hero-blob-3{width:400px;height:400px;background:var(--gradient-peach);opacity:.3;bottom:-10%;left:40%;animation:blobDrift3 10s ease-in-out infinite}.hero-content{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center}.hero-eyebrow{display:inline-block;padding:6px 16px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:999px;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:28px;opacity:0;animation:fadeInUp .6s var(--ease-out-expo) .1s forwards}.hero-heading{font-size:clamp(40px,7vw,88px);font-weight:700;line-height:1.08;letter-spacing:-.03em;margin-bottom:24px;opacity:0;animation:fadeInUp .6s var(--ease-out-expo) .15s forwards}.hero-heading-line{display:block;white-space:nowrap;text-align:center}.hero-subheading{font-size:20px;color:var(--text-secondary);max-width:520px;margin:0 auto 36px;line-height:1.6;opacity:0;animation:fadeInUp .6s var(--ease-out-expo) .2s forwards}.hero-cta{opacity:0;animation:fadeInUp .6s var(--ease-out-expo) .25s forwards;margin-bottom:72px}.hero-mockup-wrapper{position:relative;z-index:1;width:100%;max-width:700px;opacity:0;animation:fadeInScale .8s var(--ease-out-expo) .3s forwards}.hero-mockup-float{animation:float 4s ease-in-out infinite}.section{padding:100px 24px;max-width:1100px;margin:0 auto}.section-heading{font-size:52px;font-weight:700;text-align:center;margin-bottom:52px;line-height:1.1;letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.feature-card{display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:translateY(30px);transition:opacity .5s var(--ease-out-expo),transform .5s var(--ease-out-expo)}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card-media{width:100%;margin-bottom:-32px;position:relative;z-index:1}.feature-card-media .asset-placeholder{border-radius:16px;background:var(--bg-surface);border:1px solid var(--border);box-shadow:0 8px 32px #0000000f,0 1px 3px #0000000a}.feature-card-text{padding:48px 8px 0;position:relative;z-index:0}.feature-card-title{font-size:20px;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}.feature-card-body{font-size:15px;color:var(--text-secondary);line-height:1.65}.comparison-table{max-width:700px;margin:0 auto;border-radius:20px;overflow:hidden;border:1px solid var(--border);background:var(--bg-surface);position:relative;z-index:1}.comparison-row{display:grid;grid-template-columns:140px 80px 1fr;padding:18px 28px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:15px;align-items:center;gap:16px;opacity:0;transform:translate(-20px);transition:opacity .4s var(--ease-out-expo),transform .4s var(--ease-out-expo)}.comparison-row.visible{opacity:1;transform:translate(0)}.comparison-row:last-child{border-bottom:none}.comparison-row-highlight{color:var(--text-primary);font-weight:600;background:#4ade8014;border-left:3px solid var(--accent-soft)}.comparison-name{font-weight:500}.comparison-price{font-weight:600;white-space:nowrap}.feature-card-waveform-wrap{aspect-ratio:4/3;width:100%;border-radius:16px;background:var(--bg-surface);border:1px solid var(--border);box-shadow:0 8px 32px #0000000f,0 1px 3px #0000000a;display:flex;align-items:center;justify-content:center}.waveform{display:flex;align-items:center;justify-content:center;gap:5px;height:36px;margin-top:16px}.waveform-bar{width:4px;border-radius:2px;background:linear-gradient(to top,var(--gradient-mint),var(--gradient-blue));animation:waveBar 1.2s ease-in-out infinite}.pricing{text-align:center;padding:100px 24px;max-width:600px;margin:0 auto}.pricing-price{font-size:80px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:8px;letter-spacing:-.03em}.pricing-subtitle{font-size:24px;font-weight:600;margin-bottom:16px;letter-spacing:-.01em}.pricing-body{font-size:16px;color:var(--text-secondary);max-width:480px;margin:0 auto 36px;line-height:1.6}.faq-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.faq-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.faq-item.faq-item-open{border-color:var(--border-strong);box-shadow:0 4px 16px #0000000a}.faq-question{width:100%;background:none;border:none;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;text-align:left;color:var(--text-primary);font-size:16px;font-weight:500;font-family:inherit}.faq-arrow{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .35s var(--ease-out-expo)}.faq-arrow.open{transform:rotate(45deg)}.faq-answer-grid{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease-out-expo)}.faq-answer-grid.open{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden}.faq-answer{padding:0 24px 20px;font-size:15px;color:var(--text-secondary);line-height:1.65}.final-cta{text-align:center;padding:80px 24px}.final-cta-heading{font-size:52px;font-weight:700;margin-bottom:36px;line-height:1.1;letter-spacing:-.02em}.waitlist-section{text-align:center;padding:0 24px 80px;max-width:600px;margin:0 auto}.waitlist-form{display:flex;gap:12px;justify-content:center;max-width:480px;margin:0 auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;padding:6px 6px 6px 0;position:relative;z-index:1}.waitlist-input{flex:1;padding:12px 22px;background:transparent;border:none;color:var(--text-primary);font-size:16px;font-family:inherit;outline:none}.waitlist-input::placeholder{color:var(--text-tertiary)}.waitlist-success{font-size:16px;color:var(--text-primary);padding:16px;font-weight:500}.footer{padding:32px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);max-width:1100px;margin:0 auto;font-size:14px;color:var(--text-tertiary)}.footer-links{display:flex;gap:0;align-items:center}.footer-links a{color:var(--text-tertiary);text-decoration:underline;transition:color .2s ease;margin-left:.3em}.footer-links a:hover{color:var(--text-primary)}.asset-placeholder{background:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:14px;text-align:center;padding:24px;width:100%}.play-icon{width:56px;height:56px;border-radius:50%;border:2px solid var(--text-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.play-icon svg{margin-left:3px}.dot-grid-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}@media(max-width:1024px){.section-heading,.final-cta-heading{font-size:40px}.pricing-price{font-size:64px}}@media(max-width:768px){.nav-inner{padding-left:20px;padding-right:20px}.hero{padding:110px 20px 48px;min-height:auto}.hero-heading-line{white-space:normal}.hero-subheading{font-size:16px}.hero-cta{margin-bottom:48px}.section{padding:64px 20px}.section-heading{font-size:30px;margin-bottom:32px}.features-grid{grid-template-columns:1fr;gap:56px}.comparison-row{grid-template-columns:1fr auto;font-size:14px;padding:14px 18px;gap:4px 12px}.comparison-verdict{grid-column:1 / -1;font-size:13px;opacity:.8}.pricing{padding:64px 20px}.pricing-price{font-size:52px}.pricing-subtitle{font-size:20px}.final-cta{padding:48px 20px}.final-cta-heading{font-size:30px}.waitlist-form{flex-direction:row}.footer{flex-direction:column;gap:16px;text-align:center;padding:24px 20px}.hero-blob-1{width:350px;height:350px}.hero-blob-2{width:280px;height:280px}.hero-blob-3{width:220px;height:220px}}@media(prefers-reduced-motion:reduce){.hero-eyebrow,.hero-heading,.hero-subheading,.hero-cta,.hero-mockup-wrapper{animation:none;opacity:1}.hero-mockup-float,.hero-blob-1,.hero-blob-2,.hero-blob-3{animation:none}.waveform-bar{animation:none;height:16px}.feature-card,.comparison-row{opacity:1;transform:none;transition:none}.faq-answer-grid{transition:none}}
