*{margin:0;padding:0;box-sizing:border-box;}:root{--primary-color:#FF9500;--primary-dark:#E6850E;--secondary-color:#FFCC00;--accent-color:#34C759;--shadow-heavy:0 8px 32px rgba(0,0,0,0.16);--background:#FFFFFF;--surface:#F8F9FA;--surface-elevated:#FFFFFF;--text-primary:#1C1C1E;--text-secondary:#8E8E93;--text-tertiary:#C7C7CC;--border-color:#E5E5EA;--shadow-light:0 2px 8px rgba(0,0,0,0.08);--shadow-medium:0 4px 16px rgba(0,0,0,0.12);--surface-dark:#0F172A;--surface-subtle:#F1F5F9;--surface-card:rgba(255,255,255,0.8);--gradient-primary:linear-gradient(135deg,#FF9500 0%,#FFCC00 100%);--gradient-secondary:linear-gradient(135deg,#34C759 0%,#30D158 100%);--gradient-accent:linear-gradient(135deg,#5856D6 0%,#AF52DE 100%);--gradient-hero:linear-gradient(135deg,#FF9500 0%,#FF3B30 50%,#FFCC00 100%);--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--spacing-5xl:8rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;}@media (prefers-color-scheme:dark){:root{--background:#000000;--surface:#1C1C1E;--surface-elevated:#2C2C2E;--text-primary:#FFFFFF;--text-secondary:#8E8E93;--text-tertiary:#636366;--border-color:#38383A;--shadow-light:0 2px 8px rgba(0,0,0,0.3);--shadow-medium:0 4px 16px rgba(0,0,0,0.4);--shadow-heavy:0 8px 32px rgba(0,0,0,0.5);}}html{scroll-behavior:smooth;}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--background);overflow-x:hidden;}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);}h1{font-size:var(--font-size-5xl);}h2{font-size:var(--font-size-4xl);}h3{font-size:var(--font-size-3xl);}h4{font-size:var(--font-size-2xl);}h5{font-size:var(--font-size-xl);}h6{font-size:var(--font-size-lg);}p{margin-bottom:var(--spacing-md);color:var(--text-secondary);}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.85);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-bottom:1px solid var(--border-color);transition:var(--transition-normal);}.navbar.scrolled{background:rgba(255,255,255,0.98);box-shadow:var(--shadow-medium);}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;height:80px;}.nav-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:800;font-size:var(--font-size-xl);color:var(--text-primary);text-decoration:none;}.nav-brand svg{color:var(--primary-color);}.nav-brand img{width:32px;height:32px;display:block;}.brand-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.nav-menu{display:flex;gap:var(--spacing-xl);}.nav-link{color:#4A4A4E;text-decoration:none;font-weight:600;transition:var(--transition-fast);position:relative;}.nav-link:hover{color:var(--primary-color);}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-color);transition:var(--transition-fast);}.nav-link:hover::after{width:100%;}.nav-toggle{display:none;flex-direction:column;cursor:pointer;gap:3px;}.bar{width:25px;height:3px;background:var(--text-primary);transition:var(--transition-fast);}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:var(--spacing-5xl) 0;overflow:hidden;}.hero-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center;position:relative;z-index:2;}.hero-content{max-width:600px;}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:rgba(255,149,0,0.1);color:var(--primary-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-lg);}.hero-title{font-size:var(--font-size-6xl);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg);color:var(--text-primary);}.gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero-description{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.7;}.hero-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl);}.hero-stats{display:flex;gap:var(--spacing-2xl);}.stat-item{text-align:center;}.stat-number{font-size:var(--font-size-3xl);font-weight:800;color:var(--primary-color);display:block;}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;}.hero-visual{display:flex;justify-content:center;align-items:center;}.app-preview{position:relative;width:100%;max-width:400px;}.preview-card{background:var(--surface-elevated);border-radius:var(--radius-2xl);padding:var(--spacing-lg);box-shadow:var(--shadow-heavy);border:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:floating-card 6s ease-in-out infinite;position:relative;overflow:hidden;}.preview-card::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,149,0,0.05) 40%,rgba(255,149,0,0.2) 50%,rgba(255,149,0,0.05) 60%,transparent);animation:scanline 4s linear infinite;pointer-events:none;}@keyframes scanline{0%{top:-100%;}100%{top:100%;}}@keyframes floating-card{0%,100%{transform:translateY(0);}50%{transform:translateY(-15px);}}.card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);}.card-dots{display:flex;gap:var(--spacing-xs);}.dot{width:12px;height:12px;border-radius:50%;}.dot.red{background:#FF3B30;}.dot.yellow{background:#FFCC00;}.dot.green{background:#34C759;}.card-title{font-weight:600;color:var(--text-primary);margin-left:var(--spacing-sm);}.card-content{text-align:center;}.upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-2xl);transition:var(--transition-normal);cursor:pointer;}.upload-area:hover{border-color:var(--primary-color);background:rgba(255,149,0,0.05);}.upload-area svg{color:var(--primary-color);margin-bottom:var(--spacing-md);}.upload-area p{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);}.upload-area small{color:var(--text-secondary);}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.3;transition:transform 0.6s cubic-bezier(0.23,1,0.32,1);animation:float 20s ease-in-out infinite;}.orb-1{width:300px;height:300px;background:var(--primary-color);top:20%;left:10%;animation-delay:0s;}.orb-2{width:200px;height:200px;background:var(--secondary-color);top:60%;right:20%;animation-delay:5s;}.orb-3{width:250px;height:250px;background:var(--accent-color);bottom:20%;left:60%;animation-delay:10s;}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg);}33%{transform:translateY(-20px) rotate(120deg);}66%{transform:translateY(10px) rotate(240deg);}}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-base);text-decoration:none;cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden;}.btn-primary{background:var(--gradient-primary);color:white;box-shadow:var(--shadow-medium);}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-heavy);}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color);}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);}.btn-platform{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-color);width:100%;justify-content:center;margin-top:auto;}.btn-platform:hover{background:var(--primary-color);color:white;border-color:var(--primary-color);}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);}.btn-outline:hover{background:var(--primary-color);color:white;}section{padding:var(--spacing-5xl) 0;}.section-header{text-align:center;margin-bottom:var(--spacing-4xl);max-width:600px;margin-left:auto;margin-right:auto;}.section-title{font-size:var(--font-size-4xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-md);}.section-description{font-size:var(--font-size-xl);color:var(--text-secondary);line-height:1.7;}.features{background:var(--surface);}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-2xl);}.feature-card{background:var(--surface-elevated);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-light);border:1px solid var(--border-color);transition:var(--transition-normal);position:relative;overflow:hidden;}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium);}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:var(--transition-normal);}.feature-card:hover::before{transform:scaleX(1);}.feature-card::after{content:'0101101010110101';position:absolute;bottom:-20px;right:-10px;font-family:monospace;font-size:40px;color:var(--primary-color);opacity:0;transition:var(--transition-normal);pointer-events:none;user-select:none;white-space:nowrap;letter-spacing:5px;}.feature-card:hover::after{opacity:0.03;transform:translateY(-20px) rotate(-15deg);}.feature-icon{width:56px;height:56px;background:rgba(255,149,0,0.1);color:var(--primary-color);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);}.feature-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);}.feature-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.7;}.feature-list{list-style:none;padding:0;}.feature-list li{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);}.feature-list li::before{content:'✓';color:var(--accent-color);font-weight:700;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:rgba(52,199,89,0.1);border-radius:50%;font-size:var(--font-size-xs);}.steps-container{max-width:800px;margin:0 auto;}.step-item{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);align-items:flex-start;}.step-item:last-child{margin-bottom:0;}.step-number{flex-shrink:0;width:60px;height:60px;background:var(--gradient-primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--font-size-xl);box-shadow:var(--shadow-medium);transition:var(--transition-normal);}@media (max-width:768px){.step-number{width:48px;height:48px;font-size:var(--font-size-base);}}.step-content{flex:1;}.step-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);}.step-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.7;}.step-visual{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color);}.image-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;transition:var(--transition-normal);cursor:pointer;}.image-dropzone:hover{border-color:var(--primary-color);background:rgba(255,149,0,0.05);}.image-dropzone svg{color:var(--primary-color);margin-bottom:var(--spacing-sm);}.watermark-input{display:flex;flex-direction:column;gap:var(--spacing-md);}.input-field{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border-color);}.input-label{font-weight:500;color:var(--text-secondary);font-size:var(--font-size-sm);}.input-value{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm);}.process-result{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg);background:rgba(52,199,89,0.1);border-radius:var(--radius-md);color:var(--accent-color);font-weight:600;}.result-icon{width:24px;height:24px;background:var(--accent-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);}.testimonials{background:var(--surface);}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-2xl);}.testimonial-card{background:var(--surface-elevated);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-light);border:1px solid var(--border-color);transition:var(--transition-normal);}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium);}.testimonial-content{margin-bottom:var(--spacing-lg);}.testimonial-rating{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);}.star{color:#FFD60A;font-size:var(--font-size-lg);}.testimonial-text{font-size:var(--font-size-lg);line-height:1.7;color:var(--text-primary);font-style:italic;margin-bottom:0;}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-md);}.author-avatar{width:48px;height:48px;background:var(--gradient-primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);}.author-info{flex:1;}.author-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);}.author-title{font-size:var(--font-size-sm);color:var(--text-secondary);}.download{background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);color:white;position:relative;overflow:hidden;}.download::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.1"><circle cx="30" cy="30" r="4"/></g></g></svg>');opacity:0.1;pointer-events:none;}.download .section-title,.download .section-description{color:white;}.download-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);}.platform-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);text-align:center;border:1px solid rgba(255,255,255,0.1);transition:var(--transition-normal);display:flex;flex-direction:column;}.platform-card:hover{background:rgba(255,255,255,0.2);transform:translateY(-4px);}.platform-icon{width:80px;height:80px;background:rgba(255,255,255,0.2);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);color:white;}.platform-title{font-size:var(--font-size-xl);font-weight:700;color:white;margin-bottom:var(--spacing-sm);}.platform-description{color:rgba(255,255,255,0.8);margin-bottom:var(--spacing-lg);}.download-alternative{text-align:center;}.alternative-text{color:rgba(255,255,255,0.8);margin-bottom:var(--spacing-lg);}.footer{background:#0F172A;border-top:1px solid rgba(255,255,255,0.1);padding:var(--spacing-4xl) 0 var(--spacing-2xl);}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-4xl);margin-bottom:var(--spacing-3xl);}.footer-brand{max-width:300px;}.brand-logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-weight:800;font-size:var(--font-size-xl);color:var(--text-primary);}.brand-logo svg{color:var(--primary-color);}.brand-logo img{width:32px;height:32px;display:block;}.brand-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.7;}.social-links{display:flex;gap:var(--spacing-md);}.footer .brand-logo,.footer .brand-description,.footer .social-link,.footer .column-title,.footer .column-link,.footer .copyright,.footer .bottom-link{color:rgba(255,255,255,0.8);}.footer .brand-logo svg{color:var(--primary-color);}.footer .column-link:hover,.footer .bottom-link:hover{color:white;}.footer .social-link{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1);}.social-link{width:40px;height:40px;background:var(--surface-elevated);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-fast);border:1px solid var(--border-color);}.social-link:hover{background:var(--primary-color);color:white;transform:translateY(-2px);}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl);}.footer-column{min-width:150px;}.column-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);}.column-list{list-style:none;padding:0;}.column-list li{margin-bottom:var(--spacing-sm);}.column-link{color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast);font-size:var(--font-size-sm);}.column-link:hover{color:var(--primary-color);}.footer-bottom{border-top:1px solid var(--border-color);padding-top:var(--spacing-xl);}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg);}.copyright{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;}.footer-bottom-links{display:flex;gap:var(--spacing-lg);}.icp-info{color:var(--text-secondary);font-size:var(--font-size-sm);}.bottom-link{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:var(--transition-fast);}.bottom-link:hover{color:var(--primary-color);}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center;gap:var(--spacing-3xl);}.hero-actions{justify-content:center;}.hero-stats{justify-content:center;}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.download-platforms{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}}@media (max-width:768px){.nav-menu{position:fixed;left:-100%;top:80px;flex-direction:column;background-color:var(--surface-elevated);width:100%;text-align:center;transition:0.3s;box-shadow:var(--shadow-medium);padding:var(--spacing-2xl) 0;gap:var(--spacing-lg);}.nav-menu.active{left:0;}.nav-toggle{display:flex;}.nav-toggle.active .bar:nth-child(2){opacity:0;}.nav-toggle.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg);}.nav-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg);}.hero{padding:var(--spacing-3xl) 0;}.hero-title{font-size:var(--font-size-4xl);}.hero-description{font-size:var(--font-size-lg);}.hero-actions{flex-direction:column;align-items:center;}.hero-stats{flex-direction:column;gap:var(--spacing-lg);}.features-grid{grid-template-columns:1fr;}.step-item{flex-direction:column;text-align:center;gap:var(--spacing-lg);}.testimonials-grid{grid-template-columns:1fr;}.download-platforms{grid-template-columns:1fr;}.footer-content{grid-template-columns:1fr;gap:var(--spacing-2xl);}.footer-links{grid-template-columns:repeat(2,1fr);}.footer-bottom-content{flex-direction:column;text-align:center;}}@media (max-width:480px){.container{padding:0 var(--spacing-xl);}.nav-container{padding:0 var(--spacing-md);}.hero-container{padding:0 var(--spacing-md);}.hero-title{font-size:var(--font-size-3xl);}.section-title{font-size:var(--font-size-3xl);}.feature-card,.testimonial-card,.platform-card{padding:var(--spacing-lg);}.footer-links{grid-template-columns:1fr;}}@media (prefers-color-scheme:dark){.navbar{background:rgba(28,28,30,0.8);}.navbar.scrolled{background:rgba(28,28,30,0.95);}.feature-card,.testimonial-card,.preview-card{background:var(--surface-elevated);}.platform-card{background:rgba(255,255,255,0.1);}.social-link{background:var(--surface-elevated);}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}.gradient-orb{animation:none;}}.nav-link:focus,.btn:focus,.social-link:focus,.column-link:focus{outline:2px solid var(--primary-color);outline-offset:2px;}@media (prefers-contrast:high){:root{--shadow-light:0 2px 8px rgba(0,0,0,0.3);--shadow-medium:0 4px 16px rgba(0,0,0,0.4);--shadow-heavy:0 8px 32px rgba(0,0,0,0.5);}.btn-primary{border:2px solid white;}.feature-card,.testimonial-card,.platform-card{border-width:2px;}}