.index-hero{text-align:center;padding:var(--space-12) 0}.hero-content{max-width:100%;margin:0 auto}.hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-4)}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);margin:0 0 var(--space-6);width:100%}.hero-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);text-decoration:none;transition:all var(--transition-fast)}.btn-primary{background:var(--brand-color);color:#fff}.btn-primary:hover{background:var(--brand-color-dark)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--border-default)}.btn-secondary:hover{border-color:var(--brand-color)}.tools-section,.features-section{padding:var(--space-8) 0}.section-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-6);text-align:center}.category-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:var(--space-6) 0 var(--space-4);flex-wrap:wrap}.category-title i{color:var(--brand-color);font-size:var(--text-lg)}.category-subtitle{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--text-muted);margin-left:auto}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.tool-card{padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast);text-align:center}.tool-card:hover{border-color:var(--brand-color);transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.tool-icon{width:48px;height:48px;margin:0 auto var(--space-3);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--brand-color)}.tool-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.tool-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.feature-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3)}.feature-content{display:flex;gap:var(--space-3);align-items:flex-start}.feature-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--brand-color)}.feature-text{flex:1}.feature-text h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.feature-text p{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:var(--leading-normal)}.community-ctas{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4);margin:var(--space-8) 0}.cta-card{display:flex;flex-direction:column;padding:var(--space-6);background:var(--bg-surface);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.support-cta{border:1px solid var(--action-support)}.feedback-cta{border:2px solid var(--action-feedback)}.support-cta:hover{box-shadow:0 0 24px #4caf504d}.feedback-cta:hover{box-shadow:0 0 24px #9c27b04d}.cta-header{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:center;margin-bottom:var(--space-4)}.cta-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:28px;flex-shrink:0;transition:all var(--transition-fast)}.support-cta .cta-icon{background:#4caf501a;color:var(--action-support)}.feedback-cta .cta-icon{background:#9c27b01a;color:var(--action-feedback)}.cta-card:hover .cta-icon{transform:scale(1.1) rotate(5deg)}.cta-header-text{display:flex;flex-direction:column;gap:var(--space-1)}.cta-card-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.cta-card-subtitle{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0}.cta-card-description{font-size:var(--text-base);color:var(--text-muted);margin:0 0 var(--space-4);line-height:var(--leading-relaxed)}.btn-support{background:var(--action-support);color:#fff;gap:var(--space-2)}.btn-support:hover{background:var(--action-support-hover);color:#fff;box-shadow:0 4px 12px #4caf504d}.btn-feedback{background:var(--action-feedback);color:#fff;gap:var(--space-2)}.btn-feedback:hover{background:var(--action-feedback-hover);color:#fff;box-shadow:0 4px 12px #9c27b04d}@media(max-width:768px){.tools-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.btn{width:100%;max-width:300px}.community-ctas{grid-template-columns:1fr}}