.tools-page{padding:8rem 0 6rem;background-color:var(--color-background);min-height:100vh}.tools-container{max-width:1400px;margin:0 auto;padding:0 2rem}.tools-header{text-align:center;margin-bottom:4rem}.tools-badge{display:inline-block;background-color:var(--color-primary);color:var(--color-background);padding:.5rem 1.5rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:1px}.tools-badge,.tools-title{text-transform:uppercase;margin-bottom:1.5rem}.tools-title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--font-weight-bold);letter-spacing:2px;line-height:var(--line-height-tight)}.tools-title-white{color:var(--color-text-primary)}.tools-title-green{color:var(--color-primary)}.tools-subtitle{font-family:var(--font-primary);font-size:clamp(1rem,2vw,1.2rem);font-weight:var(--font-weight-light);color:var(--color-text-secondary);max-width:800px;margin:0 auto;line-height:var(--line-height-relaxed)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.tool-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;transition:transform var(--transition-base);min-height:280px}.tool-card:hover{transform:translateY(-8px)}.tool-card-bg{position:absolute;inset:0;opacity:.9;transition:opacity var(--transition-base)}.tool-card:hover .tool-card-bg{opacity:1}.tool-card-content{position:relative;padding:2rem;height:100%;display:flex;flex-direction:column;z-index:1}.tool-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.tool-icon{width:56px;height:56px;border-radius:var(--radius-md);background-color:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary)}.tool-category{padding:.4rem .8rem;border-radius:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-background)}.tool-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;line-height:var(--line-height-tight)}.tool-description{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);color:rgba(255,255,255,.9);line-height:var(--line-height-relaxed);margin-bottom:auto;flex-grow:1}.tool-button{margin-top:1.5rem;padding:.75rem 1.5rem;background-color:rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-primary);text-align:center;transition:all var(--transition-base)}.tool-card:hover .tool-button{background-color:rgba(255,255,255,.2);transform:translateX(5px)}@media (max-width:768px){.tools-page{padding:6rem 0 4rem}.tools-grid{grid-template-columns:1fr;gap:1.5rem}.tool-card{min-height:250px}.tool-card-content{padding:1.5rem}}