@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#fff;--bg-secondary:#f7f8fc;--bg-card:#fff;--bg-card-hover:#fafbff;--bg-surface:#f0f2f8;--bg-input:#f5f6fa;--text-primary:#1a1d2e;--text-secondary:#5a6178;--text-muted:#8b93a8;--text-inverse:#fff;--accent:#b8942f;--accent-hover:#a07e1f;--accent-muted:#b8942f1a;--cat-branding:#b8942f;--cat-content:#0891b2;--cat-voice:#7c3aed;--cat-media:#2563eb;--cat-documents:#16a34a;--cat-business:#d97706;--success:#16a34a;--success-muted:#16a34a14;--info:#2563eb;--info-muted:#2563eb14;--warning:#d97706;--danger:#dc2626;--border:#e5e7eb;--border-light:#d1d5db;--border-accent:#b8942f40;--shadow-sm:0 1px 2px #0000000a;--shadow:0 1px 3px #0000000f, 0 4px 16px #00000008;--shadow-lg:0 4px 24px #00000012;--shadow-accent:0 4px 20px #b8942f1a;--dark-bg:#0f1629;--dark-bg-secondary:#141c33;--dark-text:#f0f2f8;--dark-text-secondary:#a3adc4;--dark-text-muted:#6e7a96;--dark-border:#1e2642;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs:.8125rem;--font-sm:.9375rem;--font-md:1.0625rem;--font-lg:1.1875rem;--font-xl:1.375rem;--font-2xl:1.625rem;--font-3xl:2.25rem;--font-4xl:3rem;--font-5xl:3.75rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:2.5rem;--space-3xl:3rem;--space-4xl:4rem;--space-5xl:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-5xl) 0}.section-alt{padding:var(--space-5xl) 0;background:var(--bg-secondary)}.section-dark{padding:var(--space-5xl) 0;background:var(--dark-bg);color:var(--dark-text)}.section-tag{align-items:center;gap:var(--space-xs);background:var(--accent-muted);color:var(--accent);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-lg);font-weight:600;display:inline-flex}.section-tag-dark{align-items:center;gap:var(--space-xs);color:#c9a84c;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-lg);background:#b8942f26;font-weight:600;display:inline-flex}.section-title{font-size:var(--font-4xl);margin-bottom:var(--space-md);letter-spacing:-.02em;font-weight:900;line-height:1.1}.section-subtitle{font-size:var(--font-lg);color:var(--text-secondary);max-width:640px;line-height:1.7}.divider{background:linear-gradient(90deg, var(--accent), transparent);width:60px;height:3px;margin:var(--space-md) auto;border-radius:2px}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.grid-6{gap:var(--space-lg);grid-template-columns:repeat(6,1fr);display:grid}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:var(--transition);box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-accent{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-accent)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-sm);cursor:pointer;transition:var(--transition);border:none;padding:10px 20px;line-height:1.4;display:inline-flex}.btn-sm{font-size:var(--font-xs);padding:6px 14px}.btn-lg{font-size:var(--font-md);padding:14px 28px}.btn-primary{background:linear-gradient(135deg, var(--accent), #a07e1f);color:var(--text-inverse);box-shadow:var(--shadow-accent)}.btn-primary:hover{background:linear-gradient(135deg, var(--accent-hover), var(--accent));transform:translateY(-1px);box-shadow:0 6px 24px #b8942f40}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.btn-outline{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-outline:hover{background:var(--bg-surface)}.btn-green{background:linear-gradient(135deg, var(--success), #0f8c3d);color:var(--text-inverse)}.btn-green:hover{transform:translateY(-1px)}.btn-dark-secondary{align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-sm);cursor:pointer;transition:var(--transition);color:var(--dark-text-secondary);background:#1e2642cc;border:1px solid #2a3358cc;padding:10px 20px;display:inline-flex}.btn-dark-secondary:hover{background:#2a3358e6}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:3px;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-popular{color:var(--accent);background:#b8942f1a}.badge-new{color:var(--success);background:#16a34a1a}.badge-pro{color:#7c3aed;background:#7c3aed1a}.badge-free{color:var(--info);background:#2563eb1a}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:var(--font-sm);color:var(--text-primary);transition:var(--transition);font-family:var(--font-family);padding:10px 14px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:120px}.label{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:var(--space-2xs);font-weight:600;display:block}.gradient-text{background:linear-gradient(135deg,#c9a84c,#16a34a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s ease-out fadeInUp}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress{0%{width:0}to{width:80%}}.btn:disabled,.btn[disabled]{opacity:.6;pointer-events:none;cursor:not-allowed}.file-drop:hover{border-color:var(--accent)!important;background:var(--accent-muted)!important}select.input{cursor:pointer;appearance:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid-6{grid-template-columns:repeat(2,1fr)}.section-title{font-size:var(--font-3xl)}.section,.section-alt,.section-dark{padding:var(--space-3xl) 0}}.tool-result-content h1,.tool-result-content h2,.tool-result-content h3,.tool-result-content h4{color:var(--text-primary);margin:1.2em 0 .5em;line-height:1.3}.tool-result-content h1{font-size:1.5em;font-weight:900}.tool-result-content h2{font-size:1.25em;font-weight:800}.tool-result-content h3{font-size:1.1em;font-weight:700}.tool-result-content h4{font-size:1em;font-weight:700}.tool-result-content p{margin:.6em 0}.tool-result-content ul,.tool-result-content ol{margin:.6em 0;padding-left:1.5em}.tool-result-content li{margin:.3em 0}.tool-result-content strong{color:var(--text-primary);font-weight:700}.tool-result-content em{color:var(--text-muted)}.tool-result-content code{background:#0000000f;border-radius:4px;padding:2px 6px;font-size:.9em}.tool-result-content table{border-collapse:collapse;width:100%;margin:.8em 0;font-size:.9em}.tool-result-content td,.tool-result-content th{border-bottom:1px solid var(--border);text-align:left;padding:8px 12px}.tool-result-content a{color:var(--accent)}.spin{animation:1s linear infinite spin}.hide-mobile{display:flex!important}.show-mobile{display:none!important}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}}