@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #007AFF;--color-primary-hover: #0051D5;--color-text-primary: #1C1C1E;--color-text-secondary: #8E8E93;--color-background: #FFFFFF;--color-surface: #F2F2F7;--color-border: #E5E5EA;--color-success: #34C759;--color-gradient-start: #E0F2FE;--color-gradient-middle: #F0F9FF;--color-gradient-end: #F0FDF4;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.6;font-weight:400;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-gradient-start) 0%,var(--color-gradient-middle) 50%,var(--color-gradient-end) 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(80px);opacity:.3;z-index:-1;animation:float 20s ease-in-out infinite}body:before{width:500px;height:500px;background:linear-gradient(45deg,#60a5fa,#34d399);top:-200px;left:-200px;animation-delay:-5s}body:after{width:400px;height:400px;background:linear-gradient(45deg,#a78bfa,#60a5fa);bottom:-150px;right:-150px;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(100px,-100px) scale(1.1)}66%{transform:translate(-50px,100px) scale(.9)}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-primary)}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em}h2{font-size:clamp(1.5rem,4vw,2.5rem);letter-spacing:-.01em}h3{font-size:clamp(1.25rem,3vw,1.875rem)}p{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.7}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button{border-radius:var(--radius-md);border:none;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;font-family:inherit;background-color:var(--color-primary);color:#fff;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}input,textarea,select{font-family:inherit;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem;transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff1a}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-2xl) 0}@media(max-width:768px){.section{padding:var(--spacing-xl) 0}}.header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--color-border);z-index:100;padding:var(--spacing-sm) 0}.header-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text-primary);font-weight:700;font-size:1.25rem;transition:opacity var(--transition-fast)}.logo:hover{opacity:.8;color:var(--color-text-primary)}.logo-icon{width:2rem;height:2rem;object-fit:contain}.nav{display:flex;align-items:center;gap:var(--spacing-md)}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover{color:var(--color-text-primary);background:var(--color-surface)}.nav-link.active{color:var(--color-primary);background:#007aff1a}.header-cta{display:flex;align-items:center;gap:var(--spacing-sm)}.badge-link{display:flex;align-items:center;transition:opacity var(--transition-fast)}.badge-link:hover{opacity:.7}.platform-badge{height:32px;width:auto}@media(max-width:768px){.header-container{flex-wrap:wrap}.nav{order:3;width:100%;justify-content:center;padding-top:var(--spacing-sm);gap:var(--spacing-sm)}.nav-link{padding:.375rem .75rem;font-size:.875rem}.header-cta{margin-left:auto}}@media(max-width:480px){.logo-text{display:none}}.footer{background:#fff;border-top:1px solid var(--color-border);margin-top:var(--spacing-2xl);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h4{font-size:1rem;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.footer-section p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.footer-link{display:block;color:var(--color-text-secondary);text-decoration:none;margin-bottom:.5rem;font-size:.875rem;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-primary)}.footer-bottom{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center}.footer-bottom p{font-size:.875rem;color:var(--color-text-secondary)}@media(max-width:640px){.footer-content{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:none;white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:#e5e5ea;border-color:#d1d1d6}.btn-ghost{background:transparent;color:var(--color-primary)}.btn-ghost:hover:not(:disabled){background:#007aff1a}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:.875rem 1.75rem;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.app-store-btn{display:inline-flex;align-items:center;text-decoration:none;transition:all var(--transition-base)}.app-store-btn:hover{transform:translateY(-2px);opacity:.9}.badge-image{display:block;height:40px;width:auto}.app-store-btn-sm .badge-image{height:32px}.app-store-btn-lg .badge-image{height:56px}.app-store-btn-md .badge-image{height:40px}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn var(--transition-base)}.modal-content{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:500px;width:100%;position:relative;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-base)}.modal-title{margin-bottom:var(--spacing-md);padding-right:var(--spacing-xl)}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--color-surface);border:none;padding:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-border);color:var(--color-text-primary);transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.modal-content{padding:var(--spacing-lg)}}.home{min-height:100vh}.home-container{max-width:1400px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start;padding:var(--spacing-xl) 0}.editor-layout{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);padding:var(--spacing-lg)}.hero-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.hero-content h1,.hero-content .hero-subtitle{margin-bottom:var(--spacing-sm)}.hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin:0}.app-screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-xl)}.app-screenshots img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.cta-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap}.hero-tool{position:sticky;top:calc(var(--spacing-2xl) + 60px)}.upload-area{background:#fff;border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:all var(--transition-base);min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.upload-area:hover{border-color:var(--color-primary);background:#007aff05}.upload-icon{width:4rem;height:4rem;color:var(--color-primary)}.upload-area h3{margin:0;color:var(--color-text-primary)}.upload-area p{margin:0;color:var(--color-text-secondary)}.upload-formats{font-size:.875rem;color:var(--color-text-secondary);opacity:.7}.preview-area{background:var(--color-surface);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:center;min-height:500px;max-height:600px;border-radius:var(--radius-md);overflow:hidden}.preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md)}.controls-area{display:flex;flex-direction:column;gap:var(--spacing-lg)}.control-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.control-group label{font-weight:600;color:var(--color-text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.ratio-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.ratio-button{padding:.75rem 1.5rem;border:2px solid var(--color-border);background:#fff;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.ratio-button:hover{border-color:var(--color-primary);color:var(--color-primary);transform:none}.ratio-button.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.blur-slider{width:100%;height:8px;border-radius:var(--radius-full);background:var(--color-surface);outline:none;-webkit-appearance:none;appearance:none}.blur-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.blur-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-md)}.blur-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.blur-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-md)}.action-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.tip-text{font-size:.875rem;color:var(--color-text-secondary);text-align:center;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);margin:0}.modal-body{text-align:center}.modal-body h2,.modal-body p{margin-bottom:var(--spacing-md)}.modal-features{list-style:none;padding:0;margin:var(--spacing-lg) 0;text-align:left}.modal-features li{padding:var(--spacing-sm);color:var(--color-text-secondary);font-size:1rem}.modal-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-lg)}.testimonials-section,.faq-section{padding:var(--spacing-2xl) 0;text-align:center}.testimonials-section h2,.faq-section h2{margin-bottom:var(--spacing-xl)}.testimonial-card{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:left}.testimonial-stars{color:#ffb800;font-size:1.5rem;margin-bottom:var(--spacing-md);letter-spacing:2px;font-weight:600}.seo-section{padding:var(--spacing-2xl) 0;background:#fff;border-radius:var(--radius-xl);margin-top:var(--spacing-2xl)}.seo-content{max-width:900px;margin:0 auto;padding:0 var(--spacing-md)}.seo-content h2{margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.seo-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.seo-content p{font-size:1.0625rem;line-height:1.8;margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}@media(max-width:1024px){.hero-section{grid-template-columns:1fr;gap:var(--spacing-xl)}.editor-layout{grid-template-columns:1fr}.hero-tool{position:static}}@media(max-width:768px){.home-container{padding:var(--spacing-md)}.hero-content{gap:var(--spacing-md)}.cta-buttons{flex-direction:column}.app-screenshots{grid-template-columns:1fr}.ratio-buttons{flex-direction:column}.ratio-button{width:100%}.testimonials-grid{grid-template-columns:1fr}}.about{min-height:100vh}.about-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.about-hero{text-align:center;padding:var(--spacing-2xl) 0}.about-hero h1{margin-bottom:var(--spacing-md)}.lead{font-size:1.5rem;color:var(--color-text-secondary);max-width:700px;margin:0 auto}.about-section{padding:var(--spacing-2xl) 0;background:#fff;margin:var(--spacing-md) 0;border-radius:var(--radius-xl)}.about-section.alternate{background:#fff;margin:var(--spacing-xl) 0;padding:var(--spacing-2xl) var(--spacing-md);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.section-content{max-width:800px;margin:0 auto}.section-content h2{margin-bottom:var(--spacing-lg);text-align:center}.section-content>p{margin-bottom:var(--spacing-lg);font-size:1.125rem;line-height:1.8}.privacy-features{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.privacy-item{display:flex;gap:var(--spacing-md);align-items:start}.check-icon{width:2rem;height:2rem;color:var(--color-success);flex-shrink:0;margin-top:.25rem}.privacy-item strong{display:block;margin-bottom:.5rem;color:var(--color-text-primary);font-size:1.125rem}.privacy-item p{margin:0;color:var(--color-text-secondary)}.legal-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-xl)}.legal-link{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);text-decoration:none;box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:2px solid transparent}.legal-link:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.legal-link h3{margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.legal-link p{margin:0;color:var(--color-text-secondary)}@media(max-width:768px){.about-hero{padding:var(--spacing-xl) 0}.lead{font-size:1.25rem}.features-grid,.legal-links{grid-template-columns:1fr}}.download{min-height:100vh}.download-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.download-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;padding:var(--spacing-2xl) 0;min-height:600px}.hero-text{display:flex;flex-direction:column;gap:var(--spacing-lg)}.hero-description{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.7}.hero-cta{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-md);flex-wrap:wrap}.final-cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.hero-mockup{display:flex;justify-content:center;align-items:center}.phone-mockup{width:280px;height:560px;background:#1c1c1e;border-radius:40px;padding:12px;box-shadow:0 20px 60px #0000004d;position:relative}.phone-mockup:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:24px;background:#1c1c1e;border-radius:0 0 20px 20px;z-index:2}.phone-screen{width:100%;height:100%;background:#fff;border-radius:32px;overflow:hidden}.mockup-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gradient-start) 0%,var(--color-gradient-end) 100%)}.mockup-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--color-text-secondary)}.mockup-placeholder svg{width:80px;height:80px;opacity:.3}.mockup-placeholder p{margin:0;font-weight:600;opacity:.5}.app-preview{width:100%;height:100%;object-fit:cover;border-radius:32px}.benefits-section,.screenshots-section,.testimonials-section,.faq-section{padding:var(--spacing-2xl) 0;text-align:center}.benefits-container,.screenshots-container{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.benefits-section h2,.testimonials-section h2,.faq-section h2{margin-bottom:var(--spacing-xl)}.benefits-content{max-width:900px;margin:0 auto;text-align:left}.benefits-content p{font-size:1.125rem;line-height:1.8;margin-bottom:var(--spacing-lg);color:var(--color-text-secondary)}.app-screenshots-section{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.app-screenshot{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.testimonial-card{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left}.testimonial-stars{color:gold;font-size:1.25rem;margin-bottom:var(--spacing-md)}.testimonial-text{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-md);font-style:italic}.testimonial-author{display:flex;flex-direction:column;gap:.25rem}.testimonial-author strong{color:var(--color-text-primary)}.testimonial-author span{color:var(--color-text-secondary);font-size:.875rem}.faq-list{max-width:800px;margin:var(--spacing-xl) auto 0;text-align:left}.faq-item{background:#fff;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);box-shadow:var(--shadow-sm);overflow:hidden}.faq-question{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);transition:background-color var(--transition-fast)}.faq-question:hover{background:var(--color-surface);transform:none;box-shadow:none}.faq-question.active{background:var(--color-surface)}.faq-icon{width:1.5rem;height:1.5rem;color:var(--color-text-secondary);transition:transform var(--transition-base);flex-shrink:0}.faq-question.active .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-md);animation:slideDown var(--transition-base)}.faq-answer p{margin:0;color:var(--color-text-secondary);line-height:1.7}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.final-cta{text-align:center;padding:var(--spacing-2xl);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:var(--spacing-2xl) 0}.final-cta h2{margin-bottom:var(--spacing-md)}.final-cta p{font-size:1.25rem;margin-bottom:var(--spacing-lg);color:var(--color-text-secondary)}@media(max-width:1024px){.download-hero{grid-template-columns:1fr;text-align:center}.hero-text{align-items:center}.phone-mockup{width:240px;height:480px}.app-screenshots-section{grid-template-columns:1fr}}@media(max-width:768px){.benefits-grid,.testimonials-grid{grid-template-columns:1fr}.phone-mockup{width:200px;height:400px}.app-screenshots-section{grid-template-columns:1fr}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.placeholder-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-md)}.placeholder-page .container{text-align:center;max-width:800px}.placeholder-page h1{margin-bottom:var(--spacing-lg)}.placeholder-page p{font-size:1.125rem}