.tool-teaser{background:white}.tool-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-8);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border:none;border-radius:var(--radius-2xl);transition:all var(--transition-base);position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translateX(-100%);transition:transform .6s ease}.tool-card:hover:before{transform:translateX(100%)}.tool-card:hover{box-shadow:var(--shadow-2xl),0 0 40px rgba(0,51,204,.4);transform:translateY(-4px) scale(1.01)}.tool-content{display:flex;align-items:center;gap:var(--space-6)}.tool-icon-wrapper{position:relative}.tool-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;font-size:2rem;background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.tool-badge{position:absolute;top:-8px;right:-8px;padding:var(--space-1) var(--space-2);background:var(--color-success);font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.tool-badge,.tool-text h3{color:white;font-weight:700}.tool-text h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.tool-text p{font-size:var(--text-base);color:rgba(255,255,255,.85);margin:0;max-width:400px}.tool-card .btn{background:white;color:var(--color-primary);font-weight:700;animation:gentle-pulse 2s infinite}@keyframes gentle-pulse{0%,to{box-shadow:0 0 0 0 rgba(255,255,255,.4)}50%{box-shadow:0 0 20px 8px rgba(255,255,255,.2)}}@media (max-width:768px){.tool-card{text-align:center}.tool-card,.tool-content{flex-direction:column}.tool-text p{max-width:none}}