.hero{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border-radius:var(--radius-lg);margin-bottom:var(--spacing-3xl);box-shadow:var(--shadow-lg)}.hero h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.hero p{font-size:var(--font-size-lg);opacity:.95}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-2xl);margin-bottom:var(--spacing-3xl)}.tool-card{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.tool-card:hover:not(.tool-card--disabled){transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-light)}.tool-card--disabled{opacity:.7;border-color:var(--color-border-light)}.tool-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);color:var(--color-text)}.tool-card__description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);flex:1;line-height:var(--line-height-relaxed)}.tool-card .btn{align-self:flex-start;width:100%;text-align:center}.btn-secondary{background-color:var(--color-background-secondary);color:var(--color-text-secondary);border:2px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border-light);border-color:var(--color-primary);color:var(--color-text)}@media(max-width:768px){.hero{padding:var(--spacing-2xl) var(--spacing-md)}.hero h2{font-size:var(--font-size-2xl)}.hero p{font-size:var(--font-size-base)}.tools-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}