.header{background:#fff;border-bottom:1px solid var(--border-color);padding:16px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.nav{display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-color)}.logo-svg{width:40px;height:40px}.brand-name{font-size:20px;font-weight:700}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--primary-color)}.hero{padding:80px 0 60px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hero-content{max-width:800px;margin:0 auto;text-align:center}.hero-title{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:24px}.highlight{color:#fbbf24;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:6px}.hero-subtitle{font-size:20px;line-height:1.6;margin-bottom:40px;opacity:.95}.trust-badges{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.badge{display:flex;align-items:center;gap:8px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:999px;font-weight:500}.badge-icon{width:20px;height:20px}.upload-section{padding:60px 0;background:var(--bg-gray)}.upload-wrapper{max-width:900px;margin:0 auto}.upload-content{display:flex;flex-direction:column;align-items:center}.upload-icon{width:64px;height:64px;color:var(--text-light);margin-bottom:16px}.upload-formats{font-size:13px;color:var(--text-light);margin-top:12px}.processing-state{display:flex;flex-direction:column;align-items:center;padding:40px 20px}.spinner{width:48px;height:48px;border:4px solid var(--bg-gray);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:24px}@keyframes spin{to{transform:rotate(360deg)}}.processing-text{font-size:20px;margin-bottom:8px;color:var(--text-color)}.processing-hint{color:var(--text-light);margin-bottom:24px}.result-section{background:#fff;border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-lg)}.result-header{text-align:center;margin-bottom:32px}.result-header h3{font-size:24px;color:var(--secondary-color)}.comparison-container{margin-bottom:32px;border-radius:var(--radius);overflow:hidden;background:var(--bg-gray);min-height:300px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;padding:24px;background:var(--bg-gray);border-radius:var(--radius)}.stat{text-align:center}.stat-label{display:block;font-size:14px;color:var(--text-light);margin-bottom:4px}.stat-value{display:block;font-size:24px;font-weight:700;color:var(--text-color)}.stat-highlight .stat-value{color:var(--secondary-color)}.result-actions{display:flex;gap:16px;margin-bottom:24px}.btn-large{padding:16px 32px;font-size:18px}.btn-icon{width:20px;height:20px;margin-right:8px;display:inline-block;vertical-align:middle}.result-info{text-align:center;color:var(--text-light);font-size:14px;padding:16px;background:#fef3c7;border-radius:var(--radius);margin-bottom:24px}.upsell-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;border-radius:var(--radius);text-align:center}.upsell-box h4{font-size:22px;margin-bottom:12px}.upsell-box p{margin-bottom:24px;opacity:.95}.upsell-form{display:flex;gap:12px;max-width:500px;margin:0 auto}.upsell-form .form-input{flex:1}.section{padding:80px 0}.section-dark{background:var(--bg-gray)}.section-title{font-size:36px;font-weight:700;text-align:center;margin-bottom:16px}.section-subtitle{text-align:center;color:var(--text-light);font-size:18px;margin-bottom:60px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step-card{text-align:center}.step-number{width:60px;height:60px;background:var(--primary-color);color:#fff;font-size:28px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.step-title{font-size:22px;margin-bottom:12px}.step-description{color:var(--text-light);line-height:1.6}.privacy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.privacy-card{background:#fff;padding:32px;border-radius:var(--radius);box-shadow:var(--shadow)}.privacy-icon{width:48px;height:48px;color:var(--primary-color);margin-bottom:16px}.privacy-card h3{font-size:20px;margin-bottom:12px}.privacy-card p{color:var(--text-light);line-height:1.6}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:16px;overflow:hidden}.faq-question{padding:20px 24px;font-size:18px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:24px;color:var(--primary-color);transition:transform .3s}.faq-item[open] .faq-question:after{transform:rotate(45deg)}.faq-answer{padding:0 24px 20px;color:var(--text-light);line-height:1.6}.cta-section{padding:80px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.cta-title{font-size:40px;font-weight:700;margin-bottom:16px}.cta-subtitle{font-size:20px;margin-bottom:40px;opacity:.95}.footer{background:#1f2937;color:#9ca3af;padding:60px 0 24px}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}.footer-section h4{color:#fff;font-size:18px;margin-bottom:16px}.footer-description{line-height:1.6;font-size:14px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#9ca3af;text-decoration:none;font-size:14px;transition:color .3s}.footer-links a:hover{color:#fff}.footer-stats{display:flex;flex-direction:column;gap:16px}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:24px;font-weight:700;color:#fff}.stat-label{font-size:13px;color:#9ca3af}.footer-bottom{border-top:1px solid #374151;padding-top:24px;text-align:center;font-size:14px}@media (max-width: 768px){.nav-links{display:none}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.trust-badges{gap:12px}.badge{font-size:14px;padding:8px 16px}.steps-grid,.privacy-grid{grid-template-columns:1fr}.result-stats{grid-template-columns:repeat(2,1fr)}.result-actions,.upsell-form{flex-direction:column}.footer-content{grid-template-columns:1fr;gap:32px}.section-title,.cta-title{font-size:28px}}
