.container-v2.alltools-main{padding-top:48px;padding-bottom:64px}.alltools-hero{text-align:center;padding:80px 20px 48px}.alltools-hero h1{font-family:var(--font-headline);font-size:var(--text-headline-xl);font-weight:700;line-height:var(--text-headline-xl-line);letter-spacing:-.02em;color:var(--color-on-background);margin:0 0 16px}.alltools-hero .hero-sub{font-family:var(--font-body);font-size:var(--text-body-lg);line-height:var(--text-body-lg-line);color:var(--color-on-surface-variant);max-width:42rem;margin:0 auto 40px}.alltools-search-wrap{max-width:36rem;margin:0 auto;display:flex;align-items:center;background:var(--color-surface-container-lowest);border:1px solid var(--color-border-subtle);border-radius:.5rem;padding:8px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.alltools-search-wrap:focus-within{box-shadow:0 0 0 3px #4361ee26;border-color:var(--color-primary)}.alltools-search-wrap .search-icon{margin-left:12px;color:var(--color-primary);font-size:24px}.alltools-search-wrap input{flex:1;border:none;outline:none;font-size:var(--text-body-md);font-family:var(--font-body);background:transparent;padding:8px 16px;color:var(--color-on-surface)}.alltools-search-wrap input::placeholder{color:var(--color-outline-variant)}.alltools-search-wrap .shortcut-hint{display:flex;align-items:center;gap:4px;padding:4px 12px;background:var(--color-surface-container-low);border-radius:.25rem;color:var(--color-outline);font-size:var(--text-label-md);font-family:var(--font-code);margin-right:4px;white-space:nowrap}.alltools-search-wrap .shortcut-hint .material-symbols-outlined{font-size:14px}@media (max-width: 480px){.alltools-search-wrap .shortcut-hint{display:none}}.search-info{text-align:center;margin-top:8px;font-size:14px;color:var(--color-secondary);min-height:20px}.cat-group{margin-bottom:64px}.cat-header{display:flex;align-items:center;gap:12px;margin-bottom:32px;border-bottom:1px solid var(--color-border-subtle);padding-bottom:16px}.cat-header .cat-icon{font-size:28px;color:var(--color-primary)}.cat-header h2{font-family:var(--font-headline);font-size:var(--text-title-md);font-weight:600;line-height:var(--text-title-md-line);color:var(--color-on-background);margin:0}.cat-header p{color:var(--color-on-surface-variant);font-size:var(--text-body-md);margin:2px 0 0}.tools-grid-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-gutter)}@media (max-width: 1024px){.tools-grid-v2{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.tools-grid-v2{grid-template-columns:1fr}}.tool-card-v2{display:flex;flex-direction:column;background:var(--color-surface-container-lowest);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:24px;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.tool-card-v2:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.tool-card-v2 .tc-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:#4361ee1a;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--color-primary)}.tool-card-v2 .tc-icon .material-symbols-outlined{font-size:20px}.tool-card-v2 h3{font-weight:700;font-size:15px;color:var(--color-on-background);margin:0 0 6px}.tool-card-v2 p{font-size:13px;color:var(--color-on-surface-variant);margin:0;line-height:1.5}.alltools-faq{margin-top:96px;padding-top:64px;border-top:1px solid var(--color-border-subtle)}.alltools-faq h2{font-family:var(--font-headline);font-size:var(--text-headline-lg);font-weight:600;line-height:var(--text-headline-lg-line);letter-spacing:-.01em;color:var(--color-on-background);margin:0 0 40px}.alltools-faq .faq-grid-v2{display:grid;grid-template-columns:1fr 1fr;gap:48px}@media (max-width: 768px){.alltools-faq .faq-grid-v2{grid-template-columns:1fr;gap:32px}}.alltools-faq .faq-col{display:flex;flex-direction:column;gap:32px}.alltools-faq h4{font-family:var(--font-headline);font-size:var(--text-title-md);font-weight:600;line-height:var(--text-title-md-line);color:var(--color-on-background);margin:0 0 8px}.alltools-faq p{font-size:var(--text-body-md);color:var(--color-on-surface-variant);margin:0;line-height:var(--text-body-md-line)}.cta-banner{margin-top:80px;padding:48px;background:var(--color-primary);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden}.cta-banner .cta-content{position:relative;z-index:1}.cta-banner h2{font-family:var(--font-headline);font-size:var(--text-headline-lg);font-weight:600;line-height:var(--text-headline-lg-line);color:var(--color-on-primary);margin:0 0 16px}.cta-banner p{font-size:var(--text-body-md);color:var(--color-on-primary-container);opacity:.9;margin:0 auto 32px;max-width:36rem}.cta-banner .cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.cta-banner .btn-cta-primary{display:inline-flex;align-items:center;gap:8px;background:var(--color-on-primary);color:var(--color-primary);padding:12px 32px;border-radius:var(--radius-xl);font-weight:700;font-size:15px;text-decoration:none;transition:opacity var(--transition-fast)}.cta-banner .btn-cta-primary:hover{opacity:.9}.cta-banner .btn-cta-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--color-on-primary);border:1px solid var(--color-on-primary);padding:12px 32px;border-radius:var(--radius-xl);font-weight:700;font-size:15px;text-decoration:none;transition:background var(--transition-fast)}.cta-banner .btn-cta-secondary:hover{background:#ffffff1a}.cta-banner .cta-blur-1{position:absolute;top:0;right:0;width:256px;height:256px;background:#ffffff1a;border-radius:50%;filter:blur(64px);margin-right:-128px;margin-top:-128px}.cta-banner .cta-blur-2{position:absolute;bottom:0;left:0;width:192px;height:192px;background:#ffffff0d;border-radius:50%;filter:blur(48px);margin-left:-96px;margin-bottom:-96px}
