.tools-section{max-width: 1200px;margin: 0 auto;padding: 0 var(--space-5) var(--space-9);}.tools-hero{text-align: center;padding: var(--space-9) var(--space-5) var(--space-8);max-width: 680px;margin: 0 auto;opacity: 0;transform: translateY(16px);animation: toolsHeroFadeIn 0.6s ease forwards;animation-delay: 0.05s;}.tools-hero h1{font-family: var(--font-heading, 'Space Grotesk', 'Inter', sans-serif);font-size: clamp(1.875rem, 4vw, 2.75rem);font-weight: 800;color: var(--color-ink, #111827);letter-spacing: -0.02em;line-height: 1.15;margin-bottom: var(--space-4);}.tools-hero p{font-size: var(--text-lg, 1.125rem);color: var(--color-text-secondary, #374151);line-height: 1.65;max-width: 520px;margin: 0 auto;}@keyframes toolsHeroFadeIn{to{opacity: 1;transform: translateY(0);}}.tools-section-label{font-size: var(--text-sm, 0.875rem);font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--color-text-muted, #6b7280);margin: var(--space-8) 0 var(--space-4);padding-bottom: var(--space-3);border-bottom: 2px solid var(--color-border, #e5e7eb);display: flex;align-items: center;gap: var(--space-2);}.tools-section-label:first-child{margin-top: 0;}.tools-section-label--pro{color: #b45309;border-bottom-color: #fde68a;}.tools-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-5);margin-bottom: var(--space-5);}@media (max-width: 1024px){.tools-grid{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 600px){.tools-grid{grid-template-columns: 1fr;gap: var(--space-4);}}.tool-card{display: flex;flex-direction: column;background: var(--color-bg, #ffffff);border: 1.5px solid var(--color-border, #e5e7eb);border-radius: 16px;padding: var(--space-5) var(--space-5) var(--space-4);text-decoration: none;color: inherit;cursor: pointer;position: relative;transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.22s ease, border-color 0.18s ease;box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);min-height: 220px;}.tool-card.is-hidden{opacity: 0;transform: translateY(28px);}.tool-card.is-visible{opacity: 1;transform: translateY(0);transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);}.tool-card:hover{transform: translateY(-4px) scale(1.012);box-shadow: 0 8px 24px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);border-color: var(--color-accent, #2563eb);z-index: 2;}.tool-card.is-hidden:hover{transform: translateY(28px);}.tool-card--viral{border-color: transparent;background: linear-gradient(135deg, #eff6ff 0%, #eef2ff 100%);box-shadow: 0 0 0 2px var(--color-accent, #2563eb), 0 4px 16px rgba(37,99,235,0.12);position: relative;overflow: hidden;}.tool-card--viral::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #2563eb, #7c3aed, #2563eb);background-size: 200% 100%;animation: gradientShift 3s ease-in-out infinite;}@keyframes gradientShift{0%, 100%{background-position: 0% 50%;}50%{background-position: 100% 50%;}}.tool-card--viral:hover{transform: translateY(-5px) scale(1.015);box-shadow: 0 0 0 2px var(--color-accent, #2563eb), 0 12px 32px rgba(37,99,235,0.20);}.tool-card--featured{border-color: rgba(37,99,235,0.2);background: #fafcff;box-shadow: 0 2px 8px rgba(37,99,235,0.07), 0 1px 2px rgba(0,0,0,0.04);}.tool-card--featured:hover{border-color: var(--color-accent, #2563eb);box-shadow: 0 8px 24px rgba(37,99,235,0.13), 0 2px 8px rgba(0,0,0,0.06);}.tool-card--pro{border-color: rgba(180,83,9,0.2);background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);}.tool-card--pro:hover{border-color: #f59e0b;box-shadow: 0 8px 24px rgba(245,158,11,0.15), 0 2px 8px rgba(0,0,0,0.06);}.tool-card-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-3);}.tool-card-emoji{font-size: 2rem;line-height: 1;display: block;flex-shrink: 0;}.tool-card-badge{display: inline-flex;align-items: center;font-size: 11px;font-weight: 700;letter-spacing: 0.04em;padding: 3px 10px;border-radius: 20px;white-space: nowrap;background: var(--color-bg-muted, #f3f4f6);color: var(--color-text-secondary, #374151);border: 1px solid var(--color-border, #e5e7eb);}.tool-card--viral .tool-card-badge, .tool-card-badge[class~="badge--viral"]{background: linear-gradient(135deg, #ede9fe, #dbeafe);color: #4f46e5;border-color: #c7d2fe;}.badge--popular{background: #dbeafe;color: #1d4ed8;border-color: #bfdbfe;}.badge--new{background: #d1fae5;color: #0f172a;border-color: #a7f3d0;}.badge--free{background: #f0fdf4;color: #166534;border-color: #bbf7d0;}.badge--pro{background: linear-gradient(135deg, #fef3c7, #fde68a);color: #92400e;border-color: #fcd34d;}.tool-card-title{font-family: var(--font-heading, 'Space Grotesk', 'Inter', sans-serif);font-size: var(--text-base, 1rem);font-weight: 700;color: var(--color-ink, #111827);line-height: 1.35;margin-bottom: var(--space-2);}.tool-card-desc{font-size: var(--text-sm, 0.875rem);color: var(--color-text-muted, #6b7280);line-height: 1.6;flex: 1;margin-bottom: var(--space-4);}.tool-card-cta{display: inline-flex;align-items: center;font-size: var(--text-sm, 0.875rem);font-weight: 600;color: var(--color-accent, #2563eb);margin-top: auto;transition: gap 0.15s ease;}.tool-card:hover .tool-card-cta{text-decoration: underline;text-underline-offset: 2px;}.tool-card--pro .tool-card-cta{color: #b45309;}.tools-email-cta{background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 100%);color: #ffffff;padding: var(--space-7) var(--space-5);margin: var(--space-7) 0 0;}.tools-email-cta-inner{max-width: 800px;margin: 0 auto;display: flex;flex-wrap: wrap;gap: var(--space-5);align-items: center;justify-content: space-between;}.tools-email-cta-text{display: flex;flex-direction: column;gap: 4px;flex: 1;min-width: 200px;}.tools-email-cta-text strong{font-size: var(--text-lg, 1.125rem);font-weight: 700;}.tools-email-cta-text span{font-size: var(--text-sm, 0.875rem);opacity: 0.8;}.tools-email-form{display: flex;gap: var(--space-2);flex-wrap: wrap;flex-shrink: 0;}.tools-email-input{border: none;border-radius: 8px;padding: 11px 16px;font-size: var(--text-base, 1rem);width: 240px;background: rgba(255,255,255,0.15);color: #ffffff;outline: none;transition: background 0.2s ease, box-shadow 0.2s ease;box-shadow: 0 0 0 1.5px rgba(255,255,255,0.3);}.tools-email-input::placeholder{color: rgba(255,255,255,0.55);}.tools-email-input:focus{background: rgba(255,255,255,0.22);box-shadow: 0 0 0 2px rgba(255,255,255,0.7);}.tools-email-btn{background: #ffffff;color: var(--color-accent, #2563eb);border: none;border-radius: 8px;padding: 11px 20px;font-size: var(--text-sm, 0.875rem);font-weight: 700;cursor: pointer;white-space: nowrap;transition: background 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease;box-shadow: 0 2px 8px rgba(0,0,0,0.15);}.tools-email-btn:hover{background: #f0f9ff;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0,0,0,0.2);}.tools-email-btn:disabled{opacity: 0.65;cursor: not-allowed;transform: none;}.tools-email-success{color: #ffffff;font-weight: 600;font-size: var(--text-sm, 0.875rem);padding: 10px 0;}@media (max-width: 600px){.tools-email-cta-inner{flex-direction: column;text-align: center;}.tools-email-form{width: 100%;justify-content: center;}.tools-email-input{width: 100%;}.tools-email-btn{width: 100%;}}.tools-faq-wrap{max-width: 800px;margin: 0 auto;padding: var(--space-8) var(--space-5);}.tools-faq-wrap h2{font-family: var(--font-heading, 'Space Grotesk', 'Inter', sans-serif);font-size: var(--text-2xl, 1.5rem);font-weight: 700;color: var(--color-ink, #111827);margin-bottom: var(--space-5);text-align: center;}.tools-faq{display: flex;flex-direction: column;gap: var(--space-3);}.tools-faq-item{background: var(--color-bg, #ffffff);border: 1.5px solid var(--color-border, #e5e7eb);border-radius: 12px;overflow: hidden;transition: border-color 0.18s ease, box-shadow 0.18s ease;}.tools-faq-item:hover{border-color: rgba(37,99,235,0.3);box-shadow: 0 2px 8px rgba(37,99,235,0.07);}.tools-faq-item[open]{border-color: rgba(37,99,235,0.4);box-shadow: 0 2px 12px rgba(37,99,235,0.1);}.tools-faq-item summary{font-weight: 600;font-size: var(--text-base, 1rem);color: var(--color-ink, #111827);padding: var(--space-4) var(--space-5);cursor: pointer;list-style: none;display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);user-select: none;}.tools-faq-item summary::-webkit-details-marker{display: none;}.tools-faq-item summary::after{content: '+';font-size: 1.25rem;font-weight: 400;color: var(--color-accent, #2563eb);flex-shrink: 0;line-height: 1;transition: transform 0.2s ease;}.tools-faq-item[open] summary::after{content: '−';transform: rotate(0);}.tools-faq-item p{font-size: var(--text-sm, 0.875rem);color: var(--color-text-secondary, #374151);line-height: 1.65;padding: 0 var(--space-5) var(--space-4);}.tools-guides-strip{background: var(--color-bg-subtle, #f9fafb);border-top: 1.5px solid var(--color-border, #e5e7eb);border-bottom: 1.5px solid var(--color-border, #e5e7eb);padding: var(--space-5) var(--space-5);}.tools-guides-strip-inner{max-width: 800px;margin: 0 auto;display: flex;flex-wrap: wrap;gap: var(--space-4);align-items: center;justify-content: space-between;}.tools-guides-strip-text{display: flex;flex-direction: column;gap: 4px;flex: 1;min-width: 200px;}.tools-guides-strip-text strong{font-size: var(--text-base, 1rem);font-weight: 700;color: var(--color-ink, #111827);}.tools-guides-strip-text span{font-size: var(--text-sm, 0.875rem);color: var(--color-text-muted, #6b7280);}.tools-guides-btn{display: inline-flex;align-items: center;background: var(--color-accent, #2563eb);color: #ffffff;font-size: var(--text-sm, 0.875rem);font-weight: 700;padding: 10px 20px;border-radius: 8px;text-decoration: none;white-space: nowrap;transition: background 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease;box-shadow: 0 2px 6px rgba(37,99,235,0.25);}.tools-guides-btn:hover{background: var(--color-accent-hover, #1d4ed8);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(37,99,235,0.3);}@media (max-width: 600px){.tools-guides-strip-inner{flex-direction: column;text-align: center;}.tools-guides-btn{width: 100%;justify-content: center;}}@media (max-width: 768px){.tools-hero{padding: var(--space-7) var(--space-4) var(--space-6);}.tools-section{padding: 0 var(--space-4) var(--space-7);}.tools-section-label{margin: var(--space-6) 0 var(--space-3);font-size: 10px;}.tool-card{padding: var(--space-4);min-height: unset;}.tool-card-emoji{font-size: 1.75rem;}}@media (max-width: 375px){.tools-hero h1{font-size: 1.75rem;}.tools-hero p{font-size: var(--text-base, 1rem);}}@media (prefers-reduced-motion: reduce){.tools-hero, .tool-card, .tool-card.is-hidden, .tool-card.is-visible{animation: none !important;transition: none !important;opacity: 1 !important;transform: none !important;}.tool-card--viral::before{animation: none;}.tool-card:hover{transform: none;}.tools-guides-btn:hover, .tools-email-btn:hover{transform: none;}}