.hero[data-v-fb6e47a2]{padding:80px var(--space-24)60px;background:#080b14 url(https://cdn1.genspark.ai/user-upload-image/admin/image/seo/ai-invoice-generator/hero.png?v=1) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.hero[data-v-fb6e47a2]{padding:60px var(--space-16)40px;background-image:url(https://cdn1.genspark.ai/user-upload-image/admin/image/seo/ai-invoice-generator/hero-mobile.png?v=1)}}.hero-content[data-v-fb6e47a2]{text-align:center;width:100%;max-width:640px;position:relative}.hero-logo[data-v-fb6e47a2]{color:#fff;height:32px;margin:0 auto var(--space-20);width:auto;display:block}.hero-title[data-v-fb6e47a2]{color:#fff;font-size:var(--text-h1);margin:0 0 var(--space-16)0;font-weight:700;line-height:1.2}.hero-subtitle[data-v-fb6e47a2]{color:#fffc;font-size:var(--text-body-lg);margin:0 0 var(--space-32)0;line-height:1.6}.hero-form[data-v-fb6e47a2]{width:100%}.textarea-wrapper[data-v-fb6e47a2]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-12);align-items:flex-end;gap:var(--space-8);padding:var(--space-12);transition:border-color var(--transition-fast);background:#ffffff1a;border:1px solid #ffffff26;display:flex;position:relative}.textarea-wrapper[data-v-fb6e47a2]:focus-within{border-color:#ffffff59}.hero-textarea[data-v-fb6e47a2]{color:#fff;font-family:inherit;font-size:var(--text-body);min-height:52px;max-height:200px;padding:var(--space-4);resize:none;background:0 0;border:none;outline:none;flex:1;line-height:1.5}.hero-textarea[data-v-fb6e47a2]::placeholder{color:#fff6}.submit-btn[data-v-fb6e47a2]{border-radius:var(--radius-8);color:#080b14;cursor:pointer;min-width:44px;height:36px;min-height:44px;transition:background var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast);background:#fff;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;display:flex}.submit-btn[data-v-fb6e47a2]:hover:not(:disabled){filter:brightness(.92)}.submit-btn[data-v-fb6e47a2]:active:not(:disabled){filter:brightness(.88);transform:scale(.96)}.submit-btn[data-v-fb6e47a2]:focus-visible{outline:none;box-shadow:0 0 0 3px #fff6}.submit-btn.disabled[data-v-fb6e47a2]{color:#ffffff4d;cursor:default;background:#ffffff26}.chips-area[data-v-fb6e47a2]{margin-top:var(--space-24);text-align:center}.chips-label[data-v-fb6e47a2]{color:#fff9;font-size:var(--text-small);margin-bottom:var(--space-12);display:block}.chips[data-v-fb6e47a2]{gap:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.chip[data-v-fb6e47a2]{color:#fffc;cursor:pointer;font-size:var(--text-small);min-height:44px;padding:var(--space-8)var(--space-16);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);background:#ffffff1a;border:1px solid #ffffff26;border-radius:100px;align-items:center;display:inline-flex}.chip[data-v-fb6e47a2]:hover{background:#ffffff2e;border-color:#ffffff4d}.chip[data-v-fb6e47a2]:active{background:#ffffff38}.chip[data-v-fb6e47a2]:focus-visible{outline:none;box-shadow:0 0 0 3px #fff6}.chip.active[data-v-fb6e47a2]{color:#080b14;background:#fff;border-color:#fff}.section-inner[data-v-fb6e47a2]{max-width:1100px;padding:0 var(--space-24);margin:0 auto}.section-heading[data-v-fb6e47a2]{color:var(--color-text-primary);font-size:var(--text-h2);margin:0 0 var(--space-12)0;text-align:center;font-weight:700;line-height:1.3}.section-subheading[data-v-fb6e47a2]{color:var(--color-text-secondary);font-size:var(--text-body);margin:0 auto var(--space-48)auto;text-align:center;max-width:640px;line-height:1.6}.section-types[data-v-fb6e47a2]{background:var(--color-bg-subtle);padding:80px 0}.types-grid[data-v-fb6e47a2]{gap:var(--space-24);grid-template-columns:repeat(3,1fr);display:grid}.type-card[data-v-fb6e47a2]{background:var(--color-bg-page);border:1px solid var(--color-border-default);border-radius:var(--radius-12);cursor:pointer;padding:var(--space-24);text-align:left;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.type-card[data-v-fb6e47a2]:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.type-card[data-v-fb6e47a2]:active{transform:scale(.98)}.type-card[data-v-fb6e47a2]:focus-visible{outline:none;box-shadow:0 0 0 3px #23242566}.type-icon[data-v-fb6e47a2]{background:var(--color-bg-subtle);border-radius:var(--radius-10);height:48px;margin-bottom:var(--space-16);justify-content:center;align-items:center;width:48px;display:flex}.type-icon[data-v-fb6e47a2],.type-title[data-v-fb6e47a2]{color:var(--color-text-primary)}.type-title[data-v-fb6e47a2]{font-size:var(--text-h4);margin:0 0 var(--space-8)0;font-weight:600}.type-desc[data-v-fb6e47a2]{color:var(--color-text-secondary);font-size:var(--text-small);margin:0;line-height:1.5}.section-hiw[data-v-fb6e47a2]{background:var(--color-bg-page);padding:80px 0}.hiw-grid[data-v-fb6e47a2]{gap:var(--space-32);grid-template-columns:repeat(3,1fr);display:grid}.hiw-step[data-v-fb6e47a2]{text-align:center}.hiw-image[data-v-fb6e47a2]{aspect-ratio:3/2;background:var(--color-bg-subtle);border-radius:var(--radius-12);margin-bottom:var(--space-20);width:100%;overflow:hidden}.hiw-image img[data-v-fb6e47a2]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hiw-badge[data-v-fb6e47a2]{background:var(--color-btn-primary);color:var(--color-btn-primary-text);font-size:var(--text-small);height:32px;margin-bottom:var(--space-12);border-radius:50%;justify-content:center;align-items:center;width:32px;font-weight:700;display:inline-flex}.hiw-step-title[data-v-fb6e47a2]{color:var(--color-text-primary);font-size:var(--text-h4);margin:0 0 var(--space-8)0;font-weight:600}.hiw-step-desc[data-v-fb6e47a2]{color:var(--color-text-secondary);font-size:var(--text-small);margin:0;line-height:1.6}.section-compare[data-v-fb6e47a2]{background:var(--color-bg-subtle);padding:80px 0}.compare-table-wrap[data-v-fb6e47a2]{-webkit-overflow-scrolling:touch;overflow-x:auto}.compare-table[data-v-fb6e47a2]{background:var(--color-bg-page);border:1px solid var(--color-border-default);border-collapse:separate;border-radius:var(--radius-12);border-spacing:0;width:100%;overflow:hidden}.compare-table td[data-v-fb6e47a2],.compare-table th[data-v-fb6e47a2]{font-size:var(--text-small);padding:var(--space-16)var(--space-20);text-align:left}.compare-th-label[data-v-fb6e47a2]{background:var(--color-bg-page);width:160px}.compare-th-manual[data-v-fb6e47a2]{border-bottom:2px solid var(--color-border-default);color:var(--color-text-secondary)}.compare-th-ai[data-v-fb6e47a2],.compare-th-manual[data-v-fb6e47a2]{background:var(--color-bg-page);font-weight:600}.compare-th-ai[data-v-fb6e47a2]{border-bottom:2px solid var(--color-border-brand)}.compare-label[data-v-fb6e47a2],.compare-th-ai[data-v-fb6e47a2]{color:var(--color-text-primary)}.compare-label[data-v-fb6e47a2]{font-weight:600}.compare-label[data-v-fb6e47a2],.compare-manual[data-v-fb6e47a2]{border-top:1px solid var(--color-border-subtle)}.compare-manual[data-v-fb6e47a2]{color:var(--color-text-secondary)}.compare-ai[data-v-fb6e47a2]{background:var(--color-bg-subtle);border-top:1px solid var(--color-border-subtle);color:var(--color-text-primary)}.compare-cta-wrap[data-v-fb6e47a2]{margin-top:var(--space-32);text-align:center}.compare-cta-btn[data-v-fb6e47a2]{background:var(--color-btn-primary);border-radius:var(--radius-12);color:var(--color-btn-primary-text);cursor:pointer;font-size:var(--text-body);min-height:48px;padding:0 var(--space-32);transition:background var(--transition-fast),transform var(--transition-fast);border:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.compare-cta-btn[data-v-fb6e47a2]:hover{background:var(--color-btn-primary-hover)}.compare-cta-btn[data-v-fb6e47a2]:active{background:var(--color-btn-primary-active);transform:scale(.98)}.compare-cta-btn[data-v-fb6e47a2]:focus-visible{outline:none;box-shadow:0 0 0 3px #23242566}.section-cases[data-v-fb6e47a2]{background:var(--color-bg-page);padding:80px 0}.cases-list[data-v-fb6e47a2]{flex-direction:column;gap:64px;display:flex}.case-item[data-v-fb6e47a2]{align-items:center;gap:var(--space-48);grid-template-columns:1fr 1fr;display:grid}.case-item.reversed[data-v-fb6e47a2]{direction:rtl}.case-item.reversed[data-v-fb6e47a2]>*{direction:ltr}.case-image[data-v-fb6e47a2]{aspect-ratio:8/5;background:var(--color-bg-subtle);border-radius:var(--radius-12);width:100%;overflow:hidden}.case-image img[data-v-fb6e47a2]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.case-title[data-v-fb6e47a2]{color:var(--color-text-primary);font-size:var(--text-h3);margin:0 0 var(--space-12)0;font-weight:600}.case-desc[data-v-fb6e47a2]{font-size:var(--text-body)}.case-desc[data-v-fb6e47a2],.case-prompt-quote[data-v-fb6e47a2]{color:var(--color-text-secondary);margin:0 0 var(--space-16)0;line-height:1.6}.case-prompt-quote[data-v-fb6e47a2]{background:var(--color-bg-subtle);border-left:3px solid var(--color-border-brand);border-radius:0 var(--radius-8)var(--radius-8)0;font-size:var(--text-small);padding:var(--space-16);font-style:normal}.case-try-link[data-v-fb6e47a2]{color:var(--color-text-link);cursor:pointer;font-size:var(--text-small);align-items:center;gap:var(--space-6);min-height:44px;padding:var(--space-4)0;transition:opacity var(--transition-fast);background:0 0;border:none;font-weight:500;display:inline-flex}.case-try-link[data-v-fb6e47a2]:hover{opacity:.8}.case-try-link[data-v-fb6e47a2]:active{opacity:.7}.case-try-link[data-v-fb6e47a2]:focus-visible{border-radius:var(--radius-4);outline:none;box-shadow:0 0 0 3px #0f7fff66}.section-faq[data-v-fb6e47a2]{background:var(--color-bg-page);padding:80px 0}.faq-list[data-v-fb6e47a2]{max-width:740px;margin:0 auto}.faq-item[data-v-fb6e47a2]{border-bottom:1px solid var(--color-border-default)}.faq-question[data-v-fb6e47a2]{color:var(--color-text-primary);cursor:pointer;font-size:var(--text-body);align-items:center;gap:var(--space-12);min-height:44px;padding:var(--space-20)0;transition:color var(--transition-fast);justify-content:space-between;font-weight:500;list-style:none;display:flex}.faq-question[data-v-fb6e47a2]::-webkit-details-marker{display:none}.faq-question[data-v-fb6e47a2]::marker{content:""}.faq-question[data-v-fb6e47a2]:hover{color:var(--color-text-link)}.faq-question[data-v-fb6e47a2]:focus-visible{border-radius:var(--radius-4);outline:none;box-shadow:0 0 0 3px #23242566}.faq-chevron[data-v-fb6e47a2]{color:var(--color-text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.faq-item[open] .faq-chevron[data-v-fb6e47a2]{transform:rotate(180deg)}.faq-answer[data-v-fb6e47a2]{color:var(--color-text-secondary);font-size:var(--text-small);padding:0 0 var(--space-20)0;margin:0;line-height:1.7}.section-bottom-cta[data-v-fb6e47a2]{background:var(--color-bg-subtle);text-align:center;padding:80px 0}.bottom-cta-heading[data-v-fb6e47a2]{color:var(--color-text-primary);font-size:var(--text-h2);margin:0 0 var(--space-12)0;font-weight:700;line-height:1.3}.bottom-cta-sub[data-v-fb6e47a2]{color:var(--color-text-secondary);font-size:var(--text-body);margin:0 auto var(--space-32)auto;max-width:540px;line-height:1.6}.bottom-cta-btn[data-v-fb6e47a2]{background:var(--color-btn-primary);border-radius:var(--radius-12);color:var(--color-btn-primary-text);cursor:pointer;font-size:var(--text-body);min-height:48px;padding:0 var(--space-32);transition:background var(--transition-fast),transform var(--transition-fast);border:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.bottom-cta-btn[data-v-fb6e47a2]:hover{background:var(--color-btn-primary-hover)}.bottom-cta-btn[data-v-fb6e47a2]:active{background:var(--color-btn-primary-active);transform:scale(.98)}.bottom-cta-btn[data-v-fb6e47a2]:focus-visible{outline:none;box-shadow:0 0 0 3px #23242566}@media (prefers-reduced-motion:reduce){[data-v-fb6e47a2],[data-v-fb6e47a2]:after,[data-v-fb6e47a2]:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:768px){.hero[data-v-fb6e47a2]{min-height:auto;padding:100px var(--space-16)60px}.case-item[data-v-fb6e47a2],.hiw-grid[data-v-fb6e47a2],.types-grid[data-v-fb6e47a2]{grid-template-columns:1fr}.case-item[data-v-fb6e47a2]{gap:var(--space-24)}.case-item.reversed[data-v-fb6e47a2]{direction:ltr}.compare-th-label[data-v-fb6e47a2]{width:120px}.section-bottom-cta[data-v-fb6e47a2],.section-cases[data-v-fb6e47a2],.section-compare[data-v-fb6e47a2],.section-faq[data-v-fb6e47a2],.section-hiw[data-v-fb6e47a2],.section-types[data-v-fb6e47a2]{padding:60px 0}}